/* 20p: pricing-only layout and emphasis. Shared fonts, palette and regular links remain authoritative. */
.pricing-page main .sector-section > .container.sector-reading{width:100%;max-width:var(--content-wide);margin-inline:auto;padding-inline:1rem}
.pricing-page main .sector-section > .container > :is(p,dl){max-width:none}
.pricing-page .hero.sector-section{padding-bottom:var(--section-padding)}
.pricing-page .pricing-grid{max-width:none;gap:1.5rem}
.pricing-page .pricing-grid article.card{background:var(--card-background);border:1px solid var(--line);border-top:3px solid var(--mocha);box-shadow:var(--shadow);transform:none;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.pricing-page .pricing-grid article.plan-recommended{background:var(--evidence-background);border-color:var(--mocha);box-shadow:var(--shadow-raised);transform:translateY(-4px)}
.pricing-page .pricing-grid article ul{margin-bottom:1.25rem}
.pricing-page .pricing-grid .plan-contact-note{margin-top:auto;font-size:inherit}
.pricing-page .pricing-grid .plan-contact{margin-top:.25rem;align-self:flex-start}
.pricing-page .pricing-grid:has(article:focus-within) article.plan-recommended{background:var(--card-background);box-shadow:var(--shadow);transform:none;border-color:var(--line);border-top-color:var(--mocha)}
.pricing-page .pricing-grid article.card:focus-within{background:var(--evidence-background);border-color:var(--mocha);box-shadow:var(--shadow-raised);transform:translateY(-4px)}
.pricing-page .pricing-value{margin-top:2rem}
.pricing-page .pricing-value h3{margin-top:0}
.pricing-page .pricing-value p:last-child,.pricing-page .pricing-plan-notes p:last-child{margin-bottom:0}
.pricing-page .pricing-common-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}
.pricing-page .pricing-common-grid h3{margin-top:0}
.pricing-page .pricing-common-grid p:last-child{margin-bottom:0}
@media(hover:hover) and (pointer:fine){
 .pricing-page .pricing-grid:not(:has(article:focus-within)):has(article:hover) article.plan-recommended{background:var(--card-background);border-color:var(--line);border-top-color:var(--mocha);box-shadow:var(--shadow);transform:none}
 .pricing-page .pricing-grid:not(:has(article:focus-within)) article.card:hover{background:var(--evidence-background);border-color:var(--mocha);box-shadow:var(--shadow-raised);transform:translateY(-4px)}
}
@media(max-width:69.999rem){.pricing-page .pricing-grid{grid-template-columns:1fr}.pricing-page .pricing-grid article.plan-recommended{transform:none}.pricing-page .pricing-common-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pricing-page #content .pricing-grid article.card{transition:none;transform:none}}

/* 20r: nine informational cards using the shared palette, borders and shadow. */
.pricing-page .pricing-common-grid{align-items:stretch}
.pricing-page .pricing-common-grid .pricing-info-card{min-width:0;padding:1.5rem;background:var(--card-background);border:1px solid var(--line);border-top:3px solid var(--mocha);border-radius:.75rem;box-shadow:var(--shadow)}
.pricing-page .pricing-common-grid .pricing-info-card p{margin-top:.75rem}
@media(max-width:47.999rem){.pricing-page .pricing-common-grid .pricing-info-card{padding:1.25rem}}

/* 20s: consistent separation between information cards and following copy. */
.pricing-page .pricing-common-grid + p{margin-top:1.5rem}