/* Layout: terminal-structuur (ticker · zijbalk · dichte panelen) in het KFCI-documentpalet: zand, zwart, wit, donkerrood */
:root{
  --bg:#ECE5D8;        /* zand */
  --panel:#FBF9F5;     /* wit vlak */
  --panel-2:#F4EFE6;   /* subtiel vlak */
  --ink:#16130F;       /* zwart */
  --ink-2:#4A433A;
  --muted:#7A7062;
  --line:#DCD2C1;
  --line-2:#E8E0D2;
  --accent:#7D1A24;    /* donkerrood */
  --accent-ink:#FFFFFF;
  --accent-soft:#F2E1DE;
  --pos:#2160A8;       /* bullish / long */
  --neg:#B4442F;       /* bearish / short */
  --neutral:#A79C8C; --on-data:#FFFFFF;
  --good:#2E6B4E; --warn:#9A6A12; --bad:#A3302A;
  --good-soft:#E3EEE6; --warn-soft:#F5EAD3; --bad-soft:#F5DFDB;
  --shadow:0 1px 0 rgba(22,19,15,.04);
  --f-ui:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-num:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --f-disp:"Newsreader",Georgia,"Times New Roman",serif;
  --r:6px;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#110F0D; --panel:#1A1714; --panel-2:#211D19; --ink:#EEE7DB; --ink-2:#CFC6B8; --muted:#9C9282;
  --line:#2F2A24; --line-2:#26221D; --accent:#D2606E; --accent-ink:#140F0D; --accent-soft:#3A1E21;
  --pos:#4C8FD6; --neg:#D9634A; --neutral:#6B6257; --on-data:#0F0D0B;
  --good:#6DBB92; --warn:#D9A441; --bad:#E2766A; --good-soft:#1C2C23; --warn-soft:#2E2514; --bad-soft:#33201D;
  --shadow:none; color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#110F0D; --panel:#1A1714; --panel-2:#211D19; --ink:#EEE7DB; --ink-2:#CFC6B8; --muted:#9C9282;
  --line:#2F2A24; --line-2:#26221D; --accent:#D2606E; --accent-ink:#140F0D; --accent-soft:#3A1E21;
  --pos:#4C8FD6; --neg:#D9634A; --neutral:#6B6257; --on-data:#0F0D0B;
  --good:#6DBB92; --warn:#D9A441; --bad:#E2766A; --good-soft:#1C2C23; --warn-soft:#2E2514; --bad-soft:#33201D;
  --shadow:none; color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:13.5px;line-height:1.45;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}
.lbl{font-family:var(--f-num);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}

/* ---------- shell ---------- */
.app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100%}
.app.collapsed{grid-template-columns:64px minmax(0,1fr)}
.side-wrap{background:var(--panel);border-right:1px solid var(--line);min-width:0}
.side{position:sticky;top:env(safe-area-inset-top,0px);height:100vh;display:flex;flex-direction:column;gap:14px;padding:16px 12px;overflow-y:auto}
.brand{display:flex;align-items:center;gap:10px;padding:2px 6px 10px;border-bottom:1px solid var(--line-2)}
.mark{width:30px;height:30px;flex:none;border-radius:5px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-family:var(--f-disp);font-weight:600;font-size:17px}
.brand b{display:block;font-family:var(--f-disp);font-weight:600;font-size:16px;letter-spacing:.01em}
.brand small{display:block;font-family:var(--f-num);font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.nav{display:flex;flex-direction:column;gap:2px}
.nav .grp{margin:10px 8px 4px}
.nav button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;background:none;border-radius:5px;cursor:pointer;text-align:left;color:var(--ink-2)}
.nav button svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6}
.nav button:hover{background:var(--panel-2);color:var(--ink)}
.nav button[aria-current="page"]{background:var(--accent);color:var(--accent-ink)}
.nav .cnt{margin-left:auto;font-family:var(--f-num);font-size:10.5px;padding:0 6px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}
.nav button[aria-current="page"] .cnt{background:rgba(255,255,255,.18);color:var(--accent-ink)}
.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line-2)}
.switch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);cursor:pointer;width:100%}
.switch span{font-size:12.5px}
.switch i{position:relative;width:30px;height:17px;border-radius:9px;background:var(--line);flex:none;transition:background .15s}
.switch i::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--panel);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
.switch[aria-pressed="true"] i{background:var(--accent)}
.switch[aria-pressed="true"] i::after{transform:translateX(13px)}
.user{display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:12px;color:var(--muted)}
.user .av{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:600;font-size:11px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rolesel{flex:1;min-width:0;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;padding:3px 6px;font:inherit;font-size:12px}
.collapse-btn{border:0;background:none;color:var(--muted);cursor:pointer;font-size:12px;padding:4px 6px;text-align:left}
.app.collapsed .brand div,.app.collapsed .nav .grp,.app.collapsed .nav .txt,.app.collapsed .nav .cnt,.app.collapsed .switch span,.app.collapsed .user span:not(.av),.app.collapsed .rolesel,.app.collapsed .collapse-btn span{display:none}
.app.collapsed .switch{justify-content:center}
.app.collapsed .nav button{justify-content:center}

.main{min-width:0;display:flex;flex-direction:column}
.ticker{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--ink);color:var(--bg);overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .ticker{background:#000;color:var(--ink)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ticker{background:#000;color:var(--ink)}}
.ticker-track{display:inline-flex;gap:28px;padding:7px 0;animation:tick 70s linear infinite;font-family:var(--f-num);font-size:12px}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.ticker-track{animation:none}.ticker{overflow-x:auto}}
.tk{display:inline-flex;gap:8px;align-items:baseline}
.tk b{font-weight:500;opacity:.7}
.tk .up{color:#7FB2EA}.tk .dn{color:#F08A70}

.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;padding:18px 24px 14px;border-bottom:1px solid var(--line)}
.top h1{margin:0;font-family:var(--f-disp);font-weight:600;font-size:26px;line-height:1.1;letter-spacing:-.005em;text-wrap:balance}
.top .sub{margin:3px 0 0;color:var(--muted);font-size:13px}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:12px;white-space:nowrap}
.chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.chip.demo{border-style:dashed;color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}
.chip.good{color:var(--good)} .chip.warn{color:var(--warn)} .chip.bad{color:var(--bad)}

