.choice:where(.astro-62qy6mqx){gap:.25rem;display:grid}label:where(.astro-62qy6mqx){font-size:.875rem}select:where(.astro-62qy6mqx){border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);font:inherit;border-radius:0;padding:.2rem .3rem;font-size:.875rem}font-field:where(.astro-ygl4wney){grid-template-columns:1fr auto;align-items:center;gap:.25rem .75rem;display:grid}label:where(.astro-ygl4wney)[for]{grid-column:1/-1;font-size:.875rem}select:where(.astro-ygl4wney){border:1px solid var(--paper-edge);background:var(--paper);min-width:0;color:var(--ink);font:inherit;border-radius:0;padding:.2rem .3rem;font-size:.875rem}.upload:where(.astro-ygl4wney) input:where(.astro-ygl4wney){opacity:0;width:1px;height:1px;position:absolute}.upload:where(.astro-ygl4wney) span:where(.astro-ygl4wney){border:1px solid var(--paper-edge);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);cursor:pointer;padding:.2rem .6rem;font-size:.75rem;display:block}.upload:where(.astro-ygl4wney):hover span:where(.astro-ygl4wney),.upload:where(.astro-ygl4wney):has(:focus-visible) span:where(.astro-ygl4wney){border-color:var(--rubric-soft);color:var(--rubric)}.upload:where(.astro-ygl4wney):has(:focus-visible) span:where(.astro-ygl4wney){outline:2px solid var(--rubric);outline-offset:2px}.error:where(.astro-ygl4wney){color:var(--rubric);grid-column:1/-1;margin:0;font-size:.75rem}.error:where(.astro-ygl4wney):empty{display:none}type-specimen:where(.astro-6jtj22kv){max-width:var(--w-max);display:block}.sample:where(.astro-6jtj22kv)+.sample:where(.astro-6jtj22kv){border-top:1px solid var(--paper-edge);margin-block-start:2.5rem;padding-block-start:1rem}.readout:where(.astro-6jtj22kv){color:var(--ink-soft);flex-wrap:wrap;gap:.25rem 1rem;margin:0 0 .75rem;font:.75rem/1.4 ui-monospace,Cascadia Mono,SF Mono,monospace;display:flex}.name:where(.astro-6jtj22kv){min-width:7ch;color:var(--rubric)}output:where(.astro-6jtj22kv){flex-wrap:wrap;gap:0 1.25ch;display:flex}output:where(.astro-6jtj22kv) span{white-space:nowrap}.sample:where(.astro-6jtj22kv)>.text{margin:0;display:block}.sample:where(.astro-6jtj22kv)>.text+.text{margin-block-start:1lh}.sample:where(.astro-6jtj22kv)>[data-sample=Detail]{color:var(--ink-soft)}.sample:where(.astro-6jtj22kv)>[contenteditable]:focus-visible{outline:1px dashed var(--rubric);outline-offset:.15em}:root[data-grid] .sample:where(.astro-6jtj22kv)>.text{background-image:linear-gradient(to bottom, color-mix(in srgb, var(--rubric) 12%, transparent) 1px, transparent 1px);background-size:100% var(--grid)}type-playground:where(.astro-v4ow44p7){display:block}.layout:where(.astro-v4ow44p7){display:grid}.resizer:where(.astro-v4ow44p7){display:none}@media (width>=52rem){.layout:where(.astro-v4ow44p7){grid-template-columns:minmax(0, var(--panel,1fr)) auto minmax(0, 1fr)}.panel:where(.astro-v4ow44p7),.resizer:where(.astro-v4ow44p7){height:100dvh;position:sticky;top:0}.panel:where(.astro-v4ow44p7){overflow-y:auto}.resizer:where(.astro-v4ow44p7){z-index:1;cursor:col-resize;touch-action:none;background:linear-gradient(var(--paper-edge), var(--paper-edge)) center / 1px 100% no-repeat;width:.75rem;margin-inline:-.375rem;display:block}.resizer:where(.astro-v4ow44p7):is(:hover,:focus-visible,[data-dragging]){background-image:linear-gradient(var(--rubric), var(--rubric));background-size:2px 100%}.resizer:where(.astro-v4ow44p7):focus-visible{outline:none}}.panel:where(.astro-v4ow44p7){background-color:var(--paper-deep);background-image:var(--paper-grain);background-blend-mode:multiply;padding:1.5rem}.controls:where(.astro-v4ow44p7){align-content:start;gap:1.75rem;display:grid}.intro:where(.astro-v4ow44p7){color:var(--ink-soft);margin:0;font-size:.875rem;line-height:1.5}fieldset:where(.astro-v4ow44p7){border:0;gap:.9rem;min-width:0;margin:0;padding:0;display:grid}.pair:where(.astro-v4ow44p7){grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:start;column-gap:1.5rem}legend:where(.astro-v4ow44p7){border-bottom:1px solid var(--paper-edge);width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-soft);margin-bottom:.9rem;padding:0 0 .4rem;font-size:.75rem}legend:where(.astro-v4ow44p7) a:where(.astro-v4ow44p7){color:inherit;text-decoration:none}legend:where(.astro-v4ow44p7) a:where(.astro-v4ow44p7):hover{color:var(--rubric)}button:where(.astro-v4ow44p7){border:1px solid var(--rubric);color:var(--rubric);font:inherit;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:0;justify-self:start;padding:.35rem .9rem;font-size:.75rem}button:where(.astro-v4ow44p7):hover{background:var(--rubric);color:var(--paper)}.stage:where(.astro-v4ow44p7){align-content:start;gap:3rem;min-width:0;padding:clamp(1.5rem,5vw,4rem);display:grid}.stage:where(.astro-v4ow44p7)>*{min-width:0}.support:where(.astro-v4ow44p7){background:var(--paper-deep);border-inline-start:2px solid #80591a;margin:0;padding:.75rem 1rem;font-size:.875rem}.css:where(.astro-v4ow44p7){border-top:3px double var(--paper-edge);max-width:60rem;padding-top:1rem}.css:where(.astro-v4ow44p7) summary:where(.astro-v4ow44p7){color:var(--ink-soft);cursor:pointer;font-size:.875rem}.css:where(.astro-v4ow44p7) pre:where(.astro-v4ow44p7){white-space:pre-wrap;border:1px solid var(--paper-edge);background:var(--paper-sunk);margin:.75rem 0;padding:1rem;font:.75rem/1.5 Iosevka,SF Mono,Cascadia Mono,ui-monospace,monospace;overflow-x:auto}*,:before,:after{box-sizing:border-box}html{color-scheme:light;font-family:var(--ff-body,var(--font-text))}body{background-color:var(--paper);background-image:var(--paper-grain);background-blend-mode:multiply;color:var(--ink);font-family:var(--font-text);font-feature-settings:"liga" 1, "clig" 1, "kern" 1;-webkit-font-smoothing:antialiased;margin:0}a{color:var(--rubric)}:focus-visible{outline:2px solid var(--rubric);outline-offset:2px}::selection{background:color-mix(in srgb, var(--rubric) 22%, transparent)}.masthead:where(.astro-7sbdsa77){border-bottom:3px double var(--paper-edge);align-items:center;gap:.9rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.mark:where(.astro-7sbdsa77){color:var(--ink);flex:none}.mark:where(.astro-7sbdsa77) svg{width:auto;height:2.5rem;display:block}h1:where(.astro-7sbdsa77){font-family:var(--font-display);letter-spacing:var(--tracking-display);margin:0;font-size:1.5rem;font-weight:400;line-height:1.1}p:where(.astro-7sbdsa77){color:var(--ink-soft);margin:.25rem 0 0;font-size:.875rem;font-style:italic;line-height:1.35}