/* Goldpreis Germany — layout follows the reference structure:
   white header with dropdown nav → full-width red ticker → two columns
   (main: live card + tables | aside: currencies + calculator) → full-width cards → FAQ → article → dark footer.
   Cards are warm cream with gold accents; German red marks brand, ticker and active states. */
/* Self-hosted fonts (SIL Open Font License, see assets/fonts) — no requests to Google (GDPR). */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/instrument-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Spline Sans Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/spline-sans-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Spline Sans Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/spline-sans-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Spline Sans Mono";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/spline-sans-mono-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Spline Sans Mono";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/spline-sans-mono-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lora";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lora-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lora";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/lora-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lora";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/lora-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lora";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/lora-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#ffffff; --page:#fbfaf6; --surface:#ffffff; --card:#fcf8ef; --card-line:#efe6cf; --surface-2:#f5f3ee; --zebra:#fffbf1;
  --ink:#1b1b1d; --muted:#6a6660; --line:#e8e3d8; --th:#f4f2ed;
  --brand:#c8102e; --brand-ink:#ffffff; --brand-soft:#fde8e9;
  --gold:#9a6f12; --gold-bright:#d4a531; --gold-soft:#f7ecd0; --gold-ink:#2a1f05;
  --up:#0e773b; --up-soft:#e2f4e8; --down:#c62828; --down-soft:#fce4e4;
  --shadow:0 1px 2px rgba(60,45,10,.05),0 8px 24px -16px rgba(60,45,10,.25);
  --f-body:"Instrument Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-data:"Spline Sans Mono","SFMono-Regular",Menlo,Consolas,monospace;
  --r:14px; --r-sm:9px; --max:1240px; --g:clamp(16px,3vw,28px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#111214; --page:#0d0e10; --surface:#17181b; --card:#1a1813; --card-line:#2e2a1f; --surface-2:#202126; --zebra:#1d1b15;
  --ink:#eeece6; --muted:#a39f95; --line:#2c2b29; --th:#1f1f22;
  --brand:#ff5c65; --brand-soft:#3a171b;
  --gold:#e6b961; --gold-bright:#e3b444; --gold-soft:#2c2414; --gold-ink:#1a1303;
  --up:#4cd38a; --up-soft:#11291c; --down:#ff6b6b; --down-soft:#3a1a1a;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -14px rgba(0,0,0,.7); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#111214; --page:#0d0e10; --surface:#17181b; --card:#1a1813; --card-line:#2e2a1f; --surface-2:#202126; --zebra:#1d1b15;
  --ink:#eeece6; --muted:#a39f95; --line:#2c2b29; --th:#1f1f22;
  --brand:#ff5c65; --brand-soft:#3a171b;
  --gold:#e6b961; --gold-bright:#e3b444; --gold-soft:#2c2414; --gold-ink:#1a1303;
  --up:#4cd38a; --up-soft:#11291c; --down:#ff6b6b; --down-soft:#3a1a1a;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -14px rgba(0,0,0,.7); color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font:16px/1.6 var(--f-body)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
a{color:var(--brand);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--g)}
.num{font-family:var(--f-data);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.skip{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 12px;border-radius:8px;z-index:99}
.skip:focus{left:12px}
h1,h2,h3{text-wrap:balance;line-height:1.2}
.eyebrow{display:block;font:600 .72rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
[id]{scroll-margin-top:84px}

/* ---------- Header ---------- */
.top{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:14px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.brand svg{width:36px;height:36px}
.brand b{font:700 1.4rem/1 var(--f-body);letter-spacing:-.02em}
.brand small{display:block;font:600 .64rem/1 var(--f-body);color:var(--brand);margin-top:3px}
.nav{display:flex;align-items:center;gap:2px;margin-left:10px;min-width:0}
.nav-a,.dd summary{color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem;padding:8px 10px;border-radius:8px;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:4px;list-style:none}
.dd summary::-webkit-details-marker{display:none}
.dd summary svg{width:12px;height:12px;opacity:.6;transition:transform .15s}
.dd[open] summary svg{transform:rotate(180deg)}
.nav-a:hover,.dd summary:hover{background:var(--surface-2)}
.nav-a[aria-current="page"],.dd summary[data-active]{color:var(--brand)}
.nav-a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--brand);border-radius:8px 8px 0 0}
.dd{position:relative}
.dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:grid;z-index:50}
.dd-menu a{color:var(--ink);text-decoration:none;font-size:.9rem;padding:8px 10px;border-radius:8px}
.dd-menu a:hover{background:var(--gold-soft)}
.dd-menu a[aria-current="page"]{color:var(--brand);font-weight:600}
.top-tools{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.eyebrow .pill{margin-left:6px;vertical-align:1px;letter-spacing:.04em}
.pill{display:inline-flex;align-items:center;gap:7px;font:600 .72rem/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.pill[data-state="live"]{color:var(--up)} .pill[data-state="live"] i{background:var(--up);animation:pulse 2s infinite}
.pill[data-state="snapshot"]{color:var(--gold)} .pill[data-state="snapshot"] i{background:var(--gold-bright)}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--up) 60%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.iconbtn{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;font:700 .78rem/1 var(--f-body);flex:none}
.iconbtn:hover{border-color:var(--gold-bright)}
.iconbtn svg{width:18px;height:18px}
@media (max-width:1320px){.nav-a,.dd summary{padding:8px 7px;font-size:.86rem}.brand small{display:none}}

/* ---------- Ticker (full-width red band) ---------- */
.ticker{background:var(--brand);color:#fff;overflow:hidden}
.ticker-view{overflow:hidden;height:36px;display:flex;align-items:center}
.ticker-track{display:flex;width:max-content;animation:tick 80s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker ul{display:flex;gap:28px;margin:0;padding:0 14px;list-style:none}
.ticker li{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:.84rem}
.ticker li::before{content:"";width:5px;height:5px;border-radius:50%;background:#ffd36b;margin-right:4px}
.ticker a{color:inherit;text-decoration:none}
.ticker li b{font-weight:600}
.ticker li .num{font-weight:600}
.ticker li .chg{padding:2px 6px;font-size:.68rem;background:rgba(255,255,255,.16);color:#fff}
.ticker li .chg[data-dir="up"]{background:#fff;color:var(--up)}
.ticker li .chg[data-dir="down"]{background:#fff;color:#b3141e}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-view{overflow-x:auto}.ticker-track ul+ul{display:none}}

/* ---------- Two-column area ---------- */
.top-area{padding-block:20px 6px}
.crumbs{font-size:.85rem;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.crumbs a{color:var(--muted)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;align-items:start}
.main-col,.side-col,.stack{display:grid;gap:20px;min-width:0}
.side-col{position:sticky;top:84px}
@media (max-width:1040px){.layout{grid-template-columns:1fr}.side-col{position:static}}
section.block{padding-block:14px 30px}

/* ---------- Cards ---------- */
.card{background:var(--card);border:1px solid var(--card-line);border-radius:var(--r);padding:clamp(16px,2.4vw,24px);box-shadow:var(--shadow);min-width:0}
.card-head{margin-bottom:14px}
.card-head h2{font:700 clamp(1.2rem,2.1vw,1.45rem)/1.25 var(--f-body);margin:.2em 0 0}
.card-head p{margin:.35rem 0 0;color:var(--muted);font-size:.92rem;max-width:72ch}
.card-head p a{color:var(--brand)}
.ctl{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:center;margin-bottom:10px}
.sel{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}
.sel select{width:auto;padding:7px 30px 7px 10px;font-size:.86rem;font-weight:600;border-radius:8px;background-color:var(--surface)}
.tnote{font-size:.8rem;color:var(--muted);margin:8px 0 0;text-align:center}
.upd{font-size:.82rem;color:var(--muted);margin:0}

.hero-card{background:var(--surface);border-color:var(--line)}
.intro h1{font:700 clamp(1.45rem,2.8vw,2rem)/1.2 var(--f-body);margin:0;letter-spacing:-.01em}
.h1-date{color:var(--brand);white-space:nowrap}
.intro .lead{margin:.45rem 0 16px;color:var(--muted);font-size:.98rem;max-width:68ch}

/* Live card */
.live{background:var(--card);border:1px solid var(--card-line);border-radius:var(--r);padding:clamp(16px,2.6vw,24px);display:grid;gap:12px;position:relative;overflow:hidden}
.live::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--brand),var(--gold-bright))}
.live-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.live-name strong{font:700 1.1rem/1.3 var(--f-body)}
.live-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.live-price .big{font:600 clamp(2.3rem,6vw,3.6rem)/1 var(--f-data);letter-spacing:-.04em}
.live-price .sym{font:700 1.5rem/1 var(--f-body);color:var(--gold)}
.per{font-size:.95rem;color:var(--muted);font-weight:500}
.live-price .chg{margin-left:6px;align-self:center}
.live-usd{font:600 1.15rem/1.2 var(--f-data);display:flex;gap:6px;align-items:baseline}
.live-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.live-row div{background:var(--surface);border:1px solid var(--card-line);border-radius:var(--r-sm);padding:9px 12px;min-width:0}
.live-row small{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.live-row b{font:500 1rem/1.4 var(--f-data);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.live-ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.live-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--muted);border-top:1px dashed var(--card-line);padding-top:12px}
.live-foot b{font-weight:600;color:var(--ink)}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--gold-bright);background:var(--surface);color:var(--ink);font:600 .82rem/1 var(--f-body);padding:9px 14px;border-radius:999px;cursor:pointer}
.btn-ghost svg{width:16px;height:16px;color:var(--brand)}
.btn-ghost:hover{background:var(--gold-soft)}
.spark-wrap{background:var(--surface);border:1px solid var(--card-line);border-radius:var(--r-sm);padding:8px 10px 6px}
.spark{width:100%;height:76px;display:block;color:var(--gold-bright)}
.spark-cap{display:flex;justify-content:space-between;font:500 .7rem/1 var(--f-data);color:var(--muted);margin-top:4px}

/* Segmented control: gold active pill */
.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--card-line);border-radius:999px;padding:3px;background:var(--surface);gap:2px}
.seg button{border:0;background:transparent;font:600 .82rem/1 var(--f-body);padding:8px 13px;border-radius:999px;color:var(--muted);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--gold-bright);color:var(--gold-ink)}
.seg.wide{border-radius:12px}

