/* Pricing and customer-account layout corrections, 26 October 2026. */
.pricing-section .section-heading{align-items:flex-start}
.pricing-section .section-heading>div{min-width:0;flex:1 1 0}
.pricing-section .section-heading>p{flex:1 1 0;min-width:0;max-width:38rem;margin:0;line-height:1.75}
.pricing-section .eyebrow,#legal-content .pricing-section .eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:.15em;margin:0 0 16px;font-weight:650}
.pricing-section #plans-title,#legal-content .pricing-section #plans-title{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.035em;margin:0}
#legal-content .pricing-section{padding:28px 0 0;max-width:100%}
#legal-content .pricing-section>.container{max-width:100%;padding:0;margin:0}
.cbb-main-site .pricing-section,main>.pricing-section{width:100%;max-width:1320px;margin-inline:auto;box-sizing:border-box}
.cbb-main-site .pricing-section>.container,main>.pricing-section>.container{width:100%;max-width:100%;margin-inline:auto}
.account-page .account-header{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:24px;padding:14px 48px;min-height:106px}
.account-page .account-header .brand{display:block;min-width:0;width:76px;flex-shrink:0;line-height:0}
.account-page .account-header .logo-mark{display:block;width:76px;height:76px}
.account-page .account-header .logo-mark img{width:76px;height:76px;max-width:none;object-fit:contain;flex-shrink:0}
.account-page .account-header .logo-dark{display:block}
.account-page .account-header .logo-light{display:none}
[data-theme="dark"] .account-page .account-header .logo-dark{display:none}
[data-theme="dark"] .account-page .account-header .logo-light{display:block}
.account-page .account-header nav{display:flex;justify-content:center;align-items:center;gap:clamp(14px,2vw,28px);min-width:0;white-space:nowrap}
.account-page .account-header .nav-end{min-width:0;margin:0;display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:nowrap}
.account-page .account-header .theme-select-wrap{display:flex;align-items:center;margin:0;padding:0;gap:0;min-width:0;font-weight:400}
.account-page .account-header .theme-select-wrap .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.account-page .account-header .theme-select{width:auto;max-width:108px;min-width:76px;min-height:44px;padding:8px;line-height:1.4}
.account-page .account-header-link{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1100px){
 .account-page .account-header{grid-template-columns:76px minmax(0,1fr);gap:8px 20px;padding:12px 32px}
 .account-page .account-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;flex-wrap:wrap;gap:4px 18px;border-top:1px solid var(--line);padding-top:6px;white-space:normal}
 .account-page .account-header nav a{display:inline-flex;align-items:center;min-height:44px}
 .account-page .account-header .nav-end{grid-column:2;grid-row:1}
}
@media(max-width:720px){
 .pricing-section .section-heading{display:block}
 .pricing-section .section-heading>p{margin-top:20px}
 .account-page .account-header{padding:10px 24px;grid-template-columns:60px minmax(0,1fr);gap:6px 12px}
 .account-page .account-header .brand,.account-page .account-header .logo-mark,.account-page .account-header .logo-mark img{width:60px;height:60px}
 .account-page .account-header nav{width:auto;gap:4px 12px;font-size:12px}
 .account-page .account-header .nav-end{gap:12px}
 .account-page .account-header .theme-select{min-width:68px;max-width:90px;font-size:12px}
}
@media(max-width:380px){.account-page .account-header{padding-inline:18px}.account-page .account-header nav{font-size:11px;gap:2px 9px}}

/* Balanced account actions and readable seller details. */
.pricing-account-callout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto);align-items:center;gap:24px}
.pricing-account-callout>div{min-width:0}
.pricing-account-actions{display:grid;grid-template-columns:1fr;gap:10px;min-width:220px}
.pricing-account-callout .pricing-account-actions .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:0;padding:12px 18px;white-space:normal;text-align:center;line-height:1.4}
.pricing-account-callout .pricing-account-actions .button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.commerce-summary{display:grid;gap:0;margin:28px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper)}
.commerce-summary>div{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.8fr);gap:12px 24px;padding:14px 18px;align-items:baseline;border-bottom:1px solid var(--line);font-size:14px;line-height:1.65}
.commerce-summary>div:last-child{border-bottom:0}
.commerce-summary>div>span{color:var(--muted);font-weight:500}
.commerce-summary>div>span::after{content:":"}
.commerce-summary>div>strong{min-width:0;font-weight:600;overflow-wrap:anywhere}
@media(max-width:720px){.pricing-account-callout{grid-template-columns:minmax(0,1fr);gap:18px}.pricing-account-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}.commerce-summary>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 16px}}
@media(max-width:380px){.pricing-account-actions{grid-template-columns:minmax(0,1fr)}}
