/* Exchange-rate widget (homepage strip + currency page). v20261011a */
.rates-home[hidden] { display: none !important; }
.rates-home-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; text-align: left; }
.rates-box { margin: 1.5rem 0; padding: 1.25rem; border: 1px solid var(--border, #e2e8f0); border-radius: 16px; background: linear-gradient(180deg, #f0fdfa 0%, #fff 60%); }
.rates-box h2 { margin-top: 0; }
.rates-meta, .rates-src { font-size: .85rem; color: var(--muted, #64748b); margin: .25rem 0 0; }
.rates-stale { color: #b45309; font-weight: 600; }
.rates-grid { list-style: none; padding: 0; margin: 1rem 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .6rem; }
.rates-grid--home { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) { .rates-grid--home { grid-template-columns: repeat(2, 1fr); } }
.rates-box .rates-grid { padding-left: 0 !important; }
.rate { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "flag name" "flag val"; column-gap: .65rem; row-gap: .15rem; align-items: center;
  background: #fff; border: 1px solid var(--border, #e2e8f0); border-radius: 12px; padding: .65rem .8rem; box-shadow: 0 2px 8px rgba(15, 23, 42, .04); margin: 0 !important; }
.rate::before { content: none !important; }
.rate-flag { grid-area: flag; font-size: 1.9rem; line-height: 1; }
.rate-name { grid-area: name; font-size: .85rem; color: var(--muted, #475569); line-height: 1.3; }
.rate-name strong { color: var(--primary, #0b2a4a); }
.rate-name [lang="ta"] { font-family: var(--font-ta, "Noto Sans Tamil", sans-serif); font-size: .8rem; }
.rate-val { grid-area: val; font-size: .95rem; color: var(--text, #0f172a); }
.rate-val b { color: var(--accent-dark, #0f766e); font-size: 1.1rem; }
.rates-note { margin-top: .9rem; font-size: .85rem; color: var(--muted, #475569); background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px; padding: .6rem .8rem; }
.rates-home .rates-note { text-align: left; }
@media (max-width: 520px) { .rates-grid, .rates-grid--home { grid-template-columns: 1fr 1fr; } .rate { grid-template-columns: 1fr; grid-template-areas: "flag" "name" "val"; } .rate-flag { font-size: 1.5rem; } }
/* Gold & silver section (v20261011c) */
.metal-home[hidden] { display: none !important; }
.metal-grid { list-style: none; padding: 0; margin: 1rem 0 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: .6rem; }
.mt { background: #fff; border: 1px solid var(--border, #e2e8f0); border-radius: 12px; padding: .7rem .8rem; display: flex; flex-direction: column; gap: .1rem; box-shadow: 0 2px 8px rgba(15,23,42,.04); }
.mt-gold { border-top: 4px solid #d4a017; background: linear-gradient(180deg, #fffbeb 0%, #fff 70%); }
.mt-silver { border-top: 4px solid #94a3b8; background: linear-gradient(180deg, #f8fafc 0%, #fff 70%); }
.mt-l { font-size: .82rem; font-weight: 700; color: var(--primary, #0b2a4a); }
.mt-lt { font-size: .76rem; color: var(--muted, #64748b); font-family: var(--font-ta, "Noto Sans Tamil", sans-serif); }
.mt-v { font-size: 1.25rem; color: #0f172a; margin-top: .2rem; }
.mt-chg { font-size: .78rem; font-weight: 700; color: #64748b; }
.mt-chg.up { color: #15803d; } .mt-chg.down { color: #b91c1c; }
.metal-meta { font-size: .85rem; color: var(--muted, #64748b); margin: .3rem 0 0; }
@media (max-width: 900px) { .metal-grid { grid-template-columns: repeat(2, 1fr); } .mt:nth-child(2) { grid-column: span 1; } }
.metal-share { white-space: nowrap; }
@media (max-width: 520px) { .metal-share { width: 100%; text-align: center; } }