.plans-page{max-width:1440px}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.benefit-card{padding:26px;border:1px solid #ded5c4;background:#fffcf5;display:flex;flex-direction:column;gap:18px;min-width:0}.benefit-card.is-current{border:2px solid #a7480b;background:#f7efde}.benefit-card h2{font-size:32px;margin:0}.benefit-price{font-size:34px;font-weight:600}.benefit-card p{margin:0;line-height:1.8}.benefit-card .btn{margin-top:auto}.tier-label{display:inline-block;font-size:13px;color:#984307;letter-spacing:.05em;min-height:24px}.plans-notes p{line-height:1.9}.plans-page .page-heading{margin:24px 0}@media(max-width:1100px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.benefit-grid{grid-template-columns:1fr}.benefit-card{padding:22px}.plans-page .page-heading{display:block}.plans-page .page-heading button{margin-top:20px}}

/* The benefits view uses the same full-width console shell as account/billing. */
.secondary-page.console-body .plans-page {width:100%;max-width:none;margin:0 auto 40px;padding:0;}
.console-body .plans-page .console-shell {margin-top:20px;gap:24px;}
.console-body .plans-page .page-heading {margin:0 0 16px;gap:16px;}
.console-body .plans-page h1 {font:600 20px/28px var(--body);margin:0 0 6px;}
.console-body .plans-page .page-heading p {font-size:var(--text-secondary);margin:0;}
.console-body .plans-page .portal-card {padding:18px 20px;border-top:1px solid var(--sand);border-radius:4px;}
.console-body .plans-page .portal-card h2 {font:600 18px/26px var(--body);margin:0 0 10px;}
.console-body .plans-page .portal-card p {font-size:14px;line-height:1.7;margin:6px 0;}
.console-body .plans-page .benefit-grid {gap:12px;margin:16px 0;}
.console-body .plans-page .benefit-card {padding:18px;gap:10px;border-radius:4px;}
.console-body .plans-page .benefit-card h2 {font:600 24px/32px var(--body);}
.console-body .plans-page .benefit-price {font:600 26px/34px var(--body);font-variant-numeric:tabular-nums;}
.console-body .plans-page .benefit-card p {font-size:14px;line-height:1.7;}
.console-body .plans-page .benefit-card .btn {min-height:40px;padding:8px 12px;font-size:14px;box-shadow:none;}
.console-body .plans-page .tier-label {font-size:13px;min-height:20px;letter-spacing:0;}
@media(max-width:900px){.console-body .plans-page .console-shell{gap:12px}.console-body .plans-page .page-heading{flex-wrap:wrap}.console-body .plans-page .benefit-card .btn{min-height:44px}}