/* Issue 36: route-scoped presentation only; plan data, destinations and billing logic live elsewhere. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
html:has(body.pricing-public-page){background:#faf9f5}
html body.pricing-public-page{--pp-bg:#faf9f5;--pp-panel:#fff;--pp-ink:#14232e;--pp-muted:#465b65;--pp-line:#d4dedb;--pp-soft:#eff6f1;--pp-action:#087967;--pp-action-ink:#fff;--pp-accent:#165640;--pp-shadow:0 16px 40px rgba(20,37,28,.075);background:var(--pp-bg)!important;background-image:none!important;color:var(--pp-ink)!important;font-family:Inter,Arial,sans-serif!important;min-height:100vh}
html[data-theme=dark] body.pricing-public-page{--pp-bg:#1b1915;--pp-panel:#292620;--pp-ink:#f7f4ec;--pp-muted:#d1ccc1;--pp-line:#50483d;--pp-soft:#302e28;--pp-action:#9de5c0;--pp-action-ink:#13291e;--pp-accent:#a4e4c1;--pp-shadow:0 15px 35px rgba(0,0,0,.2)}
html[data-theme=dark]:has(body.pricing-public-page){background:#1b1915}
body.pricing-public-page .public-pricing-shell{max-width:1240px;padding:32px 22px 60px}
body.pricing-public-page .public-pricing-header{padding:5px 0 32px;flex-wrap:wrap;border-bottom:1px solid var(--pp-line)}
body.pricing-public-page .public-pricing-brand{font:700 22px/1.2 'Space Grotesk',sans-serif;color:var(--pp-ink);text-transform:none}
body.pricing-public-page .public-pricing-brand img{width:43px;height:43px}
body.pricing-public-page .public-pricing-nav{flex-wrap:wrap;gap:7px;align-items:center}
body.pricing-public-page .public-pricing-nav a{color:var(--pp-ink);padding:9px 12px;border-radius:9px;font:700 13px Inter,Arial,sans-serif}
body.pricing-public-page .public-pricing-nav a:hover{color:var(--pp-accent);background:var(--pp-soft)}
body.pricing-public-page .public-pricing-nav .pricing-signin{border:1px solid var(--pp-line);background:var(--pp-panel);color:var(--pp-ink)}
body.pricing-public-page .public-pricing-hero{padding:54px 0 36px;align-items:flex-end}
body.pricing-public-page .pricing-eyebrow,body.pricing-public-page .public-plan-kicker{color:var(--pp-accent)}
body.pricing-public-page .public-pricing-hero h1{font:700 clamp(34px,5vw,54px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:var(--pp-ink);max-width:770px}
body.pricing-public-page .public-pricing-hero p,body.pricing-public-page .public-plan-card>p,body.pricing-public-page .public-report-packs p,body.pricing-public-page .public-pricing-footer-cta p{color:var(--pp-muted)}
body.pricing-public-page .billing-toggle{background:var(--pp-soft);border:1px solid var(--pp-line)}
body.pricing-public-page .billing-toggle button{color:var(--pp-ink)}
body.pricing-public-page .billing-toggle button.active{color:var(--pp-action-ink);background:var(--pp-action);box-shadow:0 2px 8px rgba(0,0,0,.08)}
body.pricing-public-page .pricing-grid-public{gap:16px}
body.pricing-public-page .public-plan-card,html[data-theme=dark] body.pricing-public-page .public-plan-card{background:var(--pp-panel)!important;background-image:none!important;border:1px solid var(--pp-line)!important;color:var(--pp-ink)!important;border-radius:19px;box-shadow:var(--pp-shadow)!important;padding:25px 23px}
body.pricing-public-page .public-plan-card.featured{border:2px solid var(--pp-action)!important;padding:24px 22px;box-shadow:0 15px 38px rgba(9,121,103,.13)!important}
body.pricing-public-page .public-plan-card h2,body.pricing-public-page .public-price-line strong,body.pricing-public-page .public-report-badge strong{color:var(--pp-ink)}
body.pricing-public-page .public-plan-card h2{font:700 21px 'Space Grotesk',sans-serif}
body.pricing-public-page .public-price-line span,body.pricing-public-page .public-plan-card ul,body.pricing-public-page .public-equivalent,body.pricing-public-page .annual-public-note{color:var(--pp-muted)}
body.pricing-public-page .public-price-line strong{font:700 36px 'Space Grotesk',sans-serif}
body.pricing-public-page .public-savings{color:var(--pp-accent)}
body.pricing-public-page .public-report-badge,body.pricing-public-page .public-report-badge.neutral{background:var(--pp-soft);color:var(--pp-ink);border-color:var(--pp-line)}
body.pricing-public-page .public-plan-card li::before{color:var(--pp-accent)}
body.pricing-public-page .public-plan-btn{background:var(--pp-action);color:var(--pp-action-ink);box-shadow:none;border:1px solid transparent}
body.pricing-public-page .public-plan-btn:hover{filter:brightness(.93);transform:translateY(-1px)}
body.pricing-public-page .public-plan-btn.secondary{background:var(--pp-soft);color:var(--pp-ink);border-color:var(--pp-line)}
body.pricing-public-page .popular-badge{color:#fff;background:#7540b8}
body.pricing-public-page .annual-public-note,body.pricing-public-page .public-report-packs,body.pricing-public-page .public-pricing-footer-cta{background:var(--pp-panel);color:var(--pp-ink);border:1px solid var(--pp-line);box-shadow:var(--pp-shadow)}
body.pricing-public-page .public-report-packs h2,body.pricing-public-page .public-pricing-footer-cta h2{color:var(--pp-ink);font-family:'Space Grotesk',sans-serif}
body.pricing-public-page .pack-pills span{background:var(--pp-soft);border-color:var(--pp-line);color:var(--pp-ink)}
body.pricing-public-page .public-pricing-legal-footer{color:var(--pp-muted);border-color:var(--pp-line)}
body.pricing-public-page .public-pricing-legal-footer a{color:var(--pp-accent)}
body.pricing-public-page .ds-shared-footer{background:#22201b!important;color:#f4f0e7!important}
body.pricing-public-page :is(a,button):focus-visible{outline:3px solid var(--pp-action);outline-offset:3px}
@media(max-width:700px){body.pricing-public-page .public-pricing-shell{padding:16px 16px 40px}body.pricing-public-page .public-pricing-header{gap:10px;padding-bottom:16px}body.pricing-public-page .public-pricing-brand span{display:inline;font-size:16px}body.pricing-public-page .public-pricing-brand img{width:35px;height:35px}body.pricing-public-page .public-pricing-nav{width:100%;justify-content:flex-start;gap:4px}body.pricing-public-page .public-pricing-nav a{padding:7px 8px;font-size:12px}body.pricing-public-page .public-pricing-hero{padding-top:30px}body.pricing-public-page .pricing-grid-public{grid-template-columns:1fr}body.pricing-public-page .public-plan-card{min-width:0}}
body.pricing-public-page :is(.ds-pref-theme,.ds-pref-lang){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:8px 11px;color:var(--pp-ink)!important;background:var(--pp-panel)!important;border:1px solid var(--pp-line)!important;border-radius:9px;font:700 12px Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap}
body.pricing-public-page .ds-pref-lang img{width:20px;height:15px;object-fit:cover;flex-shrink:0}
body.pricing-public-page :is(.ds-pref-theme,.ds-pref-lang){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:8px 11px;color:var(--pp-ink)!important;background:var(--pp-panel)!important;border:1px solid var(--pp-line)!important;border-radius:9px;font:700 12px Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap}
body.pricing-public-page .ds-pref-lang img{width:20px;height:15px;object-fit:cover;flex-shrink:0}
/* Distinguish the active billing cadence without inheriting old blue button backgrounds. */
body.pricing-public-page .billing-toggle button{background:transparent!important;color:var(--pp-ink)!important}
body.pricing-public-page .billing-toggle button.active{background:var(--pp-action)!important;color:var(--pp-action-ink)!important}


