/* Editorial pages: glass hero, numbered sections, research, flows, ecosystem, learn, footer. */

/* ---------- hero ---------- */
.site .app{padding-top:0}
html,body{overflow-x:clip}
.g-hero{position:relative;overflow:hidden;margin:-64px calc(50% - 50vw) 0;width:100vw;padding:calc(64px + clamp(40px,6vw,88px)) 0 clamp(36px,5vw,64px);isolation:isolate;border-bottom:1px solid var(--line)}
.g-hero .g-hero-in{max-width:1320px;margin:0 auto;padding-inline:clamp(14px,2.4vw,28px)!important}
.g-aurora{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fff7f4,#fff 70%);overflow:hidden}
html[data-theme="dark"] .g-aurora{background:linear-gradient(180deg,#1a0f0d,#0f0e0d 75%)}
.g-aurora i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:gFloat 18s ease-in-out infinite alternate}
.g-aurora i:nth-child(1){width:520px;height:520px;left:-120px;top:-160px;background:radial-gradient(circle,#ff4d3d,transparent 65%)}
.g-aurora i:nth-child(2){width:460px;height:460px;right:-100px;top:-60px;background:radial-gradient(circle,#ffb199,transparent 65%);animation-delay:-6s}
.g-aurora i:nth-child(3){width:380px;height:380px;left:40%;bottom:-220px;background:radial-gradient(circle,#c4b5fd,transparent 65%);animation-delay:-11s;opacity:.35}
html[data-theme="dark"] .g-aurora i{opacity:.32}
@keyframes gFloat{0%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,30px) scale(1.08)}100%{transform:translate(-30px,10px) scale(.95)}}
.g-gridbg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 70%);opacity:.6}
.g-hero-in{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,56px);align-items:center}
.g-hero-in.has-aside{grid-template-columns:1.15fr .85fr}
.g-crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--ink-3);margin-bottom:18px}
.g-crumbs a{color:var(--ink-3);text-decoration:none}.g-crumbs a:hover{color:var(--brand)}.g-crumbs b{color:var(--ink-2)}
.g-kick{margin:0 0 12px;font:700 12.5px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.g-title{font:600 clamp(40px,6.6vw,84px)/1.02 var(--display);letter-spacing:-.045em;color:var(--ink);margin:0 0 18px;max-width:15ch}
.g-title em,.g-h2 em{font-style:italic;font-weight:500;color:var(--brand);font-family:Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.g-lead{font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:var(--ink-2);max-width:620px;margin:0}
.g-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.g-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;background:var(--ink);color:var(--card);text-decoration:none;font:700 15px var(--font);border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
.g-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(0,0,0,.45)}
.g-btn .si{width:18px;height:18px}
.g-btn.ghost{background:var(--gl-bg,rgba(255,255,255,.6));color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* word-by-word title reveal + fade-in */
.g-w{display:inline-block;opacity:0;transform:translateY(.45em) rotate(2deg);filter:blur(8px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),filter .7s;transition-delay:calc(var(--i)*55ms)}
.g-words-on .g-w{opacity:1;transform:none;filter:none}
[data-in]{opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.2,.8,.2,1) .35s,transform .8s cubic-bezier(.2,.8,.2,1) .35s}
.g-in-on [data-in],[data-in].g-on{opacity:1;transform:none}
.g-hero-aside[data-in]{transition-delay:.5s}
@media (prefers-reduced-motion:reduce){.g-w,[data-in]{opacity:1;transform:none;filter:none;transition:none}.g-aurora i{animation:none}}

/* glass cards */
.g-glass{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:0 24px 48px -28px rgba(60,20,10,.35);padding:20px;color:var(--ink)}
html[data-theme="dark"] .g-glass{background:rgba(28,24,22,.6);border-color:rgba(255,255,255,.08)}
.g-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;color:var(--ink);position:relative}
.g-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font:700 12px var(--font);color:var(--ink-2)}
.g-chip .si{width:14px;height:14px}
.g-body{padding-top:30px;padding-bottom:40px}
.g-note{color:var(--ink-3);font-size:13.5px;margin:12px 2px 0}
.g-note a{color:var(--brand);font-weight:700;text-decoration:none}
.g-h3{display:flex;align-items:center;gap:8px;font:700 16px var(--display);margin:0 0 12px;color:var(--ink)}
.g-h3 .si{width:18px;height:18px;color:var(--brand)}

/* stats strip */
.g-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.g-stat{background:var(--card);padding:18px 20px}
.g-stat b{display:block;font:600 clamp(26px,3vw,36px)/1.1 var(--display);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.g-stat small{display:block;margin-top:4px;color:var(--ink-3);font-weight:600;font-size:12.5px}
.g-hero-aside .g-stats{border-radius:20px}

/* numbered section heads */
.g-sec{padding-top:clamp(40px,6vw,72px)}
.g-sec-head{margin-bottom:22px}
.g-sec-meta{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--line);font:700 12px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.g-no{font:600 13px var(--display);color:var(--brand);letter-spacing:.04em}
.g-of{margin-left:auto}
.g-sec-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}
.g-h2{font:600 clamp(28px,3.8vw,46px)/1.08 var(--display);letter-spacing:-.035em;color:var(--ink);margin:0;max-width:22ch}
.g-sec-lead{color:var(--ink-2);max-width:640px;margin:10px 0 0;font-size:15.5px}

