.hs-paper>.reader-playback,.hs-paper>.playback-sentinel,.hs-paper>.drawing-viewport,body:has(.hs-paper) .mode,body:has(.hs-paper) .legend,.hs-paper [data-hs=play]{display:none!important}
.hs-lesson{--hs-blue:#245bce;--hs-surface:#f3f7ff;--hs-line:#99afd0;--hs-red:#9d3934;--hs-paper:#fff;font:15px/1.6 system-ui;color:var(--ink,#193653)}
.hs-lesson [hidden]{display:none!important}.hs-focus{padding:6px 14px 10px;min-width:0;max-width:920px;margin:auto;overflow-wrap:anywhere}.hs-focus h3{font-size:19px;margin:0 0 12px}.hs-focus p{margin:10px 0}.hs-lesson .spf-controls{display:flex;gap:8px}.hs-lesson .spf-controls button{flex:0 0 auto;min-height:44px}.hs-lesson [data-hs=next]{background:var(--hs-blue);color:#fff}.hs-lesson [data-hs=restart]{margin-left:auto;width:44px;font-size:22px}.hs-lesson .reader-playback,.hs-lesson .ts-experiment{background:var(--hs-paper);color:inherit}
.hs-exchange,.hs-compare,.hs-gates,.hs-route,.hs-upstream,.hs-connection{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.8fr) minmax(0,1fr);align-items:center;gap:14px;padding:12px 0}.hs-object{display:grid;gap:6px;padding:16px 12px;border:2px solid var(--hs-line);background:var(--hs-paper);min-width:0;overflow-wrap:anywhere}.hs-object b{font-size:16px}.hs-object span{font-size:14px}.hs-browser{border-top:12px solid var(--hs-blue)}.hs-server{border-style:double;border-width:4px}.hs-page{border-left:8px solid var(--hs-blue);box-shadow:4px 4px 0 var(--hs-surface)}.hs-arrow{display:grid;gap:4px;text-align:center;color:var(--hs-blue);font-size:13px;min-width:0}.hs-arrow i{font-style:normal;font-size:42px;line-height:1}.hs-message{border-left:3px solid var(--hs-blue);padding:10px 14px;background:var(--hs-surface);margin:10px 0;font-size:13px}.hs-message pre{font:14px/1.65 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.hs-response{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:12px 0;border-block:1px solid var(--hs-line)}.hs-number{font-size:48px;font-weight:750;line-height:1.25;color:var(--hs-blue);font-variant-numeric:tabular-nums;display:grid;max-width:220px}.hs-number span{font-size:17px;font-weight:600}.hs-response[data-family="4"] .hs-number,.hs-response[data-family="5"] .hs-number{color:var(--hs-red)}.hs-effect,.hs-cause{border-left:4px solid var(--hs-blue);padding:12px;background:var(--hs-surface)}.hs-effect b{font-size:19px}.hs-effect p{margin:4px 0}.hs-stop{border-color:var(--hs-red)}.hs-pass{border-color:#34845c}
.hs-file{display:flex;gap:3px;margin:14px 0}.hs-file>div{flex:1;min-width:0;text-align:center;display:grid;border:1px solid var(--hs-line);padding:10px 0}.hs-file small{font-size:12px}.hs-file b{font:20px/1.6 ui-monospace,monospace}.hs-lit{background:var(--hs-blue);color:#fff}.hs-slots{display:flex;gap:10px;flex-wrap:wrap}.hs-slots span{display:grid;flex:1;min-width:65px;padding:10px;border:2px solid var(--hs-line);text-align:center}.hs-slots b{font-size:24px}.hs-used{background:var(--hs-surface)}.hs-slots .hs-blocked{border-color:var(--hs-red);border-style:dashed}.hs-queue{display:flex;align-items:center;gap:10px;border-bottom:8px solid var(--hs-line);padding:12px}.hs-queue span{padding:14px;background:var(--hs-surface)}.hs-timeline{display:grid;gap:12px;border-left:3px solid var(--hs-blue);padding:0 0 0 24px;list-style:none}.hs-timeline li{display:grid;gap:4px;position:relative}.hs-timeline li:before{content:'';width:10px;height:10px;background:var(--hs-blue);position:absolute;left:-30px;top:7px}.hs-timeline span{font-size:14px}.hs-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hs-gates:has(>.hs-object:nth-child(3)):not(:has(.hs-arrow)){grid-template-columns:repeat(3,minmax(0,1fr))}
.hs-case-label{display:grid;gap:4px;font-weight:650;max-width:420px}.hs-lesson select,.hs-directory input{min-height:44px;max-width:100%;width:100%;font:14px system-ui;color:inherit;background:var(--hs-paper);border:1px solid var(--hs-line);border-radius:4px;padding:8px}.hs-predict{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:12px}.hs-predict label{display:grid;gap:4px;flex:1 1 230px}.hs-predict button,.hs-filters button{min-height:44px;background:var(--hs-paper);border:1px solid var(--hs-line);border-radius:4px;color:inherit;font:14px system-ui;padding:8px 12px;cursor:pointer}.hs-predict button:disabled{opacity:.5;cursor:default}.hs-feedback:empty{display:none}.hs-limit{font-size:12px;line-height:1.7;color:var(--muted,#526985)}.hs-directory{padding:12px 14px;border-top:1px solid var(--hs-line)}.hs-directory h3{margin:0 0 6px;font-size:19px}.hs-directory p{margin:8px 0}.hs-directory label{display:grid;gap:4px;max-width:440px}.hs-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hs-filters [aria-pressed=true]{background:var(--hs-blue);color:#fff}.hs-code-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.hs-code-list article{border-bottom:1px solid var(--hs-line);padding:8px 0;min-width:0}.hs-code-list a{display:block;min-height:44px;padding:8px 0;overflow-wrap:anywhere}.hs-code-list b{font:700 17px ui-monospace,monospace;margin-right:8px}.hs-code-list p{font-size:12px}.hs-lesson :is(button,select,input):focus-visible{outline:3px solid var(--hs-blue);outline-offset:3px}
@media(max-width:650px){.hs-focus{padding:6px 10px 8px}.hs-exchange,.hs-compare,.hs-gates,.hs-route,.hs-upstream,.hs-connection{grid-template-columns:1fr;gap:8px;padding:6px 0}.hs-object{padding:10px 12px}.hs-arrow{display:flex;align-items:center;justify-content:center;gap:8px}.hs-arrow i{font-size:28px;transform:rotate(90deg)}.hs-arrow.hs-left i{transform:rotate(90deg)}.hs-response{gap:12px}.hs-number{font-size:36px;max-width:130px}.hs-number span{font-size:15px}.hs-response p{font-size:14px}.hs-shelf,.hs-gates:has(>.hs-object:nth-child(3)):not(:has(.hs-arrow)){grid-template-columns:1fr}.hs-directory{padding:10px}.hs-code-list{grid-template-columns:1fr}.hs-file{gap:2px}.hs-file b{font-size:16px}.hs-file>div{padding:6px 0}.hs-queue{flex-wrap:wrap}.hs-queue span{padding:8px}.hs-message pre{font-size:13px}}
html[data-theme=dark] .hs-lesson{--hs-blue:#a6c6ff;--hs-surface:#172d49;--hs-line:#59779f;--hs-red:#ffb1a8;--hs-paper:#102039;color:#e0eaff}html[data-theme=dark] .hs-lesson [data-hs=next],html[data-theme=dark] .hs-filters [aria-pressed=true],html[data-theme=dark] .hs-lit{color:#102039}.hs-lesson .reader-playback[data-pinned=true]{border-radius:0}
@media(prefers-reduced-motion:reduce){.hs-lesson *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.hs-directory>summary{font-weight:700;font-size:18px;cursor:pointer;min-height:44px;padding:8px 0}.status-topic{font-size:16px}

.hs-file .hs-requested{background:var(--hs-surface);border:2px solid var(--hs-blue)}
html[data-theme=dark] .hs-lesson .spf-caption,html[data-theme=dark] .hs-lesson .spf-caption strong,html[data-theme=dark] .hs-lesson .spf-caption p{color:#e0eaff}