.learn-sim{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);gap:.75rem;min-width:0;margin:1.75rem 0;padding:1rem 1.1rem 1.15rem;display:grid}.learn-sim__head{gap:.2rem;display:grid}.learn-sim__kicker{color:var(--text-2);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:700}.learn-sim__title{font-size:1.08rem;font-weight:750}.learn-sim__how,.learn-sim__start{max-width:72ch;margin:0}.learn-sim__how{color:var(--text-2)}.learn-sim__status{overflow-wrap:anywhere;min-height:1.4em;margin:0;font-size:.92rem}.learn-sim__note{color:var(--text-2);margin:0}.learn-sim__mount{gap:.9rem;min-width:0;display:grid}.learn-sim__mount:empty{display:none}.learn-sim__controls{flex-wrap:wrap;align-items:flex-end;gap:.6rem 1.2rem;display:flex}.learn-sim__group{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.learn-sim__group label{font-size:.88rem;font-weight:650}.learn-sim__select{width:auto;min-width:6rem}.learn-sim__input{width:12rem;max-width:100%;font-family:var(--font-mono)}.learn-sim__buttons{gap:.4rem}.learn-sim__view{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (min-width:40rem){.learn-sim__view{grid-template-columns:minmax(0,18rem) minmax(0,1fr)}}.learn-sim__drawing{justify-items:center;gap:.4rem;min-width:0;display:grid}.learn-sim__ring{width:100%;max-width:18rem;height:auto}.learn-sim__track{fill:none;stroke:var(--line-strong);stroke-width:2px}.learn-sim__pt{stroke:var(--surface);stroke-width:1.5px}.learn-sim__key{opacity:.85}.learn-sim__key.is-moved{stroke:var(--text);stroke-width:1px;opacity:1}.learn-sim__label{fill:var(--text);font-size:11px;font-weight:700;font-family:var(--font-body,inherit)}.learn-sim__s0{fill:var(--cat-developer);background:var(--cat-developer)}.learn-sim__s1{fill:var(--cat-pdf);background:var(--cat-pdf)}.learn-sim__s2{fill:var(--cat-finance);background:var(--cat-finance)}.learn-sim__s3{fill:var(--cat-business);background:var(--cat-business)}.learn-sim__s4{fill:var(--cat-seo);background:var(--cat-seo)}.learn-sim__s5{fill:var(--cat-media);background:var(--cat-media)}.learn-sim__s6{fill:var(--cat-science);background:var(--cat-science)}.learn-sim__s7{fill:var(--cat-legal);background:var(--cat-legal)}.learn-sim__swatch{vertical-align:-.05rem;border-radius:50%;width:.8rem;height:.8rem;display:inline-block}.learn-sim__table-wrap{min-width:0;overflow-x:auto}.learn-sim__table-wrap:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.learn-sim__table{border-collapse:collapse;width:100%;font-size:.92rem}.learn-sim__caption{text-align:left;padding-bottom:.3rem;font-weight:650}.learn-sim__table th,.learn-sim__table td{border-bottom:1px solid var(--line);text-align:left;padding:.4rem .5rem}.learn-sim__table thead th{color:var(--text-2);font-size:.8rem}.learn-sim__lookup{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.learn-sim__lookup label{font-size:.9rem;font-weight:650}.learn-sim__lookup-out{color:var(--text-2);overflow-wrap:anywhere;flex-basis:100%;font-size:.9rem}.learn-sim__bucket{width:100%;max-width:18rem;height:auto}.learn-sim__slot{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1.5px}.learn-sim__token{fill:var(--cat-finance)}.learn-sim__level,.learn-sim__clock,.learn-sim__counts{text-align:center;margin:0;font-size:.9rem}.learn-sim__clock{color:var(--text-2);font-family:var(--font-mono);font-size:.85rem}.learn-sim__log-wrap{min-width:0}.learn-sim__log{gap:.25rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.learn-sim__log li{border-left:3px solid var(--line-strong);background:var(--surface-2);overflow-wrap:anywhere;border-radius:3px;padding:.3rem .5rem}.learn-sim__log li.learn-sim__ok{border-left-color:var(--success)}.learn-sim__log li.learn-sim__no{border-left-color:var(--danger)}.learn-sim__mark{font-weight:700}.learn-sim__ok .learn-sim__mark{color:var(--success)}.learn-sim__no .learn-sim__mark{color:var(--danger)}.learn-run{border-top:1px dashed var(--line);background:var(--surface);gap:.5rem;padding:.75rem .9rem;display:grid}.learn-run__bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.learn-run__note{color:var(--text-2);max-width:72ch;margin:0;font-size:.85rem}.learn-run__status{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:.9rem}.learn-run__status:empty,.learn-exercise__status:empty,.learn-quiz__feedback:empty,.learn-quiz__score:empty{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.learn-run__result{gap:.35rem;display:grid}.learn-run__out{max-height:24rem;margin:0;overflow:auto}.learn-run__err{color:var(--danger)}.learn-run__sys{color:var(--text-2);font-style:italic}.learn-run__editor{margin:0}.learn-editor{display:grid}.learn-editor__text{resize:vertical;width:100%;min-height:9rem}.learn-editor__host{resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);height:clamp(12rem,40vh,26rem);min-height:9rem;overflow:hidden}.learn-editor__host:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent)}.learn-editor__hint{color:var(--text-2);margin:.35rem 0 0;font-size:.82rem}.learn-exercise{border:1px solid var(--line);border-left:4px solid var(--cat-developer);border-radius:var(--radius-l);background:var(--surface);gap:.8rem;min-width:0;margin:1.75rem 0;padding:1.1rem 1.15rem 1.2rem;display:grid}.learn-exercise>*,.learn-exercise__panel>*{min-width:0}.learn-exercise__head{gap:.25rem;display:grid}.learn-exercise__kicker{color:var(--text-2);align-items:center;gap:.4rem;margin:0;font-size:.85rem;font-weight:650;display:flex}.learn-exercise__title{overflow-wrap:anywhere;margin:0;font-size:1.15rem}.learn-exercise__prompt{max-width:72ch}.learn-exercise__label{color:var(--text-2);margin:0 0 .35rem;font-size:.85rem;font-weight:650}.learn-exercise__file{font-family:var(--font-mono);overflow-wrap:anywhere;font-weight:600}.learn-exercise__panel{gap:.5rem;min-width:0;display:grid}.learn-exercise__code{min-width:0}.learn-exercise__pre,.learn-quiz__code{tab-size:4;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);margin:0;padding:.8rem .9rem;font-size:.86rem;line-height:1.55;overflow-x:auto}.learn-exercise__pre:focus-visible,.learn-quiz__code:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.learn-exercise__tests>summary,.learn-exercise__hint>summary,.learn-exercise__printed>summary{cursor:pointer;padding:.2rem 0;font-weight:650}.learn-exercise__tests[open]>summary,.learn-exercise__hint[open]>summary{margin-bottom:.4rem}.learn-exercise__hint .learn-md{border-radius:var(--radius-s);background:var(--surface-2);padding:.6rem .8rem}.learn-exercise__langs{border:1px solid var(--line);border-radius:var(--radius-s);flex-wrap:wrap;gap:.4rem 1rem;margin:0;padding:.4rem .7rem;display:flex}.learn-exercise__langs legend{color:var(--text-2);padding:0 .3rem;font-size:.85rem;font-weight:650}.learn-exercise__lang-choice{align-items:center;gap:.35rem;min-height:2.75rem;display:inline-flex}.learn-exercise__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.learn-exercise__status{overflow-wrap:anywhere;margin:0}.learn-exercise__results{gap:.5rem;display:grid}.learn-exercise__results-title{margin:0;font-size:1rem}.learn-exercise__results-title:focus{outline:3px solid var(--focus);outline-offset:3px;border-radius:3px}.learn-exercise__summary{border-left:4px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface-2);overflow-wrap:anywhere;margin:0;padding:.5rem .75rem}.learn-exercise__summary[data-status=pass]{border-left-color:var(--success)}.learn-exercise__summary[data-status=fail],.learn-exercise__summary[data-status=error],.learn-exercise__summary[data-status=timeout]{border-left-color:var(--danger)}.learn-exercise__table-wrap{max-width:100%;overflow-x:auto}.learn-exercise__table-wrap:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.learn-exercise__table{border-collapse:collapse;width:100%;font-size:.92rem}.learn-exercise__table th,.learn-exercise__table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.45rem .55rem}.learn-exercise__table thead th{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.learn-exercise__table tbody th{overflow-wrap:anywhere;font-weight:600}.learn-exercise__result{white-space:nowrap;font-weight:650}.learn-exercise__result--pass{color:var(--success)}.learn-exercise__result--fail,.learn-exercise__result--error,.learn-exercise__result--timeout{color:var(--danger)}.learn-exercise__detail{font-family:var(--font-mono);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.82rem}.learn-exercise__mark{text-align:center;min-width:1.1em;display:inline-block}.learn-exercise__history{color:var(--text-2);margin:0;font-size:.88rem}.learn-exercise__note{color:var(--text-2);max-width:72ch;margin:0;font-size:.85rem}.learn-exercise__editor{min-width:0}.learn-md{gap:.6rem;display:grid}.learn-md>*{margin:0}.learn-md ul,.learn-md ol{gap:.25rem;padding-left:1.3rem;display:grid}.learn-md__code{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2);font-family:var(--font-mono);margin:0;padding:.6rem .8rem;font-size:.85rem;line-height:1.5;overflow-x:auto}.learn-md__code:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.learn-quiz{gap:.9rem;margin:2.25rem 0 1rem;display:grid}.learn-quiz>h2,.learn-quiz>h3{margin:0}.learn-quiz__intro{color:var(--text-2);max-width:72ch;margin:0}.learn-quiz__list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.learn-quiz__item{min-width:0}.learn-quiz__q{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);gap:.6rem;min-width:0;padding:1rem 1.1rem;display:grid}.learn-quiz__q.is-answered-right{border-color:var(--success)}.learn-quiz__q.is-answered-wrong{border-color:var(--danger)}.learn-quiz__fieldset{border:0;gap:.55rem;min-width:0;margin:0;padding:0;display:grid}.learn-quiz__q>*,.learn-quiz__fieldset>*{min-width:0}.learn-quiz__legend{gap:.2rem;max-width:72ch;padding:0;font-weight:650;display:grid}.learn-quiz__num{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:700}.learn-quiz__prompt{overflow-wrap:anywhere;font-size:1rem}.learn-quiz__hint{color:var(--text-2);margin:0;font-size:.85rem}.learn-quiz__choices{gap:.4rem;display:grid}.learn-quiz__choice{border:1px solid var(--line);border-radius:var(--radius-s);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.15rem .6rem;min-height:2.75rem;padding:.55rem .7rem;display:grid}.learn-quiz__choice:hover{border-color:var(--line-strong)}.learn-quiz__choice input{width:1.1rem;height:1.1rem;margin-top:.25rem}.learn-quiz__choice:focus-within{outline:3px solid var(--focus);outline-offset:2px}.learn-quiz__choice.is-right{border-color:var(--success);background:var(--success-bg)}.learn-quiz__choice.is-wrong{border-color:var(--danger);background:var(--danger-bg)}.learn-quiz__verdict{grid-column:2;font-size:.85rem;font-weight:650}.learn-quiz__verdict:empty{display:none}.learn-quiz__choice.is-right .learn-quiz__verdict{color:var(--success)}.learn-quiz__choice.is-wrong .learn-quiz__verdict{color:var(--danger)}.learn-quiz__out{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.88rem}.learn-quiz__numeric{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.learn-quiz__numeric .input{width:10rem;max-width:100%}.learn-quiz__order{gap:.4rem;margin:0;padding-left:1.4rem;display:grid}.learn-quiz__order label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .8rem;display:flex}.learn-quiz__order .select{width:auto;min-width:8.5rem}.learn-quiz__actions{gap:.5rem;display:flex}.learn-quiz__feedback{margin:0;font-weight:650}.learn-quiz__feedback[data-result=right]{color:var(--success)}.learn-quiz__feedback[data-result=wrong]{color:var(--danger)}.learn-quiz__answer>summary{cursor:pointer;color:var(--link);padding:.2rem 0;font-weight:600}.learn-quiz__answer-body{border-radius:var(--radius-s);background:var(--surface-2);gap:.5rem;margin-top:.4rem;padding:.6rem .8rem;display:grid}.learn-quiz__answer-body>*{margin:0}.learn-quiz__answer-body ul,.learn-quiz__answer-body ol{padding-left:1.3rem}.learn-quiz__score{margin:0;font-weight:650}@media (prefers-reduced-motion:reduce){.learn-quiz__choice,.learn-exercise__summary{transition:none}}
