.customer-account-top{display:flex;justify-content:flex-end;align-items:center;width:100%;box-sizing:border-box;padding:9px clamp(16px,2.2vw,40px);border-bottom:1px solid #e1e5e9;background:#f5f6f8;color:#29313c;font:600 13px/1.5 'DM Sans',Arial,sans-serif}
.customer-account-top a{display:inline-flex;gap:16px;align-items:center;color:#29313c!important;text-decoration:none;padding:5px 0}
.customer-account-top a:hover{text-decoration:underline}.customer-account-top a:focus-visible{outline:2px solid #71394f;outline-offset:4px}
body.final-step-active:has(.page-shell) #planner .planner-layout{display:block!important;grid-template-columns:1fr!important}
body.final-step-active:has(.page-shell) #planner .stacked-final-form{width:100%!important;max-width:none!important;margin:0!important}
body.final-step-active:has(.page-shell) #planner .live-summary{position:static!important;margin-top:28px!important;width:100%!important;box-sizing:border-box;max-width:none!important}
body.final-step-active:has(.page-shell) #planner .receipt-panel{max-width:760px;margin-inline:auto}
body:has(.page-shell) #planner details.final-form-group{border:1px solid #dce1e7!important;border-radius:8px!important;overflow:hidden}
body:has(.page-shell) #planner details.final-form-group>.final-form-group-heading{cursor:pointer;list-style:none;padding:22px!important;margin:0!important;background:#f5f6f8!important;align-items:center}
.final-form-group-heading::-webkit-details-marker{display:none}
.section-minimize{margin-left:auto;white-space:nowrap;font-size:13px!important;font-weight:600;color:#424d5b!important}
.section-minimize::after{content:'Expand +'}details[open]>.final-form-group-heading .section-minimize::after{content:'Minimize −'}
body:has(.page-shell) #planner details.final-form-group>.final-form-group-body{padding:24px!important}
.required-question{display:inline!important;color:#b91c1c!important;-webkit-text-fill-color:#b91c1c!important;font-size:12px!important;font-weight:600!important;white-space:normal;background:none!important;padding:0!important;border:0!important}
.required-question b{font-size:17px!important;color:#b91c1c!important;-webkit-text-fill-color:#b91c1c!important}
@media(min-width:1000px){body:has(.page-shell) #planner .final-form-group .conditional-question-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:has(.page-shell) #planner .final-form-group .conditional-question-grid>label:has(textarea){grid-column:1/-1}}
@media(max-width:700px){body:has(.page-shell) #planner details.final-form-group>.final-form-group-heading{padding:18px 14px!important;gap:10px;flex-wrap:wrap}body:has(.page-shell) #planner details.final-form-group>.final-form-group-body{padding:20px 14px!important}.section-minimize{width:100%;margin:0!important;text-align:right}}

/* Prominent account entrance and comfortable customer reading sizes. */
.customer-account-top{padding-block:12px;background:#f4f5f7}
.customer-account-top a{gap:14px;min-height:58px;padding:10px 18px;background:#fff;border:1px solid #cbd1d9;border-radius:9px;box-shadow:0 2px 7px #25303e08}
.customer-account-top a:hover{border-color:var(--season-deep,#71394f);background:#faf8fa;text-decoration:none}
.account-profile-icon{width:42px;height:42px;flex-shrink:0;color:var(--season-deep,#71394f);padding:8px;box-sizing:content-box;border-radius:50%;background:#f1edf0}
.account-link-copy{display:flex;flex-direction:column;gap:2px;text-align:left}
.account-link-copy strong{font-size:18px;line-height:1.35;color:#252e39}
.account-link-copy small{font-size:15px;line-height:1.4;color:#515d6b}
body:has(.page-shell),.offers-workspace:has(.creative-site-header){font-size:17px;line-height:1.65}
body:has(.page-shell) :is(.hero-intro,.step-heading p,.planner-heading-note p,.choice-description-list,.choice-brief-timeframe,.company-service-grid p,.company-section-heading>p,.timing-note p),.offers-workspace:has(.creative-site-header) :is(p,.offers-description,.offers-terms,.offers-hero>div){font-size:17px!important;line-height:1.75!important}
body:has(.page-shell) .creative-menu :is(a,button),.offers-workspace:has(.creative-site-header) .creative-menu :is(a,button){font-size:15px!important}
body:has(.page-shell) :is(.customer-field,.quick-field,.custom-field)>span,.offers-workspace:has(.creative-site-header) .offers-request-form label{font-size:16px!important;line-height:1.6!important}
body:has(.page-shell) :is(.customer-field,.quick-field,.custom-field) small,.offers-workspace:has(.creative-site-header) :is(.offers-field-hint,.offers-request-form small){font-size:14px!important;line-height:1.65!important}
body:has(.page-shell) :is(.choice-title,.final-subheading strong){font-size:19px!important;line-height:1.45!important}
body:has(.page-shell) :is(.step-dot span,.catalog-tab,.form-actions button,.summary-actions button,.quick-order-form button){font-size:15px!important;line-height:1.5!important}
.customer-profile-workspace :is(.desk-panel p,.profile-identity-card p,.profile-identity-card label,.reward-guide p){font-size:17px!important;line-height:1.75!important}
@media(max-width:700px){.customer-account-top a{padding:8px 14px;min-height:54px}.account-profile-icon{width:32px;height:32px}.account-link-copy strong{font-size:17px}.account-link-copy small{font-size:14px}body:has(.page-shell) .creative-menu :is(a,button){font-size:15px!important}body:has(.page-shell) .step-dot span{font-size:12px!important;overflow-wrap:anywhere}body:has(.page-shell) .step-dot{min-width:0!important}.customer-profile-workspace input,.offers-workspace:has(.creative-site-header) input{font-size:16px!important}}
body:has(.page-shell) #planner .final-form-group-heading .section-minimize{display:inline-flex!important;align-items:center;justify-content:center;min-width:155px;min-height:48px;padding:10px 18px!important;border:2px solid #71394f!important;border-radius:7px;background:#fff!important;color:#71394f!important;font-size:16px!important;font-weight:800;box-sizing:border-box}
body:has(.page-shell) #planner details:not([open])>.final-form-group-heading .section-minimize{background:#71394f!important;color:#fff!important}
.section-minimize::after{content:'Open section +'}details[open]>.final-form-group-heading .section-minimize::after{content:'Minimize section −'}
.final-form-group-heading:focus-visible{outline:3px solid #71394f;outline-offset:-3px}
.continue-form-section{display:block;width:100%;min-height:52px;margin-top:24px;padding:14px 20px;border:0;border-radius:7px;background:#343c47;color:#fff;font:700 17px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer;text-align:center}
.continue-form-section:hover{background:#71394f}.continue-form-section:focus-visible{outline:3px solid #b68173;outline-offset:3px}
.section-progress-status{padding:12px 16px;background:#f0f6f1;color:#2b5435;border:1px solid #c2d8c7;border-radius:6px;font-size:15px;line-height:1.6}
@media(max-width:700px){body:has(.page-shell) #planner .final-form-group-heading .section-minimize{width:100%;min-width:0;margin-top:10px!important}}

/* Keep the final form and receipt together across the available desktop width. */
@media(min-width:1100px){
 body.final-step-active:has(.page-shell) #planner .planner-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;gap:28px;align-items:start}
 body.final-step-active:has(.page-shell) #planner .section-overview{grid-column:1/-1}
 body.final-step-active:has(.page-shell) #planner .planner-card{grid-column:1;min-width:0;width:100%;box-sizing:border-box}
 body.final-step-active:has(.page-shell) #planner .live-summary{grid-column:2;position:sticky!important;top:20px;margin-top:0!important;min-width:0;width:100%!important}
 body.final-step-active:has(.page-shell) #planner .receipt-panel{max-width:none;margin:0}
}
.section-question-count{display:block;margin-top:8px;color:#515d6b;font-size:14px;font-weight:700;line-height:1.5}