/* Scoped to the overhead planner: preserve the rest of the storefront. */
.clearance-intro{display:flex;align-items:end;justify-content:space-between;gap:26px;margin:0 0 24px}.clearance-intro h1{font:800 clamp(36px,3.3vw,54px)/1.04 var(--head);margin:0}.clearance-intro p:not(.eyebrow){font-size:16px;color:#bcc4cc;max-width:650px;line-height:1.55;margin:12px 0 0}.clearance-shortcuts{display:flex;gap:8px;flex-wrap:wrap;max-width:430px}.clearance-shortcuts a{border:1px solid #50565e;padding:11px 14px;color:#f2f4f6;font-size:13px;font-weight:700;text-decoration:none;background:#1d2227}.clearance-shortcuts a:first-child{background:#b92738;border-color:#b92738}.clearance-page .clearance-shell{grid-template-columns:350px minmax(0,1fr);align-items:start}.clearance-page .planner-side{padding:0;border:0;background:#181d22}.clearance-page .clearance-view{border-left:1px solid #3b4249;position:sticky;top:12px;align-self:start}.units-control{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:16px 20px;border-bottom:1px solid #3b4249}.units-control label{font-weight:700;font-size:13px}.units-control small{grid-column:1/-1;font-size:12px;color:#acb8c2}.units-control select{width:145px}.clear-step{border-bottom:1px solid #3b4249;scroll-margin-top:24px}.clear-step>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:16px 20px;cursor:pointer;font:700 20px/1.15 var(--head);min-height:60px}.clear-step>summary::-webkit-details-marker{display:none}.clear-step>summary:after{content:'+';margin-left:auto;color:#e46a79;font:600 23px var(--body)}.clear-step[open]>summary:after{content:'−'}.step-num{display:grid;place-items:center;border:1px solid #9f3d49;color:#fff;width:28px;height:28px;flex:0 0 28px;font:700 13px var(--body);background:#822532}.step-content{padding:0 20px 20px}.step-intro{font-size:13px;line-height:1.55;color:#b4bec8;margin:0 0 14px}.clear-step .dimension-inputs{gap:12px;margin:0}.clear-step input[type=text],.clearance-page select{width:100%;min-width:0;min-height:44px;background:#10151a;border:1px solid #58646f;color:#fff;padding:8px 10px;font:400 16px var(--body);border-radius:0}.clear-step label{min-width:0}.clear-step .dimension-inputs label,.clearance-fields label,.control-label{font-size:13px;line-height:1.4;color:#d7dfe6;font-weight:500;display:block}.clear-step .dimension-inputs input{margin-top:6px}.control-label{margin:14px 0 0}.control-label input,.control-label select{display:block;margin-top:6px}.clear-step .add-grid{margin:0}.clear-step button{min-height:44px}.clear-step .add-wide{font-size:14px;font-weight:700}.clear-step .accent{background:#b92738;border-color:#ce4d5c}.clear-step .remove-selected{font-size:13px;background:#2b1b22;margin-top:14px}.clearance-page input:focus,.clearance-page select:focus,.clearance-page button:focus-visible,.clearance-page summary:focus-visible{outline:2px solid #ed6b7c;outline-offset:3px}.vehicle-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vehicle-presets button{background:#e7edf1;color:#1c2b35;border:2px solid transparent;padding:9px 9px 7px;font:700 14px var(--body);cursor:pointer}.vehicle-presets button[aria-pressed=true]{border-color:#ef6577;background:#fff}.vehicle-presets svg{width:100%;height:auto;display:block;margin-bottom:5px}.clear-step .field-hint{display:block;font-size:12px;line-height:1.55;color:#aebbc6;margin:9px 0 0}.clear-step .field-hint a{color:#f0bcc4}.clear-inline-link{display:inline-block;color:#eeafb9;font-size:13px;font-weight:600;margin-top:12px;text-underline-offset:4px}.full-field{grid-column:1/-1}.clearance-page .clearance-fields{gap:11px}.clearance-fields input:disabled{opacity:.6}.lift-family{display:flex;gap:6px}.lift-family button{flex:1;border:1px solid #66737d;background:#242d35;color:#fff;padding:10px;font:700 13px var(--body);cursor:pointer}.lift-family button[aria-pressed=true]{background:#b92738;border-color:#db6c79}.check-control{display:flex!important;gap:8px;align-items:center;margin-top:15px;font-size:13px}.check-control input{width:19px;height:19px;accent-color:#c52e40;flex:none}.height-input-row{display:flex;gap:10px;align-items:center;margin:7px 0}.height-input-row input{max-width:130px}.height-input-row output{font-size:12px;color:#aebbc6}.clear-step input[type=range]{width:100%;margin:10px 0 0;accent-color:#d94255;min-height:30px}.clearance-page .clearance-toolbar{padding:12px}.clearance-page .view-tabs button{font-size:13px;text-transform:none}.measure-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 12px}.measure-toolbar button{padding:9px 11px;min-height:38px;border:1px solid #525e69;background:#242c34;color:#dce4eb;font:600 12px var(--body);cursor:pointer}.measure-toolbar button[aria-pressed=true]{background:#3b1721;border-color:#dc6576;color:#fff}.clearance-page .clearance-canvas-wrap{height:clamp(340px,53vh,660px);min-height:0;padding:10px;background:#252d34}.clearance-page .clearance-canvas-wrap svg{display:block;background:#f1f3f1;user-select:none}.clearance-page .drawing-hint{font-size:12px;color:#b8c4cd;margin:0;padding:10px 16px}.clearance-readout{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px}.clearance-readout span{background:#252e36;border:1px solid #46515b;padding:7px 10px;font-size:12px;color:#d5e1e8}.clearance-readout b{color:#fff}.clearance-readout .negative{background:#421c26;border-color:#b84154}.clearance-page .conflict-status{font-size:13px;padding:10px 16px}.clearance-page .conflict-status:empty{display:none}.clearance-page .planner-warning{font-size:12px;line-height:1.6;padding:12px 16px 14px}.canvas-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid #3b4249;color:#95a7b6;font-size:11px}.canvas-bottom button{background:none;color:#c7d4de;border:0;text-decoration:underline;cursor:pointer;min-height:35px}.clearance-guide-section{margin:55px 0 0;scroll-margin-top:24px}.clearance-guide-section .section-heading{margin-bottom:24px}.clearance-guide-section .section-heading h2{font:700 clamp(30px,3vw,43px) var(--head);margin:0}.clearance-guide-section .section-heading p:not(.eyebrow){max-width:760px;color:#b8c4cd;font-size:15px;line-height:1.6}.measurement-guide-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);border:1px solid #424c55;background:#181f25;gap:24px;padding:24px}.measurement-guide-grid figure{margin:0;min-width:0}.measurement-guide-grid img{display:block;width:100%;background:#f2f4f4}.measurement-guide-grid figcaption{font-size:12px;color:#aabbc7;line-height:1.6;margin-top:10px}.measurement-key p{font-size:14px;line-height:1.55;color:#b8c4cd;margin:0 0 14px}.measurement-key b{display:block;color:#fff;margin-bottom:3px}.clearance-howto{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.clearance-howto h3{font:700 26px var(--head);margin:0 0 10px}.clearance-howto p{font-size:14px;color:#b8c4cd;line-height:1.7;margin:0}.clearance-howto a{color:#eaa7b4}.clearance-more-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.clearance-page .lift-shape{fill:#35434c;stroke:#182730;stroke-width:.6}.clearance-page .arm-shape{fill:#c3a34e;stroke:#695b27;stroke-width:.5}.clearance-page .clearance-measure{stroke:#ad2139;stroke-width:.65;fill:none}.clearance-page .clearance-measure-label{font:600 6px Arial,sans-serif;fill:#9e2037;text-anchor:middle;paint-order:stroke;stroke:#f1f3f1;stroke-width:2px}.clearance-page .room-dimension{font-size:7px}.clearance-page .elevation-object:focus{outline:none}.clearance-page .selection-envelope{fill:none;stroke:#c53249;stroke-width:1;stroke-dasharray:3 2;pointer-events:none}.clearance-page .elevation-object{outline:0}.clearance-page .elevation-object:focus .selection-envelope{stroke:#c53249;stroke-width:1.5}.clearance-page .tape-line{stroke:#b5213c;stroke-width:1;stroke-dasharray:3 2;pointer-events:none}.clearance-page .drawing-expanded{position:fixed}.clearance-page .drawing-expanded .drawing-hint{display:block}.clearance-page .drawing-expanded .canvas-bottom,.clearance-page .drawing-expanded .clearance-readout{display:none}.clearance-page .drawing-expanded .clearance-canvas-wrap{flex:1;height:auto;min-height:0}
@media(max-width:1150px){.clearance-page .clearance-shell{grid-template-columns:310px minmax(0,1fr)}.clearance-intro{align-items:start}.clearance-shortcuts{max-width:290px}.clearance-page .clearance-toolbar{gap:10px}.clearance-page .canvas-controls{gap:5px}.clearance-page .canvas-controls button{padding-inline:10px;font-size:12px}}
@media(max-width:760px){.clearance-intro{display:block;margin-bottom:18px}.clearance-intro h1{font-size:36px}.clearance-intro p:not(.eyebrow){font-size:14px;line-height:1.5;margin-top:10px}.clearance-intro .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:10px}.clearance-shortcuts{max-width:none;margin-top:14px;gap:6px}.clearance-shortcuts a{font-size:11px;padding:10px;flex:1;text-align:center}.clearance-page .clearance-shell{grid-template-columns:minmax(0,1fr)}.clearance-page .clearance-view{order:0;position:static;border:0}.clearance-page .planner-side{order:1;border-top:1px solid #46515b}.clearance-page .clearance-toolbar{display:flex;padding:10px;gap:7px}.clearance-page .view-tabs{margin:0}.clearance-page .view-tabs button{padding-inline:10px;min-height:38px;font-size:12px}.clearance-page .canvas-controls button{min-height:38px;padding-inline:10px}.clearance-page .canvas-controls{gap:5px}.measure-toolbar{padding:0 10px 10px;gap:5px}.measure-toolbar button{font-size:11px;padding:8px;min-height:36px}.clearance-page .clearance-canvas-wrap{height:clamp(245px,34vh,390px);padding:6px}.clearance-page .drawing-hint{font-size:11px;padding:8px 12px}.clearance-page .clearance-readout{padding:0 12px;gap:5px}.clearance-readout span{font-size:11px;padding:6px 8px}.clearance-page .planner-warning{font-size:11px;padding:10px 12px}.canvas-bottom{padding:6px 12px}.units-control{padding:12px 16px}.clear-step>summary{padding:14px 16px;font-size:20px}.step-content{padding:0 16px 18px}.clearance-guide-section{margin-top:35px}.measurement-guide-grid{grid-template-columns:1fr;padding:16px;gap:22px}.clearance-howto{grid-template-columns:1fr;gap:24px}.clearance-more-links .button{width:100%;justify-content:center}.clearance-page .drawing-expanded .clearance-canvas-wrap{height:auto;min-height:0}.clearance-page .drawing-expanded .clearance-toolbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){.clearance-page details[open] .step-content{animation:clearStep .15s ease-out}@keyframes clearStep{from{opacity:.4}to{opacity:1}}}

.clearance-page [hidden]{display:none!important}