.content{padding:18px 24px 40px;display:flex;flex-direction:column;gap:14px}
.page[hidden]{display:none}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:stretch}
.grid>[class^="c"]{display:flex;flex-direction:column;min-width:0}
.grid>[class^="c"]>.panel{flex:1 1 auto}
.grid>[class^="c"]>.stack{flex:1 1 auto}
.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:span 12}

.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);min-width:0;display:flex;flex-direction:column}
.ph{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-2)}
.ph h2{margin:0;font-size:12px;font-family:var(--f-num);font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}
.ph .right{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pb{padding:12px 14px;min-width:0}
.pb.flush{padding:0}

/* Uitleg */
.uitleg{display:none;margin:0;padding:9px 14px;border-top:1px dashed var(--line);background:var(--panel-2);color:var(--ink-2);font-size:12.5px;line-height:1.5}
.uitleg b{color:var(--ink)}
html.uitleg-aan .uitleg{display:block}
.uitleg em{font-style:normal;font-family:var(--f-num);font-size:11px;color:var(--accent)}

/* rule chips */
.rule{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;border:1px solid var(--line);background:var(--panel-2);font-family:var(--f-ui);font-size:11.5px;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.rule:hover{border-color:var(--accent);color:var(--accent)}
.rule::before{content:"›";color:var(--accent);font-weight:600}

/* badges */
.imp{display:inline-block;font-family:var(--f-num);font-size:10px;letter-spacing:.06em;padding:1px 6px;border-radius:3px;border:1px solid}
.imp.H{color:var(--bad);border-color:currentColor;background:var(--bad-soft)}
.imp.M{color:var(--warn);border-color:currentColor;background:var(--warn-soft)}
.imp.L{color:var(--muted);border-color:var(--line)}
.st{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500}
.st::before{content:"";width:8px;height:8px;border-radius:2px;background:currentColor}
.st.good{color:var(--good)}.st.warn{color:var(--warn)}.st.bad{color:var(--bad)}.st.idle{color:var(--muted)}
.dir{font-family:var(--f-num);font-size:11px;font-weight:500;letter-spacing:.05em;padding:2px 7px;border-radius:3px}
.dir.long{background:var(--pos);color:var(--on-data)}.dir.short{background:var(--neg);color:var(--on-data)}.dir.flat{background:var(--panel-2);color:var(--muted);border:1px solid var(--line)}

/* KPI tiles */
.kpi{display:flex;flex-direction:column;gap:4px}
.kpi .v{font-family:var(--f-num);font-size:24px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}
.kpi .v small{font-size:13px;color:var(--muted);font-weight:400}
.kpi .s{font-size:12px;color:var(--muted)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.between{justify-content:space-between}
.stack{display:flex;flex-direction:column;gap:8px}
.muted{color:var(--muted)}
.accent{color:var(--accent)}
.hr{height:1px;background:var(--line-2);margin:4px 0}

/* checks list */
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.checks li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line-2)}
.checks li:last-child{border-bottom:0}
.ico{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}
.ico.good{background:var(--good-soft);color:var(--good)}.ico.warn{background:var(--warn-soft);color:var(--warn)}.ico.bad{background:var(--bad-soft);color:var(--bad)}

/* bias board */
.bias{width:100%;border-collapse:collapse}
.bias td,.bias th{padding:6px 10px;border-bottom:1px solid var(--line-2);text-align:left;font-weight:400}
.bias th{font-family:var(--f-num);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bias tr:last-child td{border-bottom:0}
.bias .ccy{font-family:var(--f-num);font-weight:500;width:46px}
.bar{position:relative;height:16px;min-width:120px}
.bar .zero{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--ink-2);opacity:.5}
.bar .dz{position:absolute;left:42.5%;width:15%;top:0;bottom:0;background:var(--panel-2);border-left:1px dashed var(--line);border-right:1px dashed var(--line)}
.bar .fill{position:absolute;top:3px;height:10px;border-radius:2px}
.bar .fill.p{background:var(--pos)}.bar .fill.n{background:var(--neg)}
.layers{display:flex;gap:3px}
.layers i{width:14px;height:14px;border-radius:2px;display:grid;place-items:center;font-style:normal;font-family:var(--f-num);font-size:9px;color:var(--on-data)}
.layers i.p{background:var(--pos)}.layers i.n{background:var(--neg)}.layers i.z{background:var(--panel-2);color:var(--muted);border:1px solid var(--line)}
.coh{font-family:var(--f-num);font-size:11.5px}

/* tables */
.tw{overflow-x:auto}
table.t{width:100%;border-collapse:collapse;font-size:12.5px}
table.t th{position:sticky;top:0;background:var(--panel);font-family:var(--f-num);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400;text-align:left;padding:7px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
table.t td{padding:7px 10px;border-bottom:1px solid var(--line-2);vertical-align:middle}
table.t tr:last-child td{border-bottom:0}
table.t tr.past td{color:var(--ink-2)}
table.t tr.next td{background:var(--accent-soft)}
table.t td.r,table.t th.r{text-align:right}
.sbar{display:inline-flex;align-items:center;gap:8px}
.sbar .trk{position:relative;width:70px;height:8px;background:var(--panel-2);border-radius:2px}
.sbar .trk::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--ink-2);opacity:.5}
.sbar .f{position:absolute;top:0;bottom:0;border-radius:2px}
.inp{width:70px;padding:3px 6px;border:1px solid var(--line);border-radius:4px;background:var(--panel);font-family:var(--f-num);font-size:12px;color:var(--ink)}

