.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:var(--rj-ref-shadow-none);overflow:visible}.tpl-ref .rp-tpl-header>*{max-width:none}.tpl-ref .hero,.tpl-ref .rp-tpl-header{padding-top:clamp(var(--rj-ref-space-1-5),2vh,var(--rj-ref-space-5))}.tpl-ref .eyebrow{margin:0;font-family:var(--font-serif);letter-spacing:.14em;text-transform:none;color:var(--accent-dark);font-size:var(--rj-ref-type-label)}.tpl-ref .hero h1,.tpl-ref .rp-tpl-header h1{margin:var(--rj-ref-space-3) 0 0;font-family:var(--font-serif);font-size:var(--rj-preserved-type-clamp-1-7rem-3-4vw-2-4rem-0a94649ba7);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:var(--rj-ref-space-4) 0 0;border-radius:var(--rj-ref-radius-xs);background:linear-gradient(to right,var(--gold) 10%,var(--accent) 75%,transparent);opacity:.85}.tpl-ref .hero .lede,.tpl-ref .rp-tpl-header .lede{margin:var(--rj-ref-space-4) 0 0;max-width:64ch;color:var(--muted);line-height:1.9;font-size:var(--rj-ref-type-body)}.tpl-ref .note-article-meta{margin-top:var(--rj-ref-space-4);color:var(--muted)}.tpl-ref .rp-tpl-hero-note{color:var(--muted)}.tpl-ref .section-kicker{font-family:var(--font-serif);letter-spacing:.12em;text-transform:none;color:var(--accent-dark);font-size:var(--rj-ref-type-caption)}.tpl-ref .section-heading h2{font-family:var(--font-serif);color:var(--ink);position:relative;padding-left:var(--rj-ref-space-5)}.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:var(--rj-ref-space-2) auto 0}.tpl-ref .sfr-lead .eyebrow,.tpl-ref .sfr-lead .rpf-intro-eyebrow{margin:0 0 var(--rj-ref-space-3);font-family:var(--font-mono);font-size:var(--rj-ref-type-caption);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-dark)}.tpl-ref .sfr-lead h1{margin:0;font-family:var(--font-serif);font-size:var(--rj-preserved-type-clamp-1-8rem-3-6vw-2-5rem-4f5c4396fa);line-height:1.26;letter-spacing:.02em;color:var(--ink)}.tpl-ref .sfr-lead h1:after{content:"";display:block;width:64px;height:2px;margin:var(--rj-ref-space-4) auto 0;border-radius:var(--rj-ref-radius-xs);background:linear-gradient(to right,transparent,var(--gold) 30%,var(--accent) 70%,transparent);opacity:.85}.tpl-ref .sfr-lead .lede,.tpl-ref .sfr-lead .rpf-intro-lede{margin:var(--rj-ref-space-4-5) auto 0;max-width:62ch;color:var(--muted);line-height:1.9;font-size:var(--rj-ref-type-body)}.tpl-ref .sfr-lead .rpf-intro-rules{margin:var(--rj-ref-space-4-5) 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--rj-ref-space-2) var(--rj-ref-space-2-5)}.tpl-ref .sfr-lead .rpf-intro-rules li{font-size:var(--rj-ref-type-caption);color:var(--muted);border:1px solid var(--line);border-radius:var(--rj-ref-radius-pill);padding:var(--rj-ref-space-1) var(--rj-ref-space-3);background:var(--paper)}.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}}.tpl-ref .rpf-intro-title{font-family:var(--font-serif)}@media screen and (max-width:760px){.tpl-ref .sfr-lead .eyebrow,.tpl-ref .sfr-lead .rpf-intro-eyebrow{font-size:max(var(--rj-type-caption-size),12px)}}