/* StocksXray "Clarity" design system v0.1 (12 Nov 2026). Own tokens and components, prefix nx-. Light only. Inspired by the calm, chart-first structure of modern finance quote pages; no third-party assets, code, text or colours. */
:root{
  /* surfaces */
  --nx-bg:#F4F2ED; --nx-card:#FFFFFF; --nx-sunken:#EFECE5; --nx-hover:#F7F5F0; --nx-line:#E5E1D8; --nx-line-2:#CFC9BC;
  /* ink (text) */
  --nx-ink:#0B1730; --nx-ink-2:#35405A; --nx-mut:#5A6479; --nx-faint:#8A93A5;
  /* brand */
  --nx-navy:#0A1A33; --nx-navy-2:#16294B; --nx-gold:#C09231; --nx-gold-2:#A97E22; --nx-gold-ink:#7F5A0F; --nx-gold-tint:#FBF4E2; --nx-on-gold:#0A1A33; --nx-sh:11,23,48; --nx-ft-text:#C9D2E3; --nx-ft-mut:#93A0BA; --nx-wm-i:#E2BE6A; --nx-up-on-navy:#5FDDA4; --nx-dn-on-navy:#FF9A94; --nx-acc:#1B54C6; --nx-acc-ink:#153F9C; --nx-acc-tint:#E9EFFB; --nx-acc-line:#C3D2F3; --nx-cta:#C09231;
  /* signal */
  --nx-up:#0A7551; --nx-up-bg:#E4F3EC; --nx-up-line:#9ED6BA; --nx-dn:#A9232B; --nx-dn-bg:#FBE9E8; --nx-dn-line:#EDB3AF; --nx-warn:#8A5A00; --nx-warn-bg:#FBF1DB; --nx-warn-line:#E8C97A;
  /* type */
  --nx-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --nx-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --nx-t12:12px; --nx-t13:13px; --nx-t14:14px; --nx-t16:16px; --nx-t18:18px; --nx-t22:22px; --nx-t28:28px; --nx-t36:36px; --nx-t44:44px;
  /* space / shape */
  --nx-s1:4px; --nx-s2:8px; --nx-s3:12px; --nx-s4:16px; --nx-s5:20px; --nx-s6:24px; --nx-s8:32px; --nx-s12:48px;
  --nx-r1:8px; --nx-r2:12px; --nx-r3:16px; --nx-pill:999px;
  --nx-e1:0 1px 2px rgba(var(--nx-sh),.06); --nx-e2:0 10px 28px rgba(var(--nx-sh),.14);
  --nx-hd:60px; --nx-nav:44px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.nx{margin:0;background:var(--nx-bg);color:var(--nx-ink);font:400 var(--nx-t16)/1.5 var(--nx-font);font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased}
.nx a{color:var(--nx-acc-ink);text-decoration:none}.nx a:hover{text-decoration:underline}
.nx h1,.nx h2,.nx h3,.nx h4{margin:0;line-height:1.2;letter-spacing:-.01em;color:var(--nx-ink)}
.nx-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.nx-num{font-variant-numeric:tabular-nums}.nx-mono{font-family:var(--nx-mono)}
.nx-mut{color:var(--nx-mut)}.nx-up{color:var(--nx-up)}.nx-dn{color:var(--nx-dn)}.nx-warn{color:var(--nx-warn)}

/* header */
.nx-top{position:sticky;top:0;z-index:50;background:var(--nx-card);border-bottom:1px solid var(--nx-line)}
.nx-hd{display:flex;align-items:center;gap:24px;height:var(--nx-hd);min-width:0}
.nx-logo img{display:block;height:34px;width:auto}
.nx-chart .m{display:none}
.nx-wm{font:700 22px var(--nx-font);color:#fff;letter-spacing:-.02em}.nx-wm i{font-style:normal;color:var(--nx-wm-i)}
.nx-search{flex:1;min-width:0;max-width:560px;display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-radius:var(--nx-pill);background:var(--nx-hover);border:1px solid transparent;color:var(--nx-mut);font-size:var(--nx-t14)}
.nx-search svg{flex:none}.nx-search span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nx-search kbd{margin-left:auto;font:500 12px var(--nx-font);padding:2px 7px;border:1px solid var(--nx-line-2);border-radius:6px;color:var(--nx-mut);background:#fff}
.nx-hd-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.nx-nav{display:flex;gap:2px;height:var(--nx-nav);align-items:stretch;overflow-x:auto;scrollbar-width:none}
.nx-nav::-webkit-scrollbar{display:none}
.nx-nav a{flex:none;display:flex;align-items:center;padding:0 14px;font-size:var(--nx-t14);font-weight:500;color:var(--nx-ink-2);border-bottom:2px solid transparent}
.nx-nav a:hover{color:var(--nx-ink);text-decoration:none;background:var(--nx-hover)}
.nx-nav a[aria-current]{color:var(--nx-acc-ink);border-bottom-color:var(--nx-acc);font-weight:600}
.nx-burger{display:none}

/* buttons, chips, segmented */
.nx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--nx-pill);border:1px solid var(--nx-line-2);background:var(--nx-card);color:var(--nx-ink);font:600 var(--nx-t14)/1 var(--nx-font);cursor:pointer;text-decoration:none!important}
.nx-btn:hover{background:var(--nx-hover)}
.nx-btn.pri{background:var(--nx-acc);border-color:var(--nx-acc);color:#fff}.nx-btn.pri:hover{background:var(--nx-acc-ink)}
.nx-btn.cta{background:var(--nx-cta);border-color:var(--nx-cta);color:#fff}
.nx-btn.sm{height:34px;padding:0 14px;font-size:var(--nx-t13)}
.nx-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--nx-pill);border:1px solid var(--nx-line-2);background:var(--nx-card);color:var(--nx-ink-2);font:500 var(--nx-t13)/1 var(--nx-font);white-space:nowrap}
.nx-chip[aria-pressed=true],.nx-chip.on{background:var(--nx-acc-tint);border-color:var(--nx-acc-line);color:var(--nx-acc-ink);font-weight:600}
.nx-seg{display:inline-flex;gap:2px;padding:3px;border-radius:var(--nx-pill);background:var(--nx-sunken)}
.nx-seg button,.nx-seg a{white-space:nowrap;height:32px;min-width:44px;padding:0 12px;border:0;border-radius:var(--nx-pill);background:transparent;color:var(--nx-ink-2);font:600 var(--nx-t13)/1 var(--nx-font);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.nx-seg [aria-pressed=true]{background:var(--nx-card);color:var(--nx-acc-ink);box-shadow:var(--nx-e1)}
.nx-pill{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:var(--nx-pill);font:600 var(--nx-t13)/1 var(--nx-font)}
.nx-pill.up{background:var(--nx-up-bg);color:var(--nx-up)}.nx-pill.dn{background:var(--nx-dn-bg);color:var(--nx-dn)}.nx-pill.warn{background:var(--nx-warn-bg);color:var(--nx-warn)}.nx-pill.neutral{background:var(--nx-sunken);color:var(--nx-ink-2)}

/* cards */
.nx-card{background:var(--nx-card);border:1px solid var(--nx-line);border-radius:var(--nx-r3);overflow:hidden}
.nx-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0}
.nx-card-h h2,.nx-card-h h3{font-size:var(--nx-t16);font-weight:700}
.nx-card-h a{font-size:var(--nx-t13);font-weight:600}
.nx-card-b{padding:16px 20px 20px}
.nx-card.flat .nx-card-b{padding-top:12px}
.nx-sub{margin:4px 0 0;font-size:var(--nx-t13);color:var(--nx-mut)}

/* quote header */
.nx-crumb{font-size:var(--nx-t13);color:var(--nx-mut);padding:16px 0 12px}.nx-crumb a{color:var(--nx-mut)}.nx-crumb a:hover{color:var(--nx-acc-ink)}
.nx-q{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
.nx-q-logo{flex:none;width:48px;height:48px;border-radius:12px;background:var(--nx-acc-tint);border:1px solid var(--nx-acc-line);display:grid;place-items:center;font:700 16px var(--nx-font);color:var(--nx-acc-ink)}
.nx-q h1{font-size:var(--nx-t28);font-weight:700}
.nx-q-meta{margin-top:4px;font-size:var(--nx-t14);color:var(--nx-mut)}
.nx-q-meta a{color:var(--nx-mut);text-decoration:underline;text-decoration-color:var(--nx-line-2)}
.nx-q-act{margin-left:auto;display:flex;gap:8px;flex:none}
.nx-px{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:16px}
.nx-px b{font-size:var(--nx-t44);line-height:1;font-weight:700;letter-spacing:-.02em}
.nx-px small{font-size:var(--nx-t13);color:var(--nx-mut);flex-basis:100%;margin-top:-4px}

/* chart */
.nx-chart-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 0;flex-wrap:wrap}
.nx-chart{position:relative;padding:8px 8px 4px}
.nx-chart svg{display:block;width:100%;height:auto}
.nx-chart text{font:500 var(--fs,11px) var(--nx-font);fill:var(--nx-mut)}
.nx-chart-f{display:flex;gap:24px;flex-wrap:wrap;padding:12px 20px 16px;border-top:1px solid var(--nx-line);font-size:var(--nx-t13);color:var(--nx-mut)}
.nx-range{flex:1 1 200px;min-width:160px}
.nx-range .t{height:6px;border-radius:3px;background:var(--nx-sunken);position:relative;margin:8px 0 4px}
.nx-range .t i{position:absolute;top:-3px;width:12px;height:12px;border-radius:50%;background:var(--nx-acc);border:2px solid #fff;box-shadow:0 0 0 1px var(--nx-acc);transform:translateX(-50%)}
.nx-range .v{display:flex;justify-content:space-between;color:var(--nx-ink);font-weight:600}
.nx-range .k{display:flex;justify-content:space-between;font-size:12px}

/* sticky tabs */
.nx-tabs{position:sticky;top:calc(var(--nx-hd) + var(--nx-nav));z-index:40;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;background:var(--nx-bg);border-bottom:1px solid var(--nx-line-2);margin:0 0 4px}
.nx-tabs::-webkit-scrollbar{display:none}
.nx-tabs a{flex:none;display:flex;align-items:center;height:46px;padding:0 14px;font-size:var(--nx-t14);font-weight:600;color:var(--nx-mut);border-bottom:2px solid transparent;margin-bottom:-1px}
.nx-tabs a:hover{color:var(--nx-ink);text-decoration:none}
.nx-tabs a[aria-current]{color:var(--nx-acc-ink);border-bottom-color:var(--nx-acc)}

/* stat table */
.nx-stats{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;margin:0;padding:0;list-style:none}
.nx-stats li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--nx-line);font-size:var(--nx-t14)}
.nx-stats li:nth-last-child(-n+2){border-bottom:0}
.nx-stats span{color:var(--nx-mut)}.nx-stats b{font-weight:600;color:var(--nx-ink);white-space:nowrap}
.nx-ks{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}
.nx-ks li{padding:4px 16px;border-left:1px solid var(--nx-line)}.nx-ks li:first-child{border-left:0;padding-left:0}
.nx-ks span{display:block;font-size:var(--nx-t12);color:var(--nx-mut)}.nx-ks b{display:block;font-size:var(--nx-t22);font-weight:700;letter-spacing:-.01em}