/* kansen cards */
.kans{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);display:flex;flex-direction:column;min-width:0}
.kans.lead{border-color:var(--accent)}
.kans .kh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px 8px}
.kans h3{margin:0;font-family:var(--f-disp);font-size:19px;font-weight:600;line-height:1.15}
.kans .strat{font-family:var(--f-num);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.grade{font-family:var(--f-disp);font-weight:600;font-size:22px;line-height:1;color:var(--accent);text-align:right}
.grade small{display:block;font-family:var(--f-num);font-size:9.5px;letter-spacing:.08em;color:var(--muted);font-weight:400;margin-top:3px}
.kans .kb{padding:0 14px 12px;display:flex;flex-direction:column;gap:9px}
.kans .meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--ink-2)}
.kans .meta b{font-family:var(--f-num);font-weight:500;color:var(--ink)}
.wh{display:grid;grid-template-columns:62px minmax(0,1fr);gap:4px 10px;font-size:12.5px}
.wh dt{font-family:var(--f-num);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding-top:2px}
.wh dd{margin:0}
.conds{display:flex;flex-wrap:wrap;gap:5px}
.cond{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:2px 8px 2px 4px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2)}
.cond .ico{width:15px;height:15px;font-size:9.5px}
.phase{display:flex;gap:3px;align-items:center}
.phase i{flex:1;height:5px;border-radius:2px;background:var(--line)}
.phase i.on{background:var(--accent)}
.phase i.done{background:var(--ink-2);opacity:.45}
.kans .kf{margin-top:auto;padding:8px 14px;border-top:1px solid var(--line-2);display:flex;flex-wrap:wrap;gap:5px;align-items:center}

/* compact kans rows on command center */
.krow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line-2);cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;text-align:left;width:100%}
.krow:last-child{border-bottom:0}
.krow:hover{background:var(--panel-2)}
.krow .t{font-weight:600}
.krow .s{font-size:12px;color:var(--muted)}

/* event clock */
.clock{display:flex;align-items:baseline;gap:8px}
.clock .big{font-family:var(--f-num);font-size:30px;font-weight:500;letter-spacing:-.01em}
.ntt{display:flex;flex-direction:column;gap:4px}
.ntt .trk{height:6px;border-radius:3px;background:var(--panel-2);overflow:hidden;border:1px solid var(--line-2)}
.ntt .trk span{display:block;height:100%;background:var(--accent)}

