/* ARKInvest, Corp. — terminal system v3 */
:root{
  --void:#F4F6FA; --panel:#FFFFFF; --panel-2:#EDF0F6; --sunk:#E3E8F0;
  --ink:#0B1020; --ink-2:#404A63; --ink-3:#656F87;
  --grid:#DDE3ED; --grid-2:#C2CBDA;
  --signal:#3D5AFE; --signal-wash:#ECEFFF; --on-signal:#FFFFFF;
  --up:#00875A; --up-wash:#E6F4EF; --down:#D93A3E; --down-wash:#FCECEC; --down-ink:#C62828; --up-ink:#00764E;
  --f-ui:"Schibsted Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --t-1:10px; --t-2:11px; --t-3:12px; --t-4:14px; --t-5:16px; --t-6:20px;
  --t-7:26px; --t-8:32px; --t-9:44px; --t-10:58px; --t-11:82px;
  --t-hero:clamp(44px,6.4vw,82px); --t-display:clamp(32px,4.6vw,58px);
  --t-title:clamp(26px,4.2vw,44px); --t-head:clamp(26px,3.4vw,44px);
  --t-sub:clamp(26px,3.2vw,32px); --t-lead:clamp(16px,1.6vw,20px);
  --t-lead-sm:clamp(14px,1.35vw,16px);
  --s-1:2px; --s-2:4px; --s-3:6px; --s-4:8px; --s-5:12px; --s-6:16px; --s-7:20px;
  --s-8:24px; --s-9:32px; --s-10:40px; --s-11:48px; --s-12:64px; --s-13:96px;
  --r-1:2px; --r-2:4px; --r-full:999px;
  --ctl-sm:32px; --ctl-md:44px; --ctl-lg:52px; --ctl-row:56px;
  --w-head:20ch; --w-lede:62ch; --w-prose:68ch; --w-fine:78ch;
  --tr-0:0em; --tr-5:.3em; --tr-4:.16em; --tr-3:.13em; --tr-2:.1em; --tr-1:.05em;
  --tr-n1:-.01em; --tr-n2:-.02em; --tr-n3:-.03em;
  --dur-1:.12s; --dur-2:.15s; --dur-3:.22s; --dur-spin:.8s; --dur-pulse:1.15s; --dur-sheen:1.4s; --ease:cubic-bezier(.2,0,.2,1);
  --on-ink-2:#A7B0C4; --w-field:112px; --w-narrow:460px;
  --gutter:var(--s-9); --max:1320px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --void:#06080F; --panel:#0C1018; --panel-2:#121826; --sunk:#0A0E16;
  --ink:#E8ECF5; --ink-2:#9AA5BD; --ink-3:#757F98;
  --grid:#1A2130; --grid-2:#2B3448;
  --signal:#6E86FF; --signal-wash:#141A33; --on-signal:#05070F;
  --up:#2BD48A; --up-wash:#0B1F19; --down:#FF6B6E; --down-wash:#22110F; --down-ink:#FF6B6E;
  --on-ink-2:#404A63; --up-ink:#2BD48A;
}}
:root[data-theme="dark"]{
  --void:#06080F; --panel:#0C1018; --panel-2:#121826; --sunk:#0A0E16;
  --ink:#E8ECF5; --ink-2:#9AA5BD; --ink-3:#757F98;
  --grid:#1A2130; --grid-2:#2B3448;
  --signal:#6E86FF; --signal-wash:#141A33; --on-signal:#05070F;
  --up:#2BD48A; --up-wash:#0B1F19; --down:#FF6B6E; --down-wash:#22110F; --down-ink:#FF6B6E;
  --on-ink-2:#404A63; --up-ink:#2BD48A;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--void);color:var(--ink);
  font-family:var(--f-ui);font-size:var(--t-5);line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv01"}
img,svg,canvas{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
main{flex:1 1 auto}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
@media(max-width:640px){:root{--gutter:var(--s-6)}}

.skip{position:absolute;left:-9999px;top:0;z-index:300;display:flex;align-items:center;min-height:var(--ctl-md);padding:var(--s-5) var(--s-7);background:var(--signal);color:var(--on-signal);font:600 var(--t-4)/1 var(--f-ui)}
.skip:focus{left:0}

/* type */
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:var(--tr-n2);line-height:1.06;text-wrap:balance}
h1{font-size:var(--t-hero);letter-spacing:var(--tr-n3)}
h2{font-size:var(--t-head);letter-spacing:var(--tr-n3)}.h1-page{font-size:var(--t-8);margin:var(--s-3) 0 var(--s-4)}.h1-page.tight{margin-bottom:0}
h3{font-size:var(--t-6);letter-spacing:var(--tr-n1);line-height:1.25}
h4{font-size:var(--t-4);letter-spacing:var(--tr-n1)}
p{margin:0}
.lede{font-size:var(--t-lead);line-height:1.6;color:var(--ink-2);max-width:var(--w-lede)}
.tag{font-family:var(--f-mono);font-size:var(--t-1);font-weight:600;letter-spacing:var(--tr-4);text-transform:uppercase;color:var(--signal)}
.tag-dim{color:var(--ink-3)}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.dim{color:var(--ink-2)}

/* rails: the structural device — a labelled hairline grid */
.rail{border-top:1px solid var(--grid)}
.band{padding:clamp(var(--s-11),7vw,var(--s-13)) 0}
.band-read{background:var(--panel)}
.invest-section{padding:clamp(var(--s-9),3.6vw,var(--s-11)) 0}.invest-section>.tag{display:block;margin:0 0 var(--s-5)}.invest-section>h2{margin:0 0 var(--s-6)}.invest-section>.lede{max-width:var(--w-lede);margin:0 0 var(--s-9)}
.band-head{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:var(--s-8);margin-bottom:var(--s-11);align-items:start}
@media(max-width:820px){.band-head{grid-template-columns:1fr;gap:var(--s-6)}}
.band-head .col-b{display:flex;flex-direction:column;gap:var(--s-6)}

/* nav */
.top{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--void) 90%,transparent);
  backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);border-bottom:1px solid var(--grid)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s-7);height:60px}
