/* Currency switcher. Built and linked only when INTL_PRICES=1. */
.cur-switch { display: none; }
.js .cur-switch { display: inline-flex; border: 1px solid var(--line-2); border-radius: var(--r-sm); background: var(--surface); padding: 2px; gap: 2px; vertical-align: middle; }
.cur-switch button { min-width: 44px; height: 32px; padding: 0 10px; border: 0; border-radius: var(--r-xs); background: transparent; color: var(--ink-2); font: 500 13px/1 var(--mono); cursor: pointer; }
.cur-switch button:hover { background: var(--tint); }
.cur-switch button[aria-pressed="true"] { background: var(--ink); color: var(--surface); }
.price-card > .cur-switch, .plan-card > .cur-switch { margin-bottom: 20px; }
.site-footer .cur-switch { margin-left: 8px; }
.site-footer .cur-switch button { height: 28px; }
@media (pointer: coarse) { .cur-switch button { height: 40px; } }

/* Prices are one span per currency. INR is visible in the markup; the others carry [hidden].
   The head boot script sets html[data-cur] before first paint, so a stored choice never flashes rupees. */
.price-card .big span[data-cur], .plan-card .big span[data-cur] { color: inherit; font-weight: inherit; font-size: inherit; letter-spacing: inherit; }
html[data-cur="INR"] span[data-cur]:not([data-cur="INR"]),
html[data-cur="USD"] span[data-cur]:not([data-cur="USD"]),
html[data-cur="EUR"] span[data-cur]:not([data-cur="EUR"]),
html[data-cur="GBP"] span[data-cur]:not([data-cur="GBP"]) { display: none; }
html[data-cur="INR"] span[data-cur="INR"][hidden],
html[data-cur="USD"] span[data-cur="USD"][hidden],
html[data-cur="EUR"] span[data-cur="EUR"][hidden],
html[data-cur="GBP"] span[data-cur="GBP"][hidden] { display: inline; }