/* Issue 43: public pricing report badges and report-pack figures. */
body.pricing-public-page .public-plan-card .public-report-badge {
  background: #e8f5ee !important;
  border-color: #8dc5af !important;
  color: #174b40 !important;
  opacity: 1 !important;
}
body.pricing-public-page .public-plan-card .public-report-badge strong {
  color: #076550 !important;
}
body.pricing-public-page .public-report-packs .pack-pills span {
  background: #f1f6f2 !important;
  border-color: #b5cfc1 !important;
  color: #174b40 !important;
}
body.pricing-public-page .public-report-packs .pack-pills span strong {
  color: #174b40 !important;
}
html[data-theme="dark"] body.pricing-public-page .public-plan-card .public-report-badge {
  background: #304037 !important;
  border-color: #617d68 !important;
  color: #e4f5e9 !important;
}
html[data-theme="dark"] body.pricing-public-page .public-plan-card .public-report-badge strong {
  color: #a7efc8 !important;
}
html[data-theme="dark"] body.pricing-public-page .public-report-packs .pack-pills span {
  background: #342f27 !important;
  border-color: #756e5d !important;
  color: #f2eee4 !important;
}
html[data-theme="dark"] body.pricing-public-page .public-report-packs .pack-pills span strong {
  color: #f2eee4 !important;
}

/* Pricing headline: balance line lengths so the final word is not orphaned. */
body.pricing-public-page .public-pricing-hero h1 {
  text-wrap: balance;
}

/* Pricing readability fix: annual-equivalent copy must remain legible in light mode. */
body.pricing-public-page .public-plan-card .public-equivalent{color:#2f4650!important;font-weight:800!important;opacity:1!important;text-shadow:none!important;}
html[data-theme="dark"] body.pricing-public-page .public-plan-card .public-equivalent{color:#e2e9e5!important;}