.logo{display:flex;align-items:center;min-height:var(--ctl-md);min-width:var(--ctl-md);gap:var(--s-4);text-decoration:none;flex-shrink:0}
.logo-glyph{width:20px;height:20px;flex-shrink:0}
.logo-word{font-family:var(--f-mono);font-size:var(--t-4);font-weight:600;letter-spacing:var(--tr-1);color:var(--ink)}
.links{display:flex;align-items:center;gap:var(--s-1)}
.links a{position:relative;display:flex;align-items:center;min-height:var(--ctl-md);padding:var(--s-4) var(--s-5);text-decoration:none;font-size:var(--t-4);font-weight:500;color:var(--ink-2);border-radius:var(--r-1);transition:color var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease)}
.links a:hover{color:var(--ink);background:var(--panel-2)}
.links a::after{content:"";position:absolute;left:var(--s-5);right:var(--s-5);bottom:var(--s-2);height:var(--s-1);background:var(--signal);transform:scaleX(0);transform-origin:50% 50%;transition:transform var(--dur-3) var(--ease)}
@media(hover:hover) and (pointer:fine){.links a:hover::after{transform:scaleX(1)}}
.links a:active::after{transform:scaleX(1)}
.nav-sep{align-self:center;flex:0 0 auto;width:1px;height:var(--s-11);background:var(--grid-2);margin:0 var(--s-2)}
.links a[aria-current]{color:var(--ink);background:var(--panel-2);font-weight:600}
.tools{display:flex;gap:var(--s-4)}
.ibtn{display:flex;align-items:center;justify-content:center;width:var(--ctl-md);height:var(--ctl-md);padding:0;border:1px solid var(--grid);
  background:var(--panel);color:var(--ink-2);cursor:pointer;border-radius:var(--r-1)}
.ibtn:hover{color:var(--ink);border-color:var(--grid-2)}
.ibtn svg{width:18px;height:18px}
.burger{display:none}
.drawer{display:none}
@media(max-width:960px){
  .links{display:none}.burger{display:flex}
  .drawer{display:none;flex-direction:column;border-top:1px solid var(--grid);background:var(--panel);margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter)}
  .drawer.open{display:flex}
  .drawer a{position:relative;display:flex;align-items:center;min-height:var(--ctl-row);padding:0;text-decoration:none;font-size:var(--t-5);font-weight:500;color:var(--ink-2);border-bottom:1px solid var(--grid)}
  .drawer a:last-child{border-bottom:0}
  .drawer a::after{content:"";position:absolute;left:calc(var(--gutter) * -1);top:var(--s-5);bottom:var(--s-5);width:var(--s-1);background:var(--signal);transform:scaleY(0);transform-origin:50% 50%;transition:transform var(--dur-3) var(--ease)}
  .drawer a:active::after{transform:scaleY(1)}
  .drawer a[aria-current]{color:var(--ink);font-weight:600}
  @media(hover:hover) and (pointer:fine){.drawer a:hover::after{transform:scaleY(1)}}
}

/* masthead — canvas lattice, no photography */
.mast{position:relative;background:var(--panel);border-bottom:1px solid var(--grid);overflow:hidden;isolation:isolate;display:flex;min-height:360px}
.mast-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.85}
.mast-in{position:relative;z-index:1;flex:1;padding:clamp(var(--s-9),3.6vw,var(--s-11)) var(--gutter) clamp(var(--s-8),2.4vw,var(--s-9));display:flex;flex-direction:column;gap:var(--s-6);align-items:flex-start}
.mast-in h1{font-size:var(--t-display)}
.mast-in .lede{font-size:var(--t-lead-sm)}
@media(max-width:900px){.mast{min-height:320px}}
@media(max-width:600px){.mast{min-height:290px}.mast-in{gap:var(--s-5)}}
.acts{display:flex;flex-wrap:wrap;gap:var(--s-5);margin-top:var(--s-2)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-4);min-height:var(--ctl-md);padding:0 var(--s-7);border:1px solid transparent;border-radius:var(--r-1);cursor:pointer;
  font:600 var(--t-4)/1 var(--f-ui);text-decoration:none;white-space:nowrap;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}
.btn-1{background:var(--signal);color:var(--on-signal)}
.btn-1:hover{filter:brightness(1.1)}
.btn-2{background:var(--panel);color:var(--ink);border-color:var(--grid-2)}
.btn-2:hover{background:var(--panel-2)}
.btn-sm{min-height:var(--ctl-md);padding:0 var(--s-5);font-size:var(--t-3)}
.btn:active,.chip:active,.ibtn:active{filter:brightness(.96)}
.btn:disabled,.chip:disabled,.ibtn:disabled{opacity:.5;cursor:not-allowed}

