.templates-page{padding-block:clamp(20px,4vw,40px) clamp(40px,7vw,80px)}.template-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:24px;font-size:13px;color:var(--text-muted)}.template-crumbs a{color:var(--olive)}.templates-intro{max-width:760px;margin-bottom:16px}.templates-intro h1,.template-detail h1{margin:8px 0 14px;font:400 clamp(28px,4.4vw,42px) / 1.2 var(--serif);color:var(--ink)}.templates-intro p,.template-style>p,.template-detail-text p{margin:0 0 14px;color:var(--text-muted);line-height:1.7}.template-styles{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.template-styles a{padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font-size:13px;text-decoration:none}.template-styles a:hover{border-color:var(--olive)}.template-style{margin-top:clamp(32px,5vw,56px);scroll-margin-top:16px}.template-style h2,.template-steps h2{margin:0 0 8px;font:400 clamp(22px,3vw,28px) / 1.3 var(--serif);color:var(--ink)}.template-style>p{max-width:760px}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:clamp(16px,2.4vw,28px);margin-top:20px}.showcase-card{display:flex;flex-direction:column;gap:6px}.showcase-link{display:grid;gap:10px;color:var(--ink);text-decoration:none}.showcase-link img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;border:1px solid var(--line);border-radius:14px;background:var(--cream);transition:transform .2s,box-shadow .2s}.showcase-link:hover img{transform:translateY(-2px);box-shadow:0 10px 24px #343b301f}.showcase-link h3{margin:0;font:400 19px / 1.3 var(--serif)}.showcase-card p{margin:0;color:var(--text-muted);font-size:13.5px;line-height:1.6}.showcase-use{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:var(--olive);font-size:13.5px;font-weight:500}.template-steps{margin-top:clamp(40px,6vw,64px);padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:16px;background:var(--panel)}.template-steps ol{margin:8px 0 20px;padding-left:22px;color:var(--text-muted);line-height:1.8}.template-steps strong{color:var(--ink)}.template-steps .button,.template-actions .button{gap:10px;font-size:13px;color:var(--ink);text-decoration:none}.template-actions .button.primary{color:#fffdf5}.template-detail{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,5vw,64px);align-items:start}.template-detail-picture{margin:0}.template-detail-picture img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px #343b301f}.template-detail-text .eyebrow{font-size:11px;text-transform:uppercase;text-decoration:none}.template-detail-text h2{margin:24px 0 10px;font:400 19px / 1.3 var(--serif);color:var(--ink)}.template-colors{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:14px}.template-colors li{display:flex;align-items:center;gap:8px}.template-colors span{width:22px;height:22px;border:1px solid var(--line);border-radius:50%}.template-parts{margin:0;padding-left:20px;color:var(--text-muted);line-height:1.8}.template-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.template-detail-text .template-note{margin-top:12px;font-size:13px}.template-all{margin-top:32px}.template-all a{display:inline-flex;align-items:center;gap:6px;color:var(--olive);font-weight:500}@media(max-width:760px){.template-detail{grid-template-columns:1fr}.template-detail-picture{max-width:420px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}