.demo{max-width:var(--measure);margin:0 0 var(--space-6);scroll-margin-top:calc(var(--header-h) + var(--space-4))}.prose .demo>h2:first-child{border-top:0;margin-top:0;padding-top:0}.demo .demo__island{gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--surface);display:grid}.demo .demo__label,.demo .demo__pick>legend,.demo .demo__switch>legend{margin:0 0 var(--space-2);font:700 .72rem/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0}.demo .demo__pick,.demo .demo__switch{border:0;min-width:0;margin:0;padding:0}.demo .demo__switch{padding:2px}.demo .demo__switch>legend{float:left;width:100%}.demo .demo__render{overflow-wrap:anywhere;white-space:pre-wrap;min-height:1.4em;margin:0;font-size:2rem;line-height:1.4}.demo .demo__note,.demo .demo__caption{color:var(--muted);margin:0;font-size:.9rem}.demo .demo__caption{padding-top:var(--space-3);border-top:1px solid var(--border)}.demo .demo__steps li+li{margin-top:var(--space-2)}.demo .demo__stage{padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);background:var(--surface-2)}.demo .demo__state{gap:var(--space-2);display:grid}.demo .demo__state:not([data-state=font]),.demo--boxes:has(input[value=fallback]:checked) [data-state=font],.demo--boxes:has(input[value=missing]:checked) [data-state=font]{display:none}.demo--boxes:has(input[value=fallback]:checked) [data-state=fallback],.demo--boxes:has(input[value=missing]:checked) [data-state=missing]{display:grid}.demo .demo__from-fallback,.demo .demo__key--fallback{outline:2px dashed var(--accent);outline-offset:2px;border-radius:3px}.demo .demo__from-fallback{margin:0 .3em}.demo .demo__key--fallback{width:.8em;height:.8em;margin-right:var(--space-2);vertical-align:-.1em;display:inline-block}.demo .demo__tofu{vertical-align:-.1em;border:2px solid;border-radius:2px;width:.62em;height:.9em;margin:0 .06em;display:inline-block}.demo .cp-tags{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));margin:0;padding:0;list-style:none;display:grid}.demo .cp-tags li{min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-s);gap:.1rem;margin:0;display:grid}.demo .cp-tags .styled{font-size:1.4rem}.demo .cp-tags [data-tall]{padding-block-end:1.05em}.demo .cp-tags code{font:600 .82rem/1.2 var(--font-mono);color:var(--accent);justify-self:start}.demo .cp-tags__name{color:var(--muted);overflow-wrap:anywhere;font-size:.72rem}.demo .demo__repeat{gap:var(--space-1);display:grid}.demo .demo__repeat input{width:100%;min-height:var(--tap);accent-color:var(--accent)}.demo .demo__counts{gap:var(--space-2);margin:0;display:grid}.demo .demo__count{align-items:center;gap:var(--space-3);grid-template-columns:minmax(8.5rem,auto) 1fr;display:grid}.demo .demo__count dt{font-size:.9rem;font-weight:600}.demo .demo__count dd{align-items:center;gap:var(--space-2);margin:0;display:flex}.demo .demo__count-value{min-width:2.5ch;font:700 1.1rem/1 var(--font-mono);text-align:right}.demo .demo__bar{flex:1;height:.6rem}.demo .demo__bar-track{fill:var(--surface-2)}.demo .demo__bar-fill{fill:var(--ember)}.demo .demo__table th[scope=row]{font-weight:600}.demo .demo__legend{align-items:center;gap:var(--space-2);color:var(--muted);flex-wrap:wrap;margin:0;font-size:.85rem;display:flex}.demo .plain-panel{gap:var(--space-3);display:none}.demo--plain:has(input[value=serif-italic]:checked) [data-plain-panel=serif-italic],.demo--plain:has(input[value=small-caps]:checked) [data-plain-panel=small-caps],.demo--plain:has(input[value=superscript]:checked) [data-plain-panel=superscript],.demo--plain:has(input[value=subscript]:checked) [data-plain-panel=subscript],.demo--plain:has(input[value=fraktur-bold]:checked) [data-plain-panel=fraktur-bold]{display:grid}.demo .plain-strip{flex-wrap:wrap;gap:.3rem;margin:0;font-size:1.6rem;line-height:1.3;display:flex}.demo .plain-cell{border-radius:var(--radius-xs);justify-content:center;align-items:center;min-width:1.4em;padding:0 .15em;display:inline-flex}.demo .plain-cell.is-changed{border:2px solid var(--text);background:var(--surface)}.demo .plain-cell.is-kept{border:2px dashed var(--warn);background:var(--warn-soft)}.demo .plain-cell.is-space{min-width:.5em}.demo .demo__legend .plain-cell{font-size:.85rem}.demo .plain-reasons{gap:var(--space-2);margin:0;display:grid}.demo .plain-reason dt{font-weight:650}.demo .plain-reason dt .styled{font-weight:400}.demo .plain-reason dd{color:var(--muted);margin:0}html:not(.js) .demo__js-only{display:none}@media (width<=30rem){.demo .demo__island{padding:var(--space-3)}.demo .demo__count{gap:var(--space-1);grid-template-columns:1fr}.demo .demo__render{font-size:1.6rem}}