/* panels + tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;border:1px solid var(--grid);background:var(--panel)}
.tile{padding:var(--s-8) var(--s-8);border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);display:flex;flex-direction:column;gap:var(--s-5);text-decoration:none;background:var(--panel)}
.tile:hover{background:var(--panel-2)}
.tile-n{font-family:var(--f-mono);font-size:var(--t-1);font-weight:600;letter-spacing:var(--tr-4);color:var(--signal)}
.tile p{color:var(--ink-2);font-size:var(--t-4);line-height:1.6}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border:1px solid var(--grid);background:var(--panel)}
.stat{padding:var(--s-7) var(--s-8);border-right:1px solid var(--grid);display:flex;flex-direction:column;gap:var(--s-4);text-align:left;background:none;border-top:0;border-bottom:0;border-left:0;min-width:0}
.stat:last-child{border-right:0}
button.stat{cursor:pointer;font:inherit;color:inherit}
button.stat:hover{background:var(--panel-2)}
.stat-l{font-family:var(--f-mono);font-size:var(--t-1);font-weight:600;letter-spacing:var(--tr-3);text-transform:uppercase;color:var(--ink-3)}
.stat-v{font-family:var(--f-mono);font-size:var(--t-8);font-weight:600;letter-spacing:var(--tr-n3);line-height:1.15;font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere;min-width:0}
.stat-d{font-size:var(--t-3);color:var(--ink-3);overflow-wrap:anywhere;min-width:0}
.stat-v-sm{font-size:var(--t-6)}
.stats-in{border:0;background:none}
@media(max-width:640px){.stats-in .stat:last-child{border-bottom:0}}
.w-field{max-width:var(--w-field)}
@media(max-width:640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{border-bottom:1px solid var(--grid)}.stat-v{font-size:var(--t-6)}.stat-d,.stat-l{overflow-wrap:anywhere}}

.pane{border:1px solid var(--grid);background:var(--panel)}
.pane-hero{background:var(--ink);border-color:var(--ink);padding:var(--s-8);display:flex;flex-direction:column;gap:var(--s-4)}
.pane-hero .stat-l{color:var(--on-ink-2)}
.pane-hero .stat-v{font-size:var(--t-9);color:var(--void)}
.pane-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-5);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--grid)}
.pane-h .chips{gap:var(--s-3)}
.pane-t{font-family:var(--f-mono);font-size:var(--t-2);font-weight:600;letter-spacing:var(--tr-3);text-transform:uppercase;color:var(--ink-2)}
.pane-b{padding:var(--s-7)}

/* deltas */
.dlt{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);font:600 var(--t-3)/1.4 var(--f-mono);font-variant-numeric:tabular-nums;border-radius:var(--r-1)}
.dlt-u{background:var(--up-wash);color:var(--up-ink)}
.dlt-d{background:var(--down-wash);color:var(--down-ink)}
.dlt-f{background:var(--panel-2);color:var(--ink-2)}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.chip{display:inline-flex;align-items:center;min-height:var(--ctl-md);padding:0 var(--s-6);border:1px solid var(--grid);background:var(--panel);color:var(--ink-2);cursor:pointer;
  font:600 var(--t-3)/1.3 var(--f-mono);letter-spacing:var(--tr-1);border-radius:var(--r-1)}
.chip:hover{border-color:var(--grid-2);color:var(--ink)}
.chip.on{background:var(--ink);color:var(--void);border-color:var(--ink)}
@media(hover:none),(pointer:coarse){.chip{min-height:var(--ctl-md)}}
.chip .n{color:var(--ink-3);margin-left:var(--s-3);font-variant-numeric:tabular-nums}
.chip.on .n{color:var(--void);opacity:.72}
.chip-flag{margin-left:var(--s-3);padding:0 var(--s-3);border-radius:var(--r-1);background:var(--down-wash);color:var(--down-ink);font:600 var(--t-2)/1.9 var(--f-mono);letter-spacing:var(--tr-1)}

/* bar (toolbar) */
.bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-6);padding-bottom:var(--s-6);border-bottom:1px solid var(--grid);margin-bottom:var(--s-8)}
.cnt{font-family:var(--f-mono);font-size:var(--t-2);font-weight:600;letter-spacing:var(--tr-3);text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums}
.find{display:flex;align-items:center;min-height:var(--ctl-md);gap:var(--s-4);border:1px solid var(--grid);padding:var(--s-4) var(--s-5);background:var(--panel);min-width:min(300px,100%);border-radius:var(--r-1)}
.find svg{width:14px;height:14px;color:var(--ink-3);flex-shrink:0}
.find input{border:0;outline:none;background:none;width:100%;font:500 var(--t-4)/1.4 var(--f-ui);color:var(--ink)}
.bar .find{flex:1 1 300px;max-width:var(--w-narrow)}

/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--grid);background:var(--panel)}
table{width:100%;border-collapse:collapse;font-size:var(--t-4)}
th{text-align:left;padding:var(--s-5) var(--s-7);white-space:nowrap;font-family:var(--f-mono);font-size:var(--t-1);font-weight:600;
  letter-spacing:var(--tr-3);text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--grid-2)}
th.r,td.r{text-align:right}
td{padding:var(--s-5) var(--s-7);border-bottom:1px solid var(--grid);color:var(--ink-2);vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--panel-2)}
td b{color:var(--ink);font-weight:600}

