/* Dashboard Plans tab (dashboard.php?section=plan): a calm, Stripe/Mercury-like plan picker on top of the
   older plan styles (assets/pricing-cards.css and the dashboard's own rules). Hairline cards, navy ink, one
   blue accent; only the popular plan gets the accent edge and the filled button. Selectors start with
   "html[data-ds-theme-scope] body .dash-main .ds-pricing-wrap" and use !important so they outrank those
   layers and the generated dark-mode.css. Written for both themes (dark tokens below), so it is not run
   through the dark-mode generator. The homepage pricing (index.php, #pricing) uses it too, so both look the
   same; public pages stay light, so the dark rules name the dashboard only. [id="pricing"] rather than #pricing
   keeps the dashboard's specificity as it was, so its dark rules still win there. */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap{
  --pc-ink:#0a2540;--pc-text:#425466;--pc-muted:#697386;--pc-faint:#8792a2;--pc-line:#e3e8ee;--pc-line-2:#d3dae3;
  --pc-soft:#f6f8fb;--pc-card:#fff;--pc-accent:#005ffa;--pc-accent-2:#5a54ff;--pc-ok:#0b8a5f;--pc-ok-soft:rgba(14,159,110,.1);
  --pc-shadow:0 1px 2px rgba(10,37,64,.04),0 14px 34px -18px rgba(10,37,64,.16);
  max-width:1120px!important;margin:0 auto!important;padding:6px 0 40px!important;font-family:'Inter',system-ui,sans-serif!important
}
html[data-ds-theme="dark"][data-ds-theme-scope="private"] body .dash-main .ds-pricing-wrap{
  --pc-ink:#f1f4f9;--pc-text:#c3cad6;--pc-muted:#8b93a3;--pc-faint:#697186;--pc-line:#1c2331;--pc-line-2:#2a3243;
  --pc-soft:#121825;--pc-card:#0b1019;--pc-accent:#3d84ff;--pc-accent-2:#7b6dff;--pc-ok:#3fcf95;--pc-ok-soft:rgba(63,207,149,.1);
  --pc-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 22px 44px -28px rgba(0,0,0,.9)
}

