body{display:block;height:auto;overflow:visible}html{background:var(--surface)}aprender-app{display:block;max-width:74rem;margin:0 auto;padding:2rem 1.25rem 5rem}aprender-app>header{display:grid;gap:.35rem;margin-bottom:2rem}aprender-app>header a{justify-self:start;font-size:.85rem}aprender-app>header h1{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;font-variation-settings:"opsz" 40,"wdth" 90}aprender-app>header p{max-width:46rem;color:var(--on-surface-muted)}aprender-app main{display:grid;grid-template-columns:13rem 1fr;gap:2rem;align-items:start}lesson-index{position:sticky;top:1.5rem;display:grid;gap:.5rem}lesson-index h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-muted)}lesson-index nav{display:grid;gap:1px}lesson-index button{display:grid;grid-template-columns:1.4rem 1fr;align-items:baseline;gap:.4rem;padding:.4rem .55rem;font:inherit;font-size:.9rem;text-align:left;color:var(--on-surface-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:pointer}lesson-index button b{font-variant-numeric:tabular-nums;font-weight:600;opacity:.5}lesson-index button:hover{background:var(--surface-container-high);color:var(--on-surface)}lesson-index button[open=true]{background:var(--surface-container);border-color:var(--outline);color:var(--on-surface);font-weight:600}lesson-index button[open=true] b{opacity:1;color:var(--primary)}lesson-view{display:grid;gap:1.25rem;min-width:0}lesson-view article{display:grid;gap:.5rem;max-width:46rem}lesson-view h1{font-size:1.7rem;font-weight:700;letter-spacing:-.015em;font-variation-settings:"opsz" 32,"wdth" 90}lesson-view p[clause]{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-muted)}lesson-view p[lead]{font-size:1.05rem}lesson-view div[notes]{display:grid;gap:.5rem;color:var(--on-surface-muted)}lesson-view code{padding:.08rem .3rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em;color:var(--on-surface);background:var(--surface-container-high);border-radius:3px}section[bench]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}section[asks]{display:grid;gap:1rem;align-items:start}section[has]{display:grid;gap:1rem;align-items:start}rule-board,projection-panel{display:grid;gap:.25rem;padding:.85rem 0 .6rem;background:var(--surface-container);border:1px solid var(--outline);border-radius:var(--radius-panel)}rule-board>header,projection-panel>header{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.2rem .5rem;padding:0 .9rem .4rem}rule-board h2,projection-panel h2{font-size:.95rem;font-weight:700}rule-board>header p,projection-panel>header p{grid-column:1;font-size:.82rem;color:var(--on-surface-muted)}rule-board>header icon-button{grid-row:1 / span 2;grid-column:2;align-self:center}rule-board rule-list{overflow:visible;padding:0 .55rem}rule-board rule-row{cursor:grab}rule-board rule-row>icon-button{opacity:1}rule-board rule-row:hover{background:var(--surface)}number-knobs{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .9rem 0;margin-top:.35rem;border-top:1px solid var(--outline)}number-knobs[empty=true]{display:none}number-knob{display:inline-flex;align-items:center;gap:.15rem;padding:.1rem .3rem .1rem .5rem;font-size:.82rem;color:var(--on-surface-muted);background:var(--surface);border:1px solid var(--outline);border-radius:999px}number-knob b{min-width:2.2ch;text-align:center;font-variant-numeric:tabular-nums;color:var(--on-surface)}try-list{display:grid;gap:.5rem}try-list h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-muted);font-weight:600}try-list div[tries]{display:flex;flex-wrap:wrap;gap:.35rem}try-list div[tries] button{font:inherit;font-size:.85rem;padding:.28rem .7rem;color:var(--on-surface);background:var(--surface-container);border:1px solid var(--outline);border-radius:999px;cursor:pointer}try-list div[tries] button:hover{background:var(--surface-container-high);border-color:var(--outline-strong)}try-list div[actions]{display:flex;gap:.4rem}projection-panel div[lines]{display:grid;gap:.3rem;padding:.2rem .9rem .1rem}projection-panel p[empty]{color:var(--on-surface-muted);font-size:.9rem}projection-line{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}projection-line i{font-style:normal;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;color:var(--on-surface-muted)}projection-line node-chip{position:relative}projection-line node-chip+node-chip{margin-left:.3rem}projection-line node-chip+node-chip:before{content:"";position:absolute;top:50%;left:-9px;width:8px;height:10px;margin-top:-5px;background:var(--line)}projection-line[gap=true] node-chip{text-decoration:line-through}projection-panel p[note]{padding:.5rem .9rem 0;margin-top:.4rem;border-top:1px solid var(--outline);font-size:.82rem;color:var(--on-surface-muted)}projection-panel[kind=changed]{border-color:var(--outline-strong)}projection-panel[kind=changed] p[note]{color:var(--on-surface);font-weight:600}projection-panel[kind=gap]{border-color:var(--error)}projection-panel[kind=gap] p[note]{color:var(--on-error-container)}projection-panel[kind=broken]{border-color:var(--error)}projection-panel[kind=broken] p[note]{color:var(--on-error-container)}aside{display:grid;gap:.4rem;max-width:46rem;padding:.9rem 1rem;background:var(--surface-container-high);border-radius:var(--radius-panel)}aside h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-muted);font-weight:600}aside ul{display:grid;gap:.3rem;margin:0;padding-left:1.1rem;font-size:.92rem}@media(max-width:62rem){aprender-app main{grid-template-columns:1fr}lesson-index{position:static}lesson-index nav{display:flex;flex-wrap:wrap}section[bench]{grid-template-columns:1fr}}rule-board rule-block+rule-block,rule-board rule-block+rule-slot{margin-left:.3rem}rule-board rule-block>i{display:inline-grid;margin:0 .25rem 0 -.15rem;min-width:1ch;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;color:var(--on-surface-muted)}rule-board rule-block>i>*{grid-area:1 / 1}rule-board rule-block>i>span{visibility:hidden;white-space:pre;padding:.1rem .2rem}rule-board rule-block>i>input{padding:.1rem .2rem;font:inherit;color:inherit;background:transparent;border:0;border-radius:3px}rule-board rule-block>i>input::placeholder{color:var(--on-surface-muted);opacity:.75}rule-board rule-block>i>input:focus{background:var(--surface-container-high)}rule-board rule-block[link=interface]>i>input{color:var(--on-surface)}rule-board rule-block[head=true]>i{display:none}rule-board rule-block[empty=true][link=interface]{border-color:transparent;background:transparent;padding-left:0}rule-board rule-block[empty=true][link=interface]>i{margin-right:0}rule-board rule-block[empty=true][link=interface]>span{display:none}rule-board rule-block[empty=true][link=interface]>icon-button{opacity:0}rule-board rule-block[empty=true][link=interface]:hover>span,rule-board rule-block[empty=true][link=interface]:focus-within>span{display:inline-grid}rule-board rule-block[empty=true][link=interface]:hover>icon-button,rule-board rule-block[empty=true][link=interface]:focus-within>icon-button{opacity:1}rule-board rule-block[hidden]{display:none}rule-board rule-block[hidden]+rule-block{margin-left:0;padding-left:.25rem}