.door-page{--blue:#176a95;--ink:#203745;--muted:#587081;--line:#c9d3db;background:#f2f4f5;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px}.door-page *{box-sizing:border-box}.door-page [hidden]{display:none!important}.door-page h1,.door-page h2,.door-page h3{font-family:inherit;letter-spacing:-.025em;line-height:1.25}.door-page h1{font-size:24px;margin:8px 0}.door-page h2{font-size:23px;margin:10px 0 14px}.door-page h3{font-size:17px;margin:0 0 18px}.door-page p{color:var(--muted);line-height:1.6}.door-page button,.door-page input,.door-page select,.door-page textarea{font:inherit}.door-page button{cursor:pointer}.door-page button:focus-visible,.door-page a:focus-visible{outline:3px solid #0496dd;outline-offset:3px}.door-page .btn{background:var(--blue);color:#fff;border:1px solid var(--blue);min-height:44px;padding:11px 20px;gap:22px;font-size:14px}.door-page .btn.outline{background:white;color:var(--blue)}.db-header{height:70px;background:#16303f;color:white;display:flex;align-items:center;padding:10px 24px;gap:25px;border-bottom:3px solid #2494c6}.db-header .brand{gap:10px;flex:0 0 auto}.db-header .brand img{height:43px;width:57px;object-fit:contain;background:white}.db-header .brand-text{font-size:12px;color:white}.db-header .brand-text small{font-size:9px;letter-spacing:.6px}.db-header>strong{font-size:17px;padding-left:24px;border-left:1px solid #536672}.db-header>a:last-child{margin-left:auto;color:#e7f2f8;white-space:nowrap;font-size:13px}.db-layout{display:grid;grid-template-columns:232px minmax(0,1fr);height:calc(100dvh - 142px)}.db-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);min-height:0;min-width:0}.db-editor{overflow:auto;padding:25px 30px 30px;scrollbar-gutter:stable;border-right:1px solid var(--line)}.db-package{margin-bottom:32px}.db-package>div{display:flex;justify-content:space-between;align-items:center;gap:16px}.db-package>div>span{font-size:13px;color:var(--muted)}.db-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted)}#db-content>p:not(.db-eyebrow){margin-bottom:24px}.db-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.db-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px;background:white;border:1px solid #bac9d4;border-radius:4px;color:var(--ink);gap:8px;min-width:0}.db-card img{height:126px;width:100%;object-fit:contain}.db-card strong{font-size:15px}.db-card span{font-size:12px;color:var(--muted);line-height:1.5}.db-card[aria-pressed=true]{border:2px solid var(--blue);padding:15px;background:#f5fafc}.db-card[aria-pressed=true]:after{content:'✓';position:absolute;top:9px;right:10px;border-radius:50%;background:var(--blue);color:white;width:20px;height:20px;text-align:center;font-size:13px}.db-section{background:white;border:1px solid var(--line);padding:22px;margin:20px 0;border-radius:4px}.db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.db-field{display:flex;flex-direction:column;gap:9px;min-width:0}.db-field label{font-weight:600;font-size:13px}.db-field input,.db-field select,.db-field textarea{width:100%;border:1px solid #aebfc9;background:#fff;border-radius:3px;padding:11px 12px;min-height:45px;color:var(--ink)}.db-field textarea{min-height:100px;resize:vertical}.db-field small{font-size:12px;line-height:1.5;color:var(--muted)}.db-wide{grid-column:1/-1}.db-note{font-size:12px;padding:13px 15px;border-left:3px solid #4c97bd;background:#e9f1f6;line-height:1.6;color:var(--muted)}.db-checks{display:grid;grid-template-columns:1fr 1fr;gap:16px}.db-checks label{display:flex;gap:10px;align-items:center;line-height:1.4}.db-checks input{accent-color:var(--blue);width:17px;height:17px}.db-preview{background:white;overflow:auto}.db-preview-tabs{display:flex;padding:0 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.db-preview-tabs button{border:0;border-bottom:3px solid transparent;padding:16px 15px 13px;background:white;color:var(--muted)}.db-preview-tabs button[aria-selected=true]{border-color:var(--blue);color:var(--blue);font-weight:700}#db-preview-content{padding:24px 25px}#db-preview-content h2{font-size:18px;margin:0 0 5px}#db-preview-content>p{font-size:12px;margin:4px 0 14px}#db-preview-content svg{width:100%;max-height:calc(100dvh - 340px);min-height:310px;display:block}#db-preview-content svg text{font-family:Inter,Arial,sans-serif}.db-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.db-badges span{padding:7px 10px;background:#f3f7f9;border:1px solid #dbe4e9;font-size:11px;border-radius:3px}.db-drawing-note{text-align:center;font-size:11px!important;margin-top:16px!important}.db-bottom{height:72px;display:flex;align-items:center;padding:12px 24px;gap:20px;background:white;border-top:1px solid var(--line)}.db-bottom>button:not(.btn),#db-return{border:0;background:transparent;color:var(--muted);padding:12px 0}.db-bottom>button:disabled{opacity:.35;cursor:default}.db-bottom>span{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.db-bottom>a{margin-left:auto;font-weight:700;color:var(--ink);white-space:nowrap}#db-errors:empty{display:none}#db-errors{color:#a32b2b;background:#fff2f0;border:1px solid #e0b0aa;padding:12px;border-radius:3px;line-height:1.6}.db-specs{margin:0}.db-specs>div{display:grid;grid-template-columns:minmax(95px,.85fr) minmax(0,1.15fr);gap:15px;padding:12px 0;border-bottom:1px solid #dfe6eb;line-height:1.55;font-size:12px}.db-specs dt{color:var(--muted)}.db-specs dd{margin:0;text-align:right;font-weight:500;overflow-wrap:anywhere}.db-opening-review{padding:20px;background:white;border:1px solid var(--line);margin:14px 0;border-radius:4px}.db-opening-review header{display:flex;justify-content:space-between;gap:15px;align-items:center}.db-opening-review h3{margin:0}.db-opening-review p{margin:5px 0 12px;font-size:12px}.db-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}.db-actions button{border:1px solid var(--line);color:var(--blue);background:white;border-radius:3px;padding:8px 12px;font-size:12px}#db-contact{max-width:1240px;margin:auto;padding:28px 28px 60px}.db-contact-heading{margin-bottom:24px}.db-contact-heading h1{font-size:30px}.db-contact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:28px}.db-contact-summary{border:1px solid var(--line);background:white;padding:24px;max-height:80vh;overflow:auto}.door-page .quote-form{min-width:0}.door-page .review{white-space:pre-wrap;overflow-wrap:anywhere}.db-summary-title{margin-top:28px!important}.db-summary-title:first-child{margin-top:0!important}
@media(min-width:1550px){.db-editor{padding:30px 45px}.db-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.db-card img{height:140px}}
@media(max-width:900px){.db-header{padding:10px 16px;gap:15px}.db-header>strong{font-size:15px;padding-left:15px}.db-workspace{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}.db-editor{padding:23px 20px}.db-grid{grid-template-columns:1fr}.db-preview #db-preview-content{padding:20px 14px}.db-card img{height:100px}.db-header .brand-text{display:none}.db-checks{grid-template-columns:1fr}}
@media(max-width:650px){.db-header{height:64px;padding:8px 12px;gap:10px}.db-header>strong{font-size:14px;padding-left:10px}.db-header>a:last-child{font-size:11px}.db-header .brand img{width:45px;height:37px}.db-workspace{display:flex;flex-direction:column;height:auto}.db-editor{overflow:visible;border-right:0;padding:24px 18px}.db-package{margin-bottom:24px}.db-package>div>span{max-width:45%;text-align:right}.db-preview{overflow:visible;border-top:1px solid var(--line);padding-bottom:82px}.db-preview-tabs{position:static}#db-preview-content svg{max-height:520px;min-height:350px}.db-bottom{position:fixed;bottom:0;left:0;right:0;height:70px;padding:10px 14px;gap:15px;z-index:5;box-shadow:0 -3px 14px #2037450c}.db-bottom>a{display:none}.db-bottom>span{margin-left:auto;padding-left:12px}.door-page .btn{padding:11px 15px}.db-card img{height:110px}.db-section{padding:17px}.db-contact-grid{grid-template-columns:1fr}#db-contact{padding:20px 16px}.db-contact-summary{max-height:none}.db-contact-heading h1{font-size:25px}.db-contact-grid .quote-form{padding:22px 18px}.door-page .quote-form .form-grid{grid-template-columns:1fr}.db-card span{font-size:11px}.db-contact-summary{padding:20px}.db-contact-grid .btn{font-size:12px}.db-specs>div{gap:10px}}

/* Keep the opening's steps visible while its choices and drawing scroll. */
.db-sidebar{background:#edf3f7;border-right:1px solid var(--line);overflow:auto;min-height:0;padding:24px 0 18px}
.db-nav-heading{padding:0 20px 13px;display:flex;flex-direction:column;gap:7px}
.db-nav-heading strong{font-size:16px;overflow-wrap:anywhere}
#db-nav-toggle{display:block;width:100%;text-align:left;border:0;background:none;padding:0 20px 18px;color:var(--muted);font-size:12px;pointer-events:none}
.db-nav-toggle-label{display:none}
#db-stages{display:flex;flex-direction:column;padding:0 12px;gap:5px}
#db-stages button{display:flex;align-items:flex-start;gap:11px;text-align:left;width:100%;padding:15px 12px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);min-height:54px;line-height:1.4}
#db-stages button:hover{background:#e0eaf1;border-color:#c6d8e3;color:var(--ink)}
#db-stages button[data-status=complete]{background:#dcecf4;color:#24556e}
#db-stages button[aria-current=step]{background:var(--blue);border-color:var(--blue);color:white}
.db-step-marker{display:flex;align-items:center;justify-content:center;border:1.5px solid currentColor;border-radius:50%;width:22px;height:22px;flex:0 0 22px;font-size:11px;font-weight:700;margin-top:1px}
.db-step-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.db-step-copy strong{font-size:13px;font-weight:700;line-height:22px}
.db-step-detail{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.db-step-arrow{margin-left:auto;font-size:22px;line-height:22px}
#db-stages button[data-status=attention]:not([aria-current]){border-color:#ad5b26;background:#fff3e7;color:#854119}
.db-nav-help{font-size:11px;padding:8px 22px 0;margin:10px 0;line-height:1.6}
.db-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:901px) and (max-width:1250px){.db-layout{grid-template-columns:210px minmax(0,1fr)}.db-editor{padding:24px 22px}.db-grid{gap:18px 12px}.db-section{padding:17px}.db-field input,.db-field select{padding:11px 8px}.db-step-copy strong{font-size:12px}#db-stages{padding:0 8px}.db-workspace{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}}
@media(max-width:900px){.db-layout{display:flex;flex-direction:column}.db-workspace{flex:1;min-height:0}.db-sidebar{overflow:visible;padding:0;border-right:0;border-bottom:1px solid var(--line);position:relative;background:white;z-index:3}.db-nav-heading,.db-nav-help{display:none}#db-nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;min-height:52px;font-weight:600;color:var(--ink);pointer-events:auto}.db-nav-toggle-label{display:inline;color:var(--blue)}#db-stages{display:none;position:absolute;top:100%;left:0;right:0;max-height:65dvh;overflow:auto;background:#edf3f7;padding:10px 14px 14px;border-bottom:1px solid var(--line);box-shadow:0 10px 18px #2037451a}.db-sidebar[data-open=true] #db-stages{display:flex}.db-sidebar[data-open=true] .db-nav-toggle-label>span{display:inline-block;transform:rotate(180deg)}}
@media(min-width:901px){#db-nav-toggle{display:none}.db-nav-heading{padding-bottom:20px}}
@media(max-width:650px){.db-layout{height:auto}.db-sidebar{position:sticky;top:0}.db-workspace{flex:auto}#db-nav-toggle{padding:14px 18px;font-size:12px}.db-step-copy strong{font-size:13px}}