/* verdict + score */
.nx-score{display:flex;gap:16px;align-items:center}
.nx-ring{flex:none;position:relative;width:92px;height:92px}
.nx-ring svg{width:92px;height:92px;transform:rotate(-90deg)}
.nx-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--nx-t28);font-weight:700}
.nx-ring b small{display:block;font-size:11px;font-weight:500;color:var(--nx-mut);margin-top:-10px;text-align:center}
.nx-score h3{font-size:var(--nx-t18);font-weight:700;line-height:1.25}
.nx-score p{margin:4px 0 0;font-size:var(--nx-t13);color:var(--nx-mut)}
.nx-kv{margin:16px 0 0;padding:0;list-style:none}
.nx-kv li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--nx-line);font-size:var(--nx-t14)}
.nx-kv span{color:var(--nx-mut)}.nx-kv b{font-weight:600;display:inline-flex;align-items:center;gap:8px}
.nx-dot{width:8px;height:8px;border-radius:50%;background:var(--nx-mut);flex:none}.nx-dot.up{background:var(--nx-up)}.nx-dot.dn{background:var(--nx-dn)}.nx-dot.warn{background:#C98700}

/* fair value gauge */
.nx-fv{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.nx-fv b{font-size:var(--nx-t36);font-weight:700;letter-spacing:-.02em}
.nx-gauge{position:relative;height:10px;border-radius:5px;margin:28px 0 8px;background:linear-gradient(90deg,var(--nx-up-line) 0 var(--lo),#D5DBE6 var(--lo) var(--hi),var(--nx-dn-line) var(--hi) 100%)}
.nx-gauge i{position:absolute;top:-6px;width:4px;height:22px;border-radius:2px;background:var(--nx-ink);transform:translateX(-50%)}
.nx-gauge em{position:absolute;top:-26px;transform:translateX(-50%);font:600 12px var(--nx-font);font-style:normal;color:var(--nx-ink);white-space:nowrap}
.nx-gauge-k{display:flex;justify-content:space-between;font-size:12px;color:var(--nx-mut)}
.nx-models{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.nx-models div{padding:10px 12px;border:1px solid var(--nx-line);border-radius:var(--nx-r1);background:var(--nx-card)}
.nx-models span{display:block;font-size:11.5px;color:var(--nx-mut);line-height:1.3}.nx-models b{font-size:var(--nx-t16);font-weight:700}

/* lens bars */
.nx-lenses{margin:0;padding:0;list-style:none}
.nx-lenses li{padding:14px 0;border-top:1px solid var(--nx-line)}.nx-lenses li:first-child{border-top:0;padding-top:4px}
.nx-lens-r{display:grid;grid-template-columns:150px 1fr 44px 70px;align-items:center;gap:12px}
.nx-lens-r strong{font-size:var(--nx-t14);font-weight:600}
.nx-bar{height:8px;border-radius:4px;background:var(--nx-sunken);overflow:hidden}.nx-bar i{display:block;height:100%;border-radius:4px}
.nx-bar .strong{background:var(--nx-up)}.nx-bar .fair{background:#C98700}.nx-bar .weak{background:var(--nx-dn)}
.nx-lens-r .sc{font-weight:700;text-align:right}
.nx-lenses p{margin:6px 0 0;font-size:var(--nx-t13);color:var(--nx-mut)}

/* tables */
.nx-tbl{width:100%;border-collapse:collapse;font-size:var(--nx-t14)}
.nx-tbl th{padding:10px 12px;text-align:left;font-size:var(--nx-t12);font-weight:600;color:var(--nx-mut);letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid var(--nx-line-2);white-space:nowrap}
.nx-tbl td{padding:0 12px;height:48px;border-bottom:1px solid var(--nx-line);white-space:nowrap;color:var(--nx-ink)}
.nx-tbl tr:last-child td{border-bottom:0}
.nx-tbl .r{text-align:right}.nx-tbl tbody tr:hover td{background:var(--nx-hover)}
.nx-co{display:flex;align-items:center;gap:10px;min-width:0}
.nx-lg{flex:none;width:28px;height:28px;border-radius:8px;background:var(--nx-sunken);display:grid;place-items:center;font:700 11px var(--nx-font);color:var(--nx-ink-2)}
.nx-co b{font-weight:600}.nx-co span.n{color:var(--nx-mut);overflow:hidden;text-overflow:ellipsis}
.nx-card .nx-tbl th:first-child,.nx-card .nx-tbl td:first-child{padding-left:20px}.nx-card .nx-tbl th:last-child,.nx-card .nx-tbl td:last-child{padding-right:20px}

.nx-tbl.wrap td:first-child,.nx-tbl.wrap th:first-child{white-space:normal}
.nx-tbl.wrap td{height:44px;padding-top:6px;padding-bottom:6px}
/* index cards */
.nx-idxs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.nx a.nx-idx,.nx-idx{display:block;color:var(--nx-ink);background:var(--nx-card);border:1px solid var(--nx-line);border-radius:var(--nx-r2);padding:14px 16px;color:var(--nx-ink)}
.nx a.nx-idx:hover,.nx-idx:hover{text-decoration:none;border-color:var(--nx-line-2);box-shadow:var(--nx-e1)}
.nx-idx .n{font-size:var(--nx-t13);color:var(--nx-mut);font-weight:500}.nx-idx .v{font-size:var(--nx-t18);font-weight:700;margin-top:2px}
.nx-idx svg{display:block;width:100%;height:34px;margin-top:8px}

/* news */
.nx-news{margin:0;padding:0;list-style:none}
.nx-news li{padding:14px 0;border-top:1px solid var(--nx-line)}.nx-news li:first-child{border-top:0;padding-top:0}
.nx-news a{display:block;color:var(--nx-ink);font-weight:600;font-size:var(--nx-t16);line-height:1.35}.nx-news a:hover{color:var(--nx-acc-ink)}
.nx-news .m{display:flex;gap:8px;align-items:center;margin-bottom:6px;font-size:var(--nx-t12);color:var(--nx-mut)}
.nx-tag{display:inline-flex;height:20px;padding:0 8px;align-items:center;border-radius:6px;background:var(--nx-acc-tint);color:var(--nx-acc-ink);font:700 11px var(--nx-font);letter-spacing:.03em;text-transform:uppercase}

/* ads: always between cards, reserved height, house promo fallback fills it (never a blank band) */
.nx-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;border:1px dashed var(--nx-line-2);border-radius:var(--nx-r2);background:repeating-linear-gradient(135deg,var(--nx-hover) 0 10px,var(--nx-bg) 10px 20px);color:var(--nx-mut);font-size:var(--nx-t12);text-align:center}
.nx-ad b{font-size:var(--nx-t13);color:var(--nx-ink-2)}.nx-ad.tall{min-height:280px}

/* layout */
.nx-cols{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:24px;align-items:start;padding-bottom:48px}
.nx-main,.nx-rail{display:flex;flex-direction:column;gap:16px;min-width:0}
.nx-rail{position:sticky;top:calc(var(--nx-hd) + var(--nx-nav) + 16px)}
.nx-sec{scroll-margin-top:calc(var(--nx-hd) + var(--nx-nav) + 56px)}
.nx-h1row{padding:20px 0 4px}
.nx-h1row h1{font-size:var(--nx-t28);font-weight:700}.nx-h1row p{margin:6px 0 0;color:var(--nx-mut);font-size:var(--nx-t14);max-width:720px}
.nx-grid2{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:24px;align-items:start}
.nx-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.nx-row::-webkit-scrollbar{display:none}

/* footer */
.nx-ft{background:var(--nx-navy);color:var(--nx-ft-text);padding:40px 0 28px;margin-top:8px}
.nx-ft .cols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.nx-ft h4{color:#fff;font-size:var(--nx-t14);margin-bottom:12px}.nx-ft a{display:block;color:var(--nx-ft-text);font-size:var(--nx-t14);padding:5px 0}.nx-ft a:hover{color:#fff}
.nx-ft small{display:block;margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);color:var(--nx-ft-mut);font-size:var(--nx-t12)}

/* phone */
@media (max-width:1000px){
  .nx-cols,.nx-grid2{grid-template-columns:minmax(0,1fr)}
  .nx-rail{position:static}
  .nx-idxs{grid-template-columns:repeat(3,1fr)}
  .nx-ft .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  :root{--nx-hd:56px;--nx-nav:0px}
  .nx-wrap{padding:0 16px}
  .nx-hd{gap:12px}.nx-logo img{height:28px}
  .nx-search{flex:none;width:40px;height:40px;padding:0;justify-content:center;margin-left:auto}.nx-search span,.nx-search kbd{display:none}
  .nx-hd-r{margin-left:0}
  .nx-chart .d{display:none}.nx-chart .m{display:block}
  .nx-btn.sm.hide-m{display:none}.nx-hd-r .nx-btn.ghost-desk{display:none}
  .nx-nav{display:none}
  .nx-burger{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:transparent}
  .nx-q-act .nx-btn .lg{display:none}
  .nx-q h1{font-size:var(--nx-t22)}.nx-q-act{margin-left:0;width:100%}.nx-q-act .nx-btn{flex:1}
  .nx-px b{font-size:var(--nx-t36)}
  .nx-main,.nx-rail{display:contents}
  .nx-cols{display:flex;flex-direction:column;gap:16px;min-width:0}
  .nx-cols>*,.nx-main>*,.nx-rail>*{min-width:0;max-width:100%}
  .nx-cols>*,.nx-main>*,.nx-rail>*{order:var(--o,50)}
  .nx-card-b{padding:14px 16px 16px}.nx-card-h{padding:14px 16px 0}
  .nx-stats{grid-template-columns:1fr}.nx-stats li:nth-last-child(2){border-bottom:1px solid var(--nx-line)}
  .nx-ks{grid-template-columns:repeat(2,1fr);row-gap:12px}.nx-ks li:nth-child(odd){border-left:0;padding-left:0}.nx-ks b{font-size:var(--nx-t18)}
  .nx-lens-r{grid-template-columns:1fr 36px 64px;grid-template-areas:"n sc b" "bar bar bar";row-gap:6px}
  .nx-lens-r strong{grid-area:n}.nx-lens-r .nx-bar{grid-area:bar}.nx-lens-r .sc{grid-area:sc}.nx-lens-r .nx-pill{grid-area:b;justify-self:end}
  .nx-models{grid-template-columns:repeat(2,1fr)}
  .nx-idxs{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px}.nx-idxs::-webkit-scrollbar{display:none}.nx-idx{flex:none;width:158px}
  .nx-card .nx-tbl th:first-child,.nx-card .nx-tbl td:first-child{padding-left:16px}.nx-card .nx-tbl th:last-child,.nx-card .nx-tbl td:last-child{padding-right:16px}
  .nx-tbl td{height:52px}.nx-hide-m{display:none}
  .nx-ft .cols{grid-template-columns:1fr 1fr}
  .nx-chart-f{gap:16px}
}

/* ======================= APP LAYER (header, menus, search suggestions, ads, footer, legacy bridge) ======================= */
:root{ /* bridge: legacy partials still read the old --x-* tokens; map them onto Clarity */
  --x-bg:var(--nx-bg);--x-card:var(--nx-card);--x-pane:var(--nx-hover);--x-card2:var(--nx-sunken);--x-line:var(--nx-line);--x-line2:var(--nx-line-2);--x-inp:#fff;
  --x-hi:var(--nx-ink);--x-fg:var(--nx-ink);--x-fg2:var(--nx-ink-2);--x-mut:var(--nx-mut);--x-mut2:var(--nx-mut);--x-mut3:var(--nx-mut);--x-lab:var(--nx-mut);--x-lab2:var(--nx-mut);--x-ink:var(--nx-ink);
  --x-acc:var(--nx-acc);--x-acc2:var(--nx-acc-ink);--x-accd:var(--nx-acc-ink);--x-accbg:var(--nx-acc-tint);--x-onacc:#fff;
  --x-up:var(--nx-up);--x-dn:var(--nx-dn);--x-warn:var(--nx-warn);--x-upbg:var(--nx-up-bg);--x-dnbg:var(--nx-dn-bg);--x-warnbg:var(--nx-warn-bg);--x-hero2:var(--nx-hover);
  --x-gold:var(--nx-acc);--x-goldtxt:var(--nx-acc-ink);--x-brandbg:var(--nx-navy);--x-hdr:var(--nx-navy);--x-hdr2:var(--nx-navy-2);--x-strip:var(--nx-hover);--x-navy:var(--nx-navy);--x-hbar:var(--nx-navy);--x-teal:var(--nx-acc);
}
body.nx{min-height:100vh}
.nx-skip{position:absolute;left:-9999px;top:0}.nx-skip:focus{left:12px;top:8px;z-index:100;background:#fff;padding:8px 12px;border-radius:8px;box-shadow:var(--nx-e2)}
.nx :focus-visible{outline:2px solid var(--nx-acc);outline-offset:2px;border-radius:6px}
/* header */
.nx-search{position:relative}
.nx-search input{flex:1;min-width:0;border:0;background:transparent;font:400 var(--nx-t14)/1 var(--nx-font);color:var(--nx-ink);outline:0;height:100%}
.nx-search input::placeholder{color:var(--nx-mut)}
.nx-search:focus-within{background:#fff;border-color:var(--nx-acc);box-shadow:0 0 0 3px var(--nx-acc-tint)}
.nx-nav{overflow:visible}
.nx-g{position:relative;display:flex}
.nx-b{display:flex;align-items:center;gap:6px;height:100%;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;font:500 var(--nx-t14)/1 var(--nx-font);color:var(--nx-ink-2);cursor:pointer}
.nx-b svg{width:11px;height:11px;opacity:.6}
.nx-b:hover,.nx-g:focus-within .nx-b{background:var(--nx-hover);color:var(--nx-ink)}
.nx-g.on .nx-b{color:var(--nx-acc-ink);border-bottom-color:var(--nx-acc);font-weight:600}
.nx-p{position:absolute;top:100%;left:0;min-width:270px;padding:8px;background:var(--nx-card);border:1px solid var(--nx-line);border-radius:var(--nx-r2);box-shadow:var(--nx-e2);display:none;z-index:60}
.nx-g:hover .nx-p,.nx-g:focus-within .nx-p,.nx-g.open .nx-p{display:block}
.nx-p a{display:block;padding:9px 12px;border-radius:8px;color:var(--nx-ink-2);font-size:var(--nx-t14)}
.nx-p a:hover{background:var(--nx-hover);color:var(--nx-ink);text-decoration:none}.nx-p a.cur{color:var(--nx-acc-ink);font-weight:600}
.nx-m{border-top:1px solid var(--nx-line);background:var(--nx-card);max-height:calc(100vh - var(--nx-hd));overflow:auto}
.nx-m[hidden]{display:none}
.nx-m summary{padding:14px 16px;font-weight:600;font-size:var(--nx-t16);list-style:none;cursor:pointer;border-bottom:1px solid var(--nx-line)}
.nx-m summary::-webkit-details-marker{display:none}
.nx-m a{display:block;padding:12px 24px;color:var(--nx-ink-2);border-bottom:1px solid var(--nx-line);font-size:var(--nx-t14)}
.nx-m .w{padding:14px 16px;font-weight:600;color:var(--nx-acc-ink)}
/* search suggestions (script: suggest.js) */
.sg{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:80;background:var(--nx-card);color:var(--nx-ink);border:1px solid var(--nx-line);border-radius:var(--nx-r2);box-shadow:var(--nx-e2);max-height:min(70vh,560px);overflow:auto;text-align:left}
.sg[hidden]{display:none}
.sg-h{padding:10px 16px 4px;font-size:var(--nx-t12);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nx-mut)}
.sg-r{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--nx-line);color:inherit!important;text-decoration:none!important}
.sg-r.on,.sg-r:hover{background:var(--nx-acc-tint)}
.sg-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sg-t{display:flex;align-items:center;gap:6px}.sg-t b{font-family:var(--nx-mono);font-size:15px;color:var(--nx-ink)}
.sg-t i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1px 6px;border-radius:6px;background:var(--nx-acc-tint);color:var(--nx-acc-ink)}
.sg-n{font-size:var(--nx-t13);color:var(--nx-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg mark{background:var(--nx-warn-bg);color:inherit;border-radius:3px;padding:0 1px}
.sg-e{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;max-width:46%}
.sg-c{font-size:var(--nx-t13);color:var(--nx-ink-2);white-space:nowrap}.sg-q{font-size:12.5px;color:var(--nx-mut);white-space:nowrap}
.sg-ch{margin-left:6px}.sg-ch.u{color:var(--nx-up)}.sg-ch.d{color:var(--nx-dn)}
.sg-all{display:block;padding:12px 16px;font-size:var(--nx-t14);font-weight:600;text-align:center}
.sg-empty{padding:16px;font-size:var(--nx-t14);color:var(--nx-mut)}
.sg-lg{flex:none;width:34px;height:34px;border-radius:8px;background:#fff;object-fit:contain;padding:3px;box-shadow:0 0 0 1px var(--nx-line);display:grid;place-items:center}
.sg-lg.sg-mono{padding:0;font-weight:700;font-size:13px;background:hsl(var(--h,215) 62% 94%);color:hsl(var(--h,215) 58% 27%)}
/* logos from partials.logo */
.co-logo{display:inline-block;vertical-align:middle;border-radius:8px;background:#fff;object-fit:contain;margin-right:8px;box-shadow:0 0 0 1px var(--nx-line)}
.co-mono{display:inline-grid;place-items:center;box-shadow:none;font-weight:700;letter-spacing:-.02em;line-height:1;background:hsl(var(--h,215) 62% 94%);color:hsl(var(--h,215) 58% 27%)}
.nx-q-logo .co-logo{margin:0;width:48px!important;height:48px!important;border-radius:12px;font-size:18px!important}
/* ads: house promos and network slots, between cards only */
.nx-adrow{padding-top:16px}.nx-adrow:empty{display:none}
.nx .hx{background:var(--nx-card);border:1px solid var(--nx-line);border-radius:var(--nx-r2);overflow:hidden}
.nx .hx a{color:inherit;text-decoration:none}.nx .hx a:hover{text-decoration:none}
.nx .hx-k{font-size:var(--nx-t12);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nx-acc-ink)}
.nx .hx-h{font-size:var(--nx-t16);color:var(--nx-ink);line-height:1.25}.nx .hx-p{font-size:var(--nx-t13);color:var(--nx-mut);line-height:1.4}
.nx .hx-b{display:inline-block;font-size:var(--nx-t13);font-weight:600;color:var(--nx-acc-ink)}
.nx .hx-leader,.nx .hx-infeed,.nx .hx-rect{min-height:92px;display:flex}
.nx .hx-leader>a,.nx .hx-infeed>a,.nx .hx-rect>a{display:flex;align-items:center;gap:16px;padding:14px 20px;width:100%;color:var(--nx-acc)}
.nx .hx-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.nx .hx-leader .hx-b,.nx .hx-infeed .hx-b{flex:none;padding:9px 16px;border:1px solid var(--nx-acc-line);border-radius:var(--nx-pill);background:var(--nx-acc-tint)}
.nx .hx-leader>a:hover .hx-b,.nx .hx-infeed>a:hover .hx-b{background:var(--nx-acc);color:#fff;border-color:var(--nx-acc)}
.nx .hx-rect>a{flex-direction:column;align-items:flex-start;gap:6px}
.nx .hx-tall{padding:0}.nx .hx-main{display:flex;flex-direction:column;gap:8px;padding:18px;color:var(--nx-acc)}
.nx .hx-art{width:100%;height:64px;color:var(--nx-acc)}
.nx .hx-list{list-style:none;margin:0;padding:0 18px 12px}.nx .hx-list li{border-top:1px solid var(--nx-line)}.nx .hx-list a{display:flex;flex-direction:column;gap:1px;padding:10px 0}.nx .hx-list b{font-size:var(--nx-t14)}.nx .hx-list span{font-size:var(--nx-t13);color:var(--nx-mut)}
.nx .adslot{background:var(--nx-card);border:1px solid var(--nx-line);border-radius:var(--nx-r2);padding:8px;text-align:center;overflow:hidden;min-height:120px}
.nx .adslot .adlbl{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--nx-mut);margin-bottom:4px}
/* compact promo variant for phones (preview flag ?promo=compact) */
@media (max-width:720px){body.nxp-c .hx-leader,body.nxp-c .hx-infeed{min-height:56px}body.nxp-c .hx-leader .hx-p,body.nxp-c .hx-infeed .hx-p,body.nxp-c .hx-leader .hx-b,body.nxp-c .hx-infeed .hx-b{display:none}body.nxp-c .hx-leader>a,body.nxp-c .hx-infeed>a{padding:10px 14px}}
/* footer (full) */
.nx-ft .cols{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}
.nx-ft .pos{margin:12px 0 0;font-size:var(--nx-t14);max-width:300px;color:var(--nx-ft-text)}
.nx-ft .cov{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:16px;flex-wrap:wrap;font-size:var(--nx-t13)}.nx-ft .cov b{color:#fff}
.nx-ft h2.h{margin:0 0 10px;color:#fff;font-size:var(--nx-t14)}
.nx-ft ul{list-style:none;margin:0;padding:0}.nx-ft li a{padding:5px 0}
.nx-ft .follow{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.nx-ft .follow ul{display:flex;gap:6px}.nx-ft .follow li a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);padding:0}
.nx-ft .risk{margin:20px 0 0;font-size:var(--nx-t13);color:var(--nx-ft-mut);max-width:900px}.nx-ft .risk b{color:#fff}
.nx-ft .bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);color:var(--nx-ft-mut);font-size:var(--nx-t12)}
.nx-ft .bar a{display:inline;margin-right:14px;color:var(--nx-ft-text);font-size:var(--nx-t12);padding:0}
@media (max-width:1000px){.nx-ft .cols{grid-template-columns:1fr 1fr}}
/* quote header extras */
.nx-links{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:14px;padding:2px 0}.nx-links::-webkit-scrollbar{display:none}
.nx-links a{flex:none;display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:var(--nx-pill);border:1px solid var(--nx-line-2);background:var(--nx-card);color:var(--nx-ink-2);font:500 var(--nx-t13)/1 var(--nx-font)}
.nx-links a:hover{background:var(--nx-hover);text-decoration:none}
.nx-notice{padding:14px 18px;border-radius:var(--nx-r2);font-size:var(--nx-t14)}
.nx-notice.dn{background:var(--nx-dn-bg);border:1px solid var(--nx-dn-line);color:var(--nx-dn)}.nx-notice.mut{background:var(--nx-sunken);border:1px solid var(--nx-line);color:var(--nx-ink-2)}
.nx-tabs .sxq{display:none;position:sticky;left:0;z-index:3;flex:none;align-items:center;gap:8px;margin-right:6px;padding:0 14px 0 2px;background:var(--nx-bg);white-space:nowrap;font-size:var(--nx-t14);box-shadow:8px 0 8px -6px rgba(var(--nx-sh),.18)}
.nx-tabs.sxq-on .sxq{display:inline-flex}.nx-tabs .sxq b{font-weight:700}.nx-tabs .sxq .p{font-weight:600}
@media (max-width:720px){.nx-tabs .sxq .c{display:none}}
.sc-ring{position:relative;flex:none;width:92px;height:92px}.sc-ring svg{display:block;transform:none}.sc-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.sc-ring b{font-size:var(--nx-t28);line-height:1;font-weight:700}.sc-ring small{display:block;font-size:11px;color:var(--nx-mut)}
.nx-lens-d{margin:8px 0 0;font-size:var(--nx-t13)}.nx-lens-d summary{cursor:pointer;color:var(--nx-acc-ink);font-weight:600;min-height:32px;display:flex;align-items:center}
.nx-lens-d div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--nx-line);color:var(--nx-ink-2)}
.nx-lens-d div b{color:var(--nx-ink);font-weight:600}
.nx-key{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:var(--nx-t13);color:var(--nx-mut);margin-top:6px}
.nx-note{font-size:var(--nx-t13);color:var(--nx-mut)}
.nx-prose p{margin:0 0 12px;font-size:var(--nx-t16);line-height:1.7;color:var(--nx-ink-2)}.nx-prose p:last-child{margin:0}
.nx-link-list{list-style:none;margin:0;padding:0}.nx-link-list li{border-top:1px solid var(--nx-line)}.nx-link-list li:first-child{border-top:0}.nx-link-list a{display:block;padding:11px 0;font-size:var(--nx-t14);color:var(--nx-acc-ink);font-weight:500}
table.nx-mini{width:100%;border-collapse:collapse;font-size:var(--nx-t14)}table.nx-mini td{padding:9px 0;border-top:1px solid var(--nx-line)}table.nx-mini tr:first-child td{border-top:0}table.nx-mini .r{text-align:right}
/* home */
.nx-nwlead{display:block;color:var(--nx-ink)}.nx-nwlead:hover{text-decoration:none}
.nx-nwlead img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--nx-r2);margin-bottom:12px;background:var(--nx-sunken)}
.nx-nwlead h3{font-size:var(--nx-t22);line-height:1.25}.nx-nwlead p{margin:6px 0 0;color:var(--nx-mut);font-size:var(--nx-t14)}
.nx-nwlist{margin:16px 0 0;padding:0;list-style:none}
.nx-nwlist li{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--nx-line)}
.nx-nwlist img{width:96px;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:8px;background:var(--nx-sunken)}
.nx-nwlist a{color:var(--nx-ink);font-weight:600;font-size:var(--nx-t14);line-height:1.35}.nx-nwlist a:hover{color:var(--nx-acc-ink)}
.nx-nwlist .m{display:flex;gap:8px;align-items:center;margin-bottom:4px;font-size:var(--nx-t12);color:var(--nx-mut)}
.nx-pane[hidden]{display:none}
.nx-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.nx-tile{display:block;padding:14px 16px;background:var(--nx-card);border:1px solid var(--nx-line);border-radius:var(--nx-r2);color:var(--nx-ink)}
.nx-tile:hover{text-decoration:none;border-color:var(--nx-line-2);box-shadow:var(--nx-e1)}.nx-tile b{display:block;font-size:var(--nx-t14)}.nx-tile span{font-size:var(--nx-t13);color:var(--nx-mut)}
.nx-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 12px}.nx-sec-h h2{font-size:var(--nx-t22)}
/* legacy bridge: partials that still carry old inline styles sit inside .nx-legacy and are normalised to Clarity */
.nx-legacy{display:flex;flex-direction:column;gap:16px;min-width:0}
.nx-legacy>section[style],.nx-legacy section[style*="border: 1px solid"],.nx-legacy div[style*="border: 1px solid var(--x-line)"],.nx-legacy .pnl{border-radius:var(--nx-r3)!important;border:1px solid var(--nx-line)!important;background:var(--nx-card)!important;box-shadow:none!important}
.nx-legacy section[style*="display: flex; flex-wrap: wrap"]{gap:16px!important}
.nx-legacy section[style*="border"],.nx-legacy div[style*="border: 1px solid var(--x-line)"]{padding:16px 20px 20px!important}
.nx-legacy h2[style],.nx-legacy .pnl h3,.nx-legacy .pnl h2{font:700 var(--nx-t16)/1.25 var(--nx-font)!important;letter-spacing:-.01em!important;color:var(--nx-ink)!important;margin:0 0 4px!important;padding:0!important;border:0!important;display:block!important;text-transform:none!important}
.nx-legacy h2[style]::before{content:none!important;display:none!important}
.nx-legacy h2[style*="font-size: 26px"],.nx-legacy h2[style*="font-size: 28px"]{font-size:var(--nx-t18)!important}
.nx-legacy .wv{color:inherit;background:none}
.nx-legacy a{color:var(--nx-acc-ink)}
.nx-legacy .dtbl,.nx-legacy table{width:100%;border-collapse:collapse;font-size:var(--nx-t14)}
.nx-legacy .dtbl th,.nx-legacy table th{padding:10px 12px;text-align:left;font-size:var(--nx-t12);font-weight:600;color:var(--nx-mut);letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid var(--nx-line-2);white-space:nowrap}
.nx-legacy .dtbl td,.nx-legacy table td{padding:11px 12px;border-bottom:1px solid var(--nx-line);color:var(--nx-ink)}
.nx-legacy .dtbl .r{text-align:right}
.nx-legacy .stat,.nx-legacy .lc{background:var(--nx-card)!important;border:1px solid var(--nx-line)!important;border-radius:var(--nx-r1)!important;padding:10px 12px}
.nx-legacy .btn2,.nx-legacy a.btn2{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:var(--nx-pill);border:1px solid var(--nx-line-2);background:var(--nx-card);color:var(--nx-ink)!important;font-weight:600;font-size:var(--nx-t13)}
.nx-legacy .more{display:block;padding:10px 0 0;font-size:var(--nx-t14);font-weight:600}
.nx-legacy .kv{margin:0;padding:0}.nx-legacy .kv>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--nx-line);font-size:var(--nx-t14)}.nx-legacy .kv dt{color:var(--nx-mut)}.nx-legacy .kv dd{margin:0;font-weight:600}
.nx-legacy .lensgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.nx-legacy [style*="Source Serif"]{font-family:var(--nx-font)!important}
.nx-legacy details summary{cursor:pointer}
@media (max-width:720px){.nx-legacy section[style*="border"],.nx-legacy div[style*="border: 1px solid var(--x-line)"]{padding:14px 16px 16px!important}.nx-legacy .dtbl{min-width:0}.nx-nwlist li{grid-template-columns:84px 1fr}.nx-nwlist img{width:84px}}
.nx-h2big{font-size:var(--nx-t28);font-weight:700;letter-spacing:-.01em;line-height:1.2}
.nx-sechome{margin-top:8px;padding-bottom:24px}
/* dividend calendar (grouped by ex-date, fits 375 px) */
.nx-kick{font-size:var(--nx-t13);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nx-acc-ink);margin-bottom:6px}
.dc-s{display:none}
.nx-dct th.r,.nx-dct td.r{white-space:nowrap}
.nx-dct tr.dc-d th{background:var(--nx-sunken);padding:9px 20px;font-size:var(--nx-t13);color:var(--nx-ink);text-transform:none;letter-spacing:0;font-weight:700;border-bottom:1px solid var(--nx-line)}
.nx-dct tr.dc-d .dc-rel{margin-left:8px;padding:2px 8px;border-radius:var(--nx-pill);background:var(--nx-acc);color:#fff;font-size:12px;font-weight:600}
.nx-dct tr.dc-d .dc-n{float:right;font-weight:500;color:var(--nx-mut)}
.nx-dct td.dc-co{width:100%;max-width:0;padding:0}
.nx-dct td.dc-co a{display:flex;align-items:center;gap:0;min-width:0;min-height:48px;padding:6px 12px 6px 20px;color:var(--nx-ink)}
.nx-dct td.dc-co a:hover{text-decoration:none}
.nx-dct .tk{flex:none;font-weight:700}.nx-dct .nm{margin-left:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nx-mut)}
.nx-dct tbody tr:not(.dc-d):hover td{background:var(--nx-hover)}
@media (max-width:720px){.dc-l{display:none}.dc-s{display:inline}.nx-dct td.dc-co a{padding-left:16px}.nx-dct td.dc-co .nm{display:none}.nx-dct tr.dc-d th{padding:9px 16px}}
@media (max-width:720px){
  .nx .hx-leader>a,.nx .hx-infeed>a{flex-wrap:wrap;gap:8px 12px;padding:14px 16px}
  .nx .hx-leader .hx-tx,.nx .hx-infeed .hx-tx{flex:1 1 calc(100% - 46px)}
  .nx .hx-leader .hx-b,.nx .hx-infeed .hx-b{flex:1 1 100%;text-align:center}
  body.nxp-c .hx-leader>a,body.nxp-c .hx-infeed>a{flex-wrap:nowrap}
  body.nxp-c .hx-leader .hx-tx,body.nxp-c .hx-infeed .hx-tx{flex:1}
}
/* phone: news thumbnails are 1200x630 files shown at 96 px, they would compete with the lead image on a slow link: text-only list on phones (hidden lazy images are not fetched) */
@media (max-width:720px){.nx-nwlist li{grid-template-columns:1fr}.nx-nwlist img,.nx-nwlist li>span:empty{display:none}}

