*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--space-6)}body{background:var(--color-bg);min-height:100vh;color:var(--color-text-primary);font:var(--type-body);letter-spacing:var(--type-body-tracking);overflow-wrap:break-word;flex-direction:column;margin:0;display:flex}main{flex:1}h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul[class],ol[class]{padding:0;list-style:none}a{color:var(--color-primary);text-underline-offset:.18em;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:2.5px}:focus-visible{outline:2.5px solid var(--color-text-primary);outline-offset:3px;border-radius:var(--radius-xs)}.icon{flex:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--space-4);top:calc(-1 * var(--size-control));z-index:1;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-text-primary);border-radius:var(--radius-md);font:var(--type-label);position:absolute}.skip:focus{top:var(--space-2)}.wrap{width:100%;max-width:70rem;padding-inline:var(--space-4);margin-inline:auto}@media (width>=40rem){.wrap{padding-inline:var(--space-8)}}.site-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-5);display:flex}.home{color:var(--color-text-primary);padding-block:var(--space-1);display:inline-flex}.site-nav{justify-content:flex-end;gap:var(--space-2) var(--space-5);font:var(--type-label);letter-spacing:var(--type-label-tracking);flex-wrap:wrap;display:flex}.site-nav a,.footer-nav a{color:var(--color-text-primary);text-decoration:none}.site-nav a:hover,.footer-nav a:hover{text-decoration:underline}.site-footer{margin-top:calc(var(--space-8) * 2);border-top:var(--border-width) solid var(--color-divider);padding-block:var(--space-8)}.footer-inner{gap:var(--space-4);display:grid}.footer-nav{gap:var(--space-3) var(--space-6);font:var(--type-label);letter-spacing:var(--type-label-tracking);flex-wrap:wrap;display:flex}.footnote{font:var(--type-caption);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary)}.block{background:var(--color-surface);border:var(--border-width) solid var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md) var(--shadow-md) 0 var(--color-shadow);overflow:hidden}.band{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-inset);background:var(--color-primary-light);border-bottom:var(--border-width) solid var(--color-text-primary);display:flex}.band.listening{background:var(--color-listening-muted)}.band.speaking{background:var(--color-speaking-muted)}.band.alternative{background:var(--color-alternative-muted);color:var(--color-alternative)}.face{padding:var(--space-inset)}.stamp{font:var(--type-stamp);letter-spacing:var(--type-stamp-tracking);text-transform:var(--type-stamp-case)}.stamp-md{font:var(--type-stamp-md);letter-spacing:var(--type-stamp-md-tracking);text-transform:var(--type-stamp-md-case)}.stamp-lg{font:var(--type-stamp-lg);letter-spacing:var(--type-stamp-lg-tracking);text-transform:var(--type-stamp-lg-case)}.key{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--size-control);padding:var(--space-2) var(--space-6);background:var(--color-primary);color:var(--color-on-accent);border:var(--border-width) solid var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md) var(--shadow-md) 0 var(--color-shadow);font:var(--type-key-lg);letter-spacing:var(--type-key-lg-tracking);transition:transform var(--duration-instant) ease-out, box-shadow var(--duration-instant) ease-out;text-decoration:none;display:inline-flex}.key:hover{text-decoration:none}.key:active{transform:translate(var(--shadow-md), var(--shadow-md));box-shadow:0 0 0 var(--color-shadow)}.key.paper{background:var(--color-surface);color:var(--color-text-primary)}@media (prefers-reduced-motion:reduce){.key{transition:none}}.mini-key{align-items:center;gap:var(--space-1_5);padding:var(--space-1_5) var(--space-3);border:var(--border-width) solid var(--color-text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm) var(--shadow-sm) 0 var(--color-shadow);background:var(--color-surface);font:var(--type-key);letter-spacing:var(--type-key-tracking);display:inline-flex}.mini-key.clay{background:var(--color-primary);color:var(--color-on-accent)}.speaker{align-items:center;gap:var(--space-2_5);display:flex}.avatar{border:var(--border-width) solid var(--color-text-primary);border-radius:var(--radius-full);background:var(--color-listening-muted);width:2.25rem;height:2.25rem;font:var(--type-display-sm);place-items:center;display:grid}.line{font:var(--type-target);letter-spacing:var(--type-target-tracking);margin-top:var(--space-4)}.line.small{font:var(--type-said);letter-spacing:var(--type-said-tracking)}.glossed{vertical-align:top;flex-direction:column;align-items:center;display:inline-flex}.gloss-under{font:var(--type-label-bold);letter-spacing:var(--type-label-bold-tracking);color:var(--color-text-secondary)}.missed{border:var(--border-width) solid var(--color-wrong);border-radius:var(--radius-xs);background:var(--color-wrong-muted);color:var(--color-wrong);padding-inline:.12em}.rule{height:var(--border-width);margin-block:var(--space-4);background:var(--color-divider);border:0}.meaning{font:var(--type-body);color:var(--color-text-secondary)}.hatched{gap:var(--space-2_5) var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.hatch{width:calc(var(--chars) * .56em + .6em);border:var(--border-width) solid var(--color-text-primary);border-radius:var(--radius-xs);background:repeating-linear-gradient(135deg, var(--color-veil) 0 2.4px, color-mix(in srgb, var(--color-text-primary) 32%, var(--color-veil)) 2.4px 3.9px);height:1.6em;display:block}.gloss{border-radius:var(--radius-xxs);background:var(--color-gloss);font-weight:inherit;padding-inline:.15em}.bubble{max-width:85%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-text-primary);border-radius:var(--radius-md) var(--radius-md) var(--radius-xxs) var(--radius-md);background:var(--color-primary-light);font:var(--type-label-medium);letter-spacing:var(--type-label-medium-tracking);justify-self:end}.eyebrow{font:var(--type-stamp-md);letter-spacing:var(--type-stamp-md-tracking);text-transform:var(--type-stamp-md-case);color:var(--color-primary)}.display-lg{font:var(--type-display-lg);letter-spacing:var(--type-display-lg-tracking)}.display-md{font:var(--type-display-md);letter-spacing:var(--type-display-md-tracking)}.display-sm{font:var(--type-display-sm);letter-spacing:var(--type-display-sm-tracking)}.lead{color:var(--color-text-secondary)}@media (width>=40rem){.lead{font:var(--type-intro);letter-spacing:var(--type-intro-tracking)}}.secondary{color:var(--color-text-secondary)}.label{font:var(--type-label);letter-spacing:var(--type-label-tracking)}.caption{font:var(--type-caption);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary)}.prose-page{max-width:44rem;padding-top:var(--space-6)}.prose-page>header{gap:var(--space-3);margin-bottom:var(--space-8);display:grid}.prose{gap:var(--space-4);display:grid}.prose>h2{font:var(--type-display-sm);letter-spacing:var(--type-display-sm-tracking);margin-top:var(--space-8)}.prose>h3{font:var(--type-row-title);letter-spacing:var(--type-row-title-tracking);margin-top:var(--space-4)}.prose>ul,.prose>ol:not([class]){gap:var(--space-2);padding-left:var(--space-6);display:grid}.prose>ul li::marker,.summary li::marker{color:var(--color-text-tertiary)}.prose strong{font-weight:inherit;font-family:var(--font-bold)}.summary .face{gap:var(--space-3);display:grid}.summary ul{gap:var(--space-2);padding-left:var(--space-5);display:grid}.toc{gap:var(--space-1_5);font:var(--type-label);letter-spacing:var(--type-label-tracking);display:grid}.entries{gap:var(--space-4);display:grid}.entry .face{gap:var(--space-2);display:grid}.entry h3{font:var(--type-row-title);letter-spacing:var(--type-row-title-tracking)}.entry dl{gap:var(--space-2);display:grid}.entry dt{font:var(--type-stamp);letter-spacing:var(--type-stamp-tracking);text-transform:var(--type-stamp-case);color:var(--color-text-secondary)}.entry dd+dt{margin-top:var(--space-1)}@media (width>=40rem){.entry dl{gap:var(--space-3) var(--space-4);grid-template-columns:6.5rem 1fr}.entry dt{padding-top:.45em}.entry dd+dt{margin-top:0}}.steps{gap:var(--space-4);counter-reset:step;padding:0;list-style:none;display:grid}.steps>li{gap:var(--space-3);grid-template-columns:auto 1fr;align-items:start;display:grid}.steps>li:before{counter-increment:step;content:counter(step);border:var(--border-width) solid var(--color-text-primary);border-radius:var(--radius-full);background:var(--color-primary-light);width:2rem;height:2rem;font:var(--type-display-sm);place-items:center;display:grid}.quote{font:var(--type-label-medium);letter-spacing:var(--type-label-medium-tracking);padding:var(--space-3) var(--space-inset);border-left:calc(var(--border-width) * 2) solid var(--color-primary);background:var(--color-surface);border-radius:0 var(--radius-md) var(--radius-md) 0}