/* vol quadrant */
.quad{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.quad div{padding:5px 8px;border-radius:4px;background:var(--panel-2);font-size:11.5px;color:var(--muted);border:1px solid transparent;line-height:1.3}
.quad div.on{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}
.quad div b{display:block;font-family:var(--f-num);font-size:10px;letter-spacing:.06em;font-weight:500;color:var(--ink-2)}

/* what changed */
.seg{display:inline-flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}
.seg button{border:0;background:var(--panel);padding:3px 9px;font-family:var(--f-num);font-size:11px;cursor:pointer;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.chg{list-style:none;margin:0;padding:0}
.chg li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;padding:7px 14px;border-bottom:1px solid var(--line-2);align-items:baseline;font-size:12.5px}
.chg li:last-child{border-bottom:0}
.chg .d{font-family:var(--f-num);font-weight:500}
.delta{font-family:var(--f-num);font-size:12px}
.delta.up{color:var(--pos)}.delta.dn{color:var(--neg)}

/* pair cards */
.pairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.pair .score{font-family:var(--f-num);font-size:28px;font-weight:500;line-height:1}
.lay{display:grid;grid-template-columns:70px minmax(0,1fr) 38px;gap:8px;align-items:center;font-size:12px}
.lay .bar{min-width:0;height:12px}
.lay .bar .fill{top:2px;height:8px}
.spark{width:100%;height:40px;display:block}

/* heatmap */
.heat{border-collapse:separate;border-spacing:2px;font-family:var(--f-num);font-size:11.5px}
.heat th{font-weight:500;color:var(--muted);padding:4px 6px;text-align:center}
.heat td{width:58px;height:34px;text-align:center;border-radius:3px;cursor:default}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);align-items:center}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}

/* charts */
.chart{width:100%;display:block;overflow:visible}
.chart text{fill:var(--muted);font-family:var(--f-num);font-size:10px}
.chart .grid line{stroke:var(--line-2);stroke-width:1}
.tip{position:fixed;z-index:50;pointer-events:none;background:var(--ink);color:var(--bg);padding:6px 9px;border-radius:5px;font-family:var(--f-num);font-size:11.5px;line-height:1.4;box-shadow:0 4px 14px rgba(0,0,0,.18);max-width:260px}
.months{display:grid;grid-template-columns:44px repeat(12,minmax(0,1fr));gap:2px;font-family:var(--f-num);font-size:11px}
.months div{padding:6px 2px;text-align:center;border-radius:3px}
.months .h{color:var(--muted);font-size:10px}

/* bucket bars */
.bk{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 92px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-2);font-size:12.5px}
.bk:last-child{border-bottom:0}
.bk .trk{position:relative;height:10px;border-radius:2px;background:var(--panel-2);border:1px solid var(--line-2)}
.bk .trk span{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:var(--ink-2)}
.bk .trk span.hot{background:var(--warn)}
.bk .trk em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--accent)}

/* kennisbank */
.kbbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.search{flex:1 1 260px;min-width:0;padding:8px 11px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font:inherit}
.tagf{display:flex;flex-wrap:wrap;gap:5px}
.tagf button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer;color:var(--ink-2)}
.tagf button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.kbl{list-style:none;margin:0;padding:0}
.kbl li{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line-2);cursor:pointer;align-items:start}
.kbl li:hover{background:var(--panel-2)}
.kbl .id{font-family:var(--f-num);font-size:11px;color:var(--accent)}
.kbl .id small{display:block;color:var(--muted)}
.typ{font-family:var(--f-num);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 6px;white-space:nowrap}
.more{margin:10px 14px;padding:7px 12px;border:1px solid var(--line);background:var(--panel-2);border-radius:5px;cursor:pointer}

/* drawer */
.scrim{position:fixed;inset:0;background:rgba(17,15,13,.28);z-index:60}
.drawer{position:fixed;z-index:61;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--panel);border-left:1px solid var(--line);box-shadow:-10px 0 30px rgba(0,0,0,.12);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}
.drawer header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.drawer h3{margin:4px 0 0;font-family:var(--f-disp);font-size:20px;font-weight:600}
.drawer .body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.drawer .quote{font-family:var(--f-disp);font-size:17px;line-height:1.45;margin:0;border-left:3px solid var(--accent);padding-left:12px}
.kv{display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px 12px;font-size:12.5px}
.kv dt{color:var(--muted);font-family:var(--f-num);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.kv dd{margin:0}
.x{border:1px solid var(--line);background:var(--panel-2);border-radius:5px;cursor:pointer;padding:4px 9px}

/* responsive */
@media (max-width:1180px){
  .c3{grid-column:span 6}.c4{grid-column:span 6}.c8{grid-column:span 12}.c7{grid-column:span 7}.c5{grid-column:span 5}.c6{grid-column:span 6}
}
@media (max-width:900px){
  .c5,.c7,.c6{grid-column:span 12}
}
@media (max-width:860px){
  .app,.app.collapsed{grid-template-columns:minmax(0,1fr)}
  .side-wrap{border-right:0;border-bottom:1px solid var(--line)}
  .side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 16px;gap:10px}
  .brand{border:0;padding:0}
  .nav{flex-direction:row;overflow-x:auto;flex:1 1 100%;order:3;gap:4px;padding-bottom:2px}
  .nav .grp,.collapse-btn{display:none}
  .user{flex:1 1 100%;order:3;padding:0}
  .nav button{width:auto;white-space:nowrap}
  .side-foot{margin:0;flex:1 1 100%;order:2;flex-direction:row;flex-wrap:wrap;border:0;padding:0}
  .side-foot .switch{flex:1 1 140px;min-width:0}
  .switch span{font-size:12px;white-space:nowrap}
  .ticker{position:static}
  .top,.content{padding-left:16px;padding-right:16px}
  .c3,.c4{grid-column:span 12}
  .kbl li{grid-template-columns:minmax(0,1fr)}
  .chg li{grid-template-columns:52px minmax(0,1fr) auto}
}