/* market strip under the header (same index links as the live header): navy band */
.nx-strip{background:var(--nx-navy);border-bottom:1px solid rgba(255,255,255,.08)}
.nx-strip-in{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:5px 0}.nx-strip-in::-webkit-scrollbar{display:none}
.nx-strip a{flex:none;display:flex;gap:8px;align-items:baseline;padding:5px 12px;border-radius:var(--nx-pill);font-size:var(--nx-t13);color:#fff}
.nx-strip a:hover{background:rgba(255,255,255,.08);text-decoration:none}.nx-strip b{font-weight:600;color:var(--nx-ft-text)}.nx-strip .u{color:var(--nx-up-on-navy);font-weight:600}.nx-strip .d{color:var(--nx-dn-on-navy);font-weight:600}
.nx .sech-k{font-size:var(--nx-t13);color:var(--nx-mut);padding:16px 0 12px;border:0;background:none}.nx .sech-k a{color:var(--nx-mut)}.nx .sech-k a:hover{color:var(--nx-acc-ink)}.nx .sech-k ol{display:inline;margin:0;padding:0;list-style:none}.nx .sech-k li{display:inline}
.nx-verdict-t{font-size:var(--nx-t18);font-weight:700;line-height:1.25;letter-spacing:-.01em}
.nx-ft .bar .nx-top-link{display:inline;margin-right:14px}
.lq{margin:14px 0 0!important;max-width:420px!important}

.nx-tile h3{font-size:var(--nx-t14);font-weight:700;margin:0 0 4px;color:var(--nx-ink)}.nx-tile{position:relative}
.nx-code{position:absolute;right:12px;top:12px;font:600 10px var(--nx-mono);font-style:normal;letter-spacing:.04em;color:hsl(var(--h,215) 55% 32%);background:hsl(var(--h,215) 60% 94%);padding:2px 6px;border-radius:6px}
.nx-slide-h{display:flex;align-items:center;gap:12px;margin-bottom:8px}.nx-slide-h b{display:flex;align-items:center;font-size:var(--nx-t16)}.nx-slide-h span{display:block}

.nx-q-h1{display:flex;align-items:center;gap:14px}.nx-q-h1 .nx-q-logo{flex:none}

.nx-lead-t{font-size:var(--nx-t22);line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--nx-ink)}
.nx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nx-tagline{display:none;font-size:var(--nx-t13);color:var(--nx-mut);white-space:nowrap}.nx-tagline em{font-style:normal;color:var(--nx-cta);font-weight:700}
@media (min-width:1180px){.nx-tagline{display:block}}

