.template-library{--tl-bg:#f6f7f4;--tl-ink:#202b26;--tl-muted:#5c6861;--tl-line:#d7ded7;--tl-accent:#3d5d3f;background:var(--tl-bg);color:var(--tl-ink);padding:100px clamp(20px,5vw,76px);font-family:Manrope,'Segoe UI',sans-serif}.template-wrap{max-width:1360px;margin:auto}.template-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.template-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-accent);font-weight:700}.template-heading h1,.template-heading h2{font:600 clamp(36px,4.6vw,64px)/1.12 Manrope,sans-serif;letter-spacing:-.05em;margin:18px 0}.template-heading p:not(.template-kicker){max-width:510px;font-size:15px;line-height:1.8;color:var(--tl-muted)}.template-heading>a{white-space:nowrap;color:var(--tl-ink);font-size:13px;text-underline-offset:6px}.template-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;border-block:1px solid var(--tl-line);padding:22px 0}.template-filters{display:flex;gap:6px;flex-wrap:wrap}.template-filters button{background:transparent;border:1px solid transparent;border-radius:6px;padding:11px 14px;color:var(--tl-muted);font:600 12px Manrope,sans-serif;cursor:pointer}.template-filters button[aria-pressed=true]{background:var(--tl-ink);color:var(--tl-bg)}.template-filters button:hover{border-color:var(--tl-muted)}.template-search{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--tl-muted)}.template-search input{width:220px;max-width:100%;border:1px solid var(--tl-line);border-radius:6px;background:transparent;color:var(--tl-ink);padding:12px;font:13px Manrope,sans-serif}.template-count{font-size:12px;color:var(--tl-muted);margin:24px 0}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 28px}.template-card{min-width:0}.template-card[hidden],.template-empty[hidden]{display:none}.template-image{display:block;position:relative;border:1px solid var(--tl-line);border-radius:8px;overflow:hidden;aspect-ratio:1.5;background:#e3e7e2}.template-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.template-image:hover img{transform:scale(1.025)}.template-image span{position:absolute;right:14px;bottom:14px;background:#fff;color:#202b26;padding:9px 12px;border-radius:5px;font-size:11px}.template-meta{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:12px}.template-meta h3{font:600 24px Manrope,sans-serif;letter-spacing:-.04em;margin:0}.template-meta>span{font-size:11px;color:var(--tl-accent)}.template-card>p{font-size:13px;line-height:1.75;color:var(--tl-muted);min-height:46px;margin:10px 0 18px}.template-links{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--tl-line);padding-top:15px}.template-links a{color:var(--tl-ink);font-size:12px;text-underline-offset:4px}.template-links a:last-child{color:var(--tl-accent)}.template-note{margin:40px 0 0;font-size:12px;line-height:1.7;color:var(--tl-muted)}.template-empty{padding:40px 0;color:var(--tl-muted)}.template-empty button{font:inherit;cursor:pointer;padding:10px 15px;background:var(--tl-ink);color:var(--tl-bg);border:0;border-radius:5px}.template-library :focus-visible{outline:3px solid var(--tl-accent);outline-offset:4px}.template-page{margin:0;background:#f6f7f4;color:#202b26;font-family:Manrope,sans-serif}.template-page-header,.template-page-footer{padding:26px clamp(20px,5vw,76px);display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #d7ded7}.template-page-header a,.template-page-footer a{color:inherit;text-decoration:none;font-size:13px}.template-page-header>a{font-size:20px;font-weight:700}.template-page-header nav{display:flex;gap:24px}.template-page-footer{font-size:12px;border-top:1px solid #d7ded7}.template-page .template-library{padding-top:65px}.template-page .skip-link{position:absolute;top:-100px}.template-page .skip-link:focus{top:8px;background:white;padding:12px;z-index:10}
@media(max-width:900px){.template-controls{align-items:stretch;flex-direction:column}.template-search input{flex:1;width:auto}.template-heading{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:600px){.template-library{padding:65px 20px}.template-grid{grid-template-columns:1fr;gap:36px}.template-heading h1,.template-heading h2{font-size:38px}.template-filters{gap:4px}.template-filters button{padding:10px}.template-page-header nav{gap:14px}.template-page-header nav a:first-child{display:none}.template-meta h3{font-size:22px}.template-page-footer{align-items:start;flex-direction:column}}
@media(prefers-color-scheme:dark){.template-library{--tl-bg:#19231e;--tl-ink:#edf1ec;--tl-muted:#b4c0b7;--tl-line:#3c4b41;--tl-accent:#b6d5a6}.template-page{background:#19231e;color:#edf1ec}}
@media(prefers-reduced-motion:reduce){.template-image img{transition:none}.template-image:hover img{transform:none}}