/* forms */
label{display:block;font-family:var(--f-mono);font-size:var(--t-1);font-weight:600;letter-spacing:var(--tr-3);text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-4)}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],select,textarea{
  width:100%;min-height:var(--ctl-lg);padding:var(--s-5) var(--s-5);border:1px solid var(--grid);background:var(--panel);color:var(--ink);
  font:500 var(--t-5)/1.4 var(--f-ui);border-radius:var(--r-1)}
input[type=number]{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-wash)}
input[type=range]{width:100%;height:var(--ctl-md);accent-color:var(--signal);background:none;margin-top:0}
.lbl-sub{margin-top:var(--s-5);margin-bottom:0;font-size:var(--t-1);letter-spacing:var(--tr-3);opacity:.85}
textarea{resize:vertical;min-height:140px}
.fld{margin-bottom:var(--s-7)}
.fld-r{display:flex;align-items:center;gap:var(--s-4)}
.afx{font:600 var(--t-5)/1.4 var(--f-mono);color:var(--ink-3)}
.sel{position:relative}
.sel-native{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.sel-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);width:100%;min-height:var(--ctl-lg);padding:var(--s-5);border:1px solid var(--grid);background:var(--panel);color:var(--ink);font:500 var(--t-5)/1.4 var(--f-ui);border-radius:var(--r-1);text-align:left;cursor:pointer;transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}
.sel-btn:hover{border-color:var(--grid-2)}
.sel-btn:focus-visible,.sel-btn[aria-expanded=true]{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-wash)}
.sel-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-btn[data-placeholder=true] .sel-val{color:var(--ink-3)}
.sel-chev{width:18px;height:18px;flex:0 0 auto;color:var(--ink-3);transition:transform var(--dur-2) var(--ease)}
.sel-btn[aria-expanded=true] .sel-chev{transform:rotate(180deg)}
.sel-list{position:fixed;left:0;top:0;width:max-content;max-width:92vw;z-index:150;max-height:calc(var(--ctl-md) * 6);overflow-y:auto;overscroll-behavior:contain;padding:var(--s-2);border:1px solid var(--grid-2);background:var(--panel);border-radius:var(--r-1);box-shadow:0 8px 26px rgba(0,0,0,.3)}
.sel-opt{display:flex;align-items:center;gap:var(--s-5);min-height:var(--ctl-md);padding:var(--s-3) var(--s-5);border-radius:var(--r-1);color:var(--ink-2);font:500 var(--t-5)/1.35 var(--f-ui);cursor:pointer}
.sel-opt::before{content:"";flex:0 0 auto;width:var(--s-3);height:var(--s-3);border-radius:var(--s-3);background:transparent}
.sel-opt[aria-selected=true]{color:var(--ink);font-weight:600}
.sel-opt[aria-selected=true]::before{background:var(--signal)}
.sel-opt[data-active=true]{background:var(--panel-2);color:var(--ink)}
.sel-opt[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.sel-btn[data-invalid=true]{border-color:var(--down-ink)}
.sel-err{color:var(--down);font-size:var(--t-4);margin-top:var(--s-3)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{color:var(--down);font-size:var(--t-4);margin-top:var(--s-3)}
.note{padding:var(--s-6) var(--s-6);border:1px solid var(--grid);border-left:2px solid var(--signal);background:var(--panel);font-size:var(--t-4);color:var(--ink-2)}
.note-bad{border-left-color:var(--down)}
.note b,.note strong{color:var(--ink);font-weight:600}

/* prose */
.prose{max-width:var(--w-prose)}
.prose>*+*{margin-top:var(--s-6)}
.prose h2{margin-top:0}
.prose h3{font-size:var(--t-6);margin-top:var(--s-9)}
.prose h4{margin-top:var(--s-8)}
.prose p,.prose li{color:var(--ink-2);font-size:var(--t-5);line-height:1.75}
.prose ul,.prose ol{padding-left:var(--s-7);display:flex;flex-direction:column;gap:var(--s-4);margin:0}
.prose li{margin:0}
.prose li::marker{color:var(--ink-3)}
.prose a{color:var(--signal);text-decoration:underline;text-underline-offset:2px}
.prose strong{color:var(--ink);font-weight:600}

/* charts */
.spark{width:100%;height:150px;display:block}
.spark-sm{height:92px}
.axis{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:var(--t-1);color:var(--ink-3);margin-top:var(--s-4);font-variant-numeric:tabular-nums}
.chart-y{display:flex;align-items:stretch;gap:var(--s-5)}
.chart-y .spark{flex:1 1 0;min-width:0}
.axis-y{display:flex;flex-direction:column;justify-content:space-between;text-align:right;font-family:var(--f-mono);font-size:var(--t-1);letter-spacing:var(--tr-1);color:var(--ink-3);flex:0 0 auto;padding:var(--s-1) 0 var(--s-1)}
.axis-x{margin-left:var(--s-12)}
.skel{background:linear-gradient(90deg,var(--panel-2) 25%,var(--sunk) 50%,var(--panel-2) 75%);background-size:200% 100%;animation:sh var(--dur-sheen) infinite}
@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
.void{padding:var(--s-11) var(--s-7);text-align:center;color:var(--ink-3);font-family:var(--f-mono);font-size:var(--t-4)}

/* layout helpers */
.col{display:flex;flex-direction:column;gap:var(--s-6)}
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-9)}
.duo>*{min-width:0}
@media(max-width:860px){.duo{grid-template-columns:minmax(0,1fr);gap:var(--s-8)}}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;border-left:1px solid var(--grid);border-top:1px solid var(--grid)}
.cards>*{border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);background:var(--panel);padding:var(--s-8);display:flex;flex-direction:column;gap:var(--s-5)}
.cards>*:hover{background:var(--panel-2)}