/* ── Heading ── */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-head{margin:0 auto 26px!important;text-align:center!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-kicker{display:inline-flex!important;align-items:center!important;height:26px!important;padding:0 12px!important;border:1px solid var(--pc-line)!important;border-radius:999px!important;background:var(--pc-card)!important;box-shadow:none!important;color:var(--pc-muted)!important;font:600 11px/1 'Inter',system-ui,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-kicker.is-sale{border-color:transparent!important;background:linear-gradient(#0b0a07,#0b0a07) padding-box,linear-gradient(135deg,#f6dc93,rgba(224,178,70,.3) 45%,#f6dc93) border-box!important;color:#f6dc93!important;box-shadow:0 0 22px -8px rgba(233,196,106,.6)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-title{margin:16px 0 8px!important;color:var(--pc-ink)!important;font:600 clamp(28px,3.4vw,40px)/1.08 'Inter',system-ui,sans-serif!important;letter-spacing:-.035em!important;text-shadow:none!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-copy{max-width:540px!important;margin:0 auto!important;color:var(--pc-muted)!important;font-size:15px!important;line-height:1.55!important}

/* ── Current access and scheduled change ── */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap :is(.ds-current-plan-strip,.ds-pending-plan-strip){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;max-width:720px!important;margin:0 auto 14px!important;padding:11px 14px 11px 16px!important;border:1px solid var(--pc-line)!important;border-radius:12px!important;background:var(--pc-card)!important;box-shadow:none!important;font-size:13.5px!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-current-plan-strip p{margin:0!important;color:var(--pc-text)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-current-plan-strip strong{color:var(--pc-ink)!important;font-weight:600!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-current-plan-status{display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:var(--pc-ok-soft)!important;color:var(--pc-ok)!important;font:600 11.5px/1 'Inter',system-ui,sans-serif!important;white-space:nowrap!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-current-plan-status.is-inactive{background:var(--pc-soft)!important;color:var(--pc-muted)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pending-plan-strip{border-color:rgba(217,119,6,.3)!important;background:rgba(217,119,6,.06)!important;color:#b45309!important}
html[data-ds-theme="dark"][data-ds-theme-scope="private"] body .dash-main .ds-pricing-wrap .ds-pending-plan-strip{color:#f5b452!important}

/* ── Monthly / Annual: one segmented control (the old switch is hidden; both options still toggle) ── */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-billing{display:flex!important;width:max-content!important;max-width:100%!important;gap:2px!important;margin:22px auto 30px!important;padding:4px!important;border:1px solid var(--pc-line)!important;border-radius:999px!important;background:var(--pc-soft)!important;box-shadow:none!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-billing-switch{display:none!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-billing-option{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:34px!important;padding:0 16px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:var(--pc-muted)!important;font:500 13.5px/1 'Inter',system-ui,sans-serif!important;cursor:pointer!important;transition:background .2s,color .2s!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-billing-option:hover{color:var(--pc-ink)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-billing-option.is-active{background:var(--pc-card)!important;color:var(--pc-ink)!important;box-shadow:0 0 0 1px var(--pc-line-2),0 2px 6px -2px rgba(10,37,64,.18)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-billing-option strong{padding:3px 7px!important;border-radius:999px!important;background:var(--pc-ok-soft)!important;color:var(--pc-ok)!important;font:600 11px/1 'Inter',system-ui,sans-serif!important}

/* ── Cards ── */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;max-width:none!important;margin:0!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan]{
  display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;margin:0!important;padding:26px 24px 22px!important;
  overflow:visible!important;border:1px solid var(--pc-line)!important;border-radius:16px!important;background:var(--pc-card)!important;
  box-shadow:var(--pc-shadow)!important;color:var(--pc-ink)!important;transform:none!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important
}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan]:hover{transform:translateY(-2px)!important;border-color:var(--pc-line-2)!important}
/* The popular plan: a blue-violet edge and a soft glow from the top */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan].is-popular{
  border-color:transparent!important;
  background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--pc-accent) 9%,transparent),transparent 60%) padding-box,linear-gradient(var(--pc-card),var(--pc-card)) padding-box,linear-gradient(165deg,var(--pc-accent),var(--pc-accent-2) 45%,var(--pc-line) 80%) border-box!important;
  box-shadow:var(--pc-shadow),0 26px 60px -34px color-mix(in srgb,var(--pc-accent) 70%,transparent)!important
}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan].is-current-cycle{box-shadow:0 0 0 3px color-mix(in srgb,var(--pc-accent) 22%,transparent),var(--pc-shadow)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan]::before{display:none!important}

/* Badges: Popular, Current, Scheduled */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-badges{top:28px!important;right:22px!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] :is(.ds-pricing-popular,.ds-pricing-current){display:inline-flex!important;align-items:center!important;gap:5px!important;height:24px!important;padding:0 10px!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font:600 11.5px/1 'Inter',system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-popular{background:linear-gradient(135deg,var(--pc-accent),var(--pc-accent-2))!important;color:#fff!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-popular svg{width:11px!important;height:11px!important;min-width:11px!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-current{background:var(--pc-ok-soft)!important;color:var(--pc-ok)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-current[data-scheduled-badge]{background:rgba(217,119,6,.12)!important;color:#d97706!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-current[hidden]{display:none!important}

/* Icon and name, then the description */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-plan-name{gap:12px!important;padding-right:96px!important;color:var(--pc-ink)!important;font:600 18px/1.2 'Inter',system-ui,sans-serif!important;letter-spacing:-.015em!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-plan-name::before{flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:11px!important;border:1px solid var(--pc-line)!important;background:var(--pc-soft) var(--plan-icon,none) center/28px no-repeat!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-description{min-height:42px!important;margin:14px 0 0!important;color:var(--pc-muted)!important;font-size:13.5px!important;line-height:1.55!important}

/* Price: struck normal price and a quiet trial tag, the big price, then what is charged after */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-price{margin:20px 0 0!important;padding-top:20px!important;border-top:1px solid var(--pc-line)!important;color:var(--pc-ink)!important;row-gap:8px!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-price strong{color:var(--pc-ink)!important;font:600 46px/1 'Inter',system-ui,sans-serif!important;letter-spacing:-.045em!important;font-variant-numeric:tabular-nums!important;-webkit-text-fill-color:currentColor!important;background:none!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-price [data-pricing-period]{margin-left:4px!important;color:var(--pc-muted)!important;font:500 14px/1 'Inter',system-ui,sans-serif!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-price s.ds-pricing-was{margin:0 4px 0 0!important;color:var(--pc-faint)!important;font:500 14px/1 'Inter',system-ui,sans-serif!important;text-decoration-color:var(--pc-faint)!important;text-decoration-thickness:1.5px!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-trial-pill{height:22px!important;padding:0 8px!important;border-radius:6px!important;background:var(--pc-ok-soft)!important;color:var(--pc-ok)!important;font:600 10.5px/1 'Inter',system-ui,sans-serif!important;letter-spacing:.05em!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-sale-note{margin:14px 0 0!important;padding:10px 12px!important;border:1px solid var(--pc-line)!important;border-radius:10px!important;background:var(--pc-soft)!important;color:var(--pc-text)!important;font:500 12.5px/1.5 'Inter',system-ui,sans-serif!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-billed{margin-top:8px!important;color:var(--pc-faint)!important;font-size:12px!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-save{align-self:flex-start!important;padding:4px 8px!important;border:0!important;border-radius:6px!important;background:var(--pc-ok-soft)!important;color:var(--pc-ok)!important;font:600 11.5px/1 'Inter',system-ui,sans-serif!important}

/* Credits: two quiet tiles */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-credits{gap:8px!important;margin:20px 0 20px!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-credit{gap:6px!important;padding:12px 14px!important;border:1px solid var(--pc-line)!important;border-radius:12px!important;background:var(--pc-soft)!important;box-shadow:none!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-credit-label{color:var(--pc-muted)!important;font:600 10px/1.2 'Inter',system-ui,sans-serif!important;letter-spacing:.06em!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-credit strong{color:var(--pc-ink)!important;font:600 21px/1 'Inter',system-ui,sans-serif!important;letter-spacing:-.03em!important;font-variant-numeric:tabular-nums!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-credit small{color:var(--pc-faint)!important;font:500 11px/1.3 'Inter',system-ui,sans-serif!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-credit.is-empty{opacity:1!important;background:transparent!important;border-style:dashed!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-credit.is-empty strong{color:var(--pc-muted)!important;font-size:14px!important;font-weight:500!important;letter-spacing:-.01em!important}

/* Features: one blue tick each */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-features{min-height:0!important;gap:10px!important;margin:0 0 24px!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-feature{gap:10px!important;min-height:0!important;color:var(--pc-text)!important;font:400 13.5px/1.45 'Inter',system-ui,sans-serif!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-check{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;margin-top:1px!important;border:0!important;background:color-mix(in srgb,var(--pc-accent) 13%,transparent)!important;color:var(--pc-accent)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-check svg{width:10px!important;height:10px!important;min-width:10px!important;max-width:10px!important;min-height:10px!important;max-height:10px!important}

/* Button at the bottom, lined up across the cards (selectors go through .ds-pricing-footer to outrank the
   old per-plan button colours) */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-divider{display:none!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-footer{position:static!important;margin-top:auto!important;padding-top:20px!important;border-top:1px solid var(--pc-line)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-footer > *{position:static!important;left:auto!important;right:auto!important;bottom:auto!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-plan-change-form{width:100%!important;margin:0!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan] .ds-pricing-footer .ds-pricing-action{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:44px!important;height:44px!important;padding:0 16px!important;border:1px solid var(--pc-line-2)!important;border-radius:10px!important;background:var(--pc-card)!important;box-shadow:0 1px 2px rgba(10,37,64,.06)!important;color:var(--pc-ink)!important;font:600 14px/1 'Inter',system-ui,sans-serif!important;letter-spacing:-.005em!important;text-decoration:none!important;cursor:pointer!important;transform:none!important;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan] .ds-pricing-footer :is(.ds-pricing-action,.ds-plan-change-form)[hidden]{display:none!important} /* the current-plan label or the change form, whichever the card is not using */
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan] .ds-pricing-footer .ds-pricing-action:hover{border-color:var(--pc-ink)!important;background:var(--pc-card)!important;color:var(--pc-ink)!important;transform:translateY(-1px)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan].is-popular .ds-pricing-footer .ds-pricing-action:not(.is-active):not(.is-downgrade){border-color:transparent!important;background:linear-gradient(135deg,var(--pc-accent),var(--pc-accent-2))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 24px -12px color-mix(in srgb,var(--pc-accent) 85%,transparent)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan].is-popular .ds-pricing-footer .ds-pricing-action:not(.is-active):not(.is-downgrade):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 14px 30px -12px color-mix(in srgb,var(--pc-accent) 95%,transparent)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan] .ds-pricing-footer .ds-pricing-action.is-active{pointer-events:none!important;border-color:transparent!important;background:var(--pc-ok-soft)!important;box-shadow:none!important;color:var(--pc-ok)!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan] .ds-pricing-footer .ds-pricing-action:disabled{opacity:.55!important;cursor:default!important;transform:none!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan] .ds-pricing-footer .ds-pricing-action:focus-visible{outline:2px solid var(--pc-accent)!important;outline-offset:2px!important}
:is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-footnote{min-height:0!important;margin:12px 0 0!important;color:var(--pc-faint)!important;font-size:12px!important;line-height:1.45!important;text-align:center!important}

@media(max-width:1100px){
  :is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid{grid-template-columns:1fr!important;max-width:560px!important;margin:0 auto!important}
}
@media(max-width:640px){
  :is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap :is(.ds-current-plan-strip,.ds-pending-plan-strip){flex-direction:column!important;align-items:flex-start!important}
  :is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-billing{width:100%!important}
  :is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-billing-option{flex:1!important;justify-content:center!important;padding:0 10px!important}
  :is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan]{padding:22px 18px 18px!important}
  :is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] > .ds-pricing-badges{top:24px!important;right:16px!important}
  :is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-card[data-pricing-plan] .ds-pricing-price strong{font-size:40px!important}
}
@media(prefers-reduced-motion:reduce){
  :is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap :is(.ds-pricing-card,.ds-pricing-action){transition:none!important}
  :is(html[data-ds-theme-scope="private"] body .dash-main,body [id="pricing"]) .ds-pricing-wrap .ds-pricing-grid .ds-pricing-card[data-pricing-plan]:hover{transform:none!important}
}

/* The quiet way to Billing, at the very bottom of the plans page (moved here from Account). */
.ds-plan-billing-note{margin:32px 0 8px!important}