.cells{color:var(--ink);margin-block:1.5rem;container-type:inline-size}.cells .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.cells__tabs{flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem;display:flex}.cells__tabs[hidden]{display:none}.cells__tabs button,.cells__controls button{border:.0625rem solid var(--line);background:var(--paper);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:.5rem;padding:.35rem .8rem;font-size:.9rem}.cells__tabs button[aria-selected=true]{border:.125rem solid var(--semantic-data,var(--chapter-accent));background:color-mix(in oklch, var(--semantic-data,var(--chapter-accent)) 10%, var(--paper));font-weight:700}.cells__figure{background:var(--paper);border:.0625rem solid var(--line);border-radius:.75rem;margin:0 0 1.25rem;padding:1rem}.cells__figure[hidden]{display:none}.cells__figure>figcaption{gap:.25rem;margin-bottom:.75rem;display:grid}.cells__figure>figcaption strong{font-size:1.1rem}.cells__figure>figcaption span{color:var(--ink-soft);font-size:.9rem}.cells__steps{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.cells__step{border:.0625rem solid var(--line);border-radius:.7rem;min-width:0;margin:0;padding:.7rem .75rem .8rem;transition:opacity .15s}.cells__step[data-state=todo]{opacity:.42}.cells__step[data-state=active]{border-color:var(--semantic-data,var(--chapter-accent));background:color-mix(in oklch, var(--semantic-data,var(--chapter-accent)) 6%, var(--paper));box-shadow:inset .2rem 0 var(--semantic-data,var(--chapter-accent))}.cells__label{align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:1rem;display:flex}.cells__label b{border:.125rem solid var(--semantic-data,var(--chapter-accent));background:var(--paper);border-radius:50%;flex:none;place-items:center;width:1.55rem;height:1.55rem;font-size:.75rem;line-height:1;display:grid}.cells__frame{grid-template-columns:minmax(0,1fr);align-items:start;gap:.7rem;display:grid}.cells__frame[data-side=true]{grid-template-columns:repeat(var(--panels), minmax(0, 1fr))}.cells__box{--hue:var(--line);border-radius:.7rem;gap:.45rem;min-width:0;padding:.4rem;display:grid}.cells__box[data-titled=true]{border:.125rem dashed var(--hue);background:color-mix(in oklch, var(--hue) 5%, var(--paper));padding:.5rem}.cells__banner{border:.125rem solid var(--hue);background:color-mix(in oklch, var(--hue) 28%, var(--paper));color:var(--ink);text-align:center;border-radius:999px;margin:0;padding:.3rem .7rem;font-size:.95rem;font-weight:800;line-height:1.2}.cells__row{gap:.2rem;min-width:0;display:grid}.cells__name{color:var(--ink);font-size:.78rem;font-weight:700;line-height:1.2}.cells__link{color:var(--ink);justify-content:center;align-items:center;gap:.35rem;margin:.1rem 0;font-size:.8rem;font-weight:700;display:flex}.cells__link span{color:var(--ink);font-size:1.1rem;line-height:1}.cells__body{overflow-clip-margin:.3rem;gap:.15rem;min-width:0;display:grid;overflow:clip}.cells__ticks{color:var(--ink);font-family:var(--sl-font-mono,ui-monospace, monospace);justify-content:space-between;gap:.5rem;font-size:.75rem;line-height:1.1;display:flex}.cells__grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));align-items:start;gap:.2rem 0;min-width:0;display:grid}.cells__slot{grid-column:span var(--span);gap:.1rem;min-width:0;padding-inline:.1rem;display:grid}.cells__cell{--tall:1;min-height:calc(2.6rem * var(--tall));border:.125rem solid var(--hue,var(--line));background:color-mix(in oklch, var(--hue,var(--paper)) 22%, var(--paper));color:var(--ink);text-align:center;overflow-wrap:break-word;border-radius:.4rem;align-content:center;justify-items:center;min-width:0;padding:.25rem .3rem;display:grid}.cells__text{overflow-wrap:anywhere;font-family:var(--sl-font-mono,ui-monospace, monospace);font-size:.82rem;font-weight:600;line-height:1.25}.cells__cell small{overflow-wrap:anywhere;max-width:100%;color:var(--ink);font-size:.75rem;line-height:1.2}.cells__cell[data-hot=true]{border-color:var(--ink);box-shadow:0 0 0 .1875rem color-mix(in oklch, var(--hue,var(--ink)) 45%, transparent);font-weight:800}.cells__cell[data-ghost=true]{background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--hue,var(--ink-soft)) 22%, var(--paper)) 0 .35rem, var(--paper) .35rem .7rem);color:var(--ink-soft);border-style:dashed}.cells__cell[data-gap=true]{box-shadow:none;background:0 0;border-color:#0000}.cells__bracket{text-align:center;width:max-content;max-width:max(100%,3.5rem);color:var(--ink);justify-self:center;padding-top:.35rem;font-size:.75rem;font-weight:700;line-height:1.15;position:relative}.cells__bracket:before{content:"";border:.0625rem solid var(--ink-soft);border-top:0;height:.3rem;position:absolute;inset:0 .3rem auto}.cells__legend{flex-wrap:wrap;gap:.3rem .9rem;margin:.6rem 0 0;padding:0;font-size:.78rem;list-style:none;display:flex}.cells__legend li{align-items:center;gap:.35rem;display:flex}.cells__legend i{border:.125rem solid var(--hue);background:color-mix(in oklch, var(--hue) 28%, var(--paper));border-radius:.2rem;width:.8rem;height:.8rem}.cells__caption{margin:.65rem 0 0;font-size:.9rem;line-height:1.45}.cells__controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem;display:flex}.cells__controls[hidden]{display:none}.cells__controls button:disabled{opacity:.55;cursor:default}.cells__counter{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-left:.25rem;font-size:.85rem}.cells__note{color:var(--ink-soft);margin:.5rem 0 0;font-size:.8rem}.cells button:focus-visible{outline:.15rem solid var(--semantic-data,var(--chapter-accent));outline-offset:.15rem}html[data-academy-semantic=off] .cells__cell,html[data-academy-semantic=off] .cells__banner,html[data-academy-semantic=off] .cells__legend i{background:var(--paper)}html[data-academy-semantic=off] .cells__tabs button[aria-selected=true],html[data-academy-semantic=off] .cells__step[data-state=active]{border-color:var(--ink);background:var(--paper)}@container (width<=28rem){.cells__frame[data-side=true]{grid-template-columns:minmax(0,1fr)}.cells__figure{padding:.75rem}}@media (width<=34rem){.cells__figure{padding:.75rem}}@media print{.cells__figure[hidden]{display:block!important}.cells__tabs,.cells__controls,.cells__note{display:none!important}.cells__step{break-inside:avoid;opacity:1!important}.cells__step[data-state=active]{box-shadow:none;background:0 0}}@media (prefers-reduced-motion:reduce){.cells__step{transition:none}}.cells__cell[data-dot]{aspect-ratio:1;border-radius:50%;min-height:0;padding:0}.cells__cell[data-dot=filled]{background:var(--hue,var(--ink))}.cells__cell[data-dot=open]{background:0 0}.cells__cell[data-dot] .cells__text{display:none}.live__controls{gap:.75rem;margin-bottom:.9rem;display:grid}.live__controls[hidden]{display:none}.live__presets{flex-wrap:wrap;gap:.4rem;display:flex}.live__presets button{border:.0625rem solid var(--line);background:var(--paper);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:.5rem;padding:.35rem .8rem;font-size:.85rem}.live__inputs{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.6rem;display:grid}.live__field{min-width:0;color:var(--ink);gap:.25rem;font-size:.8rem;font-weight:700;display:grid}.live__field input,.live__field select{box-sizing:border-box;border:.0625rem solid var(--ink-soft);background:var(--paper);width:100%;min-width:0;min-height:2.75rem;color:var(--ink);font:inherit;font-family:var(--sl-font-mono,ui-monospace, monospace);border-radius:.5rem;padding:.3rem .5rem;font-size:.95rem}.live__bits{flex-wrap:wrap;gap:.3rem;display:flex}.live__bits button{border:.125rem solid var(--ink-soft);background:var(--paper);width:2.75rem;height:2.75rem;color:var(--ink);font-family:var(--sl-font-mono,ui-monospace, monospace);cursor:pointer;border-radius:.5rem;font-size:1.05rem;font-weight:700}.live__bits button[aria-pressed=true]{border-color:var(--semantic-data,var(--chapter-accent));background:color-mix(in oklch, var(--semantic-data,var(--chapter-accent)) 25%, var(--paper))}.live__error{border-left:.25rem solid var(--semantic-danger,#de4a4a);background:color-mix(in oklch, var(--semantic-danger,#de4a4a) 10%, var(--paper));margin:.5rem 0 0;padding:.5rem .7rem;font-size:.88rem}.live__error[hidden]{display:none}.live__out[data-stale=true]{opacity:.55}.live__figure input:focus-visible,.live__figure select:focus-visible{outline:.15rem solid var(--semantic-data,var(--chapter-accent));outline-offset:.1rem}.cells__figure>figcaption strong,.cells__label strong,.cells__banner{text-wrap:balance}.cells__caption,.cells__figure>figcaption span{text-wrap:pretty}