.colophon-hero{padding-top:var(--space-5);padding-bottom:var(--space-4)}.colophon-hero .section-label{display:inline-block;margin-bottom:var(--space-4)}.colophon-hero-title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.06;letter-spacing:-.015em;margin:0 0 var(--space-4);color:var(--color-ink-primary);max-width:18ch}.colophon-hero-title em{color:var(--color-primary);font-style:italic}.colophon-hero-lead{font-family:var(--font-body);font-size:var(--type-lead);line-height:var(--line-lead);color:var(--color-ink-muted);margin:0 0 var(--space-5);max-width:60ch}.colophon-toc{margin-top:var(--space-5);padding:var(--space-4) 0 0;border-top:1px solid var(--color-rule);max-width:80ch}.colophon-toc-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.colophon-toc-list li{display:block}.colophon-toc-list a{display:inline-flex;align-items:baseline;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--type-mono-lg);color:var(--color-ink-primary);text-decoration:none;transition:color var(--duration-interactive) var(--ease-interactive)}.colophon-toc-list a:hover,.colophon-toc-list a:focus-visible{color:var(--color-primary)}.colophon-toc-num{font-family:var(--font-mono);font-size:var(--type-mono);color:var(--color-ink-muted);letter-spacing:.04em;min-width:22px}.colophon-toc-label{border-bottom:1px dotted var(--color-rule);padding-bottom:1px;transition:border-bottom-color var(--duration-interactive) var(--ease-interactive)}.colophon-toc-list a:hover .colophon-toc-label,.colophon-toc-list a:focus-visible .colophon-toc-label{border-bottom-color:var(--color-primary)}.colophon-toc-desc{font-family:var(--font-mono);font-size:var(--type-mono);color:var(--color-ink-muted);font-style:italic;letter-spacing:.02em;margin-left:var(--space-3);opacity:0;transform:translate(-8px);transition:opacity .2s var(--ease-interactive),transform .2s var(--ease-interactive);white-space:nowrap;pointer-events:none}.colophon-toc-list a:hover .colophon-toc-desc,.colophon-toc-list a:focus .colophon-toc-desc,.colophon-toc-list a:focus-visible .colophon-toc-desc{opacity:.85;transform:translate(0)}@media(max-width:720px){.colophon-toc-desc{display:none}}.colophon-body{padding-top:var(--space-6)}.colophon-grid>.colophon-block:first-child{padding-top:var(--space-6)}.colophon-h3{font-family:var(--font-display);font-weight:500;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.2;margin:var(--space-5) 0 var(--space-2);color:var(--color-ink-primary)}.colophon-h3:first-of-type{margin-top:var(--space-3)}.colophon-h3-lead{font-family:var(--font-body);font-size:.95rem;line-height:1.55;color:var(--color-ink-muted);margin:0 0 var(--space-3);max-width:64ch;font-style:italic}.colophon-surfaces{margin:0 0 var(--space-3);display:grid;gap:var(--space-4)}.colophon-surface-row{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:var(--space-4);align-items:baseline}.colophon-surface-row dt{margin:0}.colophon-surface-row dt a{font-family:var(--font-mono);font-size:var(--type-mono);color:var(--color-ink-primary);text-decoration:none;border-bottom:1px dotted var(--color-rule);padding-bottom:1px;word-break:break-all}.colophon-surface-row dt a:hover,.colophon-surface-row dt a:focus-visible{color:var(--color-primary);border-bottom-color:var(--color-primary)}.colophon-surface-row dd{margin:0;font-family:var(--font-body);font-size:.95rem;line-height:1.55;color:var(--color-ink-muted);max-width:64ch}.colophon-surface-row dd code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-alt);padding:1px 6px;border-radius:var(--radius-sm);color:var(--color-ink-primary)}.colophon-surface-row dd a{color:var(--color-ink-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.colophon-surface-row dd a:hover{color:var(--color-primary)}@media(max-width:720px){.colophon-surface-row{grid-template-columns:1fr;gap:var(--space-1)}}.colophon-grid{display:grid;gap:var(--space-7)}.colophon-block{border-top:1px solid var(--color-rule);padding-top:var(--space-5)}.colophon-h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;letter-spacing:-.01em;margin:0 0 var(--space-4);color:var(--color-ink-primary)}.colophon-block-lead{font-family:var(--font-body);font-size:var(--type-body);line-height:1.55;color:var(--color-ink-muted);margin:0 0 var(--space-4);max-width:64ch}.colophon-aside{font-family:var(--font-body);font-size:var(--type-body);line-height:1.55;color:var(--color-ink-muted);margin:var(--space-4) 0 0;max-width:64ch;font-style:italic}.colophon-list{margin:0;display:grid;gap:var(--space-3)}.colophon-row{display:grid;grid-template-columns:minmax(120px,160px) 1fr;gap:var(--space-4);align-items:baseline}.colophon-row dt{font-family:var(--font-mono);font-size:var(--type-mono);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.04em}.colophon-row dd{margin:0;font-family:var(--font-body);font-size:var(--type-body);line-height:1.55;color:var(--color-ink-primary)}.colophon-row dd code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-alt);padding:1px 6px;border-radius:var(--radius-sm)}.colophon-row dd a{color:var(--color-ink-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.colophon-row dd a:hover{color:var(--color-primary)}.colophon-link-list,.colophon-bullet-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-3)}.colophon-link-list li{font-family:var(--font-mono);font-size:var(--type-mono);color:var(--color-ink-muted);line-height:1.55}.colophon-link-list li a{font-family:var(--font-mono);color:var(--color-ink-primary);text-decoration:none;border-bottom:1px dotted var(--color-rule)}.colophon-link-list li a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.colophon-bullet-list li{font-family:var(--font-body);font-size:var(--type-body);line-height:1.55;color:var(--color-ink-primary);padding-left:var(--space-4);position:relative;max-width:72ch}.colophon-bullet-list li:before{content:"¶";position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:.9em;color:var(--color-ink-muted);opacity:.55}.colophon-bullet-list li strong{font-weight:600;color:var(--color-ink-primary)}.colophon-bullet-list li code,.colophon-block-lead code,.colophon-aside code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-alt);padding:1px 6px;border-radius:var(--radius-sm)}.colophon-bullet-list li a{color:var(--color-ink-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.colophon-bullet-list li a:hover{color:var(--color-primary)}@media(max-width:720px){.colophon-row{grid-template-columns:1fr;gap:var(--space-1)}}.colophon-block--principles{padding-top:var(--space-7)}.colophon-block--principles .colophon-h2{margin-bottom:var(--space-6)}@media(max-width:720px){.colophon-block--principles{padding-top:var(--space-8)}.colophon-block--principles .colophon-h2{margin-bottom:var(--space-7)}}.colophon-list--principles{gap:var(--space-5)}.colophon-row--principle{align-items:start;padding-top:var(--space-4);border-top:1px dashed var(--color-rule)}.colophon-row--principle:first-of-type{padding-top:0;border-top:none}.colophon-row--principle>dt{padding-top:4px}.colophon-row--principle>dd{display:grid;gap:var(--space-3)}.principle-intro{font-family:var(--font-body);font-size:var(--type-body);line-height:1.55;color:var(--color-ink-primary);margin:0;max-width:64ch}.principle-intro code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-alt);padding:1px 6px;border-radius:var(--radius-sm)}.principle-intro--aside{font-size:.95rem;color:var(--color-ink-muted);font-style:italic}.type-specimens{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.specimen{margin:0;padding:var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-3);min-height:240px;transition:border-color var(--duration-interactive) var(--ease-interactive),transform var(--duration-interactive) var(--ease-interactive)}.specimen:hover{border-color:var(--color-primary);transform:translateY(-2px)}.specimen-glyph{font-size:clamp(4.5rem,10vw,7.5rem);line-height:.9;color:var(--color-primary);letter-spacing:-.04em;margin-top:var(--space-2)}.specimen--display .specimen-glyph{font-family:var(--font-display);font-weight:600;font-style:italic}.specimen--body .specimen-glyph{font-family:var(--font-body);font-weight:600}.specimen--mono .specimen-glyph{font-family:var(--font-mono);font-weight:500}.specimen-name{display:block;font-family:var(--font-display);font-size:1.2rem;font-weight:500;color:var(--color-ink-primary);line-height:1.2}.specimen-role{display:block;font-family:var(--font-mono);font-size:var(--type-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint);margin-top:4px}.specimen-sample{font-size:.9rem;color:var(--color-ink-muted);margin:var(--space-2) 0 0;line-height:1.5}.specimen--display .specimen-sample{font-family:var(--font-display)}.specimen--body .specimen-sample{font-family:var(--font-body)}.specimen--mono .specimen-sample{font-family:var(--font-mono);font-size:.82rem}.palettes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.palette{margin:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-rule)}.palette--light{background:#f9f8f6;color:#2b3139}.palette--dark{background:#151515;color:#edeae6}.palette-name{font-family:var(--font-mono);font-size:var(--type-mono);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) var(--space-3) 0;display:block;opacity:.6}.palette-swatches{display:grid;gap:var(--space-2);padding:var(--space-3);margin:0;list-style:none}.swatch{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:var(--space-3)}.swatch:before{content:"";display:block;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--c);border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px #ffffff0a}.palette--dark .swatch:before{border-color:#ffffff14}.swatch span{font-family:var(--font-body);font-size:.95rem}.swatch code{font-family:var(--font-mono);font-size:.78rem;opacity:.65;background:transparent;padding:0}.swatch--accent:before{box-shadow:0 0 0 2px var(--c),inset 0 0 0 1px #fff3}.voice-traits{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px var(--space-3);font-family:var(--font-display);font-size:1.25rem;line-height:1.35;font-weight:500;color:var(--color-ink-primary);letter-spacing:-.005em;max-width:64ch}.voice-traits li{display:inline-block}.voice-traits li:nth-child(odd){font-style:italic;color:var(--color-primary)}.derivation{display:grid;grid-template-columns:auto auto 1fr;gap:var(--space-4);align-items:center;padding:var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-rule)}.derivation-sources{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.derivation-sources li{display:flex;flex-direction:column;gap:2px}.derivation-sources li code{font-family:var(--font-mono);font-size:.95rem;color:var(--color-primary);background:transparent;padding:0;font-weight:500}.derivation-sources li span{font-family:var(--font-mono);font-size:var(--type-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint)}.derivation-arrow{color:var(--color-ink-muted);display:flex;align-items:center}.derivation-outputs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.derivation-outputs li{font-family:var(--font-mono);font-size:var(--type-mono);padding:5px 10px;background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-ink-primary);border:1px solid var(--color-rule)}@media(max-width:720px){.type-specimens,.palettes{grid-template-columns:1fr}.derivation{grid-template-columns:1fr;gap:var(--space-3)}.derivation-arrow svg{transform:rotate(90deg)}}