.subscription-advisor { --advisor-gap: 1rem; }
.advisor-summary { padding: 1.5rem; margin-block: var(--advisor-gap); }
.advisor-summary h2 { margin-block: 0 .75rem; }
.advisor-team { font-variant-numeric: tabular-nums; }
.advisor-plans, .advisor-periods { border: 0; padding: 0; margin: 0; min-width: 0; }
.advisor-plans legend, .advisor-periods legend { font-weight: 600; padding-block: .75rem; }
.advisor-plan { display: flex; gap: .75rem; align-items: flex-start; padding: var(--advisor-gap); margin-block: .75rem; border: 1px solid var(--border, currentColor); border-radius: .75rem; cursor: pointer; }
.advisor-plan.selected { border-color: var(--indigo); background: var(--surface-raised, transparent); }
.advisor-plan > span, .advisor-plan > span > span { display: block; }
.advisor-plan input, .advisor-periods input { accent-color: var(--indigo); min-width: 1rem; min-height: 1rem; margin-top: .25rem; }
.advisor-price { font-size: 1.25rem; font-weight: 600; margin-block: .5rem; font-variant-numeric: tabular-nums; }
.advisor-recommended { color: var(--indigo); font-weight: 600; margin-top: .25rem; }
.advisor-reason { line-height: 1.6; }
.advisor-periods label { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; }
.advisor-seats { width: 5rem; min-height: 2.75rem; background: var(--surface, transparent); color: var(--ink); border: 1px solid var(--border, currentColor); border-radius: .5rem; padding: .5rem; font: inherit; }
.advisor-auto { margin-bottom: var(--advisor-gap); }
.subscription-advisor :focus-visible { outline: 2px solid var(--indigo); outline-offset: 3px; }
.subscription-advisor [disabled] { cursor: default; }
.subscription-advisor .muted { line-height: 1.6; }
.subscription-advisor .grand { gap: var(--advisor-gap); flex-wrap: wrap; }
.subscription-advisor .calc-total { margin-top: var(--advisor-gap); }
.subscription-advisor .calc-left { min-width: 0; }
.subscription-advisor .pay-btn { white-space: normal; height: auto; min-height: 2.75rem; padding-block: .75rem; overflow-wrap: anywhere; }
@media (max-width: 40rem) { .subscription-advisor .calc { display: block; } .advisor-summary { padding: 1rem; } }