/* Simple, beginner-friendly homepage (body.simple). Loaded on every page; rules are scoped to .simple except the Newswire tab. */
.nav-power{margin-left:auto}
body.simple{
  --bg:#0f1418; --panel:#151c21; --panel-2:#1a2228; --line:#243039; --line-2:#2e3b45;
  --text:#e4e9ec; --dim:#9aa7b0; --faint:#6f7c85;
  --up:#19d47a; --down:#ff4d5e; --amber:#ffb000; --accent:#19d47a; --accent-ink:#19d47a;
  font:18px/1.6 var(--sans); background:var(--bg); background-image:none;
}
[data-theme="light"] body.simple{--bg:#f7f7f4;--panel:#fff;--panel-2:#f2f3ef;--line:#e2e4df;--line-2:#d3d7d1;--text:#1e262b;--dim:#56636b;--faint:#7d878d;
  --up:#0b8f4d;--down:#c8283a;--amber:#8a5a00;--accent:#0b8f4d;--accent-ink:#0a7a41}
.simple .site-header{background:var(--bg);position:static}
.simple .topbar{font-family:var(--sans)}
.simple .status .session,.simple .status .clock,.simple .status .updated{display:none}
.simple .tabs{background:var(--bg)}
.simple .nav-link{font:500 15px var(--sans);letter-spacing:0;text-transform:none;border-right:0;padding:10px 14px}
.simple .nav-link .fkey{display:none}
.simple .nav-link.active{background:transparent;color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}
.simple .desk-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.simple .s-hero{margin:36px 0 24px;border:0;padding:0}
.simple .hero-h{font-size:clamp(30px,4vw,46px);color:var(--text)}
.simple .hero-tag{font-weight:400;color:var(--dim);font-size:19px}
.simple .hero-tag a,.s-power a,.s-more,.today-go{color:var(--accent);text-decoration:none}
.simple .hero-tag a:hover,.s-power a:hover,.s-more:hover,.today-go:hover{text-decoration:underline}
.s-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px 28px;margin:0 0 28px}
.s-card h2{margin:0 0 6px;font:700 24px/1.25 var(--sans);color:var(--text);letter-spacing:-.01em;text-transform:none}
.s-card h2::before{content:none}
.s-lede{margin:0 0 14px;color:var(--dim);font-size:16px}
.s-note{margin:16px 0 0;color:var(--faint);font-size:14px}
.s-today{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel))}
.s-today h2{font-size:28px;margin-bottom:14px}
.today{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.today li{display:flex;gap:12px;font-size:19px;line-height:1.5}
.today-i{flex:0 0 auto}
.today-go{white-space:nowrap;font-size:16px}
.s-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.s-cols-3{grid-template-columns:repeat(3,1fr)}
.s-cols .s-card{margin-bottom:28px}
.s-list{list-style:none;margin:0;padding:0}
.s-list li{padding:14px 0;border-top:1px solid var(--line)}
.s-list li:first-child{border-top:0;padding-top:4px}
.s-list a{color:var(--text);text-decoration:none;font-weight:600}
.s-list a:hover{color:var(--accent)}
.s-sum{margin:6px 0 0;color:var(--dim);font-size:16px}
.s-meta{display:block;margin-top:4px;color:var(--faint);font-size:14px}
.s-more{display:inline-block;margin-top:12px;font-weight:600;font-size:16px}
.w-when{display:block;font-size:14px;font-weight:700;color:var(--amber);letter-spacing:.02em}
.w-why{display:block;margin-top:4px;color:var(--dim);font-size:16px}
.w-why b{color:var(--text);font-weight:600}
.s-cols-3 .s-list a{font-size:16.5px}
.s-power{margin:0 0 28px;text-align:center;font-size:16px}
.s-gloss summary{cursor:pointer;color:var(--accent);font-size:16px}
.s-gloss dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px 28px;margin:16px 0 0}
.s-gloss dt{font-weight:700}
.s-gloss dd{margin:2px 0 0;color:var(--dim);font-size:16px}
/* glossary tooltips */
.gl{position:relative;border-bottom:1px dotted var(--accent);cursor:help;white-space:nowrap}
.gl-q{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:3px;border-radius:50%;background:color-mix(in srgb,var(--accent) 25%,transparent);
  color:var(--accent);font:700 10px/1 var(--sans);vertical-align:super}