/* ===== deel 2: tabs, nieuws, valuta-detail, paren, outlook ===== */
.nav button{padding:6px 8px}
.nav .grp{margin:8px 8px 3px}
.tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 14px}
.tabs button{border:0;background:none;padding:8px 12px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:6px;align-items:center}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent);font-weight:500}
.tabs .tn{font-family:var(--f-num);font-size:10.5px;padding:0 6px;border-radius:9px;background:var(--panel-2);color:var(--muted)}
.tabs.sm{border:0;margin:0}
.tabs.sm button{padding:3px 8px;font-size:12px}
.fbar{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 14px;border-bottom:1px solid var(--line-2)}
.fchips{display:flex;flex-wrap:wrap;gap:4px}
.fchips button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:2px 9px;font-size:12px;cursor:pointer;color:var(--ink-2)}
.fchips button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.feed{list-style:none;margin:0;padding:0}
.feed li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-2)}
.feed li:last-child{border-bottom:0}
.feed li.c{padding:8px 14px}
.fm{display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-size:11.5px}
.fk{font-weight:600;line-height:1.35}
.fk .cat{font-family:var(--f-num);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-right:8px}
.ft{margin:3px 0 0;color:var(--ink-2);font-size:12.5px;max-width:75ch}
.ftags{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin-top:5px}
.tg{display:inline-block;font-family:var(--f-num);font-size:10.5px;padding:0 6px;border-radius:3px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap}
.rk{font-family:var(--f-num);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:6px}
.lnk{border:0;background:none;padding:0 2px;color:var(--accent);cursor:pointer;font-size:12px;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:2px}
.lnk:hover{text-decoration-color:var(--accent)}
.lnk.static{color:var(--muted);text-decoration:none;cursor:default}
.subl{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line-2)}
.morel{padding:6px 14px 10px}
.mini,.mini2{list-style:none;margin:0;padding:0}
.mini li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 14px;border-bottom:1px solid var(--line-2);font-size:12.5px}
.mini li:last-child{border-bottom:0}
.mini2 li{font-size:12px;padding:2px 0;color:var(--ink-2)}
.mini2 li::before{content:"› ";color:var(--accent)}
.kv2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;font-size:12.5px;align-items:baseline}
.kv2>span{color:var(--muted)}
.kv2>b,.kv2>button{text-align:right;font-weight:500}
.zb{display:inline-flex;align-items:center;gap:8px}
.zb .trk{position:relative;width:110px;height:8px;background:var(--panel-2);border-radius:2px}
.zb .trk::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--ink-2);opacity:.5}
.zb .f{position:absolute;top:0;bottom:0;border-radius:2px}
.zb .f.p{background:var(--pos)}.zb .f.n{background:var(--neg)}
.zb .num{font-size:12px;min-width:34px}
.dec{font-size:12px;font-weight:500}
.dec.cut{color:var(--neg)}.dec.hike{color:var(--pos)}.dec.hold{color:var(--muted)}
table.t.click tbody tr,tr.rowlink{cursor:pointer}
table.t.click tbody tr:hover td,tr.rowlink:hover td{background:var(--panel-2)}
table.t tr.grp td{background:var(--panel-2);font-family:var(--f-num);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);padding:5px 10px}
table.t tr.why td{color:var(--ink-2);font-size:12px;padding-top:0;border-bottom:1px solid var(--line)}
.delta.up,.up.delta{color:var(--pos)}.delta.dn,.dn.delta{color:var(--neg)}
.ccyhead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}
.ccybar{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px}
.ccybar .cbt{font-family:var(--f-disp);font-size:20px}
.ccybar .cbt b{font-weight:600}
.ccybar .cbt .muted{font-family:var(--f-ui);font-size:13px}
.kp{display:flex;flex-direction:column;gap:1px;font-size:12px;color:var(--muted)}
.kp .v{font-size:20px;color:var(--ink);font-weight:500;line-height:1.15}
.cf{display:inline-grid;place-items:center;min-width:24px;height:18px;padding:0 4px;border-radius:3px;background:var(--ink);color:var(--bg);font-family:var(--f-num);font-size:10px;font-weight:500;letter-spacing:.04em}
.cf.big{height:30px;min-width:40px;font-size:13px}
.ccyc{display:flex;gap:10px;align-items:center;border:0;background:none;padding:0;cursor:pointer;color:var(--ink)}
.ccyc .v{font-size:22px;font-weight:500}
p.lead{margin:0;font-size:14.5px;line-height:1.55;max-width:90ch}
.note{margin:0;padding:8px 14px;font-size:12px;color:var(--ink-2);border-top:1px solid var(--line-2)}
.warnbox{background:var(--warn-soft);border:1px solid var(--line);border-radius:5px;margin:10px 0}
.rel{list-style:none;margin:0;padding:6px 0}
.rel li{display:grid;grid-template-columns:40px minmax(0,1fr) 70px;gap:10px;align-items:center;padding:4px 14px;font-size:12px}
.rel .trk{position:relative;height:9px;background:var(--panel-2);border-radius:2px}
.rel .trk::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--ink-2);opacity:.5}
.rel .f{position:absolute;top:0;bottom:0;border-radius:2px}
.rel .f.p{background:var(--pos)}.rel .f.n{background:var(--neg)}
.rel .r{text-align:right}
.scn{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:10px 14px 12px;border-top:3px solid var(--neutral);height:100%}
.scn.bull{border-top-color:var(--pos)}.scn.bear{border-top-color:var(--neg)}.scn.base{border-top-color:var(--ink-2)}
.scn header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.scn .pc{font-size:22px;font-weight:500}
.fin{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.fin div{display:flex;flex-direction:column;gap:3px;font-size:12.5px;padding:8px 10px;background:var(--panel-2);border-radius:5px}
.fin b{font-weight:500}
.num-list{margin:0;padding-left:20px;font-size:12.5px;display:flex;flex-direction:column;gap:6px}
.sortb{border:0;background:none;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.sortb:hover{color:var(--ink)}
.olh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line-2)}
.olt{font-family:var(--f-disp);font-size:19px;font-weight:600}
.olb{padding:12px 0;border-bottom:1px solid var(--line-2);scroll-margin-top:60px}
.olb:last-child{border-bottom:0}
.olb h3{margin:0 0 4px;font-family:var(--f-num);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-weight:500}
.olb p{margin:0;font-size:14px;line-height:1.6;max-width:75ch}
mark{background:color-mix(in srgb,var(--warn) 30%,transparent);color:inherit;border-radius:2px}
.toc{margin:0;padding-left:18px;font-size:13px;display:flex;flex-direction:column;gap:4px}
.toc a{color:var(--ink);text-decoration:none}
.toc a:hover{color:var(--accent)}
.relv{color:var(--accent);font-size:10px;letter-spacing:1px}
@media (max-width:860px){ .feed li{grid-template-columns:52px minmax(0,1fr)} .ccybar{gap:10px 18px} }

