/* ===== Gold prices page + footer strip ===== */
.gold-page{margin-top:-1px;padding-bottom:48px;background:linear-gradient(180deg,#fffbeb 0%,#fff 280px)}
.gold-page__hero{background:linear-gradient(135deg,#451a03 0%,#78350f 40%,#92400e 100%);color:#fff;padding:40px 0 48px;position:relative;overflow:hidden}
.gold-page__hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 40%,rgba(251,191,36,.22) 0%,transparent 45%),radial-gradient(circle at 85% 20%,rgba(255,255,255,.08) 0%,transparent 40%);pointer-events:none}
.gold-page__hero-inner{position:relative;text-align:center}
.gold-page__live-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.2);font-size:12px;font-weight:800;margin-bottom:14px}
.gold-page__live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.25);animation:gold-pulse 1.8s ease-in-out infinite}
@keyframes gold-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}
.gold-page__title{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.35rem);font-weight:900;line-height:1.3}
.gold-page__subtitle{margin:0 0 12px;opacity:.88;font-size:1rem}
.gold-page__updated{margin:0;font-size:.9rem;opacity:.82}
.gold-page__stale{display:inline-block;margin-inline-start:8px;padding:2px 8px;border-radius:999px;background:rgba(239,68,68,.25);font-size:11px;font-weight:700}
.gold-page__crosslink,.fx-page__crosslink{margin:12px 0 0;font-size:.9rem}
.gold-page__crosslink a,.fx-page__crosslink a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-weight:700;transition:background .2s ease}
.gold-page__crosslink a:hover,.fx-page__crosslink a:hover{background:rgba(255,255,255,.24)}
.gold-page__body{margin-top:-24px;position:relative;z-index:1;display:grid;gap:18px}