/* modal */
.modal{position:fixed;inset:0;z-index:200;background:rgba(6,8,15,.72);display:flex;align-items:flex-start;justify-content:center;padding:7vh var(--s-7) var(--s-7);overflow-y:auto}
.modal[hidden]{display:none}
.modal-box{background:var(--panel);border:1px solid var(--grid-2);width:100%;max-width:760px;padding:var(--s-9);position:relative}
.modal-x{position:absolute;top:12px;right:12px}

/* footer */
.foot{margin-top:auto;border-top:1px solid var(--grid);background:var(--panel);padding:var(--s-11) 0 var(--s-9)}
.foot-grid{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:var(--s-9);margin-bottom:var(--s-9)}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:var(--s-8)}}
.foot-nav{display:flex;flex-wrap:wrap;gap:var(--s-5) var(--s-8);align-content:start}
.foot-nav a{display:flex;align-items:center;min-height:var(--ctl-md);min-width:var(--ctl-md);font-size:var(--t-4);color:var(--ink-2);text-decoration:none}
.foot-nav a:hover{color:var(--ink)}
.foot-badges{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-7);font-family:var(--f-mono);font-size:var(--t-1);font-weight:600;letter-spacing:var(--tr-3);color:var(--ink-3);margin:var(--s-6) 0}
.foot-fine{font-size:var(--t-2);line-height:1.75;color:var(--ink-3)}
.foot-c{font-family:var(--f-mono);font-size:var(--t-2);color:var(--ink-3);margin-top:var(--s-6)}

/* investing page components */




.intro-banner{padding:var(--s-8) var(--s-8);background:var(--panel);border:1px solid var(--grid);border-left:2px solid var(--signal)}
.intro-banner p{color:var(--ink-2);font-size:var(--t-5);line-height:1.75;max-width:var(--w-prose)}
.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0;border-left:1px solid var(--grid);border-top:1px solid var(--grid)}
.type-card{border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);background:var(--panel);display:flex;flex-direction:column}

.type-card-header{padding:var(--s-8) var(--s-8) var(--s-7);border-bottom:1px solid var(--grid);display:flex;flex-direction:column;gap:var(--s-5)}
.type-card-icon{display:inline-flex;width:22px;height:22px;flex:0 0 22px;color:var(--ink-3)}.type-card-icon svg{width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round}
.type-card-header h3{font-size:var(--t-6);letter-spacing:var(--tr-n2)}
.type-card-header p{color:var(--ink-2);font-size:var(--t-4);line-height:1.6}
.type-card-body{padding:var(--s-8) var(--s-8) var(--s-8);flex:1}
.pros-cons{display:grid;grid-template-columns:repeat(auto-fit,minmax(146px,1fr));gap:var(--s-8)}
.pros-cons-col h4{font-family:var(--f-mono);font-size:var(--t-1);font-weight:600;letter-spacing:var(--tr-4);text-transform:uppercase;margin:0 0 var(--s-5)}
.pros-col h4{color:var(--up)}
.cons-col h4{color:var(--down)}
.pros-cons-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-4)}
.pros-cons-col li{position:relative;padding-left:var(--s-6);font-size:var(--t-4);line-height:1.5;color:var(--ink-2)}
.pros-cons-col li::before{position:absolute;left:0;top:-1px;font-family:var(--f-mono);font-size:var(--t-4)}
.pros-col li::before{content:"+";color:var(--up)}
.cons-col li::before{content:"−";color:var(--down)}
.compare-wrap{overflow-x:auto;border:1px solid var(--grid);background:var(--panel)}
.compare-table{width:100%;border-collapse:collapse;font-size:var(--t-4)}
.compare-table th{text-align:left;padding:var(--s-5) var(--s-7);white-space:nowrap;font-family:var(--f-mono);font-size:var(--t-1);font-weight:600;letter-spacing:var(--tr-3);text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--grid-2)}
.compare-table td{padding:var(--s-5) var(--s-7);border-bottom:1px solid var(--grid);color:var(--ink-2)}
.compare-table tbody tr:last-child td{border-bottom:0}
.compare-table tbody tr:hover{background:var(--panel-2)}
.compare-table td:first-child{color:var(--ink);font-weight:600}
.pill{display:inline-flex;align-items:center;padding:var(--s-2) var(--s-4);font:600 var(--t-2)/1.5 var(--f-mono);letter-spacing:var(--tr-1);border-radius:var(--r-1)}
.pill-low{background:var(--up-wash);color:var(--up-ink)}
.pill-med{background:var(--panel-2);color:var(--ink-2)}
.pill-high{background:var(--down-wash);color:var(--down-ink)}
.cta-strip{margin:var(--s-11) 0 0;padding:clamp(var(--s-9),5vw,var(--s-11));background:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-6)}
.cta-strip h2{color:var(--void);font-size:var(--t-sub)}
.cta-strip p{color:var(--void);opacity:.72;font-size:var(--t-5);line-height:1.65;max-width:var(--w-lede)}
.metric-d{font-size:var(--t-3);color:var(--ink-3)}
.plain{display:inline-flex;align-items:center;min-height:var(--ctl-md);text-decoration:none}
.plain:hover{color:var(--ink)}
.lead{font-size:var(--t-lead);line-height:1.6;color:var(--ink-2);max-width:var(--w-lede)}
.n{color:var(--ink-3);margin-left:var(--s-3);font-variant-numeric:tabular-nums}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;border-left:1px solid var(--grid);border-top:1px solid var(--grid)}
.grid>*{border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);background:var(--panel);padding:var(--s-8)}

