/* Radar Level Lab: dark engineering workspace, scoped to .rl (page study/radar-level-lab.html) */
.rl{--bg:#0B1220;--p1:#111A2B;--p2:#16213A;--ln:#24324D;--ink:#E6EDF7;--mu:#93A4BF;--cy:#22D3EE;--am:#F5B342;--bl:#3B82F6;--te:#14B8A6;--rd:#F05252;--ok:#34D399;
  background:var(--bg)!important;color:var(--ink);border-color:var(--ln)!important}
.rl h2,.rl h3{color:var(--ink)}
.rl a{color:var(--cy)}
.rl code,.rl .rl-formula{background:var(--p2);border:1px solid var(--ln);color:var(--am);border-radius:8px}
.rl .rl-formula{display:block;padding:10px 14px;margin:10px 0;font-family:var(--f-mono);font-size:14.5px;white-space:normal}
.rl table{color:var(--ink)}
.rl th{background:var(--p2);color:var(--ink)}
.rl td,.rl th{border-color:var(--ln)}
.rl .table-wrap{border-color:var(--ln)}
.rl-mod{scroll-margin-top:90px;padding-top:8px;margin-top:34px;border-top:1px solid var(--ln)}
.rl-mod:first-of-type{border-top:0}
.rl-disclaimer{background:var(--p2);border:1px solid var(--ln);border-left:4px solid var(--am);border-radius:0 12px 12px 0;padding:12px 16px;font-size:14px;color:var(--mu);margin-bottom:14px}
.rl-disclaimer strong{color:var(--ink)}
.rl-legend{font-size:13.5px;color:var(--mu)}
.tag-v,.tag-c,.tag-x{display:inline-block;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px;vertical-align:1px;white-space:nowrap}
.tag-v{background:rgba(52,211,153,.15);color:var(--ok,#34D399);border:1px solid rgba(52,211,153,.4)}
.tag-c{background:rgba(34,211,238,.12);color:var(--cy,#22D3EE);border:1px solid rgba(34,211,238,.35)}
.tag-x{background:rgba(245,179,66,.14);color:var(--am,#F5B342);border:1px solid rgba(245,179,66,.4)}
.rl-panel{background:var(--p1);border:1px solid var(--ln);border-radius:16px;padding:14px;margin:12px 0}
.rl-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:820px){.rl-grid2{grid-template-columns:1fr}}
.rl svg{display:block;width:100%;height:auto}
.rl svg text{font-family:var(--f-body)}
.rl-plot{background:var(--p1);border:1px solid var(--ln);border-radius:12px;margin:8px 0}
.rl-ctrls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 10px}
.rl-btn{border:1px solid var(--ln);background:var(--p2);color:var(--ink);border-radius:999px;padding:7px 14px;font-weight:600;cursor:pointer;font-size:14px}
.rl-btn:hover{border-color:var(--cy)}
.rl-btn[aria-pressed="true"],.rl-btn[aria-selected="true"]{background:var(--cy);border-color:var(--cy);color:#06202A}
.rl-btn.small{padding:5px 11px;font-size:13px}
.rl-btn:focus-visible,.rl input:focus-visible,.rl select:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
.rl select,.rl input{background:var(--p2);color:var(--ink);border:1px solid var(--ln);border-radius:9px;padding:6px 8px;font:inherit;font-size:14px}
.rl-inline{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--mu);margin:4px 10px 4px 0}
.rl-slider{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:14px;color:var(--mu);margin:8px 0}
.rl-slider input{grid-column:1/-1;accent-color:var(--cy);padding:0}
.rl-slider output{color:var(--ink);font-family:var(--f-mono);font-weight:600}
.rl-slider.small{min-width:220px}
.rl-read{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.rl-read3{grid-template-columns:repeat(3,1fr)}
@media (max-width:520px){.rl-read3{grid-template-columns:1fr 1fr}}
.rl-read div{background:var(--p2);border:1px solid var(--ln);border-radius:10px;padding:8px 10px}
.rl-read small{display:block;color:var(--mu);font-size:12px}
.rl-read b{font-family:var(--f-mono);font-size:18px;color:var(--ink)}
.rl-steps{font-size:14px;color:var(--mu);padding-left:1.2em}
.rl-steps li.on{color:var(--cy);font-weight:600}
.rl-note{font-size:13px;color:var(--mu)}
.rl-status{font-size:14px;padding:8px 12px;border-radius:10px;background:var(--p2);border:1px solid var(--ln);margin:8px 0}
.rl-status.warn{border-color:var(--am);color:var(--am)}
.rl-status.bad{border-color:var(--rd);color:var(--rd)}
.rl-status.ok{border-color:var(--ok);color:var(--ok)}
.rl-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.rl-out h3{margin-top:0}
.rl-out li{margin:4px 0}
.rl-tabs{display:flex;gap:8px;margin:8px 0}
.rl-calc{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.rl-calc h3{width:100%;margin:0}
.rl-calc label{display:grid;gap:4px;font-size:13px;color:var(--mu);font-weight:600}
.rl-calc input{width:130px;font-family:var(--f-mono)}
.rl-res{font-family:var(--f-mono);font-weight:700;color:var(--cy);font-size:15px;min-width:200px}
.rl-res.bad{color:var(--rd)}
.rl-check{list-style:none;padding:0;counter-reset:c}
.rl-check li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--ln);border-radius:10px;margin:6px 0;background:var(--p1)}
.rl-check input{margin-top:3px;accent-color:var(--ok)}
.rl-check li.done{border-color:var(--ok)}
.rl-ws input{width:90px;font-family:var(--f-mono)}
.rl-search{width:100%;max-width:420px;padding:10px 14px!important;border-radius:999px!important}
.rl-gloss dt{font-weight:700;color:var(--cy);margin-top:10px}
.rl-gloss dd{margin:2px 0 0;color:var(--ink);font-size:14.5px}
.tip{border-bottom:1px dashed var(--cy);cursor:help;position:relative}
.tip:hover::after,.tip:focus::after{content:attr(data-tip);position:absolute;left:0;top:1.6em;z-index:5;width:min(300px,80vw);background:#0F1A2E;color:#E6EDF7;border:1px solid #2B3B5C;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:400;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.rl-step-card h3{margin:0 0 6px}
.rl-step-card dl{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;font-size:14.5px;margin:8px 0}
@media (max-width:600px){.rl-step-card dl{grid-template-columns:1fr}}
.rl-step-card dt{color:var(--mu);font-weight:600}
.rl-step-card dd{margin:0}
.rl-tree h4{margin:12px 0 4px;color:var(--cy);font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.rl-tree ul{margin:0 0 6px;padding-left:1.2em}
.rl-q{font-weight:700;margin:6px 0 10px}
.rl .quiz-note,.rl .note{background:var(--p1)!important;color:var(--ink);border-color:var(--ln)}
.rl #quiz button{background:var(--p2)!important;color:var(--ink)!important;border-color:var(--ln)!important}
/* sidebar extras */
.rl-progress{margin:6px 0 10px}
.rl-pbar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}
.rl-pbar i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.rl-progress span{font-size:12.5px;color:var(--muted)}
.rl-toc .rl-btn{margin-top:10px;background:var(--surface);color:var(--ink);border-color:var(--line)}
.rl-toc .rl-btn[aria-pressed="true"]{background:var(--cta);color:var(--cta-ink)}
@media (prefers-reduced-motion:reduce){.rl *{transition:none!important}}
