:root{
 --bg:#f4f1e8;--card:#fff;--text:#171713;--muted:#756f64;--gold:#b8922d;
 --gold2:#d5bc72;--line:#e7e1d3;--up:#14733b;--down:#b42318;--shadow:0 18px 55px rgba(34,28,10,.08)
}
*{box-sizing:border-box}
body{margin:0;color:var(--text);font-family:Tahoma,Arial,sans-serif;background:
 radial-gradient(circle at 15% -10%,#fff 0,#f8f5ed 35%,transparent 62%),var(--bg)}
.wrap{max-width:1160px;margin:auto;padding:34px 18px 52px}
.top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px}
.brand{display:inline-block;border:1px solid #d6c79e;color:#81691f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.top h1{font-size:clamp(32px,5vw,52px);letter-spacing:-1.5px;margin:10px 0 7px}
.top p{margin:0;color:var(--muted)}
.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.status i{width:8px;height:8px;border-radius:50%;background:#22a55a;box-shadow:0 0 0 5px #22a55a16}
.hero-card{background:linear-gradient(135deg,#11110f,#28251d);color:#fff;padding:32px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 28px 70px rgba(20,18,10,.2)}
.eyebrow{color:#d8cfbc;font-size:13px}.price{display:flex;align-items:baseline;gap:12px;margin:5px 0}
.price strong{font-size:clamp(52px,8vw,82px);letter-spacing:-3px}.price span{font-size:18px;color:var(--gold2);font-weight:700}
.change{font-weight:700;font-size:14px}.up{color:var(--up)!important}.down{color:var(--down)!important}.neutral{color:#8a857b!important}
.hero-card .up{color:#6fe39a!important}.hero-card .down{color:#ff8982!important}
.hero-side{display:grid;grid-template-columns:1fr;gap:8px;min-width:240px}
.hero-side div{display:flex;justify-content:space-between;gap:25px;padding:12px 0;border-bottom:1px solid #ffffff12}
.hero-side span{color:#bdb7aa;font-size:12px}.hero-side b{font-size:14px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:34px 2px 13px}
.section-head span,.muted{color:var(--muted);font-size:12px}.section-head h2,.chart-top h2,.position-card h2{margin:4px 0 0;font-size:21px}.section-head small{color:var(--muted)}
.karats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.karats article,.compare-grid article,.stats-row div{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:19px;box-shadow:0 8px 24px rgba(34,28,10,.04)}
.karats article.focus{border-color:#cfb361;box-shadow:inset 0 0 0 1px #e7d698,0 8px 24px rgba(34,28,10,.05)}
.karats span{font-size:13px;color:var(--muted)}.karats b{display:block;font-size:28px;margin:9px 0 5px}.karats em{font-style:normal;color:#9a9488;font-size:11px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:24px;margin-top:16px;box-shadow:var(--shadow)}
.chart-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.pill{padding:8px 12px;border-radius:999px;background:#f4f1e8;font-weight:700;font-size:13px}
.periods{display:flex;gap:7px;overflow:auto;padding:18px 0 10px}
.periods button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;cursor:pointer;color:#5f594e;white-space:nowrap;font-family:inherit}
.periods button.active{background:#171713;color:#fff;border-color:#171713}
.chart-wrap{height:330px;position:relative;margin-top:4px}.chart-wrap canvas{width:100%;height:330px;display:block}
.tooltip{position:absolute;z-index:5;background:#171713;color:#fff;border-radius:12px;padding:9px 11px;font-size:12px;pointer-events:none;min-width:135px;box-shadow:0 10px 30px #0003}
.tooltip b,.tooltip span{display:block}.tooltip span{color:#cfc8b7;margin-top:3px}
.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.compare-grid span{color:var(--muted);font-size:12px}.compare-grid b{display:block;font-size:25px;margin:8px 0 4px}.compare-grid small{color:#918b80}
.position-card{margin-top:16px;background:linear-gradient(135deg,#fff,#fbf8ef);border:1px solid var(--line);border-radius:26px;padding:24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}
.position-card p{margin:9px 0 0;color:var(--muted);line-height:1.8;font-size:13px}.meter{height:9px;border-radius:999px;background:#e7e1d3;position:relative;overflow:visible}
.meter i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#b8922d,#dfc873);transition:width .5s}
.meter u{position:absolute;top:-3px;width:15px;height:15px;background:#171713;border:3px solid white;box-shadow:0 0 0 1px #c9c0aa;border-radius:50%;text-decoration:none;transition:right .5s}
.meter-labels{display:flex;justify-content:space-between;margin-top:11px;font-size:11px;color:var(--muted)}.meter-labels b{color:var(--text)}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.stats-row span{display:block;color:var(--muted);font-size:12px}.stats-row b{display:block;margin-top:8px;font-size:16px}
footer{padding:28px 4px 0;color:#898378;font-size:11px;line-height:1.9}
@media(max-width:800px){
 .top,.hero-card{align-items:flex-start;flex-direction:column}.hero-side{width:100%;min-width:0}
 .karats,.compare-grid,.stats-row{grid-template-columns:repeat(2,1fr)}
 .position-card{grid-template-columns:1fr}.price strong{letter-spacing:-2px}
}
@media(max-width:480px){
 .wrap{padding:22px 12px 40px}.hero-card{padding:23px;border-radius:22px}.karats,.compare-grid,.stats-row{grid-template-columns:1fr 1fr;gap:8px}
 .karats article,.compare-grid article,.stats-row div{padding:15px;border-radius:16px}
 .karats b{font-size:23px}.panel{padding:16px;border-radius:20px}
}.chart-note{color:var(--muted);font-size:11px;line-height:1.9;margin:12px 4px 0}
footer a{color:#8e6d22;text-decoration:underline;text-underline-offset:3px}
.status i.delayed{background:#d7a02a;box-shadow:0 0 0 5px #d7a02a22}

/* AdSense — two modest, clearly separated fixed-size units. */
.gold-ad{
  display:flex;align-items:center;flex-direction:column;gap:9px;
  width:100%;margin:18px auto;padding:14px 12px 16px;
  border:1px solid #e9e2d2;border-radius:19px;
  background:#fffdf8;
}
.gold-ad--secondary{margin-top:17px}
.gold-ad__caption{font-size:11px;letter-spacing:.3px;color:#8e8779}
.gold-ad__viewport{
  box-sizing:border-box;display:block;width:100%;max-width:100%;
  overflow-x:auto;overflow-y:hidden;text-align:center;white-space:nowrap;
  min-height:90px;direction:ltr;
}
.gold-ad__viewport .adsbygoogle{vertical-align:top}
@media(max-width:390px){
  .gold-ad{padding-inline:7px;border-radius:14px}
  .gold-ad__viewport{text-align:left}
}


/* GoldPriceToday v2.2.1 — locale selector + heading refinements */
.site-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.site-logo{
  color:var(--text);
  text-decoration:none;
  font-weight:700;
  white-space:nowrap;
}
.site-logo span{color:var(--gold);margin-inline-end:7px}
.locale-pickers{
  display:grid;
  grid-template-columns:auto minmax(145px,1fr) auto minmax(190px,1.2fr);
  gap:8px 10px;
  align-items:center;
}
.locale-pickers label{
  color:var(--muted);
  font-size:12px;
  white-space:nowrap;
}
.locale-pickers select{
  min-height:42px;
  max-width:100%;
  padding:8px 34px 8px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--text);
  font:inherit;
  cursor:pointer;
}
html[dir="rtl"] .locale-pickers select{
  padding:8px 12px 8px 34px;
}
.top h1{
  font-size:clamp(30px,4.3vw,58px);
  line-height:1.18;
  max-width:1000px;
}
.top .lead{
  max-width:950px;
  line-height:1.85;
}
.hero-illustration{
  max-width:43%;
  height:auto;
  object-fit:contain;
  opacity:.86;
}

@media(max-width:820px){
  .site-tools{align-items:flex-start;flex-direction:column}
  .locale-pickers{
    width:100%;
    grid-template-columns:auto 1fr;
  }
  .hero-illustration{max-width:100%;width:100%}
}