.template-gallery-card { min-width:0; }
.template-gallery-card > a { color:inherit; display:block; text-decoration:none; }
.template-thumbnail { height:320px; padding:28px; display:grid; grid-template-columns:1fr 1.1fr; align-items:center; overflow:hidden; border:1px solid #172c211a; transition:transform .2s; }
.template-gallery-card a:hover .template-thumbnail { transform:translateY(-4px); }
.template-thumbnail-copy { min-width:0; }
.template-thumbnail small { display:block; font-size:10px; line-height:1.5; font-weight:600; }
.template-thumbnail strong { display:block; font-size:clamp(23px,2.4vw,36px); line-height:1.1; letter-spacing:-.055em; white-space:pre-line; margin:18px 0; font-weight:800; }
.template-thumbnail-copy > span { display:inline-block; font-size:9px; padding:9px 12px; border:1px solid currentColor; }
.template-thumbnail-home_technical_services { background:#edf2ef; color:#143a43; }
.template-thumbnail-catering_home_food { background:#faf4e8; color:#613a2b; }
.template-thumbnail-event_rental_support { background:#20272a; color:#f7f0df; }
.template-thumbnail-tuition_learning { background:#f7f5ed; color:#233c61; }
.template-thumbnail-tuition_learning .template-thumbnail-copy,.template-thumbnail-bridal_mobile_beauty .template-thumbnail-copy { order:2; }
.template-thumbnail-early_childhood_education { background:#faf4df; color:#354c38; border-radius:24px; }
.template-thumbnail-bridal_mobile_beauty { background:#f7eee9; color:#62463f; }
.template-card-caption { display:flex; align-items:start; justify-content:space-between; gap:16px; padding-top:18px; }
.template-card-caption h2,.template-card-caption h3 { font-size:20px; line-height:1.4; margin:0; font-weight:600; letter-spacing:-.04em; }
.template-card-caption p { font-size:12px; color:#576257; line-height:1.7; margin:5px 0; }
.template-card-caption > span { display:grid; place-items:center; width:44px; height:44px; border:1px solid #b7c4b9; border-radius:50%; flex:none; }

.examples-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:8px 0 18px;overscroll-behavior-x:contain;scrollbar-width:thin}.examples-track .template-gallery-card{flex:0 0 calc((100% - 24px)/2);scroll-snap-align:start;scroll-snap-stop:always}.examples-track .template-art{width:100%;height:auto;display:block}.examples-track .template-thumbnail{border-radius:16px;height:330px}.examples-track .template-thumbnail strong{font-size:clamp(24px,2.5vw,36px)}.examples-track .template-card-caption h3{font-size:18px}.examples-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.examples-controls{display:flex;align-items:center;gap:14px}.examples-controls[hidden]{display:none}.examples-controls button{width:48px;height:48px;border:1px solid #a7b7a4;border-radius:50%;background:#fff;color:#18251e;font-size:24px;cursor:pointer}.examples-controls button:disabled{opacity:.35;cursor:default}.examples-position{min-width:46px;text-align:center;font-size:14px}.examples-carousel :focus-visible{outline:3px solid #15803d;outline-offset:4px}.examples-carousel>.micro{margin-top:18px;max-width:65ch}@media(max-width:700px){.examples-track{gap:16px}.examples-track .template-gallery-card{flex-basis:92%}.examples-track .template-thumbnail{height:280px;padding:18px;grid-template-columns:1fr 1fr}.examples-track .template-thumbnail strong{font-size:26px}.examples-track .template-card-caption{gap:8px}.examples-track .template-card-caption h3{font-size:16px}.examples-toolbar{align-items:center}.examples-toolbar>a{font-size:14px}.examples-controls{gap:8px}}@media(prefers-reduced-motion:reduce){.examples-track{scroll-behavior:auto}.template-gallery-card a:hover .template-thumbnail{transform:none}}