/* calculator guidance */
.guide{margin-top:var(--s-7);border:1px solid var(--grid);background:var(--panel)}
.guide-h{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--grid)}
.guide-t{font-family:var(--f-mono);font-size:var(--t-1);font-weight:600;letter-spacing:var(--tr-3);text-transform:uppercase;color:var(--signal)}
.guide-b{padding:var(--s-6) var(--s-7) var(--s-7)}
.guide-cols{columns:2;column-gap:var(--s-10)}
@media(max-width:820px){.guide-cols{columns:1}}
.guide-cols li{break-inside:avoid;margin-bottom:var(--s-5)}
.guide-b>p{color:var(--ink-2);font-size:var(--t-4);line-height:1.7;margin:0 0 var(--s-5)}
.guide-b>p:last-child{margin-bottom:0}
.guide-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-5)}
.guide-list li{position:relative;padding-left:var(--s-8);font-size:var(--t-4);line-height:1.7;color:var(--ink-2)}
.guide-list li::before{content:"→";position:absolute;left:0;top:0;color:var(--signal);font-family:var(--f-mono);font-size:var(--t-4);line-height:1.75}
.guide-list b{color:var(--ink);font-weight:600}
.guide-form{margin:var(--s-5) 0 0;padding:var(--s-5) var(--s-6);background:var(--panel-2);border-left:2px solid var(--grid-2);
  font-family:var(--f-mono);font-size:var(--t-3);line-height:1.7;color:var(--ink);overflow-x:auto}

.batch-list{list-style:none;margin:var(--s-6) 0 var(--s-2);padding:0;border-top:1px solid var(--grid)}
.is-busy{color:var(--signal)}
.is-busy::after{content:"";display:inline-block;width:var(--s-3);height:var(--s-3);margin-left:var(--s-3);border-radius:50%;background:currentColor;vertical-align:middle;animation:busyPulse var(--dur-pulse) ease-in-out infinite}
@keyframes busyPulse{0%,100%{opacity:1}50%{opacity:.42}}
.brk{list-style:none;margin:var(--s-5) 0 0;padding:0;border-top:1px solid var(--grid)}
.brk li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-7);padding:var(--s-4) 0;border-bottom:1px solid var(--grid);font-size:var(--t-4)}
.brk li:last-child{border-bottom:0;padding-bottom:0;font-weight:600;color:var(--ink)}
.brk em{font-style:normal;font-family:var(--f-mono);font-size:var(--t-1);letter-spacing:var(--tr-1);color:var(--ink-3);margin-left:var(--s-3);white-space:nowrap}
.brk .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.batch-list li{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-4) 0;border-bottom:1px solid var(--grid);font-size:var(--t-4)}
.batch-n{font-family:var(--f-mono);font-size:var(--t-1);color:var(--ink-3);flex:0 0 16px}
.batch-t{flex:1 1 auto;color:var(--ink-2)}
.auth-wrap{max-width:420px}
.auth-wrap .fld{margin-bottom:var(--s-6)}
.auth-wrap form{border:1px solid var(--grid);background:var(--panel);padding:var(--s-8)}
@media(max-width:560px){.top-in{gap:var(--s-5)}
  .logo-word{font-size:var(--t-3);letter-spacing:var(--tr-0)}}