.gl-tip{display:none;position:absolute;z-index:30;left:0;top:calc(100% + 6px);width:min(300px,80vw);padding:10px 12px;border-radius:10px;
  background:var(--panel-2);border:1px solid var(--line-2);box-shadow:0 8px 24px rgba(0,0,0,.35);color:var(--text);font:400 15px/1.45 var(--sans);white-space:normal}
.gl-tip b{display:block;color:var(--accent);font-size:13px;margin-bottom:2px}
.gl:hover .gl-tip,.gl:focus .gl-tip,.gl:focus-within .gl-tip{display:block}
/* ticker: smaller and lower on the page */
.s-markets{max-width:1100px;margin:8px auto 24px;padding:0 24px;opacity:.85}
.s-mk-h{margin:0 0 6px;font:600 14px var(--sans);color:var(--faint)}
.simple .mkt-ticker{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.simple .mkt-ticker .tradingview-widget-container{height:38px}
.simple .sym-row{font-size:13px;background:transparent;border:0}
.simple .site-footer{max-width:1100px;margin:0 auto;font-size:14px}
@media (max-width:900px){ .s-cols,.s-cols-3{grid-template-columns:1fr;gap:0} }
@media (max-width:700px){
  body.simple{font-size:17px}
  .simple .desk-wrap,.s-markets{padding:0 14px}
  .s-card{padding:20px 18px;border-radius:12px}
  .s-today h2{font-size:24px}
  .today li{font-size:17.5px}
  .gl-tip{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto}
}
/* Simple / Power user segmented control */
.view-toggle{display:flex;width:max-content;margin:14px 0 0 auto;padding:3px;gap:2px;border:1px solid var(--line-2);border-radius:999px;background:var(--panel);font:600 13px/1 var(--sans)}
.vt-opt{padding:6px 12px;border-radius:999px;color:var(--dim);text-decoration:none;letter-spacing:0}
.vt-opt:hover{color:var(--text)}
.vt-opt.on{background:color-mix(in srgb,var(--accent,#7fb6d9) 22%,transparent);color:var(--text)}
.simple .view-toggle{margin:20px 0 -20px auto}

/* ---- bold market green / red accents (same as logo + power-user view) ---- */
.simple .site-header{border-bottom:3px solid var(--up)}
.simple .nav-link.active{box-shadow:inset 0 -3px 0 var(--up);color:var(--text)}
.simple .nav-power{color:var(--down)}
.simple .s-hero{padding-left:18px;border-left:6px solid var(--up)}
.simple .hero-h{color:var(--text)}
.simple .hero-tag a,.s-power a,.s-more,.today-go,.s-gloss summary{color:var(--accent-ink);font-weight:700}
.s-list a:hover{color:var(--accent-ink)}
.s-card h2{padding-bottom:10px;margin-bottom:12px;border-bottom:2px solid color-mix(in srgb,var(--up) 55%,transparent)}
.s-card h2::after{content:"";display:block;width:56px;height:3px;margin-top:8px;background:var(--up);border-radius:2px}
.s-card h2{border-bottom:0;padding-bottom:0}
.s-card{border-top:3px solid var(--up)}
.s-card:nth-of-type(even){border-top-color:var(--down)}
.s-today{border:2px solid var(--up);background:linear-gradient(180deg,color-mix(in srgb,var(--up) 12%,var(--panel)),var(--panel));box-shadow:0 0 0 4px color-mix(in srgb,var(--up) 10%,transparent)}
.s-today h2::after{background:linear-gradient(90deg,var(--up) 50%,var(--down) 50%);width:90px}
.w-when{color:var(--down)}
.w-why{padding-left:12px;border-left:4px solid var(--up)}
.w-why b{color:var(--accent-ink)}
.gl{border-bottom-color:var(--up)}
.gl-q{background:var(--up);color:#04130a}
.gl-tip b{color:var(--accent-ink)}
.vt-opt.on{background:var(--up);color:#04130a}
[data-theme="light"] .vt-opt.on{background:#0a7a41;color:#fff}
[data-theme="light"] .gl-q{background:#0a7a41;color:#fff}
.s-more{padding:8px 14px;border:2px solid var(--up);border-radius:999px}
.s-more:hover{background:var(--up);color:#04130a;text-decoration:none}
[data-theme="light"] .s-more:hover{background:#0a7a41;color:#fff}
.s-acc-paid{color:var(--down)}
.dir-up{color:var(--up)} .dir-down{color:var(--down)}