.row>.bar{flex:1 1 110px;min-width:80px}
table.t td.num,table.t td.nw,.nw{white-space:nowrap}

/* ===== topmenu i.p.v. zijbalk ===== */
.app{display:block}
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--panel);border-bottom:1px solid var(--line)}
.tb-in{display:flex;align-items:center;gap:18px;padding:0 24px;min-height:56px}
.topbar .brand{border:0;padding:0;flex:none}
.topbar .nav{display:flex;flex-direction:row;align-items:center;gap:2px;flex:1;min-width:0}
.nav-top,.dd-btn{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:8px 11px;border-radius:5px;cursor:pointer;color:var(--ink-2);font-size:13.5px;white-space:nowrap;position:relative}
.nav-top svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6}
.nav-top:hover,.dd-btn:hover,.dd.open .dd-btn{background:var(--panel-2);color:var(--ink)}
.nav-top[aria-current="page"],.dd.active .dd-btn{color:var(--ink);font-weight:500}
.nav-top[aria-current="page"]::after,.dd.active .dd-btn::after{content:"";position:absolute;left:11px;right:11px;bottom:-9px;height:2px;background:var(--accent);border-radius:1px}
.caret{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .15s}
.dd{position:relative}
.dd.open .caret{transform:rotate(180deg)}
.dd-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:290px;background:var(--panel);border:1px solid var(--line);border-radius:7px;box-shadow:0 10px 28px rgba(22,19,15,.12);padding:6px;z-index:30}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.dd.open .dd-menu{display:block}
@media (hover:hover) and (min-width:861px){ .dd:hover .dd-menu{display:block} }
.dd-menu button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;padding:8px 10px;border-radius:5px;cursor:pointer;text-align:left;color:var(--ink)}
.dd-menu button:hover{background:var(--panel-2)}
.dd-menu button svg{width:17px;height:17px;flex:none;stroke:var(--ink-2);fill:none;stroke-width:1.6}
.dd-menu .txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.dd-menu .txt b{font-weight:500;font-size:13.5px}
.dd-menu .txt small{font-size:11.5px;color:var(--muted)}
.dd-menu button[aria-current="page"]{background:var(--accent-soft)}
.dd-menu button[aria-current="page"] svg{stroke:var(--accent)}
.dd-menu .cnt{margin-left:auto;font-family:var(--f-num);font-size:10.5px;padding:0 6px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}
.tb-right{display:flex;align-items:center;gap:8px;flex:none}
.switch.sm{width:auto;padding:4px 8px;gap:8px}
.switch.sm span{font-size:12px}
.switch.sm i{width:26px;height:15px}
.switch.sm i::after{width:11px;height:11px}
.switch.sm[aria-pressed="true"] i::after{transform:translateX(11px)}
.tb-right .user{padding:0}
.tb-right .rolesel{flex:none;width:auto}
.menu-btn{display:none;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel-2);border-radius:5px;padding:5px 10px;cursor:pointer;font-size:13px;color:var(--ink)}
.menu-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.ticker{position:static;top:auto}
@media (max-width:1560px){ .sbtn kbd{display:none} }
@media (max-width:1400px){ .sbtn span{display:none} .tb-in{gap:12px} }
@media (max-width:1400px) and (min-width:861px){
  .tb-in{flex-wrap:wrap;gap:6px 12px;padding:6px 16px 0;min-height:0}
  .brand{order:1}.tb-right{order:2;margin-left:auto}
  .topbar .nav{order:3;flex:1 1 100%;border-top:1px solid var(--line-2);padding:3px 0 4px;overflow-x:auto}
  .tb-right .user .av{display:none}
}
@media (max-width:860px){
  .tb-in{flex-wrap:wrap;gap:8px 12px;padding:8px 16px}
  .menu-btn{display:inline-flex;margin-left:auto}
  .tb-right{order:3;flex:1 1 100%;flex-wrap:wrap}
  .topbar .nav{display:none;order:4;flex:1 1 100%;flex-direction:column;align-items:stretch;gap:4px;padding:6px 0 10px;max-height:70vh;overflow-y:auto}
  .topbar .nav.show{display:flex}
  .nav-top span{display:inline}
  .nav-top[aria-current="page"]::after,.dd.active .dd-btn::after{display:none}
  .dd-btn{width:100%;justify-content:space-between;font-family:var(--f-num);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px 2px;pointer-events:none}
  .dd-btn .caret{display:none}
  .dd-menu{display:block;position:static;box-shadow:none;border:0;padding:0;min-width:0;background:none}
  .dd-menu::before{display:none}
}
.topbar .nav .nav-top{width:auto;flex:none}
.topbar .nav .nav-top[aria-current="page"]{background:none;color:var(--ink)}
.topbar .nav .nav-top[aria-current="page"]:hover{background:var(--panel-2)}
.topbar .dd-menu button[aria-current="page"]{background:var(--accent-soft);color:var(--ink)}
.topbar .dd-menu button[aria-current="page"] .cnt{background:var(--panel);color:var(--accent)}
@media (max-width:860px){ .topbar .nav .nav-top{width:100%} .topbar .nav .nav-top[aria-current="page"]{background:var(--accent-soft)} }
.dd.active .dd-btn,.topbar .nav .nav-top[aria-current="page"]{color:var(--accent)}

