/* Halaman Belajar (analisis teknikal) */
html:not([lang="en"]) .l-en{display:none!important}
html[lang="en"] .l-id{display:none!important}
.bl-progress{display:flex;align-items:baseline;gap:8px;font-size:14px}
.bl-progress .mono{font-size:28px;color:var(--aqua)}
.bl-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.bl-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;font-size:14px}
.bl-toc a{display:flex;gap:10px;padding:8px 10px;border-radius:10px;color:var(--nav);line-height:1.35}
.bl-toc a .n{font-family:var(--mono);font-size:12px;color:var(--muted);min-width:20px;padding-top:2px}
.bl-toc a:hover,.bl-toc a.on{background:var(--surface);color:var(--text)}
.bl-toc a.on .n{color:var(--aqua)}
.bl-toc a.done .n::after{content:" ✓";color:var(--aqua)}
.bl-main{display:flex;flex-direction:column;gap:72px;min-width:0}
.bl-mod{scroll-margin-top:96px}
.bl-mh{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}
.bl-num{font-family:var(--mono);font-size:14px;color:var(--bg);background:var(--aqua);border-radius:8px;padding:6px 9px;margin-top:6px}
.bl-title{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.1;margin:0}
.bl-lead{margin:8px 0 0;color:var(--muted);font-size:17px}
.bl-body{font-size:16px;line-height:1.7;max-width:780px}
.bl-body p{margin:0 0 14px}.bl-body ul{margin:0 0 14px;padding-left:20px}.bl-body li{margin:4px 0}
.bl-body b{color:var(--text);font-weight:600}
.formula{font-family:var(--mono);font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 16px;display:inline-block}
.bl-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.bl-fig{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px}
.bl-fig.wide{grid-column:1 / -1}
.bl-fig .cap{font-size:13px;color:var(--muted);margin-top:8px}
.bl-svg{width:100%;height:auto;display:block}
.bl-svg text{font-family:var(--sans)}
.bl-svg .mu{fill:var(--muted)}.bl-svg .up{fill:var(--aqua)}.bl-svg .dn{fill:var(--bear)}.bl-svg .ac{fill:var(--aqua-hi)}.bl-svg .tt{fill:var(--text);font-weight:600}
.bl-svg line.mu,.bl-svg line.ln{stroke:var(--muted);stroke-width:1}
.bl-svg line.up{stroke:var(--aqua);stroke-width:1.5}.bl-svg line.dn{stroke:var(--bear);stroke-width:1.5}.bl-svg line.ac{stroke:var(--aqua-hi);stroke-width:1.5}
.bl-svg line.grid{stroke:var(--line);stroke-width:1}
.bl-svg .wick.up{stroke:var(--aqua)}.bl-svg .wick.dn{stroke:var(--bear)}.bl-svg .wick{stroke-width:1.2}
.bl-svg rect.body.up{fill:var(--aqua)}.bl-svg rect.body.dn{fill:var(--bear)}
.bl-svg .path{fill:none;stroke:var(--text);stroke-width:2;stroke-linejoin:round}.bl-svg .path.thin{stroke-width:1.2;opacity:.6}
.bl-svg .ma1{fill:none;stroke:#E8C547;stroke-width:1.6}.bl-svg .ma2{fill:none;stroke:#9B8CFF;stroke-width:1.6}
.bl-svg .lg.ma1b{fill:#E8C547}.bl-svg .lg.ma2b{fill:#9B8CFF}
.bl-svg .bb{fill:none;stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
.bl-svg .rsi{fill:none;stroke:var(--aqua-hi);stroke-width:1.5}
.bl-svg .zn{fill:rgba(62,198,224,.10)}.bl-svg .zn2{fill:rgba(232,197,71,.12)}
.bl-svg .arr{stroke-width:1.5}.bl-svg line.arr.mu{stroke:var(--muted)}.bl-svg line.arr.dn{stroke:var(--bear)}.bl-svg line.arr.ac{stroke:var(--aqua-hi)}
.bl-svg polygon.fillc.mu{fill:var(--muted)}.bl-svg polygon.fillc.dn{fill:var(--bear)}.bl-svg .fillc.ac{fill:var(--aqua-hi)}
.bl-svg .bar.dnf{fill:var(--bear);opacity:.8}.bl-svg .bar.upf{fill:var(--aqua);opacity:.8}
.bl-svg .tier{fill:var(--bg-2);stroke:var(--line-2)}.bl-svg .tier.t0{stroke:var(--aqua)}
.bl-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.bl-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-size:14px;line-height:1.6}
.bl-box .tag{display:block;margin-bottom:6px}
.bl-box.res{border-top:2px solid var(--muted)}.bl-box.gold{border-top:2px solid #E8C547}.bl-box.warn{border-top:2px solid var(--bear)}
.bl-done{display:inline-flex;gap:8px;align-items:center;margin-top:18px;font-size:14px;color:var(--muted);cursor:pointer}
.bl-done input{accent-color:var(--aqua);width:18px;height:18px}
.bl-src{padding:28px}.bl-src ol{padding-left:20px;font-size:14px;line-height:1.7}.bl-src a{word-break:break-all}
@media (max-width:980px){.bl-layout{grid-template-columns:1fr}.bl-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bl-boxes{grid-template-columns:1fr}}
@media (max-width:640px){.bl-figs{grid-template-columns:1fr}.bl-toc{grid-template-columns:1fr}.bl-mh{gap:12px}.bl-main{gap:56px}}
.bl-progress{flex-wrap:wrap}.bl-progress .mono{white-space:nowrap}

/* quiz-glosarium-v1 */
.bl-quiz{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.bl-qh{font-family:var(--mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.bl-qs{margin-left:auto;color:var(--aqua)}
.bl-q{padding:12px 0;border-top:1px solid var(--line)}.bl-q:first-of-type{border-top:0}
.bl-qt{margin:0 0 8px;font-size:15px;line-height:1.5}
.bl-opts{display:flex;flex-direction:column;gap:8px}
.bl-opt{text-align:left;font:inherit;font-size:14px;line-height:1.45;color:var(--text);background:var(--bg-2,transparent);border:1px solid var(--line-2,var(--line));border-radius:10px;padding:10px 12px;cursor:pointer}
.bl-opt:hover{border-color:var(--aqua)}
.bl-q.answered .bl-opt{cursor:default}.bl-q.answered .bl-opt:hover{border-color:var(--line-2,var(--line))}
.bl-opt.ok{border-color:var(--aqua);background:rgba(62,198,224,.12)}
.bl-opt.bad{border-color:var(--bear);background:rgba(255,92,92,.10)}
.bl-ex{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.5}
.bl-upd{margin-top:18px;border-left:3px solid #E8C547;background:var(--surface);border-radius:0 12px 12px 0;padding:12px 16px;font-size:14px;line-height:1.6;max-width:780px}
.bl-upd .tag{display:block;margin-bottom:4px}
.bl-glos{padding:28px}
.bl-gll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin:16px 0 0;font-size:14px;line-height:1.55}
.bl-gl dt{margin:0;color:var(--text)}.bl-gl dd{margin:2px 0 0;color:var(--muted)}
@media (max-width:760px){.bl-gll{grid-template-columns:1fr}}