/* FAQ */
.g-faq{border-top:1px solid var(--line)}
.g-faq details{border-bottom:1px solid var(--line)}
.g-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 4px;cursor:pointer;font:600 clamp(16px,1.6vw,19px) var(--display);color:var(--ink)}
.g-faq summary::-webkit-details-marker{display:none}
.g-faq summary i{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);flex:none;transition:transform .3s,background .3s}
.g-faq summary i::before,.g-faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;background:currentColor;transform:translate(-50%,-50%)}
.g-faq summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.g-faq details[open] summary i{background:var(--brand);color:#fff;border-color:var(--brand)}
.g-faq details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.g-faq details>div{padding:0 4px 20px;color:var(--ink-2);max-width:760px;animation:gOpen .35s ease}
@keyframes gOpen{from{opacity:0;transform:translateY(-6px)}}

/* band CTA */
.g-band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:clamp(24px,3.5vw,40px);border-radius:28px;text-decoration:none;color:#fff;background:linear-gradient(120deg,#140d0b,#3b0c09 55%,#8f0b04);position:relative;overflow:hidden;margin-top:clamp(40px,6vw,72px)}
.g-band::after{content:"";position:absolute;right:-80px;bottom:-140px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,80,60,.5),transparent 70%);animation:gFloat 14s ease-in-out infinite alternate}
.g-band h3{font:600 clamp(22px,3vw,34px)/1.15 var(--display);letter-spacing:-.03em;margin:0;color:#fff;max-width:24ch}
.g-band p{color:rgba(255,255,255,.72);margin:8px 0 0}
.g-band .g-kick{color:#ff9a8d}
.g-band .g-btn{background:#fff;color:#16110f;position:relative;z-index:1}

/* ---------- FII / DII ---------- */
.fd-latest{display:flex;flex-direction:column;gap:14px}
.fd-l-top{display:flex;gap:8px;flex-wrap:wrap}
.fd-side-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.fd-side-h b{font:700 15px var(--display)}
.fd-side-h span{font:700 22px var(--display);font-variant-numeric:tabular-nums}
.fd-bar{display:grid;grid-template-columns:36px 1fr 90px;gap:8px;align-items:center;font-size:12.5px;font-weight:600;color:var(--ink-3);margin:4px 0}
.fd-bar i{display:block;height:9px;border-radius:6px;background:var(--soft);position:relative;overflow:hidden}
.fd-bar i::after{content:"";position:absolute;inset:0 auto 0 0;width:0;border-radius:6px;transition:width 1.2s cubic-bezier(.4,0,.2,1) .6s}
.fd-bar i.b::after{background:var(--up)}.fd-bar i.s::after{background:var(--down)}
.g-in-on .fd-bar i::after{width:var(--w)}
.fd-bar em{font-style:normal;text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums}
.fd-mood{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-radius:14px;font-weight:700;font-size:14px;background:var(--soft)}
.fd-mood.down{background:var(--down-bg);color:var(--down)}.fd-mood.up{background:var(--up-bg);color:var(--up)}
.fd-cash td,.fd-cash th{font-size:14px}
.fd-total td{background:var(--soft)}
.fd-share{display:inline-block;width:110px;height:7px;border-radius:5px;background:var(--soft);vertical-align:middle;overflow:hidden}
.fd-share i{display:block;height:100%;width:var(--w);background:var(--brand);border-radius:5px}
.fd-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fd-tile{display:flex;flex-direction:column;gap:4px;border-top:3px solid var(--ink-3)}
.fd-tile.up{border-top-color:var(--up)}.fd-tile.down{border-top-color:var(--down)}
.fd-tile small{font-weight:700;color:var(--ink-3);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
.fd-tile b{font:600 26px var(--display);letter-spacing:-.02em}
.fd-tile.up b{color:var(--up)}.fd-tile.down b{color:var(--down)}
.fd-tile span{color:var(--ink-3);font-size:13px}
.fd-mx{display:flex;flex-direction:column}
.fd-mx-r{display:grid;grid-template-columns:88px 1fr 110px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:600}
.fd-mx-r b{text-align:right;font-variant-numeric:tabular-nums}
.fd-mx .s-hb-track i{width:0;transition:width 1s cubic-bezier(.4,0,.2,1)}
.s-in .fd-mx .s-hb-track i,.g-card.s-in .s-hb-track i{width:var(--w)}
.fd-heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.fd-heat span{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:12px;background:color-mix(in srgb,var(--ink-3) 20%,transparent);color:var(--ink);transition:transform .2s;cursor:default;opacity:0;transform:scale(.8)}
.fd-heat.s-in span{opacity:1;transform:none;transition:opacity .4s,transform .4s}
.fd-heat span.up{background:color-mix(in srgb,var(--up) calc(var(--a)*100%),transparent)}
.fd-heat span.down{background:color-mix(in srgb,var(--down) calc(var(--a)*100%),transparent)}
.fd-heat span:hover{transform:scale(1.1)!important;z-index:1}
.fd-heat b{font:700 15px var(--display)}.fd-heat small{font-size:10.5px;font-weight:700;opacity:.75}
.g-legend{font-size:13px;color:var(--ink-3);margin:10px 2px 0;font-weight:600}
.fd-part{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fd-p-h{display:flex;justify-content:space-between;align-items:center}
.fd-p-h b{font:700 18px var(--display)}
.fd-ring{position:relative;width:130px;margin:14px auto}
.fd-ring svg{display:block;width:100%;transform:rotate(-90deg)}
.fd-ring circle{fill:none;stroke:var(--soft);stroke-width:12}
.fd-ring circle.fg{stroke:var(--brand);stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1.4s cubic-bezier(.4,0,.2,1)}
.s-in .fd-ring circle.fg{stroke-dasharray:var(--p) 100}
.fd-ring span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.fd-ring b{font:700 22px var(--display)}.fd-ring small{font-size:10.5px;color:var(--ink-3);font-weight:600;max-width:80px;line-height:1.2}
.fd-p dl{margin:0;display:grid;gap:6px}
.fd-p dl div{display:flex;justify-content:space-between;font-size:13px}
.fd-p dt{color:var(--ink-3);font-weight:600}.fd-p dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.fd-arch-bar{display:flex;justify-content:flex-start;margin-bottom:10px}
#fd-arch{max-height:none}

/* ---------- research ---------- */
.ar-bar{position:sticky;top:86px;z-index:20;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px;border-radius:22px}
.ar-q{flex:1;min-width:220px;background:var(--card)}
.ar-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.ar-tabs button{display:inline-flex;align-items:center;gap:6px;flex:none;border:1px solid var(--line);background:var(--card);color:var(--ink-2);font:700 13px var(--font);padding:8px 13px;border-radius:999px;cursor:pointer;transition:all .2s}
.ar-tabs button .si{width:15px;height:15px}
.ar-tabs button small{opacity:.6}
.ar-tabs button.on{background:var(--ink);color:var(--card);border-color:var(--ink)}
.ar-count{margin:16px 4px 0;font-size:13.5px}
.ar-month{margin-top:26px}
.ar-mh{display:flex;align-items:center;gap:14px;font:600 14px var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px}
.ar-mh i{flex:1;height:1px;background:var(--line)}
.ar-list{display:flex;flex-direction:column;gap:10px}
.ar-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;padding:16px 18px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.ar-row:hover{transform:translateY(-2px);box-shadow:0 18px 36px -24px rgba(0,0,0,.4);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.ar-txt{min-width:0}
.ar-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ar-top em{font-style:normal;font:700 11.5px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
.ar-top em.ar-new{background:var(--brand);color:#fff;padding:2px 8px;border-radius:6px}
.ar-top small{color:var(--ink-3);font-weight:600;font-size:12.5px}
.ar-txt b{display:block;font:600 17px/1.35 var(--display);letter-spacing:-.01em;margin:4px 0 6px;color:var(--ink)}
.ar-tags{display:flex;gap:6px;flex-wrap:wrap}
.ar-tags i{font-style:normal;font-size:11.5px;font-weight:600;color:var(--ink-3);padding:2px 8px;border-radius:999px;background:var(--soft)}
.ar-open{display:inline-flex;align-items:center;gap:6px;font:700 13.5px var(--font);color:var(--brand);white-space:nowrap}
.ar-open .si{width:16px;height:16px;transition:transform .2s}
.ar-row:hover .ar-open .si,.rh-card:hover .ar-open .si{transform:translateX(3px)}
.rh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rh-grid.three{grid-template-columns:repeat(3,1fr)}
.rh-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;min-height:210px}
a.rh-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -28px rgba(0,0,0,.45);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.rh-card b{font:600 19px var(--display);letter-spacing:-.02em;margin-top:6px}
.rh-card small{color:var(--ink-3);font-size:14px;line-height:1.5}
.rh-card .ar-open{margin-top:auto;padding-top:8px}
.rh-last{display:block;font-size:13px;color:var(--ink-2);padding:10px 12px;border-radius:12px;background:var(--soft)}
.rh-last em{display:block;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.wr-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}
.wr-nav a{text-decoration:none}.wr-nav a.r{text-align:right}
.wr-nav small{color:var(--ink-3);font-weight:700}.wr-nav b{display:block;font:600 15px var(--display);margin-top:4px}

/* ---------- ecosystem ---------- */
.ec-map{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ec-step{display:flex;flex-direction:column;gap:8px}
.ec-step>b{font:600 20px var(--display);margin-bottom:6px}
.ec-step a{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px;border-radius:12px;text-decoration:none;font-weight:600;font-size:14px;color:var(--ink);transition:background .2s}
.ec-step a:hover{background:var(--soft)}
.ec-step .gm-tile{width:32px;height:32px;border-radius:9px}.ec-step .gm-tile .si{width:16px;height:16px}
.ec-step .s-pill{font-size:10.5px;padding:2px 7px}
.ec-probs{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ec-probs a{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:18px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .2s,padding .25s}
.ec-probs a:hover{background:var(--soft);padding-left:14px}
.ec-probs b{font:500 clamp(16px,1.8vw,21px)/1.35 var(--display);letter-spacing:-.01em}
.ec-probs em{font-style:normal;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--brand);white-space:nowrap}
.ec-probs em .si{width:15px;height:15px}
.ec-prod{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(20px,4vw,48px);padding:clamp(22px,3vw,36px);margin-bottom:14px;scroll-margin-top:100px}
.ec-l{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.gm-tile.big{width:56px;height:56px;border-radius:16px;margin:6px 0}.gm-tile.big .si{width:26px;height:26px}
.ec-l h3{font:600 clamp(26px,3vw,36px)/1.1 var(--display);letter-spacing:-.03em;margin:0}
.ec-sub{color:var(--ink-3);margin:0;font-weight:600}
.ec-badge{margin:4px 0 12px;color:var(--ink-2);font-weight:600;font-size:14px}
.ec-r h4{font:600 clamp(19px,2vw,24px)/1.3 var(--display);letter-spacing:-.02em;margin:0 0 10px}
.ec-r p{color:var(--ink-2)}
.ec-r ul{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ec-r li{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:14px;padding:12px;border-radius:14px;background:var(--soft)}
.ec-r li .si{width:17px;height:17px;color:var(--brand);margin-top:1px}

/* ---------- learn ---------- */
.lg{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}
.lg-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100}
.lg-progress i{display:block;height:100%;width:0;background:var(--brand);transition:width .1s}
.lg-body{padding:clamp(22px,4vw,44px)}
.lg-body section{position:relative;padding:0 0 26px 54px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.lg-body section:last-child{border:0;margin:0;padding-bottom:0}
.lg-body .g-no{position:absolute;left:0;top:4px;font-size:15px}
.lg-body h2{font:600 clamp(20px,2.4vw,26px)/1.25 var(--display);letter-spacing:-.02em;margin:0 0 10px}
.lg-body p{color:var(--ink-2);font-size:16.5px;line-height:1.75;margin:0}
.lg-tools{position:sticky;top:100px;display:flex;flex-direction:column;gap:6px}
.lg-tools a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:var(--soft);text-decoration:none;font-weight:700;font-size:14px;color:var(--ink);transition:background .2s,transform .2s}
.lg-tools a:hover{transform:translateX(3px)}
.lg-tools .si{width:17px;height:17px;color:var(--brand)}

/* ---------- footer ---------- */
.gf{position:relative;margin-top:60px;padding-top:0}
.gf-wave{height:90px;margin-bottom:-1px;color:var(--brand)}
.gf-wave svg{display:block;width:100%;height:100%}
.gf-line{fill:none;stroke:var(--brand);stroke-width:2;stroke-dasharray:2400;stroke-dashoffset:2400;transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1)}
.gf-fill{fill:color-mix(in srgb,var(--brand) 9%,transparent);opacity:0;transition:opacity 1.4s .8s}
.gf.s-in .gf-line{stroke-dashoffset:0}.gf.s-in .gf-fill{opacity:1}
.gf-main{display:grid;grid-template-columns:1fr 2.2fr;gap:40px;padding-top:36px;padding-bottom:30px}
.gf-brand p{margin:14px 0 18px;max-width:340px}
.gf-cta .gn-sign{display:inline-flex}
.gf-mail{display:inline-flex;align-items:center;gap:8px;margin-top:16px;text-decoration:none;font-weight:600}
.gf-mail .si{width:17px;height:17px}
.gf-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.gf-col p{font:700 12px var(--font);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;opacity:.6}
.gf-col a{display:block;padding:5px 0;text-decoration:none;font-size:14px;font-weight:500;opacity:.85;transition:opacity .2s,transform .2s}
.gf-col a:hover{opacity:1;transform:translateX(3px)}
.gf-legal{padding-bottom:20px;font-size:12.5px;opacity:.7}
.gf-bar{border-top:1px solid rgba(127,127,127,.2)}
.gf-bar-in{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:16px;padding-bottom:calc(16px + var(--tabbar,0px));font-size:13px;opacity:.75}
.gf-bar p{margin:0}.gf-made{font-style:italic;font-family:Georgia,serif}

/* ---------- home editorial ---------- */
.hm2-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hm2-prod{display:flex;flex-direction:column;gap:8px;text-decoration:none;min-height:230px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}
.hm2-prod::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%);transition:transform .5s}
.hm2-prod:hover{transform:translateY(-4px);box-shadow:0 26px 46px -28px rgba(0,0,0,.45);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.hm2-prod:hover::after{transform:scale(1.6)}
.hm2-prod .hm2-tag{font:700 12px var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hm2-prod b{font:600 22px var(--display);letter-spacing:-.02em}
.hm2-prod small{color:var(--ink-3);font-size:14.5px;line-height:1.5}
.hm2-prod .ar-open{margin-top:auto}
.hm2-access{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.hm2-access a{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:padding .25s,background .2s}
.hm2-access a:hover{padding-left:12px;background:var(--soft)}
.hm2-access b{display:block;font:600 17px var(--display)}.hm2-access small{color:var(--ink-3)}
.hm2-flow{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}

/* responsive */
@media (max-width:1100px){.fd-part{grid-template-columns:1fr 1fr}.rh-grid{grid-template-columns:1fr 1fr}.ec-map{grid-template-columns:repeat(3,1fr)}.gf-cols{grid-template-columns:repeat(3,1fr)}.hm2-prods{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.g-hero-in.has-aside{grid-template-columns:1fr}.fd-tiles{grid-template-columns:1fr 1fr}.ec-prod{grid-template-columns:1fr}.lg{grid-template-columns:1fr}.lg-tools{position:static}.gf-main{grid-template-columns:1fr}.hm2-flow{grid-template-columns:1fr}.rh-grid.three{grid-template-columns:1fr}}
@media (max-width:640px){
  .g-hero{margin-top:-58px;padding-top:calc(58px + 34px)}
  .g-title{font-size:clamp(34px,10vw,48px)}
  .fd-tiles,.rh-grid,.fd-part,.ec-map,.hm2-prods{grid-template-columns:1fr}
  .ar-row{grid-template-columns:auto 1fr;}.ar-row .ar-chg,.ar-row .ar-open{grid-column:2}
  .ar-bar{top:70px}
  .ec-r ul{grid-template-columns:1fr}
  .ec-probs a{grid-template-columns:34px 1fr}.ec-probs em{grid-column:2}
  .gf-cols{grid-template-columns:1fr 1fr}
  .fd-mx-r{grid-template-columns:70px 1fr 96px;font-size:12.5px}
  .g-sec-meta .g-of{display:none}
}
.s-zero{stroke:var(--ink-3);stroke-width:1;opacity:.6}
/* stock logos */
/* round badges; logos zoomed a little so the mark fills the circle */
.s-av{border-radius:50%!important}
.s-av.has-logo{position:relative;background:#fff;padding:0;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.s-av.has-logo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.1);border-radius:50%}
html[data-theme="dark"] .s-av.has-logo{background:#f4f1ee}
.s-stk-title{display:flex;align-items:center;gap:14px}
.s-av.big{width:52px;height:52px;flex:none;font-size:17px}

/* ---------- commodities ---------- */
.cm-hero-card{display:flex;flex-direction:column;gap:6px}
.cm-hc-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}
.cm-hc-row small{display:block;font-size:12.5px;font-weight:600;color:var(--ink-3)}
.cm-hc-row b{font:600 clamp(22px,2.6vw,30px)/1.15 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cm-hc-foot{margin:6px 4px 0;font-size:12.5px;color:var(--ink-3)}
.cm-rate .s-table td,.cm-rate .s-table th{font-size:14.5px}
.cm-rate .s-kpis{margin-top:14px}
.cm-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.cm-tabs button{border:1px solid var(--line);background:var(--card);color:var(--ink-2);font:700 13px var(--font);padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s}
.cm-tabs button.on{background:var(--ink);color:var(--card);border-color:var(--ink)}
.cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.cm-card{display:flex;flex-direction:column;gap:8px;transition:transform .25s,box-shadow .25s}
.cm-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(0,0,0,.45)}
.cm-top{display:flex;gap:12px;align-items:center}
.cm-top b{display:block;font:600 16px var(--display)}.cm-top small{color:var(--ink-3);font-size:12px;font-weight:600}
.cm-px{margin:4px 0 0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.cm-px b{font:600 26px var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cm-px small{color:var(--ink-3);font-weight:600;font-size:12.5px}
.cm-chg{margin:0;font-weight:700;font-size:14px}
.cm-chg.up{color:var(--up)}.cm-chg.down{color:var(--down)}
.cm-range{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:11.5px;color:var(--ink-3);font-weight:600}
.cm-range i{position:relative;height:6px;border-radius:4px;background:linear-gradient(90deg,var(--down-bg),var(--up-bg))}
.cm-range em{position:absolute;top:50%;left:var(--p);width:12px;height:12px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);box-shadow:0 0 0 3px var(--card)}
.cm-dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:8px;border-top:1px solid var(--line)}
.cm-dl dt{font-size:11.5px;color:var(--ink-3);font-weight:600}.cm-dl dd{margin:0;font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums}
.cm-nm{display:flex;align-items:center;gap:10px}
.cm-nm .gm-tile{width:32px;height:32px;border-radius:9px}.cm-nm .gm-tile .si{width:16px;height:16px}
.cm-land td{vertical-align:middle}
.cm-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.cm-charts{grid-template-columns:1fr}}
.hm2-comm{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}
.hm2-c{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 14px;text-decoration:none;transition:transform .2s}
.hm2-c:hover{transform:translateY(-2px)}
.hm2-c .gm-tile{width:34px;height:34px;border-radius:10px}.hm2-c .gm-tile .si{width:17px;height:17px}
.hm2-c small{display:block;font-size:11.5px;font-weight:600;color:var(--ink-3)}
.hm2-c b{font:600 17px var(--display);font-variant-numeric:tabular-nums}
.hm2-c em{font-style:normal;font-weight:700;font-size:13px}.hm2-c em.up{color:var(--up)}.hm2-c em.down{color:var(--down)}
@media (max-width:1100px){.hm2-comm{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.hm2-comm{grid-template-columns:1fr 1fr}}

/* ---------- home slider ---------- */
.sl{position:relative;margin:0 0 26px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#17100e,#2a0d0a 55%,#4a0b07);color:#fff;isolation:isolate;box-shadow:0 30px 60px -36px rgba(60,10,5,.7)}
.sl::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 75%);z-index:-1}
.sl-track{display:grid;min-height:clamp(420px,46vw,480px)}
.sl-slide{grid-area:1/1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(26px,4vw,52px) clamp(22px,4vw,56px) 80px;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}
.sl-slide.on{opacity:1;visibility:visible;transition:opacity .6s ease}
.sl-k{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:700 12px var(--font);letter-spacing:.16em;color:#ffb3a8}
.sl-k small{margin-left:6px;opacity:.55;letter-spacing:.08em}
.sl-k .gm-tile{width:34px;height:34px;border-radius:10px}.sl-k .gm-tile .si{width:17px;height:17px}
.sl-t{font:600 clamp(30px,4.4vw,54px)/1.05 var(--display);letter-spacing:-.04em;margin:0 0 14px;color:#fff;max-width:14ch}
.sl-t em{font-style:italic;font-weight:500;font-family:Georgia,"Times New Roman",serif;color:#ff8a7a}
.sl-p{color:rgba(255,255,255,.75);font-size:clamp(15px,1.4vw,17px);line-height:1.6;margin:0 0 18px;max-width:52ch}
.sl-pts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0}
.sl-pts li{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:600}
.sl-pts .si{width:14px;height:14px;color:#ff8a7a}
.sl .sl-cta{background:#fff;color:#17100e}
/* text enters line by line on each slide */
.sl-slide .sl-k,.sl-slide .sl-t,.sl-slide .sl-p,.sl-slide .sl-pts,.sl-slide .sl-cta{opacity:0;transform:translateY(22px);filter:blur(6px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}
.sl-slide.on .sl-k{transition-delay:.1s}.sl-slide.on .sl-t{transition-delay:.2s}.sl-slide.on .sl-p{transition-delay:.32s}.sl-slide.on .sl-pts{transition-delay:.42s}.sl-slide.on .sl-cta{transition-delay:.52s}
.sl-slide.on .sl-k,.sl-slide.on .sl-t,.sl-slide.on .sl-p,.sl-slide.on .sl-pts,.sl-slide.on .sl-cta{opacity:1;transform:none;filter:none}
/* the picture side */
.sl-art{position:relative;display:grid;place-items:center;opacity:0;transform:translateX(40px) scale(.94) rotate(1.5deg);transition:opacity .8s cubic-bezier(.2,.8,.2,1) .25s,transform .9s cubic-bezier(.2,.8,.2,1) .25s}
.sl-slide.on .sl-art{opacity:1;transform:none}
.sl-glow{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,77,61,.55),transparent 65%);filter:blur(30px);animation:gFloat 12s ease-in-out infinite alternate}
.sl-slide.t-purple .sl-glow{background:radial-gradient(circle,rgba(167,139,250,.55),transparent 65%)}
.sl-slide.t-amber .sl-glow{background:radial-gradient(circle,rgba(251,191,36,.5),transparent 65%)}
.sl-slide.t-indigo .sl-glow{background:radial-gradient(circle,rgba(129,140,248,.55),transparent 65%)}
.sl-slide.t-green .sl-glow{background:radial-gradient(circle,rgba(52,211,153,.45),transparent 65%)}
.sl-slide.t-blue .sl-glow{background:radial-gradient(circle,rgba(96,165,250,.5),transparent 65%)}
.sl-art-card,.sl-art-stack{position:relative;width:min(100%,400px);padding:22px;border-radius:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 50px -30px rgba(0,0,0,.7);animation:slBob 6s ease-in-out infinite}
@keyframes slBob{50%{transform:translateY(-8px)}}
.sl-art-card>small,.sl-art-row small,.sl-mini small{display:block;font-size:12px;font-weight:600;color:rgba(255,255,255,.62)}
.sl-art-card>b{display:block;font:600 34px var(--display);letter-spacing:-.03em;margin-top:4px}
.sl-art-card>em{font-style:normal;font-weight:700}
.sl .up{color:#4ade80}.sl .down{color:#f87171}
.sl-spark{display:block;width:100%;height:90px;margin:12px 0}
.sl-spark polyline{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}
.sl-spark.up polyline{stroke:#4ade80}.sl-spark.down polyline{stroke:#f87171}
.sl-spark polygon{opacity:.18}.sl-spark.up polygon{fill:#4ade80}.sl-spark.down polygon{fill:#f87171}
.sl-mini{display:flex;gap:16px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.sl-mini.col{flex-direction:column;gap:8px;border:0;padding:0}
.sl-mini b{font:600 16px var(--display)}
.sl-bars{display:flex;align-items:flex-end;gap:3px;height:150px;margin:14px 0}
.sl-bars i{flex:1;height:var(--h);min-height:3px;border-radius:3px 3px 1px 1px;transform-origin:bottom;transform:scaleY(0);transition:transform .7s cubic-bezier(.3,1.3,.5,1)}
.sl-bars i.up{background:#4ade80}.sl-bars i.down{background:#f87171}
.sl-slide.on .sl-bars i{transform:none}
.sl-slide.on .sl-bars i:nth-child(odd){transition-delay:.45s}.sl-slide.on .sl-bars i:nth-child(even){transition-delay:.55s}
.sl-art-stack{display:flex;flex-direction:column;gap:10px}
.sl-art-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.07)}
.sl-art-row b{font:600 22px var(--display)}
.sl-art-row em{font-style:normal;font-weight:700;font-size:14px}
.sl-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.sl-list li{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.07);font-size:14px}
.sl-list .s-av{width:30px;height:30px;font-size:11px}
.sl-list em{font-style:normal;font-weight:700}
.sl-donut-card{display:flex;gap:20px;align-items:center}
.sl-donut{position:relative;width:150px;flex:none}
.sl-donut svg{display:block;width:100%;transform:rotate(-90deg)}
.sl-donut circle{fill:none;stroke:#4ade80;stroke-width:14}
.sl-donut circle.fg{stroke:#ff8a7a;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1.3s cubic-bezier(.4,0,.2,1) .5s}
.sl-slide.on .sl-donut circle.fg{stroke-dasharray:var(--p) 100}
.sl-donut span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sl-donut b{font:600 20px var(--display)}
.sl-paper{display:flex;flex-direction:column;gap:10px}
.sl-hl{font:600 22px/1.3 var(--display)!important;letter-spacing:-.01em!important}
.sl-paper>i{display:block;height:8px;border-radius:5px;background:rgba(255,255,255,.14)}.sl-paper>i.s{width:60%}
.sl-paper>.s-pill{align-self:flex-start}
/* controls */
.sl-nav{position:absolute;left:clamp(22px,4vw,56px);right:clamp(22px,4vw,56px);bottom:20px;display:flex;align-items:center;gap:12px}
.sl-arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;transition:background .2s}
.sl-arrow:hover{background:rgba(255,255,255,.2)}
.sl-arrow .si{width:18px;height:18px}
.sl-arrow[data-sl-prev] .si{transform:rotate(180deg)}
.sl-dots{display:flex;gap:6px;flex:1;min-width:0}
.sl-dots button{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;border:0;background:none;color:rgba(255,255,255,.55);font:700 11.5px var(--font);text-align:left;cursor:pointer;padding:6px 0}
.sl-dots i{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden;position:relative}
.sl-dots i::after{content:"";position:absolute;inset:0;width:0;background:#fff}
.sl-dots button.on{color:#fff}
.sl-dots button.on i::after{width:100%;transition:width var(--dur,6s) linear}
.sl.paused .sl-dots button.on i::after{transition:none;width:100%}
.sl-dots span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){
  .sl-slide{grid-template-columns:1fr;padding-bottom:84px;align-content:start}
  .sl-art{order:-1}.sl-art-card,.sl-art-stack{width:100%;max-width:420px}
  .sl-track{min-height:0}
  .sl-dots span{display:none}
}
@media (max-width:560px){.sl{border-radius:22px}.sl-bars{height:100px}.sl-spark{height:60px}.sl-donut{width:110px}}
@media (prefers-reduced-motion:reduce){.sl-slide,.sl-slide *{transition:none!important;animation:none!important}}

/* slider as the full-width home hero: sits under the glass navbar, content kept in the 1320px column */
.sl.sl-hero{margin:14px calc(50% - 50vw) 0;width:100vw;border-radius:0;box-shadow:none;z-index:0}   /* starts below the navbar, never under it */
.sl-hero .sl-track{min-height:clamp(480px,44vw,560px)}
.sl-hero .sl-slide{padding:clamp(34px,5vw,64px) max(clamp(18px,3vw,32px),calc((100vw - 1320px) / 2)) 96px}
.sl-hero .sl-nav{left:max(clamp(18px,3vw,32px),calc((100vw - 1320px) / 2));right:max(clamp(18px,3vw,32px),calc((100vw - 1320px) / 2));bottom:26px}
.sl-hero .sl-t{font-size:clamp(36px,5.4vw,68px);max-width:13ch}
.page-home .g-body,.sl-hero + .wrap{padding-top:26px}

/* slider look: same light glass as the navbar (dark glass in dark mode), dark readable text */
.sl.sl-hero{margin:0 calc(50% - 50vw);background:linear-gradient(180deg,#fff7f4,#fff 85%);color:var(--gl-ink);border-bottom:1px solid var(--gl-line)}
html[data-theme="dark"] .sl.sl-hero{background:linear-gradient(180deg,#1a1210,#0f0e0d 85%)}
.sl.sl-hero::before{background-image:linear-gradient(var(--gl-line) 1px,transparent 1px),linear-gradient(90deg,var(--gl-line) 1px,transparent 1px)}
.sl-hero .sl-slide{position:relative}
.sl-hero .sl-copy{position:relative;z-index:1;padding:clamp(22px,3vw,34px);border-radius:28px;background:var(--gl-bg);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border:1px solid var(--gl-border);box-shadow:var(--gl-shadow)}
.sl .sl-t{color:var(--gl-ink)!important;text-shadow:none!important}
.sl .sl-t em{color:var(--brand)!important}
.sl .sl-p{color:var(--gl-mute)!important;text-shadow:none!important}
html[data-theme="dark"] .sl .sl-p{color:#cfc7c1!important}
.sl .sl-k{color:var(--brand)!important}
.sl .sl-k small{color:var(--gl-mute)}
.sl .sl-pts li{color:var(--gl-ink)!important;background:var(--gl-hover);border-color:var(--gl-line)}
.sl .sl-pts .si{color:var(--brand)}
.sl .sl-cta{background:var(--gl-ink)!important;color:var(--card,#fff)!important}
html[data-theme="dark"] .sl .sl-cta{background:#fff!important;color:#16110f!important}
.sl .sl-art-card,.sl .sl-art-stack{background:var(--gl-panel);border:1px solid var(--gl-border);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 30px 50px -30px rgba(60,20,10,.35);color:var(--gl-ink)}
.sl .sl-art-card>b,.sl .sl-art-row b,.sl .sl-mini b,.sl .sl-list b,.sl .sl-donut b,.sl .sl-hl{color:var(--gl-ink)!important}
.sl small,.sl .sl-art-card>small,.sl .sl-art-row small,.sl .sl-mini small{color:var(--gl-mute)!important;text-transform:none;letter-spacing:0;font-weight:600}
.sl .sl-list span{color:var(--gl-mute)!important}
.sl .sl-art-row,.sl .sl-list li{background:var(--gl-hover)}
.sl .sl-mini{border-top-color:var(--gl-line)}
.sl .sl-paper>i{background:var(--gl-line)}
.sl .up,.sl em.up,.sl b.up{color:var(--up)!important}.sl .down,.sl em.down,.sl b.down{color:var(--down)!important}
.sl .sl-bars i.up{background:var(--up)}.sl .sl-bars i.down{background:var(--down)}
.sl .sl-spark.up polyline{stroke:var(--up)}.sl .sl-spark.down polyline{stroke:var(--down)}
.sl .sl-spark.up polygon{fill:var(--up)}.sl .sl-spark.down polygon{fill:var(--down)}
.sl .sl-donut circle{stroke:var(--up)}.sl .sl-donut circle.fg{stroke:var(--brand)}
.sl .sl-glow{opacity:.55}
.sl .sl-arrow{border-color:var(--gl-line);background:var(--gl-bg);color:var(--gl-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sl .sl-arrow:hover{background:var(--gl-hover)}
.sl .sl-dots button{color:var(--gl-mute)!important}.sl .sl-dots button.on{color:var(--gl-ink)!important}
.sl .sl-dots i{background:var(--gl-line)}.sl .sl-dots i::after{background:var(--brand)}
@media (max-width:900px){.sl-hero .sl-track{min-height:0}.sl-hero .sl-slide{padding-top:26px}}
@media (max-width:640px){.sl.sl-hero{margin-top:0}.sl-hero .sl-t{font-size:clamp(30px,9vw,42px)}}
.site.page-home #main{padding-top:0!important}   /* home slider sits right under the navbar */

/* ---------- option chain ---------- */
.oc-hero-card{display:flex;flex-direction:column;gap:12px}
.oc-hc-top small,.oc-hc-grid small{display:block;font-size:12.5px;font-weight:600;color:var(--ink-3)}
.oc-hc-top b{font:600 clamp(28px,3.4vw,40px)/1.1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.oc-hc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.oc-hc-grid>div{padding:12px;border-radius:14px;background:var(--soft)}
.oc-hc-grid b{font:600 20px var(--display);font-variant-numeric:tabular-nums}
.oc-hc-grid b.up{color:var(--up)}.oc-hc-grid b.down{color:var(--down)}
.oc-bar{position:sticky;top:76px;z-index:20;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px;border-radius:22px;margin-bottom:6px}
.oc-bar .ar-tabs a{display:inline-flex;align-items:center;flex:none;border:1px solid var(--line);background:var(--card);color:var(--ink-2);font:700 13px var(--font);padding:8px 14px;border-radius:999px;text-decoration:none;transition:all .2s}
.oc-bar .ar-tabs a.on{background:var(--ink);color:var(--card);border-color:var(--ink)}
.oc-exp label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--ink-3)}
.oc-exp select{height:38px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0 14px;font:600 14px var(--font)}
.oc-wrap{padding:0;overflow:auto;max-height:78vh}
.oc-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;font-variant-numeric:tabular-nums}
.oc-table th,.oc-table td{padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.oc-table thead th{position:sticky;top:0;background:var(--card);z-index:2;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.oc-table thead tr.oc-sides th{top:0}.oc-table thead tr+tr th{top:33px}
.oc-sides .oc-ce{color:var(--down);text-align:center}.oc-sides .oc-pe{color:var(--up);text-align:center}
.oc-table .r{text-align:right}
.oc-table td.itm{background:color-mix(in srgb,#f5c542 10%,transparent)}
.oc-k{text-align:center;background:var(--soft);position:relative}
.oc-k b{font:700 14px var(--display)}
.oc-k em{display:block;font-style:normal;font-size:10px;font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.06em}
.oc-table tr.atm td{border-top:2px solid var(--brand);border-bottom:2px solid var(--brand)}
.oc-table tr.atm .oc-k{background:var(--brand);color:#fff}.oc-table tr.atm .oc-k em{color:#fff}
.oc-oi{position:relative}
.oc-oi i{position:absolute;top:6px;bottom:6px;width:var(--w);opacity:.2;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}
.oc-oi i.ce{right:6px;background:var(--down)}.oc-oi i.pe{left:6px;background:var(--up)}
.oc-oi b{position:relative}
.oc-table td.up{color:var(--up)}.oc-table td.down{color:var(--down)}
.oc-spot td{padding:0;border:0;height:0;position:relative}
.oc-spot span{position:relative;z-index:1;display:block;margin:-1px auto;width:max-content;padding:3px 12px;border-radius:999px;background:var(--ink);color:var(--card);font:700 11.5px var(--font)}
.oc-spot td::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px dashed var(--ink-3)}
.oc-total td{background:var(--soft);font-weight:700}
#oc:not(.oc-all) .oc-table tr.far{display:none}
.oc-legend{display:flex;gap:16px;margin-bottom:10px;font-size:13px;font-weight:700}
.oc-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.oc-legend .ce::before{background:var(--down)}.oc-legend .pe::before{background:var(--up)}
.oc-pairs{display:flex;gap:3px;align-items:stretch;overflow-x:auto;padding-bottom:4px}
.oc-p{flex:1;min-width:24px;display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:8px;padding:4px 0}
.oc-p.at{background:color-mix(in srgb,var(--brand) 10%,transparent)}
.oc-p .bars{position:relative;width:100%;height:200px;display:flex;justify-content:center;align-items:flex-end;gap:2px}
.oc-p .bars i{width:42%;height:var(--h);min-height:1px;border-radius:3px 3px 0 0;transform-origin:bottom;transform:scaleY(0);transition:transform .8s cubic-bezier(.3,1.2,.5,1)}
.oc-p .bars i.ce{background:var(--down)}.oc-p .bars i.pe{background:var(--up)}
.g-card.s-in .oc-p .bars i{transform:none}
.oc-pairs.signed .oc-p .bars{align-items:center}
.oc-pairs.signed .oc-p .bars::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--line)}
.oc-pairs.signed .oc-p .bars i{height:calc(var(--h) / 2);align-self:flex-end;margin-bottom:100px;transform-origin:bottom}
.oc-pairs.signed .oc-p .bars i.neg{align-self:flex-start;margin:100px 0 0;border-radius:0 0 3px 3px;opacity:.65;transform-origin:top}
.oc-p small{font-size:10px;font-weight:700;color:var(--ink-3);writing-mode:vertical-rl;transform:rotate(180deg)}
.oc-pain{display:flex;gap:3px;align-items:flex-end;height:220px;overflow-x:auto}
.oc-pain span{flex:1;min-width:24px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.oc-pain i{display:block;width:70%;height:var(--h);border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--ink-3) 35%,transparent);transform-origin:bottom;transform:scaleY(0);transition:transform .8s cubic-bezier(.3,1.2,.5,1)}
.g-card.s-in .oc-pain i{transform:none}
.oc-pain span.min i{background:var(--brand)}
.oc-pain small{font-size:10px;font-weight:700;color:var(--ink-3);writing-mode:vertical-rl;transform:rotate(180deg)}
.oc-pain span.min small{color:var(--brand)}
@media (max-width:640px){.oc-bar{top:66px}.oc-table th,.oc-table td{padding:7px 6px;font-size:12.5px}}

/* ---------- market switcher (India / US / Crypto / Commodities / Option chain) ---------- */
.mk-switch{display:flex;gap:6px;padding:6px;border-radius:999px;overflow-x:auto;scrollbar-width:none;margin:0 0 18px;width:max-content;max-width:100%}
.mk-switch a{display:inline-flex;align-items:center;gap:8px;flex:none;padding:9px 16px;border-radius:999px;text-decoration:none;font:700 14px var(--font);color:var(--ink-2);transition:background .2s,color .2s}
.mk-switch a:hover{background:var(--soft);color:var(--ink)}
.mk-switch a.on{background:var(--ink);color:var(--card)}
.mk-switch .si{width:17px;height:17px}.mk-flag{font-size:16px;line-height:1}
/* ---------- US market + crypto ---------- */
.d-block{display:block}
.us-idx{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.us-it{display:flex;flex-direction:column;gap:3px;padding:14px 16px}
.us-it small{font-size:12px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.us-it b{font:600 22px var(--display);font-variant-numeric:tabular-nums}
.us-it em{font-style:normal;font-weight:700;font-size:13px}.us-it em.up{color:var(--up)}.us-it em.down{color:var(--down)}
.oc-hc-grid em{font-style:normal;font-weight:700;font-size:12.5px}.oc-hc-grid em.up{color:var(--up)}.oc-hc-grid em.down{color:var(--down)}
.oc-hc-top em{vertical-align:middle}
.us-heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-auto-flow:dense;gap:6px}
.us-heat a{grid-column:span min(var(--s),2);grid-row:span min(var(--s),2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:86px;border-radius:14px;text-decoration:none;color:var(--ink);background:color-mix(in srgb,var(--ink-3) 18%,transparent);transition:transform .2s}
.us-heat a.up{background:color-mix(in srgb,var(--up) calc(var(--a)*100%),transparent)}
.us-heat a.down{background:color-mix(in srgb,var(--down) calc(var(--a)*100%),transparent)}
.us-heat a:hover{transform:scale(1.04);z-index:1}
.us-heat b{font:700 14px var(--display)}.us-heat small{font-size:12px;font-weight:700}
.us-heat .s-av{width:30px;height:30px}
.us-kv{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.us-kv.one{grid-template-columns:1fr}
.us-kv>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.us-kv dt{color:var(--ink-3);font-weight:600}.us-kv dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.us-kv dd a{color:var(--brand);text-decoration:none}
.us-top{align-items:start}
.us-about{font-size:15.5px;line-height:1.75;color:var(--ink-2);margin:0}
.us-fin-bars{display:flex;gap:10px;align-items:flex-end;height:220px;padding-top:10px}
.us-fin-bars>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}
.us-fin-bars .bars{flex:1;width:100%;display:flex;gap:4px;align-items:flex-end;justify-content:center}
.us-fin-bars i{width:36%;height:var(--h);min-height:2px;border-radius:5px 5px 0 0;transform-origin:bottom;transform:scaleY(0);transition:transform .9s cubic-bezier(.3,1.2,.5,1)}
.g-card.s-in .us-fin-bars i{transform:none}
.us-fin-bars i.rev{background:var(--brand)}.us-fin-bars i.ni{background:var(--up)}.us-fin-bars i.ni.neg{background:var(--down)}
.us-fin-bars small{font-weight:700;color:var(--ink-3);font-size:12px}
.oc-legend .rev::before{background:var(--brand)}.oc-legend .ni::before{background:var(--up)}
.nw-list{display:flex;flex-direction:column;padding:6px 10px}
.nw-list a{display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:14px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);border-radius:12px;transition:background .2s}
.nw-list a:last-child{border-bottom:0}
.nw-list a:hover{background:var(--soft)}
.nw-list b{font:600 15.5px/1.4 var(--display)}.nw-list small{grid-column:1;color:var(--ink-3);font-size:12.5px;font-weight:600}
.nw-list .si{grid-row:1/3;grid-column:2;align-self:center;width:17px;height:17px;color:var(--brand)}
.cr-fng{display:flex;flex-direction:column;align-items:center;gap:10px}
.cr-fng .fd-ring{width:170px}
.cr-fng-scale{display:flex;justify-content:space-between;width:100%;font-size:12px;font-weight:700;color:var(--ink-3)}
.cr-fng-scale .up{color:var(--up)}.cr-fng-scale .down{color:var(--down)}
.cr-fng-bars{display:flex;gap:3px;align-items:flex-end;height:170px}
.cr-fng-bars i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--ink-3) 40%,transparent);transform-origin:bottom;transform:scaleY(0);transition:transform .8s cubic-bezier(.3,1.2,.5,1)}
.g-card.s-in .cr-fng-bars i{transform:none}
.cr-fng-bars i.up{background:var(--up)}.cr-fng-bars i.down{background:var(--down)}
.cr-spark .spark{width:110px;height:32px}
.cr-rank{display:inline-block;min-width:22px;font-weight:700}
.us-peers{columns:2;column-gap:16px}
.us-peers li{break-inside:avoid}
@media (max-width:900px){.us-idx{grid-template-columns:repeat(2,1fr)}.us-kv{grid-template-columns:1fr}.us-peers{columns:1}}

/* logos: wide logos fit inside the circle; never squeeze a logo badge on small screens */
.s-av.has-logo.wide img{object-fit:contain;transform:none;border-radius:0;padding:5px}
.s-av.big.has-logo.wide img{padding:7px}
.s-av,.s-av.has-logo{flex:none!important;aspect-ratio:1}
.s-av.has-logo img{min-width:0}
/* navbar logo: the SVG is plain paths (no font), so it looks the same on every phone.
   Same 22px height down to 360px wide screens; only very small phones get a little smaller. */
.gn-brand img,.gs-top .gn-brand img{height:22px;width:auto;max-width:none}
@media (min-width:980px){.gn-bar .gn-brand img{height:26px}}
@media (min-width:980px) and (max-width:1100px){.gn-bar .gn-brand img{height:22px}}
@media (max-width:350px){.gn-brand img,.gs-top .gn-brand img{height:19px}}

/* market switcher strip: always at the top of a market page, with clear space from the navbar */
.mk-strip{position:relative;z-index:2;padding:14px 0 0}
.mk-strip .mk-switch{margin:0}
.mk-strip + .g-hero{margin-top:14px;padding-top:clamp(30px,4.5vw,64px)}
.mk-strip + .phead{padding-top:22px}
.mk-ic{width:22px;height:15px;flex:none;border-radius:3px;display:block}
.mk-ic.round{width:18px;height:18px;border-radius:50%}
.mk-switch a.on .mk-ic{box-shadow:0 0 0 1.5px rgba(255,255,255,.55);border-radius:3px}
.mk-switch a.on .mk-ic.round{border-radius:50%}
@media (max-width:640px){.mk-strip{padding-top:10px}.mk-switch{border-radius:16px;width:100%}.mk-switch a{padding:8px 12px;font-size:13px}.mk-strip + .g-hero{margin-top:10px}}

/* ---------- financial bar charts + tables ---------- */
.fc{position:relative}
.fc-plot{position:relative;display:flex;gap:clamp(4px,1vw,12px);height:var(--fc-h);padding:6px 0 0;border-bottom:0}
.fc-bars::before{content:"";position:absolute;left:-7px;right:-7px;top:var(--zero);border-top:1px solid var(--line)}
.fc-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.fc-bars{position:relative;flex:1;width:100%;display:flex;justify-content:center;gap:3px}
.fc-b{position:relative;flex:1;max-width:26px;height:100%}
.fc-b::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - var(--zero));height:var(--p);border-radius:6px 6px 0 0;background:var(--c,var(--brand));transform-origin:bottom;transform:scaleY(0);transition:transform .9s cubic-bezier(.3,1.2,.5,1),filter .2s}
.fc-b.neg::before{bottom:auto;top:var(--zero);border-radius:0 0 6px 6px;transform-origin:top;background:var(--down)}
.g-card.s-in .fc-b::before{transform:none}
.fc-b:hover::before,.fc-b:focus::before{filter:brightness(1.15) saturate(1.2)}
.fc-b.none::before{display:none}
.fc-b[data-tip]:hover::after,.fc-b[data-tip]:focus::after{content:attr(data-tip);position:absolute;bottom:calc(100% - var(--zero) + var(--p) + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:var(--card);font:700 12px var(--font);padding:6px 9px;border-radius:9px;z-index:5;pointer-events:none;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.fc-b.neg[data-tip]:hover::after,.fc-b.neg[data-tip]:focus::after{bottom:auto;top:calc(var(--zero) + var(--p) + 8px)}
.fc-col small{font-size:11.5px;font-weight:700;color:var(--ink-3);white-space:nowrap}
.fc-b.c1{--c:var(--brand)}.fc-b.c2{--c:var(--up)}.fc-b.c3{--c:#e9a23b}.fc-b.c4{--c:#7c6cf0}.fc-b.c5{--c:#9aa5b1}
.fc-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.fc-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--brand)}
.fc-legend .c2::before{background:var(--up)}.fc-legend .c3::before{background:#e9a23b}.fc-legend .c4::before{background:#7c6cf0}.fc-legend .c5::before{background:#9aa5b1}
.fin-tw{margin-top:16px;border:1px solid var(--line);border-radius:16px}
.fin-t td:first-child,.fin-t th:first-child{position:sticky;left:0;background:var(--card);z-index:1;font-weight:600;color:var(--ink-2)}
.fin-t th:first-child{background:var(--soft)}
.fin-t tr.b td{font-weight:800;color:var(--ink)}
.fin-t td.down{color:var(--down)}
.fin-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.fin-head h3{margin:0}
.fin-seg button{white-space:nowrap}
[data-ftp][hidden]{display:none!important}
.fin-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.fin-kpis>div{background:var(--card);padding:14px 16px}
.fin-kpis small{display:block;font-size:12px;font-weight:700;color:var(--ink-3)}
.fin-kpis b{display:block;margin-top:3px;font:600 19px var(--display);font-variant-numeric:tabular-nums;color:var(--ink)}
.fin-kpis b.up{color:var(--up)}.fin-kpis b.down{color:var(--down)}
.fin-kpis i{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:2px}
.sh-bars{display:flex;gap:8px;align-items:flex-end;height:200px}
.sh-bars>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}
.sh-stack{flex:1;width:100%;max-width:44px;display:flex;flex-direction:column-reverse;border-radius:8px;overflow:hidden;background:var(--soft)}
.sh-stack i{display:block;height:var(--h)}
.sh-stack i.pr{background:var(--brand)}.sh-stack i.pu{background:#9aa5b1}
.sh-bars small{font-size:11px;font-weight:700;color:var(--ink-3);white-space:nowrap}
.sh-bars b{font-size:12px}
.ev-list{list-style:none;margin:0;padding:0}
.ev-list li{display:flex;gap:12px;justify-content:space-between;padding:11px 2px;border-bottom:1px solid var(--line);font-size:14px}
.ev-list li:last-child{border-bottom:0}
.ev-list time{flex:none;color:var(--ink-3);font-weight:700;font-size:12.5px}
@media (max-width:640px){.fc-col small{font-size:10px}.fc-plot,.fc-gc{gap:3px}.fc-b{max-width:16px}.sh-bars{gap:4px}.sh-bars small{font-size:9.5px}}

/* stock page: jump links (sticky under the navbar) */
.st-jump{position:sticky;top:72px;z-index:5;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:16px;margin-bottom:18px}
.st-jump::-webkit-scrollbar{display:none}
.st-jump a{flex:none;padding:8px 13px;border-radius:11px;text-decoration:none;font:700 13px var(--font);color:var(--ink-2);transition:background .2s,color .2s}
.st-jump a:hover{background:var(--soft);color:var(--ink)}
html{scroll-padding-top:140px}
@media (max-width:640px){.st-jump{top:64px}}

/* ---------- calculators: advanced options + toolbar ---------- */
.s-adv{margin-top:6px;border:1px dashed var(--line);border-radius:16px;background:var(--soft)}
.s-adv summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 14px;font:700 14px var(--font);color:var(--ink)}
.s-adv summary::-webkit-details-marker{display:none}
.s-adv summary .si{width:16px;height:16px;color:var(--c,var(--brand))}
.s-adv summary small{margin-left:auto;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:11.5px;color:var(--ink-3)}
.s-adv summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg);transition:transform .25s;margin-left:6px}
.s-adv[open] summary::after{transform:rotate(225deg)}
.s-adv-in{padding:0 14px 8px;animation:advIn .3s ease}
@keyframes advIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.s-calc-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.s-calc-tools .btn{padding:8px 12px;font-size:13px;border-radius:11px}
.s-calc-tools .si{width:15px;height:15px}
@media print{
  .gn,.sf-foot,.s-calc-tools,.s-adv summary::after,.g-hero .g-hero-cta,.s-rel,[data-o="tableToggle"]{display:none!important}
  .s-adv{border:0;background:none}.s-adv:not([open]) .s-adv-in{display:block}
  body{background:#fff!important}.card,.g-card{box-shadow:none!important;break-inside:avoid}
}

/* ---------- search ---------- */
.sq-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 2px 4px}
.sq-chips::-webkit-scrollbar{display:none}
.sq-chips button,.sq-chips a{flex:none;border:1px solid var(--line);background:var(--card);color:var(--ink-2);font:700 12.5px var(--font);padding:6px 12px;border-radius:999px;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}
.sq-chips button.on,.sq-chips a.on{background:var(--ink);color:var(--card);border-color:var(--ink)}
.search-out a.sq-it,.sr-list a.sq-it{display:flex;align-items:center;gap:12px;justify-content:flex-start;padding:9px 10px;border-radius:12px;text-decoration:none;color:var(--ink)}
.sq-it .s-av{width:34px;height:34px;flex:none}
.sq-nm{flex:1;min-width:0;display:flex;flex-direction:column}
.sq-nm b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sq-nm small{color:var(--ink-3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sq-nm .s-tag{margin-right:4px}
.sq-px{flex:none;display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}
.sq-px b{font-size:13.5px}.sq-px em{font-style:normal;font-weight:700;font-size:12px}
.sq-px em.up{color:var(--up)}.sq-px em.down{color:var(--down)}
.search-out a.sq-all{justify-content:center;font-weight:800;color:var(--brand);margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 12px 12px}
.search-out{max-height:min(62vh,560px);overflow-y:auto}
.sr-form{display:flex;gap:10px;margin-top:14px;max-width:720px}
.sr-form .s-find{flex:1}.sr-form .s-find input{font-size:16px;padding:13px 0}
.sr-chips{margin-top:8px}
.sr-grp{margin-bottom:22px}
.sr-list{padding:8px}
.sr-list a.sq-it:hover{background:var(--soft)}

/* ---------- page head card: same left and right edge as the cards below it ---------- */
/* On the main site everything sits in #main (max 1320px, side padding comes from .app) and .wrap has no
   padding of its own, so the head card must have no side margin at all to line up with the sections below. */
.site .phead{width:auto;max-width:none;margin:14px 0 0!important}
.site .mk-strip + .phead{margin-top:12px!important}
@media (max-width:560px){.site .phead{border-radius:18px!important}.site .phead .wrap{padding-left:16px!important;padding-right:16px!important}}

/* ---------- financial charts v2: numbers on bars, trend line, QoQ / YoY strip ---------- */
.fc-scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.fc-in{min-width:calc(var(--n) * var(--cw))}
.fc-flat .fc-plot{padding-top:24px}
.fc-vert .fc-plot{padding-top:50px}
.fc-v{position:absolute;left:50%;bottom:calc(100% - var(--zero) + var(--p) + 7px);transform:translateX(-50%);font:700 10.5px/1 var(--font);color:var(--ink-2);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .4s .55s}
.fc-vert .fc-v{writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg)}
.fc-b.neg .fc-v{bottom:auto;top:calc(var(--zero) + var(--p) + 6px);color:var(--down)}
.fc-nolab .fc-v{display:none}
.g-card.s-in .fc-v{opacity:1}
.fc-b:hover .fc-v,.fc-b:focus .fc-v{opacity:0}
.fc-line{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2;opacity:0;transition:opacity .6s .7s}
.g-card.s-in .fc-line{opacity:1}
.fc-line path{fill:none;stroke:var(--c);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.45}
.fc-line circle{fill:var(--card);stroke:var(--c);stroke-width:1.6;opacity:.85}
.fc-line .c1{--c:var(--brand)}.fc-line .c2{--c:var(--up)}.fc-line .c3{--c:#e9a23b}.fc-line .c4{--c:#7c6cf0}.fc-line .c5{--c:#9aa5b1}
.fc-grow{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);display:grid;gap:10px}
.fc-gr p{position:sticky;left:0;display:inline-flex;align-items:center;gap:6px;margin:0 0 5px;font:700 11.5px var(--font);color:var(--ink-2)}
.fc-gr p i{width:9px;height:9px;border-radius:3px;background:var(--brand)}
.fc-gr p i.c2{background:var(--up)}.fc-gr p i.c3{background:#e9a23b}.fc-gr p i.c4{background:#7c6cf0}.fc-gr p i.c5{background:#9aa5b1}
.fc-gc{display:flex;gap:clamp(4px,1vw,12px)}
.fc-gc span{flex:1;min-width:0;text-align:center;font:700 11px/1 var(--font);font-variant-numeric:tabular-nums;padding:5px 0;border-radius:7px;background:var(--soft);color:var(--ink-2);white-space:nowrap;letter-spacing:-.01em}
.fc-gc span.up{color:var(--up);background:color-mix(in srgb,var(--up) 11%,transparent)}
.fc-gc span.down{color:var(--down);background:color-mix(in srgb,var(--down) 11%,transparent)}
.fc-gc span.na{color:var(--ink-3);opacity:.55}
.fc-legend .fc-tl{color:var(--ink-3);font-weight:600}
.fc-legend .fc-tl::before{width:16px!important;height:0!important;border-top:2px solid var(--ink-3);border-radius:0!important;background:none!important;opacity:.6;vertical-align:3px!important}
@media (max-width:640px){.fc-gc span{font-size:10px;padding:4px 0}.fc-v{font-size:9.5px}}

/* ---------- stock / coin identity strip under the name ---------- */
.phead h1.s-stk-title{font-size:clamp(26px,4.2vw,50px)!important;flex-wrap:wrap;row-gap:6px}
.st-sym{color:var(--ink-3);font-weight:700;font-size:.55em;letter-spacing:0}
.st-ids{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.st-ids span{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:11px;background:var(--card);border:1px solid var(--line);font-size:13px;line-height:1.1}
.st-ids small{color:var(--ink-3);font:800 10.5px var(--font);letter-spacing:.07em;text-transform:uppercase}
.st-ids b{font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}
.st-ids .st-ex{color:var(--up);font-weight:700;background:color-mix(in srgb,var(--up) 8%,var(--card))}
.st-ids .st-ex .si{width:14px;height:14px}
.st-det dd{word-break:break-word;text-align:right}
.st-addr{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}
@media (max-width:560px){.st-ids{gap:6px}.st-ids span{font-size:12px;padding:5px 9px}}

/* ---------- results popup (stock pages): bottom-left, hides after 30 seconds ---------- */
.rp-pop{position:fixed;left:22px;bottom:calc(22px + var(--tabbar,0px));z-index:55;width:min(380px,calc(100vw - 24px));padding:16px 16px 14px;border-radius:20px;overflow:hidden;
  background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
  border:1px solid var(--line);box-shadow:0 24px 60px -18px rgba(20,10,5,.45),0 2px 0 rgba(255,255,255,.5) inset;
  opacity:0;transform:translateY(24px) scale(.97);transition:opacity .35s ease,transform .45s cubic-bezier(.2,1.2,.4,1)}
.rp-pop[hidden]{display:none!important}
.rp-pop.on{opacity:1;transform:none}
.rp-pop.bye{opacity:0;transform:translateY(16px) scale(.98)}
.rp-x{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--soft);color:var(--ink-2);cursor:pointer;transition:background .2s,transform .2s}
.rp-x:hover{background:var(--line);transform:rotate(90deg)}
.rp-x .si{width:15px;height:15px}
.rp-top{display:flex;gap:12px;align-items:flex-start;padding-right:30px}
.rp-top .s-av{width:44px;height:44px;flex:none}
.rp-kick{display:inline-flex;align-items:center;gap:5px;margin:0 0 5px;padding:3px 9px;border-radius:999px;font:800 11px var(--font);letter-spacing:.04em;text-transform:uppercase}
.rp-kick .si{width:13px;height:13px}
.rp-kick.soon{background:color-mix(in srgb,#e9a23b 16%,transparent);color:#b5730f}
.rp-kick.out{background:color-mix(in srgb,var(--up) 14%,transparent);color:var(--up)}
html[data-theme="dark"] .rp-kick.soon{color:#f3bb5b}
.rp-t{display:block;font:800 17px/1.25 var(--display);color:var(--ink);letter-spacing:-.01em}
.rp-s{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--ink-3)}
.rp-nt{margin:12px 0 0;font:700 11.5px var(--font);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}
.rp-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.rp-nums div{padding:9px 10px;border-radius:13px;background:var(--soft);border:1px solid var(--line);min-width:0}
.rp-nums small{display:block;font:700 11px var(--font);color:var(--ink-3)}
.rp-nums b{display:block;margin:3px 0 2px;font:800 14.5px var(--font);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.rp-nums em{font:700 11.5px var(--font);font-style:normal;color:var(--ink-3)}
.rp-nums em.up{color:var(--up)}.rp-nums em.down{color:var(--down)}
.rp-go{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font:800 13px var(--font);color:var(--brand);text-decoration:none}
.rp-go .si{width:15px;height:15px;transition:transform .2s}.rp-go:hover .si{transform:translateX(3px)}
.rp-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--brand),#ff7a59);transform-origin:left;transform:scaleX(1)}
.rp-pop.on .rp-bar{animation:rpBar 30s linear forwards}
.rp-pop:hover .rp-bar,.rp-pop:focus-within .rp-bar{animation-play-state:paused}
@keyframes rpBar{to{transform:scaleX(0)}}
@media (max-width:560px){.rp-pop{left:12px;right:12px;width:auto;bottom:calc(12px + var(--tabbar,0px));padding:14px 14px 12px}.rp-nums b{font-size:13px}.rp-t{font-size:16px}}
@media (prefers-reduced-motion:reduce){.rp-pop{transition:opacity .2s}.rp-pop.on .rp-bar{animation-duration:30s}}
@media print{.rp-pop{display:none!important}}

/* ---------- results popup: share button + full-screen share window ---------- */
.rp-sh{position:absolute;top:10px;right:46px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--soft);color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.rp-sh:hover{background:color-mix(in srgb,var(--brand) 12%,var(--soft));color:var(--brand);transform:scale(1.06)}
.rp-sh .si{width:14px;height:14px}
.rp-pop .rp-top{padding-right:72px}
.rp-shx{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(12px,3vw,32px);background:rgba(14,10,8,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .25s ease}
.rp-shx.on{opacity:1}
.rp-shx-in{position:relative;display:grid;grid-template-columns:minmax(0,auto) 360px;gap:24px;align-items:center;max-width:1100px;width:100%;max-height:calc(100vh - 40px);padding:22px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:0 40px 90px -30px rgba(0,0,0,.6);transform:translateY(18px) scale(.98);transition:transform .35s cubic-bezier(.2,1.2,.4,1)}
.rp-shx.on .rp-shx-in{transform:none}
.rp-shx-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:var(--soft);color:var(--ink);font:400 26px/1 var(--font);cursor:pointer;z-index:2}
.rp-shx-x:hover{background:var(--line)}
.rp-shx-pic{display:grid;place-items:center;min-width:0}
.rp-shx-pic img{display:block;max-width:100%;max-height:calc(100vh - 100px);width:auto;height:auto;border-radius:16px;box-shadow:0 18px 40px -20px rgba(0,0,0,.45);background:var(--soft)}
.rp-shx-side{min-width:0;padding-right:6px}
.rp-shx-k{margin:0 0 6px;font:800 11.5px var(--font);letter-spacing:.1em;color:var(--brand)}
.rp-shx-side h3{margin:0 40px 8px 0;font:800 22px/1.25 var(--display);color:var(--ink)}
.rp-shx-t{margin:0 0 16px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.rp-shx-native{width:100%;justify-content:center;margin-bottom:14px}
.rp-shx-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rp-shx-apps a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:14px;text-decoration:none;color:var(--ink-2);font:700 12px var(--font);border:1px solid var(--line);transition:background .2s,transform .2s}
.rp-shx-apps a:hover{background:var(--soft);transform:translateY(-2px)}
.rp-shx-apps i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--b);color:#fff;font-style:normal}
.rp-shx-apps i svg{width:21px;height:21px}
.rp-shx-apps i b{font:800 18px/1 var(--font)}
.rp-shx-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.rp-shx-row .btn{justify-content:center;font-size:13px;padding:10px 8px}
.rp-shx-note{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--ink-3)}
@media (max-width:820px){
  .rp-shx{place-items:start center;overflow-y:auto}
  .rp-shx-in{grid-template-columns:1fr;max-height:none;padding:16px;gap:16px}
  .rp-shx-pic img{max-height:62vh}
  .rp-shx-side h3{font-size:19px}
}
@media print{.rp-shx{display:none!important}}

/* ---------- "Open chart" on TradingView (stock, US stock and coin page heads) ---------- */
.ph-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tv-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px 0 4px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink)!important;text-decoration:none;font:700 13.5px var(--font);
  box-shadow:0 4px 14px -8px rgba(19,23,34,.35);transition:border-color .25s,box-shadow .25s,transform .25s;animation:tvIn .6s cubic-bezier(.2,1.2,.4,1) .3s both}
.tv-btn:hover{border-color:#131722;transform:translateY(-1px);box-shadow:0 10px 22px -12px rgba(19,23,34,.55)}
.tv-ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#131722;flex:none;transition:transform .45s cubic-bezier(.2,1.4,.4,1)}
.tv-mark{width:16px;height:13px;fill:#fff}
.tv-btn:hover .tv-ic{transform:rotate(-12deg) scale(1.08)}
.tv-lb{position:relative;background:linear-gradient(100deg,var(--ink) 0 40%,#2962ff 50%,var(--ink) 60% 100%);background-size:250% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tvShine 3.2s ease-in-out 1.2s infinite}
.tv-ar{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;color:var(--ink-3);transition:transform .25s,color .25s}
.tv-btn:hover .tv-ar{transform:translate(2px,-2px);color:#2962ff}
@keyframes tvShine{0%{background-position:100% 0}45%,100%{background-position:0 0}}
@keyframes tvIn{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}
html[data-theme="dark"] .tv-ic{background:#fff}
html[data-theme="dark"] .tv-mark{fill:#131722}
html[data-theme="dark"] .tv-btn:hover{border-color:#fff}
@media (max-width:640px){.ph-acts{width:100%}}

/* ---------- alerts + install app cards (bottom right; one at a time) ---------- */
.pw-card[hidden]{display:none!important}
.pw-card{position:fixed;right:22px;bottom:calc(22px + var(--tabbar,0px));z-index:56;width:min(372px,calc(100vw - 24px));padding:18px 18px 16px;border-radius:24px;overflow:hidden;
  background:color-mix(in srgb,var(--card) 90%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);
  border:1px solid var(--line);box-shadow:0 28px 70px -22px rgba(40,6,6,.5),0 2px 0 rgba(255,255,255,.5) inset;
  opacity:0;transform:translateY(26px) scale(.96);transition:opacity .35s ease,transform .5s cubic-bezier(.2,1.25,.4,1)}
.pw-card.on{opacity:1;transform:none}
.pw-card.bye{opacity:0;transform:translateY(18px) scale(.98)}
.pw-card::before{content:"";position:absolute;inset:-60% -30% auto auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 22%,transparent),transparent 68%);pointer-events:none}
.pw-x{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--soft);color:var(--ink-2);cursor:pointer;transition:background .2s,transform .2s}
.pw-x:hover{background:var(--line);transform:rotate(90deg)}
.pw-x svg{width:14px;height:14px}
.pw-top{position:relative;display:flex;gap:13px;align-items:center;padding-right:30px}
.pw-ic{position:relative;flex:none;width:52px;height:52px}
.pw-ic img{display:block;width:52px;height:52px;border-radius:50%;box-shadow:0 8px 20px -8px rgba(255,0,25,.7)}
.pw-ic i{position:absolute;right:-4px;top:-4px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--card);color:var(--brand);box-shadow:0 3px 10px -3px rgba(0,0,0,.35)}
.pw-ic i svg{width:14px;height:14px;transform-origin:50% 10%;animation:pwRing 2.6s ease-in-out infinite}
@keyframes pwRing{0%,62%,100%{transform:rotate(0)}66%{transform:rotate(18deg)}72%{transform:rotate(-16deg)}78%{transform:rotate(10deg)}84%{transform:rotate(-6deg)}90%{transform:rotate(2deg)}}
.pw-ic::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid color-mix(in srgb,var(--brand) 45%,transparent);animation:pwPulse 2.6s ease-out infinite}
@keyframes pwPulse{0%{transform:scale(.9);opacity:.9}70%,100%{transform:scale(1.25);opacity:0}}
.pw-k{display:block;margin:0 0 2px;font:800 11px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.pw-t{display:block;font:800 17px/1.25 var(--display);color:var(--ink);letter-spacing:-.01em}
.pw-s{position:relative;margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.pw-chips{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.pw-chips li{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font:700 11.5px var(--font);color:var(--ink-2)}
.pw-chips li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c,var(--brand))}
.pw-acts{position:relative;display:flex;gap:8px;margin-top:15px}
.pw-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--soft);color:var(--ink);font:800 13.5px var(--font);cursor:pointer;transition:transform .15s,background .2s,box-shadow .2s}
.pw-btn:hover{background:var(--line)}
.pw-btn:active{transform:scale(.97)}
.pw-btn svg{width:16px;height:16px}
.pw-btn.go{flex:1.4;border:0;color:#fff;background:linear-gradient(135deg,#ff2a3d,#ff0019 55%,#d90016);box-shadow:0 10px 24px -10px rgba(255,0,25,.75)}
.pw-btn.go:hover{background:linear-gradient(135deg,#ff3b4c,#f00018 55%,#c70014);box-shadow:0 12px 28px -10px rgba(255,0,25,.9)}
.pw-btn[disabled]{opacity:.7;cursor:wait}
.pw-note{position:relative;margin:10px 0 0;font-size:11.5px;color:var(--ink-3)}
.pw-ok{position:relative;display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;border-radius:14px;background:color-mix(in srgb,var(--up) 13%,transparent);color:var(--up);font:800 13.5px var(--font)}
.pw-ok svg{width:20px;height:20px;flex:none}
.pw-ok.bad{background:color-mix(in srgb,var(--down) 12%,transparent);color:var(--down)}
.pw-ios{position:relative;margin:12px 0 0;padding:0;list-style:none;counter-reset:s}
.pw-ios li{counter-increment:s;display:flex;align-items:center;gap:8px;padding:7px 0;font-size:13px;color:var(--ink-2)}
.pw-ios li::before{content:counter(s);flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font:800 11.5px var(--font)}
.pw-ios svg{width:18px;height:18px;color:#0a84ff;vertical-align:-4px}
html[data-theme="dark"] .pw-card{box-shadow:0 28px 70px -22px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.06) inset}
@media (max-width:560px){.pw-card{left:12px;right:12px;width:auto;bottom:calc(12px + var(--tabbar,0px));padding:16px 15px 14px;border-radius:22px}.pw-t{font-size:16px}}
@media (prefers-reduced-motion:reduce){.pw-card{transition:opacity .2s}}
@media print{.pw-card{display:none!important}}

/* ---------- log in / sign up (main site, one login for every page) ---------- */
.au{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:28px;align-items:stretch;margin:22px 0 40px}
.au-side{position:relative;overflow:hidden;border-radius:28px;padding:38px 36px;color:#fff;background:radial-gradient(120% 90% at 0% 0%,#ff3b4c 0%,#e00016 38%,#7a0010 100%);box-shadow:0 30px 70px -30px rgba(160,0,20,.7)}
.au-side::before,.au-side::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.au-side::before{width:380px;height:380px;right:-120px;top:-140px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%)}
.au-side::after{width:300px;height:300px;left:-90px;bottom:-130px;border:44px solid rgba(255,255,255,.07)}
.au-side-in{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}
.au-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 18px var(--display)}
.au-brand img{border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.au-brand b{font-weight:800}
.au-side h2{margin:28px 0 22px;font:800 clamp(26px,3vw,36px)/1.15 var(--display);letter-spacing:-.02em;color:#fff}
.au-side h2 em{font-style:normal;color:#ffd3d8}
.au-perks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.au-perks li{display:flex;gap:13px;align-items:flex-start;padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.au-perks b{display:block;font:800 14.5px var(--font);margin-bottom:2px}
.au-perks li>span:last-child{font-size:13px;line-height:1.45;color:rgba(255,255,255,.86)}
.au-pi{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--c)}
.au-pi .si{width:18px;height:18px}
.au-bk{margin-top:auto;padding-top:24px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.au-bk small{width:100%;font:700 11px var(--font);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.au-bk span{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:999px;background:#fff;color:#1d1f24;font:800 12.5px var(--font)}
.au-bk i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--c);color:#fff;font:800 11px var(--font);font-style:normal}
.au-card{position:relative;padding:30px 30px 24px;border-radius:28px;background:var(--card);border:1px solid var(--line);box-shadow:0 24px 60px -30px rgba(20,10,5,.35)}
.au-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;margin:0 0 22px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}
.au-tabs a{position:relative;z-index:1;text-align:center;padding:10px 0;border-radius:999px;font:800 14px var(--font);color:var(--ink-3);text-decoration:none;transition:color .25s}
.au-tabs a.on{color:#fff}
.au-tabs i{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:linear-gradient(135deg,#ff2a3d,#e00016);box-shadow:0 8px 18px -8px rgba(255,0,25,.7);transform:translateX(calc(var(--x) * 100%));transition:transform .35s cubic-bezier(.2,1,.3,1)}
.au-card h1{margin:0;font:800 26px/1.2 var(--display);letter-spacing:-.02em;color:var(--ink)}
.au-sub{margin:6px 0 18px;font-size:14px;color:var(--ink-3)}
.au-msg{margin:0 0 14px;padding:11px 14px;border-radius:14px;font:700 13.5px/1.45 var(--font)}
.au-msg.bad{background:color-mix(in srgb,var(--down) 11%,transparent);color:var(--down);border:1px solid color-mix(in srgb,var(--down) 25%,transparent)}
.au-msg.good{background:color-mix(in srgb,var(--up) 11%,transparent);color:var(--up);border:1px solid color-mix(in srgb,var(--up) 25%,transparent)}
.au-g{display:flex;justify-content:center;min-height:44px}
.au-g #g-btn{width:100%;display:flex;justify-content:center}
.au-or{display:flex;align-items:center;gap:12px;margin:16px 0;font:700 12px var(--font);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:var(--line)}
.au-form{display:grid;gap:14px}
.au-f{display:grid;gap:6px;font:700 13px var(--font);color:var(--ink-2)}
.au-f small{font-weight:600;color:var(--ink-3)}
.au-row{display:flex;justify-content:space-between;align-items:center}
.au-row a,.au-alt a,.au-chk a{color:var(--brand);font-weight:800;text-decoration:none}
.au-f input,.au-f textarea,.bk-form input,.bk-form textarea{width:100%;box-sizing:border-box;min-height:48px;padding:12px 15px;border-radius:14px;border:1.5px solid var(--line);background:var(--soft);color:var(--ink);font:600 15px var(--font);transition:border-color .2s,box-shadow .2s,background .2s}
.au-f input:focus,.au-f textarea:focus,.bk-form input:focus,.bk-form textarea:focus{outline:0;border-color:var(--brand);background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.au-f input:disabled{opacity:.7}
.au-pw{position:relative;display:block}
.au-pw input{padding-right:50px}
.au-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--ink-3);cursor:pointer}
.au-eye svg{width:19px;height:19px}
.au-eye.on{color:var(--brand)}
.au-caps{color:#b5730f!important}
.au-caps[hidden]{display:none!important}
.au-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:2px}
.au-meter i{height:5px;border-radius:9px;background:var(--line);transition:background .3s}
.au-meter i.s1{background:#e5484d}.au-meter i.s2{background:#e9a23b}.au-meter i.s3{background:#5bb85d}.au-meter i.s4{background:#16a34a}
.au-chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink-2);cursor:pointer;line-height:1.4}
.au-chk input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--brand)}
.au-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.au-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border:0;border-radius:999px;cursor:pointer;color:#fff;font:800 15px var(--font);background:linear-gradient(135deg,#ff2a3d,#ff0019 55%,#d90016);box-shadow:0 14px 28px -12px rgba(255,0,25,.75);transition:transform .15s,box-shadow .2s,filter .2s}
.au-btn:hover{filter:brightness(1.05);box-shadow:0 16px 32px -12px rgba(255,0,25,.9)}
.au-btn:active{transform:scale(.98)}
.au-btn .si{width:17px;height:17px;transition:transform .2s}.au-btn:hover .si{transform:translateX(3px)}
.au-btn[disabled]{opacity:.75;cursor:wait}
.au-btn.busy span::after{content:"…"}
.au-alt{margin:18px 0 0;text-align:center;font-size:14px;color:var(--ink-3)}
.au-safe{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 0;padding-top:14px;border-top:1px dashed var(--line);font-size:12px;color:var(--ink-3)}
.au-safe .si{width:14px;height:14px;color:var(--up)}
@media (max-width:900px){.au{grid-template-columns:1fr}.au-side{order:2;padding:28px 22px}.au-card{order:1}}
@media (max-width:560px){.au{margin-top:14px}.au-card{padding:22px 16px 18px;border-radius:22px}.au-side{border-radius:22px}}

/* ---------- my account ---------- */
.acc2-top{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.acc2-av{width:64px!important;height:64px!important;border-radius:50%;font:800 22px var(--font)!important;display:grid!important;place-items:center;background:linear-gradient(135deg,#ff2a3d,#c80014);color:#fff;object-fit:cover;flex:none}
.acc2-id{flex:1;min-width:200px}
.acc2-id h1{margin:2px 0}
.acc2-stat{display:flex;gap:8px;flex-wrap:wrap}
.acc2-live,.acc2-mini{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font:800 12.5px var(--font);color:var(--ink-2);text-decoration:none}
.acc2-mini .si{width:14px;height:14px;color:#e9a23b}
.acc2-live i{width:8px;height:8px;border-radius:50%;background:var(--ink-3)}
.acc2-live.on{color:var(--up);border-color:color-mix(in srgb,var(--up) 35%,transparent);background:color-mix(in srgb,var(--up) 9%,transparent)}
.acc2-live.on i{background:var(--up);box-shadow:0 0 0 0 color-mix(in srgb,var(--up) 60%,transparent);animation:tkPulse 1.6s infinite}
.acc2-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:18px}
.acc2-tabs a{padding:9px 16px;border-radius:999px;font:800 13.5px var(--font);color:var(--ink-2);text-decoration:none;background:var(--soft);border:1px solid var(--line)}
.acc2-tabs a.on{background:var(--ink);color:var(--card);border-color:var(--ink)}
.acc2-out{margin-left:auto}
.acc2-out button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--ink-3);font:800 13px var(--font);cursor:pointer}
.acc2-out .si{width:15px;height:15px}
.acc2{display:grid;gap:18px;margin:18px auto 40px}
.acc2-card{padding:24px}
.acc2-narrow{max-width:620px}
.acc2-h{margin:0 0 6px;font:800 20px var(--display);color:var(--ink)}
.acc2-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.acc2-notes{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.acc2-notes li{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ink-3)}
.acc2-notes .si{width:15px;height:15px;flex:none;color:var(--brand)}
.acc2-dev{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.acc2-dev li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--soft);border:1px solid var(--line)}
.acc2-dev li>span:nth-child(2){flex:1;min-width:0}
.acc2-dev b{display:block;font:800 14px var(--font);color:var(--ink)}
.acc2-dev b em{margin-left:6px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--up) 14%,transparent);color:var(--up);font:800 11px var(--font);font-style:normal}
.acc2-dev small{color:var(--ink-3);font-size:12px}
.acc2-dic{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--card);color:var(--ink-2)}
.acc2-dic .si{width:18px;height:18px}
.acc2-danger{border-color:color-mix(in srgb,var(--down) 30%,var(--line))!important}
.acc2-push{display:flex;align-items:center;gap:10px;margin:14px 0;padding:13px 15px;border-radius:14px;background:var(--soft);border:1px solid var(--line);font:700 13.5px var(--font);color:var(--ink-2)}
.acc2-pdot{width:10px;height:10px;border-radius:50%;background:var(--ink-3);flex:none}
.acc2-push.ok{color:var(--up)}.acc2-push.ok .acc2-pdot{background:var(--up)}
.acc2-push.bad{color:var(--down)}.acc2-push.bad .acc2-pdot{background:var(--down)}
.acc2-pacts{display:flex;gap:10px;flex-wrap:wrap}
.acc2-pacts .au-btn{width:auto;padding:0 24px}
.acc2-pacts [hidden]{display:none!important}

/* broker cards */
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:18px}
.bk-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;background:var(--soft);border:1.5px solid var(--line);transition:border-color .2s,transform .2s,box-shadow .2s}
.bk-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(0,0,0,.35)}
.bk-card.on{border-color:color-mix(in srgb,var(--c) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 8%,var(--card)),var(--card))}
.bk-top{display:flex;align-items:center;gap:11px}
.bk-top b{display:block;font:800 16px var(--font);color:var(--ink)}
.bk-top small{font-size:12px;color:var(--ink-3)}
.bk-logo{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--c);color:#fff;font:800 19px var(--display);box-shadow:0 8px 16px -8px var(--c)}
.bk-st{margin-left:auto;padding:4px 9px;border-radius:999px;font:800 11px var(--font);white-space:nowrap}
.bk-st.ok{background:color-mix(in srgb,var(--up) 14%,transparent);color:var(--up)}
.bk-st.old{background:color-mix(in srgb,#e9a23b 16%,transparent);color:#b5730f}
.bk-meta{margin:0;font:700 13px/1.5 var(--font);color:var(--ink-2)}
.bk-meta small{font-weight:600;color:var(--ink-3)}
.bk-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.bk-acts form{margin:0}
.bk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:800 13px var(--font);text-decoration:none;cursor:pointer;list-style:none}
.bk-btn::-webkit-details-marker{display:none}
.bk-btn.go{border:0;background:var(--c,var(--brand));color:#fff;box-shadow:0 8px 18px -10px var(--c,var(--brand))}
.bk-btn.go:hover{filter:brightness(1.08)}
.bk-btn.ghost{background:none}
.bk-btn.off{opacity:.6;cursor:not-allowed}
.bk-btn.danger{border:0;background:var(--down);color:#fff}
.bk-dhan{width:100%}
.bk-dhan[open] summary{margin-bottom:12px}
.bk-form{display:grid;gap:10px}
.bk-form label{display:grid;gap:5px;font:700 12.5px var(--font);color:var(--ink-2)}
.bk-form small{font-size:11.5px;color:var(--ink-3);line-height:1.45}
.bk-form textarea{min-height:76px;font:600 12px ui-monospace,monospace}

/* live tick pill (navbar) and price flash */
.tk-pill{display:inline-flex;align-items:center;gap:7px;margin-right:8px;padding:6px 11px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font:800 11.5px var(--font);color:var(--ink-3);text-decoration:none;white-space:nowrap}
.tk-pill i{width:8px;height:8px;border-radius:50%;background:#e9a23b}
.tk-pill.on{color:var(--up);border-color:color-mix(in srgb,var(--up) 35%,transparent);background:color-mix(in srgb,var(--up) 9%,transparent)}
.tk-pill.on i{background:var(--up);animation:tkPulse 1.6s infinite}
.tk-pill.off{color:#b5730f}
.tk-pill.off i{background:var(--down)}
.tk-pill.float{position:fixed;top:76px;right:14px;z-index:40;margin:0;box-shadow:0 8px 20px -10px rgba(0,0,0,.35)}
@media (max-width:700px){.tk-pill:not(.float) span{display:none}.tk-pill:not(.float){padding:7px;margin-right:4px}}
@keyframes tkPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--up) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.tk-up,.tk-dn{border-radius:6px;animation:tkUp .7s ease-out}
.tk-dn{animation-name:tkDn}
@keyframes tkUp{0%{background:color-mix(in srgb,var(--up) 28%,transparent)}100%{background:transparent}}
@keyframes tkDn{0%{background:color-mix(in srgb,var(--down) 28%,transparent)}100%{background:transparent}}
.tk-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--up);animation:tkPulse 1.6s infinite;vertical-align:1px}
/* "Login with Upstox" buttons on the log in / sign up page */
.au-brk{display:grid;gap:9px}
.au-brk small{font-size:12px;line-height:1.45;color:var(--ink-3);text-align:center}
.au-bkbtn{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 16px 0 7px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--c) 40%,var(--line));background:color-mix(in srgb,var(--c) 7%,var(--card));color:var(--ink);text-decoration:none;font:700 14.5px var(--font);transition:transform .15s,box-shadow .2s,background .2s}
.au-bkbtn:hover{background:color-mix(in srgb,var(--c) 13%,var(--card));box-shadow:0 12px 24px -14px var(--c);transform:translateY(-1px)}
.au-bkbtn i{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--c);color:#fff;font:800 16px var(--display);font-style:normal}
.au-bkbtn span{flex:1}
.au-bkbtn b{font-weight:800}
.au-bkbtn .si{width:17px;height:17px;color:var(--c)}
.au-gerr{margin:0;padding:10px 12px;border-radius:12px;background:var(--soft);border:1px dashed var(--line);font-size:12.5px;color:var(--ink-3);text-align:center}
.au-g #g-btn.busy{opacity:.5;pointer-events:none}

/* ---------- account dashboard (sidebar app layout) ---------- */
.dh{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start;margin:18px auto 40px}
.dh-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px -28px rgba(0,0,0,.35)}
.dh-me{display:flex;gap:11px;align-items:center;min-width:0}
.dh-av{width:46px!important;height:46px!important;flex:none;border-radius:50%;display:grid!important;place-items:center;object-fit:cover;background:linear-gradient(135deg,#ff2a3d,#c80014);color:#fff;font:800 16px var(--font)!important}
.dh-me span{min-width:0}
.dh-me b{display:block;font:800 15px var(--font);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dh-me small{display:block;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dh-side .acc2-live{justify-content:center}
.dh-nav{display:grid;gap:3px}
.dh-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:13px;color:var(--ink-2);text-decoration:none;font:700 14px var(--font);transition:background .2s,color .2s}
.dh-nav a:hover{background:var(--soft)}
.dh-nav a.on{background:color-mix(in srgb,var(--brand) 10%,var(--soft));color:var(--brand)}
.dh-nav .si{width:18px;height:18px;flex:none}
.dh-nav span{flex:1;display:flex;justify-content:space-between;align-items:center}
.dh-n{padding:1px 8px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font:800 11px var(--font);color:var(--ink-3)}
.dh-out button{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border:0;border-radius:13px;background:none;color:var(--ink-3);font:700 14px var(--font);cursor:pointer}
.dh-out button:hover{background:color-mix(in srgb,var(--down) 9%,transparent);color:var(--down)}
.dh-out .si{width:17px;height:17px}
.dh-main{min-width:0;display:grid;gap:18px}
.dh-main>.acc2-card{margin:0}

.dh-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:20px;align-items:center;padding:26px;border-radius:26px;color:#fff;
  background:radial-gradient(110% 120% at 0% 0%,#ff3b4c 0%,#d90016 45%,#5c000c 100%);box-shadow:0 26px 60px -30px rgba(160,0,20,.75)}
.dh-hero::after{content:"";position:absolute;right:-90px;top:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);pointer-events:none}
.dh-hi{position:relative;z-index:1}
.dh-date{margin:0;font:700 12.5px var(--font);color:rgba(255,255,255,.82)}
.dh-mk{display:inline-flex;align-items:center;gap:6px}
.dh-mk i{width:7px;height:7px;border-radius:50%;background:#ffd166}
.dh-mk.on i{background:#4ade80;animation:tkPulse 1.6s infinite}
.dh-hero h1{margin:8px 0 6px;font:800 clamp(24px,3vw,34px)/1.1 var(--display);letter-spacing:-.02em;color:#fff}
.dh-sub{margin:0;font-size:13.5px;color:rgba(255,255,255,.85)}
.dh-kpis{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dh-kpi{display:flex;flex-direction:column;gap:3px;padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:0}
.dh-kpi small{font:700 11.5px var(--font);letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.dh-kpi b{font:800 21px var(--display);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dh-kpi em{font:700 12px var(--font);font-style:normal;color:rgba(255,255,255,.8)}
.dh-kpi b.up,.dh-kpi em.up{color:#86efac}.dh-kpi b.down,.dh-kpi em.down{color:#fecaca}
.dh-cta{grid-column:1/-1;gap:8px}
.dh-cta b{white-space:normal;font-size:18px}
.dh-cta .bk-btn{align-self:flex-start;background:#fff;color:var(--c,#d90016);box-shadow:none}
.dh-ix{margin:0}
.dh-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px}
.dh-card{padding:20px;margin:0;min-width:0}
.dh-hold,.dh-mv,.dh-quick{grid-column:1/-1}
.dh-hold{grid-column:1}
.dh-alloc{grid-column:2}
.dh-ch{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.dh-ch h2{display:flex;align-items:center;gap:9px;margin:0;font:800 17px var(--display);color:var(--ink)}
.dh-ch h2 .si{width:19px;height:19px;color:var(--brand)}
.dh-ch h2 small{padding:2px 9px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font:800 11.5px var(--font);color:var(--ink-3)}
.dh-src{font:700 11.5px var(--font);color:var(--ink-3)}
.dh-more{font:800 13px var(--font);color:var(--brand);text-decoration:none}
.dh-table td{vertical-align:middle}
.dh-table td.up{color:var(--up)}.dh-table td.down{color:var(--down)}
.dh-h3{margin:16px 0 8px;font:800 13px var(--font);color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em}
.dh-h3.up{color:var(--up)}.dh-h3.down{color:var(--down)}
.dh-pos{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.dh-pos li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--soft)}
.dh-pos small{flex:1;color:var(--ink-3);font-size:12px}
.dh-pos span{font:800 14px var(--font)}.dh-pos .up{color:var(--up)}.dh-pos .down{color:var(--down)}
.dh-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 14px;border-radius:18px;background:var(--soft);border:1px dashed var(--line);text-align:center}
.dh-empty .si{width:30px;height:30px;color:var(--ink-3)}
.dh-empty b{font:800 15px var(--font);color:var(--ink)}
.dh-empty small{max-width:360px;font-size:13px;color:var(--ink-3);line-height:1.45}
.dh-donut{position:relative;width:min(210px,70%);aspect-ratio:1;margin:4px auto 16px;border-radius:50%;display:grid;place-items:center}
.dh-donut.empty{background:conic-gradient(var(--line) 0 100%)}
.dh-donut span{width:64%;aspect-ratio:1;border-radius:50%;background:var(--card);display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 1px var(--line)}
.dh-donut small{font:700 11px var(--font);color:var(--ink-3);text-transform:uppercase}
.dh-donut b{font:800 17px var(--display);color:var(--ink)}
.dh-leg{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.dh-leg li{display:flex;align-items:center;gap:9px;font:700 13px var(--font);color:var(--ink-2)}
.dh-leg i{width:10px;height:10px;border-radius:3px;flex:none}
.dh-leg span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dh-leg b{color:var(--ink);font-variant-numeric:tabular-nums}
.dh-note{text-align:center;font-size:13px}
.dh-add{display:flex;gap:8px;margin-bottom:12px}
.dh-add input{flex:1;min-width:0;min-height:42px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--soft);color:var(--ink);font:600 14px var(--font)}
.dh-add input:focus{outline:0;border-color:var(--brand);background:var(--card)}
.dh-add .si{width:15px;height:15px}
.dh-wl{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:420px;overflow:auto}
.dh-wl li{display:flex;align-items:center;gap:10px;padding:8px 6px 8px 8px;border-radius:14px;transition:background .2s,opacity .3s,transform .3s}
.dh-wl li:hover{background:var(--soft)}
.dh-wl li.bye{opacity:0;transform:translateX(20px)}
.dh-wl a{flex:1;display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:inherit}
.dh-wn{min-width:0}
.dh-wn b{display:block;font:800 14px var(--font);color:var(--ink)}
.dh-wn small{display:block;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dh-wp{text-align:right;font-variant-numeric:tabular-nums}
.dh-wp b{display:block;font:800 14px var(--font);color:var(--ink)}
.dh-wp em{font:800 12px var(--font);font-style:normal}
.dh-wp em.up{color:var(--up)}.dh-wp em.down{color:var(--down)}
.dh-x{width:30px;height:30px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--ink-3);cursor:pointer;opacity:.6}
.dh-x:hover{background:color-mix(in srgb,var(--down) 10%,transparent);color:var(--down);opacity:1}
.dh-x .si{width:14px;height:14px}
.dh-rl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dh-rl li{display:flex;align-items:center;gap:12px}
.dh-rl a{text-decoration:none;min-width:0}
.dh-rl a b{display:block;font:800 14px var(--font);color:var(--ink)}
.dh-rl a small{font-size:12px;color:var(--ink-3)}
.dh-cal{flex:none;width:46px;padding:5px 0;border-radius:12px;text-align:center;background:color-mix(in srgb,var(--brand) 9%,var(--soft));border:1px solid color-mix(in srgb,var(--brand) 22%,transparent)}
.dh-cal b{display:block;font:800 17px/1 var(--display);color:var(--brand)}
.dh-cal small{font:800 10.5px var(--font);text-transform:uppercase;color:var(--ink-3)}
.dh-mv2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dh-mv2 .dh-h3{margin-top:0}
.dh-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.dh-quick a{display:flex;flex-direction:column;gap:6px;padding:15px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:transform .2s,box-shadow .2s}
.dh-quick a:hover{transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(0,0,0,.4)}
.dh-quick b{font:800 14px var(--font);color:var(--ink)}
.dh-quick small{font-size:12px;color:var(--ink-3)}
/* star button on stock pages */
.dh-star{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);font:800 13px var(--font);cursor:pointer;transition:all .2s}
.dh-star .si{width:16px;height:16px}
.dh-star:hover{border-color:#e9a23b;color:#b5730f}
.dh-star.on{background:color-mix(in srgb,#e9a23b 14%,var(--card));border-color:#e9a23b;color:#b5730f}
.dh-star.on .si{fill:currentColor}
@media (max-width:1100px){.dh-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.dh-hero{grid-template-columns:1fr}}
@media (max-width:980px){
  .dh{grid-template-columns:1fr}
  .dh-side{position:static;padding:12px;gap:10px}
  .dh-me,.dh-side .acc2-live{display:none}
  .dh-nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}
  .dh-nav::-webkit-scrollbar{display:none}
  .dh-nav a{flex:none;padding:9px 13px;background:var(--soft)}
  .dh-out{display:none}
  .dh-grid{grid-template-columns:1fr}
  .dh-hold,.dh-alloc{grid-column:1}
}
@media (max-width:560px){.dh-hero{padding:20px 16px;border-radius:22px}.dh-kpi b{font-size:18px}.dh-mv2{grid-template-columns:1fr}.dh-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-card{padding:16px}}
/* dashboard on small phones */
.dh-ch{flex-wrap:wrap}
.dh-table .s-sym small{max-width:150px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dh-cta{flex-wrap:wrap}
@media (max-width:980px){.dh{margin-top:10px;gap:14px}.dh-main{gap:14px}.dh-nav a .si{width:16px;height:16px}}
@media (max-width:560px){
  .dh-kpis{gap:8px}.dh-kpi{padding:11px 12px;border-radius:15px}.dh-kpi small{font-size:10.5px}.dh-kpi em{font-size:11px}
  .dh-hero h1{font-size:24px}.dh-hero::after{width:220px;height:220px}
  .dh-table{font-size:13px}.dh-table th,.dh-table td{padding-left:8px;padding-right:8px}
  .dh-table .s-sym small{max-width:96px}
  .dh-add .bk-btn{padding:0 14px}
  .dh-donut{width:min(180px,62%)}
  .dh-quick a{padding:12px}
}
@media (max-width:360px){.dh-kpis{grid-template-columns:1fr}.dh-quick small{display:none}}
/* dashboard: never wider than the phone. Grid "1fr" columns grow to their widest child (the tab strip, tables),
   which pushed the page off the right edge; minmax(0,1fr) + min-width:0 keeps every column inside the screen. */
.dh,.dh-main,.dh-side,.dh-grid,.dh-card,.dh-hero,.dh-hi,.dh-kpis,.dh-ix,.dh-ix>*,.dh-mv2>*,.dh-wl li,.dh-pos li{min-width:0;max-width:100%}
.dh-hold .s-table-wrap{max-width:100%;overflow-x:auto}
.dh-nav{max-width:100%}
@media (max-width:1100px){.dh-hero{grid-template-columns:minmax(0,1fr)}.dh-ix{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.dh{grid-template-columns:minmax(0,1fr)}.dh-grid{grid-template-columns:minmax(0,1fr)}.dh-side{width:100%;box-sizing:border-box}}
@media (max-width:560px){.dh-mv2{grid-template-columns:minmax(0,1fr)}.dh-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-add{min-width:0}.dh-add input{width:100%}}
@media (max-width:360px){.dh-kpis{grid-template-columns:minmax(0,1fr)}}
.bk-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}
.acc2,.acc2-card{min-width:0;max-width:100%}
/* dashboard: IPO watchlist card */
.dh-il{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.dh-il a{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:14px;text-decoration:none;color:inherit;min-width:0}
.dh-il a:hover{background:var(--soft)}
.dh-il .dh-wn{flex:1}
.dh-ist{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}
.dh-ist small{font:700 11.5px var(--font);color:var(--ink-3);font-variant-numeric:tabular-nums}
.dh-st{padding:2px 9px;border-radius:999px;font:800 11px var(--font);font-style:normal;background:var(--soft);color:var(--ink-2)}
.dh-st.open{background:color-mix(in srgb,var(--up) 14%,transparent);color:var(--up)}
.dh-st.upcoming{background:color-mix(in srgb,#2563eb 13%,transparent);color:#2563eb}
.dh-st.closed{background:color-mix(in srgb,#e9a23b 16%,transparent);color:#b5730f}
.dh-ipo{grid-column:1/-1}

/* ---------- trading journal ---------- */
.tj-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tj-feat{display:flex;flex-direction:column;gap:8px;padding:20px}
.tj-feat b{font:800 16px var(--display);color:var(--ink)}
.tj-feat small{font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.tj-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:20px}
.tj-cta b{font:800 18px var(--display)}
.tj-cta span{display:flex;flex-wrap:wrap;gap:8px}
.tj-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.tj-flt{display:flex;flex-wrap:wrap;gap:8px}
.tj-flt select{height:38px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0 14px;font:600 14px var(--font)}
.tj-start{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0;padding:18px}
.tj-start>div{flex:1;min-width:200px}.tj-start b{display:block;font:800 16px var(--font)}.tj-start small{color:var(--ink-3)}
.tj-none{margin:6px 0;font-size:13.5px}
.tj-sub{display:block;font-size:11.5px;color:var(--ink-3);font-weight:600}
.tj-side{display:inline-block;padding:2px 9px;border-radius:999px;font:800 11.5px var(--font)}
.tj-side.long{background:color-mix(in srgb,var(--up) 14%,transparent);color:var(--up)}
.tj-side.short{background:color-mix(in srgb,var(--down) 13%,transparent);color:var(--down)}
.tj-side.open{background:color-mix(in srgb,#2563eb 13%,transparent);color:#2563eb}
.tj-table td,.tj-open td{vertical-align:middle;white-space:nowrap}
.tj-table td.up,.tj-open td.up{color:var(--up)}.tj-table td.down,.tj-open td.down{color:var(--down)}
.tj-edit{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--ink-2)}
.tj-edit .si{width:14px;height:14px}
.tj-eqc{padding:18px}
.tj-eq{display:block;width:100%;height:230px}
.tj-eq .tj-zero{stroke:var(--line);stroke-dasharray:4 4}
.tj-eq .tj-dd{fill:color-mix(in srgb,var(--down) 16%,transparent)}
.tj-eq .tj-line{fill:none;stroke-width:2.4}
.tj-eq .tj-line.up{stroke:#16a34a}.tj-eq .tj-line.down{stroke:#dc2626}
.tj-eq-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font:700 12px var(--font);color:var(--ink-3)}
.tj-eq-foot b{font:800 16px var(--display)}.tj-eq-foot .up{color:var(--up)}.tj-eq-foot .down{color:var(--down)}
.tj-ins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tj-in{display:flex;gap:12px;padding:16px;border-left:4px solid var(--line)}
.tj-in>.si{width:22px;height:22px;flex:none;color:var(--ink-3)}
.tj-in.up{border-left-color:var(--up)}.tj-in.up>.si{color:var(--up)}
.tj-in.down{border-left-color:var(--down)}.tj-in.down>.si{color:var(--down)}
.tj-in b{display:block;font:800 15px var(--font);color:var(--ink)}
.tj-in p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.tj-disc{display:flex;gap:22px;align-items:center;margin-top:12px;padding:20px;flex-wrap:wrap}
.tj-ring{--p:0;width:120px;height:120px;flex:none;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,var(--card) 76%,transparent 77%),conic-gradient(var(--brand) calc(var(--p)*1%),var(--line) 0)}
.tj-ring b{font:800 30px/1 var(--display);color:var(--ink)}.tj-ring small{font:700 11px var(--font);color:var(--ink-3)}
.tj-dparts{flex:1;min-width:220px}
.tj-dp{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,1.2fr) 34px;gap:10px;align-items:center;margin:7px 0;font:600 13px var(--font);color:var(--ink-2)}
.tj-dp i{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--brand) var(--w),var(--line) var(--w))}
.tj-dp b{text-align:right;color:var(--ink)}
.tj-cals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tj-cal p{margin:0 0 8px;font:800 14px var(--font);color:var(--ink)}
.tj-cg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.tj-cg b{font:800 10px var(--font);color:var(--ink-3);text-align:center}
.tj-cg span{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;font:700 11px var(--font);color:var(--ink-3);background:var(--soft)}
.tj-cg span.e{background:none}
.tj-cg span.up{background:rgba(22,163,74,var(--a));color:#fff}
.tj-cg span.down{background:rgba(220,38,38,var(--a));color:#fff}
.tj-cal>small{display:block;margin-top:8px;font:800 13px var(--font)}.tj-cal .up{color:var(--up)}.tj-cal .down{color:var(--down)}
.tj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tj-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.tj-grid>.g-card{padding:18px;min-width:0}
.tj-bars{display:grid;gap:7px}
.tj-bar{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:10px;align-items:center;font:600 12.5px var(--font)}
.tj-bl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}
.tj-bt{position:relative;height:10px;border-radius:99px;background:var(--soft)}
.tj-bt::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--line)}
.tj-bt i{position:absolute;top:0;bottom:0;width:var(--w);border-radius:99px}
.tj-bt i.up{left:50%;background:var(--up)}.tj-bt i.down{right:50%;background:var(--down)}
.tj-bv{text-align:right;font:800 12.5px var(--font);white-space:nowrap}
.tj-bv small{display:block;font:600 10.5px var(--font);color:var(--ink-3)}
.tj-bv.up{color:var(--up)}.tj-bv.down{color:var(--down)}
.tj-hist{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end;height:180px}
.tj-hist span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.tj-hist i{width:100%;height:var(--h);min-height:2px;border-radius:8px 8px 3px 3px}
.tj-hist .up i{background:var(--up)}.tj-hist .down i{background:var(--down)}
.tj-hist b{font:800 12px var(--font)}.tj-hist small{font:600 9.5px var(--font);color:var(--ink-3);text-align:center;line-height:1.2}
.tj-kv>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.tj-kv>div:last-child{border:0}.tj-kv span{color:var(--ink-3)}.tj-kv b{color:var(--ink);text-align:right}
.tj-form{padding:22px}
.tj-fg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tj-fg label,.tj-notes{display:flex;flex-direction:column;gap:5px;min-width:0}
.tj-fg .w2{grid-column:span 2}
.tj-fg span,.tj-notes span{font:700 12px var(--font);color:var(--ink-3)}
.tj-fg span small{font-weight:600}
.tj-fg input,.tj-fg select,.tj-notes textarea{width:100%;box-sizing:border-box;min-height:42px;padding:9px 13px;border-radius:12px;border:1.5px solid var(--line);background:var(--soft);color:var(--ink);font:600 14px var(--font)}
.tj-fg input:focus,.tj-fg select:focus,.tj-notes textarea:focus{outline:0;border-color:var(--brand);background:var(--card)}
.tj-hint{font-size:11.5px;color:var(--ink-3)}
.tj-mis{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;border:0}
.tj-mis legend{font:700 12px var(--font);color:var(--ink-3);margin-bottom:8px}
.tj-mis label{cursor:pointer}.tj-mis input{position:absolute;opacity:0;pointer-events:none}
.tj-mis span{display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid var(--line);font:700 12.5px var(--font);color:var(--ink-2)}
.tj-mis input:checked+span{background:color-mix(in srgb,var(--down) 12%,var(--card));border-color:var(--down);color:var(--down)}
.tj-mis input:focus-visible+span{outline:2px solid var(--brand)}
.tj-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.tj-preview span{padding:12px;border-radius:14px;background:var(--soft);font:700 12px var(--font);color:var(--ink-3)}
.tj-preview b{display:block;margin-top:3px;font:800 17px var(--display);color:var(--ink)}
.tj-preview b.up{color:var(--up)}.tj-preview b.down{color:var(--down)}
.tj-acts{display:flex;gap:10px;flex-wrap:wrap}
.tj-del{margin-top:12px}.tj-del button{display:inline-flex;gap:6px;align-items:center;border:0;background:none;color:var(--down);font:700 13px var(--font);cursor:pointer}
.tj-del .si{width:14px;height:14px}
.tj-sync{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px}
.tj-sync>div{flex:1;min-width:220px}.tj-sync b{display:block;font:800 16px var(--font)}.tj-sync small{color:var(--ink-3);font-size:13px}
.tj-up{padding:20px;display:grid;gap:14px}
.tj-up .tj-fg{grid-template-columns:repeat(2,minmax(0,1fr))}
.tj-up>.bk-btn{justify-self:start}
.tj-drop{position:relative;display:block;cursor:pointer}
.tj-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.tj-drop span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px;border:2px dashed var(--line);border-radius:18px;background:var(--soft);text-align:center}
.tj-drop:hover span,.tj-drop input:focus-visible+span{border-color:var(--brand)}
.tj-drop .si{width:26px;height:26px;color:var(--brand)}.tj-drop small{color:var(--ink-3)}
.tj-how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.tj-how details{padding:14px 16px}.tj-how summary{cursor:pointer;font:800 14px var(--font)}
.tj-how p{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.tj-how code{font-size:12px;background:var(--soft);padding:1px 5px;border-radius:5px;word-break:break-word}
.tj-src{display:grid;gap:8px;padding:16px}
.tj-src form{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--soft)}
.tj-src b{display:block;font:800 14px var(--font)}.tj-src small{color:var(--ink-3)}
.tj-src button{display:inline-flex;gap:5px;align-items:center;border:0;background:none;color:var(--down);font:700 13px var(--font);cursor:pointer}
.tj-src .si{width:13px;height:13px}
@media (max-width:980px){.tj-feats,.tj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tj-fg{grid-template-columns:repeat(2,minmax(0,1fr))}.tj-cals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tj-feats,.tj-grid,.tj-grid.two,.tj-ins,.tj-how,.tj-cals,.tj-up .tj-fg{grid-template-columns:minmax(0,1fr)}.tj-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.tj-fg .w2{grid-column:1/-1}.tj-ring{width:100px;height:100px}}
@media (max-width:420px){.tj-fg{grid-template-columns:minmax(0,1fr)}}

/* ---------- live pro option chain ---------- */
.ocl-live{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font:800 12.5px var(--font);color:var(--ink-2);white-space:nowrap}
.ocl-live i{width:8px;height:8px;border-radius:50%;background:#e9a23b}
.ocl-live.on i{background:#16a34a;animation:tkPulse 1.6s infinite}
.ocl-live.off i{background:var(--down)}
.ocl-live a{color:var(--brand)}
.ocl-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.ocl-k{padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line);min-width:0}
.ocl-k small{display:block;font:700 11px var(--font);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}
.ocl-k b{display:block;margin-top:3px;font:800 17px var(--display);color:var(--ink);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
.ocl-k b small{display:block;text-transform:none;letter-spacing:0;font:700 11px var(--font)}
.ocl-k .up,.ocl-k b.up{color:var(--up)}.ocl-k .down,.ocl-k b.down{color:var(--down)}
.ocl-mid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin-bottom:14px}
.ocl-mid>.g-card{padding:18px;min-width:0}
.ocl-l{display:grid;grid-template-columns:34px 70px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:7px 0}
.ocl-l span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font:800 12px var(--font);color:#fff}
.ocl-l.down span{background:var(--down)}.ocl-l.up span{background:var(--up)}
.ocl-l b{grid-row:1/3;font:800 16px var(--display);color:var(--ink)}
.ocl-l i{height:8px;border-radius:99px;width:var(--w)}
.ocl-l.down i{background:color-mix(in srgb,var(--down) 70%,transparent)}.ocl-l.up i{background:color-mix(in srgb,var(--up) 70%,transparent)}
.ocl-l small{font:600 11.5px var(--font);color:var(--ink-3)}
.ocl-l em{font-style:normal;font-weight:800}.ocl-l em.up{color:var(--up)}.ocl-l em.down{color:var(--down)}
.ocl-spot{margin:6px 0;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--brand) 8%,var(--soft));font:700 13px var(--font);color:var(--ink-2);text-align:center}
.ocl-spot b{color:var(--brand)}
.ocl-al ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:300px;overflow:auto}
.ocl-al li{padding:8px 10px;border-radius:12px;background:var(--soft);font:600 13px/1.4 var(--font);color:var(--ink-2);border-left:3px solid var(--line)}
.ocl-al li.up{border-left-color:var(--up)}.ocl-al li.down{border-left-color:var(--down)}
.ocl-al li small{display:block;font:700 10.5px var(--font);color:var(--ink-3)}
.ocl-al h3 small{font:600 11px var(--font);color:var(--ink-3)}
.ocl-pcr{margin-bottom:10px}.ocl-pcr small{font:700 11px var(--font);color:var(--ink-3)}
.ocl-pcr svg{display:block;width:100%;height:42px}
.ocl-pcr polyline{fill:none;stroke:var(--brand);stroke-width:2;vector-effect:non-scaling-stroke}
.ocl-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ocl-table td small.ocl-ch{display:block;font:700 10.5px var(--font)}
.ocl-ch.up{color:var(--up)}.ocl-ch.down{color:var(--down)}
.ocl-ch em{font-style:normal;padding:0 4px;border-radius:4px;font-size:9.5px}
.ocl-ch em.up{background:color-mix(in srgb,var(--up) 15%,transparent)}.ocl-ch em.down{background:color-mix(in srgb,var(--down) 15%,transparent)}
.ocl-table .oc-k em{display:block;font:800 9.5px var(--font);font-style:normal;color:var(--ink-3)}
.ocl-table .oc-k em.up{color:var(--up)}.ocl-table .oc-k em.down{color:var(--down)}.ocl-table .oc-k em.mp{color:#8b5cf6}
.ocl-table td.up{color:var(--up)}.ocl-table td.down{color:var(--down)}
.ocl-key{font-size:12px}
.ocl-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0;padding:18px}
.ocl-cta>.si{width:26px;height:26px;color:var(--brand)}
.ocl-cta>div{flex:1;min-width:220px}.ocl-cta b{display:block;font:800 16px var(--font)}.ocl-cta small{color:var(--ink-3);font-size:13px}
[hidden]{display:none!important}
@media (max-width:1100px){.ocl-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ocl-mid{grid-template-columns:minmax(0,1fr)}.ocl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ocl-k b{font-size:15px}}

/* Hero with a background photo (calculator pages). Same layout and fonts; only the backdrop changes.
   The shade is dark on the text side in both light and dark mode, so the text is always white on dark. */
.g-hero.has-photo{background:#0f0e0d;border-bottom-color:transparent}
.g-hero.has-photo .g-aurora{display:none}
.g-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.g-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,10,10,.9) 0%,rgba(12,10,10,.78) 38%,rgba(12,10,10,.38) 70%,rgba(12,10,10,.2) 100%),linear-gradient(0deg,rgba(12,10,10,.55),transparent 45%)}
.g-hero.has-photo .g-title{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.g-hero.has-photo .g-lead{color:rgba(255,255,255,.86)}
.g-hero.has-photo .g-kick{color:#ff9a8d}
.g-hero.has-photo .g-crumbs,.g-hero.has-photo .g-crumbs a{color:rgba(255,255,255,.72)}
.g-hero.has-photo .g-crumbs b{color:#fff}
@media (max-width:760px){.g-hero-shade{background:linear-gradient(180deg,rgba(12,10,10,.72),rgba(12,10,10,.86))}}
@media print{.g-hero.has-photo{background:none}.g-hero-photo,.g-hero-shade{display:none}.g-hero.has-photo .g-title,.g-hero.has-photo .g-lead{color:#000;text-shadow:none}}
/* photo hero starts right under the glass navbar: cancel #main's top padding (22px, 14px on phones) so there is no gap */
.g-hero.has-photo{margin-top:-22px;padding-top:clamp(40px,6vw,88px)}
/* every calculator page: space between the hero and the calculator card so it never touches the hero */
.g-hero + .s-sec:has(> .s-calc){padding-top:clamp(28px,3.5vw,44px)}
@media (max-width:980px){.g-hero.has-photo{margin-top:-14px}}
@media (max-width:760px){.g-hero.has-photo{padding-top:34px}.g-hero + .s-sec:has(> .s-calc){padding-top:24px}}
/* /calculators: install / offline banner. Light card in the site colours (dark mode follows the tokens) */
.s-app{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin:4px 0 30px;padding:clamp(18px,2.6vw,28px);border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px -28px rgba(40,6,6,.35);overflow:hidden}
.s-app::before{content:"";position:absolute;right:-90px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 12%,transparent),transparent 70%);pointer-events:none}
.s-app>*{position:relative}
.s-app-ic{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 10%,var(--card));color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent)}
.s-app-ic>.si{width:38px;height:38px}
.s-app-ic i{position:absolute;right:-6px;bottom:-6px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;box-shadow:0 6px 14px -6px rgba(255,0,25,.7);border:3px solid var(--card)}
.s-app-ic i .si{width:14px;height:14px}
.s-app .kicker{margin:0 0 4px;color:var(--brand)}
.s-app h2{margin:0;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.02em;color:var(--ink)}
.s-app-main>p.muted{margin:6px 0 0;max-width:640px;line-height:1.55}
.s-app-feats{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 0;padding:0;list-style:none}
.s-app-feats li{display:inline-flex;align-items:center;gap:7px;font:700 13px var(--font);color:var(--ink-2)}
.s-app-feats .si{width:16px;height:16px;color:var(--up,#16a34a)}
.s-app-cta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:190px}
.s-app-cta .btn{white-space:nowrap}
.s-app-cta .btn[hidden]{display:none}
.s-app-status{margin:0;max-width:240px;text-align:right;font-size:12.5px;line-height:1.45;color:var(--ink-3)}
.g-hero + .s-sec:has(> .s-app){padding-top:clamp(28px,3.5vw,44px)}
@media (max-width:860px){.s-app{grid-template-columns:auto 1fr}.s-app-cta{grid-column:1/-1;align-items:stretch;min-width:0}.s-app-cta .btn{justify-content:center}.s-app-status{text-align:left;max-width:none}}
@media (max-width:560px){.s-app{grid-template-columns:1fr;gap:14px}.s-app-ic{width:60px;height:60px;border-radius:18px}.s-app-ic>.si{width:30px;height:30px}.g-hero + .s-sec:has(> .s-app){padding-top:24px}}
/* install card on calculator pages: bottom left */
.pw-card.left{right:auto;left:22px}
@media (max-width:560px){.pw-card.left{left:12px}}
/* ---------- search: field, Search button, hint; full screen on phones with a back button ---------- */
.search-row{margin:0}
.sq-field{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:text}
.sq-field>svg{width:20px;height:20px;flex:none;color:var(--ink-3)}
.sq-field input::-webkit-search-cancel-button{cursor:pointer}
.sq-go{flex:none;height:36px;padding:0 16px;border:0;border-radius:999px;background:var(--brand);color:#fff;font:700 13.5px var(--font);cursor:pointer}
.sq-go:hover{filter:brightness(.95)}
.sq-hint{margin:8px 6px 0;font-size:12.5px;color:var(--ink-3)}
.sq-back{display:none;flex:none;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}
.sq-back svg{width:20px;height:20px;transform:rotate(180deg)}
@media (max-width:760px){
  #sheet-search{padding:0;align-items:stretch;background:var(--card,#fff)}
  #sheet-search .search-card{max-width:none;max-height:none;height:100%;border-radius:0;box-shadow:none;display:flex;flex-direction:column;padding:calc(8px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))}
  #sheet-search .search-row{gap:6px;padding:4px 0 10px;border-bottom:0}
  #sheet-search .sq-back{display:grid;margin-left:-6px}
  #sheet-search .sq-field{height:44px;padding:0 12px;border-radius:14px;background:var(--soft);border:1px solid var(--line);gap:8px}
  #sheet-search .sq-field:focus-within{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:var(--card,#fff)}
  #sheet-search .sq-field>svg{width:17px;height:17px}
  #sheet-search .search-row input{font:500 16px var(--font);background:none}   /* 16px stops the phone from zooming in */
  #sheet-search .search-row input::placeholder{font-weight:500;color:var(--ink-3)}
  #sheet-search .sq-go{height:44px;padding:0 14px;border-radius:14px;font-size:13.5px}
  #sheet-search .search-row kbd,#sheet-search .search-help{display:none}
  #sheet-search .sq-hint{margin:2px 4px 2px;font-size:12px;line-height:1.45}
  #sheet-search .sq-chips{padding:8px 0 6px}
  #sheet-search .sq-chips button{font-size:12px;padding:6px 11px}
  #sheet-search .search-out{flex:1;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0}
  #sheet-search .search-out a{padding:9px 8px;font-size:14px}
  #sheet-search .search-out .muted-s{font-size:11px;margin:6px 8px}
  #sheet-search .sq-nm b{font-size:14px}
}
/* search list: rows sit together at the top (the list fills the full-screen sheet, so the rows were spreading out) */
.search-out{align-content:start;grid-auto-rows:max-content}
@media (max-width:760px){
  #sheet-search .search-out{gap:0}
  #sheet-search .search-out a{padding:10px 8px;min-height:0}
  #sheet-search .search-out .muted-s{margin:4px 8px 6px}
}

/* ---------- Home: full-width photo slider (site/views/home_hero.php) ---------- */
body.page-home{overflow-x:clip}   /* the slider breaks out of #main to the full screen width */
.hs{--dur:7s;position:relative;width:100vw;margin:0 calc(50% - 50vw) 26px;height:clamp(500px,68vh,640px);overflow:hidden;background:#140d0b;color:#fff;isolation:isolate}
.hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}
.hs-slide.on{opacity:1;visibility:visible;transition:opacity .9s ease;z-index:1}
.hs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);will-change:transform}
.hs-slide.on .hs-img{animation:hsZoom calc(var(--dur) + 1.5s) ease-out both}
@keyframes hsZoom{from{transform:scale(1.1)}to{transform:scale(1)}}
/* dark where the text sits (left), the photo stays clear on the right */
.hs-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,6,5,.88) 0%,rgba(12,6,5,.72) 34%,rgba(12,6,5,.28) 62%,rgba(12,6,5,.1) 100%),linear-gradient(0deg,rgba(12,6,5,.6) 0%,transparent 34%)}
.hs-in{position:relative;z-index:2;height:100%;max-width:1240px;margin:0 auto;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;box-sizing:border-box}
.hs-copy{max-width:600px;padding-bottom:44px}
.hs-copy>*{opacity:0}
.hs-slide.on .hs-copy>*{animation:hsUp .8s cubic-bezier(.2,.7,.2,1) both}
.hs-slide.on .hs-copy>:nth-child(1){animation-delay:.15s}
.hs-slide.on .hs-copy>:nth-child(2){animation-delay:.28s}
.hs-slide.on .hs-copy>:nth-child(3){animation-delay:.42s}
.hs-slide.on .hs-copy>:nth-child(4){animation-delay:.54s}
.hs-slide.on .hs-copy>:nth-child(5){animation-delay:.66s}
.hs-slide.on .hs-copy>:nth-child(6){animation-delay:.78s}
@keyframes hsUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hs-k{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:800 12px var(--font);letter-spacing:.16em;color:#ffb3a8}
.hs-kic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff}
.hs-kic .si{width:16px;height:16px}
.hs-t{margin:0 0 14px;font:600 clamp(32px,4.6vw,58px)/1.06 var(--display);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hs-t em{font-style:normal;color:#ff8a7d}
.hs-p{margin:0 0 16px;max-width:520px;font-size:clamp(15px,1.3vw,17px);line-height:1.6;color:rgba(255,255,255,.88)}
.hs-pts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 24px;padding:0}
.hs-pts li{display:flex;align-items:center;gap:6px;font:700 13.5px var(--font);color:rgba(255,255,255,.92)}
.hs-pts .si{width:15px;height:15px;color:#4cd38a}
.hs-btns{display:flex;flex-wrap:wrap;gap:10px}
.hs-btn,.hs-btn2{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;text-decoration:none;font:700 15px var(--font);transition:transform .2s,box-shadow .2s,background .2s}
.hs-btn{background:var(--brand,#ff0019);color:#fff;box-shadow:0 12px 28px -10px rgba(255,0,25,.6)}
.hs-btn .si{width:17px;height:17px;transition:transform .2s}
.hs-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px rgba(255,0,25,.7)}
.hs-btn:hover .si{transform:translateX(3px)}
.hs-btn2{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hs-btn2:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}
.hs-live{display:inline-flex;align-items:center;gap:6px;margin:18px 0 0;padding:7px 12px;border-radius:999px;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:600 13px var(--font);color:rgba(255,255,255,.85)}
.hs-live b{color:#fff}.hs-live em{font-style:normal;font-weight:800}
.hs-live em.up{color:#4cd38a}.hs-live em.down{color:#ff7b72}
/* small arrows on the left and right */
.hs-arr{position:absolute;top:50%;z-index:3;width:40px;height:40px;margin-top:-20px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);transition:background .2s,transform .2s;opacity:.85}
.hs-arr:hover{background:rgba(255,255,255,.28);opacity:1}
.hs-arr .si{width:17px;height:17px}
.hs-arr.prev{left:clamp(10px,1.6vw,22px)}.hs-arr.prev .si{transform:rotate(180deg)}
.hs-arr.next{right:clamp(10px,1.6vw,22px)}
.hs-arr.prev:hover{transform:translateX(-2px)}.hs-arr.next:hover{transform:translateX(2px)}
/* service tabs with a progress line */
.hs-tabs{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);width:min(1240px,100%);padding:0 clamp(22px,5vw,72px);box-sizing:border-box;display:flex;gap:10px}
.hs-tab{flex:0 1 190px;display:grid;gap:8px;padding:0;border:0;background:none;color:rgba(255,255,255,.6);text-align:left;font:700 13px var(--font);cursor:pointer;transition:color .2s}
.hs-tab:hover,.hs-tab.on{color:#fff}
.hs-tab-s{display:none}
.hs-tab i{position:relative;display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.28);overflow:hidden}
.hs-tab i::after{content:"";position:absolute;inset:0;background:#fff;border-radius:3px;transform:scaleX(0);transform-origin:left}
.hs-tab.done i::after{transform:none}
.hs-tab.on i::after{animation:hsBar var(--dur) linear both}
.hs.paused .hs-tab.on i::after{animation-play-state:paused}
@keyframes hsBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hs-tab:focus-visible,.hs-arr:focus-visible,.hs-btn:focus-visible,.hs-btn2:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* sits right under the navbar on every screen */
.site.page-home #main>.hs:first-child{margin-top:0}
@media (max-width:980px){.hs{height:clamp(520px,74vh,600px)}}
@media (max-width:640px){
  .hs{height:min(600px,calc(100svh - 120px));min-height:520px;margin-bottom:18px}
  .hs-shade{background:linear-gradient(0deg,rgba(12,6,5,.94) 0%,rgba(12,6,5,.8) 40%,rgba(12,6,5,.3) 68%,rgba(12,6,5,.15) 100%)}
  .hs-in{align-items:flex-end;padding:0 18px}
  .hs-copy{padding-bottom:58px}
  .hs-k{margin-bottom:10px;font-size:11px}
  .hs-kic{width:26px;height:26px}
  .hs-t{font-size:clamp(28px,8.4vw,36px);margin-bottom:10px}
  .hs-p{font-size:14.5px;line-height:1.5;margin-bottom:12px}
  .hs-pts{gap:6px 12px;margin-bottom:16px}
  .hs-pts li{font-size:12.5px}
  .hs-btns{gap:8px}
  .hs-btn,.hs-btn2{height:44px;padding:0 18px;font-size:14px}
  .hs-live{display:none}
  .hs-arr{top:34%;width:34px;height:34px;margin-top:-17px}
  .hs-arr .si{width:15px;height:15px}
  .hs-tabs{bottom:16px;padding:0 18px;gap:8px}
  .hs-tab{flex:1;font-size:11.5px;gap:6px}
  .hs-tab-l{display:none}.hs-tab-s{display:block}
}
@media (prefers-reduced-motion:reduce){
  .hs-slide,.hs-slide.on{transition:none}
  .hs-slide.on .hs-img,.hs-slide.on .hs-copy>*{animation:none;opacity:1;transform:none}
  .hs-copy>*{opacity:1}
  .hs-tab.on i::after{animation:none;transform:none}
}
@media print{.hs{display:none}}
/* home slider: full red accents (not light red) */
.hs-t em{color:#ff1a2e;text-shadow:0 2px 24px rgba(0,0,0,.45)}
.hs-k{color:#ff2a3c}
.hs-kic{background:#ff0019;color:#fff}
.hs-tab.on i::after,.hs-tab.done i::after{background:#ff0019}
.hs-tab.on{color:#fff}
.hs-arr:hover{background:#ff0019;box-shadow:none}
@media (max-width:640px){
  .hs-in{align-items:flex-end}
  .hs-copy{padding-bottom:96px}   /* text sits higher, clear of the tabs */
  .hs-tabs{bottom:22px}
  .hs-arr{top:26%}
}
/* ---------- live snapshot slider under the photo slider: light card like the navbar, wipe animation ---------- */
.sl.sl-sub{position:relative;width:auto;max-width:100%;margin:0 0 26px;border-radius:24px;overflow:hidden;isolation:isolate;color:var(--ink);
  background:var(--card,#fff);border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 22px 44px -30px rgba(20,15,12,.28)}
.sl.sl-sub::before{display:none}
.sl-sub .sl-track{min-height:clamp(380px,38vw,430px)}
.sl-sub .sl-slide{padding:clamp(24px,3.4vw,44px) clamp(20px,3.6vw,52px) 84px;grid-template-columns:1.1fr .9fr;
  background:linear-gradient(var(--gl-line) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,var(--gl-line) 1px,transparent 1px) 0 0/44px 44px,radial-gradient(ellipse at 80% 50%,var(--soft),transparent 60%),var(--card,#fff);
  opacity:1;visibility:hidden;z-index:0;clip-path:inset(0 0 0 100%);transition:none}
.sl-sub[data-dir="prev"] .sl-slide{clip-path:inset(0 100% 0 0)}
.sl-sub .sl-slide.was{visibility:visible;clip-path:inset(0);z-index:1}
.sl-sub .sl-slide.on{visibility:visible;clip-path:inset(0);z-index:2;transition:clip-path .95s cubic-bezier(.77,0,.18,1)}
/* text: plain, no box */
.sl-sub .sl-copy{background:none;border:0;box-shadow:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.sl.sl-sub .sl-k{color:var(--ink-2)!important;letter-spacing:.14em}
.sl.sl-sub .sl-k small{color:var(--ink-3)!important}
.sl-sub .sl-k .gm-tile{background:var(--soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.sl.sl-sub .sl-t{font-size:clamp(26px,3.3vw,42px);color:var(--ink)!important}
.sl.sl-sub .sl-t em{color:var(--ink-3)!important}
.sl.sl-sub .sl-p{color:var(--ink-2)!important}
.sl.sl-sub .sl-pts li{background:var(--soft);border-color:var(--line);color:var(--ink)!important}
.sl.sl-sub .sl-pts .si{color:var(--ink-2)}
.sl.sl-sub .sl-cta{background:var(--ink)!important;color:var(--card,#fff)!important;box-shadow:0 10px 22px -12px rgba(20,15,12,.5)}
/* picture card: white with a soft shadow, slides in after the wipe */
.sl-sub .sl-art-in{display:contents}
.sl-sub .sl-glow{background:radial-gradient(circle,rgba(20,15,12,.08),transparent 65%)!important;filter:blur(20px)}
.sl.sl-sub .sl-art-card,.sl.sl-sub .sl-art-stack{background:var(--card,#fff);border:1px solid var(--line);box-shadow:0 26px 50px -30px rgba(20,15,12,.35);backdrop-filter:none;-webkit-backdrop-filter:none}
.sl.sl-sub .sl-art-row,.sl.sl-sub .sl-list li{background:var(--soft)}
.sl-sub .sl-art{transform:translateX(70px) scale(.96);transition:opacity .8s cubic-bezier(.2,.8,.2,1) .45s,transform 1s cubic-bezier(.2,.8,.2,1) .45s}
.sl-sub .sl-slide.on .sl-art{transform:none}
.sl-sub .sl-slide.on .sl-k{transition-delay:.35s}.sl-sub .sl-slide.on .sl-t{transition-delay:.45s}.sl-sub .sl-slide.on .sl-p{transition-delay:.55s}
.sl-sub .sl-slide.on .sl-pts{transition-delay:.63s}.sl-sub .sl-slide.on .sl-cta{transition-delay:.7s}
/* arrows and progress: neutral */
.sl.sl-sub .sl-arrow{background:var(--card,#fff);border:1px solid var(--line);color:var(--ink);box-shadow:0 4px 12px -6px rgba(20,15,12,.25)}
.sl.sl-sub .sl-arrow:hover{background:var(--soft)}
.sl.sl-sub .sl-dots button{color:var(--ink-3)!important}.sl.sl-sub .sl-dots button.on{color:var(--ink)!important}
.sl.sl-sub .sl-dots i{background:var(--line)}.sl.sl-sub .sl-dots i::after{background:var(--ink)!important}
.sl-sub .sl-nav{left:clamp(20px,3.6vw,52px);right:clamp(20px,3.6vw,52px);bottom:22px}
html[data-theme="dark"] .sl.sl-sub{box-shadow:0 22px 44px -30px rgba(0,0,0,.8)}
@media (max-width:900px){
  .sl.sl-sub{border-radius:20px}
  .sl-sub .sl-track{min-height:0}
  .sl-sub .sl-slide{grid-template-columns:1fr;padding:22px 18px 84px}
  .sl-sub .sl-art{transform:translateY(24px)}
}
@media (max-width:640px){.sl.sl-sub{margin:0 0 18px}.sl.sl-sub .sl-t{font-size:clamp(24px,7vw,30px)}}
@media (prefers-reduced-motion:reduce){.sl-sub .sl-slide,.sl-sub .sl-slide.on{transition:none!important}}
/* slider background: clean, no grid lines; a soft light wash on the picture side */
.sl-sub .sl-slide{background:radial-gradient(ellipse 60% 80% at 82% 50%,color-mix(in srgb,var(--soft) 90%,transparent),transparent 70%),linear-gradient(180deg,var(--card,#fff),color-mix(in srgb,var(--soft) 35%,var(--card,#fff)))}
html[data-theme="dark"] .sl-sub .sl-slide{background:radial-gradient(ellipse 60% 80% at 82% 50%,rgba(255,255,255,.04),transparent 70%),var(--card)}
/* slider price cards: clear numbers */
.sl.sl-sub .sl-art-card,.sl.sl-sub .sl-art-stack{width:min(100%,410px);padding:20px 22px;border-radius:22px;animation:none}
.sl.sl-sub .sl-art-card>small{font:700 12px var(--font)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--ink-3)!important}
.sl.sl-sub .sl-art-card>b{display:inline-block;margin:6px 10px 0 0;font:700 clamp(30px,3vw,38px)/1.1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sl.sl-sub .sl-art-card>em{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font:800 13px var(--font);vertical-align:6px;background:var(--soft)}
.sl.sl-sub .sl-art-card>em.up{background:color-mix(in srgb,var(--up) 12%,transparent)}
.sl.sl-sub .sl-art-card>em.down{background:color-mix(in srgb,var(--down) 12%,transparent)}
.sl-sub .sl-spark{height:80px;margin:14px 0 12px}
.sl-sub .sl-spark polyline{stroke-width:2}
.sl-sub .sl-mini{gap:10px;padding-top:14px}
.sl-sub .sl-mini>span{flex:1;min-width:84px;padding:8px 10px;border-radius:12px;background:var(--soft)}
.sl-sub .sl-mini.col>span{background:none;padding:0}
.sl-sub .sl-mini b{font:700 15px var(--display);font-variant-numeric:tabular-nums}
.sl-sub .sl-art-row{padding:12px 14px;border-radius:14px}
.sl-sub .sl-art-row b,.sl-sub .sl-list span{font-variant-numeric:tabular-nums}
.sl-sub .sl-list li{padding:9px 12px}

/* ---------- index tiles (home, markets): icon, big number, line chart, day range ---------- */
.s-idx-grid{gap:14px}
a.s-idx2{gap:0;padding:16px 16px 14px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 1px 2px rgba(20,15,12,.04);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
a.s-idx2::after{height:2px;opacity:.9}
a.s-idx2:hover{transform:translateY(-3px);box-shadow:0 18px 34px -22px rgba(20,15,12,.35);border-color:color-mix(in srgb,var(--ink) 14%,var(--line))}
.s-idx2 .s-idx-top{display:flex;align-items:center;gap:10px;justify-content:flex-start}
.s-idx-ic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.s-idx-ic .si{width:18px;height:18px}
.s-idx2.up .s-idx-ic{color:var(--up)}.s-idx2.down .s-idx-ic{color:var(--down)}
.s-idx-nm{flex:1;min-width:0;display:grid;line-height:1.2}
.s-idx-nm b{font:800 14px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-idx-nm small{font-size:11.5px;font-weight:600;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-idx2 .s-pill{flex:none;font-variant-numeric:tabular-nums}
.s-idx2 .s-idx-val{margin-top:14px;font:700 clamp(22px,2vw,27px)/1.1 var(--display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;transition:color .3s}
.s-idx2 .s-idx-chg{margin-top:4px;font-size:12.5px;font-variant-numeric:tabular-nums}
.s-idx2 .spark{height:42px;margin:10px 0 6px}
.s-idx2 .s-range{height:5px;margin-top:4px;opacity:.6}
.s-idx2 .s-range i{width:11px;height:11px;transition:left .6s ease}
.s-idx2 .s-range-l{margin-top:5px;font-variant-numeric:tabular-nums}
/* live number: soft colour pulse while it counts */
.tk-run{transition:color .2s}
.tk-run.tk-up-c{color:var(--up)}.tk-run.tk-dn-c{color:var(--down)}
@media (max-width:640px){
  .s-idx-grid{gap:10px}
  a.s-idx2{padding:12px 12px 10px;border-radius:16px}
  .s-idx-ic{width:30px;height:30px;border-radius:9px}.s-idx-ic .si{width:15px;height:15px}
  .s-idx2 .s-idx-top{gap:8px}
  .s-idx-nm b{font-size:13px}.s-idx-nm small{display:none}
  .s-idx2 .s-pill{font-size:11px;padding:2px 7px}
  .s-idx2 .s-idx-val{margin-top:10px;font-size:19px}
  .s-idx2 .spark{height:34px}
}
/* index tiles v2: round badge, solid black name, flash only as wide as the number, live ranges, facts, breadth */
.s-idx-badge{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bc,#334155);color:#fff;
  font:800 11.5px/1 var(--font);letter-spacing:.02em;box-shadow:0 6px 14px -8px var(--bc,#334155),inset 0 0 0 2px rgba(255,255,255,.18)}
.s-idx-nm b{font:800 15px/1.2 var(--font);color:#16110f;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
html[data-theme="dark"] .s-idx-nm b{color:#f5f2ef}
.s-idx2 .s-idx-val{align-self:flex-start;margin-left:-4px;padding:0 4px;border-radius:6px}
.s-idx2 .s-idx-chg{align-self:flex-start}
.s-idx2 .spark polyline,.s-idx2 .spark polygon{transition:all .4s ease}
.s-rg{display:block;margin-top:8px}
.s-rg-h{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:11px;font-weight:700;color:var(--ink-3)}
.s-rg-h em{font-style:normal;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums}
.s-rg .s-range{margin-top:5px}
.s-rg-y .s-range{background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 18%,transparent),color-mix(in srgb,var(--ink) 40%,transparent));opacity:.55}
.s-range-l b{font-weight:700;color:var(--ink-2)}
.s-idx-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px}
.s-idx-facts>span{display:grid;gap:1px;padding:7px 9px;border-radius:10px;background:var(--soft)}
.s-idx-facts small{font-size:10.5px;font-weight:700;color:var(--ink-3)}
.s-idx-facts b{font:700 13px var(--font);font-variant-numeric:tabular-nums;color:var(--ink)}
.s-idx-facts b.up{color:var(--up)}.s-idx-facts b.down{color:var(--down)}
.s-idx-br{display:block;margin-top:10px}
.s-idx-br-bar{display:block;height:5px;border-radius:5px;background:color-mix(in srgb,var(--down) 70%,transparent);overflow:hidden}
.s-idx-br-bar i{display:block;height:100%;background:var(--up);border-radius:5px 0 0 5px}
.s-idx-br-l{display:flex;justify-content:space-between;margin-top:4px;font-size:11px}
.s-idx-br-l b{font-weight:700}.s-idx-br-l .up{color:var(--up)}.s-idx-br-l .down{color:var(--down)}
@media (max-width:640px){
  .s-idx-badge{width:32px;height:32px;font-size:9.5px}
  .s-idx-nm b{font-size:13.5px}
  .s-idx-facts{gap:4px}.s-idx-facts>span{padding:5px 7px}.s-idx-facts b{font-size:12px}
  .s-rg-h em{display:none}
}
/* ---------- index tiles v3: compact, in the style of the FII / DII cards ---------- */
a.s-idx2{padding:16px 16px 15px;border-radius:22px;gap:0;box-shadow:none}
a.s-idx2::after{height:3px;opacity:1;background:linear-gradient(90deg,var(--up) var(--br,100%),var(--down) var(--br,100%))}
a.s-idx2:not([style*="--br"]).up::after{background:var(--up)}a.s-idx2:not([style*="--br"]).down::after{background:var(--down)}
.s-idx2 .s-idx-top{gap:10px}
.s-idx-badge{width:38px;height:38px;font-size:11px}
.s-idx-nm b{font:800 15px/1.2 var(--font)}
.s-idx-nm small{font-size:11.5px;margin-top:1px}
.s-idx-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:12px}
.s-idx2 .s-idx-val{margin:0 0 0 -4px;font:700 clamp(22px,1.9vw,26px)/1.1 var(--display);letter-spacing:-.015em}
.s-idx2 .s-idx-chg{margin:0;font:700 13px var(--font);white-space:nowrap}
.s-idx2 .spark{height:34px;margin:8px 0 4px}
.s-idx2 .s-rg{margin-top:4px}
.s-idx2 .s-range{margin-top:0;height:4px}
.s-idx2 .s-range-l{margin-top:4px;font-size:11px}
.s-rg-t{font-weight:700;color:var(--ink-3)}
.s-idx2 .s-idx-facts{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.s-idx2 .s-idx-facts>span{padding:7px 8px;border-radius:12px;min-width:0}
.s-idx2 .s-idx-facts small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-idx2 .s-idx-facts b{font:700 12.5px var(--display);white-space:nowrap}
@media (max-width:640px){
  a.s-idx2{padding:12px 12px 12px;border-radius:18px}
  .s-idx-badge{width:30px;height:30px;font-size:9px}
  .s-idx-nm b{font-size:13.5px}
  .s-idx2 .s-pill{display:none}
  .s-idx-row{flex-direction:column;align-items:flex-start;gap:2px;margin-top:10px}
  .s-idx2 .s-idx-val{font-size:19px}
  .s-idx2 .s-idx-chg{font-size:11.5px}
  .s-idx2 .spark{height:28px}
  .s-idx2 .s-range-l .s-rg-t{display:none}
  .s-idx2 .s-idx-facts{grid-template-columns:1fr 1fr;gap:4px}
  .s-idx2 .s-idx-facts>span:nth-child(3){display:none}
}
/* ---------- section headings: name big and solid, one short plain line under it (no 01 / 06 numbers) ---------- */
.g-title em,.g-h2 em{font-style:normal;font-weight:inherit;font-family:inherit;letter-spacing:inherit}
.g-sec-head2{margin-bottom:20px}
.g-sec-head2 .g-sec-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.g-sec-head2 .g-h2{font:800 clamp(26px,3vw,38px)/1.12 var(--font);letter-spacing:-.02em;color:var(--ink);max-width:none}
.g-sec-sub{margin:6px 0 0;font:500 clamp(14.5px,1.25vw,16px)/1.5 var(--font);color:var(--ink-2);max-width:640px}
.g-sec-head2 .g-sec-lead{margin:4px 0 0;font-size:14px;line-height:1.55;color:var(--ink-3);max-width:640px}
.g-title{letter-spacing:-.02em}
/* home product cards: plain tag (no number) */
.hm2-tag{letter-spacing:.08em}
@media (max-width:640px){.g-sec-head2 .g-h2{font-size:26px}.g-sec-head2{margin-bottom:16px}}

/* ---------- section headings v2: bigger, with a small accent bar ---------- */
.g-sec-head2{margin-bottom:24px}
.g-sec-head2 .g-h2{position:relative;padding-top:16px;font:800 clamp(30px,3.6vw,46px)/1.08 var(--font);letter-spacing:-.025em}
.g-sec-head2 .g-h2::before{content:"";position:absolute;left:0;top:0;width:44px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 40%,transparent))}
.g-sec-sub{margin-top:8px;font:600 clamp(16px,1.4vw,18.5px)/1.45 var(--font);color:var(--ink-2)}
.g-sec-head2 .g-sec-lead{margin-top:6px;font-size:15px;color:var(--ink-3)}
/* the older heading style used on market pages */
.s-sec-head h2{font:800 clamp(24px,2.6vw,32px)/1.15 var(--font);letter-spacing:-.02em;color:var(--ink)}
.s-sec-head .kicker{font:800 11.5px var(--font);letter-spacing:.12em;color:var(--ink-3)}
@media (max-width:640px){.g-sec-head2 .g-h2{font-size:29px;padding-top:13px}.g-sec-head2 .g-h2::before{width:36px;height:4px}.g-sec-sub{font-size:15.5px}}

/* ---------- market switch: like the navbar dropdown rows, sits under the hero ---------- */
.mk-strip2{padding:0;margin:-6px 0 6px}
.g-hero + .mk-strip2{margin-top:-10px}
.mk-switch2{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px;border-radius:20px;background:var(--gl-bg);border:1px solid var(--gl-border);box-shadow:var(--gl-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6)}
.mk-sw{display:flex;align-items:center;gap:11px;min-width:0;padding:10px;border-radius:14px;text-decoration:none;color:var(--gl-ink);transition:background .2s,transform .2s}
.mk-sw:hover{background:var(--gl-hover);transform:translateY(-1px)}
.mk-sw.on{background:color-mix(in srgb,var(--brand) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 22%,transparent)}
.mk-sw-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--card,#fff);box-shadow:0 4px 12px -6px rgba(20,15,12,.3),inset 0 0 0 1px var(--line);transition:transform .2s}
.mk-sw:hover .mk-sw-ic{transform:scale(1.06) rotate(-3deg)}
.mk-sw-ic .mk-ic{width:24px;height:auto}.mk-sw-ic .mk-ic.round{width:24px;height:24px}
.mk-sw-tx{min-width:0;display:grid}
.mk-sw-tx b{font:700 14.5px/1.25 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-sw-tx small{font-size:12px;color:var(--gl-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-sw.on b{color:var(--brand)}
html[data-theme="dark"] .mk-sw.on b{color:#ff6b62}
@media (max-width:1100px){.mk-sw-tx small{display:none}}
@media (max-width:760px){
  .mk-switch2{display:flex;overflow-x:auto;scrollbar-width:none;border-radius:16px;padding:6px;gap:6px}
  .mk-switch2::-webkit-scrollbar{display:none}
  .mk-sw{flex:none;padding:7px 12px 7px 7px;gap:8px}
  .mk-sw-ic{width:32px;height:32px;border-radius:10px}.mk-sw-ic .mk-ic{width:20px}.mk-sw-ic .mk-ic.round{width:20px;height:20px}
  .mk-sw-tx b{font-size:13.5px}
}

/* ---------- page tabs (Overview / Gainers & losers / Sectors): pills like the navbar links ---------- */
.s-tabs{gap:6px;border-bottom:0;margin:4px 0 20px;padding:4px;width:max-content;max-width:100%;border-radius:999px;background:var(--soft)}
.s-tabs a{padding:8px 16px;border:0;border-radius:999px;font:700 14px var(--font);color:var(--ink-2);transition:background .2s,color .2s}
.s-tabs a:hover{background:color-mix(in srgb,var(--brand) 7%,transparent);color:var(--brand)}
.s-tabs a.on{background:var(--card,#fff);color:var(--brand);box-shadow:0 2px 8px -3px rgba(20,15,12,.2)}

/* ---------- markets overview card ---------- */
.mk-ov{padding:22px;border-radius:24px}
.mk-ov-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.mk-ov-name{display:flex;align-items:center;gap:12px}
.mk-ov-name .s-idx-badge{width:48px;height:48px;font-size:13px}
.mk-ov-name>span:last-child{display:grid;gap:2px}
.mk-ov-name b{font:800 22px/1.15 var(--font);color:var(--ink)}
.mk-ov-name small{font-size:13px;color:var(--ink-3);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mk-ov-px{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mk-ov-px>b{font:700 clamp(30px,3.4vw,42px)/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;padding:0 4px;margin-left:-4px;border-radius:8px}
.mk-ov-px>em:not(.s-pill){font:700 16px var(--font);font-style:normal;font-variant-numeric:tabular-nums}
.mk-ov-px .s-pill{font-size:14px;padding:4px 10px}
.mk-ov-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 8px;flex-wrap:wrap}
.mk-pick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.mk-pick::-webkit-scrollbar{display:none}
.mk-pick a{flex:none;padding:7px 13px;border-radius:999px;border:1px solid var(--line);font:700 13px var(--font);color:var(--ink-2);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.mk-pick a:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.mk-pick a.on{background:color-mix(in srgb,var(--brand) 9%,transparent);border-color:color-mix(in srgb,var(--brand) 30%,transparent);color:var(--brand)}
.mk-seg button{font-weight:800}
.mk-ov-chart{margin:4px -6px 0}
.s-baseline{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:4 4;opacity:.6}
.s-basetxt{fill:var(--ink-3);font-size:10.5px}
.mk-ov-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.mk-rg{padding:12px 14px;border-radius:16px;background:var(--soft)}
.mk-rg-h{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12.5px}
.mk-rg-h b{font-weight:800;color:var(--ink)}
.mk-rg-h em{font-style:normal;font-weight:700;color:var(--ink-2)}
.mk-rg .s-range{height:5px}
.mk-rg-y{background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 15%,transparent),color-mix(in srgb,var(--ink) 40%,transparent))!important}
.mk-br{display:block;height:5px;border-radius:5px;background:color-mix(in srgb,var(--down) 70%,transparent);overflow:hidden}
.mk-br i{display:block;height:100%;background:var(--up)}
.mk-ov-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px}
.mk-ov-stats>div{padding:10px 12px;border-radius:14px;border:1px solid var(--line);display:grid;gap:2px}
.mk-ov-stats small{font-size:11.5px;font-weight:700;color:var(--ink-3)}
.mk-ov-stats b{font:700 15.5px var(--display);font-variant-numeric:tabular-nums}
@media (max-width:900px){.mk-ov-ranges{grid-template-columns:1fr}}
@media (max-width:640px){
  .mk-ov{padding:16px;border-radius:20px}
  .mk-ov-name .s-idx-badge{width:40px;height:40px;font-size:11px}
  .mk-ov-name b{font-size:19px}
  .mk-ov-chart{height:260px!important}
  .mk-ov-stats{grid-template-columns:repeat(2,1fr)}
}

/* ---------- Gainers & losers: summary + live heatmap ---------- */
.mv-sum{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px;margin-bottom:22px}
.sc-sum{grid-template-columns:repeat(4,1fr)}
.mv-sum>div{padding:14px 16px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.mv-sum-ad{display:grid;gap:8px}
.mv-sum-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.mv-sum-h b{font:800 15px var(--font)}.mv-sum-h small{font-size:11.5px;color:var(--ink-3)}
.mv-sum-n{display:flex;gap:16px;font-size:13px;font-weight:600;color:var(--ink-2)}
.mv-sum-n b{font:800 20px var(--display);margin-right:3px}
.mv-sum-n .up b{color:var(--up)}.mv-sum-n .down b{color:var(--down)}
.mv-kpi{display:grid;align-content:center;gap:3px}
.mv-kpi small{font-size:11.5px;font-weight:700;color:var(--ink-3)}
.mv-kpi b{font:800 20px/1.2 var(--display);font-variant-numeric:tabular-nums}
.mv-kpi b em{font-style:normal;font-size:14px}
.mv-legend{display:inline-flex;align-items:center;gap:3px}
.mv-legend small{font-size:11px;font-weight:700;color:var(--ink-3);margin:0 4px}
.mv-legend i{width:18px;height:10px;border-radius:3px}
.mv-legend .d3{background:#b91c1c}.mv-legend .d2{background:#dc2626}.mv-legend .d1{background:#f87171}.mv-legend .z{background:#9ca3af}
.mv-legend .u1{background:#4ade80}.mv-legend .u2{background:#16a34a}.mv-legend .u3{background:#15803d}
.mv-heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:5px;padding:8px;border-radius:20px}
/* colour depth = size of the move; never paler than 45% so white text always reads */
.mv-t{--a:.3;position:relative;display:grid;align-content:center;gap:1px;min-height:74px;padding:9px 10px;border-radius:12px;text-decoration:none;color:#fff;
  background:#6b7280;transition:background .5s ease,transform .2s,box-shadow .2s;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.mv-t.up{background:color-mix(in srgb,#15803d calc(45% + var(--a) * 55%),#86efac)}
.mv-t.down{background:color-mix(in srgb,#b91c1c calc(45% + var(--a) * 55%),#fca5a5)}
.mv-t:hover{transform:scale(1.04);z-index:1;box-shadow:0 10px 24px -10px rgba(0,0,0,.45)}
.mv-t b{font:800 13.5px var(--font);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-t span{font:600 11.5px var(--font);opacity:.92;font-variant-numeric:tabular-nums}
.mv-t em{font:800 14px var(--font);font-style:normal;font-variant-numeric:tabular-nums;color:#fff!important}
.mv-t .tk-up,.mv-t .tk-dn{animation:none}
@media (max-width:900px){.mv-sum{grid-template-columns:1fr 1fr}.mv-sum-ad{grid-column:1/-1}.sc-sum{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.mv-heat{grid-template-columns:repeat(3,1fr);gap:4px;padding:6px}.mv-t{min-height:62px;padding:7px}.mv-t b{font-size:12px}.mv-t span{display:none}.mv-t em{font-size:12.5px}.mv-kpi b{font-size:17px}}

/* ---------- Sectors: strength ranking, live cards, colour table ---------- */
.sc-rank{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 28px;padding:16px 20px;border-radius:22px}
.sc-r{display:grid;grid-template-columns:130px 1fr 64px;align-items:center;gap:10px;padding:6px 4px;border-radius:10px;text-decoration:none;color:var(--ink);transition:background .2s}
.sc-r:hover{background:var(--soft)}
.sc-r-n{font:700 13.5px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-r-t{position:relative;height:10px;border-radius:6px;background:var(--soft)}
.sc-r-t::before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--line)}
.sc-r-t i{position:absolute;top:0;bottom:0;width:var(--w);border-radius:6px;transition:width .6s ease,background .3s}
.sc-r.up .sc-r-t i{left:50%;background:linear-gradient(90deg,#4ade80,#15803d)}
.sc-r.down .sc-r-t i{right:50%;background:linear-gradient(270deg,#f87171,#b91c1c)}
.sc-r b{font:800 13.5px var(--font);text-align:right;font-variant-numeric:tabular-nums}
.sc-r.up b{color:var(--up)}.sc-r.down b{color:var(--down)}
.sc-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.sc-c{display:grid;gap:10px;padding:16px;border-radius:20px;text-decoration:none;color:var(--ink);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.sc-c::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ink-3);opacity:.5}
.sc-c.up::after{background:var(--up);opacity:1}.sc-c.down::after{background:var(--down);opacity:1}
.sc-c:hover{transform:translateY(-3px);box-shadow:0 18px 34px -22px rgba(20,15,12,.35)}
.sc-c-top{display:flex;align-items:center;gap:10px}
.sc-c-top .s-idx-badge{width:34px;height:34px;font-size:10px}
.sc-c-top b{flex:1;font:800 15px var(--font);color:#16110f}
html[data-theme="dark"] .sc-c-top b{color:#f5f2ef}
.sc-c-px{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.sc-c-px b{font:700 22px var(--display);font-variant-numeric:tabular-nums;padding:0 4px;margin-left:-4px;border-radius:6px}
.sc-c-px small{font:700 12.5px var(--font)}
.sc-c .s-rg{margin:0}
.sc-c-br{display:grid;gap:4px}.sc-c-br small{font-size:11.5px;font-weight:700}
.sc-c-f{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sc-c-f>span{display:grid;padding:6px 8px;border-radius:10px;background:var(--soft)}
.sc-c-f small{font-size:10.5px;font-weight:700;color:var(--ink-3)}
.sc-c-f b{font:700 13px var(--display)}
.sc-tbl .hm{display:inline-block;min-width:64px;padding:3px 8px;border-radius:8px;font-weight:800;font-variant-numeric:tabular-nums}
.sc-tbl .hm.up{background:color-mix(in srgb,var(--up) calc(var(--a) * 100%),transparent);color:var(--up)}
.sc-tbl .hm.down{background:color-mix(in srgb,var(--down) calc(var(--a) * 100%),transparent);color:var(--down)}
@media (max-width:900px){.sc-rank{grid-template-columns:1fr}}
@media (max-width:640px){.sc-r{grid-template-columns:96px 1fr 56px}.sc-rank{padding:12px}}
.sc-tbl .hm.up,.sc-tbl .hm.down{color:var(--ink)}

/* ---------- hover detail card (any [data-tip]) ---------- */
.sf-tip{position:fixed;left:0;top:0;z-index:200;max-width:300px;padding:10px 12px;border-radius:12px;background:rgba(22,17,15,.94);color:#fff;font:500 12.5px/1.45 var(--font);
  box-shadow:0 14px 34px -12px rgba(0,0,0,.5);pointer-events:none;opacity:0;transition:opacity .12s;display:grid;gap:2px}
.sf-tip.on{opacity:1}
.sf-tip b{font:800 13px var(--font);margin-bottom:2px}
.sf-tip span{color:rgba(255,255,255,.85)}
html[data-theme="dark"] .sf-tip{background:rgba(250,248,246,.96);color:#16110f}html[data-theme="dark"] .sf-tip span{color:#4a423d}
[data-tip]{cursor:default}
a[data-tip]{cursor:pointer}

/* ---------- option chain pro: sentiment gauge, levels ladder ---------- */
.oc-pro{display:grid;grid-template-columns:1fr 1.15fr;gap:14px}
.oc-gauge-c{display:grid;gap:14px;align-content:start}
.oc-gauge{position:relative;max-width:300px;margin:0 auto;width:100%}
.oc-gauge svg{display:block;width:100%;color:var(--ink)}
.oc-needle{transform-origin:100px 100px;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.oc-gauge-v{text-align:center;margin-top:-6px;display:grid}
.oc-gauge-v b{font:800 22px var(--font)}.oc-gauge-v b.up{color:var(--up)}.oc-gauge-v b.down{color:var(--down)}
.oc-gauge-v small{font-size:12.5px;font-weight:700;color:var(--ink-3)}
.oc-gauge-ends{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:var(--ink-3);margin-top:-30px;padding:0 4px;pointer-events:none}
.oc-sig{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.oc-sig li{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;padding:9px 10px;border-radius:12px;background:var(--soft);font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.oc-sig em{font:800 13px var(--font);font-style:normal;text-align:center;padding:3px 0;border-radius:8px;background:var(--card)}
.oc-sig em.up{color:var(--up)}.oc-sig em.down{color:var(--down)}
.oc-ladder{display:grid;gap:5px;margin-top:6px}
.oc-lv{display:grid;grid-template-columns:44px 80px 1fr 120px;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--soft);transition:transform .15s}
.oc-lv:hover{transform:translateX(3px)}
.oc-lv-t{font:800 11.5px var(--font);text-align:center;padding:3px 0;border-radius:7px;color:#fff}
.oc-lv.r .oc-lv-t{background:#dc2626}.oc-lv.s .oc-lv-t{background:#16a34a}.oc-lv.spot .oc-lv-t{background:var(--ink)}
.oc-lv b{font:800 15px var(--display);font-variant-numeric:tabular-nums}
.oc-lv-bar{height:8px;border-radius:5px;background:var(--card);overflow:hidden}
.oc-lv-bar i{display:block;height:100%;border-radius:5px;transition:width .8s ease}
.oc-lv.r .oc-lv-bar i{background:linear-gradient(90deg,#fca5a5,#dc2626)}.oc-lv.s .oc-lv-bar i{background:linear-gradient(90deg,#86efac,#16a34a)}
.oc-lv small{font-size:12px;font-weight:700;color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums}
.oc-lv small em{font-style:normal}
.oc-lv.spot{background:color-mix(in srgb,var(--brand) 7%,var(--soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 25%,transparent)}
.oc-fresh{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.oc-fresh>div{display:grid;gap:1px;padding:10px 12px;border-radius:12px;border:1px solid var(--line)}
.oc-fresh small{font-size:11.5px;font-weight:700;color:var(--ink-3)}
.oc-fresh b{font:800 18px var(--display);font-variant-numeric:tabular-nums}
.oc-fresh em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
@media (max-width:900px){.oc-pro{grid-template-columns:1fr}}
@media (max-width:640px){.oc-lv{grid-template-columns:36px 64px 1fr;}.oc-lv small{grid-column:2/-1;text-align:left}.oc-fresh{grid-template-columns:1fr}}

/* ---------- chain: toolbar, build-up tags, strike PCR, full screen ---------- */
.oc-fs{padding:0;overflow:hidden;border-radius:22px}
.oc-tb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line)}
.oc-tb-h{display:grid;flex:1;min-width:180px}
.oc-tb-h b{font:800 15px var(--font)}.oc-tb-h small{font-size:12px;color:var(--ink-3)}
.oc-tb-k{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11.5px;color:var(--ink-3)}
.oc-tb-k i,.oc-bu{display:inline-block;font:800 9.5px/1 var(--font);font-style:normal;padding:3px 4px;border-radius:5px;color:#fff;letter-spacing:.02em}
.lb{background:#16a34a}.sb{background:#dc2626}.sc{background:#2563eb}.lu{background:#d97706}
.oc-fs-btn{height:38px;font-size:13px}
.oc-fs .oc-wrap{border:0;border-radius:0;margin:0}
.oc-k{white-space:nowrap}
.oc-bu{vertical-align:middle;margin:0 4px}
.oc-kp{display:block;font-size:10px;font-weight:700;color:var(--ink-3)}
.oc-table tr.atm .oc-kp{color:rgba(255,255,255,.8)}
.oc-k em.r{color:#dc2626}.oc-k em.s{color:#16a34a}
.oc-table tbody tr[data-tip]:hover td{background:color-mix(in srgb,var(--brand) 5%,transparent)}
.oc-full{position:fixed!important;inset:0;z-index:150;border-radius:0!important;display:flex;flex-direction:column;background:var(--card)}
.oc-full .oc-wrap{flex:1;overflow:auto}
.oc-full .oc-table thead th{position:sticky;top:0;z-index:2;background:var(--card)}
.oc-full .oc-table tr.far{display:table-row!important}
.oc-full .oc-table td,.oc-full .oc-table th{padding-top:9px;padding-bottom:9px;font-size:14px}
body.oc-full-on{overflow:hidden}
/* OI by strike markers */
.oc-p{position:relative}
.oc-p:hover{background:var(--soft)}
.oc-mks{display:flex;flex-direction:column;gap:2px;align-items:center;min-height:0}
.oc-mk{font:800 8.5px/1 var(--font);font-style:normal;padding:2px 3px;border-radius:4px;color:#fff;background:var(--ink)}
.oc-mk.resistance{background:#dc2626}.oc-mk.support{background:#16a34a}.oc-mk.maxpain{background:#7c3aed}.oc-mk.atm{background:var(--brand)}
.mk-ix-a{color:inherit;text-decoration:none}.mk-ix-a:hover b{color:var(--brand)}

/* Sticky market switch (2-Nov-2026): stays right under the navbar; compact once stuck (site.js adds .stuck) */
.mk-sent{display:block;height:0;width:100%}
.mk-strip2{position:sticky;top:var(--gn-h,64px);z-index:50}
.mk-strip2 .mk-switch2{transition:padding .2s ease,border-radius .2s ease,box-shadow .2s ease}
.mk-strip2.stuck .mk-switch2{padding:5px;gap:5px;border-radius:0 0 16px 16px;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);
  box-shadow:0 12px 28px -16px rgba(20,15,12,.45)}
.mk-strip2.stuck .mk-sw{padding:6px 10px;gap:9px}
.mk-strip2.stuck .mk-sw-ic{width:30px;height:30px;border-radius:9px}
.mk-strip2.stuck .mk-sw-ic .mk-ic{width:19px}.mk-strip2.stuck .mk-sw-ic .mk-ic.round{width:19px;height:19px}
.mk-strip2.stuck .mk-sw-tx small{display:none}
.mk-strip2.stuck .mk-sw-tx b{font-size:13.5px}
html.mk-stick{scroll-padding-top:calc(var(--gn-h,64px) + 64px)}
html.mk-stick .st-jump{top:calc(var(--gn-h,64px) + var(--mk-h,56px) + 6px)}
@media (max-width:760px){
  .mk-strip2.stuck .mk-switch2{border-radius:0 0 14px 14px}
  .mk-strip2.stuck .mk-sw{padding:5px 10px 5px 5px;gap:7px}
  .mk-strip2.stuck .mk-sw-ic{width:26px;height:26px;border-radius:8px}
  .mk-strip2.stuck .mk-sw-ic .mk-ic{width:16px}.mk-strip2.stuck .mk-sw-ic .mk-ic.round{width:16px;height:16px}
  .mk-strip2.stuck .mk-sw-tx b{font-size:12.5px}
}
a.us-it{text-decoration:none;color:var(--ink)}a.us-it:hover{border-color:color-mix(in srgb,var(--brand,#ff1a2e) 35%,var(--line))}
/* live price tick (site.js SF_tick). Nothing here changes any size, so buttons and rows never move:
   fixed-width digits always, the arrow is painted over the edge, the glow is colour + shadow only. */
[data-tk-p]{font-variant-numeric:tabular-nums}
.tk-run{transition:color .25s}
.tk-run.tk-up-c{color:var(--up)}.tk-run.tk-dn-c{color:var(--down)}
.tk-run{border-radius:6px}
.tk-ar-u,.tk-ar-d{position:relative}
.tk-ar-u::after,.tk-ar-d::after{content:attr(data-ar);position:absolute;left:100%;top:50%;margin:-.5em 0 0 2px;font-size:.55em;line-height:1;pointer-events:none;animation:tkArw .9s ease-out forwards}
.tk-ar-u::after{color:var(--up)}
.tk-ar-d::after{color:var(--down);--dy:4px}
@keyframes tkArw{0%{opacity:0;transform:translateY(var(--dy,-4px))}20%{opacity:1;transform:none}100%{opacity:0;transform:translateY(calc(var(--dy,-4px) * -1))}}
.tk-dg{animation:tkDg .7s ease-out}
.tk-dg.u{color:var(--up)}.tk-dg.d{color:var(--down)}
@keyframes tkDg{0%{opacity:.35;text-shadow:0 0 10px currentColor}35%{opacity:1}100%{text-shadow:0 0 0 transparent}}
/* phones: no arrow (no room beside the number); colour, glow and the rolling digits stay */
@media (max-width:760px){.tk-ar-u::after,.tk-ar-d::after{display:none}}
@media (prefers-reduced-motion:reduce){.tk-dg,.tk-ar-u::after,.tk-ar-d::after{animation:none}}
/* page to page: a quick cross-fade instead of a white flash (Chrome / Edge / Safari 18; others ignore it) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.14s}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* journal plan badge on the account page (3-Nov) */
.dh-plan{display:inline-flex;align-items:center;gap:6px;margin:8px 0 4px;padding:4px 12px;border-radius:999px;font:700 12.5px/1.4 inherit;text-decoration:none;border:1px solid transparent}
.dh-plan.t-gold{color:#7a4b00;background:linear-gradient(135deg,#fef3c7,#fcd34d);border-color:#f59e0b}
.dh-plan.t-green{color:#166534;background:#dcfce7;border-color:#86efac}
.dh-plan.t-grey{color:inherit;background:rgba(127,127,127,.12);border-color:rgba(127,127,127,.25)}

/* 3-Nov-2026 calm ticks: only the number turns green / red (no background or box blink, option chain excluded),
   and a small steady arrow sits just right of the price showing the last move. Nothing changes width. */
.tk-run{border-radius:0;transition:color .18s}
.tk-dg{animation:none}
.tk-ar-u,.tk-ar-d{position:relative}
.tk-ar-u::after,.tk-ar-d::after{content:attr(data-ar);position:absolute;left:100%;top:50%;margin:-.42em 0 0 3px;font-size:max(8px,.5em);line-height:1;font-weight:700;pointer-events:none;animation:none;opacity:.95;transform:none}
.tk-ar-u::after{color:var(--up)}.tk-ar-d::after{color:var(--down)}
@media (max-width:760px){.tk-ar-u::after,.tk-ar-d::after{display:block;margin-left:2px}}

/* ---------- NIFTY 50 heatmap v6 (markets ?tab=movers) ----------
   7 colour steps, each dark enough for white text (contrast 4.5:1 or more); logo on a white chip so every logo reads. */
.hm6{padding:14px;border-radius:20px}
.hm6-t[data-b="d3"],.hm6-leg [data-b="d3"]{background:#7a1a1a}
.hm6-t[data-b="d2"],.hm6-leg [data-b="d2"]{background:#a3211f}
.hm6-t[data-b="d1"],.hm6-leg [data-b="d1"]{background:#c0392f}
.hm6-t[data-b="z"],.hm6-leg [data-b="z"]{background:#4b5563}
.hm6-t[data-b="u1"],.hm6-leg [data-b="u1"]{background:#24804a}
.hm6-t[data-b="u2"],.hm6-leg [data-b="u2"]{background:#176b3b}
.hm6-t[data-b="u3"],.hm6-leg [data-b="u3"]{background:#0c552e}
.hm6-leg{display:inline-flex;align-items:center;gap:3px;font:700 11px var(--font);color:var(--ink-3)}
.hm6-leg i{width:20px;height:12px;border-radius:3px}.hm6-leg small{margin:0 4px}
.hm6-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 2px 12px}
.hm6-kp{display:flex;flex-wrap:wrap;gap:6px 16px;font:600 13px var(--font);color:var(--ink-3)}
.hm6-kp b{font-weight:800;color:var(--ink)}.hm6-kp .up,.hm6-kp b.up{color:var(--up)}.hm6-kp .down,.hm6-kp b.down{color:var(--down)}
.hm6-seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}
.hm6-seg button{border:0;background:none;padding:7px 13px;border-radius:999px;font:700 12.5px var(--font);color:var(--ink-3);cursor:pointer}
.hm6-seg button.on{background:var(--card,#fff);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.hm6-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.hm6-sh{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;margin:10px 2px 0;font:800 13.5px var(--font);color:var(--ink)}
.hm6-sh:first-child{margin-top:0}.hm6-sh span{font-weight:800}.hm6-sh span.up{color:var(--up)}.hm6-sh span.down{color:var(--down)}.hm6-sh small{font-weight:600;color:var(--ink-3)}
.hm6-t{display:flex;flex-direction:column;justify-content:space-between;gap:4px;min-height:96px;padding:10px 11px;border-radius:12px;text-decoration:none;color:#fff;background:#4b5563;
  transition:background-color .6s ease,transform .18s,box-shadow .18s;min-width:0}
.hm6-t:hover,.hm6-t:focus-visible{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(0,0,0,.55);outline:0}
.hm6-hd{display:flex;align-items:center;gap:7px;min-width:0}
.hm6-lg{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.hm6-lg img{width:22px;height:22px;object-fit:contain}.hm6-lg i{font:800 11px var(--font);font-style:normal;color:#374151}
.hm6-hd b{font:800 14px var(--font);letter-spacing:.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm6-nm{font:600 11.5px/1.25 var(--font);color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm6-ft{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.hm6-px{font:700 13px var(--font);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.hm6-t em{font:800 14px var(--font);font-style:normal;color:#fff!important;font-variant-numeric:tabular-nums;white-space:nowrap}
/* on coloured tiles the price itself stays white (the tile colour already shows the move); arrow in white too */
.hm6-t .tk-run.tk-up-c,.hm6-t .tk-run.tk-dn-c{color:#fff}
.hm6-t .tk-ar-u::after,.hm6-t .tk-ar-d::after{color:#fff}
@media (max-width:640px){
  .hm6{padding:10px}.hm6-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .hm6-t{min-height:88px;padding:8px 7px;gap:3px;border-radius:10px}
  .hm6-lg{width:22px;height:22px;border-radius:6px}.hm6-lg img{width:17px;height:17px}
  .hm6-hd{gap:5px}.hm6-hd b{font-size:11.5px}.hm6-nm{font-size:10px}
  .hm6-ft{flex-direction:column;align-items:flex-start;gap:0}.hm6-px{font-size:11px}.hm6-t em{font-size:12.5px}
  .hm6-kp{font-size:12px;gap:4px 12px}.hm6-leg i{width:14px}
}
@media (max-width:360px){.hm6-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* heatmap logos in a white circle (3-Nov-2026): every logo fully inside with even padding; wide wordmark logos get more room */
.hm6-lg{width:32px;height:32px;border-radius:50%;padding:0;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.35),0 1px 3px rgba(0,0,0,.25);overflow:hidden}
.hm6-lg img{width:70%;height:70%;max-width:none;object-fit:contain;object-position:center;border-radius:0;display:block}
.hm6-lg.wide img{width:84%;height:50%}
.hm6-lg i{font-size:11px}
@media (max-width:640px){.hm6-lg{width:24px;height:24px}.hm6-lg img{width:72%;height:72%}.hm6-lg.wide img{width:86%;height:52%}.hm6-lg i{font-size:9px}}
/* logos are full-bleed squares with their own colour (TradingView style): fill the whole circle, the circle crops the corners */
.hm6-lg img,.hm6-lg.wide img{width:100%;height:100%;object-fit:cover}
.hm6-lg{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 2px 4px rgba(0,0,0,.3)}
/* heatmap logo a little smaller (3-Nov-2026) */
.hm6-lg{width:24px;height:24px}
.hm6-hd{gap:6px}
@media (max-width:640px){.hm6-lg{width:18px;height:18px}.hm6-hd{gap:4px}}

/* heatmap v6: NIFTY 50 / 500 switch, search, sector chips, compact 500 tiles */
.hm6-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 2px 12px}
.hm6-q{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--card,#fff);color:var(--ink-3);flex:1 1 180px;max-width:280px}
.hm6-q[hidden]{display:none}.hm6-q input{border:0;outline:0;background:none;font:600 13px var(--font);color:var(--ink);width:100%;min-width:0}
.hm6-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 10px;margin:0 0 4px;scrollbar-width:thin;position:sticky;top:64px;z-index:3;background:var(--card,#fff)}
.hm6-chips[hidden]{display:none}
.hm6-chips a{flex:none;display:inline-flex;gap:6px;align-items:center;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--soft);font:700 12px var(--font);color:var(--ink-2,var(--ink));text-decoration:none;white-space:nowrap}
.hm6-chips a b{font-weight:800}.hm6-chips a.up b{color:var(--up)}.hm6-chips a.down b{color:var(--down)}
.hm6-chips a:hover{border-color:var(--ink-3)}
.hm6-sh{scroll-margin-top:130px;padding-top:4px;border-top:1px solid var(--line)}.hm6-sh:first-child{border-top:0}
.hm6-grid.is-500{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:5px}
.hm6-t.sm{min-height:84px;padding:8px 9px}
.hm6-t.sm .hm6-hd b{font-size:12.5px}.hm6-t.sm .hm6-nm{font-size:10.5px}.hm6-t.sm .hm6-px{font-size:11.5px}.hm6-t.sm em{font-size:12.5px}
.hm6-empty{padding:18px;text-align:center;color:var(--ink-3);font-weight:600}
@media (max-width:640px){.hm6-grid.is-500{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.hm6-t.sm{min-height:80px;padding:7px 6px}.hm6-chips{top:56px}.hm6-q{max-width:none;flex-basis:100%}}