:root{
  --bg:#070604;--panel:#11100c;--panel2:#17140e;--line:rgba(255,210,122,.18);
  --gold:#f6c45e;--gold2:#fff0b6;--text:#f8f3e7;--muted:#b9ad92;
  --green:#28e18d;--red:#ff4e5f;--blue:#74b7ff;--shadow:0 16px 36px rgba(0,0,0,.34);--radius:18px;
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,190,79,.14),transparent 30%),radial-gradient(circle at top right,rgba(72,112,150,.16),transparent 24%),linear-gradient(135deg,#050403 0%,#0d0b08 48%,#050403 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,210,122,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,210,122,.024) 1px,transparent 1px);background-size:42px 42px;opacity:.82;mask-image:radial-gradient(circle at 50% 28%,#000 0%,transparent 82%)}
.page{position:relative;z-index:1;width:min(100vw,1920px);min-height:100dvh;max-height:100dvh;margin:0 auto;padding:clamp(7px,.7vw,14px);display:flex;flex-direction:column;gap:clamp(6px,.6vw,10px);overflow:hidden}
.topbar{display:grid;grid-template-columns:minmax(180px,220px) minmax(320px,1fr) minmax(560px,680px) minmax(84px,104px);gap:clamp(6px,.6vw,10px);align-items:center;min-height:62px}
.brand{height:62px;border:1px solid rgba(255,222,160,.42);border-radius:18px;background:radial-gradient(circle at 20% 38%,rgba(239,112,31,.20),transparent 34%),radial-gradient(circle at 80% 62%,rgba(38,100,135,.24),transparent 42%),linear-gradient(135deg,rgba(24,16,10,.98),rgba(7,7,6,.96) 48%,rgba(12,18,20,.98));display:flex;align-items:center;justify-content:center;padding:5px 11px;box-shadow:0 0 0 1px rgba(255,255,255,.055) inset,0 18px 42px rgba(0,0,0,.42),0 0 28px rgba(246,196,94,.18);overflow:hidden}
.brand img{max-height:56px;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.70)) drop-shadow(0 0 13px rgba(246,196,94,.20))}
.ticker{height:62px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(90deg,rgba(246,196,94,.13),rgba(255,255,255,.03),rgba(246,196,94,.10));overflow:hidden;display:flex;align-items:center;position:relative;box-shadow:var(--shadow)}
.ticker::before,.ticker::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.ticker::before{left:0;background:linear-gradient(90deg,#13100b,transparent)}.ticker::after{right:0;background:linear-gradient(270deg,#13100b,transparent)}
.ticker-track{white-space:nowrap;display:inline-flex;gap:56px;font-weight:950;letter-spacing:.17em;font-size:clamp(16px,1.42vw,30px);color:var(--gold2);text-transform:uppercase;animation:marquee 22s linear infinite;text-shadow:0 0 16px rgba(246,196,94,.24)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.timebox{height:62px;display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:560px}.time-pill{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:7px 10px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:visible}.time-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.time-value{font-size:clamp(10px,.68vw,13px);font-weight:950;margin-top:3px;line-height:1.12;white-space:nowrap;overflow:visible!important;text-overflow:clip!important;word-break:keep-all}.time-zone{font-size:clamp(7px,.48vw,9px);color:#d8c7a2;margin-top:2px;line-height:1.12;white-space:nowrap;overflow:visible!important;text-overflow:clip!important}.home-btn{height:62px;border:1px solid rgba(246,196,94,.38);border-radius:18px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#17100a;background:linear-gradient(135deg,#fff0b6,#f6c45e);font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(11px,.74vw,13px);box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 24px rgba(246,196,94,.18)}.home-btn:hover{filter:brightness(1.08)}
.top-grid{display:grid;grid-template-columns:1.32fr .92fr .92fr;gap:clamp(6px,.6vw,10px)}
.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),radial-gradient(circle at top right,rgba(246,196,94,.08),transparent 45%);box-shadow:var(--shadow);padding:clamp(9px,.78vw,14px);position:relative;overflow:hidden;min-width:0}.card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.055),transparent);transform:translateX(-120%);opacity:.55;pointer-events:none}.card.live::after{animation:sheen 6s ease-in-out infinite}@keyframes sheen{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin-bottom:5px}.label{font-size:clamp(9px,.62vw,12px);font-weight:850;letter-spacing:.11em;color:var(--muted);text-transform:uppercase}.subtle{font-size:clamp(8px,.55vw,10px);color:var(--muted);line-height:1.28}.city{font-size:clamp(8px,.56vw,10px);color:#d8c7a2;font-weight:800;text-transform:uppercase;letter-spacing:.09em;margin-top:2px}
.price-big{font-size:clamp(38px,3.7vw,72px);line-height:.95;letter-spacing:-.06em;font-weight:950;color:var(--gold2);text-shadow:0 0 22px rgba(246,196,94,.19);white-space:nowrap;margin-top:4px}.price-main{font-size:clamp(22px,1.82vw,38px);line-height:1;letter-spacing:-.045em;font-weight:950;color:var(--gold2);white-space:nowrap;margin:5px 0 5px}.price-sub{font-size:clamp(10px,.68vw,12px);font-weight:900;color:#e9d8ae;text-transform:uppercase;letter-spacing:.07em;margin-top:4px}.small-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:6px;margin-top:6px}.metric{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;font-size:clamp(9px,.62vw,12px)}.metric span:first-child{color:var(--muted)}.metric strong{font-weight:950;color:#fff;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.metric-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.fx-card .metric{font-size:clamp(13px,.94vw,18px);margin-top:9px}.fx-card .metric strong{font-size:clamp(18px,1.42vw,29px);letter-spacing:-.045em}.fx-card .currency-badge{font-size:clamp(10px,.7vw,13px);padding:6px 10px}.indonesia-card{border-color:rgba(246,196,94,.62);background:radial-gradient(circle at top left,rgba(246,196,94,.24),transparent 42%),linear-gradient(135deg,rgba(255,239,182,.12),rgba(255,255,255,.026)),radial-gradient(circle at bottom right,rgba(255,210,122,.16),transparent 45%);box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 34px rgba(246,196,94,.20),inset 0 0 0 1px rgba(255,240,182,.10)}.indonesia-card .price-main{font-size:clamp(25px,2.04vw,42px);text-shadow:0 0 24px rgba(246,196,94,.36);letter-spacing:-.055em}.indonesia-card .currency-badge{background:linear-gradient(135deg,#fff0b6,#f6c45e);color:#1c1308;border-color:rgba(255,255,255,.5);box-shadow:0 0 18px rgba(246,196,94,.28)}.primary-badge{display:inline-flex;align-items:center;margin-left:5px;padding:2px 6px;border-radius:999px;background:linear-gradient(135deg,#fff0b6,#f6c45e);color:#1a1208;font-size:clamp(7px,.45vw,8px);font-weight:1000;letter-spacing:.08em;vertical-align:middle;animation:primaryGlow 2.4s ease-in-out infinite}@keyframes primaryGlow{0%,100%{filter:drop-shadow(0 0 1px rgba(246,196,94,.35))}50%{filter:drop-shadow(0 0 10px rgba(246,196,94,.75))}}
.market-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:clamp(9px,.6vw,11px);font-weight:950;white-space:nowrap;text-transform:uppercase;letter-spacing:.07em}.market-badge::before{content:"";width:9px;height:9px;border-radius:50%}.market-badge.open{color:#dffff0;background:rgba(40,225,141,.1);animation:pulseGreen 1.35s infinite}.market-badge.open::before{background:var(--green);box-shadow:0 0 12px var(--green)}.market-badge.closed{color:#ffe7ea;background:rgba(255,78,95,.11);animation:pulseRed 1.35s infinite}.market-badge.closed::before{background:var(--red);box-shadow:0 0 12px var(--red)}@keyframes pulseGreen{0%{box-shadow:0 0 0 0 rgba(40,225,141,.34)}70%{box-shadow:0 0 0 10px rgba(40,225,141,0)}100%{box-shadow:0 0 0 0 rgba(40,225,141,0)}}@keyframes pulseRed{0%{box-shadow:0 0 0 0 rgba(255,78,95,.34)}70%{box-shadow:0 0 0 10px rgba(255,78,95,0)}100%{box-shadow:0 0 0 0 rgba(255,78,95,0)}}
.ny-time{font-weight:950;color:#fff;margin-top:2px;font-size:clamp(10px,.7vw,13px);white-space:nowrap}.refresh-inline{font-size:clamp(8px,.52vw,10px);color:var(--muted);font-weight:850;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;gap:5px;align-items:center}.count{color:var(--gold2);font-variant-numeric:tabular-nums}.flag{display:inline-block;font-size:clamp(20px,1.35vw,28px);line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.32));animation:flagWave 3.2s ease-in-out infinite;transform-origin:bottom center}.flag.small{font-size:clamp(17px,1.05vw,22px)}@keyframes flagWave{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.06)}}
.arrow{display:inline-block;font-weight:1000;font-size:1.38em;line-height:1;vertical-align:middle;opacity:1;min-width:1em;text-align:center;text-shadow:0 0 13px currentColor;transition:opacity .35s ease,width .35s ease,min-width .35s ease}.arrow.is-hidden{opacity:0!important;width:0!important;min-width:0!important;margin:0!important;overflow:hidden}.price-sub .arrow{font-size:1.68em;margin-left:7px}.metric .arrow{font-size:1.58em}.up{color:var(--green)!important}.down{color:var(--red)!important}.flat{color:var(--muted)!important}.arrow-bounce-up{animation:arrowUp 2.05s ease}.arrow-bounce-down{animation:arrowDown 2.05s ease}@keyframes arrowUp{0%{transform:translateY(8px) scale(.9);opacity:.35}28%,66%{transform:translateY(-4px) scale(1.46);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes arrowDown{0%{transform:translateY(-8px) scale(.9);opacity:.35}28%,66%{transform:translateY(4px) scale(1.46);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}.spot-move{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;vertical-align:middle;min-width:64px;font-weight:1000;font-variant-numeric:tabular-nums;text-shadow:0 0 13px currentColor}.spot-move.is-hidden{display:none!important}.spot-move.spot-arrow{font-size:1.72em;line-height:1;min-width:1em}.spot-move.spot-percent{font-size:clamp(10px,.68vw,12px);line-height:1;padding:3px 7px;border-radius:999px;border:1px solid currentColor;background:rgba(255,255,255,.045);letter-spacing:.04em}.trend-under-title{margin-top:4px;max-width:920px;color:#e6d6b2}.chart-title-block{min-width:0;flex:1}.trend-row{justify-content:flex-end}.trend-metric{white-space:nowrap}
.gold-up{animation:goldUp 2.15s ease}.gold-down{animation:goldDown 2.15s ease}.fx-up{animation:fxUp 2.75s cubic-bezier(.2,.9,.2,1)}.fx-down{animation:fxDown 2.75s cubic-bezier(.2,.9,.2,1)}@keyframes goldUp{0%{color:inherit;transform:scale(1)}14%,72%{color:var(--green);filter:drop-shadow(0 0 18px rgba(40,225,141,.82));transform:scale(1.04)}100%{color:inherit;filter:none;transform:scale(1)}}@keyframes goldDown{0%{color:inherit;transform:scale(1)}14%,72%{color:var(--red);filter:drop-shadow(0 0 18px rgba(255,78,95,.82));transform:scale(1.04)}100%{color:inherit;filter:none;transform:scale(1)}}@keyframes fxUp{0%{color:inherit;transform:scale(1)}12%,74%{color:var(--green);filter:drop-shadow(0 0 17px rgba(40,225,141,.82));transform:scale(1.24)}84%{transform:scale(.96)}100%{color:inherit;filter:none;transform:scale(1)}}@keyframes fxDown{0%{color:inherit;transform:scale(1)}12%,74%{color:var(--red);filter:drop-shadow(0 0 17px rgba(255,78,95,.82));transform:scale(1.24)}84%{transform:scale(.96)}100%{color:inherit;filter:none;transform:scale(1)}}.value-up{color:var(--green)!important;text-shadow:0 0 14px rgba(40,225,141,.48);animation:valueGlowUp 2.8s ease-in-out infinite}.value-down{color:var(--red)!important;text-shadow:0 0 14px rgba(255,78,95,.50);animation:valueGlowDown 2.8s ease-in-out infinite}@keyframes valueGlowUp{0%,100%{filter:drop-shadow(0 0 1px rgba(40,225,141,.28))}50%{filter:drop-shadow(0 0 13px rgba(40,225,141,.72))}}@keyframes valueGlowDown{0%,100%{filter:drop-shadow(0 0 1px rgba(255,78,95,.28))}50%{filter:drop-shadow(0 0 13px rgba(255,78,95,.72))}}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,.6vw,10px)}.country-card{min-height:112px;padding:clamp(8px,.68vw,12px)}.country-title{display:flex;align-items:center;gap:8px}.country-title h3{margin:0;font-size:clamp(12px,.82vw,16px);letter-spacing:.01em;white-space:nowrap}.currency-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(246,196,94,.28);background:rgba(246,196,94,.11);border-radius:999px;padding:5px 8px;font-size:clamp(9px,.58vw,11px);font-weight:950;color:var(--gold2)}.country-price{font-size:clamp(27px,2.02vw,44px);font-weight:950;letter-spacing:-.068em;color:var(--gold2);white-space:nowrap;margin:2px 0 0;line-height:.94}.country-card .metric{font-size:clamp(10px,.70vw,13px);margin-top:4px}.country-card .metric strong{font-size:clamp(13px,.92vw,18px);letter-spacing:-.035em}.divider{height:1px;background:rgba(255,255,255,.08);margin:5px 0}.source-note{font-size:clamp(7px,.48vw,9px);color:#a89a7b;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:clip}#antamSource{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block;line-height:1.22;max-height:none;font-size:clamp(8px,.52vw,10px);padding-right:2px}.status-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(40,225,141,.32);background:rgba(40,225,141,.08);color:#dffff0;border-radius:999px;padding:3px 7px;font-size:clamp(7px,.44vw,8.5px);font-weight:950;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}.status-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulseDot 1.5s ease-in-out infinite}.status-chip.cache{border-color:rgba(246,196,94,.34);background:rgba(246,196,94,.08);color:#fff0b6}.status-chip.cache::before{background:var(--gold);box-shadow:0 0 8px var(--gold)}@keyframes pulseDot{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}

.top-status-chip{padding:6px 9px;font-size:clamp(8px,.52vw,10px);box-shadow:0 0 13px rgba(40,225,141,.12)}
.retail-rotator{margin-top:5px;min-height:31px;max-height:31px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1.08}
.retail-main{font-size:clamp(13px,.92vw,18px);font-weight:950;color:#fff0b6;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(246,196,94,.16)}
.retail-sub{font-size:clamp(8px,.54vw,10px);font-weight:900;color:#d8c7a2;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.indonesia-card .retail-rotator{min-height:38px;max-height:38px;margin-top:5px}.indonesia-card .retail-main{font-size:clamp(14px,1.02vw,20px)}.indonesia-card .retail-sub{font-size:clamp(8px,.58vw,10.5px)}

.chart-card{flex:1;min-height:0;display:flex;flex-direction:column;padding:clamp(7px,.62vw,11px)}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:2px}.chart-title{font-size:clamp(14px,.95vw,18px);font-weight:950;color:#fff}.chart-title-block{min-width:0;flex:1}.chart-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.select-wrap{display:flex;align-items:center;gap:6px}select{appearance:none;border:1px solid rgba(246,196,94,.3);background:#15120d;color:#fff;border-radius:12px;padding:7px 28px 7px 10px;font-weight:900;font-size:clamp(10px,.65vw,12px);outline:none;background-image:linear-gradient(45deg,transparent 50%,#f6c45e 50%),linear-gradient(135deg,#f6c45e 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}.chart-wrap{flex:1;min-height:142px;height:clamp(142px,18.2vh,218px);border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016));overflow:hidden;position:relative}canvas{display:block;width:100%;height:100%;max-width:100%}.trend-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:4px}.trend-text{font-size:clamp(9px,.62vw,12px);color:#e6d6b2;line-height:1.22}.trend-text strong{color:#fff}.trend-under-title{margin-top:2px;max-width:1500px;color:#e6d6b2;white-space:normal;overflow:visible;font-size:clamp(8px,.50vw,9.6px);line-height:1.10}.trend-arrow{display:inline-block;font-size:1.25em;margin-right:6px;font-weight:1000}.trend-metric{white-space:nowrap}.refresh-foot{font-size:clamp(8px,.52vw,10px);color:#a99a78;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;text-align:right}.footer{min-height:22px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#b6a681;font-size:clamp(8px,.55vw,10px);padding:0 2px}.footer strong{color:#f4d88a}.footer a{color:#f4d88a;text-decoration:none}

/* v27 final polish: stronger Indonesia focus, sharper chart visibility, cleaner trend line */
.indonesia-card{
  border-color:rgba(255,210,122,.52)!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.12),transparent 26%),
    radial-gradient(circle at 86% 18%,rgba(246,196,94,.20),transparent 38%),
    linear-gradient(135deg,rgba(255,210,122,.125),rgba(255,255,255,.026) 42%,rgba(255,210,122,.07));
  box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.055) inset,0 0 34px rgba(246,196,94,.16);
}
.indonesia-card::before{
  content:"INDONESIA";
  position:absolute;
  right:-14px;
  top:12px;
  transform:rotate(10deg);
  font-size:clamp(16px,1.6vw,30px);
  font-weight:1000;
  letter-spacing:.14em;
  color:rgba(255,240,182,.065);
  pointer-events:none;
}
.indonesia-card .label{color:#fff0b6;text-shadow:0 0 14px rgba(246,196,94,.20)}
.indonesia-card .price-main{
  font-size:clamp(26px,2.08vw,43px);
  color:#fff3bd;
  text-shadow:0 0 24px rgba(246,196,94,.24);
}
.indonesia-card .currency-badge{
  border-color:rgba(255,240,182,.50);
  background:linear-gradient(135deg,rgba(255,240,182,.24),rgba(246,196,94,.10));
  color:#fff3bd;
}
.indonesia-card .status-chip{
  border-color:rgba(255,240,182,.44);
  background:rgba(246,196,94,.12);
  color:#fff0b6;
}

/* v51.1.0 — official BI benchmark + separate BCA operational quote lane. */
.fx-card{overflow:hidden}
.fx-card .fx-official-row{margin-top:3px;padding:2px 0}
.fx-card .fx-official-row>span{color:#ead6a8;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.fx-card .fx-official-row strong{font-size:clamp(14px,1.02vw,20px);font-variant-numeric:tabular-nums}
.fx-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:2px}
.fx-bank-cell{min-width:0;padding:6px 7px;border:1px solid rgba(116,183,255,.17);border-radius:11px;background:linear-gradient(135deg,rgba(116,183,255,.075),rgba(255,255,255,.022));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.fx-bank-cell>span{display:block;color:#b9cce2;font-size:clamp(7px,.47vw,9px);font-weight:950;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-bank-cell strong{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:3px;color:#edf7ff;font-size:clamp(11px,.79vw,15px);font-weight:1000;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.035em;white-space:nowrap}
.fx-bank-cell .arrow{font-size:1.3em}
.fx-meta-line{display:flex;align-items:center;gap:7px;margin-top:6px;min-width:0}
.fx-meta-line .status-chip{flex:0 0 auto}
.fx-meta-line .source-note{flex:1;min-width:0;margin:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.country-idr-row{min-width:0}
.country-idr-row>span:first-child{max-width:42%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.country-idr-row .country-idr-value{min-width:0;max-width:58%;font-variant-numeric:tabular-nums;white-space:nowrap}
.country-idr-row.is-bank .country-idr-value{font-size:clamp(10px,.70vw,13.5px);letter-spacing:-.045em}
.country-idr-row.is-bank>span:first-child{color:#b9cce2}
.country-idr-row.is-bi>span:first-child{color:#e0c98f}
.country-idr-row.is-unavailable{opacity:.68}
.country-idr-row.is-unavailable .country-idr-value{color:var(--muted)!important;text-shadow:none!important;animation:none!important}

/* Search-visible context rendered with the local collector snapshot. */
.market-context{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.7fr) auto;align-items:center;gap:clamp(8px,.75vw,14px);min-width:0;padding:7px clamp(9px,.78vw,14px);border:1px solid rgba(246,196,94,.22);border-radius:15px;background:linear-gradient(135deg,rgba(246,196,94,.085),rgba(255,255,255,.025) 48%,rgba(116,183,255,.055));box-shadow:0 12px 28px rgba(0,0,0,.24)}
.market-context-title{min-width:0}.context-kicker{color:#d5bf8b;font-size:clamp(6.5px,.43vw,8px);font-weight:950;letter-spacing:.10em;text-transform:uppercase;white-space:nowrap}.market-context h1{margin:1px 0 0;color:#fff0b6;font-size:clamp(17px,1.24vw,24px);line-height:1;font-weight:1000;letter-spacing:-.025em}.market-context-title p{margin:2px 0 0;color:#cbbd9d;font-size:clamp(7.5px,.50vw,9.5px);line-height:1.1}
.methodology-points{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;white-space:nowrap}.methodology-points span,.methodology-points a{display:inline-flex;align-items:center;min-height:22px;padding:4px 7px;border:1px solid rgba(255,255,255,.085);border-radius:999px;background:rgba(0,0,0,.14);color:#dfd2b5;font-size:clamp(6.4px,.43vw,8.2px);font-weight:850;letter-spacing:.025em;text-decoration:none}.methodology-points strong{color:#fff0b6}.methodology-points a{border-color:rgba(246,196,94,.34);background:rgba(246,196,94,.10);color:#fff0b6;font-weight:950}.methodology-points a:hover{border-color:rgba(255,240,182,.65);background:rgba(246,196,94,.16)}
.snapshot-source{color:#cdbb94;font-size:clamp(6.5px,.44vw,8.4px);font-weight:850;line-height:1.2;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.noscript-note{padding:6px 9px;border:1px solid rgba(246,196,94,.28);border-radius:10px;background:rgba(246,196,94,.08);color:#fff0b6;font-size:10px}.footer-nav{display:flex;align-items:center;gap:8px;white-space:nowrap}.footer-nav a{color:#f4d88a;text-decoration:none}.footer-nav a:hover{text-decoration:underline}
.country-idr-row>span:first-child{font-size:clamp(6.2px,.46vw,8.8px);font-weight:950;letter-spacing:.018em;text-overflow:clip}

/* v51.2.1 — persistent gold movement percentage + local-currency amount. */
.price-sub.has-gold-move{display:flex;align-items:center;gap:0;min-width:0;white-space:nowrap}
.gold-move{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;vertical-align:middle;min-width:0;max-width:100%;font-weight:1000;font-variant-numeric:tabular-nums;text-shadow:0 0 13px currentColor;white-space:nowrap}
.gold-move.is-hidden{display:none!important}
.gold-move.gold-move-arrow{font-size:1.72em;line-height:1;min-width:1em}
.gold-move.gold-move-summary{font-size:clamp(9px,.62vw,11px);line-height:1;padding:3px 7px;border-radius:999px;border:1px solid currentColor;background:rgba(255,255,255,.045);letter-spacing:.035em;animation:goldMoveSummaryIn .34s ease-out}
.gold-move.gold-move-summary.up{background:rgba(40,225,141,.075)}
.gold-move.gold-move-summary.down{background:rgba(255,78,95,.075)}
.country-card .gold-move.gold-move-summary{font-size:clamp(8px,.50vw,9.5px);padding:2px 6px;margin-left:5px;letter-spacing:.025em}
.indonesia-card .gold-move.gold-move-summary{font-size:clamp(8.5px,.56vw,10.5px)}
@keyframes goldMoveSummaryIn{from{opacity:.25;transform:translateY(2px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){.gold-move.gold-move-summary{animation:none!important}}