@font-face{font-family:Chillax;src:url(/fonts/chillax-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Chillax;src:url(/fonts/chillax-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section:clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(97% .012 95);--color-paper-2:oklch(94.5% .018 95);--color-paper-3:oklch(91% .022 95);--color-ink:oklch(20% .014 255);--color-ink-2:oklch(29% .014 255);--color-muted:oklch(47% .014 255);--color-rule:oklch(87% .016 95);--color-accent:oklch(87% .175 96);--color-accent-deep:oklch(72% .16 92);--color-accent-ink:oklch(20% .014 255);--color-accent-2:oklch(50% .17 250);--color-accent-3:oklch(70% .2 22);--color-mint:oklch(82% .15 152);--color-mint-deep:oklch(48% .12 155);--color-focus:oklch(50% .17 250);--color-card:oklch(98.8% .007 95);--color-edge:oklch(83% .04 88);--color-fringe:oklch(99.2% .006 95);--color-kraft:oklch(63% .085 62);--color-sand:oklch(77% .1 76);--color-sugar:oklch(89% .035 236);--color-tangerine:oklch(80% .14 62);--color-tangerine-deep:oklch(55% .14 52);--color-coral-deep:oklch(56% .19 25);--color-blue-ink:oklch(98.8% .007 95);--color-hill-1:oklch(94.5% .03 118);--color-hill-2:oklch(91.5% .045 135);--color-hill-3:oklch(85% .085 145);--color-leaf:oklch(64% .15 150);--font-display:"Chillax", ui-rounded, ui-sans-serif, sans-serif;--font-body:var(--font-display);--font-outlier:"Geist Mono", ui-monospace, monospace;--radius-card:24px;--radius-stock:16px;--radius-input:14px;--radius-pill:999px;--rule-hair:1px;--shadow-card:0 1px 2px oklch(20% .014 255/.06), 0 12px 28px -14px oklch(20% .014 255/.22);--shadow-paper:drop-shadow(0 0 .6px oklch(20% .014 255/.32)) drop-shadow(1.5px 2.5px 1.5px oklch(20% .014 255/.1)) drop-shadow(6px 14px 16px oklch(20% .014 255/.13));--tracking-display:-.03em;--display-weight:600;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-snap:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]>img{filter:saturate(1.06)brightness(1.04)}:root{--text-body:1.125rem;--nav-h:76px;--grade-pre:var(--color-accent);--grade-1:var(--color-accent-3);--grade-2:var(--color-accent-2);--grade-3:var(--color-mint);--grade-4:var(--color-tangerine);--rail-pad:max(var(--gutter), calc((100% - var(--container)) / 2 + var(--gutter)));--texture-opacity:.07;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 9 -4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.07'/%3E%3C/svg%3E");--fibre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.09' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 -0.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.05'/%3E%3C/svg%3E")}body{min-height:100svh;font-size:var(--text-body);background:var(--grain), var(--fibre), var(--color-paper);flex-direction:column;font-weight:500;display:flex}main{flex:1}.skip{left:var(--space-md);top:calc(-1 * var(--space-3xl));z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-stock);background:var(--color-ink);color:var(--color-paper);position:absolute}.skip:focus-visible{top:var(--space-md)}.grid12{column-gap:var(--gap-columns);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.muted{color:var(--color-muted)}mark{background:color-mix(in oklab, var(--color-accent) 60%, transparent);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.2em;padding:0 .12em}.btn{--edge:5px;--edge-c:var(--color-edge);justify-content:center;align-items:center;gap:var(--space-xs);min-height:54px;padding:0 var(--space-lg);border-radius:var(--radius-stock);background:var(--grain), var(--color-card);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-rule), 0 var(--edge) 0 0 var(--edge-c);font:600 var(--text-md)/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);border:0;text-decoration:none;display:inline-flex}.btn:hover{--edge:7px;translate:0 -2px}.btn:active{--edge:1px;translate:0 4px}.btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;translate:0}.btn--primary{--edge-c:var(--color-accent-deep);background:var(--grain), var(--fibre), var(--color-accent);color:var(--color-accent-ink);box-shadow:0 var(--edge) 0 0 var(--edge-c), 2px calc(var(--edge) + 4px) 10px -3px color-mix(in oklab, var(--color-ink) 30%, transparent);transition-timing-function:var(--ease-spring)}.btn svg{flex-shrink:0;width:20px;height:20px}.link{color:var(--color-accent-2);text-underline-offset:.2em;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.link:hover{text-decoration-thickness:3px}.link:active{color:var(--color-ink)}.link:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}.nav{z-index:var(--z-sticky-nav);background:var(--grain), var(--color-paper);box-shadow:0 1px 0 var(--color-rule), 0 10px 24px -20px color-mix(in oklab, var(--color-ink) 40%, transparent);position:sticky;top:0}.nav__row{align-items:center;gap:var(--space-xl);min-height:var(--nav-h);display:flex}.nav__brand{border-radius:var(--radius-stock);flex-shrink:0;display:block}.nav__brand img{width:auto;height:48px}.nav__brand:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.search{flex:1;max-width:30rem;position:relative}.search svg{left:var(--space-md);pointer-events:none;width:20px;height:20px;color:var(--color-muted);position:absolute;top:50%;transform:translateY(-50%)}.search input{width:100%;min-height:48px;padding:0 var(--space-2xl) 0 calc(var(--space-xl) + var(--space-2xs));border:1px solid var(--color-muted);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink);font-size:var(--text-md);appearance:none;outline-offset:2px;outline:3px solid #0000;font-weight:500}.search input::placeholder{color:var(--color-muted);opacity:1}.search input:hover{border-color:var(--color-ink)}.search input:focus-visible{outline-color:var(--color-focus)}.search input::-webkit-search-cancel-button{appearance:none}.search kbd{right:var(--space-md);min-width:24px;padding:0 var(--space-2xs);border:1px solid var(--color-rule);font:500 var(--text-sm)/1.5 var(--font-body);color:var(--color-muted);text-align:center;border-radius:6px;position:absolute;top:50%;transform:translateY(-50%)}.nav__wide{margin-left:auto}.nav__links{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:flex}.nav__links a{--edge:4px;min-height:44px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-rule), 0 var(--edge) 0 0 var(--color-edge);font-size:var(--text-md);white-space:nowrap;transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.nav__links a:hover{--edge:6px;translate:0 -2px}.nav__links a:active{--edge:1px;translate:0 3px}.nav__links a[aria-current=page]{background:var(--color-ink);color:var(--color-paper);box-shadow:0 var(--edge) 0 0 var(--color-ink-2)}.nav__links a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.menu{margin-left:auto;display:none;position:relative}.menu__button{--edge:4px;align-items:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-rule), 0 var(--edge) 0 0 var(--color-edge);cursor:pointer;transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);font-weight:600;list-style:none;display:inline-flex}.menu__button::-webkit-details-marker{display:none}.menu__button:hover{--edge:6px;translate:0 -2px}.menu__button:active{--edge:1px;translate:0 3px}.menu__button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.menu__button svg{width:22px;height:22px}.menu__close,.menu[open] .menu__open{display:none}.menu[open] .menu__close{display:block}.menu[open] .menu__button{--edge:1px;background:var(--color-ink);color:var(--color-paper);box-shadow:none;translate:0 3px}.menu__sheet{z-index:var(--z-dropdown);top:calc(100% + var(--space-sm));width:min(22rem, calc(100vw - 2 * var(--gutter)));padding:var(--space-lg);border-radius:var(--radius-card);background:var(--grain), var(--color-card);filter:var(--shadow-paper);position:absolute;right:0}.menu__heading{font-size:var(--text-sm);color:var(--color-muted)}.menu__tiles{gap:var(--space-xs);margin:var(--space-xs) 0 var(--space-lg);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.menu__tiles li:first-child{grid-column:1/-1}.menu__tile{--c:var(--color-paper-3);--t:var(--color-ink);border-radius:var(--radius-stock);background:var(--c);min-height:56px;color:var(--t);box-shadow:0 4px 0 0 color-mix(in oklab, var(--c) 62%, var(--color-ink));justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;display:flex}.menu__tile b{font-size:var(--text-xl);font-weight:600}.menu__tile:active{box-shadow:0 1px 0 0 color-mix(in oklab, var(--c) 62%, var(--color-ink));translate:0 3px}.menu__tile:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.menu__tile--pre{--c:var(--grade-pre)}.menu__tile--1{--c:var(--grade-1)}.menu__tile--2{--c:var(--grade-2);--t:var(--color-blue-ink)}.menu__tile--3{--c:var(--grade-3)}.menu__tile--4{--c:var(--grade-4)}.menu__links{border-top:1px solid var(--color-rule);margin:0;padding:0;list-style:none;display:grid}.menu__links a{border-bottom:1px solid var(--color-rule);min-height:48px;font-size:var(--text-lg);align-items:center;font-weight:600;text-decoration:none;display:flex}.menu__links li:last-child a{border-bottom:0}.menu__links a[aria-current=page]{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}.menu__links a:hover{color:var(--color-accent-2)}.menu__links a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}.first-screen{--quiz-h:11.5rem;--sprout-px:clamp(.3px, calc((100svh - 640px) / 360), 1px);min-height:min(calc(100svh - var(--nav-h)), 80rem);flex-direction:column;display:flex}.hero{isolation:isolate;--ground-h:clamp(130px, 16vh, 210px);padding-top:var(--space-lg);flex-direction:column;flex:1;display:flex;position:relative;overflow-x:clip}.hero__grid{z-index:var(--z-raised);pointer-events:none;align-items:end;row-gap:var(--space-2xl);flex:1;position:relative}.hero__text>*{pointer-events:auto}.hero__text{pointer-events:none;align-self:center;gap:clamp(var(--space-md), 2.4svh, var(--space-lg));padding-bottom:calc(var(--ground-h) * .56 + 100 * var(--sprout-px) + 5svh);grid-column:1/7;justify-items:start;display:grid}.hero__text h1{max-width:14ch;font-size:clamp(2.5rem,min(4.6vw + 1rem,8.5svh),6.25rem);line-height:1}.hero__text .lead{max-width:34ch;color:var(--color-ink-2)}.hero__stage{--hw:min(100cqw, 34rem, calc((100svh - var(--nav-h) - var(--quiz-h) - var(--ground-h) * .42 - 3rem) / 1.5));margin:0 0 calc(var(--ground-h) * .42);pointer-events:none;grid-column:7/13;align-content:end;justify-items:center;display:grid;position:relative;container-type:inline-size}.hero__stage>*{pointer-events:auto}.hero__stage>.sun{pointer-events:none}.scene{z-index:var(--z-base);pointer-events:none;position:absolute;inset:0}.cloud{aspect-ratio:2.4;filter:var(--shadow-paper);position:absolute}.cloud>i,.sun>i,.ground__layer>i{position:absolute;inset:0}.cloud>i{background:var(--grain), var(--fibre), var(--color-card)}.cloud--1{width:clamp(7rem,11vw,12rem);top:9%;left:-2%}.cloud--2{width:clamp(6rem,8vw,9rem);top:5%;left:47%}.cloud--3{width:clamp(8rem,12vw,13rem);top:3%;right:4%}.sun{bottom:calc(var(--hw) * .55);right:calc(6cqw + var(--hw) * .08);width:calc(var(--hw) * .9);aspect-ratio:1;filter:var(--shadow-paper);position:absolute}.sun>i{background:var(--grain), var(--fibre), var(--color-accent)}.ground{height:var(--ground-h);position:absolute;bottom:0;left:0;right:0}.ground__layer{filter:var(--shadow-paper);position:absolute;left:0;right:0}.ground__layer--far{top:0;bottom:0}.ground__layer--far>i{background:var(--grain), var(--fibre), var(--color-hill-2)}.ground__layer--near{top:34%;bottom:0}.ground__layer--near>i{background:var(--grain), var(--fibre), var(--color-hill-3)}.ground__layer--soil{top:80%;bottom:0}.ground__layer--soil>i{background:var(--grain), var(--fibre), var(--color-leaf)}.garden{pointer-events:auto;height:0;margin:0;padding:0;list-style:none;position:absolute;bottom:56%;left:0;right:0}.garden li{left:var(--x);position:absolute;bottom:0}.sprout{--sc:var(--color-coral-deep);padding:0 var(--space-2xs);border-radius:var(--radius-stock);cursor:pointer;transform-origin:50% 100%;font-family:var(--font-display);transition:translate var(--dur-short) var(--ease-snap);background:0 0;border:0;justify-items:center;display:grid;position:relative}.sprout__head{color:var(--sc);font-size:clamp(1.75rem,min(2.6vw + .5rem,5svh),3.25rem);font-weight:600;line-height:.95}.sprout__stem{width:6px;height:calc(var(--h-n) * var(--sprout-px,1px));background:var(--color-mint-deep);border-radius:3px}.sprout__leaf{bottom:calc(var(--h-n) * var(--sprout-px,1px) * .3);color:var(--color-mint-deep);font-size:2rem;font-weight:600;line-height:1;position:absolute;left:calc(50% - 1.35rem);rotate:-58deg}.sprout__leaf--r{left:calc(50% + .15rem);bottom:calc(var(--h-n) * var(--sprout-px,1px) * .52);rotate:58deg}.sprout:hover{translate:0 -5px}.sprout:active{translate:0 2px}.sprout:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.sprout--blue{--sc:var(--color-accent-2)}.sprout--mint{--sc:var(--color-mint-deep)}.sprout--tangerine{--sc:var(--color-tangerine-deep)}.tiles{gap:var(--space-sm);grid-template-columns:1.5fr repeat(4,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.tiles>li{min-width:0;display:grid}.tile{--edge:6px;--c:var(--color-card);--t:var(--color-ink);--edge-c:color-mix(in oklab, var(--c) 62%, var(--color-ink));min-width:0;min-height:clamp(96px,min(8vw + 40px,13svh),156px);padding:var(--space-md);border-radius:var(--radius-card);background:var(--grain), var(--fibre), var(--c);color:var(--t);box-shadow:0 var(--edge) 0 0 var(--edge-c), 2px calc(var(--edge) + 6px) 14px -6px color-mix(in oklab, var(--color-ink) 30%, transparent);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);flex-direction:column;justify-content:flex-end;text-decoration:none;display:flex}.tile__num{letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,2.6vw + 1rem,4.25rem);font-weight:600;line-height:.9}.tile__label{font-size:var(--text-md);font-weight:600;line-height:1.15}.tile--pre .tile__label{font-size:clamp(1.25rem,.9vw + .9rem,1.875rem)}.tile__label{font-size:clamp(1rem,.4vw + .85rem,1.25rem)}.tile:hover{--edge:9px;translate:0 -3px}.tile:active,.tile[aria-pressed=true]{--edge:1px;translate:0 5px}.tile:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.tile--pre{--c:var(--grade-pre)}.tile--1{--c:var(--grade-1)}.tile--2{--c:var(--grade-2);--t:var(--color-blue-ink)}.tile--3{--c:var(--grade-3)}.tile--4{--c:var(--grade-4)}.lessons{gap:var(--space-sm);width:100%;min-height:1lh;display:grid}.lessons[hidden],.lessons:not(:has(>:not([hidden]))){display:none}.lessons__list{gap:var(--space-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{--edge:4px;align-items:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-rule), 0 var(--edge) 0 0 var(--color-edge);white-space:nowrap;transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);font-weight:600;text-decoration:none;display:inline-flex}.chip small{min-width:1.75em;padding:0 var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-paper-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center}.chip:hover{--edge:6px;translate:0 -2px}.chip:active{--edge:1px;translate:0 3px}.chip:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.chip--all{background:var(--color-ink);color:var(--color-paper);box-shadow:0 var(--edge) 0 0 var(--color-ink-2)}.chip--all small{background:var(--color-ink-2)}.hoca{z-index:var(--z-base);width:var(--hw);justify-self:end;margin-right:6cqw;position:relative}.hoca svg,.hoca img{width:100%;height:auto}.bubble{z-index:var(--z-raised);right:calc(6cqw + var(--hw) * .76);bottom:calc(var(--hw) * .98);width:min(19rem, calc(100cqw - 6cqw - var(--hw) * .76 + var(--gap-columns)));pointer-events:none;justify-content:flex-end;margin:0;display:flex;position:absolute}.bubble__text{max-width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:var(--grain), var(--color-card);filter:var(--shadow-paper);overflow-wrap:break-word;hyphens:auto;text-wrap:pretty;pointer-events:auto;font-size:clamp(1.125rem,.6vw + .8rem,1.5rem);font-weight:600;line-height:1.3;position:relative}.bubble__text:after{content:"";background:var(--color-card);clip-path:polygon(0 0,100% 70%,0 100%);width:24px;height:26px;position:absolute;bottom:18px;right:-20px}.hoca{cursor:pointer;border-radius:var(--radius-card);-webkit-tap-highlight-color:transparent}.hoca:focus-visible{outline:3px solid var(--color-focus);outline-offset:6px}.hoca svg{overflow:visible}@media (prefers-reduced-motion:reduce){.btn,.tile,.chip,.nav__links a,.sheet-card,.tab,.sprout{transition:none}}.band{isolation:isolate;position:relative}.band__sheet{z-index:-1;filter:var(--shadow-paper);position:absolute;inset:0}.band__sheet>i{position:absolute;inset:0}.quiz{padding-block:clamp(var(--space-md), 2.6svh, var(--space-lg))}.quiz .band__sheet>i{background:var(--grain), var(--fibre), var(--color-accent)}.quiz__grid{align-items:center;row-gap:var(--space-md)}.quiz__head{gap:var(--space-xs);grid-column:1/7;display:grid}.quiz__head h2{font-size:var(--text-lg);color:var(--color-ink-2)}.quiz__q{letter-spacing:var(--tracking-display);text-wrap:balance;overflow-wrap:break-word;min-width:0;font-size:clamp(1.75rem,1.4vw + 1rem,2.5rem);font-weight:600;line-height:1.08}.quiz__options{align-self:center;gap:var(--gap-columns);border:0;grid-column:7/13;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0;padding:0;display:grid}.quiz__options .btn{min-height:60px;font-size:var(--text-lg)}.quiz__options .btn[data-state]{--edge:1px;opacity:1;cursor:default;translate:0 4px}.quiz__options .btn[data-state=right]{color:var(--color-mint-deep);box-shadow:inset 0 0 0 3px var(--color-mint-deep), 0 var(--edge) 0 0 var(--color-mint-deep)}.quiz__options .btn[data-state=wrong]{color:var(--color-coral-deep);box-shadow:inset 0 0 0 3px var(--color-coral-deep), 0 var(--edge) 0 0 var(--color-coral-deep)}.quiz__options .btn svg{width:24px;height:24px}.quiz__tally{color:var(--color-ink-2);margin-top:var(--space-2xs);font-size:var(--text-md)}.quiz__tally [hidden]{display:none}.quiz__result{min-height:calc(2lh + var(--space-2xs))}.quiz__feedback{font-size:var(--text-md);font-weight:600}html:not(.js) .quiz__options{display:none}.latest{padding-block:var(--section-gap) 0}.section-head{align-items:end;row-gap:var(--space-md)}.section-head h2{grid-column:1/8}.section-head__aside{gap:var(--space-sm);color:var(--color-ink-2);grid-column:9/13;justify-items:start;display:grid}.rail{gap:var(--gap-columns);margin:var(--space-xl) 0 0;padding:var(--space-lg) var(--rail-pad) var(--space-2xl);scroll-snap-type:x mandatory;scroll-padding-inline:var(--rail-pad);overscroll-behavior-x:contain;grid-auto-columns:clamp(16rem,26vw,24rem);grid-auto-flow:column;list-style:none;display:grid;overflow-x:auto}.rail>li{scroll-snap-align:start}.rail:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;border-radius:var(--radius-card)}.rail>li:nth-child(3n+1) .sheet-card{rotate:-1.5deg}.rail>li:nth-child(3n+2) .sheet-card{rotate:1deg}.rail>li:nth-child(3n) .sheet-card{rotate:-.5deg}.sheet-card{align-content:start;gap:var(--space-xs);color:inherit;transition:translate var(--dur-short) var(--ease-snap), rotate var(--dur-short) var(--ease-snap);text-decoration:none;display:grid}.sheet-card__frame{aspect-ratio:3/2;margin-bottom:var(--space-sm);border-radius:var(--radius-stock);filter:var(--shadow-paper);display:block}.sheet-card__title{font-size:var(--text-title)}.cover{--cv-ground:var(--color-paper-3);--cv-deep:var(--color-accent-2);background:var(--cv-ground);display:block;position:relative;overflow:hidden;container-type:inline-size}.cover:after{content:"";background:var(--grain), var(--fibre);pointer-events:none;position:absolute;inset:0}.cover svg{width:100%;height:100%}.cover--pre{--cv-ground:var(--color-accent);--cv-deep:var(--color-accent-2)}.cover--1{--cv-ground:var(--color-accent-3);--cv-deep:var(--color-coral-deep)}.cover--2{--cv-ground:var(--color-accent-2);--cv-deep:var(--color-accent-2)}.cover--3{--cv-ground:var(--color-mint);--cv-deep:var(--color-mint-deep)}.cover--4{--cv-ground:var(--color-tangerine);--cv-deep:var(--color-tangerine-deep)}.cover--sky{--cv-ground:var(--color-sugar);--cv-deep:var(--color-accent-2)}.cover--mint{--cv-ground:var(--color-hill-3);--cv-deep:var(--color-mint-deep)}.cv-ground{fill:var(--cv-ground)}.cv-sheet{fill:var(--color-card);filter:drop-shadow(1.5px 2.5px 2px color-mix(in oklab, var(--color-ink) 22%, transparent))}.cv-glyph{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.cv-ink{fill:var(--color-ink)}.cv-on-deep{fill:var(--color-card)}.cv-deep{fill:var(--cv-deep)}.cv-trace{fill:none;stroke:var(--cv-deep);stroke-width:2.5px;stroke-dasharray:5 4;stroke-linecap:round;stroke-linejoin:round}.cv-guide{fill:none;stroke:var(--cv-deep);stroke-opacity:.4;stroke-width:1.5px;stroke-dasharray:4 4}.cv-tile{fill:var(--color-paper-3);stroke:var(--color-ink);stroke-width:2px}.cv-tile--deep{fill:var(--cv-deep)}.cv-face{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:2.5px}.cv-line{fill:none;stroke:var(--color-ink);stroke-width:2.5px;stroke-linecap:round}.cv-line--bold{stroke-width:4px}.cv-hand{fill:none;stroke:var(--color-ink);stroke-width:5px;stroke-linecap:round}.cv-hand--min{stroke:var(--cv-deep);stroke-width:3.5px}.cv-ring{fill:none;stroke:var(--color-ink);stroke-width:2.5px}.cv-ring--dash{stroke:var(--cv-deep);stroke-dasharray:4 4}.cv-cell{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1.5px}.cv-cell--on{fill:var(--cv-deep)}.cv-tick{stroke:var(--color-card);stroke-width:2px}.cv-check{fill:none;stroke:var(--color-card);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.cv-trace-line{fill:none;stroke:var(--cv-deep);stroke-width:4px;stroke-dasharray:7 6;stroke-linecap:round;stroke-linejoin:round}.cv-outline{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:2.5px;stroke-dasharray:6 4;stroke-linejoin:round}.cover__label{z-index:1;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);font:600 clamp(.6875rem, 3.4cqw, 1rem)/1.25 var(--font-body);white-space:nowrap;padding:.25em .7em;position:absolute;bottom:4.5cqw;left:5cqw}.sheet-card__meta{gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;align-items:center;display:flex}.sheet-card:hover{translate:0 -6px;rotate:0deg}.sheet-card:hover .sheet-card__title{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:2px}.sheet-card:active{translate:0}.sheet-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:6px;border-radius:var(--radius-stock)}.tag{min-height:28px;padding:0 var(--space-sm);border-radius:var(--radius-pill);background:var(--c,var(--color-paper-3));color:var(--t,var(--color-ink));font-size:var(--text-sm);white-space:nowrap;align-items:center;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.tag--pre{--c:var(--grade-pre)}.tag--1{--c:var(--grade-1)}.tag--2{--c:var(--grade-2);--t:var(--color-blue-ink)}.tag--3{--c:var(--grade-3)}.tag--4{--c:var(--grade-4)}a.tag:hover{text-decoration:underline;text-decoration-thickness:2px}a.tag:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.pre{padding-block:var(--section-gap) var(--section-gap-s)}.pre__grid{align-items:center;row-gap:var(--space-2xl)}.pre__text{gap:var(--space-lg);grid-column:1/6;display:grid}.pre__lists{gap:var(--space-lg);display:grid}.pre__lists h3 a{text-decoration:none}.pre__lists h3 a:hover{text-decoration:underline;text-decoration-thickness:2px}.pre__lists h3 a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}.pre__lists ul{gap:var(--space-sm);margin:var(--space-sm) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.pre__figure{padding:var(--space-xl);grid-column:7/13;margin:0;position:relative}.mat{filter:var(--shadow-paper);pointer-events:none;position:absolute}.mat>i{position:absolute;inset:0}.pre__figure .mat{inset:0;rotate:1.5deg}.pre__figure .mat>i{background:var(--grain), var(--fibre), var(--color-hill-1)}.pre__figure a{z-index:var(--z-base);color:inherit;border-radius:var(--radius-stock);text-decoration:none;display:block;position:relative}.pre__figure a:focus-visible{outline:3px solid var(--color-focus);outline-offset:6px}.pre__photo{aspect-ratio:3/2;border-radius:var(--radius-stock);filter:var(--shadow-paper);display:block;rotate:-1deg}.pre__caption{margin-top:var(--space-md);font-weight:600}.pre__figure a:hover .pre__caption{text-decoration:underline;text-decoration-thickness:2px}.archive{padding-block:var(--section-gap-s) var(--section-gap)}.tabs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.tab{--edge:4px;--c:var(--color-card);min-height:48px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-rule), 0 var(--edge) 0 0 var(--color-edge);font:600 var(--text-md)/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);border:0}.tab:hover{--edge:6px;translate:0 -2px}.tab:active{--edge:1px;translate:0 3px}.tab[aria-selected=true]{--edge:1px;background:var(--c);color:var(--t,var(--color-ink));box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--c) 60%, var(--color-ink));translate:0 3px}.tab:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.tab:disabled{opacity:.55;cursor:not-allowed;translate:0}.tab--1{--c:var(--grade-1)}.tab--2{--c:var(--grade-2);--t:var(--color-blue-ink)}.tab--3{--c:var(--grade-3)}.tab--4{--c:var(--grade-4)}html:not(.js) .tabs{display:none}.archive__panels{margin-top:var(--space-xl)}.panel{padding:var(--space-md) var(--space-xl) var(--space-lg);border-radius:var(--radius-card);background:var(--grain), var(--color-card);box-shadow:var(--shadow-card)}.panel+.panel{margin-top:var(--space-lg)}.js .panel caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel__more{margin-top:var(--space-md)}.ledger{border-collapse:collapse;width:100%}.ledger caption{padding-block:var(--space-sm);font-size:var(--text-title);text-align:left;font-weight:600}.ledger th{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-muted);text-align:left;white-space:nowrap;font-weight:500}.ledger td{padding:var(--space-sm) var(--space-md) var(--space-sm) 0;border-bottom:1px solid var(--color-rule);vertical-align:middle}.ledger tr:last-child td{border-bottom:0}.ledger td:last-child,.ledger th:last-child{text-align:right;padding-right:0}.ledger__thumb{width:116px}.ledger__thumb span{aspect-ratio:3/2;border-radius:10px;width:96px;display:block}.ledger__title a{font-size:var(--text-lg);font-weight:600;text-decoration:none}.ledger__title a:hover{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:2px}.ledger__title a:active{color:var(--color-accent-2)}.ledger__title a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}.ledger__where{font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap}.ledger time{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-muted);white-space:nowrap}.listing-head{padding-block:var(--space-2xl) var(--space-xl)}.listing-head h1{max-width:20ch;font-size:var(--text-display-s);line-height:1.04}.listing-head .lead{margin-top:var(--space-sm);color:var(--color-ink-2)}.listing-head .lessons__list{margin-top:var(--space-xl)}.crumbs{gap:var(--space-xs);margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";margin-right:var(--space-xs)}.crumbs a{color:var(--color-accent-2);font-weight:600}.crumbs a:hover{text-decoration-thickness:2px}.crumbs a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}.chip[aria-current=page]{--edge:1px;background:var(--color-ink);color:var(--color-paper);box-shadow:none;translate:0 3px}.cards{gap:var(--space-2xl) var(--gap-columns);padding:var(--space-lg) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.pager{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-3xl);display:flex}.empty{gap:var(--space-md);padding:var(--space-2xl);border-radius:var(--radius-card);background:var(--color-paper-2);justify-items:start;display:grid}.empty p{max-width:52ch;font-size:var(--text-lead)}.section-gap{padding-bottom:var(--section-gap)}.cards--related{margin-top:var(--space-xl)}.sheet{padding-bottom:var(--section-gap-s)}.sheet-head{padding-block:var(--space-2xl) var(--space-3xl)}.sheet-head__grid{align-items:center;row-gap:var(--space-2xl)}.sheet-head__text{gap:var(--space-lg);grid-column:1/7;justify-items:start;display:grid}.sheet-head__text h1{max-width:18ch;font-size:var(--text-display-s);line-height:1.04}.sheet-head__text .lead{max-width:46ch;color:var(--color-ink-2)}.sheet-head__visual{aspect-ratio:3/2;border-radius:var(--radius-card);filter:var(--shadow-paper);grid-column:8/13;margin:0;overflow:hidden;rotate:1.2deg}.sheet-head__visual>img,.sheet-head__visual>.cover{object-fit:cover;width:100%;height:100%}.sheet__meta{gap:var(--space-xs) var(--space-md);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.sheet__actions{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.btn__note{font-size:var(--text-sm);opacity:.8;font-weight:500}.sheet-pages{width:min(100% - 2 * var(--gutter), 52rem);margin:0 auto var(--space-3xl)}.sheet__pages{gap:var(--space-2xl);margin:0;padding:0;list-style:none;display:grid}.sheet__page{border-radius:var(--radius-stock);background:var(--color-card);filter:var(--shadow-paper);margin:0;overflow:hidden}.sheet__page img{width:100%;height:auto}.sheet__files{gap:var(--space-xs);margin:var(--space-xl) 0 0;padding:0;list-style:none;display:grid}.sheet-body{width:min(100% - 2 * var(--gutter), 42rem);padding:var(--space-2xl) 0 0;border-top:1px solid var(--color-rule);margin-inline:auto}.draft-note{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-stock);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600}.prose{gap:var(--space-md);max-width:66ch;font-size:var(--text-body);line-height:1.7;display:grid}.prose>:where(h2,h3)+*{margin-top:calc(-1 * var(--space-xs))}.prose li+li{margin-top:var(--space-2xs)}.prose :where(h2,h3){margin-top:var(--space-lg);font-size:var(--text-title);line-height:1.2}.prose h3{font-size:var(--text-lg)}.prose strong{font-weight:600}.prose :where(ul,ol){padding-left:var(--space-lg);margin:0}.prose a{color:var(--color-accent-2);font-weight:600;text-decoration-thickness:2px}.prose a:hover{text-decoration-thickness:3px}.prose a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}.prose img{border-radius:var(--radius-stock)}.related{padding-top:var(--section-gap-s)}.search-page,.page{padding-block:var(--space-2xl) var(--section-gap)}.search-page h1,.page h1{max-width:22ch;font-size:var(--text-display-s);line-height:1.04}.search-big{gap:var(--space-sm);max-width:40rem;margin:var(--space-xl) 0 var(--space-2xl);display:flex}.search-big input{min-width:0;min-height:54px;padding:0 var(--space-lg);border:1px solid var(--color-muted);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink);font-size:var(--text-lg);outline-offset:2px;appearance:none;outline:3px solid #0000;flex:1;font-weight:500}.search-big input:focus-visible{outline-color:var(--color-focus)}.search-page .panel{margin-top:var(--space-lg)}.page{width:min(100% - 2 * var(--gutter), 42rem);margin-inline:auto}.page__head{margin-bottom:var(--space-xl)}.footer{isolation:isolate;margin-top:var(--space-xl);padding-block:var(--space-2xl) var(--space-lg);color:var(--color-paper);--color-focus:var(--color-accent);position:relative}main:has(.g)+.footer{margin-top:var(--space-lg)}main .g{padding-bottom:var(--space-lg)}.footer .band__sheet>i{background:var(--grain), var(--color-ink)}.footer__statement{max-width:22ch;font-size:var(--text-section);letter-spacing:var(--tracking-display);overflow-wrap:break-word;min-width:0;font-weight:600;line-height:1.04}.footer__links{gap:var(--space-sm) var(--space-lg);margin:var(--space-2xl) 0 0;padding:var(--space-lg) 0 0;border-top:1px solid var(--color-ink-2);font-size:var(--text-md);flex-wrap:wrap;list-style:none;display:flex}.footer__links a{color:var(--color-paper);text-underline-offset:.2em;white-space:nowrap;text-decoration-thickness:1px}.footer__links a:hover{text-decoration-thickness:2px}.footer__links a:active{color:var(--color-accent)}.footer__links a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}.footer__legal{margin-top:var(--space-xl);font-size:var(--text-sm);color:var(--color-paper-3)}@media (width<=80rem){.nav__row{flex-wrap:wrap}.search{flex-basis:100%;order:3;max-width:none}.search kbd{display:none}.nav__links{gap:var(--space-2xs);flex-wrap:wrap}.nav__links a{padding:0 var(--space-sm);font-size:var(--text-sm)}}@media (width<=60rem){:root{--nav-h:64px}.nav__row{gap:var(--space-sm) var(--space-md);padding-block:var(--space-xs);flex-wrap:wrap}.nav__links{gap:var(--space-2xs);flex-wrap:wrap}.nav__links a{padding:0 var(--space-sm);font-size:var(--text-sm)}.nav__brand img{height:40px}.search{flex-basis:100%;order:3;max-width:none}.search kbd{display:none}.hero__text,.hero__stage,.quiz__head,.quiz__options,.section-head h2,.section-head__aside,.pre__text,.pre__figure,.sheet-head__text,.sheet-head__visual{grid-column:1/-1}.sheet-head{padding-block:var(--space-lg) var(--space-2xl)}.sheet-head__visual{order:-1;rotate:0deg}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger__thumb{display:none}.panel{padding-inline:var(--space-md)}}@media (width<=40rem){.nav__wide{display:none}.menu{display:block}.cards{grid-template-columns:minmax(0,1fr)}.ledger thead{display:none}.ledger tr{gap:var(--space-2xs);padding-block:var(--space-sm);border-bottom:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr);display:grid}.ledger td:last-child{text-align:left}.ledger tr:last-child{border-bottom:0}.ledger td{border:0;padding:0}.ledger__where{order:3;grid-column:1/-1}.ledger__title a{font-size:var(--text-md)}.tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}}@media print{.nav,.footer,.sheet-head,.sheet-body,.sheet__files,.related,.skip{display:none!important}body{background:0 0}.sheet,.sheet-pages{width:auto;margin:0;padding:0;display:block}.sheet__pages{display:block}.sheet__page{filter:none;break-after:page;page-break-after:always;border-radius:0}}.tiles--plain{margin-top:var(--space-xl);max-width:52rem}.quiz .link{color:var(--color-ink)}@media (width<=60rem){.first-screen{min-height:0;display:block}.hero{--hw:min(36vw, 15rem);--stage-h:calc(var(--hw) * 1.5 + var(--space-xl));--ground-h:7.5rem;--sprout-px:.5px;padding:0 0 var(--space-lg);display:block}.hero__grid{row-gap:var(--space-lg);min-height:0}.hero__stage{--hw:min(36vw, 15rem);height:var(--stage-h);margin:0 0 calc(var(--ground-h) * .45);order:-1;grid-column:1/-1}.hoca{margin-right:2%}.sun{right:calc(2% + var(--hw) * .08)}.bubble{right:calc(2% + var(--hw) * .76);width:auto;left:0}.bubble__text{font-size:var(--text-lg)}.hero__text{grid-column:1/-1;padding-bottom:0}.hero__text h1{font-size:clamp(2.25rem,7vw + .5rem,3.5rem)}.ground{top:calc(var(--stage-h) - var(--ground-h) * .55);bottom:auto}.garden{bottom:50%}.garden li:nth-child(n+5){display:none}.garden li:first-child{--x:4%}.garden li:nth-child(2){--x:17%}.garden li:nth-child(3){--x:30%}.garden li:nth-child(4){--x:43%}.sprout__head{font-size:1.75rem}.cloud--1{top:2%;left:-6%}.cloud--2{display:none}.cloud--3{top:1%}.quiz{padding-block:var(--space-xl)}.quiz__head{display:contents}.quiz__head>*{grid-column:1/-1}.quiz__options{order:1;grid-column:1/-1}.quiz__result{order:2;min-height:0}}@media (width<=40rem){.hero{--hw:min(44vw, 12rem);--ground-h:6.5rem}.garden li:nth-child(n+4){display:none}.garden li:first-child{--x:4%}.garden li:nth-child(2){--x:19%}.garden li:nth-child(3){--x:34%}.lessons{min-height:0}.hero__stage{--hw:min(44vw, 12rem)}.bubble__text{font-size:var(--text-md);padding:var(--space-sm) var(--space-md)}.bubble__text:after{width:20px;height:22px;bottom:14px;right:-16px}.tiles{gap:var(--space-sm) var(--space-xs);grid-template-columns:repeat(4,minmax(0,1fr))}.tiles>li:first-child{grid-column:1/-1}.tile{min-height:88px;padding:var(--space-sm)}.tile--pre{text-align:center;justify-content:center;align-items:center;min-height:64px}.quiz__options{gap:var(--space-xs)}.quiz__options .btn{padding:0 var(--space-sm)}}html,body{overflow-x:clip}