/* Subscription pricing uses the same approved type scale and brand as the homepage. */
body[data-page="subscriptions"] main { font-size:1rem; line-height:1.9; }
body[data-page="subscriptions"] main :is(h1,h2,h3) { font-weight:700; letter-spacing:0; }
body[data-page="subscriptions"] #pricing { padding-top:152px; padding-bottom:64px; }
body[data-page="subscriptions"] #pricing .section-title { font-size:clamp(1.875rem,3vw,2.625rem); line-height:1.55; }
body[data-page="subscriptions"] #pricing .section-lead { font-size:1.0625rem; color:#365b4e; line-height:1.95; }
body[data-page="subscriptions"] #pricing .section-kicker { margin:0 0 16px; font-size:.875rem; }
body[data-page="subscriptions"] #pricing .pricing-comparison>h2,body[data-page="subscriptions"] #pricing .pricing-terms>h2 { margin:0 0 22px; font-size:1.375rem; line-height:1.7; }
body[data-page="subscriptions"] #pricing .pricing-terms>h2 { margin:0; }
body[data-page="subscriptions"] .subscription-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:28px; color:#516c61; font-size:.875rem; line-height:1.8; }
body[data-page="subscriptions"] .subscription-breadcrumb a { color:#003f35; }
body[data-page="subscriptions"] :is(#pricing,#comparison,#recurring-donations,[id^="pricing-plan-"]) { scroll-margin-top:120px; }
body[data-page="subscriptions"] #comparison { padding-block:56px; background:#f5f7ec; }
body[data-page="subscriptions"] .comparison-shell { padding:48px; border-radius:28px 28px 5px 28px; color:#fff; background:#003f35; }
body[data-page="subscriptions"] .comparison-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:center; gap:48px; }
body[data-page="subscriptions"] #comparison .section-kicker { color:#89e3b4; font-size:.875rem; margin-bottom:18px; }
body[data-page="subscriptions"] .comparison-title { color:#fff; font-size:clamp(1.875rem,3vw,2.625rem); line-height:1.55; margin:0; }
body[data-page="subscriptions"] .comparison-title span { color:#c4e970; }
body[data-page="subscriptions"] .comparison-lead { margin:22px 0 0; font-size:1rem; line-height:1.95; color:#e9eed4; }
body[data-page="subscriptions"] .comparison-thesis { padding:24px; background:rgba(137,227,180,.08); border:1px solid rgba(137,227,180,.25); border-radius:18px 18px 3px 18px; }
body[data-page="subscriptions"] .comparison-thesis :is(small,strong,span) { display:block; }
body[data-page="subscriptions"] .comparison-thesis small { color:#89e3b4; font-size:.875rem; }
body[data-page="subscriptions"] .comparison-thesis strong { margin-top:10px; color:#fff; font-size:1.25rem; line-height:1.7; }
body[data-page="subscriptions"] .comparison-thesis>span { margin-top:10px; color:#e9eed4; font-size:1rem; line-height:1.85; }
body[data-page="subscriptions"] .comparison-table-wrap { margin-top:36px; border:1px solid rgba(233,238,212,.25); border-radius:18px 18px 4px 18px; overflow:hidden; }
body[data-page="subscriptions"] .comparison-row { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,.68fr) minmax(0,.88fr); border-bottom:1px solid rgba(233,238,212,.18); }
body[data-page="subscriptions"] .comparison-row:last-child { border:0; }
body[data-page="subscriptions"] .comparison-cell { display:flex; align-items:center; padding:18px 22px; min-width:0; font-size:1rem; line-height:1.8; }
body[data-page="subscriptions"] .comparison-feature { color:#e9eed4; }
body[data-page="subscriptions"] .comparison-wissal { justify-content:center; color:#003f35; background:#e9eed4; }
body[data-page="subscriptions"] .comparison-market { justify-content:center; }
body[data-page="subscriptions"] .comparison-head-row .comparison-cell { font-size:.875rem; }
body[data-page="subscriptions"] .comparison-market-label { color:#e9eed4; text-align:center; }
body[data-page="subscriptions"] .comparison-brand .approved-logo { width:83px; max-width:100%; }
body[data-page="subscriptions"] .compare-status { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; border:1px solid currentColor; font-size:1.125rem; }
body[data-page="subscriptions"] .compare-status i { font-style:normal; }
body[data-page="subscriptions"] .compare-status.is-no { color:#89e3b4; }
body[data-page="subscriptions"] .comparison-note { margin:22px 0 0; color:#e9eed4; font-size:.875rem; line-height:1.9; }
body[data-page="subscriptions"] .subscription-recurring { padding-block:32px; }
body[data-page="subscriptions"] .subscription-recurring> .container>details { border-block:1px solid rgba(0,63,53,.2); }
body[data-page="subscriptions"] .subscription-recurring summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; font-size:1.125rem; font-weight:500; }
body[data-page="subscriptions"] .subscription-recurring summary::-webkit-details-marker { display:none; }
body[data-page="subscriptions"] .subscription-recurring summary:focus-visible { outline:2px solid #009e68; outline-offset:4px; }
body[data-page="subscriptions"] .subscription-recurring details[open]>summary>span:last-child { transform:rotate(45deg); }
body[data-page="subscriptions"] .subscription-recurring .container .container { width:100%; }
body[data-page="subscriptions"] .subscription-recurring :is(.sub-hero,.section) { padding:36px 24px; }
body[data-page="subscriptions"] .subscription-recurring .sub-hero h2 { font-size:2rem; line-height:1.65; }
body[data-page="subscriptions"] .subscription-recurring .section-title { font-size:1.75rem; line-height:1.6; }
body[data-page="subscriptions"] .subscription-cta { padding:40px 0 72px; }
body[data-page="subscriptions"] .subscription-cta-band { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr); align-items:center; gap:48px; padding:48px; border-radius:28px 28px 5px 28px; background:#e9eed4; }
body[data-page="subscriptions"] .subscription-cta h2 { margin:0; font-size:clamp(1.875rem,3vw,2.625rem); line-height:1.6; }
body[data-page="subscriptions"] .subscription-cta h2>span { color:#009e68; }
body[data-page="subscriptions"] .subscription-cta p { font-size:1rem; color:#365b4e; line-height:1.9; margin:18px 0 0; }
body[data-page="subscriptions"] .subscription-cta .section-kicker { margin:0 0 16px; font-size:.875rem; }
body[data-page="subscriptions"] .subscription-cta-actions { display:grid; gap:20px; text-align:center; }
body[data-page="subscriptions"] .subscription-cta-actions .button { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:56px; padding:14px 22px; background:#003f35; color:#fff; border:0; border-radius:14px 14px 3px 14px; font-size:1rem; }
body[data-page="subscriptions"] .subscription-cta-actions>a:last-child { color:#003f35; text-underline-offset:6px; text-decoration:underline; font-size:.9375rem; }
@media(max-width:850px) {
 body[data-page="subscriptions"] #pricing { padding-top:128px; }
 body[data-page="subscriptions"] :is(.comparison-intro,.subscription-cta-band) { grid-template-columns:1fr; gap:28px; }
 body[data-page="subscriptions"] :is(.comparison-shell,.subscription-cta-band) { padding:30px; }
 body[data-page="subscriptions"] .subscription-cta-actions { justify-items:start; }
 body[data-page="subscriptions"] .subscription-cta-actions .button { min-width:240px; }
}
@media(max-width:540px) {
 body[data-page="subscriptions"] :is(.comparison-shell,.subscription-cta-band) { padding:26px 18px; }
 body[data-page="subscriptions"] .comparison-thesis { padding:20px; }
 body[data-page="subscriptions"] .comparison-row { grid-template-columns:minmax(0,1.5fr) minmax(0,.65fr) minmax(0,.85fr); }
 body[data-page="subscriptions"] .comparison-cell { padding:14px 8px; font-size:.875rem; }
 body[data-page="subscriptions"] .comparison-head-row .comparison-cell { font-size:.875rem; }
 body[data-page="subscriptions"] .subscription-cta-actions { justify-items:stretch; }
 body[data-page="subscriptions"] .subscription-cta-actions .button { min-width:0; }
 body[data-page="subscriptions"] .subscription-recurring :is(.sub-hero,.section) { padding:28px 16px; }
 body[data-page="subscriptions"] .subscription-recurring .sub-hero-grid { grid-template-columns:1fr; }
}

body[data-page="subscriptions"] .comparison-dependent { text-align:center; font-size:.875rem; line-height:1.8; }