/* ======================= PREMIUM LAYER: gold used only as a highlight (Pro button, header and footer rules, verdict card), never as small text ======================= */
.nx-top::before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--nx-navy),var(--nx-navy-2) 60%,var(--nx-gold))}
.nx-btn.cta{background:linear-gradient(180deg,var(--nx-gold),var(--nx-gold-2));border-color:var(--nx-gold-2);color:var(--nx-on-gold);font-weight:700;box-shadow:0 1px 0 rgba(255,255,255,.35) inset}
.nx-btn.cta:hover{filter:brightness(1.06);background:linear-gradient(180deg,var(--nx-gold),var(--nx-gold-2))}
.nx-g.on .nx-b{border-bottom-color:var(--nx-gold);color:var(--nx-ink)}
.nx-card{box-shadow:0 1px 2px rgba(var(--nx-sh),.04)}
section[aria-label="X-Ray scorecard"]{border-top:3px solid var(--nx-gold)}
.nx-ft{border-top:3px solid var(--nx-gold)}
.nx-ft h2.h,.nx-ft h4{letter-spacing:.02em}
.nx-kick{color:var(--nx-gold-ink)}
.nx-h1row h1::after,.nx-h2big::after{content:"";display:block;width:44px;height:3px;margin-top:10px;border-radius:2px;background:linear-gradient(90deg,var(--nx-gold),var(--nx-gold-2))}
.nx-pill.neutral{background:var(--nx-sunken)}
.nx-ring b,.sc-ring b{color:var(--nx-ink)}
/* hero wrapper on the home page (styled by the background direction; neutral by default) */
.nx-hero{margin-top:8px}

