.wizard-progress{display:flex;list-style:none;padding:0;margin:22px 0;gap:0;max-width:780px}
.wizard-progress li{display:flex;align-items:center;gap:10px;flex:1;min-width:0;font-size:13px;color:#666}
.wizard-progress li:not(:last-child)::after{content:'';height:2px;flex:1;background:#dedede;margin:0 14px}
.wizard-number{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #cfd2d4;border-radius:50%;font-weight:700;background:#fff}
.wizard-progress [aria-current=step]{font-weight:800;color:#111820}
.wizard-progress [aria-current=step] .wizard-number,.wizard-progress .is-complete .wizard-number{background:#d20b16;color:#fff;border-color:#d20b16}
.wizard-progress .is-complete::after{background:#d20b16!important}
.wizard-status{font-size:12px;color:#666;margin:0 0 12px}
.wizard-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.wizard-actions button{font:inherit;font-size:12px;font-weight:700;border:1px solid #dedede;background:#fff;color:#111820;border-radius:7px;padding:13px 16px;cursor:pointer;min-height:44px}
.wizard-actions #studio-next{margin-left:auto;color:#fff;background:#d20b16;border-color:#d20b16}
.wizard-enabled [hidden]{display:none!important}
.wizard-enabled .studio-layout{grid-template-columns:320px minmax(300px,1fr)}
.wizard-enabled .studio-controls{grid-row:auto}
.wizard-enabled .studio-controls{grid-column:1;grid-row:1;min-width:0}
.wizard-enabled .studio-summary{grid-column:1;grid-row:2;min-width:0;max-width:100%}
.wizard-enabled .studio-preview{grid-column:2;grid-row:1 / span 2;align-self:start}
.wizard-enabled .quote-card{min-width:0;max-width:100%;overflow-wrap:anywhere}
.wizard-enabled .quote-card .notice{white-space:normal}
.wizard-enabled [data-studio-panel]{scroll-margin-top:100px}
.wizard-enabled .studio-tips{display:none}
@media(max-width:900px){.wizard-enabled .studio-layout{grid-template-columns:280px minmax(250px,1fr)}}
@media(max-width:760px){.wizard-enabled .studio-layout{display:flex}.wizard-enabled .studio-controls{order:0}.wizard-enabled .studio-preview{order:1}.wizard-enabled .studio-summary{order:2}.wizard-progress{margin:20px 0}.wizard-progress li{font-size:11px;gap:6px}.wizard-progress li:not(:last-child)::after{margin:0 7px}.wizard-number{width:28px;height:28px}.wizard-enabled [data-studio-panel]{scroll-margin-top:16px}}

/* Final review is a fourth panel in the same column as the first three steps. */
.wizard-enabled .studio-preview{grid-row:1}
.wizard-enabled .wizard-actions{flex-wrap:nowrap;align-items:center}
.wizard-enabled .wizard-actions button{flex:1 1 0;min-width:0;padding:13px 8px;white-space:nowrap;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px}
.wizard-enabled .wizard-actions #prepare-quote{width:auto;margin:0;background:#d20b16;color:#fff;border:1px solid #d20b16;border-radius:7px;letter-spacing:normal}
.wizard-enabled .wizard-actions #studio-next{margin-left:0}
#studio-step-4>h2{font-size:15px;margin:0 0 22px}
#studio-step-4 #summary-title{font-size:22px;margin:15px 0 4px}
@media(max-width:540px){.wizard-progress li{font-size:10px;gap:4px}.wizard-progress li:not(:last-child)::after{margin:0 4px}.wizard-number{width:24px;height:24px}.wizard-progress li:last-child{flex:1.3}}

/* Compact account notice in the final review. */
#studio-step-4 .notice{font-size:11px;line-height:1.5;padding:10px 12px;margin:14px 0;}

/* Completed steps are green; current step retains the existing red. */
.wizard-progress .is-complete .wizard-number{background:#16803c;border-color:#16803c;color:#fff;}
.wizard-progress .is-complete::after{background:#16803c!important;}