/* Monthly / yearly switch on the plan cards (billing-toggle.js). Its own file
   so a cached style.css cannot leave both price variants showing. */
[data-billing-show][hidden],.billing-toggle[hidden]{display:none!important}
.billing-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff;margin-top:32px}
.billing-toggle button{font:inherit;font-size:14px;font-weight:600;border:0;border-radius:999px;padding:8px 18px;background:transparent;color:var(--ink-2);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.billing-toggle button[aria-pressed="true"]{background:var(--teal);color:#fff}
.billing-toggle button span{font-size:11px;font-weight:700;background:var(--amber-soft);color:var(--amber);padding:2px 8px;border-radius:999px}
.billing-toggle button[aria-pressed="true"] span{background:#ffffff2e;color:#fff}
.billing-toggle button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.billing-toggle+.plans{margin-top:30px}
.rental-campaign .billing-toggle{margin:0 0 26px}