@media(max-width:350px){.logo-word{display:none}}
.ibtn-load:disabled svg{animation:spin var(--dur-spin) linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.bar-stocks #stocksAsOf{margin-left:auto}
@media(max-width:640px){.bar-stocks #stocksAsOf{order:-1;width:100%;margin-left:0;text-align:right;margin-right:-.13em}}
.art-head{padding-bottom:0}
.crumbs{display:flex;gap:var(--s-4);align-items:center;font-family:var(--f-mono);font-size:var(--t-1);letter-spacing:var(--tr-3);text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-7)}
.crumbs a{color:var(--signal)}
.art-title{font-size:var(--t-title);line-height:1.08;letter-spacing:var(--tr-n2);margin:0 0 var(--s-6);max-width:none;text-wrap:pretty}
.art-sum{max-width:none;margin-bottom:var(--s-7)}
.art-meta{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-8);margin-bottom:var(--s-9);font-family:var(--f-mono);font-size:var(--t-2);color:var(--ink-3);letter-spacing:var(--tr-1)}
.art-meta b{color:var(--ink-2);font-weight:600}
.art-hero{margin:0;border:1px solid var(--grid);background:var(--panel);overflow:hidden;height:clamp(150px,22vw,230px)}
.art-plate{display:block;width:100%;height:100%}
.art-hero-photo{height:clamp(170px,26vw,300px)}
.art-photo{display:block;width:100%;height:100%;object-fit:cover}
:root[data-theme="dark"] .art-photo{opacity:.84}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .art-photo{opacity:.84}}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .art-photo{opacity:1}}
.art-plate .ag{stroke:var(--grid);stroke-width:1;vector-effect:non-scaling-stroke}
.art-plate .abox{fill:none;stroke:var(--ink-3);stroke-width:1.3;vector-effect:non-scaling-stroke}
.art-plate .athin{stroke:var(--grid-2);stroke-width:1;vector-effect:non-scaling-stroke}
.art-plate .aline{fill:none;stroke:var(--ink-2);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.art-plate .aacc{fill:none;stroke:var(--signal);stroke-width:1.6;vector-effect:non-scaling-stroke}
.art-plate .afill{fill:var(--signal);opacity:.09;stroke:none}
.art-plate .adot{stroke:var(--signal);stroke-width:7;stroke-linecap:round;vector-effect:non-scaling-stroke}
.art-plate .abase{stroke:var(--ink-3);stroke-width:1.4;vector-effect:non-scaling-stroke}
.art-body{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:var(--s-11);align-items:start}
.art-toc{position:sticky;top:84px}
.art-toc ol{list-style:none;margin:var(--s-5) 0 0;padding:0;counter-reset:toc}
.art-toc li{counter-increment:toc;border-top:1px solid var(--grid)}
.art-toc li a{display:flex;gap:var(--s-4);padding:var(--s-4) 0;font-size:var(--t-4);color:var(--ink-2);line-height:1.4}
.art-toc li a::before{content:counter(toc,decimal-leading-zero);font-family:var(--f-mono);font-size:var(--t-1);color:var(--ink-3);padding-top:var(--s-1)}
.art-toc li a:hover{color:var(--signal)}
.art-prose{max-width:var(--w-prose)}
.art-prose h3{scroll-margin-top:90px}
@media(max-width:860px){.art-body{grid-template-columns:1fr;gap:var(--s-8)}.art-toc{position:static}}

.tbl-f500 td:nth-child(4){max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbl-f500 tr[hidden]{display:none}
.tbl-f500 .dl .dlt{display:inline-flex;gap:var(--s-2);align-items:baseline;white-space:nowrap}
.tbl-f500 td:nth-child(7){white-space:nowrap}

.tbl-f500{table-layout:fixed;width:100%}
.tbl-docs{table-layout:fixed;width:100%;min-width:620px}
.tbl-f500 th,.tbl-f500 td,.tbl-docs th,.tbl-docs td,.tbl-reit th,.tbl-reit td,.tbl-acct th,.tbl-acct td{padding:var(--s-4) var(--s-5);font-size:var(--t-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.tbl-f500 tbody tr:hover,.tbl-docs tbody tr:hover,.tbl-reit tbody tr:hover,.tbl-acct tbody tr:hover{background:var(--panel-2)}
.tbl-docs .c-doc{white-space:normal}
.tbl-docs .doc-n{display:block;font-weight:600;color:var(--ink)}
.tbl-docs .doc-d{display:block;margin-top:var(--s-2);font-size:var(--t-2);line-height:1.45;color:var(--ink-3)}
.tbl-docs .c-cat{width:170px}
.tbl-docs .c-view{width:118px}
.tbl-docs .c-req{width:172px}
.dact{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-4);min-height:var(--ctl-md);padding:0 var(--s-5);border:1px solid var(--grid-2);border-radius:var(--r-1);background:var(--panel);color:var(--ink-2);font:600 var(--t-3)/1 var(--f-ui);text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}
.dact svg{width:15px;height:15px;flex:0 0 auto}
.dact:hover{border-color:var(--signal);color:var(--ink)}
.dact:focus-visible{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-wash)}
.tbl-acct{table-layout:fixed;width:100%;min-width:588px}
.tbl-acct .c-em{width:200px}
.tbl-acct .c-role{width:86px}
.tbl-acct .c-pw{width:112px}
.tbl-acct .c-act{width:190px}
.tbl-log{table-layout:fixed;width:100%;min-width:830px}
.tbl-log .c-when{width:150px}
.tbl-log .c-evt{width:230px}
.tbl-log .c-res{width:110px}
.tbl-log .c-det{width:340px}
.tbl-log tr[hidden],.tbl-log tbody[hidden]{display:none}
.dw-type{display:block;font-family:var(--f-mono);font-size:var(--t-2);color:var(--ink-3)}
.dw-lab{display:block;margin-top:var(--s-2);color:var(--ink)}
.dw-why{display:block;margin-top:var(--s-3);font-family:var(--f-mono);font-size:var(--t-3);line-height:1.55;color:var(--ink-2);overflow-wrap:anywhere}
.tbl-ceo{table-layout:fixed;width:100%;min-width:560px}
.tbl-ceo .c-rk{width:56px}
.tbl-ceo .c-tk{width:84px}
.tbl-ceo .c-nm{width:180px}
.tbl-ceo .c-in{width:240px;overflow:visible}
.ceo-row{display:flex;align-items:center;gap:var(--s-4)}
.ceo-row input{min-height:var(--ctl-md);padding:0 var(--s-5);border:1px solid var(--grid);background:var(--panel);color:var(--ink);font:500 var(--t-3)/1 var(--f-ui);border-radius:var(--r-1);min-width:0;flex:1 1 auto}
.ceo-row input:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-wash)}
.ceo-row .btn{flex:0 0 auto;padding:0 var(--s-5)}
.acct-act .btn{padding:0 var(--s-5)}
.acct-act{white-space:nowrap;width:1%}
.acct-act form{display:inline-block}
.acct-act form+form{margin-left:var(--s-4)}
@media(max-width:700px){
  .tbl-acct{display:block;min-width:0;table-layout:auto}
  .tbl-acct thead{display:none}
  .tbl-acct tbody{display:block}
  .tbl-acct tr{display:block;padding:var(--s-6) var(--s-5);border-bottom:1px solid var(--grid)}
  .tbl-acct tbody tr:last-child{border-bottom:0}
  .tbl-acct td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-6);
    width:auto;padding:var(--s-3) 0;overflow:visible;white-space:normal;text-align:right;word-break:break-word}
  .tbl-acct td::before{content:attr(data-l);flex:0 0 auto;font-family:var(--f-mono);font-size:var(--t-1);
    font-weight:600;letter-spacing:var(--tr-3);text-transform:uppercase;color:var(--ink-3);text-align:left}
  .tbl-acct td.acct-act{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-4);
    width:auto;padding-top:var(--s-5);white-space:normal}
  .tbl-acct td.acct-act::before{display:none}
  .tbl-acct .acct-act form{display:block;width:100%}
  .tbl-acct .acct-act form+form{margin-left:0}
  .tbl-acct .acct-act .btn{width:100%}
}
@media(max-width:640px){.tbl-docs,.tbl-docs tbody,.tbl-docs tr,.tbl-docs td{display:block}.tbl-docs{min-width:0}.tbl-docs thead{display:none}.tbl-docs tr{padding:var(--s-6) var(--s-5);border-bottom:1px solid var(--grid)}.tbl-docs tbody tr:last-child{border-bottom:0}.tbl-docs td{width:auto;padding:0;border:0;white-space:normal;overflow:visible;text-overflow:clip}.tbl-docs .c-cat{margin-top:var(--s-4);font-size:var(--t-2)}.tbl-docs .c-view,.tbl-docs .c-req{display:inline-block;margin-top:var(--s-5);margin-right:var(--s-4)}}
.tbl-f500 .c-rank{width:46px;padding-right:var(--s-2)}
.tbl-f500 .c-co{width:27%}
.tbl-f500 .c-ceo{width:16%}
.tbl-f500 .c-rev{width:9%}
.tbl-f500 .c-px{width:12%}
.tbl-f500 .c-chg{width:11%}
.tbl-f500 .c-rng{width:10%}
.tbl-f500 .c-trend{width:216px;padding-right:var(--s-5)}
.tbl-f500 .co-n{display:block;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.tbl-f500 .co-t{display:block;font-size:var(--t-1);letter-spacing:var(--tr-1);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}
.tbl-f500 .px{display:block}
.tbl-f500 .pc{display:block;font-size:var(--t-1)}
.tbl-f500 .dl .dlt{display:inline-flex;gap:var(--s-2);align-items:baseline;white-space:nowrap}
.tbl-f500 .c-trend svg{height:38px;width:100%;display:block}
.tbl-f500 tr[hidden]{display:none}
@media(max-width:1180px){
  .tbl-f500{min-width:920px}
  .tbl-f500 .c-rank{width:44px}.tbl-f500 .c-co{width:210px}
  .tbl-f500 .c-ceo{width:150px}.tbl-f500 .c-rev{width:86px}
  .tbl-f500 .c-px{width:96px}.tbl-f500 .c-chg{width:92px}
  .tbl-f500 .c-rng{width:86px}.tbl-f500 .c-trend{width:156px}
}
@media(max-width:520px){
  .tbl-f500 th,.tbl-f500 td{padding:var(--s-4) var(--s-4);font-size:var(--t-3)}
}
.pager{display:flex;align-items:center;justify-content:center;gap:var(--s-6);margin-top:var(--s-7)}
.pager[hidden]{display:none}

#paneWatch table{table-layout:fixed;width:100%}
#paneWatch th,#paneWatch td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#paneWatch th:nth-child(1),#paneWatch td:nth-child(1){width:9%}
#paneWatch th:nth-child(3),#paneWatch td:nth-child(3){width:16%}
#paneWatch th:nth-child(4),#paneWatch td:nth-child(4){width:14%}
#paneWatch th:nth-child(5),#paneWatch td:nth-child(5){width:15%}
.tbl-reit{table-layout:fixed;width:100%;min-width:938px}
.tbl-reit .c-sym{width:90px}
.tbl-reit .c-co{width:210px}
.tbl-reit .c-sec{width:140px}
.tbl-reit .c-px{width:92px}
.tbl-reit .c-chg{width:190px}
.c-reit-trend{width:216px}
#paneWatch th:nth-child(6){width:216px}
.c-reit-trend svg{height:38px;width:100%;display:block}
a.plain,a.plain:hover{text-decoration:none;background:none}
.tools form{display:inline-flex;margin:0}
.rowtip{position:fixed;left:0;top:0;z-index:90;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--dur-1) var(--ease),transform var(--dur-1) var(--ease);max-width:min(340px,78vw);padding:var(--s-4) var(--s-5) var(--s-4);background:var(--ink);color:var(--panel);border-radius:var(--r-1);font-size:var(--t-3);line-height:1.35;box-shadow:0 8px 26px rgba(0,0,0,.3)}
.rowtip.on{opacity:1;transform:translateY(0)}
.rowtip b{display:block;font-weight:600;font-size:var(--t-1);letter-spacing:var(--tr-3);text-transform:uppercase;opacity:.6;margin-bottom:var(--s-1)}
.foot-v{margin-inline-start:var(--s-4);font-family:var(--f-mono);font-size:var(--t-1);color:var(--ink-2);text-transform:none}