/* currency + billing controls on the existing pricing page */
.cur-bar{ max-width:1120px; margin:18px auto 0; padding:0 clamp(16px,4vw,24px);
  display:flex; gap:14px; flex-wrap:wrap; align-items:center;
  font-family:'Nunito',system-ui,sans-serif; }
.cur-toggle{ display:inline-flex; background:#F2F1EC; border-radius:999px; padding:4px; gap:4px; }
.cur-t{ cursor:pointer; font-family:inherit; font-size:.85rem; font-weight:800;
  border:0; border-radius:999px; padding:11px 18px; min-height:44px;
  display:inline-flex; align-items:center; gap:8px; background:transparent;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
.cur-t[aria-pressed="true"]{ background:#fff !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
  box-shadow:0 2px 8px rgba(36,52,71,.10); }
.cur-save{ font-size:.68rem; font-weight:800; letter-spacing:.04em; border-radius:999px;
  padding:3px 9px; background:#EEF4EC;
  color:#4E6640 !important; -webkit-text-fill-color:#4E6640 !important; }
.cur-pick{ display:inline-flex; align-items:center; gap:9px; }
.cur-lab{ font-size:.68rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:#5F7350 !important; -webkit-text-fill-color:#5F7350 !important; }
.cur-sel{ font-family:inherit; font-size:.86rem; min-height:44px; padding:10px 14px;
  border-radius:999px; border:1px solid rgba(36,52,71,.16); background:#fff;
  color:#243447 !important; }
.cur-sel:focus-visible,.cur-t:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
/* this note sits on the page's DARK NAVY hero, so it cannot use the muted grey
   the rest of the bar was written for — it measured well under AA there */
#page-subscription .cur-note{ color:#DCE4EC !important; -webkit-text-fill-color:#DCE4EC !important;
  font-size:.84rem !important; max-width:62ch; margin-left:auto; margin-right:auto; }
.cur-note{ flex:1 1 100%; margin:2px 0 0; font-size:.78rem; line-height:1.55;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
@media (max-width:560px){
  .cur-bar{ gap:10px; }
  .cur-toggle,.cur-pick{ width:100%; }
  .cur-t{ flex:1; justify-content:center; }
  /* `flex:1` alone let the select keep its intrinsic width — the longest option
     ("AUD — Australian Dollar") made it 270px and pushed it past a 390 screen.
     min-width:0 is what actually lets a flex item shrink. */
  .cur-pick{ display:flex; }
  .cur-sel{ flex:1 1 auto; min-width:0; max-width:100%; }
}