/* Shared pricing composition, using the existing site tokens and controls. */
html body .billing-page .billing-intro{text-align:left;padding:24px 0 32px}
html body .billing-page .billing-intro h1{margin:12px 0;max-width:24ch}
html body .billing-page .billing-intro>p{margin:16px 0 24px;max-width:62ch}
html body .billing-page .pricing-breadcrumb{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:16px 0;margin:0;font-size:13px;line-height:1.5}
.billing-page .pricing-breadcrumb a{margin:0;display:inline-flex;align-items:center;min-height:44px}
html body .billing-page>.billing-switch{display:flex;width:fit-content;max-width:100%;margin:12px auto 30px;align-items:stretch}
.billing-page>.billing-switch button{font:inherit;font-size:14px;min-height:48px;white-space:normal}
.billing-page>.billing-switch small{display:block;font:inherit;font-size:12px;margin:2px 0 0}
html body .billing-page .plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-top:0}
html body .billing-page .plan{display:grid;grid-template-rows:subgrid;grid-row:span 8;gap:0;min-width:0;padding:28px 24px;border-width:1px}
html body .billing-page .plan.featured{border:2px solid var(--orange);padding:27px 23px}
html body .billing-page .plan>h2{margin:0}
html body .billing-page .plan .tagline{margin:16px 0 0;min-height:0;padding:0 0 12px}
html body .billing-page .plan .plan-pain{margin:0;min-height:0;padding-bottom:20px;font-size:14px;line-height:1.65}
html body .billing-page .plan .price{margin:0;padding:4px 0 8px;align-self:start}
html body .billing-page .plan .billed{font:inherit;font-size:13px;line-height:1.6;min-height:0;padding-bottom:8px}
html body .billing-page .plan .plan-saving{font:inherit;font-size:13px;line-height:1.6;letter-spacing:normal;text-transform:none;color:var(--green);margin:0;padding-bottom:8px}
html body .billing-page .plan ul{margin:0;padding:20px 0 24px}
html body .billing-page .plan>.primary,html body .billing-page .plan>.outline{align-self:end;margin:0;min-height:48px}
.billing-page .pricing-billing-note{margin:8px 0 24px;padding:0;color:var(--muted);font-size:14px;line-height:1.7;max-width:82ch}
.billing-page .pricing-billing-note.error{color:var(--orange)}
.billing-page .pricing-scenarios{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:24px 0 0}
.billing-page .pricing-scenarios li{padding:20px 0;border-top:1px solid var(--line)}
.billing-page .pricing-scenarios p{font-size:17px;line-height:1.6;margin:0 0 12px}
.billing-page .pricing-scenarios strong{font-size:18px;font-weight:500}
.billing-page .pricing-limits{border-block:1px solid var(--line);padding:8px 0;margin-top:24px}
.billing-page .pricing-limits summary{cursor:pointer;min-height:48px;align-content:center;font-size:16px}
.billing-page .pricing-limits p{font-size:14px;line-height:1.75;max-width:85ch}
.billing-page .limits-footnote{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
html body .billing-page .faq{max-width:none;margin:56px 0}
.billing-page .faq p{max-width:85ch;font-size:14px;line-height:1.75}
.billing-page .faq summary{font-size:16px;min-height:44px;align-content:center}
.billing-page .design-next{margin:48px 0 64px;text-align:left}
.billing-page .design-next .primary{display:inline-flex;align-items:center;min-height:48px;margin-top:12px;font-size:15px;white-space:normal}
.site-header .pricing-account-language{color:var(--muted);font:inherit;font-size:10px;margin-left:6px;border:0;background:none}
@media(max-width:740px){
 html body .billing-page .plans{grid-template-columns:minmax(0,1fr);gap:28px}
 html body .billing-page .plan{grid-row:auto;grid-template-rows:auto}
 html body .billing-page .plan .plan-saving[aria-hidden]{display:none}
 .billing-page .pricing-scenarios{grid-template-columns:minmax(0,1fr);gap:4px}
 html body .billing-page .billing-intro{padding:12px 0 20px}
 .billing-page .pricing-scenarios li{padding:16px 0}
 .site-header .pricing-account-language{display:none}
}
@media(max-width:360px){html[data-pricing-locale] .site-header.top{gap:4px!important}html[data-pricing-locale] .site-header .brand{font-size:19px!important;gap:4px!important}html[data-pricing-locale] .site-header .nav-utilities{gap:4px!important}}
@media(max-width:360px){html[data-pricing-locale] .site-header .account-link{max-width:78px}}
.billing-page>.billing-switch [data-interval="monthly"]{flex-shrink:0;white-space:nowrap}
.billing-page>.billing-switch [data-interval="yearly"]{min-width:0;overflow-wrap:normal}