@layer reset,tokens,base,layout,components,motion,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}body{min-block-size:100vh;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:1.15}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video{max-inline-size:100%;display:block}svg{height:auto}input,button,textarea,select{font:inherit;color:inherit}}@layer tokens{:root{color-scheme:light;--paper: #FFFFFF;--paper-alt: #F4F4F5;--paper-raised: #FFFFFF;--panel: #1C1814;--panel-2: #2A251F;--brand: #FF9045;--brand-ink: #8F3A00;--brand-tint: #FFF1E6;--success: #2F7D00;--ink: #17140F;--text: var(--ink);--text-muted: #55504A;--text-subtle: #4F4A44;--on-panel: #F7F5F2;--on-panel-mut: #C6BFB6;--hairline: rgba(23, 20, 15, .09);--hairline-str: rgba(23, 20, 15, .16);--hairline-inv: rgba(255, 255, 255, .14);--focus: #17140F;--focus-halo: #FFC98F;--step--2: clamp(.8125rem, .8rem + .06vi, .875rem);--step--1: clamp(.9375rem, .92rem + .08vi, 1rem);--step-0: clamp(1.0625rem, 1.03rem + .16vi, 1.125rem);--step-1: clamp(1.1875rem, 1.1rem + .39vi, 1.375rem);--step-2: clamp(1.5rem, 1.3rem + .87vi, 2rem);--step-3: clamp(1.875rem, 1.44rem + 1.87vi, 3rem);--step-4: clamp(2.25rem, 1.62rem + 2.72vi, 3.5rem);--tracking-display: -.015em;--tracking-body: 0;--leading-display: 1.16;--leading-body: 1.62;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-section: clamp(4rem, 2.6rem + 6vi, 7rem);--space-hero: clamp(3rem, 2.1rem + 3.8vi, 5rem);--wrapper: 76rem;--measure: 62ch;--r-pill: 999px;--r-xl: 2rem;--r-lg: 1.875rem;--r-md: 1.5rem;--r-sm: 1rem;--r-xs: .75rem;--elev-1: 0 1px 2px rgba(23,20,15,.04), 0 4px 12px -6px rgba(23,20,15,.1);--elev-2: 0 2px 4px rgba(23,20,15,.04), 0 12px 28px -12px rgba(23,20,15,.14);--elev-3: 0 4px 8px rgba(23,20,15,.05), 0 28px 56px -20px rgba(23,20,15,.2);--elev-phone: 0 8px 16px rgba(23,20,15,.1), 0 40px 80px -24px rgba(23,20,15,.34);--ease-out: cubic-bezier(.25,.46,.45,.94);--ease-quart: cubic-bezier(.165,.84,.44,1);--dur-fast: .16s;--dur-base: .25s;--dur-slow: .62s;--nav-clearance: 6rem;scroll-padding-block:var(--nav-clearance) 4rem}:root[data-contrast=high]{--paper: #FFF;--paper-alt: #FFF;--paper-raised: #FFF;--panel: #000;--panel-2: #000;--ink: #000;--text: #000;--text-muted: #000;--text-subtle: #1A1A1A;--on-panel: #FFF;--on-panel-mut: #FFF;--brand-ink: #8A3400;--brand-tint: #FFF;--hairline: #000;--hairline-str: #000;--hairline-inv: #FFF;--elev-1: 0 0 0 2px #000;--elev-2: 0 0 0 2px #000;--elev-3: 0 0 0 2px #000;--elev-phone: 0 0 0 2px #000}@media(prefers-reduced-motion:reduce){:root{--dur-fast: .01ms;--dur-base: .01ms;--dur-slow: .01ms}}}@layer base{@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Fallback;src:local("Arial");size-adjust:97%;ascent-override:103%;descent-override:26%;line-gap-override:0%}body{font-family:Atkinson Hyperlegible,Atkinson Fallback,system-ui,-apple-system,sans-serif;font-size:var(--step-0);line-height:var(--leading-body);color:var(--text);background-color:var(--paper)}h1,h2,h3,h4{font-weight:700;line-height:var(--leading-display);letter-spacing:var(--tracking-display)}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1);letter-spacing:-.005em}p,li{max-inline-size:var(--measure);text-align:left}p+p{margin-block-start:.85em}a{color:var(--brand-ink);text-underline-offset:.18em}a:hover{color:var(--ink)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px;box-shadow:0 0 0 6px var(--focus-halo)}@media(forced-colors:active){:where(a,button,input,summary,[tabindex]):focus-visible{outline-color:Highlight;box-shadow:none}}.skip-link{position:absolute;inset-inline-start:var(--space-s);inset-block-start:0;z-index:999;transform:translateY(-150%);padding:var(--space-xs) var(--space-s);background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:0 0 var(--r-xs) var(--r-xs);text-decoration:none;font-weight:700}.skip-link:focus{transform:translateY(0)}.visually-hidden:not(:focus):not(:active){position:absolute!important;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-block-size:3.25rem;padding:var(--space-xs) var(--space-l);border:0;border-radius:var(--r-pill);font-family:inherit;font-size:var(--step-0);font-weight:700;text-decoration:none;cursor:pointer;transition:filter var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn--primary{background:var(--brand);color:#2b1200;box-shadow:var(--elev-2)}.btn--dark{background:var(--ink);color:var(--paper)}.btn--light{background:var(--paper);color:var(--ink)}.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--hairline-str)}@media(any-hover:hover){.btn:hover{filter:brightness(1.07)}}.btn:active{transform:scale(.97)}.eyebrow{font-size:var(--step--2);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-ink)}@media(forced-colors:active){.card,.btn{border:1px solid CanvasText}svg{fill:currentColor;stroke:currentColor}}}@layer layout{.wrapper{inline-size:min(100% - 2 * var(--space-m),var(--wrapper));margin-inline:auto}@media(min-width:48em){.wrapper{inline-size:min(100% - 2 * var(--space-l),var(--wrapper))}}.section{padding-block:var(--space-section)}.section--alt,.section--brand,.section--panel{padding-block:var(--space-2xs)}.section--alt>.wrapper,.section--brand>.wrapper,.section--panel>.wrapper{padding:var(--space-section) clamp(var(--space-m),4vw,var(--space-2xl));border-radius:var(--r-xl)}.section--alt>.wrapper{background:var(--paper-alt)}.section--brand>.wrapper{background:var(--brand);color:#2b1200}.section--brand h2,.section--brand h3,.section--brand p,.section--brand dt,.section--brand dd{color:#2b1200}.section--brand a:not(.btn){color:#2b1200}.section--brand :focus-visible{outline-color:#2b1200;box-shadow:0 0 0 6px #ffffffd9}.section--panel>.wrapper{background:var(--panel);color:var(--on-panel)}.section--panel h2,.section--panel h3{color:var(--on-panel)}.section--panel p{color:var(--on-panel-mut)}.section--panel a:not(.btn){color:var(--paper)}.section--panel :focus-visible{outline-color:var(--paper);box-shadow:0 0 0 6px #ff9045b3}@media(max-width:34em){.section--alt>.wrapper,.section--panel>.wrapper{border-radius:var(--r-md);padding-inline:var(--space-m)}}.section__head{max-inline-size:44rem;margin-inline:auto;margin-block-end:var(--space-xl);text-align:center}.section__head p{margin-inline:auto;margin-block-start:var(--space-s);font-size:var(--step-1);color:var(--text-muted)}.section--panel .section__head p{color:var(--on-panel-mut)}.grid{display:grid;gap:var(--space-m)}.grid--2,.grid--3{grid-template-columns:1fr}.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:40em){.grid--2,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64em){.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{padding:var(--space-l);border-radius:var(--r-md);background:var(--paper-raised);box-shadow:var(--elev-1)}.section--alt .card{box-shadow:none}.card h3{margin-block-end:var(--space-2xs)}.card p{color:var(--text-muted)}.section--panel .card{background:var(--panel-2)}.card--interactive{transition:transform var(--dur-base) var(--ease-quart),box-shadow var(--dur-base) var(--ease-quart)}@media(any-hover:hover){.card--interactive:hover{transform:translateY(-4px);box-shadow:var(--elev-3)}}}@layer components{.nav{position:sticky;inset-block-start:0;z-index:20;padding-block:var(--space-s);background:var(--paper);border-block-end:1px solid transparent}.nav.is-stuck{border-block-end-color:var(--hairline)}.nav__inner{display:flex;align-items:center;gap:var(--space-s);flex-wrap:wrap}.nav__logo{display:flex;align-items:center;min-block-size:2.75rem}.nav__logo img{block-size:2.25rem;inline-size:auto}.nav__menu{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-s);flex:1 1 auto}.nav__links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3xs);margin-inline-end:auto;min-inline-size:0}.nav__links [aria-current=page]{background:var(--paper-alt)}.nav__tools{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2xs);min-inline-size:0}.nav__toggle{display:none}.tool-btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;min-inline-size:2.75rem;padding-inline:var(--space-s);background:transparent;border:0;border-radius:var(--r-pill);font-family:inherit;font-size:var(--step--1);font-weight:700;color:var(--text);text-decoration:none;cursor:pointer}@media(any-hover:hover){.tool-btn:hover{background:var(--paper-alt)}}.tool-btn[aria-pressed=true],.lang-switch a[aria-current=true]{background:var(--ink);color:var(--paper)}.lang-switch{display:flex;gap:var(--space-3xs)}@media(max-width:67.99em){html.js .nav__toggle{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:auto;min-inline-size:2.75rem;min-block-size:2.75rem;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink);cursor:pointer}@media(any-hover:hover){html.js .nav__toggle:hover{background:var(--paper-alt)}}.nav__icon{inline-size:1.5rem;block-size:1.5rem}.nav__toggle[aria-expanded=false] .nav__icon--close,.nav__toggle[aria-expanded=true] .nav__icon--open,html.js .nav__menu{display:none}html.js .nav__toggle[aria-expanded=true]+.nav__menu{display:grid;inline-size:100%;gap:var(--space-3xs);padding-block:var(--space-s) var(--space-2xs);max-block-size:calc(100dvh - 6rem);overflow-y:auto}.nav__menu .nav__links,.nav__menu .nav__tools,.nav__menu .lang-switch{display:grid;gap:var(--space-3xs);margin-inline-end:0;inline-size:100%}.nav__menu .tool-btn{justify-content:flex-start}.nav__menu>.btn{justify-self:stretch;text-align:center}}@media(max-width:44em){.nav__logo img{block-size:1.9rem}}}@layer components{.demo-layout{display:grid;gap:var(--space-xl);align-items:center}@media(min-width:62em){.demo-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-2xl)}}.cell-input{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:var(--space-s);padding:var(--space-m);border-radius:var(--r-md);background:#ffffff0d}.dot__shape circle{fill:none;stroke:currentColor;stroke-width:2.5;stroke-dasharray:3 4}.demo__status{margin-block-start:var(--space-m);min-block-size:1.6em;text-align:center;font-size:var(--step--1);color:var(--on-panel-mut)}.demo.is-primed .demo__stage{filter:blur(3px);opacity:.7}@media(prefers-reduced-motion:reduce){.demo.is-primed .demo__stage{filter:none;opacity:1}}:root[data-contrast=high] .demo.is-primed .demo__stage{filter:none;opacity:1}html:not(.js) .cell-input,html:not(.js) .demo__actions,html:not(.js) .demo__status{display:none}html:not(.js) .demo:after{content:"Activa JavaScript para construir letras aquí. Más abajo tienes la tabla del alfabeto con los puntos de cada letra.";display:block;margin-block-start:var(--space-s);font-size:var(--step--1);color:var(--on-panel-mut);font-weight:400}html:not(.js) .demo.is-primed .demo__stage{filter:none;opacity:1}.no-js-only{display:none}html:not(.js) .no-js-only{display:inline}html:not(.js) .js-only{display:none}.alphabet-scroll{overflow-x:auto}.alphabet{inline-size:100%;border-collapse:collapse;font-size:var(--step--1)}.alphabet caption{text-align:left;margin-block-end:var(--space-s);color:var(--text-muted)}.alphabet th,.alphabet td{padding:var(--space-2xs) var(--space-s);border-block-end:1px solid var(--hairline);text-align:left}.alphabet th{font-weight:700}.alphabet .glyph{inline-size:1.4rem;block-size:2.1rem;color:var(--brand-ink)}.alphabet .glyph circle{fill:none;stroke:currentColor;stroke-width:2.5}.alphabet .glyph circle.on{fill:currentColor}}@layer components{.final-cta{text-align:center}.final-cta__kicker{font-size:var(--step--1);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.final-cta h2{margin-block:var(--space-s) var(--space-m);max-inline-size:24ch;margin-inline:auto}.final-cta p{margin-inline:auto}.final-cta__actions{margin-block-start:var(--space-xl);display:flex;flex-wrap:wrap;gap:var(--space-s);justify-content:center}.final-cta__small{margin-block-start:var(--space-m);font-size:var(--step--2);color:var(--on-panel-mut)}}@layer components{.footer{background:var(--panel);color:var(--on-panel);padding-block:var(--space-2xl) var(--space-l)}.footer__grid{display:grid;gap:var(--space-xl)}@media(min-width:48em){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:64em){.footer__grid{grid-template-columns:1.4fr repeat(4,1fr)}}.footer h2{font-size:var(--step--2);font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--on-panel-mut)}.footer ul{list-style:none;margin-block-start:var(--space-2xs);display:grid;gap:var(--space-3xs)}.footer a{display:inline-flex;align-items:center;min-block-size:2.75rem;color:var(--on-panel-mut);text-decoration:none}@media(any-hover:hover){.footer a:hover{color:var(--paper);text-decoration:underline}}.footer__brand img{block-size:2.5rem;inline-size:auto}.footer__brand p{margin-block-start:var(--space-s);font-size:var(--step--1);color:var(--on-panel-mut)}.footer__legal{margin-block-start:var(--space-xl);padding-block-start:var(--space-m);border-block-start:1px solid var(--hairline-inv);display:flex;flex-wrap:wrap;gap:var(--space-s);font-size:var(--step--2);color:var(--on-panel-mut)}.footer__legal p{max-inline-size:none}}@layer components{.article-head{padding-block-end:var(--space-l)}.article-head h1{margin-block:var(--space-s) var(--space-m);max-inline-size:20ch}.article-head .lead{font-size:var(--step-1);color:var(--text-muted)}.breadcrumb{font-size:var(--step--1)}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3xs)}.breadcrumb li{max-inline-size:none;display:flex;align-items:center;gap:var(--space-3xs)}.breadcrumb li+li:before{content:"›";color:var(--text-subtle)}.breadcrumb a{color:var(--text-subtle)}.breadcrumb [aria-current=page]{color:var(--text);font-weight:700}.definition{margin-block:var(--space-m);padding:var(--space-m) var(--space-l);border-radius:var(--r-md);background:var(--brand-tint);box-shadow:inset 0 0 0 2px var(--brand)}.definition p{font-size:var(--step-1);color:var(--ink)}.toc{margin-block-start:var(--space-xl);padding:var(--space-l);border-radius:var(--r-md);background:var(--paper-alt)}.toc h2{font-size:var(--step-1);letter-spacing:-.005em}.toc ol{margin-block-start:var(--space-s);padding:0;list-style:none;display:grid;gap:var(--space-3xs)}@media(min-width:48em){.toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.toc li{max-inline-size:none}.toc a{display:flex;align-items:center;gap:var(--space-2xs);min-block-size:2.75rem;font-size:var(--step--1);font-weight:700;text-decoration:none;color:var(--brand-ink)}@media(any-hover:hover){.toc a:hover{color:var(--ink);text-decoration:underline}}.toc__n{flex:none;display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;border-radius:var(--r-pill);background:var(--paper);color:var(--text);font-size:var(--step--2);font-variant-numeric:tabular-nums}.cell-diagram{display:grid;gap:var(--space-xl);align-items:start;margin-block-start:var(--space-l)}@media(min-width:48em){.cell-diagram{grid-template-columns:auto minmax(0,1fr);gap:var(--space-2xl)}}.cell-diagram__fig{margin:0}.cell-diagram__svg{inline-size:min(12rem,52vw);block-size:auto;color:var(--brand-ink)}.cell-diagram__svg circle{fill:none;stroke:currentColor;stroke-width:3}.cell-diagram__svg text{fill:var(--text);font-family:inherit;font-weight:700;font-size:26px}.cell-diagram__fig figcaption{margin-block-start:var(--space-s);max-inline-size:22rem;font-size:var(--step--1);color:var(--text-muted)}.cell-diagram__copy>*+*{margin-block-start:var(--space-s)}.dot-legend,.rule-list{list-style:none;padding:0;display:grid;gap:var(--space-2xs);margin-block:var(--space-s)}.dot-legend li,.rule-list li{padding-inline-start:var(--space-m);position:relative}.dot-legend li:before,.rule-list li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.62em;inline-size:.5rem;block-size:.5rem;border-radius:var(--r-pill);background:var(--brand-ink)}.rule-list .example{display:block;margin-block-start:var(--space-3xs);color:var(--text-muted)}.how-list{margin-block:var(--space-m);padding-inline-start:0;list-style:none;counter-reset:how;display:grid;gap:var(--space-m)}.how-list li{counter-increment:how;padding-inline-start:3rem;position:relative}.how-list li:before{content:counter(how);position:absolute;inset-inline-start:0;inset-block-start:0;display:grid;place-items:center;inline-size:2.125rem;block-size:2.125rem;border-radius:var(--r-pill);background:var(--brand);color:var(--ink);font-weight:700;font-size:var(--step--1);font-variant-numeric:tabular-nums}.section h2+p,.section h3{margin-block-start:var(--space-m)}.section>.wrapper>p+p{margin-block-start:.85em}.table-note{margin-block-start:var(--space-m);color:var(--text-muted);font-size:var(--step--1)}.abc-wrap{margin-block-start:var(--space-m)}.abc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.scroll-hint{display:none}.abc-wrap.is-scrollable .scroll-hint{display:block;margin-block-end:var(--space-2xs);font-size:var(--step--2);color:var(--text-subtle)}.abc{inline-size:100%;border-collapse:collapse;font-size:var(--step--1)}.abc caption{text-align:left;margin-block-end:var(--space-s);max-inline-size:min(var(--measure),calc(100vw - 3rem));font-size:var(--step--1);color:var(--text-muted)}.abc th,.abc td{padding:var(--space-2xs) var(--space-s);text-align:left;vertical-align:middle;white-space:nowrap;border-block-end:1px solid var(--hairline)}.abc thead th{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);border-block-end:2px solid var(--hairline-str)}.abc tbody th{font-size:var(--step-1);font-weight:700;color:var(--text)}.abc tbody tr:nth-child(2n){background:var(--paper-alt)}.abc__letter{inline-size:1%}.abc__svg{display:block;color:var(--brand-ink)}.abc__svg circle{fill:none;stroke:currentColor;stroke-width:2.75}.abc__svg circle.on{fill:currentColor}.abc__cellcol{padding-block:var(--space-3xs)}.abc__pair{display:flex;align-items:center;gap:var(--space-2xs)}.abc__dots{font-variant-numeric:tabular-nums}.abc__uni{line-height:1.2}.abc__glyph{font-size:var(--step-2);line-height:1.1;color:var(--ink)}.abc__glyph--inline{font-size:1.35em;vertical-align:-.12em}.abc__code{display:block;font-size:var(--step--2);color:var(--text-subtle);font-variant-numeric:tabular-nums;letter-spacing:.02em}.highlight-box{padding:var(--space-xl) clamp(var(--space-m),4vw,var(--space-2xl));border-radius:var(--r-xl);background:var(--brand-tint);box-shadow:inset 0 0 0 2px var(--brand)}.highlight-box h2{margin-block-end:var(--space-s)}.highlight-box p+p{margin-block-start:var(--space-m)}.highlight-box__small{font-size:var(--step--1);color:var(--text-muted)}@media(forced-colors:active){.abc__svg circle,.cell-diagram__svg circle{fill:none;stroke:CanvasText}.abc__svg circle.on{fill:CanvasText}.cell-diagram__svg text{fill:CanvasText}.definition,.highlight-box,.toc{border:1px solid CanvasText}.abc tbody tr:nth-child(2n){background:Canvas}}:root[data-contrast=high] .abc tbody tr:nth-child(2n){background:var(--paper)}:root[data-contrast=high] .abc th,:root[data-contrast=high] .abc td{border-block-end:1px solid var(--hairline)}:root[data-contrast=high] .toc__n{box-shadow:inset 0 0 0 1px var(--ink)}}@layer motion{.reveal{opacity:1;transform:none}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 15% cover 40%}}}@keyframes reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-timeline:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}}