/* Pricing presentation only; checkout controls keep their existing hooks. */
#plans .plan-grid { align-items: stretch; }
#plans { --plan-button-ink: #fff; }
#plans .plan > button:not(.secondary) { color: var(--plan-button-ink); }
#plans .plan { margin-bottom: 0; }
#plans .plan > p:first-of-type { min-height: 22px; }
#plans .plan .plan-inclusions {
    display: grid;
    gap: 12px;
    padding: 18px 0 0;
    margin: 14px 0 22px;
    list-style: none;
}
#plans .plan-inclusions li { margin: 0; padding-left: 21px; line-height: 1.5; }
#plans .plan-inclusions strong { color: var(--ink); font-size: 13px; font-weight: 750; }
#plans .plan-inclusions span { margin-top: 2px; font-size: 12px; line-height: 1.5; }
#plans .plan-shared-benefits {
    margin: 20px 0 14px;
    padding: 18px 20px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--soft);
}
#plans .plan-shared-benefits h3 { margin: 0 0 8px; color: var(--ink); font-size: 16px; }
#plans .plan-shared-benefits p { margin: 0; font-size: 13px; line-height: 1.7; color: var(--ink); }
#plans .plan-coverage-note { margin: 0 0 16px; font-size: 12px; line-height: 1.7; }
#plans .plan-coverage-note strong { color: var(--ink); }
#plans .plan-school-note,
#plans .plan-terms { margin: 14px 0; font-size: 13px; line-height: 1.7; }
#plans .plan-comparison td { white-space: normal; min-width: 135px; line-height: 1.6; }
#plans .plan-comparison th[scope="row"] { min-width: 210px; }
#plans .plan-comparison [role="img"] { color: #128457; }
html[data-theme="dark"] #plans .plan li::before,
html[data-theme="dark"] #plans .plan-comparison [role="img"] { color: #7de0ad; }
html[data-theme="dark"] #plans { --plan-button-ink: #10244b; }
#plans .table-wrap:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
@media (prefers-color-scheme: dark) {
    html[data-theme="system"] #plans .plan li::before,
    html[data-theme="system"] #plans .plan-comparison [role="img"] { color: #7de0ad; }
    html[data-theme="system"] #plans { --plan-button-ink: #10244b; }
}
@media (min-width: 651px) and (max-width: 1050px) {
    #plans .plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #plans .plan-free { grid-column: span 2; }
    #plans .plan-free .plan-inclusions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #plans .plan-free > button { max-width: 280px; }
}
@media (max-width: 650px) {
    #plans .plan { padding: 22px 20px; }
    #plans .plan .price-note { min-height: 0; }
    #plans .plan-shared-benefits { padding: 16px; }
}