/* TEMPLATE 5 "Pro": data-forward finance terminal for retail investors: navy nav band, instrument header with ranges and fair value, performance strip, three-column key statistics, grey-bar sections, dense ruled tables. Own code, colours and text; layout and data-presentation ideas of professional market-data sites. */
:root{--nx-bg:#F1F3F7;--nx-card:#FFFFFF;--nx-sunken:#EDF0F5;--nx-hover:#F5F7FA;--nx-line:#DCE1E9;--nx-line-2:#C4CCD8;--nx-faint:#8791A3;
 --nx-ink:#0E1626;--nx-ink-2:#323E55;--nx-mut:#546079;--nx-navy:#0A1428;--nx-navy-2:#132042;
 --nx-acc:#1D4FBF;--nx-acc-ink:#163F9E;--nx-acc-tint:#E7EDFA;--nx-acc-line:#BCCBEF;
 --nx-up:#12803F;--nx-up-bg:#E1F3E8;--nx-up-line:#98D2AE;--nx-dn:#C62828;--nx-dn-bg:#FBE6E6;--nx-dn-line:#EFB0B0;--nx-warn:#8A5A00;--nx-warn-bg:#FBF0D6;
 --nx-gold:#F4A623;--nx-gold-2:#D98E0B;--nx-gold-ink:#7A4B00;--nx-gold-tint:#FFF4DD;--nx-on-gold:#1A1405;--nx-sh:10,20,40;
 --nx-ft-text:#C9D2E4;--nx-ft-mut:#8E9BB8;--nx-wm-i:#F4C46A;--nx-up-on-navy:#5FDDA4;--nx-dn-on-navy:#FF9A94;
 --nx-r1:4px;--nx-r2:6px;--nx-r3:8px}