/* Board tiles */
.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:640px){.board{grid-template-columns:1fr 1fr}}
.tilecard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 13px 10px;text-decoration:none;color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr);gap:5px;transition:border-color .15s,transform .15s;min-width:0}
.tilecard:hover{border-color:var(--gold-bright);transform:translateY(-1px)}
.tilecard .t{display:flex;justify-content:space-between;align-items:center;gap:2px 8px;flex-wrap:wrap;font-weight:600;font-size:.88rem}
.tilecard .p{font:500 1.2rem/1.1 var(--f-data);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tilecard .p small{font-size:.7em;color:var(--muted)}
.tilecard .s{display:flex;justify-content:space-between;font:500 .74rem/1.2 var(--f-data);color:var(--muted);gap:2px 6px;flex-wrap:wrap;min-width:0}

/* Hallmark badge */
.mark{display:inline-grid;place-items:center;min-width:44px;height:24px;padding:0 7px;border-radius:50%/50%;border:1.5px solid currentColor;box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 3px currentColor;font:600 .68rem/1 var(--f-data);color:var(--gold);flex:none;background:var(--surface)}
.mark.lg{min-width:64px;height:36px;font-size:.9rem}

/* change chip */
.chg{display:inline-flex;align-items:center;gap:3px;font:600 .74rem/1 var(--f-data);padding:4px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.chg[data-dir="up"]{background:var(--up-soft);color:var(--up)}
.chg[data-dir="down"]{background:var(--down-soft);color:var(--down)}
.flash-up{animation:fu 1.1s ease-out}.flash-down{animation:fd 1.1s ease-out}
@keyframes fu{0%{background:var(--up-soft);color:var(--up)}100%{}}
@keyframes fd{0%{background:var(--down-soft);color:var(--down)}100%{}}

/* ---------- Tables ---------- */
.tablebox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);overflow-x:auto}
table.mkt{width:100%;border-collapse:collapse}
.mkt th{font:600 .74rem/1.2 var(--f-body);color:var(--muted);text-align:center;padding:11px 12px;border-bottom:1px solid var(--line);background:var(--th);white-space:nowrap}
.mkt th:first-child{text-align:left}
.mkt td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:center;font-family:var(--f-data);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600;white-space:nowrap}
.mkt tbody tr:nth-child(even){background:var(--zebra)}
.mkt tr:last-child td{border-bottom:0}
.mkt td:first-child{text-align:left;font-family:var(--f-body);font-weight:600}
.mkt td:first-child a,.mkt td:first-child .plain{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}
.mkt td:first-child a:hover{color:var(--brand)}
.mkt td.sell{color:var(--ink)}
.mkt td small{color:var(--muted);font:500 .72rem var(--f-body);display:block}
.mkt tbody tr:hover{background:var(--gold-soft)}
.mkt .time,.mkt .mil,.mkt .w{color:var(--muted);font-weight:500;font-size:.82rem}
.mkt .empty{text-align:center;color:var(--muted);font-weight:500;font-family:var(--f-body);padding:22px}
.mkt tr[aria-current] td{background:var(--gold-soft)}
.sym{font-family:var(--f-body);font-weight:600;color:var(--muted);font-size:.86em}
.money{white-space:nowrap}
.fxname{display:flex;align-items:center;gap:10px}
.fxname small{display:block;color:var(--muted);font:500 .72rem var(--f-body)}
.flag{width:22px;height:15px;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
table.fx td{font-size:.82rem;padding:9px 8px}
table.fx th{padding:10px 8px}
table.fx td:not(:first-child){text-align:right}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.tabs button{font:600 .82rem/1 var(--f-body);padding:8px 13px;border-radius:999px;border:1px solid var(--card-line);background:var(--surface);color:var(--ink);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--gold-bright);border-color:var(--gold-bright);color:var(--gold-ink)}
.tablebox.scroll{max-height:560px;overflow:auto}
.tablebox.scroll thead th{position:sticky;top:0;z-index:1}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stats div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px}
.stats small{display:block;color:var(--muted);font-size:.74rem;margin-bottom:3px}
.stats b{font:600 1.05rem var(--f-data);font-variant-numeric:tabular-nums}
@media (max-width:640px){.stats{grid-template-columns:1fr 1fr}}

/* Summary line */
.sumline{text-align:center;padding:4px 0;font-size:.95rem}
.sumline p{margin:.15em 0}
.sumline p:first-child{font-weight:700}
.sumline b{font-family:var(--f-data)}

/* Conversions */
.conv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.conv h3{font:700 1rem var(--f-body);margin:0 0 8px}
@media (max-width:760px){.conv-grid{grid-template-columns:1fr}}

/* Chart */
.chart-ctl{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.chart-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px}
.chart-now small{display:block;color:var(--muted);font-size:.78rem}
.chart-now b{font:600 1.6rem/1.2 var(--f-data)}
.chart-svg{width:100%;height:auto;display:block;color:var(--muted)}
.chart-svg text{fill:var(--muted);font:500 11px var(--f-data)}
.chart-svg .grid{stroke:var(--line)}
.chart-empty{padding:28px 10px;color:var(--muted);text-align:center;font-size:.92rem}

/* Forms / calculator */
.field{display:grid;gap:6px;margin-bottom:12px}
.field label{font-weight:600;font-size:.84rem}
.field-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px}
select,input[type="number"],input[type="search"]{width:100%;font:500 .95rem var(--f-body);padding:11px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink)}
input[type="number"]{font-family:var(--f-data)}
select:focus,input:focus{outline:none;border-color:var(--gold-bright);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold-bright) 25%,transparent)}
select:disabled{opacity:.55}
.result{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.result div{border-radius:var(--r-sm);padding:11px 13px;background:var(--surface);border:1px solid var(--line)}
.result div:last-child{background:var(--gold-soft);border-color:var(--card-line)}
.result small{display:block;font-size:.74rem;color:var(--muted);margin-bottom:4px}
.result b{font:600 1.2rem/1.2 var(--f-data);font-variant-numeric:tabular-nums;word-break:break-all;display:block}
.result .usd{font:500 .82rem var(--f-data);color:var(--muted)}
.budget{margin-top:14px;padding-top:14px;border-top:1px dashed var(--card-line)}
.budget small{color:var(--muted);font-size:.8rem}
.budget output{display:block;font:600 1.1rem var(--f-data);margin-top:4px;color:var(--gold)}

/* Karat guide */
.karats{display:grid;gap:6px}
.karat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--card-line)}
.karat:last-child{border-bottom:0}
.karat a{color:inherit;text-decoration:none}
.karat .bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:6px}
.karat .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));border-radius:inherit}
.karat .v{text-align:right;font:500 .95rem var(--f-data)}
.karat .v small{display:block;color:var(--muted);font:500 .72rem var(--f-body)}

/* Amount pages */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:760px){.duo{grid-template-columns:1fr}}
.amount-big{font:600 clamp(2rem,5vw,3rem)/1.1 var(--f-data);color:var(--gold);margin:.3em 0 .5em;letter-spacing:-.03em;word-break:break-all}
.amount-big small{font:700 1.3rem var(--f-body);color:var(--muted)}
.amounts{width:100%;border-collapse:collapse}
.amounts td{padding:8px 4px;border-bottom:1px solid var(--line);font:500 .92rem var(--f-data);font-variant-numeric:tabular-nums}
.amounts td:first-child{font-family:var(--f-body)}
.amounts td:last-child{text-align:right;white-space:nowrap}
.amounts tr:last-child td{border-bottom:0}
.more{margin-top:6px}
.more summary{cursor:pointer;font-weight:600;color:var(--brand);padding:8px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{padding:8px 13px;border-radius:999px;border:1px solid var(--card-line);background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600;font-size:.88rem}
.chips a:hover{border-color:var(--gold-bright)}
.chips a[aria-current="page"]{background:var(--gold-bright);border-color:var(--gold-bright);color:var(--gold-ink)}

/* FAQ — closed accordion rows like the reference */
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:8px}
.faq summary{cursor:pointer;font-weight:600;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:12px 14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 1.3rem/1 var(--f-body);color:var(--gold-bright);transition:transform .2s;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 14px 14px;color:var(--muted)}
.faq .num{font-weight:600;color:var(--ink)}
.prose .faq{margin-top:2em}

/* Article */
.article{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(20px,4vw,44px);align-items:start;padding-top:10px}
.article.solo{grid-template-columns:minmax(0,1fr)}
.article.solo .prose{max-width:820px;margin:0 auto}
@media (max-width:980px){.article{grid-template-columns:1fr}}
.main-col .article{grid-template-columns:1fr;padding-top:0}
.main-col .article .side{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.main-col .prose{max-width:none}
.endpad{height:24px}
.prose{max-width:74ch;min-width:0}
.prose h2{font:700 clamp(1.3rem,2.4vw,1.6rem)/1.25 var(--f-body);margin:1.8em 0 .5em}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:color-mix(in srgb,var(--ink) 86%,var(--muted));line-height:1.75}
.prose b{font-family:var(--f-data);font-weight:600;color:var(--ink);background:var(--gold-soft);padding:0 .25em;border-radius:4px}
.prose ul{padding-left:1.2em}
.prose li{margin:.35em 0}
.prose a{color:var(--brand)}
.side{display:grid;gap:14px}
.panel{background:var(--card);border:1px solid var(--card-line);border-radius:var(--r);padding:clamp(16px,2.4vw,22px);min-width:0}
.panel h3,.panel .ph3{font:700 1.1rem/1.2 var(--f-body);margin:0 0 10px}
.related{display:grid;gap:6px}
.related a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem}
.related a:hover{border-color:var(--gold-bright)}
.related a span{font:500 .8rem var(--f-data);color:var(--muted);white-space:nowrap}
.spreads{width:100%;border-collapse:collapse;font-size:.92rem}
.spreads td,.spreads th{padding:7px 10px;border-bottom:1px solid var(--line);text-align:right}
.spreads td:first-child,.spreads th:first-child{text-align:left}
.copy{font-family:var(--f-data);background:var(--surface-2);padding:2px 8px;border-radius:6px;user-select:all}
.notice{margin:12px 0 0;font-size:.85rem;padding:9px 12px;border-radius:var(--r-sm);background:var(--gold-soft);border:1px solid var(--card-line)}

