:root{--amber:#e8873c}*{box-sizing:border-box}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:650}.gfnote{color:var(--color-text-muted);border-left:2px solid var(--color-line);max-width:78ch;margin:0 0 18px;padding-left:10px;font-size:11px;line-height:1.5}.disclosure-summary-content .ccsw{width:18px;height:18px;color:var(--color-text);background:var(--color-surface);border:1px solid #ffffff26;border-radius:5px;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.disclosure-summary-content .cclabel{color:var(--color-text);font-size:12px;font-weight:600}.disclosure{border:1px solid var(--color-line);background:var(--color-bg);border-radius:10px}.disclosure+.disclosure{margin-top:10px}.fontchips{flex-wrap:wrap;gap:8px;margin:8px 0 4px;display:flex}.fontchip{border:1px solid var(--color-line);color:var(--color-text);cursor:pointer;user-select:none;background:var(--color-bg);border-radius:9px;padding:8px 14px;font-size:13px;line-height:1.3}.fontchip.on{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent) inset}.fontchip .fclabel{display:block}.fontchip .fcmeta{color:var(--color-text-muted);font-size:9.5px;font-family:var(--font-mono);margin-top:2px;display:block}.specimen-hero{margin:0 0 30px}.disp{font-family:var(--font-headline);font-size:var(--size-display);font-weight:var(--w-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--color-text);margin:0 0 12px}.hero-sub{font-family:var(--font-sans);font-size:var(--size-h3);font-weight:var(--w-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);max-width:56ch;color:var(--color-text-muted);margin:0}.specimen-section{margin:0 0 28px}.section-heading{font-family:var(--font-headline);font-size:var(--size-h2);font-weight:var(--w-heading);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--color-text);margin:0 0 10px}.body-copy{font-family:var(--font-sans);font-size:var(--size-body);font-weight:var(--w-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);max-width:64ch;color:var(--color-text);margin:0}.code-block{font-family:var(--font-mono);font-size:var(--size-small);font-weight:var(--w-mono);line-height:var(--lh-mono);letter-spacing:var(--ls-mono);background:var(--color-surface-2);border:1px solid var(--color-line);color:var(--color-text);border-radius:10px;margin:0 0 28px;padding:14px 16px;overflow:auto}.code-block .kw{color:var(--color-accent)}.code-block .mut{color:var(--color-text-muted)}.code-block .num{color:var(--color-link)}.ui-bits{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 30px;padding:18px 20px;display:flex}.btn-accent{font-family:var(--font-sans);font-size:var(--size-small);cursor:pointer;background:var(--color-accent);color:var(--color-accent-fg);border:none;border-radius:8px;padding:9px 16px;font-weight:600}.ui-link{font-family:var(--font-sans);font-size:var(--size-small);font-weight:var(--w-body);color:var(--color-link);cursor:default;text-decoration:underline}.ui-caption{font-family:var(--font-sans);font-size:var(--size-caption);color:var(--color-text-muted);letter-spacing:.01em}.ui-tag{font-family:var(--font-sans);font-size:var(--size-caption);letter-spacing:.04em;text-transform:uppercase;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:20px;padding:4px 10px;font-weight:700}.specimen-scale-ttl{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 4px;font-size:11.5px;font-weight:700}.specimen-scale-cap{color:var(--color-text-muted);margin:0 0 14px;font-size:11.5px;line-height:1.5}.scale-specimen{flex-direction:column;gap:0;display:flex}.scale-row{border-top:1px dashed var(--color-line);justify-content:space-between;align-items:baseline;gap:18px;padding:14px 0;display:flex}.scale-row:first-child{border-top:none}.scale-sample{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);flex:auto;overflow:hidden}.scale-meta{font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;flex:none;font-size:10.5px}.scale-meta b{color:var(--color-accent)}.row .slider-field{flex:auto;min-width:0}.row .field-sm{flex:none;align-self:flex-end}.row .slider-field .slider-label,.row .slider-field .slider,.row .field-sm input.val{flex:initial}[data-ratio-tog] .toggle-track:not(:has(.toggle-input:checked)) .toggle-thumb{opacity:0;transition:opacity var(--duration-fast) var(--ease-enter)}