body.nx{font-size:14px;background:var(--nx-bg)}
/* header: white utility row, navy navigation band, light index strip */
.nx-top{background:linear-gradient(#fff 0,#fff var(--nx-hd),var(--nx-navy) var(--nx-hd));border-bottom:0}.nx-top::before{display:none}
.nx-nav{height:var(--nx-nav)}
.nx-nav a,.nx-b{color:#DCE4F4;font-weight:600}.nx-b svg{opacity:.8}
.nx-b:hover,.nx-g:focus-within .nx-b,.nx-nav a:hover{background:rgba(255,255,255,.09);color:#fff}.nx-g.on .nx-b{color:#fff;border-bottom-color:var(--nx-gold)}
.nx-p{border-radius:6px}.nx-p a{color:var(--nx-ink-2)}
.nx-strip{background:#fff;border-bottom:1px solid var(--nx-line)}.nx-strip a,.nx-strip b{color:var(--nx-ink)}.nx-strip b{font-weight:700}.nx-strip a{font-size:12.5px;padding:4px 14px;border-radius:0;border-right:1px solid var(--nx-line)}.nx-strip .u{color:var(--nx-up)}.nx-strip .d{color:var(--nx-dn)}
.nx-search{border-radius:6px;background:#F1F3F7;border:1px solid var(--nx-line)}.nx-search:focus-within{border-color:var(--nx-acc)}
.nx-btn{border-radius:6px;height:36px;border-color:var(--nx-line-2);font-weight:600}.nx-btn.pri{background:var(--nx-acc);border-color:var(--nx-acc);color:#fff}.nx-btn.pri:hover{background:var(--nx-acc-ink)}
.nx-btn.cta{background:linear-gradient(180deg,#F8B53B,var(--nx-gold-2));border-color:var(--nx-gold-2);color:var(--nx-on-gold);box-shadow:none}
.nx-chip,.nx-links a{border-radius:6px;height:28px;font-size:12.5px;font-weight:600}.nx-chip.on{background:var(--nx-acc-tint);color:var(--nx-acc-ink);border-color:var(--nx-acc-line)}
.nx-seg{background:#E8ECF3;border-radius:6px}.nx-seg button{border-radius:5px}.nx-seg [aria-pressed=true]{color:var(--nx-acc-ink)}
/* instrument header */
.nx-quote{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0 28px;align-items:start;background:#fff;border:1px solid var(--nx-line);border-radius:8px;padding:22px 24px;box-shadow:none;border-top:3px solid var(--nx-navy)}
.nx-qmain{min-width:0}.nx-q h1{font-size:26px;font-weight:700;letter-spacing:-.015em}.nx-q-meta{font-size:13px}
.nx-px{margin-top:12px;align-items:baseline}.nx-px b{font-size:50px;letter-spacing:-.035em;line-height:1}
.nx-px .nx-pill{background:transparent!important;padding:0;height:auto;font-size:20px;font-weight:700;border-radius:0}.nx-px .nx-pill.up{color:var(--nx-up)}.nx-px .nx-pill.dn{color:var(--nx-dn)}
.nx-px small{font-size:12.5px}
.nx-qside{display:flex;flex-direction:column;gap:16px;border-left:1px solid var(--nx-line);padding-left:24px;min-width:0}
.nx-qs .k{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--nx-mut);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.nx-qs .k b{text-transform:none;letter-spacing:0;font-size:13px}
.nx-qs .v{margin-top:4px}.nx-qs .v strong{font-size:24px;letter-spacing:-.02em}.nx-qs .v small{margin-left:8px;font-size:12.5px;color:var(--nx-mut)}
.nx-qs .nx-range{flex:none;min-width:0}.nx-qs .nx-range .t{height:4px;margin:10px 0 6px}.nx-qs .nx-range .v{margin:0;font-size:13px}
.nx-gauge.sm{height:6px;margin:10px 0 0}.nx-gauge.sm i{top:-4px;width:3px;height:14px}
/* tabs */
.nx-tabs{background:#fff;border:1px solid var(--nx-line);border-radius:8px;padding:0 8px;margin:0}.nx-tabs a{height:44px;font-weight:700;color:var(--nx-mut);font-size:13.5px}.nx-tabs a[aria-current]{color:var(--nx-acc-ink);border-bottom:3px solid var(--nx-acc)}.nx-tabs .sxq{background:#fff}
/* cards with grey title bars */
.nx-card{border-radius:8px;box-shadow:none;border-color:var(--nx-line)}
.nx-card-h{background:#F5F7FA;border-bottom:1px solid var(--nx-line);padding:11px 18px;min-height:44px}.nx-card-h h2,.nx-card-h h3,.nx-card-t{font-size:15px;font-weight:700;color:var(--nx-ink);letter-spacing:-.005em}.nx-card-t{margin:0}
.nx-card-b{padding:16px 18px 18px}
section[aria-label="X-Ray scorecard"]{border-top:3px solid var(--nx-gold)}
/* chart + performance strip */
.nx-chartwrap{padding:12px 14px 6px!important}
.nx-perf{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--nx-line)}
.nx-perf>div{padding:10px 8px;text-align:center;border-right:1px solid var(--nx-line)}.nx-perf>div:last-child{border-right:0}
.nx-perf span{display:block;font-size:11.5px;color:var(--nx-mut);font-weight:600}.nx-perf b{display:block;font-size:14px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}.nx-perf .up{color:var(--nx-up)}.nx-perf .dn{color:var(--nx-dn)}
/* key statistics: three ruled columns */
.nx-ks3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--rows,7),auto);grid-auto-flow:column;column-gap:36px;margin:0;padding:0;list-style:none}
.nx-ks3 li{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--nx-line)!important;font-size:13.5px}
.nx-ks3 span{color:var(--nx-mut)}.nx-ks3 b{font-weight:700;color:var(--nx-ink);text-align:right}
/* tables */
.nx-tbl th{background:#F5F7FA;font-size:11.5px;padding:9px 12px;border-bottom:1px solid var(--nx-line-2)}.nx-tbl td{height:40px;font-size:13.5px}.nx-tbl tbody tr:nth-child(even) td{background:#FAFBFD}.nx-tbl tbody tr:hover td{background:#F0F4FB}
.nx-pill{border-radius:4px;height:22px;font-size:12px;padding:0 8px}
.nx-chg.up{color:var(--nx-up)}.nx-chg.dn{color:var(--nx-dn)}.nx-idxt td{height:42px}
.nx-tgs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.nx-tg{text-align:center}.nx-tg svg{display:block;width:100%;height:auto;max-width:96px;margin:0 auto}.nx-tg .l{font-size:11.5px;color:var(--nx-mut);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.nx-tg .s{font-size:12px;font-weight:700;line-height:1.25}
/* legacy sections: ruled titles */
.nx-legacy section[style*="border"],.nx-legacy div[style*="border: 1px solid var(--x-line)"]{border-radius:8px!important}
.nx-legacy h2[style]{padding-bottom:10px!important;margin-bottom:12px!important;border-bottom:1px solid var(--nx-line)!important}
/* home */
.nx-h1row h1::after,.nx-h2big::after{background:var(--nx-gold)}.nx-h2big{font-size:24px}
.nx-ft{border-top:3px solid var(--nx-gold)}
.nx-hero{background:none;padding:0;box-shadow:none;border:0}
@media (max-width:1000px){.nx-quote{grid-template-columns:1fr;padding:18px}.nx-qside{border-left:0;padding-left:0;border-top:1px solid var(--nx-line);padding-top:14px;margin-top:14px}.nx-ks3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row}}
@media (max-width:720px){.nx-quote{padding:16px}.nx-px b{font-size:40px}.nx-px .nx-pill{font-size:17px}.nx-ks3{grid-template-columns:1fr}.nx-perf{grid-template-columns:repeat(4,1fr)}.nx-perf>div:nth-child(4){border-right:0}.nx-perf>div:nth-child(n+5){border-top:1px solid var(--nx-line)}.nx-top{background:#fff}}
/* home: headline block with the picture beside the text on desktop, compact news list */
@media (min-width:1001px){.nx-nwlead{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start}.nx-nwlead img{margin-bottom:0}.nx-nwlead .m{margin-top:2px}.nx-lead-t{font-size:24px}}
.nx-nwlist li{padding:10px 0}.nx-nwlist a{font-size:14px}

/* LCP guard (13 Nov): on desktop the lazy news thumbnails (1200x630 files shown at 96 px) start downloading with the lead image and delay it on slow links.
   They wait for the window load event (nx.js adds .nx-ld); a same-size placeholder keeps the grid, so nothing shifts. Phones already hide them. */
@media (min-width:721px){html:not(.nx-ld) .nx-nwlist img{display:none}html:not(.nx-ld) .nx-nwlist li:has(>img)::before{content:"";display:block;width:96px;aspect-ratio:1200/630;border-radius:8px;background:var(--nx-sunken)}}