.guide-page{background:var(--bone)}.guide-page:not(.is-scrolled) .site-head{color:var(--bone-bright)}.guide-page:not(.is-scrolled) .wordmark-star{color:var(--klein-lit)}.guide-band{height:34svh;min-height:220px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:var(--graphite)}.guide-band canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.guide-main{padding:clamp(56px,9vh,104px) var(--pad) clamp(80px,12vh,140px)}.container-narrow{max-width:760px;margin-inline:auto}.guide-title{font-family:var(--serif);font-weight:500;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.1;letter-spacing:-.008em;margin-bottom:24px}.guide-standfirst{font-size:clamp(1.08rem,1.5vw,1.24rem);line-height:1.7;color:var(--ink-70);max-width:58ch}.g-section{margin-top:clamp(56px,9vh,96px)}.g-section h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.2;margin-bottom:20px;display:flex;align-items:baseline;gap:16px}.g-num{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--klein);flex-shrink:0}.g-section p{color:var(--ink-70);max-width:62ch}.g-section p+p{margin-top:16px}.g-section strong{color:var(--graphite);font-weight:600}.g-section a{color:var(--klein);text-underline-offset:3px}.g-section code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em;background:#2323220f;padding:1px 5px;border-radius:3px}.g-code{margin:26px 0;padding:22px 24px;background:var(--graphite);color:#e8e3d9;overflow-x:auto;border-left:3px solid var(--klein);font-size:13.5px;line-height:1.65}.g-code code{background:none;padding:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:inherit;color:inherit}.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:8px 0 22px}.chip{display:flex;align-items:center;gap:12px;font-size:12.5px;line-height:1.45;color:var(--ink-70)}.chip-swatch{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);flex-shrink:0}.type-specimen{margin-top:26px;border:1px solid var(--line);padding:clamp(20px,3vw,34px)}.spec-serif{font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.3;color:var(--graphite)!important;max-width:none!important}.spec-sans{margin-top:14px;font-size:1.02rem;color:var(--ink-70);max-width:none!important}.diary-pass+.diary-pass{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.diary-pass h3{font-family:var(--sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--klein);margin-bottom:10px}.guide-foot{padding-top:40px}.guide-foot .credit{margin-top:0;border-top:none}@media(max-width:600px){.guide-band{height:26svh}}