/* ---------- Footer (dark) ---------- */
footer{margin-top:20px;background:#17171a;color:#c9c6bf;padding-block:44px 24px}
footer .cols{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:900px){footer .cols{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}
footer h4,footer .fh{color:#fff;font:700 .95rem/1.2 var(--f-body);margin:0 0 12px;letter-spacing:0}
footer a{color:inherit;text-decoration:none;display:block;padding:3px 0;font-size:.88rem}
footer a:hover{color:var(--gold-bright)}
footer .brand{color:#fff}
footer p{font-size:.86rem;max-width:42ch}
footer .legal{margin-top:28px;padding-top:16px;border-top:1px solid #2c2c30;font-size:.8rem;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.totop{width:36px;height:36px;border-radius:8px;background:var(--gold-bright);color:#1a1303!important;display:grid!important;place-items:center;padding:0!important}
.totop svg{width:18px;height:18px}

/* ---------- Search ---------- */
.search{display:none;position:fixed;inset:0;z-index:70;background:rgba(15,12,6,.45);padding:10vh 16px 16px}
.search[data-open="true"]{display:block}
.search-box{max-width:620px;margin:0 auto;background:var(--surface);border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);overflow:hidden}
.search-in{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}
.search-in>svg{width:20px;height:20px;color:var(--muted);flex:none}
.search-in input{border:0;box-shadow:none!important;padding:10px 4px;font-size:1.05rem;background:transparent}
#search-res{list-style:none;margin:0;padding:6px;max-height:60vh;overflow:auto}
#search-res a{display:block;padding:10px 12px;border-radius:9px;color:var(--ink);text-decoration:none;font-weight:600}
#search-res a:hover,#search-res a:focus{background:var(--gold-soft)}
#search-res .empty{padding:14px;color:var(--muted)}

/* ---------- Mobile ---------- */
.tabbar{display:none}
.mobile-menu{display:none}
@media (max-width:1100px){
  .nav,.hide-sm{display:none}
  .top .wrap{height:58px}
  .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
  .tabbar a,.tabbar button{display:grid;justify-items:center;gap:3px;font:600 .68rem/1 var(--f-body);color:var(--muted);text-decoration:none;padding:6px 0;border:0;background:none;cursor:pointer}
  .tabbar svg{width:22px;height:22px}
  .tabbar [aria-current="page"]{color:var(--brand)}
  .mobile-menu{position:fixed;inset:0;z-index:60;background:rgba(15,12,6,.45)}
  .mobile-menu[data-open="true"]{display:block}
  .mobile-menu .sheet{position:absolute;left:0;right:0;bottom:0;background:var(--surface);border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));max-height:82vh;overflow:auto}
  .sheet-head{display:flex;justify-content:space-between;align-items:center}
  .sheet-head strong{font:700 1.3rem var(--f-body)}
  .sheet-head div{display:flex;gap:8px}
  .mobile-menu h4{margin:16px 0 6px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
  .mobile-menu .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobile-menu .grid a{padding:11px 12px;border-radius:10px;background:var(--card);border:1px solid var(--card-line);color:var(--ink);text-decoration:none;font-weight:600;font-size:.88rem}
  footer{padding-bottom:96px}
}
@media (max-width:640px){
  .live-row{grid-template-columns:1fr 1fr}
  .live-row div:last-child{grid-column:1/-1}
  .mkt th,.mkt td{padding:9px 8px;font-size:.82rem}
  #mkt .time,#mkt th:last-child{display:none}
  #mkt td:first-child .mark{display:none}
  .result{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr 1fr}
  .h1-date{display:block}
  .ctl{justify-content:flex-start}
}
@media (max-width:420px){.brand b{font-size:1.2rem}.live-foot .btn-ghost{width:100%;justify-content:center}}

/* ---------- Print / PDF: price tables only ---------- */
@media print{
  .top,.ticker,.tabbar,.mobile-menu,.search,footer,.side-col,.btn-ghost,.live-ctl,.ctl,.tabs,.spark-wrap,.chart-ctl,#grafik,.article,.faq,.notice,.chips{display:none!important}
  body{background:#fff;color:#000;font-size:12px}
  .layout{display:block}
  .card,.live,.hero-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid;background:#fff;margin-bottom:10px}
  .mkt tbody tr:nth-child(even){background:#f6f6f6}
  .wrap{max-width:none;padding:0}
  .top-area,section.block{padding:0}
}
.main-col .article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,2.6vw,28px)}

/* ===== Mockup match: city top bar, KPI cards, Türkiye price widget ===== */
:root{--tw-gold1:#c99a33;--tw-gold2:#e2bb55;--tw-line:#d9a521;--tw-seg:#f4f1ea;--kpi-ico:#fbf3e1;--up-ink:#0e773b;--blue:#2f6fe0;--blue-soft:#e7efff;
  --art-sky1:#f3ede2;--art-sky2:#fbf7ef;--art-city1:#c8b7a0;--art-city2:#a8927a;--art-sea:#e9e2d6;--art-wave:#fff;--art-bird:#8d8273}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tw-seg:#24231f;--kpi-ico:#2a2416;--up-ink:#4cd38a;--blue:#7aa7ff;--blue-soft:#1b2540;
  --art-sky1:#1f1c17;--art-sky2:#1a1916;--art-city1:#4a4134;--art-city2:#3a3229;--art-sea:#24211c;--art-wave:#3c362c;--art-bird:#8d8273}}
:root[data-theme="dark"]{--tw-seg:#24231f;--kpi-ico:#2a2416;--up-ink:#4cd38a;--blue:#7aa7ff;--blue-soft:#1b2540;
  --art-sky1:#1f1c17;--art-sky2:#1a1916;--art-city1:#4a4134;--art-city2:#3a3229;--art-sea:#24211c;--art-wave:#3c362c;--art-bird:#8d8273}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Top bar */
.citybar{display:flex;align-items:stretch;height:68px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:41}
.cb-reel{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 30px),transparent)}
.cb-track{display:flex;width:max-content;height:100%;animation:tick 120s linear infinite}
.citybar:hover .cb-track{animation-play-state:paused}
.cb-track ul{display:flex;margin:0;padding:0;list-style:none;height:100%}
.cb-track li{display:flex;align-items:center;border-right:1px solid var(--line);padding:0 26px}
.cb-track a{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.cb-ico{width:44px;height:40px;flex:none}
.cb-txt{display:grid;line-height:1.25}
.cb-name{font-size:.86rem;font-weight:500}
.cb-val{white-space:nowrap;font-variant-numeric:tabular-nums}
.cb-val b{font:700 1.12rem var(--f-body);font-variant-numeric:tabular-nums}
.cb-val small{font-size:.74rem;color:var(--muted);font-weight:500;margin-right:8px}
.cb-chg{font:600 .8rem var(--f-body);color:var(--muted)}
.cb-chg[data-dir="up"]{color:var(--up-ink)}.cb-chg[data-dir="up"]::before{content:"";}
.cb-chg[data-dir="down"]{color:var(--down)}
.cb-time{flex:none;display:flex;align-items:center;gap:12px;padding:0 22px;border-left:1px solid var(--line);background:var(--surface)}
.cb-time>svg{width:24px;height:24px;color:var(--ink)}
.cb-time b{display:block;font:600 .9rem/1.2 var(--f-body)}
.cb-time small{display:block;font-size:.74rem;color:var(--muted)}
.cb-live{display:inline-flex;align-items:center;gap:6px;font:600 .84rem var(--f-body);color:var(--gold);margin-left:6px;white-space:nowrap}
.cb-live i{width:8px;height:8px;border-radius:50%;background:var(--gold-bright)}
.cb-live[data-state="live"]{color:var(--up-ink)}.cb-live[data-state="live"] i{background:var(--up-ink)}
@media (max-width:760px){.citybar{height:60px}.cb-time{padding:0 12px}.cb-time>svg,.cb-time span:not(.cb-live){display:none}.cb-live span{display:none}.cb-track li{padding:0 16px}.cb-ico{width:34px;height:31px}}

/* KPI cards */
.kpi-wrap{padding-top:18px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.kpi{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 1px 2px rgba(60,45,10,.04);min-width:0;position:relative}
.kpi-ico{width:60px;height:60px;border-radius:50%;background:var(--kpi-ico);display:grid;place-items:center;flex:none}
.kpi-ico svg{width:36px;height:36px}
.kpi-txt{display:grid;gap:2px;min-width:0}
.kpi-txt small{color:var(--muted);font-size:.86rem}
.kpi-val{white-space:nowrap;font-variant-numeric:tabular-nums}
.kpi-val b{font:700 1.4rem var(--f-body);font-variant-numeric:tabular-nums}
.kpi-val b .num{font-family:var(--f-body)}
.kpi-val em{font-style:normal;font-weight:600;font-size:1rem;margin-right:6px}
.kpi-chg{font:600 .82rem var(--f-body);color:var(--muted)}
.kpi-chg[data-dir="up"]{color:var(--up-ink)}.kpi-chg[data-dir="down"]{color:var(--down)}
.kpi-spark{width:62px;height:34px;flex:none;margin-left:auto;color:var(--up-ink)}
.kpi-status{display:flex;align-items:center;gap:8px;font:700 1.12rem var(--f-body)}
.kpi-status i{width:10px;height:10px;border-radius:50%;background:var(--gold-bright)}
.kpi-status[data-state="live"] i{background:var(--up-ink)}
@media (max-width:1180px){.kpi-spark{display:none}}
@media (max-width:900px){.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:12px}.kpi-ico{width:44px;height:44px}.kpi-ico svg{width:26px;height:26px}.kpi-val b{font-size:1.12rem}}
@media (max-width:420px){.kpi-val em{display:none}}

/* Price widget */
.hero-plain{display:grid;gap:14px}
.hero-plain .intro{padding:4px 2px 0}
.hero-plain .intro .lead{margin-bottom:0}
.tw{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;box-shadow:0 1px 2px rgba(60,45,10,.05),0 12px 30px -20px rgba(60,45,10,.3);display:grid;gap:18px}
.tw>*{position:relative}
.tw-art{position:absolute!important;top:0;right:0;width:64%;height:250px;pointer-events:none}
.tw-head{display:flex;align-items:center;gap:16px}
.tw-flag{width:80px;height:54px;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.18);flex:none}
.tw-head h2{margin:0;font:700 1.85rem/1.1 var(--f-body);letter-spacing:-.01em}
.tw-head p{margin:2px 0 0;font-size:1.15rem;color:var(--muted)}
.tw-ctl{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:6px}
.tw-seg{display:inline-flex;background:var(--tw-seg);border-radius:10px;padding:3px}
.tw-seg button{border:0;background:transparent;font:500 1rem var(--f-body);color:var(--ink);padding:9px 26px;border-radius:8px;cursor:pointer}
.tw-seg button[aria-pressed="true"]{background:linear-gradient(180deg,var(--tw-gold2),var(--tw-gold1));color:#fff;font-weight:600;box-shadow:0 2px 6px -2px rgba(150,105,20,.6)}
.tw-sel select{width:auto;min-width:196px;font:600 .95rem var(--f-body);padding:12px 40px 12px 16px;border-radius:10px;background-color:var(--surface);box-shadow:0 2px 8px -4px rgba(0,0,0,.15)}
.tw-price{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}
.tw-bars svg{width:66px;height:56px;display:block}
.tw-big{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.tw-big b{font:800 clamp(2.4rem,5vw,3.55rem)/1 var(--f-body);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tw-big b .num{font-family:var(--f-body);letter-spacing:-.02em}
.tw-big>span{font-size:clamp(1.2rem,2.2vw,1.65rem);color:var(--muted);font-weight:400}
.tw-usd{margin-top:8px;font-size:1.1rem;color:var(--muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.tw-usd>span:first-child{font-weight:700;color:var(--muted)}
.tw-usd .num{font-family:var(--f-body);font-weight:700}
.tw-i svg{width:17px;height:17px;vertical-align:-3px}
.tw-chg{display:grid;justify-items:center;gap:8px}
.tw-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;background:var(--surface-2);color:var(--muted);font:700 1.3rem var(--f-body)}
.tw-pill svg{width:20px;height:20px}
.tw-pill[data-dir="up"]{background:var(--up-soft);color:var(--up-ink)}
.tw-pill[data-dir="down"]{background:var(--down-soft);color:var(--down)}.tw-pill[data-dir="down"] svg{transform:rotate(180deg)}
.tw-pill[data-dir="flat"] svg{display:none}
.tw-chg small{font:600 .95rem var(--f-body);color:var(--muted)}
.tw-chg small[data-dir="up"]{color:var(--up-ink)}.tw-chg small[data-dir="down"]{color:var(--down)}
.tw-chart{border:1px solid var(--line);border-radius:14px;padding:12px 14px 6px;background:var(--surface)}
.tw-chart-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.tw-tabs{display:inline-flex;background:var(--tw-seg);border-radius:10px;padding:3px;flex-wrap:wrap}
.tw-tabs button{border:0;background:transparent;font:500 .9rem var(--f-body);color:var(--ink);padding:6px 20px;border-radius:8px;cursor:pointer}
.tw-tabs button[aria-pressed="true"]{background:linear-gradient(180deg,var(--tw-gold2),var(--tw-gold1));color:#fff;font-weight:600}
.tw-live{display:inline-flex;align-items:center;gap:8px;font:500 1rem var(--f-body);color:var(--ink);padding-right:6px}
.tw-live i{width:9px;height:9px;border-radius:50%;background:var(--gold-bright)}
.tw-live[data-state="live"] i{background:var(--up-ink)}
.tw-svg{width:100%;height:210px;display:block}
.tw-svg text{fill:var(--muted);font:500 12px var(--f-body)}
.tw-svg .tw-grid{stroke:var(--line)}
.tw-svg .tw-vgrid{stroke:var(--line);stroke-dasharray:3 4;opacity:.7}
.tw-empty{margin:0;padding:70px 0;text-align:center;color:var(--muted)}
.tw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tw-stats>div{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}
.tw-stats>div>span:last-child{display:grid;line-height:1.3;min-width:0}
.tw-stats small{color:var(--muted);font-size:.86rem;margin-bottom:4px}
.tw-stats b{font:700 1.05rem var(--f-body);font-variant-numeric:tabular-nums}
.tw-stats em{font-style:normal;color:var(--muted);font-size:.85rem}
.tw-si{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none}
.tw-si svg{width:20px;height:20px}
.tw-si.down{background:var(--down-soft);color:var(--down)}
.tw-si.up{background:var(--up-soft);color:var(--up-ink)}
.tw-si.clk{background:var(--blue-soft);color:var(--blue)}
.tw-pdf{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;border:0;border-radius:10px;padding:14px 18px;cursor:pointer;color:#fff;font:700 1.05rem var(--f-body);background:linear-gradient(90deg,#c08d2b,#dcb553 50%,#c08d2b);box-shadow:0 6px 16px -10px rgba(140,95,15,.8)}
.tw-pdf:hover{filter:brightness(1.05)}
.tw-pdf svg:first-child{width:22px;height:26px}
.tw-pdf svg:last-child{width:22px;height:22px}
.tw .notice{margin:0}
@media (max-width:640px){
  .tw{padding:16px 14px;gap:14px}.tw-art{width:90%;opacity:.55}
  .tw-flag{width:60px;height:40px}.tw-head h2{font-size:1.45rem}.tw-head p{font-size:1rem}
  .tw-seg button{padding:8px 16px}.tw-sel select{min-width:0}
  .tw-price{grid-template-columns:auto minmax(0,1fr)}.tw-bars svg{width:46px;height:40px}
  .tw-chg{grid-column:1/-1;justify-items:start;grid-auto-flow:column;align-items:center}
  .tw-tabs button{padding:6px 11px}.tw-svg{height:180px}
  .tw-stats{grid-template-columns:1fr 1fr}.tw-stats>div:last-child{grid-column:1/-1}.tw-stats>div{padding:10px;gap:10px}.tw-si{width:34px;height:34px}
  .tw-pdf{font-size:.95rem}
}
@media print{.citybar,.kpis,.tw-art,.tw-ctl,.tw-chart,.tw-pdf{display:none!important}}
.wrap.wide{max-width:1640px}
.cb-val .num,.kpi-val .num,.tw .num,.tw-stats b{font-family:var(--f-body);letter-spacing:0}
@media (min-width:1041px){.home-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home-layout .side-col{order:-1}}
.top-area>.wrap.wide>.intro{margin:0 0 16px}
.top-area>.wrap.wide>.intro h1{font-size:clamp(1.35rem,2.3vw,1.75rem)}
.top-area>.wrap.wide>.intro .lead{margin:.3rem 0 0;max-width:none}
.kpi-txt{flex:1}
.tw-art{height:215px}
@media (max-width:1500px){.kpi-spark{display:none}}

.kpi-spark{width:56px}
.kpi-val b{font-size:1.32rem}
@media (max-width:640px){.kpis{gap:8px}.kpi{gap:10px;padding:10px 12px;border-radius:12px}.kpi-ico{width:36px;height:36px}.kpi-ico svg{width:22px;height:22px}.kpi-txt small{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-val b{font-size:1rem}.kpi-val em,.kpi-chg{display:none}.kpi-status{font-size:.9rem}.kpi-txt>small:last-child{display:none}}

:root{--lm-cut:var(--surface)}
.menu-btn{display:none}
@media (max-width:1100px){.menu-btn{display:inline-grid;background:var(--gold-bright);border-color:var(--gold-bright);color:#1a1303}}

/* ===== Mockup v2: currency table (left) + Türkiye price card (right) ===== */
:root{--f-serif:"Lora",Georgia,"Times New Roman",serif;--cx-head:#f8f2e4;--cx-hl:#fdf2d8;--cx-line:#eee7d8;--cx-ico:#f8efd9;--live-bg:#e3f5e9}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--cx-head:#25211a;--cx-hl:#2c2516;--cx-line:#2e2b25;--cx-ico:#2a2416;--live-bg:#11291c}}
:root[data-theme="dark"]{--cx-head:#25211a;--cx-hl:#2c2516;--cx-line:#2e2b25;--cx-ico:#2a2416;--live-bg:#11291c}
.cx,.tw2{background:var(--surface);border:1px solid var(--cx-line);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(60,45,10,.04),0 14px 30px -24px rgba(60,45,10,.35);min-width:0}
.cx-head,.tw2-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.cx-ico{width:52px;height:52px;border-radius:50%;background:var(--cx-ico);border:1px solid var(--cx-line);display:grid;place-items:center;flex:none}
.cx-ico svg{width:30px;height:30px}
.cx-ttl{min-width:0;flex:1}
.cx-ttl h2{margin:0;font:700 clamp(1.15rem,1.9vw,1.42rem)/1.25 var(--f-serif);color:var(--ink)}
.cx-ttl p{margin:3px 0 0;font-size:.84rem;color:var(--muted)}
.cx-sel select{width:auto;font:600 .9rem var(--f-body);padding:10px 36px 10px 14px;border-radius:10px;border:1px solid var(--cx-line);background-color:var(--surface);box-shadow:0 2px 8px -5px rgba(0,0,0,.2)}
.cx-box{border:1px solid var(--cx-line);border-radius:12px;overflow:hidden;overflow-x:auto}
.cx-t{width:100%;border-collapse:collapse}
.cx-t th{background:var(--cx-head);font:600 .86rem var(--f-body);color:var(--ink);text-align:left;padding:12px 14px;border-bottom:1px solid var(--cx-line);white-space:nowrap}
.cx-t td{padding:10px 14px;border-bottom:1px solid var(--cx-line);font:500 .95rem var(--f-serif);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.cx-t td .num{font-family:var(--f-serif);letter-spacing:0}
.cx-t tr:last-child td{border-bottom:0}
.cx-t tr.cx-hl td{background:var(--cx-hl)}
.cx-t tbody tr:hover td{background:var(--gold-soft)}
.cx-t .cx-n{color:var(--muted);font:500 .85rem var(--f-serif);width:34px;text-align:center}
.cx-cur{display:flex;align-items:center;gap:12px}
.cx-cur .flag{width:30px;height:20px;border-radius:3px}
.cx-cur b{display:block;font:700 .9rem/1.15 var(--f-body)}
.cx-cur small{display:block;font:400 .74rem var(--f-body);color:var(--muted)}
.cx-sym{font-family:var(--f-serif)}
.cx-chg{font:500 .88rem var(--f-body);color:var(--muted)}
.cx-chg[data-dir="up"]{color:var(--up-ink)}.cx-chg[data-dir="down"]{color:var(--down)}
.cx-note{margin:10px 2px 0;font-size:.78rem;color:var(--muted)}

.tw2{display:grid;gap:16px}
.tw2-head{margin-bottom:0}
.tw2-upd{display:grid;justify-items:end;gap:3px;text-align:right;flex:none}
.tw2-upd small{font-size:.78rem;color:var(--muted)}
.tw2-live{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--muted);font:600 .78rem var(--f-body);padding:5px 11px;border-radius:999px;margin-bottom:3px}
.tw2-live i{width:7px;height:7px;border-radius:50%;background:var(--gold-bright)}
.tw2-live[data-state="live"]{background:var(--live-bg);color:var(--up-ink)}.tw2-live[data-state="live"] i{background:var(--up-ink)}
.tw2-main{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:16px;border:1px solid var(--cx-line);border-radius:12px;padding:16px 18px}
.tw2-flag .flag{width:72px;height:48px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.tw2-cn{display:grid;gap:2px}
.tw2-cn b{font:600 1rem var(--f-body)}
.tw2-cc select{width:auto;border:0;background-color:transparent;padding:0 22px 0 0;font:400 .95rem var(--f-body);color:var(--muted);box-shadow:none;cursor:pointer;background-position:right 0 center}
.tw2-price{text-align:right;min-width:0}
.tw2-big{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.tw2-sym{font:700 clamp(1.9rem,3.6vw,2.9rem)/1 var(--f-serif)}
.tw2-big b{font:700 clamp(2rem,4vw,3.2rem)/1 var(--f-serif)}
.tw2-big b .num{font-family:var(--f-serif);letter-spacing:-.01em}
.tw2-per{font:400 clamp(1.05rem,1.8vw,1.4rem) var(--f-body);color:var(--ink)}
.tw2-chg{margin-top:8px;font:600 .98rem var(--f-serif);color:var(--muted);text-align:center}
.tw2-chg[data-dir="up"]{color:var(--up-ink)}.tw2-chg[data-dir="down"]{color:var(--down)}
.tw2-chart{border:1px solid var(--cx-line);border-radius:12px;padding:12px 14px 4px}
.tw2-ct{display:flex;align-items:center;gap:8px;font:600 .98rem var(--f-serif);margin-bottom:4px}
.tw2-ct svg{width:20px;height:20px;color:var(--gold)}
.tw2-svg{width:100%;height:170px;display:block}
.tw2-svg text{fill:var(--muted);font:500 11px var(--f-body)}
.tw2-svg .tw-grid{stroke:var(--cx-line)}
.tw2-svg .tw2-bub{fill:#fff;font:700 12px var(--f-body)}
.tw2-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tw2-cards>div{display:flex;align-items:center;gap:16px;border:1px solid var(--cx-line);border-radius:12px;padding:14px 16px;min-width:0}
.tw2-ci svg{width:52px;height:44px;display:block}
.tw2-cards>div>span:last-child{display:grid;gap:2px;min-width:0}
.tw2-cards small{font-size:.84rem;color:var(--muted)}
.tw2-cards b{font:700 1.3rem var(--f-serif);white-space:nowrap}
.tw2-cards b .num,.tw2-cards em .num{font-family:var(--f-serif)}
.tw2-cards em{font:400 .9rem var(--f-serif);font-style:normal;color:var(--muted)}
.tw2-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tw2-vl{font-size:.86rem;color:var(--muted)}
.tw2-ccy{position:relative;display:inline-flex;align-items:center}
.tw2-mf{position:absolute;left:12px;pointer-events:none;display:flex}
.tw2-mf .flag{width:22px;height:15px}
.tw2-csel select{width:auto;padding:10px 32px 10px 42px;font:600 .88rem var(--f-body);border-radius:10px;border:1px solid var(--cx-line);background-color:var(--surface)}
.tw2-seg{display:inline-flex;border:1px solid var(--cx-line);border-radius:10px;overflow:hidden}
.tw2-seg button{border:0;border-right:1px solid var(--cx-line);background:var(--surface);font:500 .88rem var(--f-body);color:var(--ink);padding:10px 16px;cursor:pointer}
.tw2-seg button:last-child{border-right:0}
.tw2-seg button[aria-pressed="true"]{background:linear-gradient(180deg,var(--tw-gold2),var(--tw-gold1));color:#fff;font-weight:600}
.tw2-pdf{margin-left:auto;display:inline-flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:11px 18px;cursor:pointer;color:#fff;font:600 .9rem var(--f-body);background:linear-gradient(90deg,#c08d2b,#dcb553 55%,#c39030);box-shadow:0 6px 16px -10px rgba(140,95,15,.8)}
.tw2-pdf svg{width:20px;height:24px}
.tw2 .notice{margin:0}
.home-layout .side-col .cx{position:static}
@media (max-width:640px){
  .cx,.tw2{padding:14px}
  .cx-head{flex-wrap:wrap}.cx-sel{width:100%}.cx-sel select{width:100%}
  .cx-t .cx-n{display:none}.cx-t th,.cx-t td{padding:9px 8px;font-size:.84rem}.cx-cur{gap:8px}.cx-cur .flag{width:24px;height:16px}
  .tw2-head{flex-wrap:wrap}.tw2-upd{justify-items:start;text-align:left;width:100%;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}
  .tw2-main{grid-template-columns:auto 1fr;padding:12px}.tw2-flag .flag{width:54px;height:36px}.tw2-price{grid-column:1/-1;text-align:left}.tw2-big{justify-content:flex-start}.tw2-chg{text-align:left}
  .tw2-cards{grid-template-columns:1fr}.tw2-cards b{font-size:1.15rem}
  .tw2-pdf{margin-left:0;width:100%;justify-content:center}
}
@media print{.tw2-chart,.tw2-foot,.cx-sel{display:none!important}}

/* ===== Lira sign (vector, matches the serif figures) ===== */
.lira{height:.92em;width:.72em;vertical-align:-.1em;margin-right:.02em;overflow:visible}
.tw2-sym .lira{height:.86em;width:.68em;vertical-align:-.04em}

/* ===== Below-the-chart sections restyled to the v2 look ===== */
.card{background:var(--surface);border:1px solid var(--cx-line);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(60,45,10,.04),0 14px 30px -24px rgba(60,45,10,.35)}
.card-head.v2{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.card-head.v2 .cx-ttl{display:grid;gap:2px}
.card-head.v2 .eyebrow{font:600 .68rem/1.2 var(--f-body);letter-spacing:.1em;color:var(--gold)}
.card-head.v2 h2{margin:0;font:700 clamp(1.12rem,1.8vw,1.35rem)/1.25 var(--f-serif)}
.card-head.v2 p{margin:2px 0 0;font-size:.85rem;color:var(--muted);max-width:72ch}
.card .ctl{justify-content:flex-start;margin-bottom:12px}
.sel select{border-radius:10px;border-color:var(--cx-line);padding:9px 34px 9px 12px;box-shadow:0 2px 8px -6px rgba(0,0,0,.25)}
.tablebox{border-color:var(--cx-line);border-radius:12px}
.mkt th{background:var(--cx-head);color:var(--ink);font:600 .82rem/1.2 var(--f-body);letter-spacing:0;border-bottom-color:var(--cx-line)}
.mkt td{border-bottom-color:var(--cx-line);font-family:var(--f-serif);font-weight:500;font-size:.93rem}
.mkt td .num{font-family:var(--f-serif);letter-spacing:0}
.mkt td:first-child{font-family:var(--f-body);font-weight:600}
.mkt tbody tr:nth-child(even){background:transparent}
.mkt tbody tr:first-child td{background:var(--cx-hl)}
.mkt tbody tr:hover td{background:var(--gold-soft)}
.mkt .time,.mkt .mil,.mkt .w{font-family:var(--f-body)}
.tabs button,.seg button{transition:background .15s,color .15s}
.tabs button{border-color:var(--cx-line);border-radius:10px;font-weight:500}
.tabs button[aria-selected="true"],.seg button[aria-pressed="true"]{background:linear-gradient(180deg,var(--tw-gold2),var(--tw-gold1));border-color:transparent;color:#fff;font-weight:600}
.seg{border-color:var(--cx-line);border-radius:10px;background:var(--surface)}
.seg button{border-radius:8px}
.stats div{border-color:var(--cx-line);border-radius:12px;background:var(--surface)}
.stats b{font:700 1.12rem var(--f-serif)}
.tnote{color:var(--muted)}
.sumline{background:linear-gradient(135deg,var(--cx-hl),var(--surface) 60%);border:1px solid var(--cx-line);border-radius:16px;padding:18px 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;font-family:var(--f-serif)}
.sumline p{margin:0;font-size:1rem}
.sumline p:first-child{width:100%;text-align:center;font:700 1.08rem var(--f-serif)}
.sumline b{font-family:var(--f-serif);font-weight:700}
.chart-box{border-color:var(--cx-line);border-radius:12px}
.chart-now b{font:700 1.6rem var(--f-serif)}
.conv h3{font:700 1.02rem var(--f-serif);margin-bottom:10px}
.faq details{border-color:var(--cx-line);border-radius:12px;background:var(--surface);transition:box-shadow .15s}
.faq details[open]{box-shadow:0 8px 20px -16px rgba(60,45,10,.5);border-color:var(--card-line)}
.faq summary{font:600 .98rem/1.4 var(--f-serif);padding:14px 16px;align-items:center}
.faq summary::after{content:"+";width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--cx-ico);color:var(--gold);font:600 1.1rem/1 var(--f-body)}
.faq details p{padding:0 16px 16px}
.stack>.article.solo{background:var(--surface);border:1px solid var(--cx-line);border-radius:16px;padding:clamp(18px,3vw,36px)}
.prose h2{font:700 clamp(1.2rem,2.2vw,1.5rem)/1.3 var(--f-serif);padding-bottom:8px;border-bottom:1px solid var(--cx-line)}
.prose h2::before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;background:linear-gradient(135deg,var(--tw-gold2),var(--tw-gold1));transform:rotate(45deg);margin:0 12px 3px 2px}
.prose b{font-family:var(--f-serif);font-weight:700;background:var(--cx-hl)}
.chips a{border-color:var(--cx-line);border-radius:10px}
.panel{background:var(--surface);border-color:var(--cx-line);border-radius:16px}
.panel h3,.panel .ph3{font-family:var(--f-serif)}
.related a{border-color:var(--cx-line)}
.stack{gap:22px}

/* Currency table: ounce stacks under gram on phones */
.cx-mo{display:none}
@media (max-width:640px){
  .cx-oz{display:none}
  .cx-mo{display:block;font:400 .74rem var(--f-serif);color:var(--muted);margin-top:2px}
  .cx-mo .num{font-family:var(--f-serif)}
  .cx-t td:nth-child(3){white-space:nowrap}
  .cx-head{gap:10px}.cx-ico{width:42px;height:42px}.cx-ico svg{width:24px;height:24px}
  .cx-ttl h2{font-size:1.08rem}
  .cx-chg{font-size:.8rem}
}

/* Price card: phone layout */
@media (max-width:640px){
  .tw2{gap:12px}
  .tw2-head{display:grid;grid-template-columns:auto 1fr;gap:10px}
  .tw2-upd{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:flex-start;text-align:left}
  .tw2-upd .tw2-live{margin:0}
  .tw2-main{grid-template-columns:auto 1fr;gap:12px;padding:14px}
  .tw2-flag .flag{width:52px;height:35px}
  .tw2-price{grid-column:1/-1;text-align:left;border-top:1px dashed var(--cx-line);padding-top:10px}
  .tw2-big{justify-content:flex-start;gap:6px}
  .tw2-big b{font-size:2.3rem}.tw2-sym{font-size:2.1rem}.tw2-per{font-size:1.05rem}
  .tw2-chg{text-align:left;margin-top:6px}
  .tw2-chart{padding:10px 8px 2px}.tw2-ct{font-size:.9rem;padding-left:4px}.tw2-svg{height:150px}
  .tw2-cards{grid-template-columns:1fr;gap:10px}.tw2-cards>div{padding:12px 14px;gap:12px}.tw2-ci svg{width:40px;height:34px}
  .tw2-foot{display:grid;grid-template-columns:1fr;gap:10px}
  .tw2-ccy,.tw2-csel,.tw2-csel select{width:100%}
  .tw2-seg{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .tw2-seg button{padding:11px 6px}
  .tw2-pdf{width:100%;justify-content:center;padding:13px}
  .card{padding:14px;border-radius:14px}
  .card-head.v2{gap:10px;margin-bottom:12px}
  .card-head.v2 .cx-ico{width:42px;height:42px}.card-head.v2 .cx-ico svg{width:24px;height:24px}
  .sumline{padding:14px;gap:4px 16px}
  .stack{gap:14px}
  .faq summary{font-size:.92rem;padding:12px}
  .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .tabs button{flex:none}
  .stack>.article.solo{padding:16px}
}
@media (max-width:640px){
  .card-head.v2{align-items:flex-start}
  .sel{width:100%;white-space:nowrap}.sel select{flex:1;min-width:0}
  .mkt th,.mkt td{padding:9px 7px;font-size:.82rem}
  .mkt td:first-child small{font-size:.68rem}
  #mkt td:nth-child(4),#mkt th:nth-child(4){display:none}
  .karat-t td:nth-child(4),.karat-t th:nth-child(4),.karat-t td:nth-child(5),.karat-t th:nth-child(5){display:none}
  .karat-t .mark{display:none}
  .mkt td:first-child a{gap:6px}
  .tablebox{overflow-x:auto}
}
@media (max-width:640px){#metaller .mark,#mkt .mark{display:none}#metaller td,#metaller th{padding:9px 6px}}

/* Chart type switch (candle / line) */
.ctype{display:inline-flex;margin-left:auto;border:1px solid var(--cx-line);border-radius:9px;overflow:hidden;flex:none}
.ctype button{display:inline-flex;align-items:center;gap:5px;border:0;background:var(--surface);color:var(--muted);font:600 .78rem var(--f-body);padding:6px 10px;cursor:pointer}
.ctype button+button{border-left:1px solid var(--cx-line)}
.ctype button svg{width:15px;height:15px}
.ctype button[aria-pressed="true"]{background:linear-gradient(180deg,var(--tw-gold2),var(--tw-gold1));color:#fff}
.tw2-ct{flex-wrap:wrap}
.chart-ctl-r{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.chart-ctl-r .ctype{margin-left:0}
.cdl-live{animation:cdlpulse 2s ease-in-out infinite}
@keyframes cdlpulse{50%{opacity:.6}}
@media (max-width:640px){.ctype button{padding:6px 8px}.chart-ctl-r{width:100%;justify-content:space-between}}

/* ===== Width-aware layout: currency table and price card adapt to their own box ===== */
.cx,.tw2{container-type:inline-size}
@container (max-width:620px){
  .cx-head{flex-wrap:wrap;gap:10px}
  .cx-head .cx-ttl{flex:1 1 calc(100% - 66px);min-width:0}
  .cx-head .cx-sel{flex:1 1 100%}
  .cx-head .cx-sel select{width:100%}
  .cx-ttl h2{font-size:1.12rem}
  .cx-t .cx-n,.cx-t .cx-oz{display:none}
  .cx-mo{display:block;font:400 .74rem var(--f-serif);color:var(--muted);margin-top:2px}
  .cx-t th,.cx-t td{padding:9px 8px;font-size:.86rem}
  .cx-cur{gap:8px}.cx-cur .flag{width:24px;height:16px}
  .cx-chg{font-size:.8rem}
}
@container (max-width:620px){
  .tw2-head{display:grid;grid-template-columns:auto 1fr;gap:10px}
  .tw2-upd{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:flex-start;text-align:left}
  .tw2-main{grid-template-columns:auto 1fr;gap:12px;padding:14px}
  .tw2-price{grid-column:1/-1;text-align:left;border-top:1px dashed var(--cx-line);padding-top:10px}
  .tw2-big{justify-content:flex-start}.tw2-chg{text-align:left}
  .tw2-cards{grid-template-columns:1fr}
  .tw2-foot{display:grid;grid-template-columns:1fr}
  .tw2-ccy,.tw2-csel,.tw2-csel select{width:100%}
  .tw2-seg{display:grid;grid-template-columns:repeat(3,1fr)}
  .tw2-pdf{margin-left:0;width:100%;justify-content:center}
}

/* ===== Dedicated calculator ===== */
.calcpro{container-type:inline-size}
.cp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.cp-tabs button{border:1px solid var(--cx-line);background:var(--surface);color:var(--ink);font:600 .88rem var(--f-body);padding:10px 14px;border-radius:10px;cursor:pointer}
.cp-tabs button[aria-selected="true"]{background:linear-gradient(180deg,var(--tw-gold2),var(--tw-gold1));border-color:transparent;color:#fff}
.cp-panel{display:grid;gap:14px}
.cp-help{margin:0;font-size:.86rem;color:var(--muted)}
.cp-rows{display:grid;gap:8px}
.cp-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(70px,.8fr) minmax(70px,.7fr) minmax(0,1fr) 36px;gap:8px;align-items:center;background:var(--cx-hl);border:1px solid var(--cx-line);border-radius:12px;padding:8px}
.cp-row select,.cp-row input{padding:9px 10px;font-size:.92rem;background-color:var(--surface)}
.cp-unit{font-size:.88rem;color:var(--muted);padding-left:6px}
.cp-rv{font:700 .98rem var(--f-serif);text-align:right;white-space:nowrap}
.cp-del{width:34px;height:34px;border-radius:50%;border:1px solid var(--cx-line);background:var(--surface);color:var(--muted);font-size:1.2rem;cursor:pointer}
.cp-del:hover{color:var(--down);border-color:var(--down)}
.cp-row-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cp-add{border:1px dashed var(--gold-bright);background:var(--surface);color:var(--gold);font:600 .9rem var(--f-body);padding:10px 16px;border-radius:10px;cursor:pointer}
.cp-add:hover{background:var(--gold-soft)}
.cp-inline{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--muted)}
.cp-inline input{width:90px;padding:8px 10px}
.cp-outs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cp-out{border:1px solid var(--cx-line);border-radius:12px;padding:12px 14px;display:grid;gap:3px;min-width:0;background:var(--surface)}
.cp-out.gold{background:linear-gradient(135deg,var(--cx-hl),var(--surface))}
.cp-out small{font-size:.8rem;color:var(--muted)}
.cp-out b{font:700 1.2rem/1.2 var(--f-serif);word-break:break-word}
.cp-out b[data-dir="up"]{color:var(--up-ink)}.cp-out b[data-dir="down"]{color:var(--down)}
.cp-out em{font-style:normal;font-size:.8rem;color:var(--muted)}
.cp-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}
.cp-form label{display:grid;gap:6px;font-weight:600;font-size:.84rem}
.cp-form input,.cp-form select{padding:10px 12px}
.cp-t td{white-space:nowrap}
@container (max-width:720px){
  .cp-outs{grid-template-columns:1fr 1fr}
  .cp-row{grid-template-columns:1fr 1fr 34px;grid-template-areas:"t t d" "a u v"}
  .cp-row [data-f="t"]{grid-area:t}.cp-row [data-f="a"]{grid-area:a}.cp-row [data-f="u"],.cp-row .cp-unit{grid-area:u}.cp-row .cp-rv{grid-area:v;grid-column:2/4;text-align:right}.cp-row .cp-del{grid-area:d}
  .cp-row{grid-template-areas:"t t d" "a u u" "v v v"}
  .cp-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .cp-tabs button{flex:none}
}
.cx-mc{display:none}
@container (max-width:460px){
  .cx-t .cx-ch{display:none}
  .cx-mc{display:inline}
  .cx-mc .cx-chg{font-size:.72rem}
}
.cp-u{font-weight:400;color:var(--muted)}
.cp-form label{align-content:end}

/* ===== TradingView: price card timeframes + pro analysis desk ===== */
.tradingview-widget-container{position:relative;width:100%}
.tradingview-widget-container__widget{width:100%;height:100%}
.tradingview-widget-container iframe{display:block}
.tw2-ct{justify-content:flex-start}
.tw2-pro{margin-left:auto;font:600 .82rem var(--f-body);color:var(--gold);text-decoration:none;white-space:nowrap}
.tw2-pro:hover{text-decoration:underline}
.tw2-tfbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:6px 0 8px}
.tw2-tf{display:inline-flex;border:1px solid var(--cx-line);border-radius:9px;overflow:hidden;flex-wrap:wrap}
.tw2-tf button{border:0;border-right:1px solid var(--cx-line);background:var(--surface);color:var(--ink);font:600 .8rem var(--f-body);padding:6px 10px;cursor:pointer;min-width:38px}
.tw2-tf button:last-child{border-right:0}
.tw2-tf button[aria-pressed="true"]{background:linear-gradient(180deg,var(--tw-gold2),var(--tw-gold1));color:#fff}
.tw2-tfbar .ctype{margin-left:0}
.tv-box{height:320px;border-radius:10px;overflow:hidden}
.tv-credit{margin:6px 2px 4px;font-size:.72rem;color:var(--muted)}
.tv-credit a{color:var(--muted)}
.prochart{padding-bottom:12px}
.pc-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.pc-syms{display:flex;gap:6px;flex-wrap:wrap}
.pc-syms button,.pc-fs{border:1px solid var(--cx-line);background:var(--surface);color:var(--ink);font:600 .84rem var(--f-body);padding:8px 12px;border-radius:9px;cursor:pointer;white-space:nowrap}
.pc-syms button[aria-pressed="true"]{background:linear-gradient(180deg,var(--tw-gold2),var(--tw-gold1));border-color:transparent;color:#fff}
.pc-fs:hover{border-color:var(--gold-bright)}
.pc-box{height:clamp(520px,74vh,780px);border:1px solid var(--cx-line);border-radius:12px;overflow:hidden;background:var(--surface)}
.pc-box:fullscreen{height:100vh;border-radius:0;border:0}
.pc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;margin-top:16px}
.pc-grid h3{font:700 1rem var(--f-serif);margin:0 0 8px}
.pc-ta{height:450px;border:1px solid var(--cx-line);border-radius:12px;overflow:hidden}
.pc-cal{height:450px;border:1px solid var(--cx-line);border-radius:12px;overflow:hidden}
.tv-fallback{padding:14px;border-radius:10px;background:var(--gold-soft);border:1px solid var(--card-line);font-size:.9rem}
@media (max-width:900px){.pc-grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .pc-box{height:72vh;min-height:440px}
  .pc-syms{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;width:100%}
  .pc-syms button{flex:none}
  .pc-fs{display:none}
  .tv-box{height:300px}
  .tw2-tf{width:100%;display:grid;grid-template-columns:repeat(7,1fr)}
  .tw2-tf button{min-width:0;padding:7px 2px}
  .tw2-tfbar .ctype{width:100%}.tw2-tfbar .ctype button{flex:1;justify-content:center}
}
@container (max-width:620px){
  .tw2-tf{width:100%;display:grid;grid-template-columns:repeat(7,1fr)}
  .tw2-tf button{min-width:0;padding:7px 2px}
}
@media print{.tv-box,.prochart{display:none!important}}

/* ===== Fixed-size frames for third-party embeds (they cannot grow or collapse) ===== */
.tv-frame{position:relative;height:340px;border:1px solid var(--cx-line);border-radius:12px;overflow:hidden;background:var(--surface)}
.tv-frame>.tradingview-widget-container{position:absolute!important;inset:0;width:100%!important;height:100%!important}
.tv-frame .tradingview-widget-container__widget,.tv-frame iframe{width:100%!important;height:100%!important}
.tv-frame .tradingview-widget-copyright{display:none}
.pc-frame{height:clamp(520px,72vh,760px)}
.pc-ta-f{height:470px}.pc-cal-f{height:470px}
@media (max-width:640px){.tv-frame{height:300px}.pc-frame{height:68vh;min-height:440px}.pc-ta-f{height:430px}.pc-cal-f{height:520px}}

/* ===== Ayar Chart (own engine) ===== */
.ac{position:relative;display:grid;gap:10px}
.ac-stage{position:relative;height:clamp(460px,66vh,720px);border:1px solid var(--cx-line);border-radius:12px;overflow:hidden;background:var(--surface)}
.ac-compact .ac-stage{height:320px;border-radius:10px}
.ac-chart{position:absolute;inset:0}
.ac-legend{position:absolute;z-index:3;left:10px;top:8px;right:80px;pointer-events:none;font:500 .78rem/1.5 var(--f-body);color:var(--muted);display:flex;flex-wrap:wrap;gap:2px 10px;text-shadow:0 0 6px var(--surface),0 0 2px var(--surface)}
.ac-legend b{color:var(--ink);font-weight:700}
.ac-legend em{font-style:normal;color:var(--gold)}
.ac-legend i{font-style:normal;color:var(--ink);font-variant-numeric:tabular-nums}
.ac-legend i.up{color:var(--up-ink)}.ac-legend i.dn{color:var(--down)}
.ac-compact .ac-legend span{display:none}
.ac-msg{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.9rem;z-index:2;background:var(--surface)}
.ac-hint{position:absolute;z-index:4;left:50%;top:44px;transform:translateX(-50%);background:var(--ink);color:var(--surface);font:600 .8rem var(--f-body);padding:6px 12px;border-radius:999px;pointer-events:none}
.ac-bar{display:grid;gap:8px}
.ac-grp{display:flex;gap:6px;flex-wrap:wrap}
.ac-bar button,.ac-dd summary{border:1px solid var(--cx-line);background:var(--surface);color:var(--ink);font:600 .82rem var(--f-body);padding:7px 11px;border-radius:9px;cursor:pointer;white-space:nowrap}
.ac-bar button[aria-pressed="true"]{background:linear-gradient(180deg,var(--tw-gold2),var(--tw-gold1));border-color:transparent;color:#fff}
.ac-row2{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ac-sel{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}
.ac-sel select{width:auto;padding:7px 30px 7px 10px;font:600 .82rem var(--f-body);border-radius:9px}
.ac-dd{position:relative}
.ac-dd summary{list-style:none}.ac-dd summary::-webkit-details-marker{display:none}
.ac-dd summary::after{content:" ▾";color:var(--muted)}
.ac-dd>div{position:absolute;z-index:20;top:calc(100% + 6px);left:0;background:var(--surface);border:1px solid var(--cx-line);border-radius:10px;box-shadow:var(--shadow);padding:8px;display:grid;gap:4px;min-width:170px}
.ac-dd label{display:flex;align-items:center;gap:8px;font-size:.86rem;padding:5px 6px;border-radius:6px;cursor:pointer}
.ac-dd label:hover{background:var(--gold-soft)}
.ac-tools{margin-left:auto}
.ac-toast{position:absolute;z-index:30;right:12px;bottom:12px;background:var(--down);color:#fff;font:600 .88rem var(--f-body);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}
.ac:fullscreen{background:var(--bg);padding:12px}
.ac:fullscreen .ac-stage{height:calc(100vh - 150px)}
.pc-tabs{display:flex;gap:6px;margin-bottom:12px}
.pc-tabs button{border:1px solid var(--cx-line);background:var(--surface);color:var(--ink);font:600 .88rem var(--f-body);padding:9px 16px;border-radius:10px;cursor:pointer}
.pc-tabs button[aria-selected="true"]{background:linear-gradient(180deg,var(--tw-gold2),var(--tw-gold1));border-color:transparent;color:#fff}
.pc-pane{display:grid;gap:10px}
@media (max-width:640px){
  .ac-stage{height:62vh;min-height:400px}
  .ac-compact .ac-stage{height:280px}
  .ac-grp{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}
  .ac-grp button{flex:none}
  .ac-tools{margin-left:0;width:100%}
  .ac-misc [data-ac-full]{display:none}
  .ac-legend{font-size:.72rem;right:60px}
}
.ac,.ac>*,.ac-bar,.ac-bar>*,.pc-pane,.prochart{min-width:0}
.ac-grp{max-width:100%}
.ac-dd[open]>div{max-width:calc(100vw - 48px)}

/* ===== Mobile menu: right-hand drawer with accordion groups ===== */
@media (max-width:1100px){
  .mobile-menu{position:fixed;inset:0;z-index:60;background:rgba(15,12,6,.45);display:block;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}
  .mobile-menu[data-open="true"]{visibility:visible;opacity:1}
  .mobile-menu .drawer{position:absolute;top:0;right:0;bottom:0;width:min(88vw,380px);background:var(--bg);box-shadow:-20px 0 40px -20px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:12px;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));overflow-y:auto;transform:translateX(100%);transition:transform .25s ease}
  .mobile-menu[data-open="true"] .drawer{transform:none}
  .dr-head{display:flex;align-items:center;justify-content:space-between}
  .dr-head .brand svg{width:32px;height:32px}
  .dr-search{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--cx-line);background:var(--surface);color:var(--muted);border-radius:12px;padding:12px 14px;font:500 .9rem var(--f-body);text-align:left;cursor:pointer}
  .dr-search svg{width:18px;height:18px;flex:none}
  .dr-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .dr-quick a{display:grid;justify-items:center;gap:6px;padding:12px 6px;border-radius:12px;background:var(--surface);border:1px solid var(--cx-line);color:var(--ink);text-decoration:none;font:600 .78rem var(--f-body);text-align:center}
  .dr-quick a svg{width:22px;height:22px;color:var(--gold)}
  .dr-quick a[aria-current="page"]{border-color:var(--gold-bright);background:var(--cx-hl)}
  .dr-groups{display:grid;gap:8px}
  .dr-g{background:var(--surface);border:1px solid var(--cx-line);border-radius:12px;overflow:hidden}
  .dr-g summary{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;font:700 .95rem var(--f-serif);cursor:pointer;list-style:none}
  .dr-g summary::-webkit-details-marker{display:none}
  .dr-g summary svg{width:14px;height:14px;color:var(--muted);transition:transform .2s}
  .dr-g[open] summary svg{transform:rotate(180deg)}
  .dr-g[open] summary{border-bottom:1px solid var(--cx-line);background:var(--cx-hl)}
  .dr-items{display:grid}
  .dr-items a{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;color:var(--ink);text-decoration:none;font-size:.9rem;border-bottom:1px solid var(--cx-line)}
  .dr-items a:last-child{border-bottom:0}
  .dr-items a::after{content:"›";color:var(--muted);font-size:1.1rem}
  .dr-items a[aria-current="page"]{color:var(--brand);font-weight:600}
  .dr-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
  .dr-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:12px;border:1px solid var(--cx-line);background:var(--surface);color:var(--ink);text-decoration:none;font:600 .86rem var(--f-body);cursor:pointer}
  .dr-btn svg{width:16px;height:16px}
  .mobile-menu .sheet{display:none}
}
/* Chart indicator menu opens as a bottom sheet on phones */
@media (max-width:640px){
  .ac-dd[open]>div{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));top:auto;max-width:none;z-index:70;grid-template-columns:1fr 1fr;box-shadow:0 -10px 40px -10px rgba(0,0,0,.35);padding:12px}
  .ac-dd label{padding:10px 8px;border:1px solid var(--cx-line);border-radius:9px}
}
/* History chart (engine) */
.ac-mid .ac-stage{height:clamp(360px,52vh,520px)}
@media (max-width:640px){.ac-mid .ac-stage{height:380px}}
/* reel: instrument items (non-link items for FX) */
.cb-track .cb-a{display:flex;align-items:center;gap:12px;color:var(--ink)}
.cb-track li .cb-ico{width:38px;height:34px}
@media (max-width:760px){.cb-track li .cb-ico{width:30px;height:27px}}
/* city guide table */
.cg-ref{display:flex;gap:14px;align-items:center;padding:14px 16px;margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:var(--gold-soft,#fbf3dc)}
.cg-ref p{margin:0;line-height:1.55}
.cg-ref-ico svg{width:44px;height:38px;display:block}
.cg-ref-p{white-space:nowrap}
.cg td,.cg th{vertical-align:middle}
.cg .nowrap{white-space:nowrap}
.cg-link{font-weight:600;color:var(--gold);text-decoration:none}
.cg-link:hover{text-decoration:underline}
.mkt-open{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.86rem;white-space:nowrap;color:var(--muted)}
.mkt-open::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.mkt-open[data-open="1"]{color:var(--up-ink)}
.mkt-open[data-open="0"]{color:var(--down)}
@media (max-width:640px){.cg-ref{align-items:flex-start}.cg-ref-ico{display:none}}
/* city page guide */
.cgd-q{padding:16px 18px;border-radius:14px;background:var(--gold-soft);border:1px solid var(--line);margin-bottom:16px}
.cgd-q h3{margin:0 0 6px;font:600 1.12rem var(--f-head,Lora,serif)}
.cgd-q p{margin:0;line-height:1.6}
.cgd-q .num{white-space:nowrap}
.cgd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:760px){.cgd-grid{grid-template-columns:1fr}}
.cgd-box{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--surface)}
.cgd-box h3{margin:0 0 10px;font:600 1.02rem var(--f-head,Lora,serif)}
.cgd-box dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 12px}
.cgd-box dt{color:var(--muted);font-size:.86rem}
.cgd-box dd{margin:0;font-weight:500}
.cgd-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cgd-list li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.cgd-list svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--up-ink)}
.cgd-near{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}
.cgd-near span{color:var(--muted);font-size:.9rem;margin-right:4px}
.cgd-near a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);font-weight:500;font-size:.9rem;background:var(--surface)}
.cgd-near a:hover{border-color:var(--gold)}
/* control-panel announcement banner */
.site-banner{display:flex;align-items:center;gap:12px;max-width:1240px;margin:12px auto 0;padding:12px 14px 12px 18px;border-radius:12px;background:var(--gold-soft);border:1px solid var(--gold-bright);color:var(--ink);width:calc(100% - 32px)}
.site-banner[data-kind="warn"]{background:#fff1dc;border-color:#ef9a2b}
:root[data-theme="dark"] .site-banner[data-kind="warn"]{background:#33240f}
.site-banner p{margin:0;flex:1;font-weight:500;line-height:1.5}
.site-banner button{flex:none;width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:var(--muted);font-size:1.3rem;cursor:pointer}
.site-banner button:hover{background:rgba(0,0,0,.06)}
.mkt.cg td,.mkt.cg th{text-align:left;font-family:var(--f-body);letter-spacing:0}
.mkt.cg td:nth-child(2){min-width:180px}

/* accessibility: contrast-safe gold link on cream rows */
.cg-link{color:#7d590c}
:root[data-theme="dark"] .cg-link{color:var(--gold)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cg-link{color:var(--gold)}}
/* history chart (mid mode): the card's own buttons choose range, series and candle/line,
   so hide the engine's duplicate symbol, timeframe, type and drawing rows. Indicators + full screen stay. */
.ac-mid .ac-syms,.ac-mid .ac-tfs,.ac-mid .ac-row2>.ac-sel,.ac-mid .ac-tools,.ac-mid [data-ac-shot]{display:none!important}
.ac-mid .ac-bar{margin-bottom:8px}
.ac-mid .ac-row2{justify-content:space-between}
@media (max-width:640px){
  .chart-ctl{gap:8px}
  .chart-ctl .seg.wide{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
  .chart-ctl .seg.wide::-webkit-scrollbar{display:none}
  .chart-ctl .seg.wide button{flex:none;white-space:nowrap}
  .chart-ctl-r{display:flex;flex-wrap:wrap;gap:8px}
}
/* city guide table on phones: city · market · open now (hours and link column hidden; city name is the link) */
@media (max-width:640px){
  .mkt.cg th:nth-child(3),.mkt.cg td:nth-child(3),.mkt.cg th:nth-child(5),.mkt.cg td:nth-child(5){display:none}
  .mkt.cg td:nth-child(2){min-width:0;white-space:normal}
  .mkt.cg{min-width:0;width:100%}
}
/* KPI labels may wrap to two lines instead of being cut */
@media (max-width:640px){.kpi-txt small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}}
/* currency sidebar: the small ounce/change line may wrap instead of being cut */
.cx-mo{white-space:normal!important;overflow-wrap:anywhere}
.cx-mo .cx-chg{white-space:nowrap}

/* guide-page tools */
.ratio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:4px 0 14px}
.rt{background:var(--gold-soft);border:1px solid var(--card-line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.rt small{color:var(--muted);font-size:.78rem;font-weight:600}
.rt b{font:700 1.7rem var(--f-data);font-variant-numeric:tabular-nums;color:var(--ink)}
.rt em{font-style:normal;color:var(--muted);font-size:.78rem}
.stats+.tablebox,.ratio-grid+.stats{margin-top:12px}
table.perf td:not(:first-child),table.yearly td:not(:first-child){font-variant-numeric:tabular-nums}
.report .prose p{margin:0 0 10px}
body.intl .top .wrap{justify-content:space-between}
body.intl .top-tools{gap:6px}
html[dir="rtl"] .prose ul{padding-right:1.2em;padding-left:0}
html[dir="rtl"] .mkt th,html[dir="rtl"] .mkt td{text-align:right}
@media (max-width:1440px){.nav-a,.dd summary{padding:8px 8px}}

.kpi-mkt{display:block;font:600 1rem var(--f-body);margin:2px 0}
.kpi-mkt[data-open="1"]{color:var(--up)}.kpi-mkt[data-open="0"]{color:var(--muted)}
.tv-consent{margin:18px auto 6px;display:flex}
.tv-consent-note{display:block;text-align:center;color:var(--muted);font-size:.78rem;padding:0 12px}