.tpl-ref{position:relative}.tpl-ref .rp-tpl-header{padding:0;border:none;border-radius:0;background:none!important;background-image:none!important;box-shadow:none;overflow:visible}.tpl-ref .rp-tpl-header>*{max-width:none}.tpl-ref .hero,.tpl-ref .rp-tpl-header{padding-top:clamp(6px,2vh,20px)}.tpl-ref .eyebrow{margin:0;font-family:var(--font-serif,serif);letter-spacing:.14em;text-transform:none;color:var(--accent-dark);font-size:.8rem}.tpl-ref .hero h1,.tpl-ref .rp-tpl-header h1{margin:12px 0 0;font-family:var(--font-serif,serif);font-size:clamp(1.7rem,3.4vw,2.4rem);color:var(--ink);letter-spacing:.02em;line-height:1.28}.tpl-ref .hero h1:after,.tpl-ref .rp-tpl-header h1:after{content:"";display:block;width:62px;height:2px;margin:16px 0 0;border-radius:2px;background:linear-gradient(to right,var(--gold,#c79231) 10%,var(--accent,#bd5d38) 75%,transparent);opacity:.85}.tpl-ref .hero .lede,.tpl-ref .rp-tpl-header .lede{margin:16px 0 0;max-width:64ch;color:var(--muted);line-height:1.9;font-size:.95rem}.tpl-ref .note-article-meta{margin-top:16px;color:var(--muted)}.tpl-ref .rp-tpl-hero-note{color:var(--muted)}.tpl-ref .section-kicker{font-family:var(--font-serif,serif);letter-spacing:.12em;text-transform:none;color:var(--accent-dark);font-size:.78rem}.tpl-ref .section-heading h2{font-family:var(--font-serif,serif);color:var(--ink);position:relative;padding-left:22px}.tpl-ref .section-heading h2:before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;background:var(--accent);transform:rotate(45deg)}.tpl-ref .section-copy{color:var(--muted);line-height:1.85}.tpl-ref .sfr-lead{text-align:center;max-width:760px;margin:8px auto 0}.tpl-ref .sfr-lead .eyebrow,.tpl-ref .sfr-lead .rpf-intro-eyebrow{margin:0 0 12px;font-family:var(--font-mono,ui-monospace,monospace);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-dark)}.tpl-ref .sfr-lead h1{margin:0;font-family:var(--font-serif,serif);font-size:clamp(1.8rem,3.6vw,2.5rem);line-height:1.26;letter-spacing:.02em;color:var(--ink)}.tpl-ref .sfr-lead h1:after{content:"";display:block;width:64px;height:2px;margin:16px auto 0;border-radius:2px;background:linear-gradient(to right,transparent,var(--gold,#c79231) 30%,var(--accent,#bd5d38) 70%,transparent);opacity:.85}.tpl-ref .sfr-lead .lede,.tpl-ref .sfr-lead .rpf-intro-lede{margin:18px auto 0;max-width:62ch;color:var(--muted);line-height:1.9;font-size:.95rem}.tpl-ref .sfr-lead .rpf-intro-rules{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}.tpl-ref .sfr-lead .rpf-intro-rules li{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 12px;background:var(--paper,#fffaf2)}.tpl-ref .template-comparison,.tpl-ref .template-comparison-side,.tpl-ref .template-letter,.tpl-ref .template-letters,.tpl-ref .template-when-card,.tpl-ref .template-when-grid{min-width:0}.tpl-ref .template-code{overflow-x:auto;max-width:100%}@media (max-width:640px){.tpl-ref .template-comparison{grid-template-columns:1fr}}