/* Quantum Atlas v11: hardware panels, theory widgets, Practical Knowledge "real machines" section */
#hw10 .hint10{display:none}
#hw10 input,#hw10 input:focus,#real input,#real input:focus{outline:none;box-shadow:none}
#hw10 .dock11{position:absolute;z-index:6;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100vw - 220px - min(400px,34vw)));display:flex;flex-direction:column;gap:10px;pointer-events:none}
#hw10 .stg11,#hw10 .sig11,#hw10 .flw11{display:none;pointer-events:auto;padding:12px 14px;border-radius:18px;background:color-mix(in srgb,var(--bg2) 92%,transparent);border:2px solid var(--line2);box-shadow:0 16px 50px rgba(0,0,0,.45)}
#hw10 .stg11.on,#hw10 .sig11.on,#hw10 .flw11.on{display:block}
#hw10 .dock11 header{display:flex;align-items:center;gap:8px;margin-bottom:6px}#hw10 .dock11 header b{flex:1;font:800 .78rem var(--hd);letter-spacing:.14em;text-transform:uppercase;color:var(--b)}
#hw10 .dock11 .x{width:36px;height:36px;min-height:0;padding:0;border-radius:10px}
#hw10 .dock11 .pp{min-height:36px;padding:4px 12px;border-radius:10px}
#hw10 .sstep{font:800 .8rem var(--hd);color:var(--mut)}
#hw10 .stgnow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#hw10 .stgnow .sn{font:800 1.15rem var(--disp,var(--hd))}#hw10 .stgnow .st{font:800 1.5rem var(--hd);color:var(--b)}
#hw10 .therm{position:relative;display:grid;grid-template-columns:repeat(6,1fr);margin:10px 0 4px;padding-top:12px;border-top:6px solid transparent;border-image:linear-gradient(90deg,#f87171,#fbbf24,#34d399,#22d3ee,#3b82f6,#a78bfa) 1}
#hw10 .therm span{font:700 .72rem var(--hd);color:var(--mut);text-align:center}#hw10 .therm span.on{color:var(--txt)}
#hw10 .therm i{display:none}
.rg{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:10px;margin:8px 0;font:700 .85rem var(--hd);color:var(--txt2)}
.rg b{min-width:70px;text-align:right;color:var(--txt);font-weight:800}
.rg input[type=range]{width:100%;accent-color:var(--b);height:28px;margin:0;background:transparent}
#hw10 .sdesc,#hw10 .stx{margin:4px 0 0;color:var(--txt2);font-size:.92rem;line-height:1.5}
#hw10 .stt{margin:2px 0;font:800 1.05rem var(--disp,var(--hd))}
#hw10 .sbar{height:6px;margin:10px 0 6px;border-radius:9px;background:var(--line)}#hw10 .sbar i{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,#22d3ee 50%,#fbbf24 50%);background-size:200% 100%}
#hw10 .slg{display:flex;gap:14px;flex-wrap:wrap;font:700 .75rem var(--hd);color:var(--mut)}#hw10 .slg span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}#hw10 .slg .li::before{background:#22d3ee}#hw10 .slg .lo::before{background:#fbbf24}
#hw10 .th11{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,94vw);max-height:88vh;display:none;flex-direction:column;border-radius:22px;background:color-mix(in srgb,var(--bg2) 97%,transparent);border:2px solid var(--b);box-shadow:0 30px 90px rgba(0,0,0,.6);overflow:hidden}
#hw10 .th11.on{display:flex}
#hw10 .th11 header{display:flex;align-items:center;gap:10px;padding:14px 16px 6px}#hw10 .th11 header h3{flex:1;margin:0;font:700 1.3rem var(--disp,var(--hd))}#hw10 .th11 .x{width:40px;height:40px;padding:0;border-radius:12px}
#hw10 .thtabs{display:flex;gap:6px;padding:4px 16px 10px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
#hw10 .thtabs button{flex:none;min-height:40px;padding:6px 14px;border-radius:99px;border:2px solid var(--line2);background:transparent}
#hw10 .thtabs button[aria-selected=true]{background:var(--b);border-color:var(--b);color:#02111c}
#hw10 .thbody{padding:6px 18px 18px;overflow:auto;overscroll-behavior:contain;line-height:1.65}
#hw10 .thbody h4{margin:14px 0 4px;font:800 .8rem var(--hd);letter-spacing:.14em;text-transform:uppercase;color:var(--b)}
#hw10 .thbody p{margin:0 0 8px;color:var(--txt2)}
#hw10 .thbody .btns{margin-top:12px}#hw10 .thbody .btns button{min-height:46px;padding:8px 18px;border-radius:12px}
.kf{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:12px 0}.kf b{grid-column:1/-1;font:800 .8rem var(--hd);letter-spacing:.12em;text-transform:uppercase;color:var(--b)}
.kf span{padding:10px 12px;border-radius:12px;border:2px solid var(--line2);font-weight:700;font-size:.9rem}
/* diagrams */
.dg11{display:block;width:100%;max-width:560px;margin:10px auto;height:auto}
.dg11 .pad{fill:color-mix(in srgb,var(--b) 22%,transparent);stroke:var(--b);stroke-width:3}
.dg11 .wire{stroke:var(--txt);stroke-width:3;fill:none}.dg11 .jj{fill:var(--bg);stroke:var(--txt);stroke-width:3}
.dg11 .lbl{fill:var(--txt2);font:700 15px var(--hd);text-anchor:middle}.dg11 .lbl.s{text-anchor:start;font-size:17px}.dg11 .lbl.t{text-anchor:start;font-size:13px;fill:var(--mut)}
.dg11 .lev{stroke:var(--txt);stroke-width:3}.dg11 .arr{stroke-width:4;fill:none;stroke-linecap:round}.dg11 .arr.a{stroke:var(--b)}.dg11 .arr.b{stroke:var(--y);stroke-dasharray:6 5}
.dg11 .sc{fill:color-mix(in srgb,var(--c) 30%,transparent);stroke:var(--c);stroke-width:2}.dg11 .ox{fill:var(--y)}.dg11 .cp circle{fill:var(--b)}
/* widgets */
.w11{margin:12px 0;padding:14px;border-radius:16px;border:2px solid var(--line2);background:color-mix(in srgb,var(--bg) 60%,transparent)}
.w11 canvas{display:block;width:100%;height:auto;margin-top:6px}
.w11o{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.w11o div{padding:10px;border-radius:12px;background:var(--line)}.w11o small{display:block;font-size:.75rem;color:var(--mut);line-height:1.3}.w11o b{display:block;margin-top:4px;font:800 1.15rem var(--hd)}
.w11o .ok{color:var(--g)}.w11o .no{color:var(--r)}
.tb11{position:relative;height:12px;border-radius:9px;background:var(--line);overflow:hidden}.tb11 .pb{display:block;height:100%;max-width:100%;background:linear-gradient(90deg,var(--g),var(--y),var(--r))}
.tb11.big{height:38px;border-radius:12px}.tb11.big .pb{background:linear-gradient(90deg,var(--a),var(--b))}.tb11.big b{position:absolute;inset:0;display:grid;place-items:center;font:800 .95rem var(--hd);color:var(--txt);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.lg11{display:flex;gap:16px;flex-wrap:wrap;font:700 .8rem var(--hd);color:var(--mut)}.lg11 span::before{content:'';display:inline-block;width:18px;height:4px;margin-right:6px;vertical-align:3px;border-radius:2px}.lg11 .l1::before{background:var(--b)}.lg11 .l2::before{background:var(--y)}
.w11n{margin:8px 0 0;color:var(--txt2);font-size:.95rem}
@media (max-width:819px){
 #hw10 .dock11{left:8px;right:8px;width:auto;transform:none;top:calc(max(10px,env(safe-area-inset-top)) + 60px);bottom:auto}
 #hw10 .stg11,#hw10 .sig11{padding:10px 12px}#hw10 .sdesc{display:none}#hw10 .stx{font-size:.85rem}
 .rg{grid-template-columns:76px 1fr auto}.w11o{grid-template-columns:1fr}
}
@media (max-height:500px) and (orientation:landscape){#hw10 .dock11{top:56px;bottom:auto;left:8px;transform:none;width:min(380px,46vw)}#hw10 .sdesc,#hw10 .slg{display:none}}
/* ---------- Practical Knowledge: real machines section ---------- */
#real{max-width:1060px}
#real .rhead{position:relative;margin:10px 0 22px;padding:26px 24px;border-radius:24px;overflow:hidden;border:2px solid var(--line2);background:linear-gradient(120deg,color-mix(in srgb,var(--a) 30%,var(--bg2)),color-mix(in srgb,var(--b) 14%,var(--bg2)) 60%,var(--bg2))}
#real .rhead svg.trace{position:absolute;right:-20px;top:-10px;width:min(460px,70%);height:auto;opacity:.5;pointer-events:none}
#real .rhead .trace path{fill:none;stroke:var(--b);stroke-width:3}#real .rhead .trace circle{fill:var(--bg2);stroke:var(--b);stroke-width:3}
#real .rhead p{position:relative;max-width:620px;margin:0;font-size:1.1rem;line-height:1.65;color:var(--txt)}
#real .rhead .stats{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#real .rhead .stats span{padding:8px 14px;border-radius:12px;background:color-mix(in srgb,var(--bg) 70%,transparent);border:2px solid var(--line2);font:800 .9rem var(--hd)}#real .rhead .stats b{color:var(--b);margin-right:6px}
#real .rcard{position:relative;margin:0 0 18px;padding:20px 20px 18px 26px;border-radius:20px;background:var(--glass);border:2px solid var(--line);overflow:hidden}
#real .rcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,var(--a),var(--b))}
#real .rcard h3{display:flex;align-items:center;gap:12px;margin:0 0 10px;font:700 clamp(1.1rem,2.4vw,1.4rem) var(--disp,var(--hd))}
#real .rcard h3 .n{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--b);color:#02111c;font:800 1rem var(--hd)}
#real .rcard p{color:var(--txt2);line-height:1.7;margin:0 0 10px}
#real .pipe{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0 6px;counter-reset:pp}
#real .pipe div{position:relative;padding:14px 12px;border-radius:14px;background:color-mix(in srgb,var(--b) 10%,var(--bg2));border:2px solid var(--line2);font-size:.88rem;line-height:1.45;color:var(--txt2)}
#real .pipe div b{display:block;margin-bottom:4px;font:800 .98rem var(--hd);color:var(--txt)}
#real .pipe div::before{counter-increment:pp;content:counter(pp);display:block;font:800 1.6rem var(--hd);color:var(--b);line-height:1}
#real .pipe div:not(:last-child)::after{content:'→';position:absolute;right:-12px;top:50%;transform:translateY(-50%);z-index:1;font:800 1.1rem var(--hd);color:var(--b)}
#real .types{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:12px}
#real .types article{padding:14px;border-radius:16px;background:var(--bg2);border:2px solid var(--line2)}
#real .types h4{margin:0 0 2px;font:800 1.02rem var(--hd)}#real .types .who{margin:0 0 8px;font-size:.8rem;color:var(--mut);font-weight:700}
#real .types dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:.86rem}#real .types dt{font-weight:800;color:var(--b)}#real .types dd{margin:0;color:var(--txt2)}
#real .tw2{overflow-x:auto}#real table{width:100%;border-collapse:collapse;font-size:.92rem}#real th,#real td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left}#real th{font:800 .78rem var(--hd);letter-spacing:.1em;text-transform:uppercase;color:var(--b)}
#real .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#real .gohw{min-height:48px;padding:10px 20px;border-radius:14px;border:none;background:linear-gradient(100deg,var(--a),var(--b));color:#fff;font-weight:800}
@media (max-width:820px){#real .pipe{grid-template-columns:1fr 1fr}#real .pipe div::after{display:none}#real .two{grid-template-columns:1fr}#real .rcard{padding:16px 14px 14px 20px}}
#hw10 canvas.gl:focus,#hw10 canvas.gl:focus-visible{outline:none!important}
/* v12: helium flow panel */
#hw10 .fwrap{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:start}
#hw10 .mxcv{width:100%;height:auto;border-radius:12px;background:#0b1626}
#hw10 .ftx h4{margin:0 0 4px;font:800 1rem var(--disp,var(--hd))}#hw10 .ftx p{margin:0 0 6px;font-size:.86rem;line-height:1.5;color:var(--txt2)}
#hw10 .slg .h3::before{background:#3fa9ff}#hw10 .slg .h4::before{background:#c084fc}#hw10 .slg .hg::before{background:#e6edf5}
#hw10 .flw11 .slg{margin-top:8px}
@media (max-width:819px){#hw10 .fwrap{grid-template-columns:120px 1fr}#hw10 .ftx p+p{display:none}}
/* v14: layered theory cards, TOC, comparisons, latest research */
.toc12{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.toc12 a{padding:6px 12px;border-radius:999px;border:1px solid var(--line,#2a3a5a);color:var(--txt,#eaf2ff);text-decoration:none;font-size:.88rem;background:rgba(34,211,238,.06)}.toc12 a:hover{border-color:var(--b,#22d3ee)}
.rcard .lay{position:relative;margin:14px 0;padding:4px 0 4px 16px;border-left:3px solid var(--line,#2a3a5a)}
.rcard .lay h4{margin:0 0 6px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut,#94a9cc)}
.rcard .lay:nth-of-type(1){border-color:#34d399}.rcard .lay:nth-of-type(1) h4{color:#34d399}
.rcard .lay:nth-of-type(2){border-color:var(--b,#22d3ee)}.rcard .lay:nth-of-type(2) h4{color:var(--b,#22d3ee)}
.rcard .lay:nth-of-type(3){border-color:#a78bfa}.rcard .lay:nth-of-type(3) h4{color:#a78bfa}
.rcard pre{overflow:auto;padding:12px;border-radius:10px;background:rgba(0,0,0,.35);font-size:.82rem;line-height:1.45}
.cmp12{display:grid;gap:10px;margin:10px 0}.cmp12>div{display:grid;grid-template-columns:200px 1fr 120px;align-items:center;gap:10px}.cmp12 i{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--b,#22d3ee),#a78bfa)}.cmp12 span{font-size:.9rem}
.lr12{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.lr12 article{padding:16px;border-radius:14px;border:1px solid var(--line,#2a3a5a);background:rgba(255,255,255,.03)}.lr12 h4{margin:6px 0}.lr12 .dt{font-size:.75rem;color:var(--y,#fbbf24);letter-spacing:.05em;text-transform:uppercase}.lr12 .who{color:var(--mut,#94a9cc);font-size:.88rem;margin:0}
#ft .rhead,#latest .intro{margin-bottom:18px}
.sc12 .f{fill:rgba(148,169,204,.10);stroke:var(--line,#2a3a5a)}.sc12 .f.x{fill:rgba(34,211,238,.14)}.sc12 .f.z{fill:rgba(251,191,36,.14)}.sc12 .f.on{fill:#f43f5e;fill-opacity:.55}
.sc12 .dq circle{fill:#0d1729;stroke:var(--txt,#eaf2ff);stroke-width:2;cursor:pointer}.sc12 .dq circle.err{fill:#f43f5e}.sc12 text{fill:var(--txt,#eaf2ff);font:700 15px Inter,sans-serif;text-anchor:middle;pointer-events:none}
.mc line{stroke:var(--mut,#94a9cc);stroke-width:3}.mc line.cut{stroke:#f43f5e;stroke-width:5;stroke-dasharray:8 5}.mc .nd circle{cursor:pointer;stroke:#fff;stroke-width:2}.mc .nd.a circle{fill:var(--b,#22d3ee)}.mc .nd.b circle{fill:var(--y,#fbbf24)}.mc text{fill:#0b1220;font:800 15px Inter,sans-serif;text-anchor:middle;pointer-events:none}
.bars12{display:grid;gap:8px}.bars12>div{display:grid;grid-template-columns:150px 1fr 60px;gap:10px;align-items:center}.bars12 i{display:block;height:12px;border-radius:6px;background:var(--b,#22d3ee);transition:width .2s}.eq12{font-size:1.05rem}
.cl.ok{color:#34d399}.cl.no{color:#f43f5e}
@media(max-width:640px){.cmp12>div,.bars12>div{grid-template-columns:1fr}.rcard .lay{padding-left:12px}}

/* v14: #real styles shared by #ft and #latest */
#ft input,#ft input:focus,#latest input,#latest input:focus{outline:none;box-shadow:none}
/* ---------- Practical Knowledge: real machines section ---------- */
#ft,/* ---------- Practical Knowledge: real machines section ---------- */
#latest{max-width:1060px}
#ft .rhead,#latest .rhead{position:relative;margin:10px 0 22px;padding:26px 24px;border-radius:24px;overflow:hidden;border:2px solid var(--line2);background:linear-gradient(120deg,color-mix(in srgb,var(--a) 30%,var(--bg2)),color-mix(in srgb,var(--b) 14%,var(--bg2)) 60%,var(--bg2))}
#ft .rhead svg.trace,#latest .rhead svg.trace{position:absolute;right:-20px;top:-10px;width:min(460px,70%);height:auto;opacity:.5;pointer-events:none}
#ft .rhead .trace path,#latest .rhead .trace path{fill:none;stroke:var(--b);stroke-width:3}
#ft .rhead .trace circle,#latest .rhead .trace circle{fill:var(--bg2);stroke:var(--b);stroke-width:3}
#ft .rhead p,#latest .rhead p{position:relative;max-width:620px;margin:0;font-size:1.1rem;line-height:1.65;color:var(--txt)}
#ft .rhead .stats,#latest .rhead .stats{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#ft .rhead .stats span,#latest .rhead .stats span{padding:8px 14px;border-radius:12px;background:color-mix(in srgb,var(--bg) 70%,transparent);border:2px solid var(--line2);font:800 .9rem var(--hd)}
#ft .rhead .stats b,#latest .rhead .stats b{color:var(--b);margin-right:6px}
#ft .rcard,#latest .rcard{position:relative;margin:0 0 18px;padding:20px 20px 18px 26px;border-radius:20px;background:var(--glass);border:2px solid var(--line);overflow:hidden}
#ft .rcard::before,#latest .rcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,var(--a),var(--b))}
#ft .rcard h3,#latest .rcard h3{display:flex;align-items:center;gap:12px;margin:0 0 10px;font:700 clamp(1.1rem,2.4vw,1.4rem) var(--disp,var(--hd))}
#ft .rcard h3 .n,#latest .rcard h3 .n{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--b);color:#02111c;font:800 1rem var(--hd)}
#ft .rcard p,#latest .rcard p{color:var(--txt2);line-height:1.7;margin:0 0 10px}
#ft .pipe,#latest .pipe{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0 6px;counter-reset:pp}
#ft .pipe div,#latest .pipe div{position:relative;padding:14px 12px;border-radius:14px;background:color-mix(in srgb,var(--b) 10%,var(--bg2));border:2px solid var(--line2);font-size:.88rem;line-height:1.45;color:var(--txt2)}
#ft .pipe div b,#latest .pipe div b{display:block;margin-bottom:4px;font:800 .98rem var(--hd);color:var(--txt)}
#ft .pipe div::before,#latest .pipe div::before{counter-increment:pp;content:counter(pp);display:block;font:800 1.6rem var(--hd);color:var(--b);line-height:1}
#ft .pipe div:not(:last-child)::after,#latest .pipe div:not(:last-child)::after{content:'→';position:absolute;right:-12px;top:50%;transform:translateY(-50%);z-index:1;font:800 1.1rem var(--hd);color:var(--b)}
#ft .types,#latest .types{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:12px}
#ft .types article,#latest .types article{padding:14px;border-radius:16px;background:var(--bg2);border:2px solid var(--line2)}
#ft .types h4,#latest .types h4{margin:0 0 2px;font:800 1.02rem var(--hd)}
#ft .types .who,#latest .types .who{margin:0 0 8px;font-size:.8rem;color:var(--mut);font-weight:700}
#ft .types dl,#latest .types dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:.86rem}
#ft .types dt,#latest .types dt{font-weight:800;color:var(--b)}
#ft .types dd,#latest .types dd{margin:0;color:var(--txt2)}
#ft .tw2,#latest .tw2{overflow-x:auto}
#ft table,#latest table{width:100%;border-collapse:collapse;font-size:.92rem}
#ft th,#ft td,#latest th,#latest td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left}
#ft th,#latest th{font:800 .78rem var(--hd);letter-spacing:.1em;text-transform:uppercase;color:var(--b)}
#ft .two,#latest .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#ft .gohw,#latest .gohw{min-height:48px;padding:10px 20px;border-radius:14px;border:none;background:linear-gradient(100deg,var(--a),var(--b));color:#fff;font-weight:800}
#ft .pipe,#latest .pipe{grid-template-columns:1fr 1fr}
#ft .pipe div::after,#latest .pipe div::after{display:none}
#ft .two,#latest .two{grid-template-columns:1fr}
#ft .rcard,#latest .rcard{padding:16px 14px 14px 20px}
.two11{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:20px;align-items:center}
.two11>svg,.two11>canvas{width:100%;max-width:320px;height:auto;justify-self:center}
.w11o.one{grid-template-columns:1fr}.mc12{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line,#2a3a5a)}
.gb12 button{min-width:48px;font-weight:800}
.rcard .lay p{margin:.4em 0}
@media(max-width:700px){.two11{grid-template-columns:1fr}}
.lr12 .vl{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.03em;vertical-align:middle}.lr12 .vl.peer{background:rgba(52,211,153,.15);color:#34d399}.lr12 .vl.pre{background:rgba(251,191,36,.15);color:#fbbf24}.lr12 .vl.ann{background:rgba(148,169,204,.18);color:#c7d4ea}
.typ11{margin-top:12px;font-size:.8rem;color:var(--mut,#94a9cc);font-style:italic}
.tp12{width:100%;height:auto;margin:10px 0;background:rgba(0,0,0,.18);border-radius:12px}.tp12 line{stroke:var(--mut,#94a9cc);stroke-width:2}.tp12 line.w{stroke-width:2.5}.tp12 .cl{fill:none;stroke:var(--y,#fbbf24);stroke-width:2;stroke-dasharray:5 4}
.tp12 .ql{fill:var(--txt,#eaf2ff);font:600 12px Inter,sans-serif}.tp12 .g{fill:#13243d;stroke:var(--mut,#94a9cc);stroke-width:2}.tp12 .g.dn{stroke:var(--b,#22d3ee)}.tp12 .g.on{fill:var(--b,#22d3ee);stroke:#fff}.tp12 circle.g:not(.o){fill:var(--mut,#94a9cc)}.tp12 circle.g.on:not(.o),.tp12 circle.g.dn:not(.o){fill:var(--b,#22d3ee)}
.tp12 .gt{fill:var(--txt,#eaf2ff);font:800 14px Inter,sans-serif;text-anchor:middle;pointer-events:none}
[data-w12=teleport] tr.z{opacity:.35}[data-w12=teleport] td i{display:inline-block;height:8px;margin-right:6px;border-radius:4px;background:var(--b,#22d3ee);vertical-align:middle;max-width:60px}
.flw11 .fl11{margin:6px 0 8px;padding-left:20px;font-size:.86rem;line-height:1.45}.flw11 .fl11 li{margin:3px 0}.flw11 .ftx{max-height:300px;overflow:auto}
/* v16: viewport-only rendering. Off-screen sections and big cards skip layout/paint until near the viewport. */
main .sec:not(#sim),#chap~.sec{content-visibility:auto;contain-intrinsic-size:auto 1600px}
.rcard,.lr12 article{content-visibility:auto;contain-intrinsic-size:auto 700px}
@media(max-width:700px){main .sec:not(#sim){contain-intrinsic-size:auto 2600px}.rcard{contain-intrinsic-size:auto 1100px}}