/*
 * v4 design (the owner's design, demo/v2/AlanChand Home v4.dc.html), ported from its inline
 * styles: same fonts, sizes, colours and spacing. The header, footer and drawer are on every
 * page; the rest is the home page. Every class starts with v4- so the legacy sheets
 * (styles.css, ui.css, theme-fintech.css) are not touched; body.v4 carries the base.
 * Layout-only rules for the five checked widths (1366, 1024, 768, 430, 360) are at the end.
 */
@font-face{font-family:'YekanBakhFaNum';src:url(/assets/fonts/YekanBakhFaNum-Light.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'YekanBakhFaNum';src:url(/assets/fonts/YekanBakhFaNum-Regular.woff2) format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:'YekanBakhFaNum';src:url(/assets/fonts/YekanBakhFaNum-Bold.woff2) format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:'YekanBakhFaNum';src:url(/assets/fonts/YekanBakhFaNum-ExtraBold.woff2) format('woff2');font-weight:800 900;font-display:swap}

:root{--v4-navy:#101984;--v4-navy-d:#0b1160;--v4-ink:#141824;--v4-ink2:#3b4252;--v4-mut:#687083;--v4-mut2:#8a91a2;--v4-line:#e6e8ee;--v4-line2:#eef0f4;--v4-line3:#f3f4f7;--v4-bg:#f4f5f8;--v4-soft:#eef0fb;--v4-up:oklch(0.55 0.14 155);--v4-dn:oklch(0.56 0.19 25);--v4-upbg:oklch(0.955 0.04 155);--v4-dnbg:oklch(0.955 0.03 25)}

body.v4{margin:0;font-family:'YekanBakhFaNum','Yekan Bakh FaNum','YekanBakh',Vazirmatn,Tahoma,sans-serif;font-size:14px;line-height:1.6;background:var(--v4-bg);color:var(--v4-ink);overflow-x:hidden;overflow-x:clip}
/* clip, not hidden: hidden makes body a scroll container that never scrolls, so every position:sticky below (.v4-nav, .v4-lside, the side ad) stuck to it and scrolled away. hidden stays only for browsers without clip. */
body.v4 *,body.v4 *::before,body.v4 *::after{box-sizing:border-box}
/* FaNum draws every digit as a Persian one: en/tr pages use a font with Latin digits */
html[dir=ltr] body.v4{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.v4 a{color:var(--v4-navy);text-decoration:none}
.v4 a:hover{color:var(--v4-navy-d)}
.v4 input,.v4 select,.v4 button{font-family:inherit}
.v4 ::selection{background:#dfe3f7}
.v4 .num{}
.v4-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.v4-hide{display:none!important}
@keyframes acmarq{from{transform:translateX(0)}to{transform:translateX(50%)}}
html[dir=ltr] .v4-ticker__track{animation-name:acmarqL}
@keyframes acmarqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes acpulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.5)}100%{box-shadow:0 0 0 7px rgba(229,72,77,0)}}

/* «نمونه»: a section whose data source is not connected yet (owner's choice: show the design with sample numbers) */
.v4-sample{display:inline-flex;align-items:center;flex:none;font-size:10px;font-weight:700;line-height:1.6;padding:0 6px;border-radius:5px;background:#fff4d6;color:#8a5a00;border:1px solid #f2d68a;white-space:nowrap}

/* ---------- top ad bar ---------- */
.v4-topad{background:var(--v4-navy);color:#fff}
.v4-topad__in{max-width:1240px;margin:0 auto;padding:0 20px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:18px;position:relative}
.v4-topad__tag{font-size:10px;font-weight:700;background:rgba(255,255,255,.18);border-radius:5px;padding:0 6px}
.v4-topad__t{font-size:16px;font-weight:800}
.v4 .v4-topad__cta{height:30px;display:flex;align-items:center;padding:0 14px;border-radius:8px;background:#fff;color:var(--v4-navy);font-size:13px;font-weight:700}
.v4-topad img{display:block;max-width:100%;height:auto;margin:0 auto}

/* ---------- header ---------- */
.v4-hdr{background:#fff;position:relative}
.v4-hdr__in{max-width:1240px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:18px}
.v4-ibtn{flex:none;width:42px;height:42px;border:0;border-radius:11px;background:var(--v4-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--v4-ink)}
.v4-ibtn:hover{background:#eceef3}
.v4-ibtn .ic{width:20px;height:20px}
.v4-ibtn--apps{margin-right:8px;color:var(--v4-navy)}
html[dir=ltr] .v4-ibtn--apps{margin-right:0;margin-left:8px}
.v4 .v4-logo{flex:none;display:flex;align-items:center;gap:10px;color:var(--v4-ink)}
.v4-logo img{width:46px;height:46px;display:block}
.v4-logo__txt{display:flex;flex-direction:column;line-height:1.25}
.v4-logo__name{font-size:22px;font-weight:800;color:var(--v4-navy)}
.v4-logo__sub{font-size:11px;color:var(--v4-mut)}
.v4-search{flex:1;min-width:0;position:relative;max-width:560px}
.v4-search__box{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:13px;background:var(--v4-bg);border:1px solid #eceef3}
.v4-search__box .ic{width:17px;height:17px;color:var(--v4-mut2)}
.v4-search__box input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:14px;color:var(--v4-ink)}
.v4-search__res{position:absolute;top:52px;right:0;left:0;z-index:60;background:#fff;border:1px solid var(--v4-line);border-radius:14px;box-shadow:0 16px 40px rgba(20,24,36,.14);padding:6px;display:flex;flex-direction:column}
.v4 .v4-search__row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;cursor:pointer;color:var(--v4-ink)}
.v4 .v4-search__row:hover,.v4 .v4-search__row.is-on{background:var(--v4-bg);color:var(--v4-ink)}
.v4-search__nm{flex:1;display:flex;flex-direction:column;line-height:1.4;min-width:0}
.v4-search__nm b{font-weight:700}
.v4-search__nm small{font-size:11px;color:var(--v4-mut2)}
.v4-search__p{font-weight:800}
.v4-search__ch{min-width:64px;text-align:center;padding:0 6px;border-radius:6px;font-size:12px;font-weight:700}
.v4-search__none{padding:14px;color:var(--v4-mut2);font-size:13px;text-align:center}
.v4 .v4-cornerad{flex:none;margin-right:auto;width:300px;height:56px;border-radius:13px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;color:#fff;transition:background .4s}
html[dir=ltr] .v4 .v4-cornerad,html[dir=ltr] .v4-cornerad{margin-right:0;margin-left:auto}
.v4 .v4-cornerad:hover{color:#fff}
.v4-cornerad__tag{position:absolute;top:4px;left:8px;font-size:9px;opacity:.75}
.v4-cornerad__txt{display:flex;flex-direction:column;line-height:1.3}
.v4-cornerad__t{font-size:15px;font-weight:800}
.v4-cornerad__s{font-size:11px;opacity:.85}
.v4-cornerad__cta{flex:none;font-size:12px;font-weight:700;padding:4px 10px;border-radius:7px;background:rgba(255,255,255,.18)}
.v4-pop{position:absolute;z-index:60;background:#fff;border:1px solid var(--v4-line);box-shadow:0 18px 44px rgba(20,24,36,.16)}
.v4-apps{top:66px;right:250px;width:380px;border-radius:16px;padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
html[dir=ltr] .v4-apps{right:auto;left:250px}
.v4 .v4-apps a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:12px;color:var(--v4-ink);font-size:12px;font-weight:600;text-align:center}
.v4 .v4-apps a:hover{background:var(--v4-bg);color:var(--v4-navy)}
.v4-apps__ic{width:38px;height:38px;border-radius:11px;background:var(--v4-soft);display:flex;align-items:center;justify-content:center;color:var(--v4-navy)}
.v4-apps__ic .ic{width:19px;height:19px}

/* ---------- nav bar (sticky) ---------- */
.v4-nav{position:sticky;top:0;z-index:40;background:#fff;border-top:1px solid var(--v4-line2);border-bottom:1px solid var(--v4-line);box-shadow:0 2px 10px rgba(20,24,36,.04)}
.v4-nav__in{max-width:1240px;margin:0 auto;padding:0 20px;min-height:50px;display:flex;align-items:center;gap:6px;position:relative}
.v4 .v4-nav__key{flex:none;display:flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:9px;background:var(--v4-navy);color:#fff;font-size:13px;font-weight:700}
.v4 .v4-nav__key:hover{background:var(--v4-navy-d);color:#fff}
.v4-nav__key .ic{width:15px;height:15px}
.v4-nav__links{display:flex;align-items:center;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.v4-nav__links::-webkit-scrollbar{display:none}
.v4 .v4-nav__links a{flex:none;display:flex;align-items:center;gap:5px;padding:6px 11px;font-size:13.5px;font-weight:600;color:var(--v4-ink2);border-left:1px solid var(--v4-line2)}
html[dir=ltr] .v4 .v4-nav__links a{border-left:0;border-right:1px solid var(--v4-line2)}
.v4 .v4-nav__links a:hover,.v4 .v4-nav__links a[aria-current]{color:var(--v4-navy)}
.v4-new{font-size:9px;font-weight:700;color:#fff;background:#e5484d;border-radius:4px;padding:0 4px}
.v4-more{flex:none;border:0;background:transparent;cursor:pointer;padding:6px 10px;font-size:18px;line-height:1;color:var(--v4-ink2);letter-spacing:2px}
.v4-nav__side{flex:none;display:flex;align-items:center;gap:4px}
.v4-nav__date{font-size:12px;color:var(--v4-mut);margin-left:8px;white-space:nowrap}
html[dir=ltr] .v4-nav__date{margin-left:0;margin-right:8px}
.v4-sbtn{position:relative;width:34px;height:34px;border:0;border-radius:9px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--v4-ink2)}
.v4-sbtn:hover{background:var(--v4-bg)}
.v4-sbtn .ic{width:18px;height:18px}
.v4-badge{position:absolute;top:3px;left:3px;min-width:15px;height:15px;border-radius:8px;background:#e5484d;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px}
.v4 .v4-login{height:34px;display:flex;align-items:center;padding:0 14px;border-radius:9px;background:var(--v4-navy);color:#fff;font-size:13px;font-weight:700;margin-right:4px;white-space:nowrap}
.v4 .v4-login:hover{background:var(--v4-navy-d);color:#fff}
.v4-menu{top:52px;width:220px;border-radius:14px;padding:6px;display:flex;flex-direction:column}
.v4-menu--more{left:420px}
.v4-menu--lang{left:110px;width:180px}
.v4-menu--bell{left:150px;width:320px;padding:8px}
html[dir=ltr] .v4-menu--more{left:auto;right:420px}
html[dir=ltr] .v4-menu--lang{left:auto;right:110px}
html[dir=ltr] .v4-menu--bell{left:auto;right:150px}
.v4 .v4-menu a{padding:8px 12px;border-radius:9px;font-size:13px;color:var(--v4-ink2);display:flex;align-items:center;gap:8px}
.v4 .v4-menu a:hover{background:var(--v4-bg);color:var(--v4-navy)}
.v4-bell__h{padding:6px 10px 8px;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.v4-bell__i{display:flex;gap:10px;padding:10px;border-radius:10px;border-top:1px solid #f1f2f5}
.v4-bell__i:hover{background:#f7f8fa}
.v4-bell__dot{flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%}
.v4-bell__txt{display:flex;flex-direction:column;line-height:1.5}
.v4-bell__txt b{font-size:13px;font-weight:600}
.v4-bell__txt small{font-size:11px;color:var(--v4-mut2)}

/* ---------- news ticker ---------- */
.v4-ticker{background:#fff;border-bottom:1px solid var(--v4-line)}
.v4-ticker__in{max-width:1240px;margin:0 auto;padding:0 20px;height:40px;display:flex;align-items:center;gap:14px}
.v4-ticker__lbl{flex:none;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#e5484d}
.v4-ticker__lbl i{width:8px;height:8px;border-radius:50%;background:#e5484d;animation:acpulse 1.4s infinite}
.v4-ticker__view{flex:1;min-width:0;overflow:hidden;position:relative}
.v4-ticker__track{display:flex;width:max-content;animation:acmarq 70s linear infinite}
.v4-ticker__view:hover .v4-ticker__track{animation-play-state:paused}
.v4 .v4-ticker__track a{flex:none;display:flex;align-items:center;gap:8px;padding:0 18px;font-size:13px;color:var(--v4-ink2);white-space:nowrap}
.v4 .v4-ticker__track a:hover{color:var(--v4-navy)}
.v4-ticker__track a i{width:5px;height:5px;border-radius:50%;background:var(--v4-navy)}
@media (prefers-reduced-motion:reduce){.v4-ticker__track{animation:none}}

/* ---------- main ---------- */
.v4-main{max-width:1240px;margin:0 auto;padding:20px 20px 64px;display:flex;flex-direction:column;gap:22px}
.v4-grid{display:grid;gap:16px}
.v4-g420{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.v4-g320{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.v4-g340{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.v4-g360{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.v4-g520{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr))}
.v4-g250{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.v4-start{align-items:start}

/* banner ads (text cards) */
.v4 .v4-ad{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 26px;height:92px;border-radius:14px;overflow:hidden;color:#fff;border:0}
.v4 .v4-ad:hover{color:inherit}
.v4-ad--96{height:96px}
.v4-ad__bub{position:absolute;left:-40px;top:-50px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08)}
.v4-ad__tag{position:absolute;top:6px;left:10px;font-size:10px;opacity:.7}
html[dir=ltr] .v4-ad__tag,html[dir=ltr] .v4-cornerad__tag{left:auto;right:10px}
.v4-ad__txt{position:relative;display:flex;flex-direction:column;line-height:1.4;min-width:0}
.v4-ad__t{font-size:20px;font-weight:800}
.v4-ad__s{font-size:13px;opacity:.85}
.v4-ad__cta{position:relative;flex:none;padding:7px 16px;border-radius:10px;font-size:13px;font-weight:700}
.v4-adimg{display:block;border-radius:14px;overflow:hidden}
.v4-adimg img{display:block;width:100%;height:auto}

/* kpi row */
.v4-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px}
.v4 .v4-kpi{background:#fff;border:1px solid var(--v4-line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:background .6s,border-color .2s;color:var(--v4-ink);position:relative}
.v4 .v4-kpi:hover{border-color:#c9cfe0;color:var(--v4-ink)}
.v4-kpi__nm{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700}
.v4-kpi__nm .ic{width:13px;height:13px}
.v4-kpi__p{font-size:16px;font-weight:800}
.v4-kpi__c{font-size:11px;color:var(--v4-mut);white-space:nowrap}
.v4-kpi .v4-sample{position:absolute;top:-8px;left:6px}
.v4-up{color:var(--v4-up)}.v4-dn{color:var(--v4-dn)}.v4-nc{color:var(--v4-mut)}
.v4-flash-up{background:oklch(0.94 0.07 155)!important}.v4-flash-dn{background:oklch(0.94 0.05 25)!important}

/* highlight carousels */
.v4-hl{position:relative;overflow:hidden;border-radius:16px;min-height:140px;background:#e9ebf0}
.v4-hl__track{display:flex;transition:transform .7s cubic-bezier(.4,0,.2,1)}
.v4 .v4-hl__s{flex:0 0 100%;position:relative;overflow:hidden;min-height:140px;padding:18px 20px 46px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;color:var(--v4-ink)}
.v4 .v4-hl__s:hover{color:var(--v4-ink)}
.v4-hl__s--up{background:oklch(0.93 0.06 160)}.v4-hl__s--dn{background:oklch(0.93 0.045 25)}.v4-hl__s--nc{background:#e9ebf0}
.v4-hl__s--up .v4-hl__fg{color:oklch(0.48 0.12 160)}.v4-hl__s--dn .v4-hl__fg{color:oklch(0.52 0.18 25)}.v4-hl__s--nc .v4-hl__fg{color:var(--v4-mut)}
.v4-hl__wm{position:absolute;left:-14px;bottom:-22px;width:120px;height:120px;opacity:.12}
html[dir=ltr] .v4-hl__wm{left:auto;right:-14px}
.v4-hl__a{position:relative;display:flex;flex-direction:column;line-height:1.35}
.v4-hl__p{font-size:26px;font-weight:800}
.v4-hl__n{font-size:14px;font-weight:600;color:var(--v4-ink2)}
.v4-hl__b{position:relative;display:flex;flex-direction:column;align-items:flex-end;line-height:1.5}
html[dir=ltr] .v4-hl__b{align-items:flex-start}
.v4-hl__b small{font-size:12px;color:var(--v4-mut)}
.v4-hl__b b{font-size:13px;font-weight:800;white-space:nowrap}
.v4-hl__dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;pointer-events:none}
.v4-hl__dots>div{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.85);border-radius:20px;padding:5px 12px;pointer-events:auto}
.v4-hl__lbl{font-size:12px;font-weight:700;color:var(--v4-navy);margin-left:4px;display:flex;align-items:center;gap:6px}
.v4-hl__dot{width:8px;height:8px;border-radius:4px;border:0;padding:0;cursor:pointer;background:#c9cfe0;transition:width .3s,background .3s}
.v4-hl__dot.is-on{width:20px;background:var(--v4-navy)}

/* hot lists */
.v4-hot{background:#fff;border:1px solid var(--v4-line);border-top:3px solid var(--c);border-radius:14px;overflow:hidden;min-width:0}
.v4-hot__row{display:grid;grid-template-columns:minmax(0,1.4fr) 1.2fr 1.3fr 26px;gap:8px;align-items:center;padding:9px 16px;border-bottom:1px solid var(--v4-line3);color:var(--v4-ink);transition:background .6s}
.v4 a.v4-hot__row{color:var(--v4-ink)}
.v4 a.v4-hot__row:hover{background:#f7f8fb;color:var(--v4-ink)}
.v4-hot__head{padding:12px 16px;font-size:12px;color:var(--v4-mut);border-bottom:1px solid var(--v4-line2)}
.v4-hot__title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:var(--v4-ink)}
.v4-hot__title .ic{width:16px;height:16px;color:var(--c)}
.v4-hot__nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4-hot__p{font-weight:800;white-space:nowrap}
.v4-hot__c{font-size:12px;font-weight:700;white-space:nowrap}
.v4-chart{display:block;width:18px;height:18px;color:var(--v4-navy)}

/* price boxes */
.v4-sec{display:flex;flex-direction:column;gap:22px}
.v4-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr));gap:22px 16px;align-items:start}
.v4-box{display:flex;align-items:flex-start;min-width:0;scroll-margin-top:70px}
.v4-box__side{flex:none;width:28px;padding-top:16px;display:flex;justify-content:flex-start;align-items:flex-start}
.v4-box__side span{writing-mode:vertical-rl;font-size:12px;font-weight:800;color:var(--v4-navy);background:#fff;border:1px solid var(--v4-line);border-left:0;border-top:3px solid var(--v4-navy);border-radius:0 9px 9px 0;padding:12px 4px}
html[dir=ltr] .v4-box__side span{border-left:1px solid var(--v4-line);border-right:0;border-radius:9px 0 0 9px}
.v4-box__card{flex:1;min-width:0;background:#fff;border:1px solid var(--v4-line);border-radius:14px;overflow:hidden}
.v4-box__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}
.v4-box__t{display:flex;align-items:center;gap:9px;min-width:0}
.v4-box__ic{flex:none;width:30px;height:30px;border-radius:9px;background:var(--v4-soft);display:flex;align-items:center;justify-content:center;color:var(--v4-navy)}
.v4-box__ic .ic{width:16px;height:16px}
.v4-box__t h2{margin:0;font-size:15px;font-weight:800;white-space:nowrap;color:var(--v4-ink)}
.v4-box__note{font-size:11px;color:var(--v4-mut2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4 .v4-box__arch{flex:none;font-size:12px;font-weight:700}
.v4-tbl{min-width:0}
.v4-tr{display:grid;grid-template-columns:minmax(0,1.55fr) 1.15fr 1.25fr 1fr 1fr 0.7fr 24px;gap:8px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--v4-line3);transition:background .6s;color:var(--v4-ink)}
.v4 a.v4-tr{color:var(--v4-ink)}
.v4 a.v4-tr:hover,.v4 .v4-tr--s:hover{background:#f7f8fb;color:var(--v4-ink)}
.v4-tr--h{padding:7px 16px;background:#f7f8fa;border-top:1px solid var(--v4-line2);border-bottom:1px solid var(--v4-line2);font-size:11.5px;color:var(--v4-mut)}
.v4-tr__nm{display:flex;align-items:center;gap:8px;min-width:0}
.v4 .v4-flag.flag{flex:none;display:inline-block;width:20px!important;height:14px!important;margin:0;border-radius:3px;background-color:#eef0f4;background-size:cover;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.v4-tr__nmt{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.v4-tr__nmt b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4-tr__nmt small{font-size:10.5px;color:var(--v4-mut2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4-tr__p{font-weight:800;font-size:14.5px;white-space:nowrap}
.v4-tr__c{font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4-tr__lh{color:var(--v4-ink2);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4-tr__t{color:var(--v4-mut2);font-size:11.5px;white-space:nowrap}
.v4-tbl .v4-tr.is-extra{display:none}
.v4-tbl.is-open .v4-tr.is-extra{display:grid}
.v4-morebtn{display:block;margin:8px auto;border:1px solid var(--v4-navy);border-radius:9px;background:#fff;cursor:pointer;padding:4px 16px;font-size:12px;font-weight:700;color:var(--v4-navy)}
.v4-morebtn:hover{background:var(--v4-soft)}

/* cards, forms, tools */
.v4-card{background:#fff;border:1px solid var(--v4-line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.v4-card--flush{padding:0;gap:0;overflow:hidden}
.v4-card--16{border-radius:16px}
.v4-h3{display:flex;align-items:center;gap:8px}
.v4-h3 .ic{width:18px;height:18px;color:var(--v4-navy)}
.v4-h3 h3{margin:0;font-size:15px;font-weight:800;color:var(--v4-ink)}
.v4-h2{display:flex;align-items:center;gap:10px}
.v4-h2 i{width:4px;height:22px;border-radius:2px;background:var(--v4-navy)}
.v4 .v4-h2 h2{margin:0;font-size:18px;font-weight:800;color:var(--v4-ink)}
.v4-f2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v4-f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.v4-lbl{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--v4-mut);min-width:0}
.v4-in{height:38px;border:1px solid #e1e4eb;border-radius:9px;padding:0 10px;font-size:14px;font-weight:700;outline:none;color:var(--v4-ink);background:#fff;min-width:0;width:100%}
.v4-in:focus{border-color:var(--v4-navy)}
.v4-in--40{height:40px}
select.v4-in{font-weight:400;padding:0 8px}
.v4-sel13{font-size:13px}
.v4-res{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 14px;border-radius:11px;background:var(--v4-soft)}
.v4-res small{font-size:12px;color:var(--v4-mut)}
.v4-res b{font-size:20px;font-weight:800}
.v4-res--navy small{color:var(--v4-ink2)}
.v4-res--navy b{color:var(--v4-navy)}
.v4-stat{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;background:#f7f8fa}
.v4-stat small{font-size:11px;color:var(--v4-mut)}
.v4-stat b{font-weight:800}
.v4-stat--soft{background:var(--v4-soft)}
.v4-note{font-size:11px;color:var(--v4-mut2)}
.v4-btn{height:40px;border:0;border-radius:9px;background:var(--v4-navy);color:#fff;font-size:13px;font-weight:700;padding:0 14px;cursor:pointer}
.v4-btn:hover{background:var(--v4-navy-d)}
.v4-swap{width:40px;height:40px;border:1px solid var(--v4-navy);border-radius:9px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--v4-navy)}
.v4-swap .ic{width:16px;height:16px}
.v4-cv{display:grid;grid-template-columns:0.8fr 1.2fr auto 1.2fr;gap:8px;align-items:end}
.v4-ar{display:grid;grid-template-columns:1.4fr 0.8fr 1fr 0.7fr auto;gap:8px;align-items:end}

/* analyses */
.v4-an{padding:18px 20px;gap:16px}
.v4-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.v4-tabs{display:flex;gap:6px}
.v4-tab{border:1px solid var(--v4-navy);cursor:pointer;padding:5px 14px;border-radius:9px;font-size:12.5px;font-weight:700;background:#fff;color:var(--v4-navy)}
.v4-tab.is-on,.v4-tab--solid{background:var(--v4-navy);color:#fff}
.v4-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}
.v4-cat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:12px;cursor:pointer;border:1px solid var(--v4-line);background:#fff;font-size:12px;font-weight:700;color:var(--v4-ink)}
.v4-cat:hover{border-color:#c9cfe0}
.v4-cat.is-on{background:var(--v4-soft);border-color:var(--v4-navy)}
.v4-cat .ic{width:24px;height:24px;color:var(--v4-navy)}
.v4-car{position:relative}
.v4-car__track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px}
.v4-car__track::-webkit-scrollbar{display:none}
.v4 .v4-anc{flex:none;width:272px;border:1px solid var(--v4-line);border-radius:14px;overflow:hidden;color:var(--v4-ink);display:flex;flex-direction:column}
.v4 .v4-anc:hover{border-color:#c9cfe0;box-shadow:0 6px 18px rgba(20,24,36,.07);color:var(--v4-ink)}
.v4-anc__top{padding:12px 14px 6px;display:flex;flex-direction:column;gap:6px}
.v4-anc__t{font-size:13.5px;font-weight:800;line-height:1.6;min-height:43px}
.v4-anc__meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--v4-mut)}
.v4-anc__au{display:flex;align-items:center;gap:5px}
.v4-anc__au i{width:18px;height:18px;border-radius:50%;background:var(--v4-soft);color:var(--v4-navy);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;font-style:normal}
.v4-anc__cat{padding:0 7px;border-radius:5px;background:#e8f1ff;color:var(--v4-navy);font-weight:700}
.v4-anc__ch{height:120px;margin:4px 14px 12px;border-radius:9px;background-color:#fbfcfd;background-image:linear-gradient(#eef0f4 1px,transparent 1px),linear-gradient(90deg,#eef0f4 1px,transparent 1px);background-size:100% 24px,40px 100%;position:relative;overflow:hidden}
.v4-anc__ch svg{position:absolute;inset:0;width:100%;height:100%}
.v4-anc__date{position:absolute;top:6px;right:8px;font-size:10px;color:var(--v4-mut);background:rgba(255,255,255,.85);padding:0 5px;border-radius:4px}
.v4-car__btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid var(--v4-line);background:#fff;box-shadow:0 4px 12px rgba(20,24,36,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--v4-ink)}
.v4-car__btn .ic{width:16px;height:16px}
.v4-car__btn--prev{right:-12px}.v4-car__btn--next{left:-12px}

/* tool tabs and cards */
.v4-ttabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.v4-ttab{flex:none;border:1px solid var(--v4-navy);cursor:pointer;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;background:#fff;color:var(--v4-navy)}
.v4-ttab.is-on{background:var(--v4-navy);color:#fff}
.v4-tcard{background:#fff;border:1px solid var(--v4-line);border-radius:16px;padding:22px 18px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.v4-tcard__ic{width:76px;height:76px;border-radius:22px;background:var(--v4-soft);display:flex;align-items:center;justify-content:center;color:var(--v4-navy)}
.v4-tcard__ic .ic{width:38px;height:38px}
.v4-tcard b{font-size:15px;font-weight:800}
.v4-tcard p{margin:0;font-size:12px;color:var(--v4-mut);line-height:1.8;min-height:42px}
.v4 .v4-tcard a{width:100%;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--v4-navy);color:#fff;font-size:13px;font-weight:700}
.v4 .v4-tcard a:hover{background:var(--v4-navy-d);color:#fff}

/* forex */
.v4-fx__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--v4-line2)}
.v4-fx__pair{display:flex;align-items:center;gap:10px}
.v4 .v4-fx__pair .v4-flag.flag{width:26px!important;height:18px!important}
.v4-fx__pair b{font-size:17px;font-weight:800}
.v4-fx__pair small{font-size:12px;color:var(--v4-mut)}
.v4-fx__stats{display:flex;gap:22px;flex-wrap:wrap}
.v4-fx__st{display:flex;flex-direction:column;align-items:center;line-height:1.5}
.v4-fx__st b{font-size:14px;font-weight:800}
.v4-fx__st small{font-size:11px;color:var(--v4-mut2)}
.v4-fx__tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr))}
.v4-fx__tbl{border-left:1px solid var(--v4-line2);min-width:0}
.v4-fxr{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr 1.2fr 1fr 1fr 0.7fr;gap:8px;align-items:center;padding:9px 20px;border-bottom:1px solid var(--v4-line3);cursor:pointer;background:#fff}
.v4-fxr:hover{background:#f7f8fb}
.v4-fxr.is-on{background:var(--v4-soft)}
.v4-fxr--h{padding:8px 20px;background:#f7f8fa;font-size:11.5px;color:var(--v4-mut);cursor:default;border-bottom:0}
.v4-fxr--h:hover{background:#f7f8fa}
.v4-fxr__pair{display:flex;align-items:center;gap:8px;font-weight:700}
.v4-fxr__v{font-weight:800}
.v4-fxr__c{font-size:12px;font-weight:700}
.v4-fxr__lh{font-size:12.5px;color:var(--v4-ink2)}
.v4-fxr__t{font-size:11.5px;color:var(--v4-mut2)}

/* map */
.v4-map{padding:16px 20px;gap:8px}
.v4-map__hint{font-size:12px;color:var(--v4-mut)}
.v4-map iframe{width:100%;height:520px;border:0;display:block}

/* usdt and calendar */
.v4-tblhead{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:10px}
.v4-tblhead .v4-h3 .ic.i-wallet{color:#16a37a}
.v4-tblhead__aux{font-size:12px;color:var(--v4-mut)}
.v4-tblhead__aux b{color:var(--v4-ink)}
.v4-ur{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr 1fr 0.8fr;gap:8px;align-items:center;padding:9px 18px;border-bottom:1px solid var(--v4-line3)}
.v4-ur--h{padding:7px 18px;background:#f7f8fa;font-size:11.5px;color:var(--v4-mut);border-bottom:0}
.v4-ur__nm{display:flex;align-items:center;gap:8px;font-weight:700}
.v4-ur__nm i{width:24px;height:24px;border-radius:7px;background:var(--v4-soft);color:var(--v4-navy);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;font-style:normal}
.v4-ur b{font-weight:800}
.v4-ur__t{font-size:11.5px;color:var(--v4-mut2)}
.v4-cal{display:grid;grid-template-columns:0.6fr minmax(0,2.2fr) 0.8fr 0.8fr 0.8fr;gap:8px;align-items:center;padding:9px 18px;border-bottom:1px solid var(--v4-line3);font-size:12.5px}
.v4-cal--h{padding:7px 18px;background:#f7f8fa;font-size:11.5px;color:var(--v4-mut);border-bottom:0}
.v4-cal__t{color:var(--v4-mut)}
.v4-cal__ev{display:flex;align-items:center;gap:7px;min-width:0}
.v4 .v4-cal__ev .v4-flag.flag{width:18px!important;height:13px!important;border-radius:2px}
.v4-cal__ev span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.v4-cal__imp{flex:none;display:flex;gap:2px}
.v4-cal__imp i{width:5px;height:10px;border-radius:2px;background:var(--v4-line)}
.v4-cal__imp i.on{background:var(--v4-navy)}
.v4-cal b{font-weight:800}
.v4-cal__f{color:var(--v4-ink2)}
.v4-cal__p{color:var(--v4-mut2)}

/* news */
.v4-news__tabs{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--v4-line2)}
.v4-news__tabs .v4-tab{font-size:13px}
.v4-news__kind{margin-right:auto;font-size:12px;color:var(--v4-mut);display:flex;align-items:center;gap:6px}
html[dir=ltr] .v4-news__kind{margin-right:0;margin-left:auto}
.v4 .v4-news__i{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--v4-line3);color:var(--v4-ink)}
.v4 .v4-news__i:hover{background:#f7f8fb;color:var(--v4-navy)}
.v4-news__tag{flex:none;width:64px;text-align:center;font-size:10.5px;font-weight:700;padding:1px 0;border-radius:5px}
.v4-news__ttl{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4-news__d{flex:none;font-size:11px;color:var(--v4-mut2)}
.v4 .v4-news__all{display:block;text-align:center;padding:9px;font-size:12px;font-weight:700}
.v4-news__list[hidden]{display:none}

/* profit/loss + live stats */
.v4-pls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;align-items:start}
.v4-plg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.v4-plg .v4-stat{padding:8px 10px;line-height:1.5}
.v4-plg .v4-stat b{font-size:13px}
.v4-plg .v4-stat em{font-size:11px;font-weight:700;font-style:normal}
.v4-stabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v4-line2);border-bottom:1px solid var(--v4-line2)}
.v4-stab{border:0;cursor:pointer;padding:10px;font-size:13px;font-weight:700;background:#fff;color:var(--v4-mut);border-bottom:2px solid transparent}
.v4-stab.is-on{color:var(--v4-navy);border-bottom-color:var(--v4-navy)}
.v4-sitems{display:grid;grid-template-columns:repeat(3,1fr)}
.v4-sitems[hidden]{display:none}
.v4 .v4-sitems a{padding:11px 18px;font-size:13px;color:var(--v4-ink2);border-bottom:1px solid var(--v4-line3);border-left:1px solid var(--v4-line3)}
.v4 .v4-sitems a:hover{background:#f7f8fb;color:var(--v4-navy)}

/* quick links */
.v4-ql{background:#fff;border:1px solid var(--v4-line);border-radius:14px;padding:14px 16px;display:flex;flex-wrap:wrap;gap:6px 4px}
.v4 .v4-ql a{padding:4px 12px;border-radius:8px;font-size:13px;color:var(--v4-ink2);font-weight:600}
.v4 .v4-ql a:hover{background:var(--v4-soft);color:var(--v4-navy)}

/* ---------- footer ---------- */
.v4-ftr{background:#fff;border-top:1px solid var(--v4-line)}
.v4-ftr__in{max-width:1240px;margin:0 auto;padding:36px 20px 24px;display:flex;flex-direction:column;gap:28px}
.v4-ftr__cols{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(auto-fit,minmax(150px,1fr));gap:28px}
.v4-ftr__brand{display:flex;flex-direction:column;gap:12px}
.v4-ftr__logo{display:flex;align-items:center;gap:10px}
.v4-ftr__logo img{width:40px;height:40px}
.v4-ftr__logo b{font-size:20px;font-weight:800;color:var(--v4-navy)}
.v4-ftr__about{font-size:13px;color:var(--v4-mut);line-height:1.9}
.v4-ftr__soc{display:flex;gap:8px}
.v4 .v4-ftr__soc a{width:34px;height:34px;border-radius:9px;background:var(--v4-bg);display:flex;align-items:center;justify-content:center;color:var(--v4-ink2)}
.v4 .v4-ftr__soc a:hover{background:var(--v4-soft)}
.v4-ftr__soc .ic{width:16px;height:16px}
.v4-ftr__col{display:flex;flex-direction:column;gap:7px}
.v4-ftr__col>b,.v4-ftr__col summary{font-weight:800;font-size:14px;margin-bottom:2px;list-style:none;color:var(--v4-ink)}
.v4-ftr__col summary::-webkit-details-marker{display:none}
.v4-ftr__col summary .ic{display:none}
.v4 .v4-ftr__col a{font-size:13px;color:var(--v4-mut)}
.v4 .v4-ftr__col a:hover{color:var(--v4-navy)}
.v4-ftr__links{display:flex;flex-direction:column;gap:7px}
.v4-ftr__app{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:var(--v4-bg)}
.v4-ftr__app>b{font-size:14px;font-weight:800}
.v4-ftr__stores{display:flex;gap:8px;flex-wrap:wrap}
.v4 .v4-ftr__stores a{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;background:#fff;border:1px solid var(--v4-line);color:var(--v4-ink)}
.v4 .v4-ftr__stores a:hover{border-color:var(--v4-navy);color:var(--v4-ink)}
.v4-ftr__stores .ic{width:18px;height:18px;color:var(--v4-navy)}
.v4-ftr__stores span{display:flex;flex-direction:column;line-height:1.2}
.v4-ftr__stores small{font-size:9.5px;color:var(--v4-mut2)}
.v4-ftr__stores b{font-size:12.5px;font-weight:800}
.v4-ftr__bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--v4-line2);font-size:12px;color:var(--v4-mut2)}

.v4-totop{position:fixed;left:22px;bottom:22px;z-index:45;width:50px;height:50px;border-radius:50%;border:0;background:var(--v4-navy);box-shadow:0 8px 22px rgba(16,25,132,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}
html[dir=ltr] .v4-totop{left:auto;right:22px}
.v4-totop:hover{background:var(--v4-navy-d)}
.v4-totop .ic{width:20px;height:20px}
body.has-sticky-ad .v4-totop{bottom:80px}

/* drawer */
.v4-scrim{position:fixed;inset:0;z-index:35}
.v4-drawer{position:fixed;inset:0;z-index:70;background:rgba(20,24,36,.35)}
.v4-drawer[hidden]{display:none}
.v4-drawer__p{position:absolute;top:0;right:0;bottom:0;width:320px;max-width:86vw;background:#fff;box-shadow:-12px 0 40px rgba(20,24,36,.18);padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}
html[dir=ltr] .v4-drawer__p{right:auto;left:0;box-shadow:12px 0 40px rgba(20,24,36,.18)}
.v4-drawer__h{display:flex;align-items:center;justify-content:space-between}
.v4-drawer__h .v4-ftr__logo img{width:36px;height:36px}
.v4-drawer__h .v4-ftr__logo b{font-size:18px}
.v4-drawer__x{width:34px;height:34px;border:0;border-radius:9px;background:var(--v4-bg);cursor:pointer;font-size:18px}
.v4-drawer__list{display:flex;flex-direction:column;gap:2px}
.v4 .v4-drawer__list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;color:var(--v4-ink);font-size:14px;font-weight:600}
.v4 .v4-drawer__list a:hover{background:var(--v4-bg);color:var(--v4-navy)}
.v4-drawer__list .ic{width:18px;height:18px;color:var(--v4-navy)}

/* the legacy rate board under the header, on the inner pages only */
.v4-legacy{max-width:1240px;margin:0 auto}

/* ================= responsive (layout only) ================= */
@media (max-width:1240px){
  .v4 .v4-cornerad{width:260px}
}
@media (max-width:900px){
  .v4-pls{grid-template-columns:minmax(0,1fr)}
  .v4-apps{right:20px}
  html[dir=ltr] .v4-apps{left:20px}
}
@media (max-width:768px){
  .v4-hdr__in{flex-wrap:wrap;gap:12px}
  .v4-search{order:5;flex:1 0 100%;max-width:none}
  .v4-boxes{grid-template-columns:minmax(0,1fr)}
  /* wide tables scroll inside their own card */
  .v4-tbl,.v4-fx__tbl,.v4-calw{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .v4-tbl>.v4-tr{min-width:600px;background:#fff}
  .v4-tbl>.v4-tr--h{background:#f7f8fa}
  /* the name column stays put while the rest scrolls */
  .v4-tbl .v4-tr__nm{position:sticky;right:0;z-index:1;background:inherit;align-self:stretch;margin:-8px 0;padding:8px 0;box-shadow:-6px 0 6px -6px rgba(20,24,36,.12)}
  html[dir=ltr] .v4-tbl .v4-tr__nm{right:auto;left:0;box-shadow:6px 0 6px -6px rgba(20,24,36,.12)}
  .v4-tbl>.v4-tr--h>span:first-child{position:sticky;right:0;z-index:1;background:inherit}
  html[dir=ltr] .v4-tbl>.v4-tr--h>span:first-child{right:auto;left:0}
  .v4-fx__tbl>.v4-fxr{min-width:520px}
  .v4-calw>.v4-cal{min-width:520px}
  .v4-fx__stats{gap:14px}
  .v4-menu--more,.v4-menu--lang,.v4-menu--bell{left:12px;right:auto}
  html[dir=ltr] .v4-menu--more,html[dir=ltr] .v4-menu--lang,html[dir=ltr] .v4-menu--bell{right:12px;left:auto}
  .v4-map iframe{height:400px}
  .v4-ad{padding:0 18px}
}
@media (max-width:600px){
  .v4-topad__in{flex-wrap:wrap;gap:8px 12px;padding:8px 16px;text-align:center}
  .v4-topad__t{font-size:14px}
  .v4 .v4-cornerad{display:flex;order:6;flex:1 0 100%;width:auto;margin:0}
  .v4-nav__in{flex-wrap:wrap;padding:6px 12px;gap:6px}
  .v4-nav__links{order:1;flex:1 1 calc(100% - 140px)}
  .v4-nav__side{order:2;flex:1 0 100%;justify-content:flex-end;flex-wrap:wrap;row-gap:2px}
  .v4-nav__date{margin-left:auto}
  html[dir=ltr] .v4-nav__date{margin-right:auto;margin-left:0}
  .v4-main{padding:16px 12px 56px;gap:18px}
  .v4-hdr__in,.v4-ticker__in{padding-left:12px;padding-right:12px}
  .v4-ftr__cols{grid-template-columns:1fr 1fr}
  .v4-ftr__brand{grid-column:1/-1}
  .v4 .v4-ad{height:auto;min-height:80px;padding:12px 16px;flex-wrap:wrap}
  .v4-ad__t{font-size:17px}
  .v4-cv{grid-template-columns:1fr auto 1fr}
  .v4-cv>.v4-lbl:first-child{grid-column:1/-1}
  .v4-ar{grid-template-columns:1fr 1fr 1fr}
  .v4-ar>.v4-lbl:first-child{grid-column:1/-1}
  .v4-ar>.v4-btn{grid-column:1/-1}
  .v4-map iframe{height:290px}
  .v4-hl__p{font-size:22px}
}
@media (max-width:480px){
  .v4-nav__date{order:-1;flex:1 0 100%;margin:0;text-align:start}
  .v4-hot{overflow-x:auto}
  .v4-hot>.v4-hot__row{min-width:360px}
  .v4-f3{grid-template-columns:1fr 1fr}
  .v4-f3>.v4-lbl:first-child{grid-column:1/-1}
  .v4-kpis{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:430px){
  .v4-sitems{grid-template-columns:1fr 1fr}
  .v4-logo__name{font-size:20px}
  .v4-logo img{width:40px;height:40px}
  .v4-hdr__in{gap:10px}
  .v4-ibtn{width:38px;height:38px}
  .v4-ibtn--apps{margin:0}
  .v4-map iframe{height:260px}
  .v4-fx__head{padding:14px 16px}
  .v4-totop{width:44px;height:44px;left:14px;bottom:14px}
  html[dir=ltr] .v4-totop{right:14px}
  .v4-apps{width:auto;left:12px;right:12px;grid-template-columns:repeat(3,1fr)}
}
@media (max-width:360px){
  .v4-logo__sub{display:none}
  .v4-hl__p{font-size:20px}
}

/* header menus are <details>: the panel shows only while open */
.v4-dd{flex:none}
.v4-dd>summary{list-style:none}
.v4-dd>summary::-webkit-details-marker{display:none}
.v4-nav__links .v4-dd{display:flex}
.v4-menu--lang .flag{flex:none;margin:0;width:20px!important;height:14px!important}
.v4 .v4-menu a[aria-current]{color:var(--v4-navy);font-weight:700}
.v4-ticker__in>.v4-sample{margin-right:auto}
.v4-ftr__col>summary{cursor:default;pointer-events:none;display:flex;align-items:center;justify-content:space-between}
.v4-inner-kpis{padding-top:16px;padding-bottom:4px}
@media (max-width:600px){.v4-inner-kpis{padding:12px 12px 0}}
/* digits at their own widths: tabular figures left wide gaps around the narrow «۱» and «۰» */
.v4,.v4 *{font-variant-numeric:normal}

/* home: the visible H1 and freshness line (SEO), in the design's heading style */
.v4-pagehead{display:flex;align-items:center;justify-content:space-between;gap:6px 16px;flex-wrap:wrap}
.v4 .v4-pagehead h1{margin:0;font-size:18px;font-weight:800;color:var(--v4-ink);line-height:1.5}
.v4-pagehead .c-updated{margin:0;font-size:12px;color:var(--v4-mut)}
.v4-about p{margin:0;font-size:13.5px;line-height:2;color:var(--v4-ink2)}
@media (max-width:600px){.v4 .v4-pagehead h1{font-size:16px}}

/* ================= inner pages in v4 (gold first: docs/design/gold-price-brief.md) ================= */
.v4-page .c-crumbs{margin:0;font-size:12px;color:var(--v4-mut)}
.v4-page .c-crumbs ol{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.v4-page .c-crumbs li+li::before{content:'›';margin-left:4px;color:var(--v4-mut2)}
html[dir=ltr] .v4-page .c-crumbs li+li::before{margin-left:0;margin-right:4px}
.v4-page .c-crumbs a{color:var(--v4-mut)}
.v4-page .c-crumbs [aria-current]{color:var(--v4-ink);font-weight:700}
.v4-page .v4-pagehead h1{font-size:22px}
.v4-page .v4-pagehead h1::before{content:'';display:inline-block;width:4px;height:22px;border-radius:2px;background:var(--v4-navy);vertical-align:-4px;margin-left:10px}
html[dir=ltr] .v4-page .v4-pagehead h1::before{margin-left:0;margin-right:10px}
.v4-page .c-stale{border-radius:10px}
.v4-lead{margin:0;font-size:14px;line-height:2;color:var(--v4-ink2)}

/* hero: one gram of 18K large, three cards beside it */
.v4-ghero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:14px}
.v4 a.v4-ghero__main{position:relative;overflow:hidden;border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;color:var(--v4-ink);min-height:240px}
.v4 a.v4-ghero__main:hover{color:var(--v4-ink)}
.v4-ghero__wm{position:absolute;left:30%;bottom:-30px;width:170px;height:170px;opacity:.12}
html[dir=ltr] .v4-ghero__wm{left:auto;right:30%}
.v4-ghero__head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px}
.v4-ghero__t{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800}
.v4-ghero__t .v4-box__ic{background:#fff}
.v4-ghero__tag{font-size:11.5px;color:var(--v4-mut);background:rgba(255,255,255,.75);border-radius:8px;padding:2px 10px}
.v4-ghero__price{position:relative;display:flex;align-items:baseline;gap:10px}
.v4-ghero__price b{font-size:44px;font-weight:800;line-height:1.1}
.v4-ghero__price small{font-size:14px;color:var(--v4-ink2)}
.v4-ghero__stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto}
.v4-ghero__stats>span{display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.75);border-radius:11px;padding:8px 12px}
.v4-ghero__stats small{font-size:11px;color:var(--v4-mut)}
.v4-ghero__stats b{font-size:14px;font-weight:800}
.v4-ghero__side{display:flex;flex-direction:column;gap:12px}
.v4 a.v4-ghero__card{flex:1;position:relative;overflow:hidden;border-radius:14px;padding:12px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;color:var(--v4-ink)}
.v4 a.v4-ghero__card:hover{color:var(--v4-ink)}
.v4-ghero__cn{display:flex;flex-direction:column;line-height:1.4}
.v4-ghero__cn b{font-size:13.5px;font-weight:700}
.v4-ghero__cp{font-size:21px;font-weight:800}
.v4-ghero__cn small{font-size:11px;color:var(--v4-mut)}
.v4-ghero__cc{display:flex;flex-direction:column;align-items:flex-end;line-height:1.5}
html[dir=ltr] .v4-ghero__cc{align-items:flex-start}
.v4-ghero__cc small{font-size:11px;color:var(--v4-mut)}
.v4-ghero__cc b{font-size:12.5px;font-weight:800}

/* tables with their own columns */
.v4-tbl--nochg>.v4-tr{grid-template-columns:minmax(0,1.55fr) 1.15fr 1fr 1fr 0.7fr 24px}
.v4-tbl--nolh>.v4-tr{grid-template-columns:minmax(0,1.55fr) 1.15fr 1.25fr 0.7fr 24px}
.v4-tbl--nochg.v4-tbl--nolh>.v4-tr{grid-template-columns:minmax(0,1.55fr) 1.15fr 0.7fr 24px}
.v4-tbl--gold>.v4-tr{grid-template-columns:minmax(0,1.5fr) 1.25fr 0.9fr 1.15fr 1fr 0.8fr 24px}
.v4-tbl--3>.v4-tr{grid-template-columns:minmax(0,1.4fr) 1.2fr 1fr 24px}
.v4-tbl--funds>.v4-tr{grid-template-columns:minmax(0,1.6fr) 1fr 0.9fr 1.1fr}
.v4-bubble{display:inline-block;padding:1px 8px;border-radius:7px;font-size:11.5px;font-weight:800;background:var(--v4-dnbg);color:var(--v4-dn)}
.v4-box__foot{padding:8px 16px 12px;margin:0}
.v4-note-box{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 16px;border-radius:12px;background:var(--v4-soft);font-size:13px;line-height:1.9;color:var(--v4-ink2)}
.v4-note-box .ic{width:18px;height:18px;color:var(--v4-navy);margin-top:4px}

/* gold ratios */
.v4-ratios{display:flex;flex-direction:column;gap:14px;min-width:0}
.v4-ratios__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v4-ratio{padding:14px;gap:6px}
.v4-ratio__nm{font-size:12.5px;font-weight:700}
.v4-ratio__v{display:flex;align-items:baseline;gap:8px}
.v4-ratio__v b{font-size:24px;font-weight:800}
.v4-ratio__v em{font-style:normal;font-size:12px;font-weight:700}
.v4-ratio small{font-size:11.5px;color:var(--v4-mut);line-height:1.7}

/* the gold calculator partial inside a v4 card */
.v4-gcalc .c-goldcalc{margin:0;padding:0;border:0;background:none;box-shadow:none}
.v4-gcalc .c-goldcalc h2{margin:0 0 10px;font-size:15px;font-weight:800;color:var(--v4-ink)}
.v4-gcalc .c-goldcalc__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v4-gcalc .c-field{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--v4-mut)}
.v4-gcalc .c-field label{font-size:11.5px;color:var(--v4-mut)}
.v4-gcalc .c-input,.v4-gcalc .c-select{height:40px;border:1px solid #e1e4eb;border-radius:9px;padding:0 10px;font-size:14px;font-weight:700;color:var(--v4-ink);background:#fff;width:100%}
.v4-gcalc .c-goldcalc__sum{width:100%;margin-top:12px;border-collapse:separate;border-spacing:0 6px}
.v4-gcalc .c-goldcalc__sum th,.v4-gcalc .c-goldcalc__sum td{background:#f7f8fa;padding:9px 12px;font-size:13px;font-weight:600;text-align:start}
.v4-gcalc .c-goldcalc__sum th{border-radius:0 10px 10px 0;color:var(--v4-mut)}
.v4-gcalc .c-goldcalc__sum td{border-radius:10px 0 0 10px;font-weight:800;text-align:end}
html[dir=ltr] .v4-gcalc .c-goldcalc__sum th{border-radius:10px 0 0 10px}
html[dir=ltr] .v4-gcalc .c-goldcalc__sum td{border-radius:0 10px 10px 0}
.v4-gcalc .c-goldcalc__sum tfoot th,.v4-gcalc .c-goldcalc__sum tfoot td{background:var(--v4-soft);color:var(--v4-navy);font-size:15px}
.v4-gcalc .c-goldcalc__sum .c-result{font-size:20px;font-weight:800}
.v4-gcalc .c-conv__note{margin:6px 0 0;font-size:11.5px;color:var(--v4-mut2)}
.v4 .v4-textlink{font-size:12.5px;font-weight:700}

/* FAQ */
.v4-faq{gap:0}
.v4-faq .v4-h2{margin-bottom:10px}
.v4-faq__i{border-top:1px solid var(--v4-line2)}
.v4-faq__i>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 2px;font-size:14px;font-weight:700;cursor:pointer;color:var(--v4-ink)}
.v4-faq__i>summary::-webkit-details-marker{display:none}
.v4-faq__i>summary .ic{width:16px;height:16px;color:var(--v4-mut);transition:transform .2s}
.v4-faq__i[open]>summary .ic{transform:rotate(180deg)}
.v4-faq__a{padding:0 2px 14px;font-size:13.5px;line-height:2;color:var(--v4-ink2)}
.v4-faq__a p{margin:0 0 6px}

@media (max-width:900px){
  .v4-ghero{grid-template-columns:minmax(0,1fr)}
  .v4-ghero__side{flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .v4 a.v4-ghero__card{flex:1 0 210px}
}
@media (max-width:768px){
  .v4-tbl--gold>.v4-tr{min-width:640px}
  .v4-tbl--funds>.v4-tr{min-width:480px}
}
@media (max-width:600px){
  .v4-page .v4-pagehead h1{font-size:18px}
  .v4-ghero__price b{font-size:34px}
  .v4 a.v4-ghero__main{min-height:0;padding:16px}
  .v4-ratios__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:430px){
  .v4-ghero__stats{grid-template-columns:1fr 1fr}
  .v4-ghero__stats>span:first-child{grid-column:1/-1}
  .v4-ghero__price b{font-size:30px}
  .v4-gcalc .c-goldcalc__grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  /* narrow tables fit the phone: only the wide ones scroll inside their card */
  .v4-tbl--3>.v4-tr{min-width:0}
}

/* ---------- single currency (pages/currency_single.php, docs/design/currency-brief.md) ---------- */
.v4-chero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}
.v4-chero__sell,.v4-chero__buy{position:relative;overflow:hidden;border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:12px;min-height:240px;color:var(--v4-ink)}
.v4-chero__buy{background:#eceef3}
.v4-chero__wm{position:absolute;left:28%;bottom:-30px;width:170px;height:170px;opacity:.12}
html[dir=ltr] .v4-chero__wm{left:auto;right:28%}
.v4-chero__head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px}
.v4 .v4-chero__t{display:flex;align-items:center;gap:10px;margin:0;font-size:17px;font-weight:800;color:var(--v4-ink)}
.v4-chero__t .v4-box__ic{background:#fff}
.v4-chero__tag{font-size:11.5px;color:var(--v4-mut);background:rgba(255,255,255,.8);border-radius:8px;padding:2px 10px;white-space:nowrap}
.v4-chero__share{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:9px;background:rgba(255,255,255,.85);padding:6px 12px;font:inherit;font-size:12px;font-weight:700;color:var(--v4-navy);cursor:pointer}
.v4-chero__share .ic{width:15px;height:15px}
.v4 .v4-chero__price{position:relative;display:flex;align-items:baseline;gap:10px;margin:0}
.v4-chero__price b{font-size:46px;font-weight:800;line-height:1.1}
.v4-chero__price--buy b{font-size:38px}
.v4-chero__price small{font-size:14px;color:var(--v4-ink2)}
.v4 .v4-chero__chg{position:relative;margin:0;font-size:13px;color:var(--v4-ink2)}
.v4-chero__chg b{font-weight:800}
.v4-chero__stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto}
.v4-chero__stats--2{grid-template-columns:repeat(2,1fr)}
.v4-chero__stats>span{display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.78);border-radius:11px;padding:8px 12px;min-width:0}
.v4-chero__stats small{font-size:11px;color:var(--v4-mut)}
.v4-chero__stats b{font-size:14px;font-weight:800}

.v4-cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.v4-cgrid--wide{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.v4-cgrid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.v4-cpad{padding:14px 16px 10px}
.v4-card--flush>.v4-note.v4-cpad{padding:10px 16px 12px}
.v4-chead{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap}
.v4-range{display:flex;gap:2px;background:#f3f4f7;border-radius:10px;padding:3px}
.v4-range label{padding:4px 11px;border-radius:8px;font-size:12px;font-weight:700;color:var(--v4-mut);cursor:pointer;white-space:nowrap}
.v4-range input:checked+label{background:#fff;color:var(--v4-navy);box-shadow:0 1px 2px rgba(16,25,132,.12)}
.v4-range input:focus-visible+label{outline:2px solid var(--v4-navy);outline-offset:1px}
.v4-cchart{position:relative;height:240px}
.v4 .v4-ctext{margin:0;font-size:13.5px;line-height:2;color:var(--v4-ink2)}
.v4-ctbl{width:100%;border-collapse:collapse;font-size:13.5px}
.v4-ctbl th,.v4-ctbl td{padding:10px 16px;text-align:start;border-bottom:1px solid var(--v4-line3)}
.v4-ctbl thead th{padding:7px 16px;background:#f7f8fa;border-top:1px solid var(--v4-line2);border-bottom:1px solid var(--v4-line2);font-size:11.5px;font-weight:400;color:var(--v4-mut)}
.v4-ctbl tbody th{font-weight:700;color:var(--v4-ink)}
.v4-ctbl td{font-weight:800}
.v4-ctbl tbody tr:last-child>*{border-bottom:0}
.v4-ctbl tr.is-cur{background:var(--v4-soft)}
.v4-ctbl a{color:var(--v4-navy)}
.v4-pill{display:inline-block;padding:2px 8px;border-radius:7px;font-size:12px;font-weight:800}
.v4-pill.v4-up{background:var(--v4-upbg)}.v4-pill.v4-dn{background:var(--v4-dnbg)}.v4-pill.v4-nc{background:#f3f4f7}
.v4-ccalc{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v4 .v4-cres{margin:0;padding:12px 16px;border-radius:11px;background:var(--v4-soft);color:var(--v4-navy);font-size:14px;font-weight:800;line-height:1.8}
.v4 .v4-card h3.v4-h3{margin:2px 0 0;font-size:14px;font-weight:800;color:var(--v4-ink)}
.v4-cnotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin:0;padding:0;list-style:none}
.v4-cnotes li{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border:1px solid var(--v4-line);border-radius:10px}
.v4-cnotes b{font-size:13px;font-weight:800;color:var(--v4-navy)}
.v4-cnotes span{font-size:12px;font-weight:700;color:var(--v4-ink2)}
.v4-cstats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v4-cstats b{font-size:13.5px}
.v4-card>.v4-note{font-size:12.5px;line-height:1.9;color:var(--v4-ink2);margin:0}
.v4 a.v4-cbtn{align-self:flex-start;padding:7px 16px;border:1.5px solid var(--v4-navy);border-radius:9px;font-size:13px;font-weight:800;color:var(--v4-navy)}
.v4 a.v4-cbtn:hover{background:var(--v4-soft)}
.v4-cfacts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.v4-cfacts dt{font-size:11px;color:var(--v4-mut)}
.v4-cfacts dd{margin:0;font-size:13.5px;font-weight:800;color:var(--v4-ink);overflow-wrap:anywhere}
.v4-cfacts a{color:var(--v4-navy)}
.v4-cpics{display:flex;flex-wrap:wrap;gap:8px}
.v4-cpics img{width:auto;height:58px;border-radius:6px;cursor:zoom-in;box-shadow:0 0 0 1px var(--v4-line)}
.v4-cedit{font-size:13.5px;line-height:2;color:var(--v4-ink2)}
.v4-cedit p{margin:0 0 10px}.v4-cedit p:last-child{margin:0}
.v4-clinks{margin:0;padding:0;list-style:none}
.v4-clinks li+li{border-top:1px solid var(--v4-line3)}
.v4 .v4-clinks a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 16px;font-size:13.5px;font-weight:700;color:var(--v4-ink)}
.v4 .v4-clinks a:hover{background:var(--v4-soft);color:var(--v4-navy)}
.v4-clinks .ic{width:16px;height:16px;color:var(--v4-mut)}
html[dir=ltr] .v4-clinks .ic{transform:scaleX(-1)}
.v4-cx{display:flex;flex-direction:column;gap:14px}
.v4-cx__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.v4-cx__i{padding:12px 14px;gap:8px}
.v4 .v4-cx__i h3{margin:0;font-size:13px;font-weight:700}
.v4 .v4-cx__i h3 a{color:var(--v4-ink)}
.v4 .v4-cx__i p{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:0}
.v4 a.v4-cx__code{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--v4-mut)}
.v4-cx__i b{font-size:17px;font-weight:800;color:var(--v4-ink)}

@media (max-width:1100px){
  .v4-cx__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .v4-chero,.v4-cgrid,.v4-cgrid--wide,.v4-cgrid--3{grid-template-columns:minmax(0,1fr)}
  .v4-chero__sell,.v4-chero__buy{min-height:0}
}
@media (max-width:600px){
  .v4-chero__sell,.v4-chero__buy{padding:16px}
  .v4-chero__price b{font-size:36px}
  .v4-chero__price--buy b{font-size:30px}
  .v4-cx__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v4-cchart{height:210px}
  .v4-ctbl th,.v4-ctbl td{padding:9px 12px}
}
@media (max-width:430px){
  .v4-chero__stats{grid-template-columns:1fr 1fr}
  .v4-chero__stats>span:first-child{grid-column:1/-1}
  .v4-chero__stats--2>span:first-child{grid-column:auto}
  .v4-chero__price b{font-size:31px}
  .v4-chero__share span:last-child{display:none}
  .v4-ccalc{grid-template-columns:1fr}
  .v4-range label{padding:4px 8px}
}

/* ---------- currency list (pages/currencies_price.php, docs/design/currencies-brief.md) ---------- */
.v4-lhero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}
.v4 a.v4-lhero__usd{color:var(--v4-ink)}
.v4 a.v4-lhero__usd:hover{color:var(--v4-ink);box-shadow:0 6px 18px rgba(20,24,36,.08)}
.v4-lhero__side{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.v4-lhero__side li{flex:1;display:flex}
.v4 a.v4-lmini{flex:1;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 12px;padding:12px 16px;border-radius:14px;color:var(--v4-ink)}
.v4 a.v4-lmini:hover{color:var(--v4-ink);box-shadow:0 6px 18px rgba(20,24,36,.08)}
.v4-lmini__nm{display:flex;align-items:center;gap:8px;font-size:13.5px}
.v4-lmini__p{grid-row:2;display:flex;flex-direction:column}
.v4-lmini__p b{font-size:24px;font-weight:800;line-height:1.2}
.v4-lmini__p small,.v4-lmini__c small{font-size:11px;color:var(--v4-mut)}
.v4-lmini__c{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.v4-lmini__c b{font-size:13px;font-weight:800}
.v4 .v4-lintro{margin:0;font-size:14px;line-height:2;color:var(--v4-ink2)}
.v4-lgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.v4-lside{display:flex;flex-direction:column;gap:16px;position:sticky;top:64px}
.v4-lmain{gap:0;overflow:hidden}
.v4-lfilter{display:flex;align-items:center;gap:8px;margin:14px 16px 4px;padding:0 12px;height:40px;border:1px solid #e1e4eb;border-radius:10px;background:var(--v4-bg)}
.v4-lfilter .ic{width:16px;height:16px;color:var(--v4-mut2)}
.v4 .v4-lfilter input{flex:1;min-width:0;height:auto;padding:0;border:0;box-shadow:none;background:transparent;outline:none;font:inherit;font-size:13.5px;color:var(--v4-ink)}
.v4-lfilter .c-filter__empty{margin:0;white-space:nowrap}
.v4-ltbl+.v4-ltbl{border-top:6px solid var(--v4-bg)}
.v4-ltbl__head{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;padding:14px 16px 10px}
.v4-ltbl__sub{font-size:12px;color:var(--v4-mut)}
.v4-ltbl__scroll{position:relative;overflow-x:auto}
.v4-ltbl__t td,.v4-ltbl__t th{white-space:nowrap}
.v4-ltbl__t tbody tr:hover{background:#fafbfc}
.v4 a.v4-ltbl__nm{display:flex;align-items:center;gap:10px;color:var(--v4-ink)}
.v4-ltbl__nm span{display:flex;flex-direction:column;line-height:1.3}
.v4-ltbl__nm small{font-size:10.5px;font-weight:400;color:var(--v4-mut2)}
.v4-ltbl__t td b{font-size:14.5px;font-weight:800}
.v4-ltbl__buy,.v4-ltbl__usd{color:var(--v4-ink2)}
.v4-ltbl__t .v4-ltbl__buy,.v4-ltbl__t .v4-ltbl__usd{font-weight:600}
.v4-ltbl__go{width:28px}
.v4-ltbl__go .ic{width:16px;height:16px;color:var(--v4-mut2)}
html[dir=ltr] .v4-ltbl__go .ic{transform:scaleX(-1)}
.v4-lside .v4-ccalc{grid-template-columns:1fr 1.3fr}

@media (max-width:1100px){
  .v4-lgrid{grid-template-columns:minmax(0,1fr) 300px}
}
@media (max-width:900px){
  .v4-lhero,.v4-lgrid{grid-template-columns:minmax(0,1fr)}
  .v4-lhero__side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .v4-lside{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
}
@media (max-width:600px){
  .v4-lhero__side{grid-template-columns:minmax(0,1fr)}
  .v4-ltbl__opt{display:none}
  .v4-ltbl__t th,.v4-ltbl__t td{padding:9px 10px}
  .v4-lmini__p b{font-size:21px}
}
@media (max-width:430px){
  .v4-lhero .v4-chero__tag{display:none}
}

/* ---------- price archive (pages/currency_archive.php, docs/design/archive-brief.md) ---------- */
.v4-lintro p{margin:0 0 4px;font-size:14px;line-height:2;color:var(--v4-ink2)}
.v4-astats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v4-astat{gap:4px;padding:14px 16px}
.v4-astat small{font-size:12px;color:var(--v4-mut)}
.v4-astat b{font-size:24px;font-weight:800;line-height:1.3;color:var(--v4-ink)}
.v4-astat b a{color:inherit}
.v4-astat span{font-size:11.5px;color:var(--v4-mut)}
.v4-astat--now{background:oklch(0.93 0.06 160);border-color:transparent}
.v4-achart{height:320px}
.v4 .v4-ayear th a{color:var(--v4-navy);font-weight:800}
.v4-ayear tr:target{background:var(--v4-soft)}
.v4 .v4-amore{align-self:center;margin:10px auto 14px;padding:6px 16px;border:1.5px solid var(--v4-navy);border-radius:9px;background:#fff;font:inherit;font-size:13px;font-weight:800;color:var(--v4-navy);cursor:pointer}
.v4 .v4-amore:hover{background:var(--v4-soft)}
.v4-aday{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}
.v4-aday .v4-btn{height:38px;white-space:nowrap}
.v4-aday__t time{display:flex;flex-direction:column;line-height:1.35}
.v4-aday__t time small{font-size:10.5px;font-weight:400;color:var(--v4-mut2)}
.v4-apager{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--v4-line3);font-size:13px;color:var(--v4-mut)}
.v4 .v4-apager a{padding:6px 14px;border:1.5px solid var(--v4-navy);border-radius:9px;font-weight:800;color:var(--v4-navy)}
.v4 .v4-apager a:hover{background:var(--v4-soft)}

@media (max-width:900px){
  .v4-astats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .v4-achart{height:240px}
  .v4-astat b{font-size:19px}
  .v4-aday{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v4-aday .v4-btn{grid-column:1/-1}
}

/* ---------- exchange pair + hub (pages/exchange_rate.php, exchange_hub.php, docs/design/exchange-brief.md) ---------- */
.v4-xhero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}
.v4-xhero__pair{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9px;background:rgba(255,255,255,.85);font-size:13px;font-weight:800}
.v4 .v4-xhero__rate{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0}
.v4-xhero__rate span{font-size:18px;font-weight:700}
.v4-xhero__rate b{font-size:46px;font-weight:800;line-height:1.1}
.v4-xhero__rate small{font-size:16px;font-weight:700;color:var(--v4-ink2)}
/* the hub's converter (partials/ui/pair-conv.php) as a v4 card: stacked, navy result */
.v4-xconv{gap:10px}
body.ui2 .v4-xconv .c-conv__title{margin:0 0 8px;font-size:18px;font-weight:800;color:var(--v4-ink)}
body.ui2 .v4-xconv .c-conv--bar{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
body.ui2 .v4-xconv .c-conv--bar .c-conv__bar{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);grid-template-areas:"amt amt amt" "from swap to" "res res res" "go go go";gap:10px}
body.ui2 .v4-xconv .c-conv__seg{min-block-size:56px;padding:6px 12px;border:1px solid #e1e4eb;border-radius:11px;background:#fff}
body.ui2 .v4-xconv .c-conv__seg label{font-size:11.5px;color:var(--v4-mut)}
body.ui2 .v4-xconv .c-conv__amt::after{content:none}
body.ui2 .v4-xconv .c-conv--bar .c-conv__amt input{font-size:20px;font-weight:800;color:var(--v4-ink)}
body.ui2 .v4-xconv .c-conv--bar .c-conv__sel select{font-size:14px;font-weight:700;color:var(--v4-ink)}
body.ui2 .v4-xconv .c-conv__swap{inline-size:40px;block-size:40px;border-color:#e1e4eb;color:var(--v4-navy)}
body.ui2 .v4-xconv .c-conv__swap:hover{background:var(--v4-navy);border-color:var(--v4-navy);color:#fff}
body.ui2 .v4-xconv .c-conv--bar .c-conv__res{margin:0;padding:12px 16px;border-radius:11px;background:var(--v4-navy);color:#fff}
body.ui2 .v4-xconv .c-conv--bar .c-conv__res :is(output span,.c-conv__meta){color:rgba(255,255,255,.75)}
body.ui2 .v4-xconv .c-conv__cta[hidden],body.ui2 .v4-xconv+.c-conv__cta[hidden]{display:none}
body.ui2 .v4-xconv .c-conv__res b{font-size:24px;font-weight:800}
body.ui2 .v4-xconv .c-conv--bar .c-conv__go{margin:0;border-radius:9px}
body.ui2 .v4-xconv .c-conv__cta,body.ui2 .v4-xconv+.c-conv__cta{align-self:flex-start;margin:0;padding:7px 16px;border:1.5px solid var(--v4-navy);border-radius:9px;background:#fff;font-size:13px;font-weight:800;color:var(--v4-navy)!important}
/* .c-btn (ui.css) forces white text with !important; this outline button keeps navy, and fills navy on hover */
body.ui2 .v4-xconv .c-conv__cta:hover,body.ui2 .v4-xconv+.c-conv__cta:hover{background:var(--v4-navy);color:#fff!important}
@media (min-width:900px){
  body.ui2 .v4-xconv--wide .c-conv--bar .c-conv__bar{grid-template-columns:10rem minmax(0,1fr) 44px minmax(0,1fr) minmax(0,1.6fr) auto;grid-template-areas:"amt from swap to res go"}
}
.v4-xtables{display:flex;flex-direction:column;gap:14px}
.v4 .v4-xtables__h{display:flex;align-items:center;gap:8px;margin:0;padding:14px 16px 10px;font-size:15px;font-weight:800;color:var(--v4-ink)}
.v4-xcur__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.v4 .v4-xcur h2{margin:0;font-size:17px;font-weight:800}
.v4 .v4-xcur h2 a{display:flex;align-items:center;gap:8px;color:var(--v4-ink)}
.v4 .v4-xcur__head p{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.v4-xcur__head b{font-size:22px;font-weight:800}
.v4-xcur__head small,.v4-xcur__head span{font-size:11.5px;color:var(--v4-mut)}
.v4-xguide__list{margin:0;padding-inline-start:20px;font-size:13.5px;line-height:2;color:var(--v4-ink2)}
.v4-xrel{display:flex;flex-direction:column;gap:1px}
.v4-xrel small{font-size:11.5px;font-weight:400;color:var(--v4-mut)}
.v4-xpairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin:0;padding:0;list-style:none}
.v4 .v4-xpairs a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--v4-line);border-radius:11px;font-size:13px;font-weight:700;color:var(--v4-ink)}
.v4 .v4-xpairs a:hover{background:var(--v4-soft)}
.v4-xpairs span{display:flex;align-items:center;gap:8px;min-width:0}
.v4-xpairs b{flex:none;font-weight:800;color:var(--v4-navy)}

@media (max-width:900px){
  .v4-xhero{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .v4-xhero__rate b{font-size:34px}
  .v4-xhero__rate span{font-size:15px}
}

/* ---------- gold item (pages/gold_single.php, docs/design/gold-single-brief.md) ---------- */
.v4-chero__stats--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v4-gbub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
.v4-gbub__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.v4-gbub__now{background:var(--v4-soft)}
.v4-gbub__now dd{font-size:18px;color:var(--v4-navy)}
.v4-gbub__chart{display:flex;flex-direction:column;gap:8px}
.v4-gbub__chart .v4-cchart{height:200px}
.v4-docsecs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:stretch}
.v4-docsecs:empty{display:none}
.v4-docsec .v4-ltbl__scroll{margin:0 -18px}
.v4-docsec .c-xunit{font-size:11px;font-weight:400;color:var(--v4-mut)}
.v4 .c-up{color:var(--v4-up)}.v4 .c-down{color:var(--v4-dn)}
.v4-gabout .v4-cedit h2{margin:0 0 10px;font-size:18px;font-weight:800;color:var(--v4-ink)}
.v4-gabout .v4-cedit h3{margin:16px 0 6px;font-size:15px;font-weight:800;color:var(--v4-ink)}
.v4-gabout .v4-cedit ul{margin:0 0 10px;padding-inline-start:20px}

@media (max-width:1100px){
  .v4-chero__stats--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .v4-gbub{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:430px){
  .v4-chero__stats--4>span:first-child{grid-column:auto}
}
.v4-gpre{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--v4-mut)}
.v4 .v4-gpre button{padding:4px 12px;border:1px solid var(--v4-line);border-radius:8px;background:#fff;font:inherit;font-size:12.5px;font-weight:700;color:var(--v4-navy);cursor:pointer}
.v4 .v4-gpre button:hover{background:var(--v4-soft)}
.v4-gcalc--page .c-goldcalc h2{font-size:18px}
.v4-gsteps{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.9;color:var(--v4-ink2)}

/* ---------- crypto list + coin (pages/crypto_price.php, crypto_single.php, docs/design/crypto-brief.md) ---------- */
.v4-coin{flex:none;width:24px;height:24px;border-radius:50%;background:#f3f4f7}
.v4-lmini__nm img{border-radius:50%}
.v4-chero__t .v4-box__ic img{border-radius:50%}
.v4-ltbl__spark svg{display:block;width:80px;height:26px}
.v4-fng__now{display:flex;align-items:baseline;gap:10px;margin:0}
.v4-fng__now b{font-size:32px;font-weight:800;line-height:1}
.v4-fng__lbl{padding:2px 10px;border-radius:8px;font-size:12.5px;font-weight:800;background:#f3f4f7}
.v4-fng--extreme-fear,.v4-fng--fear{background:var(--v4-dnbg);color:var(--v4-dn)}
.v4-fng--greed,.v4-fng--extreme-greed{background:var(--v4-upbg);color:var(--v4-up)}
.v4-fng__bar{position:relative;height:8px;border-radius:4px;background:linear-gradient(to left,oklch(0.6 0.19 25),oklch(0.8 0.15 85),oklch(0.6 0.14 155))}
html[dir=ltr] .v4-fng__bar{background:linear-gradient(to right,oklch(0.6 0.19 25),oklch(0.8 0.15 85),oklch(0.6 0.14 155))}
.v4-fng__bar span{position:absolute;top:-4px;width:4px;height:16px;margin-inline-start:-2px;border-radius:2px;background:var(--v4-ink)}
.v4-crefs{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.v4 .v4-crefs a{padding:4px 12px;border:1px solid var(--v4-line);border-radius:8px;font-size:12.5px;font-weight:700}

/* ---------- markets (pages/markets_hub.php, markets_category.php, market_single.php, docs/design/markets-brief.md) ---------- */
.v4-mchips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.v4-mchips::-webkit-scrollbar{display:none}
.v4 .v4-mchips a{flex:none;padding:6px 14px;border:1px solid var(--v4-line);border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:var(--v4-ink2)}
.v4 .v4-mchips a:hover{color:var(--v4-navy);border-color:var(--v4-navy)}
.v4 .v4-mchips a[aria-current]{background:var(--v4-navy);border-color:var(--v4-navy);color:#fff}
.v4-mkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;margin:0;padding:0;list-style:none}
.v4-mkpis--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.v4 a.v4-mkpi{gap:6px;padding:12px 14px;color:var(--v4-ink);height:100%}
.v4 a.v4-mkpi:hover{border-color:var(--v4-navy)}
.v4-mkpi__nm{font-size:12.5px;font-weight:700;color:var(--v4-mut)}
.v4-mkpi b{font-size:20px;font-weight:800;line-height:1.25}
.v4-mkpi b small{font-size:11.5px;font-weight:400;color:var(--v4-mut)}
.v4-mkpi__row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.v4-mkpi__row svg{width:80px;height:26px}
.v4-mtbl__ct,.v4-mtbl__u{font-size:11px;font-weight:400;color:var(--v4-mut)}
.v4-mtbl__ct{display:block}
.v4-mst{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--v4-mut)}
.v4-mst::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--v4-mut2)}
.v4-mst--open{color:var(--v4-up)}.v4-mst--open::before{background:var(--v4-up)}
.v4 .v4-mtags{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin:0}
.v4-mtags:empty{display:none}
.v4-mtags span{padding:2px 10px;border-radius:8px;background:rgba(255,255,255,.8);font-size:11.5px;color:var(--v4-ink2)}
.v4-page .c-stock{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;padding:0;max-width:none}
.v4-page .c-stock .c-panel{background:#fff;border:1px solid var(--v4-line);border-radius:14px;padding:16px 18px;box-shadow:none}
.v4-page .c-stock h2{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--v4-ink)}

/* ---------- sample pages, 404 ---------- */
.v4-sample{display:inline-block;vertical-align:middle;padding:1px 8px;border-radius:7px;background:oklch(0.95 0.06 85);color:oklch(0.45 0.1 70);font-size:11.5px;font-weight:800}
.v4 .v4-samplebar{margin:0;padding:10px 14px;border:1px dashed oklch(0.8 0.1 85);border-radius:11px;background:oklch(0.98 0.03 85);font-size:13px;line-height:1.9;color:var(--v4-ink2)}
.v4-sample-hero{min-height:0}
.v4-404{align-items:center;text-align:center;gap:14px;padding:40px 24px;max-width:760px;margin:20px auto 0;width:100%}
.v4-404__code{font-size:64px;font-weight:800;line-height:1;color:var(--v4-navy)}
.v4 .v4-404 h1{margin:0;font-size:22px;font-weight:800;color:var(--v4-ink)}
.v4-404__act{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.v4-404 .v4-xpairs{width:100%;text-align:start}

/* ---------- static pages (StaticPage: support, media, guides) in the v4 frame ---------- */
.v4-static__body{max-width:960px;width:100%;margin:0 auto;padding:24px 28px;font-size:14.5px;line-height:2;color:var(--v4-ink2)}
.v4-static__body .container,.v4-static__body section{max-width:none!important;padding:0;margin:0}
.v4 .v4-static__body h1{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--v4-ink);text-align:start}
.v4 .v4-static__body h2{margin:22px 0 6px;font-size:17px;font-weight:800;color:var(--v4-ink)}
.v4 .v4-static__body h3{margin:16px 0 4px;font-size:15px;font-weight:800;color:var(--v4-ink)}
.v4-static__body p{margin:0 0 10px}
.v4-static__body .text-center{text-align:start}
.v4-static__body .text-muted{color:var(--v4-mut);font-size:12.5px}
.v4-static__body table{width:100%;border-collapse:collapse;font-size:13.5px;margin:8px 0;background:#fff;color:var(--v4-ink)}
.v4-static__body th,.v4-static__body td{padding:9px 12px;border-bottom:1px solid var(--v4-line3);text-align:start}
.v4-static__body thead th{background:#f7f8fa;color:var(--v4-mut);font-weight:400;font-size:12px}
.v4-static__body .table-dark,.v4-static__body .bg-dark{background:#f7f8fa!important;color:var(--v4-ink)!important}
.v4-static__body .text-white{color:inherit!important}
.v4-static__body .code-box,.v4-static__body pre{direction:ltr;text-align:left;background:#0f1424;color:#e6e8ee;border-radius:11px;padding:12px 14px;font-size:12.5px;overflow-x:auto}
.v4 .v4-static__body .btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:0;border-radius:9px;background:var(--v4-navy);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.v4-static__body img{max-width:100%;height:auto}
.v4-static__body input,.v4-static__body select,.v4-static__body textarea{height:38px;border:1px solid #e1e4eb;border-radius:9px;padding:0 10px;font:inherit;font-size:14px}
@media (max-width:600px){.v4-static__body{padding:18px 16px}}
.v4-static__body .codeContainer,.v4-static__body .mediaContainer{width:auto!important;max-width:100%;overflow-x:auto;box-sizing:border-box}

/* ── Ads v3 side and native units in the v4 pages ─────────────────────────────────────────── */
/* side: a sticky 300px column beside the FAQ (or inside an existing side column) from 1200px;
   ads.css hides .adSlot-side below that, so .v4-withside is then a plain block */
.v4-colstack{display:flex;flex-direction:column;gap:16px;min-width:0}
.v4-withside{min-width:0}
@media (min-width:1200px){
  .v4-withside:has(> .adSlot-side){display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
  .v4-page .adSlot-side{position:sticky;top:72px}
}
.v4-page .adSlot-side .adLink{border-radius:14px;overflow:hidden}
/* native: one sponsored row in a v4 table, or a block between cards */
.v4-ctbl tr.c-native td{padding:6px 10px!important;background:#f7f8fa!important;border-bottom:1px solid var(--v4-line3)}
.v4-ctbl tr.c-native .c-native__link{padding:2px 0}
.v4-page .c-native--block{margin:0;border:1px solid var(--v4-line2);border-radius:16px;background:#fff;padding:8px 12px}
.v4-tbl .c-native--block{margin:6px 0;border-radius:12px;background:#f7f8fa}
.v4-page .c-native__text{color:var(--v4-ink,#14182b)}
.v4-page .adSlot-rect{position:sticky;top:72px}
.v4-page .adSlot-rect .adLink{border-radius:14px;overflow:hidden;margin-inline:auto}
/* cards in a row share its height (no empty strip under the shorter one); the FAQ keeps its own
   height, and a column stack (cards + an ad unit) stretches so its unit can stay sticky */
.v4-cgrid > .v4-faq{align-self:start}
/* and, while the grid has two columns, the FAQ follows the scroll down beside a taller column (the related links and the side ad on the archive pages) instead of leaving it empty */
@media (min-width:901px){.v4-cgrid > .v4-faq{position:sticky;top:64px}}
/* the gold list's paired boxes share a row height too (the home keeps the design's own boxes) */
.v4-boxes--eq{align-items:stretch}
.v4-boxes--eq > .v4-box{align-items:stretch}
.v4-boxes--eq > .v4-ratios > :last-child{flex:1}
.v4-boxes--eq > .v4-faq{align-self:start}

/* ---------- /commodity-exchange (docs/design/commodity-exchange-brief.md) ---------- */
.v4-imefresh{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;font-size:12px;color:var(--v4-mut)}
.v4-imefresh b{color:var(--v4-ink2);font-weight:700}
.v4-isec{display:flex;flex-direction:column;gap:12px}
.v4-ih2__ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--v4-soft);color:var(--v4-navy)}
.v4-ih2__ic .ic{width:16px;height:16px}
.v4-ih2 h2 a{color:inherit}
.v4-ikpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;margin:0;padding:0;list-style:none}
.v4-ikpi{flex-direction:row;align-items:center;gap:12px;padding:14px 16px}
.v4-ikpi__ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--v4-soft);color:var(--v4-navy)}
.v4-ikpi__ic .ic{width:20px;height:20px}
.v4-ikpi__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.v4-ikpi__t>small{font-size:12px;color:var(--v4-mut)}
.v4-ikpi__t b{font-size:19px;font-weight:800;line-height:1.3}
.v4-ikpi__t b small{font-size:11.5px;font-weight:400;color:var(--v4-mut)}
.v4-ikpi__t .v4-ikpi__d{font-size:10.5px;color:var(--v4-mut2)}
.v4-icards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:10px;margin:0;padding:0;list-style:none}
.v4-icards--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.v4 a.v4-icard{gap:6px;padding:14px;color:var(--v4-ink);height:100%}
.v4 a.v4-icard:hover{border-color:var(--v4-navy)}
.v4-icard__top{display:flex;flex-direction:column;gap:1px}
.v4-icard__top b{font-size:14px;font-weight:800}
.v4-icard__top small,.v4-icard__lbl{font-size:11px;color:var(--v4-mut2)}
.v4-icard__p{font-size:21px;font-weight:800;line-height:1.25}
.v4-icard__p small{font-size:11px;font-weight:400;color:var(--v4-mut)}
.v4-icard__sub{font-size:11px;color:var(--v4-ink2)}
.v4-icard__row{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto}
.v4-icard__row>span{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.v4-icard__row>span small{font-size:10px;color:var(--v4-mut2)}
.v4-icard__row svg{width:80px;height:28px;color:var(--v4-mut2)}
.v4-itbl a.v4-itbl__nm{color:var(--v4-ink);font-weight:700}
.v4-itbl a.v4-itbl__nm:hover{color:var(--v4-navy)}
.v4-itbl__prod{font-weight:600;color:var(--v4-ink2)}
.v4-itbl td,.v4-itbl th{vertical-align:middle}
.v4-itbl td b{font-size:14.5px}
.v4-itbl__u{font-size:10.5px;font-weight:400;color:var(--v4-mut)}
.v4-itbl__sub{display:block;font-size:10.5px;font-weight:400;color:var(--v4-mut2)}
.v4-itbl__date{font-weight:600;color:var(--v4-mut)}
.v4-itbl tfoot th,.v4-itbl tfoot td{background:var(--v4-soft);font-weight:800;color:var(--v4-navy)}
.v4-iratio{display:inline-flex;flex-direction:column;gap:4px;min-width:64px}
.v4-iratio b{font-size:13px;font-weight:800}
.v4-iratio__bar{display:block;height:5px;border-radius:3px;background:#eef0f4;overflow:hidden}
.v4-iratio__bar i{display:block;height:100%;border-radius:3px;background:var(--v4-up)}
.v4-ihot{margin:0;padding:0;list-style:none}
.v4-ihot li+li{border-top:1px solid var(--v4-line3)}
.v4-ihot a{display:flex;align-items:center;gap:12px;padding:11px 16px;color:var(--v4-ink)}
.v4-ihot a:hover{background:#f7f8fb}
.v4-ihot__n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--v4-soft);color:var(--v4-navy);font-size:12px;font-weight:800}
.v4-ihot__t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.v4-ihot__t b{font-size:13.5px}
.v4-ihot__t small{font-size:11px;color:var(--v4-mut2)}
.v4-ihot .v4-iratio{min-width:90px}
.v4-ifilters{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:8px;padding:0 16px 12px}
.v4-ifilters__q{position:relative;display:block}
.v4-ifilters__q .ic{position:absolute;top:50%;right:10px;width:15px;height:15px;margin-top:-7.5px;color:var(--v4-mut2)}
.v4-ifilters__q .v4-in{padding-right:32px}
.v4-ihero__lbl{position:relative;font-size:12px;color:var(--v4-ink2);margin-bottom:-8px}
.v4-ihero__stats{grid-template-columns:repeat(3,1fr)}
.v4-ihero__ratio{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;background:rgba(255,255,255,.78);border-radius:11px;padding:8px 12px}
.v4-ihero__ratio>span:first-child{display:flex;align-items:baseline;gap:8px}
.v4-ihero__ratio small{font-size:11px;color:var(--v4-mut)}
.v4-ihero__ratio b{font-size:15px;font-weight:800}
.v4-ihero__ratio>small{grid-column:1/-1}
.v4-ihero__bar{position:relative;display:block;height:8px;border-radius:4px;background:#e3e6ee;overflow:hidden}
.v4-ihero__bar i{display:block;height:100%;background:var(--v4-up)}
.v4-ihero__bar em{position:absolute;top:0;bottom:0;right:33.3%;width:2px;background:#fff}
.v4-ilegend{display:flex;gap:14px;flex-wrap:wrap;margin:0;font-size:11.5px;color:var(--v4-mut)}
.v4-ilegend span{display:inline-flex;align-items:center;gap:6px}
.v4-ilegend i{display:inline-block;width:16px;height:3px;border-radius:2px}
.v4-ilegend--p{background:var(--v4-navy)}
.v4-ilegend--b{background:repeating-linear-gradient(90deg,#8a91a2 0 5px,transparent 5px 8px)}
.v4-ilegend--r{height:8px!important;background:rgba(22,163,122,.35)}
.v4-iprose{margin:0;font-size:13.5px;line-height:2.05;color:var(--v4-ink2)}
.v4-ih3{margin:6px 0 0;font-size:15px;font-weight:800;color:var(--v4-ink)}
.v4-ifacts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px}
.v4-ifacts div{background:#f7f8fa;border-radius:10px;padding:8px 12px}
.v4-ifacts dt{font-size:11px;color:var(--v4-mut)}
.v4-ifacts dd{margin:2px 0 0;font-size:13px;font-weight:700;color:var(--v4-ink);line-height:1.8}
.v4-ilist{margin:0;padding-right:18px;font-size:13.5px;line-height:2;color:var(--v4-ink2)}
.v4-icalc__u{align-self:end;justify-content:center}
@media (max-width:768px){
  .v4-ifilters{grid-template-columns:1fr 1fr}
  .v4-ifilters__q{grid-column:1/-1}
  .v4-ihero__stats{grid-template-columns:1fr 1fr}
  .v4-ihero__stats>span:first-child{grid-column:auto}
}
@media (max-width:600px){
  .v4-ikpis{grid-template-columns:1fr 1fr}
  .v4-ikpi{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}
  .v4-ikpi__t b{font-size:16px}
  .v4-icards,.v4-icards--4{grid-template-columns:1fr 1fr}
  .v4-icard__p{font-size:17px}
  .v4-icard__row{flex-direction:column;align-items:stretch}
  .v4-icard__row svg{width:100%}
}

/* ---------- /steel-price (pages/steel_hub.php, steel_item.php; docs/design/steel-market-brief.md) ---------- */
.v4-icard__src{font-size:10.5px;color:var(--v4-mut2);border-top:1px solid var(--v4-line3);padding-top:6px}
.v4-schips button{flex:none;padding:6px 14px;border:1px solid var(--v4-line);border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:700;color:var(--v4-ink2);cursor:pointer}
.v4-schips button:hover{color:var(--v4-navy);border-color:var(--v4-navy)}
.v4-schips button[aria-selected=true]{background:var(--v4-navy);border-color:var(--v4-navy);color:#fff}
.v4-svat{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--v4-line);border-radius:999px;background:rgba(255,255,255,.85);font:inherit;font-size:12px;font-weight:700;color:var(--v4-ink2);cursor:pointer}
.v4-svat>span{position:relative;width:30px;height:17px;border-radius:999px;background:#d5d9e3;transition:background .15s}
.v4-svat>span::after{content:"";position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:right .15s}
.v4-svat[aria-checked=true]>span{background:var(--v4-navy)}
.v4-svat[aria-checked=true]>span::after{right:15px}
.v4-sunits{list-style:none;margin:0;padding:0 16px;display:flex;flex-direction:column}
.v4-sunits li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--v4-line3)}
.v4-sunits li:first-child{border-top:0}
.v4-sunits li>.ic{margin-top:4px;color:var(--v4-navy);background:var(--v4-navy)}
.v4-sunits li>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.v4-sunits small{font-size:11.5px;color:var(--v4-mut)}
.v4-sunits b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.v4-sunits b small{font-weight:600}
.v4-sshort{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:16px;background:repeating-linear-gradient(0deg,transparent 0 39px,var(--v4-line3) 39px 40px);border-radius:10px;font-size:12.5px;color:var(--v4-mut)}
.v4-sshort[hidden]{display:none}
.v4-sshort b{font-size:14px;color:var(--v4-ink)}
.v4-ilegend--band{height:9px!important;background:rgba(16,25,132,.14)}
.v4-sbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 12px}
.v4-sbar__q{position:relative;flex:1 1 200px}
.v4-sbar__q .ic{position:absolute;top:10px;right:10px;width:16px;height:16px;background:var(--v4-mut2)}
.v4-sbar__q .v4-in{padding-right:32px}
.v4-sbar>select{flex:0 1 190px;width:auto}
.v4-stbl tbody tr[aria-current] th,.v4-stbl tbody tr[aria-current] td{background:var(--v4-soft)}
.v4-scalc{margin:10px 0 6px}
.v4-scalc td{font-variant-numeric:tabular-nums;font-weight:700}
.v4-swtab{margin:6px 0 10px;max-width:520px}
.v4-schain{list-style:none;margin:12px 0 10px;padding:0;display:flex;align-items:center;gap:8px}
.v4-schain__node{flex:1 1 0;min-width:0}
.v4-schain__node a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:#f7f8fa;border:1px solid #eceef3;color:var(--v4-ink);height:100%}
.v4-schain__node a:hover{border-color:var(--v4-navy)}
.v4-schain__tag{align-self:flex-start;font-size:10.5px;font-weight:700;color:var(--v4-navy);background:var(--v4-soft);border-radius:5px;padding:0 6px}
.v4-schain__nm{font-size:13px;font-weight:700;color:var(--v4-ink2);margin-top:4px}
.v4-schain__node b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.v4-schain__node b small{font-size:11px;font-weight:600;color:var(--v4-mut2)}
.v4-schain__step{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px}
.v4-schain__step b{font-size:12px;font-weight:800}
.v4-schain__step small{font-size:11px;color:var(--v4-mut)}
.v4-schain__step .ic{width:20px;height:20px;background:var(--v4-mut2)}
@media (max-width:640px){
.v4-schain{flex-direction:column;align-items:stretch}
.v4-schain__step{flex-direction:row;justify-content:center;gap:8px}
.v4-schain__step .ic{transform:rotate(-90deg)}
.v4-chero__head{flex-wrap:wrap}
}
.v4-icards--steel{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}

/* ---------- last 24 hours + today's moves + dated questions (partials/v4/intraday.php, price-qa.php) ---------- */
.v4-i24{display:flex;flex-direction:column;gap:10px}
.v4-i24__svg{display:block;width:100%;height:150px;color:var(--v4-navy)}
.v4-i24__svg.v4-up{color:var(--v4-up)}
.v4-i24__svg.v4-dn{color:var(--v4-dn)}
.v4-i24__line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round}
.v4-i24__area{fill:currentColor;opacity:.08}
.v4-i24__axis{display:flex;justify-content:space-between;margin:-6px 0 0;font-size:11px;color:var(--v4-mut2);direction:ltr}
.v4-i24__stats>span{background:#f7f8fa}
.v4-i24__log{max-height:330px;overflow-y:auto}
.v4-i24__log thead th{position:sticky;top:0;z-index:1}
.v4-pqa__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:4px 24px;margin-top:6px}
.v4-pqa__list>div{padding:10px 0;border-top:1px solid var(--v4-line3)}
.v4-pqa__list h3{margin:0 0 4px;font-size:14px;font-weight:800;line-height:1.7}
.v4-pqa__list p{margin:0;font-size:13.5px;line-height:2;color:var(--v4-ink2)}
/* ---------- building materials and bitumen (docs/design/materials-brief.md) ---------- */
.v4-msrc{display:inline-block;padding:2px 8px;border-radius:7px;font-size:11px;font-weight:800;white-space:nowrap;background:var(--v4-soft);color:var(--v4-navy);vertical-align:middle}
.v4-msrc--mkt{background:#fff4e5;color:#8a4b00}
.v4-mlegend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font-size:12px;color:var(--v4-mut)}
.v4-mlegend .v4-msrc:not(:first-child){margin-inline-start:10px}
.v4-icard__top .v4-msrc{margin-inline-start:auto}
.v4-mtbl th[scope=row] small{display:block;font-size:11.5px;font-weight:500;color:var(--v4-mut);margin-top:2px}
.v4-mtbl__u{font-size:12px;color:var(--v4-mut);white-space:nowrap}
.v4-mmiss{display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;font-size:13px;color:var(--v4-ink2)}
.v4-mmiss__i{flex:none;display:grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--v4-mut2);border-radius:50%;font-size:11px;font-weight:800;font-style:italic;color:var(--v4-mut)}
.v4-mres{list-style:none;margin:14px 0 8px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.v4-mres li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--v4-line);border-radius:11px;background:var(--v4-line3)}
.v4-mres small{font-size:12px;color:var(--v4-mut)}
.v4-mres b{font-size:20px;font-weight:800;color:var(--v4-ink)}
.v4-mgrade{display:flex;margin-top:6px}
.v4-mgrade label{flex:1;text-align:center}
[data-mc] .v4-ttabs{margin:6px 0 14px}
@media (max-width:767px){
  .v4-mres{grid-template-columns:1fr 1fr}
  [data-mc] .v4-f2{grid-template-columns:1fr}
}

/* ---------- gold and silver funds (docs/design/gold-fund-brief.md) ---------- */
.v4-fdsum{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.v4-fdstat{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin:0}
.v4-fdstat>small{font-size:13px;font-weight:700;color:var(--v4-ink2)}
.v4-fdstat>b{font-size:26px;font-weight:800;line-height:1.2}
.v4-fdstat__u{font-size:12px;color:var(--v4-mut)}
.v4-fdstat .v4-note{margin:6px 0 0;padding-top:8px;border-top:1px solid var(--v4-line3)}
.v4-fdupdn{display:flex;align-items:baseline;gap:6px}
.v4-fdupdn b{font-size:26px;font-weight:800}
.v4-fdupdn small{font-size:12px;color:var(--v4-mut);margin-inline-end:8px}
.v4-fdsplit{display:flex;height:6px;border-radius:4px;overflow:hidden;background:var(--v4-line)}
.v4-fdsplit__u{background:var(--v4-up)}
.v4-fdsplit__d{background:var(--v4-dn);margin-inline-start:auto}
.v4-fdcmp{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}
.v4-fdtabs{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 16px 10px}
.v4-fdtabs .v4-ttab small{font-weight:600;opacity:.8}
.v4-fdchips button{flex:none;padding:6px 14px;border:1px solid var(--v4-line);border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:700;color:var(--v4-ink2);cursor:pointer}
.v4-fdchips button[aria-pressed=true]{background:var(--v4-soft);border-color:var(--v4-navy);color:var(--v4-navy)}
.v4-fdtbl th[scope=row] small{display:block;font-size:11.5px;font-weight:500;color:var(--v4-mut);margin-top:2px;white-space:nowrap}
.v4-fdtbl thead th small{display:block;font-size:10.5px;font-weight:500;color:var(--v4-mut)}
.v4-fdtbl thead button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:3px;font-weight:700}
.v4-fdtbl thead button.is-on{color:var(--v4-navy)}
.v4-fdarr::after{content:'↕';font-size:10px;opacity:.45}
.is-on>.v4-fdarr::after{content:'▼';opacity:1}
.is-on.is-asc>.v4-fdarr::after{content:'▲'}
.v4-fdtbl td,.v4-fdtbl th{white-space:nowrap}
.v4-fdtbl tr.is-me{background:var(--v4-soft)}
.v4-fdna{color:var(--v4-mut2)}
.v4-fdrng{display:inline-flex;flex-direction:column;gap:4px;min-width:118px;font-size:12px;color:var(--v4-ink2)}
.v4-fdrng i,.v4-fdday>i{position:relative;display:block;height:4px;border-radius:3px;background:var(--v4-line)}
.v4-fdrng i b,.v4-fdday>i b{position:absolute;top:50%;width:9px;height:9px;margin-inline-start:-4.5px;border-radius:50%;background:var(--v4-navy);transform:translateY(-50%)}
.v4-fdfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px 14px;border-top:1px solid var(--v4-line3)}
.v4-fdfoot .v4-note{margin:0}
.v4-fdfoot .v4-morebtn{margin:0}
.v4-fdcmpt th[scope=row] small,.v4-fdcmpt td small{display:block;font-size:11px;font-weight:500;color:var(--v4-mut)}
.v4-fdpros{margin:12px 0 0;display:grid;gap:0;border-top:1px solid var(--v4-line3)}
.v4-fdpros>div{display:grid;grid-template-columns:130px 1fr 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--v4-line3);font-size:12.5px}
.v4-fdpros dt{font-weight:800}
.v4-fdpros dd{margin:0;color:var(--v4-ink2)}
.v4-fdpros dd b{color:var(--v4-navy)}
.v4-fdpros dd+dd b{color:#8a4b00}
.v4-fdlegend{display:flex;gap:16px;justify-content:center;margin:6px 0 10px;font-size:12px;font-weight:700}
.v4-fdflow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.v4-fdflow li{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:8px;font-size:13px;font-weight:700}
.v4-fdflow li>a{color:var(--v4-ink)}
.v4-fdflow__bar{position:relative;display:flex;align-items:center;height:18px}
.v4-fdflow__bar i{display:block;height:14px;border-radius:3px}
.v4-fdflow li.is-in .v4-fdflow__bar{flex-direction:row-reverse;padding-inline-end:50%}
.v4-fdflow li.is-in i{background:var(--v4-up)}
.v4-fdflow li.is-out .v4-fdflow__bar{padding-inline-start:50%}
.v4-fdflow li.is-out i{background:var(--v4-dn)}
.v4-fdflow__bar b{font-size:12px;padding:0 6px;white-space:nowrap}
.v4-fdflow li.is-in b{color:var(--v4-up)}
.v4-fdflow li.is-out b{color:var(--v4-dn)}
.v4-fdflow__bar::before{content:'';position:absolute;inset-block:-3px;inset-inline-start:50%;width:1px;background:var(--v4-line)}
[data-fdc] .v4-mres{grid-template-columns:repeat(3,1fr)}
[data-fdc] .v4-mres li>small:last-child{font-size:11px}
.v4-fdlist{margin:0;padding-inline-start:18px;display:grid;gap:6px;font-size:14px;color:var(--v4-ink2)}
.v4-fdmeta{display:flex;flex-wrap:wrap;gap:6px;margin:0;font-size:13px;color:var(--v4-mut)}
.v4-fdmeta b{color:var(--v4-ink)}
.v4-fdday{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:10px 0 4px}
.v4-fdday span{display:flex;flex-direction:column;font-size:12px;color:var(--v4-mut)}
.v4-fdday span:last-of-type{text-align:end}
.v4-fdday b{color:var(--v4-ink);font-size:14px}
.v4-fdday>i{grid-column:1/-1}
.v4-fdgrid{margin:0;display:grid;grid-template-columns:repeat(2,1fr)}
.v4-fdgrid>div{padding:12px 16px;border-top:1px solid var(--v4-line3)}
.v4-fdgrid>div:nth-child(odd){border-inline-end:1px solid var(--v4-line3)}
.v4-fdgrid dt{font-size:12px;color:var(--v4-mut)}
.v4-fdgrid dd{margin:2px 0 0}
.v4-fdgrid dd b{font-size:18px;font-weight:800}
.v4-fdgrid dd small{font-size:11.5px;color:var(--v4-mut)}
.v4-fdtog{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 6px;font-size:12.5px;color:var(--v4-mut)}
.v4-fdtog label{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--v4-ink2);cursor:pointer}
.v4-fdbs p{display:flex;justify-content:space-between;margin:10px 0 6px;font-size:13px}
.v4-fdbs p small{color:var(--v4-mut)}
.v4-fdbs__bar{display:block;height:12px;border-radius:6px;background:#c9cde0;overflow:hidden}
.v4-fdbs__bar i{display:block;height:100%;background:var(--v4-navy)}
.v4-fdbs .v4-fdbs__k{margin-top:4px;font-size:12px;color:var(--v4-mut)}
@media (max-width:1023px){.v4-fdsum{grid-template-columns:1fr 1fr}}
@media (max-width:767px){
  .v4-fdsum{gap:8px}
  .v4-fdstat{padding:12px}
  .v4-fdstat>b,.v4-fdupdn b{font-size:20px}
  [data-fdc] .v4-mres{grid-template-columns:1fr}
  [data-fdc] .v4-f2{grid-template-columns:1fr}
  .v4-fdpros>div{grid-template-columns:1fr}
  .v4-fdflow li{grid-template-columns:64px 1fr}
  .v4-fdtbl th[scope=row]{position:sticky;inset-inline-start:0;z-index:1;background:#fff;box-shadow:-1px 0 0 var(--v4-line3)}
  .v4-fdtbl tr.is-me th[scope=row]{background:var(--v4-soft)}
  .v4-fdtbl th[scope=row] small{max-width:120px;overflow:hidden;text-overflow:ellipsis}
}
.v4-fdtop{align-items:start}
@media (max-width:767px){.v4-fdcmpt th:last-child,.v4-fdcmpt td:last-child{display:none}.v4-fdcmpt th[scope=row]{white-space:nowrap}}

/* ---------- silver (docs/design/silver-brief.md) ---------- */
.v4-svlist{margin:0}
.v4-svlist>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--v4-line3)}
.v4-svlist dt{display:flex;flex-direction:column;font-size:13.5px;font-weight:800;color:var(--v4-ink)}
.v4-svlist dt small{font-size:11.5px;font-weight:500;color:var(--v4-mut)}
.v4-svlist dd{margin:0;text-align:end;font-size:13px}
.v4-svlist dd b{font-size:15px;font-weight:800}
.v4-svlist dd small{color:var(--v4-mut)}
.v4-msrc--calc{background:var(--v4-line3);color:var(--v4-ink2)}
.v4-svbub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:16px;align-items:start;margin-top:10px}
.v4-svbub--solo{grid-template-columns:1fr}
.v4-svbub--solo .v4-svbub__stats{grid-template-columns:repeat(3,1fr)}
.v4-svbub__stats{display:grid;gap:10px}
.v4-svbub__stats span,.v4-svratio span{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--v4-line);border-radius:12px;background:var(--v4-line3)}
.v4-svbub__stats small,.v4-svratio small{font-size:11.5px;color:var(--v4-mut)}
.v4-svbub__stats b{font-size:20px;font-weight:800}
.v4-cchart--sm{height:220px}
.v4-svres{background:var(--v4-soft)!important;border-color:transparent!important}
.v4-svres b{color:var(--v4-navy)!important;font-size:24px!important}
[data-svc] .v4-mres{grid-template-columns:1fr 1fr}
[data-svc] .v4-mres .v4-svres{grid-column:1/-1}
[data-svc] .v4-mgrade{margin-bottom:6px}
.v4-svratio{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.v4-svratio b{font-size:34px;font-weight:800;color:var(--v4-navy)}
@media (max-width:1023px){.v4-svbub{grid-template-columns:1fr}}
@media (max-width:767px){
  .v4-svlist>div{flex-direction:column;align-items:flex-start}
  .v4-svlist dd{text-align:start}
  [data-svc] .v4-f2{grid-template-columns:1fr}
  .v4-svratio b{font-size:26px}
}
.v4-svlink{text-decoration:none;color:var(--v4-ink2)}
.v4-svlink:hover{border-color:var(--v4-navy)}
.v4-svlink b{color:var(--v4-navy)}
@media (max-width:767px){[data-sv] .v4-chero__head{flex-wrap:wrap}[data-sv] .v4-chero__tag{display:block;white-space:normal;margin-top:4px}}

/* the ad agency's slots (Web\MediaAd): empty wrappers the footer script fills for this screen; it
   also reserves the ad's height inline and gives it back when the slot stays empty */
.v4-mad{display:block;width:100%;margin-inline:auto}
.v4-mad>div{max-width:100%;overflow:hidden}
.v4-mad--float{height:0}
/* the header card's agency slot: on desktops a 300px box in the card's place, on phones a full row
   under the search box; the card hides while the slot is in use. As wide as its ad (300-340px), so
   an ad of another size is not cut; an empty slot takes no width, and an ad that comes late can still
   widen it */
.v4-mad--corner{display:block;flex:none;width:auto;min-width:0;max-width:340px}
.v4-mad--corner.is-on{min-width:300px}
.v4-hdr__in:has(.v4-mad--corner.is-on) .v4-cornerad{display:none}
@media (max-width:639px){
  .v4-mad--corner,.v4-mad--corner.is-on{order:6;flex:1 0 100%;width:auto;min-width:0;max-width:none}
}

/* the phone drawer's two sections: the markets, then the services (header.php) */
.v4-drawer__t{font-size:12px;font-weight:700;color:var(--v4-ink2);padding:14px 10px 4px}
.v4-drawer__h + .v4-drawer__t{padding-top:4px}

/* the agency's ads in the site's own look (2026-11-07): once an ad has arrived (is-filled, footer
   script) its slot becomes a card like the price boxes, with the same «تبلیغ» label as the site's
   banners, above the ad rather than over it. Banners and frames are centred and never wider than
   the slot; text the agency draws into the page takes the site's font. Nothing shows while a slot
   is empty. The header card and the floating unit keep their own shape. */
.v4-mad.is-filled:not(.v4-mad--corner):not(.v4-mad--float){background:#fff;border:1px solid var(--v4-line);border-radius:14px;padding:8px 12px 12px;box-sizing:border-box}
.v4-mad.is-filled:not(.v4-mad--corner):not(.v4-mad--float)::before{content:"تبلیغ";display:block;font-size:10px;font-weight:600;line-height:1.6;color:var(--v4-mut);margin-bottom:6px}
.v4-mad.is-filled>div{margin-inline:auto}
.v4-mad iframe,.v4-mad img,.v4-mad video{max-width:100%}
.v4-mad iframe{display:block;margin-inline:auto;border:0}
.v4-mad.is-filled>div :where(div,span,p,a,h1,h2,h3,h4,h5,h6,li,strong,b,small):not([class*="icon"]){font-family:inherit!important}

/* the agency's fixed top bar (footer script sets --mad-top while it shows): the page starts below
   it and the sticky nav sticks under it instead of behind it */
body.has-mad-top{padding-top:var(--mad-top,0px)}
body.has-mad-top .v4-nav{top:var(--mad-top,0px)}
/* phones: no back-to-top arrow; the agency's floating unit sits in that corner (owner, 2026-11-07) */
@media (max-width:639px){.v4-totop{display:none!important}}
/* phones: the agency's fixed bottom unit sits flush on the bottom edge (owner, 2026-11-07), and the
   page ends above it so the footer is not hidden (--mad-bottom, footer script) */
@media (max-width:639px){
  .ma-position-wrapper--fixed[class*="ma-position-location-bottom"]{bottom:0!important;margin-bottom:0!important}
  body.has-mad-bottom{padding-bottom:var(--mad-bottom,0px)}
}

/* the owner's image banner in the strip above the header (Ads v3 'header', 2026-11-07): like the old
   site's rialxe banner, centred at its own size (1072px wide at most) on the page background,
   the phone image below 640px; ads.css sizes the link from the image's dimensions */
.v4-topad--img{background:var(--v4-bg)}
.v4-topad--img .adSlot-header{box-sizing:border-box;max-width:1097px;margin:0 auto;padding:10px 12px}
.v4-topad--img .adLink{border-radius:12px}
@media (max-width:639px){.v4-topad--img .adSlot-header{padding:8px}}
/* desktops: the box is wide and short (its height capped in ad-slot.php); the image covers it */
@media (min-width:640px){
  .v4-topad--img .adLink picture{height:100%}
  .v4-topad--img .adLink img{height:100%;object-fit:cover;object-position:center}
}
/* the agency's native slot as a price-table row: no cell padding until the ad arrives, and the row
   goes when the footer script removes the slot (no code for this screen, or a code the page already uses) */
.v4-mad-row>td{padding:0!important;border:0!important;background:transparent!important}
.v4-mad-row:has(.v4-mad.is-filled)>td{padding:8px!important}
.v4-mad-row:not(:has(.v4-mad)){display:none}
/* the site's own native banner beside the agency's phone-only native slot: desktops only */
@media (max-width:639px){.v4-desk-only{display:none!important}}