/* Currency page hero */
.fx-page{margin-top:-1px;padding-bottom:48px;background:linear-gradient(180deg,#eff6ff 0%,#fff 280px)}
.fx-page__hero{background:linear-gradient(135deg,var(--color-secondary,#1e293b) 0%,#0f172a 45%,color-mix(in srgb,var(--color-primary,#0ea5e9) 35%,#0f172a) 100%);color:#fff;padding:40px 0 48px;position:relative;overflow:hidden}
.fx-page__hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 40%,color-mix(in srgb,var(--color-primary,#0ea5e9) 22%,transparent) 0%,transparent 45%),radial-gradient(circle at 85% 20%,rgba(255,255,255,.08) 0%,transparent 40%);pointer-events:none}
.fx-page__hero-inner{position:relative;text-align:center}
.fx-page__live-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.2);font-size:12px;font-weight:800;margin-bottom:14px}
.fx-page__live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.25);animation:gold-pulse 1.8s ease-in-out infinite}
.fx-page__title{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.35rem);font-weight:900;line-height:1.3}
.fx-page__subtitle{margin:0 0 12px;opacity:.88;font-size:1rem}
.fx-page__updated{margin:0;font-size:.9rem;opacity:.82}
.fx-page__stale{display:inline-block;margin-inline-start:8px;padding:2px 8px;border-radius:999px;background:rgba(239,68,68,.25);font-size:11px;font-weight:700}
.fx-page__body{margin-top:-24px;position:relative;z-index:1;display:grid;gap:18px}

.gold-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.gold-card{padding:16px 14px;border-radius:16px;background:#fff;border:1px solid #fde68a;box-shadow:0 8px 24px rgba(180,83,9,.08);text-align:center}
.gold-card--featured{grid-column:span 1;border-color:#f59e0b;background:linear-gradient(165deg,#fffbeb 0%,#fff 100%);box-shadow:0 10px 28px rgba(245,158,11,.18)}
.gold-card__label{display:block;font-size:12px;font-weight:800;color:#92400e;margin-bottom:6px}
.gold-card__sell{display:block;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:900;color:#78350f;line-height:1.1;transition:color .25s ease}
.gold-card__unit{display:block;margin-top:4px;font-size:11px;color:#a16207;font-weight:700}
.gold-card__buy{display:block;margin-top:8px;font-size:11px;color:#78716c}
.gold-card__buy b{font-weight:800;color:#44403c}
.gold-card.is-flash .gold-card__sell{color:#059669}

.gold-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.gold-stat{padding:14px 12px;border-radius:14px;background:#fff;border:1px solid #e7e5e4;text-align:center}
.gold-stat__label{display:block;font-size:11px;font-weight:800;color:#78716c;margin-bottom:4px}
.gold-stat__value{display:block;font-size:1.15rem;font-weight:900;color:#1c1917;line-height:1.2}
.gold-stat__hint{display:block;margin-top:4px;font-size:10px;color:#a8a29e;font-weight:600}

.gold-trend{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:14px;border-radius:16px;background:#fff;border:1px solid #e7e5e4}
.gold-trend__item{text-align:center;padding:8px}
.gold-trend__item span{display:block;font-size:11px;font-weight:700;color:#78716c;margin-bottom:4px}
.gold-trend__item strong{display:block;font-size:1.05rem;font-weight:900;color:#1c1917}
.gold-trend__item small{font-size:11px;color:#a8a29e;font-weight:700}
.gold-trend--is-up .gold-trend__item:first-child strong{color:#059669}
.gold-trend--is-down .gold-trend__item:first-child strong{color:#dc2626}
.gold-trend__item--advice strong{color:#b45309}

.gold-panel{padding:20px 18px;border-radius:18px;background:#fff;border:1px solid #e7e5e4;box-shadow:0 6px 22px rgba(15,23,42,.04)}
.gold-panel__title{margin:0 0 6px;font-size:1.15rem;font-weight:900;color:#1c1917}
.gold-panel__desc{margin:0 0 14px;font-size:.9rem;color:#78716c}
.gold-panel--empty{text-align:center;padding:40px 20px;color:#78716c}
.gold-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gold-table{width:100%;border-collapse:collapse;font-size:.9rem}
.gold-table th,.gold-table td{padding:11px 12px;border-bottom:1px solid #f5f5f4;text-align:right;white-space:nowrap}
.gold-table thead th{background:#fffbeb;color:#92400e;font-weight:800;font-size:12px}
.gold-table tbody th{color:#44403c;font-weight:700}
.gold-table tbody tr:hover td,.gold-table tbody tr:hover th{background:#fffbeb}
.gold-table td.is-flash{color:#059669;font-weight:800}

.gold-faq{display:grid;gap:10px}
.gold-faq__item{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #e7e5e4}
.gold-faq__item summary{cursor:pointer;font-weight:800;color:#78350f;list-style:none}
.gold-faq__item summary::-webkit-details-marker{display:none}
.gold-faq__item p{margin:10px 0 0;color:#57534e;line-height:1.8;font-size:.92rem}

.gold-disclaimer{margin:4px 0 0;font-size:11px;color:#a8a29e;text-align:center;line-height:1.7}

/* ===== Currency section ===== */
.fx-section{display:grid;gap:16px;margin-bottom:8px}
.fx-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fx-section__title{margin:0 0 4px;font-size:1.25rem;font-weight:900;color:#0c4a6e}
.fx-section__desc{margin:0;font-size:.9rem;color:#64748b}
.fx-section__updated{margin:0;font-size:12px;font-weight:700;color:#0284c7;white-space:nowrap}

.fx-converter{padding:18px 16px;border-radius:18px;background:linear-gradient(145deg,#f0f9ff 0%,#fff 55%);border:1px solid #bae6fd;box-shadow:0 8px 28px rgba(14,165,233,.1)}
.fx-converter__row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}
.fx-converter__field{display:grid;gap:6px;min-width:0}
.fx-converter__label{font-size:11px;font-weight:800;color:#64748b}
.fx-converter__input-wrap{display:flex;align-items:stretch;border:1.5px solid #cbd5e1;border-radius:14px;background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.fx-converter__input-wrap:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.fx-converter__input{flex:1 1 auto;min-width:0;border:none;padding:12px 10px;font-size:1.15rem;font-weight:900;color:#0f172a;background:transparent;direction:ltr;text-align:left}
.fx-converter__input:focus{outline:none}
.fx-converter__select{border:none;border-inline-start:1.5px solid #e2e8f0;padding:0 10px;font-size:13px;font-weight:800;color:#0369a1;background:#f8fafc;cursor:pointer;max-width:110px}
.fx-converter__swap{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:2px;border:1.5px solid #bae6fd;border-radius:12px;background:#fff;color:#0284c7;cursor:pointer;transition:background .2s ease,transform .15s ease}
.fx-converter__swap:hover{background:#e0f2fe}
.fx-converter__swap:active{transform:scale(.94)}
.fx-converter__hint{margin:10px 0 0;font-size:11px;color:#64748b;text-align:center}

.fx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.fx-card{padding:14px 12px;border-radius:16px;background:#fff;border:1px solid #dbeafe;text-align:center;box-shadow:0 6px 18px rgba(14,165,233,.06)}
.fx-card--featured{border-color:#0ea5e9;background:linear-gradient(165deg,#eff6ff 0%,#fff 100%)}
.fx-card__flag{display:block;font-size:1.25rem;line-height:1;margin-bottom:4px}
.fx-card__code{display:block;font-size:11px;font-weight:800;color:#64748b;margin-bottom:4px}
.fx-card__sell{display:block;font-size:1.2rem;font-weight:900;color:#0c4a6e;line-height:1.15}
.fx-card__unit{display:block;margin-top:3px;font-size:10px;color:#64748b;font-weight:700}
.fx-card__buy{display:block;margin-top:6px;font-size:10px;color:#78716c}
.fx-card__buy b{font-weight:800;color:#334155}
.fx-card.is-flash .fx-card__sell{color:#059669}

.fx-table thead th{background:#eff6ff;color:#0369a1}
.fx-table__name{display:block;font-weight:800;color:#1e293b}
.fx-table__code{display:block;font-size:11px;color:#64748b;font-weight:600}
.fx-table tbody tr:hover td,.fx-table tbody tr:hover th{background:#f0f9ff}

.markets-divider{display:flex;align-items:center;gap:12px;margin:8px 0 4px}
.markets-divider__line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent)}
.markets-divider__label{font-size:12px;font-weight:900;color:#b45309;white-space:nowrap;padding:4px 12px;border-radius:999px;background:#fffbeb;border:1px solid #fde68a}

html.site-dark .fx-section__title{color:#bae6fd}
html.site-dark .fx-converter{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border-color:#334155}
html.site-dark .fx-converter__input-wrap{background:#0f172a;border-color:#475569}
html.site-dark .fx-converter__input{color:#f8fafc}
html.site-dark .fx-converter__select{background:#1e293b;border-color:#475569;color:#bae6fd}
html.site-dark .fx-card{background:#1e293b;border-color:#334155}
html.site-dark .fx-card__sell{color:#bae6fd}
html.site-dark .fx-table thead th{background:#1e293b;color:#7dd3fc}

@media (max-width:640px){
    .fx-converter__row{grid-template-columns:1fr;gap:12px}
    .fx-converter__swap{justify-self:center;transform:rotate(90deg);margin:0}
    .fx-converter__swap:active{transform:rotate(90deg) scale(.94)}
}

/* Footer strip — gold */
.gold-strip{position:relative;z-index:2;margin-top:0;background:linear-gradient(135deg,#451a03 0%,#78350f 45%,#92400e 100%);border-top:3px solid #fbbf24;border-bottom:1px solid rgba(251,191,36,.35);color:#fff;box-shadow:0 -8px 32px rgba(69,26,3,.18)}
.gold-strip__inner{display:flex;align-items:center;gap:14px;padding:14px 0;min-height:72px}
.gold-strip__brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:#fff;text-decoration:none;min-width:120px}
.gold-strip__live{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.28);flex-shrink:0;animation:gold-pulse 1.8s ease-in-out infinite}
.gold-strip__brand-text{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.gold-strip__brand-text strong{font-size:13px;font-weight:900}
.gold-strip__brand-text small{font-size:10px;opacity:.75;font-weight:600}
.gold-strip__track{display:flex;align-items:stretch;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}
.gold-strip__track::-webkit-scrollbar{display:none}
.gold-strip__chip{display:flex;flex-direction:column;justify-content:center;gap:2px;flex-shrink:0;min-width:108px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);transition:background .2s ease,transform .2s ease}
.gold-strip__chip--featured{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.12)}
.gold-strip__chip.is-flash{background:rgba(74,222,128,.18);transform:translateY(-1px)}
.gold-strip__chip-label{font-size:10px;font-weight:700;opacity:.82}
.gold-strip__chip-value{font-size:15px;font-weight:900;line-height:1.1;color:#fde68a}
.gold-strip__chip-unit{font-size:9px;opacity:.7;font-weight:600}
.gold-strip__more{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:10px 14px;border-radius:12px;background:rgba(251,191,36,.18);border:1px solid rgba(251,191,36,.45);color:#fde68a;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .2s ease}
.gold-strip__more:hover{background:rgba(251,191,36,.32);color:#fff}

/* Footer strip — currencies */
.fx-strip{position:relative;z-index:2;margin-top:24px;background:linear-gradient(135deg,var(--color-secondary,#1e293b) 0%,#0f172a 55%,color-mix(in srgb,var(--color-primary,#0ea5e9) 28%,#0f172a) 100%);border-top:3px solid var(--color-primary,#0ea5e9);border-bottom:1px solid color-mix(in srgb,var(--color-primary,#0ea5e9) 35%,transparent);color:#f8fafc;box-shadow:0 -8px 32px rgba(15,23,42,.18)}
.fx-strip__inner{display:flex;align-items:center;gap:14px;padding:14px 0;min-height:72px}
.fx-strip__brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:#f8fafc;text-decoration:none;min-width:120px}
.fx-strip__live{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.28);flex-shrink:0;animation:gold-pulse 1.8s ease-in-out infinite}
.fx-strip__brand-text{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.fx-strip__brand-text strong{font-size:13px;font-weight:900;color:#fff}
.fx-strip__brand-text small{font-size:10px;opacity:.78;font-weight:600;color:#cbd5e1}
.fx-strip__track{display:flex;align-items:stretch;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}
.fx-strip__track::-webkit-scrollbar{display:none}
.fx-strip__chip{display:flex;flex-direction:column;justify-content:center;gap:2px;flex-shrink:0;min-width:108px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:background .2s ease,transform .2s ease}
.fx-strip__chip--featured{border-color:color-mix(in srgb,var(--color-primary,#0ea5e9) 45%,transparent);background:color-mix(in srgb,var(--color-primary,#0ea5e9) 14%,transparent)}
.fx-strip__chip.is-flash{background:color-mix(in srgb,var(--color-primary,#0ea5e9) 22%,transparent);transform:translateY(-1px)}
.fx-strip__chip-label{font-size:10px;font-weight:700;opacity:.85;color:#e2e8f0}
.fx-strip__chip-value{font-size:15px;font-weight:900;line-height:1.1;color:color-mix(in srgb,var(--color-primary,#0ea5e9) 55%,#fff)}
.fx-strip__chip-unit{font-size:9px;opacity:.72;font-weight:600;color:#cbd5e1}
.fx-strip__more{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--color-primary,#0ea5e9) 18%,transparent);border:1px solid color-mix(in srgb,var(--color-primary,#0ea5e9) 42%,transparent);color:#e0f2fe;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease}
.fx-strip__more:hover{background:color-mix(in srgb,var(--color-primary,#0ea5e9) 32%,transparent);color:#fff}

html.site-dark .gold-page{background:linear-gradient(180deg,#1c1917 0%,#0c0a09 280px)}
html.site-dark .gold-card,html.site-dark .gold-stat,html.site-dark .gold-trend,html.site-dark .gold-panel,html.site-dark .gold-faq__item{background:#1c1917;border-color:#44403c}
html.site-dark .gold-card__sell,html.site-dark .gold-stat__value,html.site-dark .gold-trend__item strong,html.site-dark .gold-panel__title{color:#fafaf9}
html.site-dark .gold-table thead th{background:#292524;color:var(--color-primary,#38bdf8)}
html.site-dark .gold-strip{background:linear-gradient(135deg,#292524 0%,#451a03 100%);border-top-color:#fbbf24;border-bottom-color:rgba(251,191,36,.28)}
html.site-dark .gold-strip__chip-value{color:#fde68a}
html.site-dark .fx-page{background:linear-gradient(180deg,#0f172a 0%,#0c0a09 280px)}
html.site-dark .fx-strip{background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,color-mix(in srgb,var(--color-primary,#0ea5e9) 22%,#0f172a) 100%);border-top-color:var(--color-primary,#0ea5e9)}
html.site-dark .fx-strip__chip-value{color:color-mix(in srgb,var(--color-primary,#38bdf8) 65%,#fff)}
html.site-dark .gold-table tbody tr:hover td,html.site-dark .gold-table tbody tr:hover th{background:#292524}

/* ===== Responsive — gold & currency pages ===== */
.gold-page,.fx-page{width:100%;max-width:100%;overflow-x:clip;box-sizing:border-box}
.gold-page .container,.fx-page .container{width:100%;max-width:var(--article-width,920px);margin-inline:auto;padding-inline:16px;box-sizing:border-box}
.gold-page__body .container,.fx-page__body .container{padding-inline:12px}

@media (max-width:768px){
    .gold-page,.fx-page{padding-bottom:32px}
    .gold-page__hero,.fx-page__hero{padding:28px 0 36px}
    .gold-page .container,.fx-page .container{padding-inline:12px}
    .gold-page__title,.fx-page__title{font-size:clamp(1.35rem,5.5vw,1.85rem);line-height:1.35;padding-inline:4px}
    .gold-page__subtitle,.fx-page__subtitle{font-size:.92rem;padding-inline:4px}
    .gold-page__updated,.fx-page__updated{font-size:.82rem;line-height:1.6;padding-inline:4px}
    .gold-page__crosslink a,.fx-page__crosslink a{font-size:.85rem;padding:6px 12px}
    .gold-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .gold-card{padding:12px 10px;border-radius:14px}
    .gold-card--featured{grid-column:span 2}
    .gold-card__sell{font-size:clamp(1.1rem,4.5vw,1.45rem)}
    .gold-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .gold-stat{padding:10px 8px}
    .gold-stat__value{font-size:1rem}
    .gold-trend{grid-template-columns:1fr;gap:8px;padding:12px}
    .gold-panel{padding:16px 12px;border-radius:14px}
    .gold-panel__title{font-size:1.05rem}
    .gold-table{font-size:.82rem}
    .gold-table th,.gold-table td{padding:9px 8px;white-space:normal;word-break:break-word}
    .fx-section__head{flex-direction:column;align-items:stretch;gap:8px}
    .fx-section__updated{white-space:normal;text-align:inherit}
    .fx-section__title{font-size:1.1rem}
    .fx-converter{padding:14px 12px;border-radius:14px}
    .fx-converter__input{font-size:1rem;padding:10px 8px}
    .fx-converter__select{max-width:none;min-width:88px;font-size:12px;padding:0 8px}
    .fx-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .fx-card{padding:12px 8px}
    .fx-card__sell{font-size:1.05rem}
    .gold-faq__item{padding:12px}
    .gold-disclaimer{font-size:10px;padding-inline:4px}
}

@media (max-width:480px){
    .gold-cards--hero,.gold-cards{grid-template-columns:1fr}
    .gold-card--featured{grid-column:span 1}
    .gold-stats{grid-template-columns:1fr 1fr}
    .fx-cards{grid-template-columns:1fr 1fr}
    .fx-converter__select{min-width:76px;font-size:11px}
}

@media (max-width:768px){
    .gold-strip__inner,.fx-strip__inner{flex-wrap:wrap;gap:10px;padding:12px 0}
    .gold-strip__brand,.fx-strip__brand{min-width:0}
    .gold-strip__track,.fx-strip__track{flex:1 1 100%;order:3}
    .gold-strip__more,.fx-strip__more{margin-inline-start:auto;order:2}
    .gold-strip__chip,.fx-strip__chip{min-width:96px;padding:7px 10px}
    .gold-strip__chip-value,.fx-strip__chip-value{font-size:14px}
}

@media (prefers-reduced-motion:reduce){
    .gold-page__live-dot,.gold-strip__live,.fx-page__live-dot,.fx-strip__live{animation:none}
}