/* ===== deel 3 ===== */
.dus{margin:10px 0 0;padding:8px 10px;border-left:3px solid var(--accent);background:var(--panel-2);border-radius:0 5px 5px 0;font-size:12.5px;line-height:1.45}
.dus b{color:var(--accent);font-family:var(--f-num);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;margin-right:4px}
.pb.flush .dus{margin:10px 14px 12px}
.stamp{font-family:var(--f-num);font-size:11px;color:var(--muted);white-space:nowrap}
.stamp em{font-style:normal;color:var(--warn)}
.rmh{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 14px 0}
.pb:not(.flush) .rmh{padding:0}
.rmh>div:first-child{flex:0 0 auto;width:180px}
.rmc{display:flex;gap:12px;padding:8px 14px 0}
.rm2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
.rm{list-style:none;margin:4px 0 0;padding:0}
.rm li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:5px 0;border-bottom:1px solid var(--line-2);font-size:12.5px;align-items:baseline}
.rm li .muted{grid-column:1/-1;font-size:11.5px;margin-top:-3px}
.rm li:last-child{border-bottom:0}
.ast{text-align:left;cursor:pointer;width:100%;padding:0;font:inherit;color:inherit}
.ast:hover{border-color:var(--accent)}
.chain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.chain li{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);font-size:12.5px;position:relative}
.chain li .n{font-family:var(--f-num);font-size:11px;color:var(--muted)}
.chain li.warn{border-color:var(--warn)} .chain li.good{border-color:var(--good)}
.chain li.idle{opacity:.65}
.lvl{display:inline-block;font-family:var(--f-num);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:3px;border:1px solid}
.lvl.hoog{color:var(--bad);background:var(--bad-soft)} .lvl.midden{color:var(--warn);background:var(--warn-soft)} .lvl.laag{color:var(--muted);border-color:var(--line)}
tr.evr{cursor:pointer}
tr.evr:hover td{background:var(--panel-2)}
tr.evr[aria-expanded="true"] td{background:var(--panel-2);border-bottom:0}
tr.evd td{background:var(--panel-2);padding:4px 14px 14px}
.evdg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 18px;font-size:12.5px}
.evdg p{margin:3px 0 0;line-height:1.45}
.evdg .tzs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--f-num);font-size:11px;color:var(--muted);padding-top:6px;border-top:1px dashed var(--line)}
.evdg .tzs b{font-weight:500;color:var(--ink-2);margin-right:4px}
.evdg .row{grid-column:1/-1}
.sbtn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel-2);border-radius:6px;padding:4px 9px;cursor:pointer;font-size:12px;color:var(--ink-2)}
.sbtn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
.sbtn kbd{font-family:var(--f-num);font-size:10px;border:1px solid var(--line);border-radius:3px;padding:0 4px;color:var(--muted);background:var(--panel)}
#search .sbox{position:fixed;z-index:70;top:min(12vh,90px);left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 32px));background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden}
#sq{width:100%;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:var(--ink);padding:14px 16px;font:inherit;font-size:15px;outline:none}
#sres{max-height:50vh;overflow-y:auto;padding:6px}
.srow{display:flex;gap:12px;align-items:center;width:100%;border:0;background:none;padding:8px 10px;border-radius:5px;cursor:pointer;text-align:left;color:var(--ink)}
.srow:hover,.srow:focus{background:var(--panel-2)}
.srow span:last-child{display:flex;flex-direction:column;min-width:0}
.srow b{font-weight:500;font-size:13.5px}.srow small{color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srow .typ{flex:none;min-width:92px;text-align:center}
.shint{display:flex;gap:16px;padding:7px 14px;border-top:1px solid var(--line-2);font-family:var(--f-num);font-size:10.5px;color:var(--muted)}
.newdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pos);margin-right:7px;vertical-align:2px}
@media (max-width:860px){ .rm2{grid-template-columns:1fr} .sbtn span,.sbtn kbd{display:none} }
/* ===== deel 4: posities-formulier ===== */
.pf{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.pf label{display:flex;flex-direction:column;gap:4px;min-width:0}
.pf .search{padding:6px 9px;font-size:13px}
.pf .seg{width:100%}
.pf .seg button{flex:1;padding:5px 8px}
.btn{grid-column:1/-1;border:0;background:var(--accent);color:var(--accent-ink);padding:9px 14px;border-radius:6px;font-weight:500;cursor:pointer}
.btn:disabled{opacity:.45;cursor:not-allowed}
.pv{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}
.rel li .num:first-child{width:auto;min-width:40px}
@media (max-width:860px){ .pf{grid-template-columns:1fr} }
.pf .search{flex:none;height:auto}
.rel.wide li{grid-template-columns:70px minmax(0,1fr) 60px}
/* ===== deel 5: ochtendbriefing ===== */
.bhead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid var(--line-2)}
.bgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:18px 26px;margin-top:6px}
.bbody .olb p{margin:0 0 8px;font-size:13.5px;line-height:1.6;max-width:78ch}
.bbody .olb p:last-child{margin-bottom:0}
.bside{display:flex;flex-direction:column;gap:12px;border-left:1px solid var(--line-2);padding-left:18px}
.bside section{display:flex;flex-direction:column;gap:5px}
.bside h4{margin:0;font-family:var(--f-num);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-weight:500}
.bside p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.bside ul{margin:0;padding-left:16px;font-size:12.5px;color:var(--ink-2);display:flex;flex-direction:column;gap:3px}
.bside .lnk{align-self:flex-start}
table.t.sm td{padding:5px 8px;font-size:12px}
@media (max-width:1180px){ .bgrid{grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr);gap:16px 20px} }
@media (max-width:900px){ .bgrid{grid-template-columns:1fr} .bside{border-left:0;padding-left:0;border-top:1px solid var(--line-2);padding-top:12px} .bbody .olb p,.olb p{max-width:none} }
.meth{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:12px}
.meth li{font-size:13px}
.meth li b{display:block;margin-bottom:2px}
.meth li p{margin:0 0 6px;color:var(--ink-2);line-height:1.5;max-width:80ch}

@media (max-width:1400px){ .hide-md{display:none} }

.scn{border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;background:var(--panel-2);height:100%}
.scn.on{border-color:var(--accent);background:var(--accent-soft)}
@media print{
  @page{margin:14mm}
  body{background:#fff;color:#000}
  .topbar,.ticker,.tabs,.chips,#drawer,#search,.lnk,.rule,.switch,.fchips,.x,[data-pdf]{display:none !important}
  .main{padding:0}.top{padding:0 0 8px;border:0}
  .grid{display:block}.grid>[class^="c"]{margin-bottom:10px;break-inside:avoid}
  .panel{box-shadow:none;border:1px solid #bbb;break-inside:avoid}
  .uitleg{display:none !important}
  a{text-decoration:none;color:inherit}
}