.tpl-hero{position:relative;padding:clamp(72px,9vw,120px) 0 clamp(20px,3vw,36px);overflow:hidden}.tpl-hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(46% 60% at 50% -10%,rgba(255,86,6,.13),transparent 70%)}.tpl-hero h1{font-size:clamp(2.4rem,4.8vw,3.7rem);letter-spacing:-.03em;max-width:820px;margin:6px 0 0}.tpl-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tpl-main{padding-top:clamp(28px,4vw,48px)}.tpl-filter{position:-webkit-sticky;position:sticky;top:var(--nav-h);z-index:50;display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;background:linear-gradient(180deg,var(--bg) 82%,transparent);margin-bottom:28px}.tpl-cat{scroll-margin-top:calc(var(--nav-h) + 70px);margin-bottom:clamp(40px,5vw,60px)}.tpl-cat-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.tpl-cat-head h2{font-size:1.45rem}.tpl-cat-head p{color:var(--text-faint);font-size:.875rem}.tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.tpl-card{position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);transition:border-color .2s ease,background .2s ease,transform .2s ease}.tpl-card:hover{background:var(--card-hover);border-color:rgba(255,86,6,.4);transform:translateY(-2px)}.tpl-badge{position:absolute;top:14px;right:14px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-soft);border:1px solid rgba(255,86,6,.35);background:rgba(255,86,6,.07);border-radius:999px;padding:2px 9px}.tpl-card h3{font-size:.9875rem;margin-bottom:8px;padding-right:74px}.tpl-card p{color:var(--text-muted);font-size:.8325rem;line-height:1.6}.tpl-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:.8125rem;font-weight:600;color:var(--brand-soft);opacity:0;transition:opacity .18s ease}.tpl-card:hover .tpl-go{opacity:1}@media (max-width:960px){.tpl-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.tpl-grid{grid-template-columns:1fr}.tpl-filter{position:static}}