/*
Theme Name: StockPil
Theme URI: https://stockpil.com/
Author: StockPil
Description: Custom financial-news theme for StockPil: navy/gold newsroom layout with live market data (indices, stocks, crypto, forex, commodities), economic calendar and investor calculators.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: Proprietary
Text Domain: stockpil
*/

:root{--bg:#F3F5F8;--panel:#FFFFFF;--ink:#0D1B2A;--mut:#5B6B7F;--line:#DDE3EA;--acc:#1A4E9C;--acc2:#E6EEF8;--gold:#C9962B;--btn:#1A4E9C;--up:#0A7A53;--dn:#BF2A22;--upbg:#E3F5ED;--dnbg:#FCE9E8;--warn:#B7791F;--navy:#0D2544;--navy2:#0A1D36;--navy3:#1B3A66;--navyl:#28476F;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#0B121C;--panel:#121C28;--ink:#E6ECF3;--mut:#8B9AAE;--line:#223044;--acc:#6D93FF;--btn:#2B5CC4;--acc2:#1A2740;--up:#34C38F;--dn:#FF6B61;--upbg:#12302A;--dnbg:#3A1A1A}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0B121C;--panel:#121C28;--ink:#E6ECF3;--mut:#8B9AAE;--line:#223044;--acc:#6D93FF;--btn:#2B5CC4;--acc2:#1A2740;--up:#34C38F;--dn:#FF6B61;--upbg:#12302A;--dnbg:#3A1A1A}
/* CLS: fallback metrics close to Manrope, used until the web font arrives. */
@font-face{font-family:"Manrope Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans");ascent-override:103%;descent-override:29%;line-gap-override:0%;size-adjust:104%}
@font-face{font-family:"JetBrains Mono Fallback";src:local("Courier New"),local("Liberation Mono");ascent-override:98%;descent-override:26%;line-gap-override:0%;size-adjust:100%}
*{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Manrope,"Manrope Fallback",system-ui,-apple-system,"Segoe UI",sans-serif}
img{max-width:100%;height:auto}
a{color:var(--acc)}
[hidden]{display:none!important}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#0D1B2A;padding:8px 12px;z-index:99;font-weight:800}.skip:focus{left:8px}
.mono,td.n,.px{font-family:"JetBrains Mono","JetBrains Mono Fallback",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.mut{color:var(--mut)}
.wrap{max-width:1240px;margin:0 auto;padding-inline:16px}

/* ---- Header ---- */
header.site{position:sticky;top:0;z-index:20;background:var(--navy);border-bottom:1px solid #1E3A63}
body.admin-bar header.site{top:32px}@media(max-width:782px){body.admin-bar header.site{top:0;position:relative}}
.bar{display:flex;align-items:center;gap:18px;column-gap:8px;row-gap:8px;padding-block:12px;flex-wrap:wrap}
.logo{display:block;line-height:0}.logo img{height:54px;width:auto;display:block}
.sp-grow{flex:1}
#nav{display:flex;order:5;flex-basis:100%;border-top:1px solid #1E3A63;padding-top:6px;position:relative}
#nav ul{list-style:none;margin:0;padding:0}
#nav>ul{display:flex;gap:2px;flex-wrap:wrap}
#nav a{display:block;color:#E6ECF3;font:700 14.5px/1.3 Manrope,"Manrope Fallback",sans-serif;padding:8px 12px;border-radius:6px;white-space:nowrap;text-decoration:none}
#nav a:hover{color:#fff;background:var(--navy3)}
#nav .current-menu-item>a,#nav .current_page_item>a,#nav .current-menu-ancestor>a{color:#fff;background:var(--navy3);box-shadow:inset 0 -2px 0 var(--gold)}
#nav .menu-item-has-children{position:relative}
#nav .menu-item-has-children>a:after{content:" ▾";font-size:12px}
#nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--navy);border:1px solid var(--navyl);border-radius:8px;padding:6px;flex-direction:column;min-width:190px;z-index:30;box-shadow:0 10px 30px rgba(0,0,0,.35)}
#nav .menu-item-has-children:hover>.sub-menu,#nav .menu-item-has-children:focus-within>.sub-menu,#nav .menu-item-has-children.open>.sub-menu{display:flex}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.hsearch{position:relative}
#q{padding:8px 12px;border:1px solid var(--navyl);border-radius:6px;background:var(--navy2);color:#fff;font:inherit;width:200px;max-width:100%}
#q::placeholder{color:#8FA3BD}
.qdrop{position:absolute;right:0;top:calc(100% + 6px);width:340px;max-width:calc(100vw - 32px);background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.25);z-index:40;padding:6px;max-height:70vh;overflow:auto}
.qdrop a,.qdrop button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:6px;color:var(--ink);font:inherit;cursor:pointer;text-decoration:none}
.qdrop a:hover,.qdrop button:hover,.qdrop .on{background:var(--acc2)}
.qdrop small{color:var(--mut)}.qdrop .qh{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:800;padding:6px 10px 2px}
.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:6px 12px;border-radius:6px;font:600 13px/1.3 Manrope,"Manrope Fallback",sans-serif;cursor:pointer;text-decoration:none;display:inline-block}
.btn.p{background:var(--btn);color:#fff;border-color:var(--btn)}
header.site .btn{background:var(--navy2);border-color:var(--navyl);color:#fff}
#mb{display:none}
#th{font-size:13px;white-space:nowrap}
.soc{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:34px;padding:0 10px;border:1px solid var(--navyl);border-radius:6px;background:var(--navy2);color:#fff;font:800 13px/1.3 Manrope,"Manrope Fallback",sans-serif;text-decoration:none}
.soc:hover{background:var(--navy3);border-color:var(--gold)}
@media(max-width:760px){
 #mb{display:block}
 #nav{display:none}
 #nav.open{display:flex;flex-direction:column}
 #nav.open>ul{flex-direction:column}
 #nav .sub-menu{display:flex;position:static;box-shadow:none;border:0;padding:0 0 0 12px;background:none}
 #nav .menu-item-has-children>a:after{content:""}
 header.site .soc{display:none}
 .hsearch{flex:1;min-width:120px}
 #q{width:100%}
 .logo img{height:44px}
}
.tape{background:#081A31;color:#E6ECF3;border-top:1px solid #1E3A63;overflow:hidden;white-space:nowrap;font-size:13px}
.tape>div{display:inline-block;padding-block:6px;animation:tape 90s linear infinite}
.tape:hover>div{animation-play-state:paused}
.tape span.ti{margin-right:28px}
.tape .u{color:#4FD1A0}.tape .d{color:#FF8A80}
@keyframes tape{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tape>div{animation:none}}
.adband{background:var(--panel);border-bottom:1px solid var(--line);text-align:center;padding:10px 0}.adband .widget{display:inline-block}

/* ---- Layout + type ---- */
main.wrap{padding-block:22px 48px;display:block}
h1{font-size:26px;margin:0 0 4px;letter-spacing:-.02em;text-wrap:balance;line-height:1.2}
h2{font-size:17px;margin:0 0 12px}
.sub{color:var(--mut);margin:0 0 18px;font-size:14px}
.grid{display:grid;gap:16px}
.g4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
@media (max-width:420px){.g2{grid-template-columns:1fr}}
.g3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.g3{grid-template-columns:1fr 1fr}}@media(max-width:560px){.g3{grid-template-columns:1fr}}
.box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}
.idx .nm{font-size:13px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.idx .px{font-size:22px;font-weight:600;margin:2px 0}
.idx .spark{height:48px;margin-top:8px}
.chip{display:inline-block;padding:1px 8px;border-radius:4px;font:600 12.5px/1.3 "JetBrains Mono","JetBrains Mono Fallback",monospace;white-space:nowrap}
.u{color:var(--up)}.d{color:var(--dn)}.chip.u{background:var(--upbg)}.chip.d{background:var(--dnbg)}
.flash-u{animation:fu 1.2s}.flash-d{animation:fd 1.2s}
@keyframes fu{0%{background:var(--upbg)}100%{background:transparent}}@keyframes fd{0%{background:var(--dnbg)}100%{background:transparent}}
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);text-align:left;padding:8px;border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap}
td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
td.n,th.n{text-align:right}
tr.rw{cursor:pointer}tr.rw:hover td{background:var(--acc2)}
tr.rw td:first-child{white-space:nowrap}
.spark{width:100%;height:30px;display:block}
td.sk{width:110px;min-width:90px}
.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.tabs button,.tabs a{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:6px 12px;border-radius:6px;font:600 13px/1.3 Manrope,"Manrope Fallback",sans-serif;cursor:pointer;text-decoration:none}
.tabs .on{background:var(--btn);color:#fff;border-color:var(--btn)}
.news a{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.news a:last-child{border-bottom:0}
.news small{color:var(--mut)}
.news .side a:first-of-type{padding-top:0}
label{display:block;font-size:13px;font-weight:700;color:var(--mut);margin:10px 0 4px}
input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:15px/1.3 "JetBrains Mono","JetBrains Mono Fallback",monospace}
textarea{font-family:Manrope,"Manrope Fallback",sans-serif}
.res{margin-top:14px;padding:12px;background:var(--acc2);border-radius:8px;font-size:14px}
.res b{font:600 20px/1.3 "JetBrains Mono","JetBrains Mono Fallback",monospace;display:block;color:var(--acc)}
.res b.u{color:var(--up)}.res b.d{color:var(--dn)}
.imp{display:inline-flex;gap:2px}.imp i{width:7px;height:12px;background:var(--line);border-radius:1px}.imp i.f{background:var(--warn)}
.gauge{display:flex;height:10px;border-radius:5px;overflow:hidden;margin:10px 0 6px}
.upd{font-size:12px;color:var(--mut);margin:8px 0 0}
.note{font-size:12px;color:var(--mut);margin-top:26px;border-top:1px solid var(--line);padding-top:12px}
.hm{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px}
.hm div{padding:10px;border-radius:4px;color:#fff;font-size:13px;font-weight:700}
.hm small{display:block;font:500 12px/1.3 "JetBrains Mono","JetBrains Mono Fallback",monospace}
.cat{color:var(--acc);font-weight:800;text-transform:uppercase;font-size:11.5px;letter-spacing:.06em}.cat.pr{color:var(--gold)}
a.cat{text-decoration:none}
.crumb{font-size:12.5px;color:var(--mut);margin-bottom:6px}.crumb a{color:var(--acc);text-decoration:none}
.lnk{background:none;border:0;color:var(--acc);font:700 14px/1.3 Manrope,"Manrope Fallback",sans-serif;cursor:pointer;text-decoration:none}
.sech{display:flex;justify-content:space-between;align-items:baseline;margin:28px 0 12px;border-top:2px solid var(--ink);padding-top:10px;gap:12px}.sech h2{margin:0;font-size:20px}

/* ---- Home ---- */
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tags a,.tags button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:20px;padding:4px 12px;font:600 13px/1.3 Manrope,"Manrope Fallback",sans-serif;cursor:pointer;text-decoration:none}
.tags a:hover,.tags button:hover{border-color:var(--acc);color:var(--acc)}
.tags .tl{font-size:13px;align-self:center;color:var(--mut);font-weight:800}
.hero{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px;margin-bottom:8px}
@media (max-width:980px){.hero{grid-template-columns:1fr 1fr}.hero .lead{grid-column:1/-1}}
@media (max-width:620px){.hero{grid-template-columns:1fr}}
.lead{color:var(--ink);text-decoration:none;display:block;min-width:0}
.lead .art{aspect-ratio:16/9;max-height:300px;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,var(--acc2),var(--panel));border:1px solid var(--line);margin-bottom:12px}
.lead .art img{width:100%;height:100%;object-fit:cover;display:block}
.hl{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:6px 0 8px}
.lead:hover .hl,.card:hover h3,.news a:hover b{color:var(--acc)}
.lead p,.card p{color:var(--mut);margin:0;font-size:14.5px}
.card{color:var(--ink);text-decoration:none;display:flex;flex-direction:column;gap:6px}.card h3{margin:0;font-size:17px;line-height:1.3}
.card .cimg{border-radius:8px;overflow:hidden;aspect-ratio:5/3;margin:-4px -4px 4px;background:var(--acc2)}.card .cimg img{width:100%;height:100%;object-fit:cover;display:block}
.rank{counter-reset:r}.rank a{display:grid;grid-template-columns:34px 1fr;gap:6px;counter-increment:r}.rank a:before{content:counter(r);font:800 22px/1.3 Manrope,"Manrope Fallback",sans-serif;color:var(--gold)}
.fg{height:12px;border-radius:6px;background:linear-gradient(90deg,#D0342C,#E0A030,#0E8A5F);position:relative;margin:18px 0 6px}.fg i{position:absolute;top:-5px;width:4px;height:22px;background:var(--ink);border-radius:2px;margin-left:-2px}
.fgv{font-size:40px;font-weight:700;line-height:1.1}

/* ---- Markets ---- */
.rng{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--dn),var(--line),var(--up));position:relative;margin:8px 0 4px}.rng i{position:absolute;top:-4px;width:4px;height:14px;background:var(--ink);border-radius:2px;margin-left:-2px}
.star{background:none;border:0;color:var(--line);font-size:16px;cursor:pointer;padding:0 2px;line-height:1}.star.on{color:var(--gold)}.star:hover{color:var(--gold)}
.sb{background:none;border:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:0}
.star2.on{color:var(--gold);border-color:var(--gold)}
.statg .px{font-size:22px;font-weight:600}
.cico{width:20px;height:20px;border-radius:50%;vertical-align:-5px;margin-right:4px}

/* ---- Modal (quote detail) ---- */
#det{position:fixed;inset:0;background:rgba(5,10,20,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}
#det .box{width:100%;max-width:720px;max-height:90vh;overflow:auto}
#det .tabs button{min-width:46px}
.chartw{position:relative}
#dchart{width:100%;height:260px;display:block;touch-action:pan-y}
.ctip{position:absolute;top:6px;left:8px;font:600 12px/1.3 "JetBrains Mono","JetBrains Mono Fallback",monospace;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 7px;pointer-events:none}
.dstats{margin-top:14px;font-size:13px;gap:8px}
.ld{color:var(--mut);font-size:13px;padding:40px 0;text-align:center}

/* ---- Article ---- */
.apage{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}@media(max-width:960px){.apage{grid-template-columns:1fr}}
.apage article{max-width:760px;min-width:0}
.ah{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:8px 0 10px}
.dek{font-size:18px;color:var(--mut);margin:0 0 12px;max-width:65ch}
.by{display:flex;gap:10px;align-items:center;margin:8px 0 14px;font-size:14px}.by small{color:var(--mut)}
.av{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none;overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.aun{color:var(--acc);font-weight:700;text-decoration:none}
.share{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.share a,.share button{font:700 12.5px/1.3 Manrope,"Manrope Fallback",sans-serif;padding:6px 10px;border-radius:6px;background:var(--acc2);color:var(--acc);text-decoration:none;border:0;cursor:pointer}
figure{margin:0 0 16px}figcaption{font-size:12px;color:var(--mut);margin-top:6px}
.cover{width:100%;border-radius:8px;display:block;aspect-ratio:16/9;object-fit:cover;height:auto}
.abody{font-size:17px;line-height:1.75;max-width:68ch;overflow-wrap:break-word}
.abody h2{font-size:21px;margin:26px 0 6px;line-height:1.3}
.abody h3{font-size:18px;margin:22px 0 6px}
.abody p{margin:0 0 16px}
.abody ul,.abody ol{padding-left:22px;margin:0 0 16px}.abody li{margin:0 0 6px}
.abody img{border-radius:8px;height:auto}
.abody blockquote{margin:0 0 16px;border-left:3px solid var(--gold);padding:4px 0 4px 16px;color:var(--mut)}
.abody table{font-size:14.5px;margin:0 0 16px;display:block;overflow-x:auto}
.abody a{text-underline-offset:2px}
.abody .wp-caption,.abody figure{max-width:100%}
.abody iframe{max-width:100%}
.prnote{font-size:13.5px;color:var(--mut);border-left:3px solid var(--gold);padding-left:12px}
.abox{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:20px;background:var(--panel)}.abox p{margin:4px 0;color:var(--mut)}
.aside{min-width:0}@media(min-width:961px){.aside{position:sticky;top:150px;align-self:start}}
.aside .widget{margin-top:16px;text-align:center}
.kt{background:var(--acc2);border-radius:8px;padding:12px 16px;margin-bottom:12px}.kt ul{margin:6px 0 0;padding-left:18px}

/* ---- Lists / archives / docs ---- */
.nlist a{display:grid;grid-template-columns:1fr 120px;gap:14px;align-items:center}
.nlist a .th{border-radius:6px;overflow:hidden;aspect-ratio:5/3;background:var(--acc2)}.nlist a .th img{width:100%;height:100%;object-fit:cover;display:block}
.nlist a.noimg{grid-template-columns:1fr}
@media(max-width:520px){.nlist a{grid-template-columns:1fr 88px}}
.nlist p{margin:4px 0 0;color:var(--mut);font-size:14px}
.pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.pager a,.pager span{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:6px 12px;border-radius:6px;font:600 13px/1.3 Manrope,"Manrope Fallback",sans-serif;text-decoration:none}
.pager .current{background:var(--btn);color:#fff;border-color:var(--btn)}
.doc{max-width:760px}
.doc .abody{max-width:none}
.doc .abody h3{font-size:18px}
.gl dt{font-weight:800;margin-top:12px}.gl dd{margin:2px 0 0;color:var(--mut)}
details{border-bottom:1px solid var(--line);padding:10px 0}summary{font-weight:700;cursor:pointer}
details p{margin:8px 0 0;color:var(--mut)}
.srch{display:flex;gap:6px;max-width:520px;margin:0 0 18px}.srch input{font-family:Manrope,"Manrope Fallback",sans-serif}
.e404{text-align:center;padding:40px 0}.e404 .code{font:800 64px/1.3 Manrope,"Manrope Fallback",sans-serif;color:var(--gold);line-height:1}

/* ---- Footer ---- */
footer.site{background:var(--panel);border-top:1px solid var(--line);padding-block:20px;font-size:13px;color:var(--mut)}
footer .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px}@media(max-width:760px){footer .fgrid{grid-template-columns:1fr 1fr}footer .fbrand{grid-column:1/-1}}
footer b{display:block;color:var(--ink);margin-bottom:6px}
footer a{display:block;color:var(--mut);padding:3px 0;text-decoration:none}footer a:hover{color:var(--acc)}
footer .flogo{display:inline-block;background:var(--navy);border-radius:8px;padding:8px 12px;line-height:0}footer .flogo img{height:40px;width:auto}
footer .fsoc{display:flex;gap:6px;margin:4px 0 8px}footer .fsoc a{display:inline-flex;padding:0 10px;color:#fff}
.disc{border-top:1px solid var(--line);padding-top:12px;margin-top:18px}
.flegal{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:8px}.flegal a{display:inline;padding:0}
.flegal ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}

/* ---- Fixes after first preview ---- */
.abody .enhanced-author-box{display:none}/* the theme prints its own author box */
footer .disc a{display:inline;padding:0}
.tbl{container-type:inline-size}
@container (max-width:470px){.qt td.sk,.qt th.skh{display:none}}
/* Boxes injected by mu-plugins (related-articles "Also read", AI disclosure) use hard-coded light colours; match the theme in both modes. */
.abody [style*="background:#f8f9fa"]{background:var(--acc2)!important;border-left-color:var(--gold)!important;color:var(--ink)!important}
.abody [style*="background:#f8f9fa"] [style*="color:"]{color:var(--ink)!important}
.abody a[style*="#1a73e8"]{color:var(--acc)!important;text-decoration:underline!important}
.abody [style*="color:#5f6368"],.abody [style*="color:#666"]{color:var(--mut)!important}
.crumb a{text-decoration:underline;text-underline-offset:2px}
/* Mobile header: logo · Menu · theme icon on one row, full-width search below. */
@media(max-width:760px){
 .bar{flex-wrap:wrap}
 .hsearch{order:4;flex:1 1 100%;min-width:0}
 #nav{order:5}
 #mb,#th{order:2}
 #th{padding:6px 10px}
 #th .thl{display:none}
}
/* UX audit 2026-09-23: bigger tap areas (without shifting layout), wrapping guide tables, anchors clear the sticky header. */
.star{padding:6px;margin:-6px -2px -6px -6px}
button.sb{padding:6px 0;margin:-6px 0}
.lnk,a.cat,.aun{display:inline-block;padding:4px 0}
.abody th{white-space:normal}
[id]{scroll-margin-top:150px}
@media(max-width:760px){[id]{scroll-margin-top:130px}}
@media(max-width:760px){#nav.open{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch}}
[id]{scroll-margin-top:170px}
@media(max-width:760px){[id]{scroll-margin-top:165px}}
/* TBT: skip layout of below-the-fold blocks until they approach the viewport (plain boxes only, nothing positioned outside). */
.cv{content-visibility:auto;contain-intrinsic-size:auto 600px}
footer.site{content-visibility:auto;contain-intrinsic-size:auto 420px}

/* Advertise page + header button (CoinPulseHQ layout, 2026-09-30) */
header.site .btn.adv{background:var(--gold);border-color:var(--gold);color:#0D1B2A;font-weight:800}
header.site .btn.adv:hover{filter:brightness(1.08)}
.adv{max-width:1080px}
.adv-eye{display:block;font:800 12px/1.3 Manrope,"Manrope Fallback",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:14px 0 8px}
.adv h1{font-size:clamp(30px,4.4vw,46px);line-height:1.08;margin:0 0 14px;max-width:18ch}
.adv-lead{font-size:17px;line-height:1.6;color:var(--mut);max-width:62ch;margin:0 0 30px}
.adv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 10px}
.adv-stats div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 14px;text-align:center}
.adv-stats b{display:block;font:800 30px/1.1 "JetBrains Mono",ui-monospace,monospace;color:var(--acc)}
.adv-stats span{display:block;font-size:13px;color:var(--mut);margin-top:8px}
.adv-copy{max-width:72ch;margin-top:26px}
.adv-pk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.adv-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column}
.adv-card.feat{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.adv-card h3{margin:0 0 14px;font-size:21px}
.adv-card ul{list-style:none;margin:0 0 20px;padding:0;flex:1}
.adv-card li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:14.5px}
.adv-card li svg{flex:none;color:var(--up);margin-top:3px}
.adv-card .btn{text-align:center;padding:11px 12px;font-size:14px}
.adv-tag{position:absolute;top:-11px;right:18px;background:var(--gold);color:#0D1B2A;font:800 11px/1 Manrope,"Manrope Fallback",sans-serif;padding:6px 9px;border-radius:6px}
.adv-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.adv-tbl table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.adv-tbl th{text-align:left;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:13px 16px;border-bottom:1px solid var(--line)}
.adv-tbl td{padding:13px 16px;border-bottom:1px solid var(--line)}
.adv-tbl tr:last-child td{border-bottom:0}
.adv-tbl td:first-child{font-weight:700}
.adv-note{margin:26px 0 10px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;padding:16px 20px;font-size:14.5px;line-height:1.6}
@media (max-width:760px){.adv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.adv-pk{grid-template-columns:1fr}}
@media(max-width:760px){header.site .btn.adv{order:2;padding:6px 10px}}
@media(max-width:440px){header.site .btn.adv{padding:6px 8px;font-size:12px}#mb{padding:6px 9px}.bar{gap:6px}.bar .logo img,.bar .brand img{max-width:132px;height:auto}}
@media(max-width:380px){header.site .logo img,header.site .logo svg{max-width:118px;height:auto}}