/* MeasurePath. Existing brand greens are inherited unchanged from style.css. */
:root{font-family:var(--mp-font-body);background:var(--mp-paper);color:var(--text);line-height:1.6}
body{background:var(--mp-paper)}a{color:var(--green)}button,input,select,textarea{font:inherit}a,button{ -webkit-tap-highlight-color:transparent}button,a,input,select,textarea{transition:background-color 120ms, border-color 120ms}button{border-color:var(--border);border-radius:4px;font-size:13px;padding:11px 16px}button:hover{border-color:var(--green);background:var(--mp-surface)}button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--green);outline-offset:4px}::selection{background:var(--mp-well);color:var(--green)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{font-size:24px;font-weight:750;letter-spacing:-1.1px;gap:12px;white-space:nowrap;color:var(--green)}.brand-mark{width:23px;height:27px;flex:none}.brand-period{margin-left:-12px;color:var(--green)}
header{position:relative;z-index:20;background:var(--canvas);border-bottom:1px solid var(--border)}.nav{max-width:1280px;padding:24px 40px;gap:40px}.nav nav{gap:34px;white-space:normal;overflow:visible}.nav nav a{font-size:13px;font-weight:600;letter-spacing:.05px;color:var(--soft-text);padding:6px 0;min-height:32px;align-content:center}.nav nav a:hover,.nav nav a[aria-current]{color:var(--green);text-decoration:none}.nav nav .nav-cta{background:var(--mp-accent);color:var(--mp-well);min-height:44px;padding:10px 17px;border-radius:4px;margin-left:12px;display:flex;align-items:center;gap:20px}.nav nav .nav-cta:hover{background:var(--mp-accent);color:var(--mp-well)}.menu-toggle{display:none}.skip:focus{z-index:99}main{max-width:1280px;padding:0 40px;margin:auto}h1,h2,h3{font-family:var(--mp-font-body);color:var(--text)}h1{font-weight:400;letter-spacing:-2px;line-height:1.08}h2{font-size:32px;font-weight:400;letter-spacing:-1.2px;line-height:1.2}h3{font-size:18px;letter-spacing:-.4px;font-weight:600}em{font-style:normal;color:var(--green)}
.hero-cta{background:var(--mp-accent);color:var(--mp-well);border:1px solid var(--green);border-radius:4px;min-height:50px;padding:13px 20px;font-size:1.1875rem;font-weight:700;gap:24px;box-shadow:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.hero-cta:hover{background:var(--mp-accent);transform:none;color:var(--mp-well)}.hero-cta span{font-size:1.1875rem}.quiet-cta,.text-link{font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;gap:14px;align-items:center}.quiet-cta:hover,.text-link:hover{text-decoration:underline}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.mp-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:68px;padding:76px 0 72px;align-items:center}.hero-kicker,.section-index{font-family:var(--mp-font-mono);font-size:10px;letter-spacing:1.7px;font-weight:600;color:var(--green)}.hero-kicker{display:flex;gap:10px;align-items:center;margin-bottom:23px}.status-dot{width:6px;height:6px;background:var(--mp-success);border-radius:50%;display:inline-block;flex:none}.mp-hero h1{font-size:clamp(44px,4.6vw,67px);line-height:1.04;letter-spacing:-3.5px;margin:0 0 26px;font-weight:400;max-width:600px}.hero-description{font-size:15px;color:var(--soft-text);line-height:1.85;margin:0 0 28px}.hero-assurances{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px;font-size:10px;color:var(--soft-text)}.hero-assurances span{display:flex;align-items:center;gap:4px}.hero-assurances svg{width:14px;height:14px;color:var(--green)}
.hero-workspace{border:1px solid var(--border);border-radius:4px;background:var(--mp-surface);box-shadow:none;position:relative}.workspace-top{display:flex;gap:12px;align-items:center;padding:20px 23px;border-bottom:1px solid var(--border)}.workspace-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:4px;background:var(--mp-surface);color:var(--green)}.workspace-mark svg{width:25px;height:25px}.workspace-top strong{display:block;font-size:13px;font-weight:600}.workspace-top small{display:block;font:8px var(--mp-font-mono);letter-spacing:1.4px;color:var(--soft-text);margin-top:3px}.example-tag{font:8px var(--mp-font-mono);letter-spacing:.8px;color:var(--green);margin-left:auto;border:1px solid var(--mp-border);background:var(--mp-surface);border-radius:4px;padding:4px 7px}.slab-drawing{display:block;width:100%;height:auto;color:var(--green);padding:12px 14px 0}.dimension-strip{display:grid;grid-template-columns:repeat(3,1fr) auto;margin:0 24px 20px;border-top:1px solid var(--border);padding-top:16px;align-items:center}.dimension-strip>div{border-right:1px solid var(--border);padding:0 16px}.dimension-strip>div:first-child{padding-left:0}.dimension-strip span{font:9px var(--mp-font-mono);letter-spacing:1px;color:var(--soft-text)}.dimension-strip strong{display:block;font-size:21px;letter-spacing:-.8px;font-weight:600;line-height:1.5}.dimension-strip small{font-size:11px;color:var(--soft-text);font-weight:400}.dimension-strip .dimension-times{padding-left:17px;font-size:8px;white-space:nowrap}.workspace-answer{background:var(--green);color:var(--mp-ink);margin:0 12px;border-radius:4px;padding:19px 24px;display:flex;justify-content:space-between;align-items:center}.workspace-answer span{font-size:11px;color:var(--mp-ink)}.workspace-answer strong{display:block;font-size:41px;line-height:1.25;letter-spacing:-1.5px;font-weight:500}.workspace-answer small{font-size:18px;font-weight:400;color:var(--lime)}.workspace-answer p{font-size:9px;margin:5px 0 0;color:var(--lime)}.workspace-answer a{width:43px;height:43px;color:var(--green);background:var(--lime);border-radius:4px;padding:10px}.workspace-answer a:hover{transform:none}.workspace-bottom{display:flex;gap:7px;align-items:center;justify-content:center;padding:15px;font-size:9px;color:var(--soft-text)}.workspace-bottom .status-dot{width:4px;height:4px}
.discipline-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:20px}.discipline-strip>span{font:9px/1.6 var(--mp-font-mono);letter-spacing:1.1px;color:var(--soft-text)}.discipline-strip a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:13px;font-weight:600}.discipline-strip a:hover{text-decoration:underline}.discipline-strip svg{width:26px;height:26px}.toolkit-section,.guide-section{padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.section-heading h2{margin:12px 0 0}.section-heading>p{font-size:13px;color:var(--soft-text);line-height:1.7;margin:0}.tool-filters{display:flex;align-items:center;gap:5px;margin-bottom:23px;border-bottom:1px solid var(--border);padding-bottom:18px;flex-wrap:wrap}.tool-filters button{border:1px solid transparent;background:transparent;font-size:12px;color:var(--soft-text);min-height:36px;padding:6px 13px;border-radius:5px}.tool-filters button[aria-pressed=true]{background:var(--green);color:var(--mp-ink)}.tool-filters button:hover{border-color:var(--green)}#tool-filter-count{margin-left:auto;font:10px var(--mp-font-mono);color:var(--soft-text)}.mp-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mp-tool-card{border:1px solid var(--border);background:var(--mp-surface);border-radius:4px;padding:24px;text-decoration:none;display:flex;flex-direction:column;min-height:262px;transition:background-color 120ms, border-color 120ms}.mp-tool-card:hover{border-color:var(--green);transform:none;box-shadow:none}.tool-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.tool-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--mp-surface);color:var(--green);border-radius:4px}.tool-icon svg{width:25px;height:25px}.tool-number{font:10px var(--mp-font-mono);color:var(--soft-text)}.tool-type{font:8px var(--mp-font-mono);letter-spacing:1.2px;color:var(--soft-text)}.mp-tool-card h3{margin:8px 0 9px;font-size:19px;line-height:1.3}.mp-tool-card p{margin:0 0 24px;font-size:12px;line-height:1.75;color:var(--soft-text);max-width:290px}.card-action{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-top:auto;align-items:center;color:var(--green)}.mp-tool-card:last-child{grid-column:span 1}.workflow-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:64px 0 78px;border-top:1px solid var(--border)}.workflow-intro h2{font-size:41px;margin:18px 0 23px;line-height:1.12;letter-spacing:-1.8px}.workflow-intro p{font-size:14px;color:var(--soft-text);max-width:330px;margin-bottom:24px}.workflow-steps>div{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid var(--border)}.workflow-steps>div:first-child{padding-top:0}.workflow-steps>div>span{font:12px var(--mp-font-mono);color:var(--green);padding-top:4px}.workflow-steps h3{margin:0 0 9px}.workflow-steps p{font-size:13px;color:var(--soft-text);margin:0;max-width:360px}.estimate-feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:56px 60px;background:var(--mp-surface);border:1px solid var(--mp-border);border-radius:4px;align-items:center}.estimate-feature h2{font-size:43px;line-height:1.1;letter-spacing:-1.8px;margin:18px 0 22px}.estimate-feature p{font-size:13px;color:var(--soft-text);max-width:330px}.estimate-feature .hero-cta{margin-top:10px}.estimate-feature small{display:block;font-size:9px;margin-top:14px;color:var(--soft-text)}.estimate-sheet{padding:27px 25px;background:var(--mp-surface);border:1px solid var(--border);border-radius:4px;box-shadow:none;transform:rotate(1deg);position:relative}.estimate-sheet:before{content:'';display:block;position:absolute;height:5px;background:var(--green);top:0;left:25px;right:25px;border-radius:0 0 4px 4px}.sheet-title{display:flex;justify-content:space-between;font:7px var(--mp-font-mono);letter-spacing:1px;color:var(--green);gap:10px;margin:5px 0 28px}.estimate-sheet h3{font-size:24px;margin:0 0 2px}.estimate-sheet>p{font-size:10px;margin:0 0 23px}.estimate-sheet table{font-size:11px}.estimate-sheet th{font:8px var(--mp-font-mono);letter-spacing:.5px;color:var(--soft-text);padding:10px 0}.estimate-sheet td{padding:14px 0}.estimate-sheet td:last-child,.estimate-sheet th:last-child{text-align:right;white-space:nowrap}.estimate-sheet td small{font-size:9px;margin-top:4px}.sheet-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0 18px;gap:10px}.sheet-total span{font-size:11px}.sheet-total strong{font-size:23px;letter-spacing:-.8px;color:var(--green)}.sheet-note{font-size:8px;color:var(--soft-text);border-top:1px dashed var(--border);padding-top:14px}.guide-teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-teasers>a{text-decoration:none;border-top:2px solid var(--green);padding:21px 0 0;display:flex;flex-direction:column}.guide-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.guide-top>span{font:9px var(--mp-font-mono);letter-spacing:.7px;color:var(--soft-text)}.guide-top svg{width:35px;height:35px}.guide-teasers h3{font-size:24px;line-height:1.2;letter-spacing:-.8px;margin:12px 0}.guide-teasers p{font-size:12px;color:var(--soft-text);margin-bottom:23px}.guide-teasers a:hover h3{color:var(--green)}.guide-teasers .card-action{justify-content:flex-start}.closing-note{border-top:1px solid var(--border);display:flex;align-items:center;gap:24px;padding:47px 0 55px}.closing-note>span{height:63px;width:63px;background:var(--lime);color:var(--green);display:grid;place-items:center;border-radius:4px}.closing-note svg{width:34px;height:34px}.closing-note h2{font-size:27px;margin:0;letter-spacing:-1px}.closing-note .hero-cta{margin-left:auto}
/* The working tools share the same visual system. Their behavior and data model stay intact. */
.breadcrumb{font:10px var(--mp-font-mono);letter-spacing:.1px;padding-top:24px;margin-top:0;color:var(--soft-text)}.breadcrumb a{text-decoration:none}.hero{padding:42px 0 34px;grid-template-columns:1fr 250px;gap:36px}.hero h1{font-size:clamp(34px,3.4vw,48px);margin:12px 0 18px;max-width:850px}.hero .intro{font-size:15px;line-height:1.8;color:var(--soft-text);max-width:720px}.eyebrow{font:9px var(--mp-font-mono);letter-spacing:1.6px;color:var(--green)}.hero-note{font-size:11px;border-color:var(--border);padding-left:24px;color:var(--soft-text)}.hero-note strong{font-family:var(--mp-font-body);font-weight:600;font-size:21px;letter-spacing:-.5px}.brand-phrase{font:600 17px Arial,sans-serif;color:var(--green);margin-bottom:12px}.tool-nav{border-color:var(--border);gap:6px;margin-bottom:26px}.tool-nav a{font-size:11px;padding:8px 13px;border-radius:6px;border-color:var(--border)}.planner{gap:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.inputs{padding:28px;border-color:var(--border);border-radius:4px;box-shadow:none}.inputs h2{font-size:22px;letter-spacing:-.8px}.inputs h3{font-size:15px;margin:26px 0 12px}.tag{background:var(--mp-surface);color:var(--green);font:8px var(--mp-font-mono);padding:6px 8px}.toolbar{padding-bottom:22px;margin-bottom:14px;border-bottom:1px solid var(--border)}label{font-size:12px;font-weight:600;color:var(--text)}input,select,textarea{background:var(--mp-well);border:1px solid var(--mp-border);border-radius:6px;font-size:14px;color:var(--text);min-height:44px;padding:10px 12px}input:hover,select:hover,textarea:hover{border-color:var(--mp-border)}input:focus,select:focus,textarea:focus{background:var(--mp-well);border-color:var(--green);box-shadow:none}.hint,.result-note{font-size:11px;line-height:1.7;color:var(--soft-text)}.room{background:var(--canvas);border-color:var(--border);border-radius:4px;padding:18px}.room legend,.group-editor legend{font:10px var(--mp-font-mono);color:var(--green)}.room input,.room select{background:var(--mp-well)}.unit{font-size:10px;color:var(--soft-text)}.settings{border-color:var(--border)}details{border-color:var(--border);padding:15px 0;font-size:12px}summary{font-size:12px;min-height:34px}.primary{border-color:var(--mp-accent);border-radius:4px;font-size:1.1875rem;padding:15px 18px}.primary:hover{background:var(--mp-accent);color:var(--mp-well)}.secondary{background:var(--mp-surface);color:var(--green);border-color:var(--mp-border)}.text-button{font-size:11px}.results{background:var(--mp-surface);border-color:var(--mp-border);box-shadow:none;border-radius:4px;padding:28px;top:24px}.results h2{font-size:23px;letter-spacing:-.8px}.results h3{font-size:14px;letter-spacing:-.2px}.big-result,.stat-primary{font-family:var(--mp-font-body);font-size:60px;font-weight:500;letter-spacing:-3px;color:var(--green);line-height:1.15}.big-result span{font-size:13px;line-height:1.7;margin-top:10px}.big-result small{font-size:23px;letter-spacing:-.8px}.stat-primary small{font-size:12px;letter-spacing:0;line-height:1.6}.metrics{border-color:var(--mp-border);gap:16px;padding:21px 0;margin:25px 0}.metrics strong{font-size:24px;font-weight:500;letter-spacing:-.6px}.metrics span{font-size:10px;color:var(--soft-text)}.budget{background:var(--mp-surface);padding:18px;border-radius:4px}.budget strong{font-size:30px;font-weight:500;letter-spacing:-1px}.purchase-list strong{font-size:12px}.purchase-list small{font-size:11px}.result-row{font-size:12px;padding:13px 0;gap:16px}.result-row strong{font-weight:600;color:var(--green);font-variant-numeric:tabular-nums}.button-strip{gap:8px}.button-strip button{font-size:11px;padding:10px 13px}.construction-results .shape-svg{height:145px;margin:8px 0 22px}.construction-layout>.inputs>h2{margin-bottom:8px}.construction-layout>.inputs>.tool-fields{margin-top:23px}.estimate-layout{gap:24px}.estimate-preview{background:var(--mp-surface);border-color:var(--border);border-top:3px solid var(--green)}.preview-head{padding-bottom:18px;border-bottom:1px solid var(--border);gap:16px}.preview-head strong{font-size:14px}.preview-meta{font:10px var(--mp-font-mono)}.estimate-preview h2{font-size:23px}.estimate-item{background:var(--canvas);border-color:var(--border)}.estimate-item legend{font:10px var(--mp-font-mono);color:var(--green)}.estimate-item input{background:var(--mp-well)}.total-line{color:var(--green)}.estimate-buttons #pdf-estimate{background:var(--green);color:var(--mp-ink);border-color:var(--green)}.estimate-buttons #pdf-estimate:hover{background:var(--mp-surface)}.project-actions{padding:20px;background:var(--mp-surface);border:1px solid var(--border);border-radius:4px;gap:8px}.project-actions button{font-size:11px}.content-grid{border-color:var(--border);gap:60px;padding:43px 0}.content-grid h2{font-size:23px}.content-grid p{font-size:13px;line-height:1.9;color:var(--soft-text)}.content-grid h3{font-size:16px}.link-grid{gap:15px;margin-bottom:40px}.link-card{border-color:var(--border);padding:22px;border-radius:4px;box-shadow:none;transition:background-color 120ms, border-color 120ms}.link-card:hover{border-color:var(--green);transform:none}.link-card strong{font-size:15px;letter-spacing:-.2px;line-height:1.4}.link-card span{font-size:12px;color:var(--soft-text);line-height:1.7}.catalog-search{font-size:11px;max-width:none;margin-bottom:10px}.catalog-search input{min-height:52px;background:var(--mp-well);font-size:15px}.catalog-group{margin-top:30px}.catalog-group h2{font-size:21px;border-bottom:1px solid var(--border);padding-bottom:13px}.prose{max-width:780px;margin:45px auto 76px;font-size:15px;line-height:1.9}.prose h1{font-size:43px;margin-bottom:25px}.prose h2{font-size:23px;margin:35px 0 15px;letter-spacing:-.6px}.prose h3{font-size:18px}.prose p{color:var(--soft-text)}.prose .intro{font-size:18px}.prose li{color:var(--soft-text)}.callout{border-left:3px solid var(--mp-border);background:var(--mp-surface);border-radius:0 6px 6px 0;font-size:13px}.measurement-figure{background:var(--mp-surface)}.table-wrap{border-radius:5px}th{font-weight:600;font-size:11px}td{font-size:12px}th,td{border-color:var(--border)}
/* A compact, useful footer rather than a second navigation bar. */
.site-footer{padding:55px 40px 0;background:var(--mp-surface);border-top:1px solid var(--border);color:var(--soft-text)}.site-footer>div{max-width:1200px}.site-footer .footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:42px;align-items:start;padding-bottom:48px}.footer-brand .brand{font-size:23px}.footer-brand>p{font-size:15px;line-height:1.6;margin:19px 0}.footer-note{font:9px var(--mp-font-mono);letter-spacing:.2px}.site-footer h2{font-size:11px;letter-spacing:0;margin:4px 0 17px;font-weight:400}.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.site-footer nav a,.site-footer p,.site-footer a:not(.brand){font-size:11px;color:var(--soft-text);text-decoration:none}.site-footer a:hover{color:var(--green);text-decoration:underline}.site-footer .brand:hover{text-decoration:none}.site-footer .footer-contact{color:var(--green)!important;display:block;margin:17px 0 10px}.site-footer .footer-bottom{padding:21px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);font-size:9px}.footer-bottom nav{flex-direction:row;gap:19px}.footer-bottom nav a{font-size:9px}.footer-coordinate{font:8px var(--mp-font-mono);letter-spacing:1px}
@media(min-width:801px){.menu-toggle{display:none!important}.nav nav{display:flex!important}}
@media(max-width:1100px){.mp-hero{gap:30px;padding-top:55px}.mp-hero h1{font-size:53px;letter-spacing:-2.7px}.hero-assurances{gap:10px;font-size:9px}.nav{gap:20px}.nav nav{gap:20px}.estimate-feature{gap:40px;padding:40px}.workflow-section{gap:60px}.discipline-strip{gap:16px}.discipline-strip a{font-size:11px}.site-footer .footer-main{gap:25px}.nav nav .nav-cta{margin-left:0}}
@media(max-width:800px){main{padding:0 24px}.nav{padding:19px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0}.brand{font-size:24px}.menu-toggle{display:flex;align-items:center;gap:11px;padding:8px 11px;min-height:40px;background:transparent;border:1px solid var(--border);font-size:11px}.menu-lines{width:14px;height:8px;border-top:1.5px solid var(--green);border-bottom:1.5px solid var(--green)}.nav nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;margin-top:20px;border-top:1px solid var(--border);padding-top:8px}.nav nav.is-open{display:flex}.nav nav a,.nav nav a:last-child{display:block;font-size:14px;padding:13px 3px;min-height:44px}.nav nav .nav-cta{display:flex;margin:8px 0 0;justify-content:space-between;padding:12px 15px}.mp-hero{grid-template-columns:1fr 1fr;gap:25px;padding:42px 0 44px}.mp-hero h1{font-size:44px;letter-spacing:-2px}.hero-kicker{font-size:8px;letter-spacing:1px}.hero-description{font-size:13px}.desktop-break{display:none}.hero-actions{gap:16px}.hero-cta{font-size:1.1875rem;min-height:46px;padding:12px 16px}.quiet-cta{font-size:12px}.hero-assurances{font-size:9px;margin-top:22px;gap:7px 12px}.workspace-top{padding:14px 15px;gap:8px}.workspace-top strong{font-size:12px}.example-tag{font-size:6px;padding:3px}.workspace-top small{font-size:7px}.workspace-mark{width:31px;height:31px}.dimension-strip{margin:0 15px 15px;grid-template-columns:repeat(3,1fr)}.dimension-times{display:none}.workspace-answer{padding:15px 16px;margin:0 8px}.workspace-answer strong{font-size:35px}.workspace-bottom{font-size:8px;padding:12px 8px}.workspace-answer p{font-size:8px}.discipline-strip{flex-wrap:wrap;justify-content:flex-start;gap:18px 26px;padding:22px 0}.discipline-strip>span{display:none}.discipline-strip a{font-size:11px}.discipline-strip svg{width:23px;height:23px}.section-heading h2{font-size:28px}.section-heading>p{font-size:11px}.mp-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolkit-section,.guide-section{padding:52px 0}.mp-tool-card{padding:22px;min-height:250px}.mp-tool-card h3{font-size:18px}.mp-tool-card p{font-size:12px}.toolkit-section #tool-filter-count{display:none}.workflow-section{gap:35px;padding:40px 0 50px}.workflow-intro h2{font-size:32px}.workflow-intro p{font-size:13px}.workflow-steps p{font-size:12px}.workflow-steps h3{font-size:16px}.workflow-steps>div{gap:17px}.estimate-feature{padding:30px;gap:30px}.estimate-feature h2{font-size:33px;letter-spacing:-1.2px}.estimate-sheet{padding:24px 17px}.sheet-title{font-size:6px}.estimate-sheet h3{font-size:21px}.estimate-sheet td{font-size:10px}.estimate-feature small{font-size:8px}.guide-teasers{gap:22px}.guide-teasers h3{font-size:19px}.guide-top{margin-bottom:25px}.guide-teasers p{font-size:11px}.guide-top>span{font-size:8px}.closing-note h2{font-size:24px}.closing-note>span{width:50px;height:50px}.site-footer{padding:38px 24px 0}.site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 45px}.footer-coordinate{display:none}.planner{grid-template-columns:1fr}.results{position:static}.hero{padding:30px 0;grid-template-columns:1fr}.hero-note{display:none}.hero h1{font-size:40px}.hero .intro{font-size:14px}.inputs,.results{padding:25px}.content-grid{gap:25px}.content-grid h2{font-size:21px}.prose h1{font-size:36px}.project-actions{padding:16px}.construction-results .shape-svg{height:145px}}
@media(max-width:580px){main{padding:0 20px}.nav{padding:17px 20px}.mp-hero{grid-template-columns:1fr;gap:36px;padding:37px 0 32px}.hero-kicker{font-size:8px;letter-spacing:1.2px;margin-bottom:19px}.mp-hero h1{font-size:48px;line-height:1.06;letter-spacing:-2.5px}.mp-hero h1 br:last-child{display:none}.hero-description{font-size:14px;max-width:390px;margin-bottom:24px}.hero-actions{gap:19px}.hero-cta{min-height:48px;padding:12px 15px;font-size:1.1875rem;gap:17px}.quiet-cta{font-size:11px}.hero-assurances{font-size:9px;gap:12px}.workspace-top{padding:17px 20px}.example-tag{font-size:7px}.slab-drawing{max-height:250px;padding:5px 10px 0}.dimension-strip{margin:0 21px 17px}.dimension-strip strong{font-size:22px}.dimension-strip span{font-size:8px}.workspace-answer{padding:17px 22px;margin:0 10px}.workspace-answer strong{font-size:38px}.workspace-answer span{font-size:11px}.workspace-answer p{font-size:8px}.workspace-bottom{padding:14px;font-size:8px}.discipline-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px;padding:23px 0}.discipline-strip a{font-size:10px;gap:6px}.discipline-strip svg{width:21px;height:21px}.toolkit-section,.guide-section{padding:43px 0}.section-heading{display:block;margin-bottom:23px}.section-index{font-size:9px;letter-spacing:1.3px}.section-heading h2{font-size:30px;letter-spacing:-1.2px;margin-top:11px}.section-heading>p{font-size:12px;margin-top:15px}.section-heading .text-link{margin-top:17px}.tool-filters{gap:4px;padding-bottom:15px;margin-bottom:17px}.tool-filters button{padding:6px 10px;font-size:11px}.mp-tool-grid{grid-template-columns:1fr;gap:12px}.mp-tool-card{min-height:0;padding:20px;display:grid;grid-template-columns:1fr 36px;column-gap:10px}.tool-card-top{grid-column:2;grid-row:1/4;margin:0;align-self:start}.tool-card-top .tool-number{display:none}.tool-type{grid-column:1;font-size:8px}.mp-tool-card h3{grid-column:1;font-size:19px;margin:7px 0 10px}.mp-tool-card p{grid-column:1/-1;max-width:290px;font-size:12px;margin-bottom:19px;padding-right:10px}.card-action{grid-column:1/-1;font-size:11px}.tool-icon{height:34px;width:34px}.workflow-section{grid-template-columns:1fr;gap:30px;padding:38px 0 45px}.workflow-intro h2{font-size:34px;margin:13px 0 19px}.workflow-intro p{max-width:340px}.workflow-steps>div{padding:19px 0}.workflow-steps h3{font-size:17px}.workflow-steps p{font-size:12px}.estimate-feature{grid-template-columns:1fr;padding:28px 22px;gap:30px}.estimate-feature h2{font-size:38px;margin:15px 0 20px}.estimate-feature>div>p{font-size:13px}.estimate-feature small{font-size:9px}.estimate-sheet{padding:25px 20px}.sheet-title{font-size:7px}.estimate-sheet h3{font-size:23px}.estimate-sheet td{font-size:11px}.estimate-sheet td small{font-size:8px}.guide-teasers{grid-template-columns:1fr;gap:27px}.guide-teasers>a{padding-top:18px}.guide-top{margin-bottom:20px}.guide-teasers h3{font-size:25px}.guide-teasers p{font-size:13px;max-width:300px}.closing-note{flex-wrap:wrap;gap:18px;padding:32px 0 40px}.closing-note h2{font-size:25px}.closing-note>span{width:43px;height:43px}.closing-note svg{width:26px;height:26px}.closing-note .hero-cta{margin-left:0;width:100%;margin-top:5px}.site-footer{padding:35px 20px 0}.site-footer .footer-main{grid-template-columns:1fr 1fr;gap:30px 22px;padding-bottom:30px}.footer-brand{grid-column:1/-1}.footer-brand .brand{font-size:24px}.footer-brand>p{font-size:14px;margin:18px 0 12px}.footer-main>div:last-child{grid-column:1/-1}.site-footer h2{font-size:12px}.site-footer nav a,.site-footer p,.site-footer a:not(.brand){font-size:12px}.site-footer nav{gap:10px}.site-footer .footer-bottom{display:flex;flex-direction:column;font-size:10px;gap:14px;padding:23px 0}.footer-bottom nav a{font-size:10px}.breadcrumb{font-size:9px;line-height:1.8;padding-top:22px}.hero{padding-top:25px}.hero h1{font-size:34px;letter-spacing:-1.4px;line-height:1.12}.hero .intro{font-size:13px}.eyebrow{font-size:8px}.hero .brand-phrase{font-size:16px}.tool-nav{gap:6px}.tool-nav a{font-size:10px;padding:8px 10px}.inputs,.results{padding:21px}.inputs h2,.results h2{font-size:22px}.toolbar{gap:7px;padding-bottom:20px}.toolbar label{font-size:10px}.toolbar select{padding:8px 5px;font-size:12px}.room{padding:13px}.room legend{font-size:9px}.room-head button{font-size:10px;padding:8px}input,select,textarea{font-size:16px;padding:9px 10px}.unit{font-size:9px}label{font-size:11px}.fields{gap:10px}.big-result{font-size:53px}.big-result small{font-size:20px}.stat-primary{font-size:43px}.cost-total{font-size:45px}.purchase-list small{font-size:10px}.result-row{font-size:11px}.metrics strong{font-size:24px}.metrics span{font-size:10px}.project-actions button,.file-button{font-size:11px}.content-grid{grid-template-columns:1fr;gap:20px;padding:30px 0}.content-grid p{font-size:13px}.link-grid{grid-template-columns:1fr}.link-card{padding:20px}.estimate-buttons{grid-template-columns:1fr 1fr}.estimate-buttons button{font-size:11px}.prose{margin-top:30px;font-size:14px}.prose h1{font-size:35px;letter-spacing:-1.3px}.prose h2{font-size:22px}.prose .intro{font-size:16px}.guide-section .section-heading h2{max-width:330px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media print{header,.site-footer,.menu-toggle,.mp-hero,.discipline-strip,.toolkit-section,.workflow-section,.estimate-feature,.guide-section,.closing-note{display:none!important}body,main,.results{background:var(--mp-paper)!important;color:var(--mp-ink)!important}.results{position:static;box-shadow:none;border:0}.results h2{font-size:20px}.big-result{font-size:36px}.estimate-preview{border:0}.estimate-layout{display:block}.construction-layout{display:block}.project-actions{display:none!important}}

.breadcrumb a{text-decoration:underline;text-underline-offset:3px}

.hero h1,.hero-note strong{font-family:var(--mp-font-heading)}

/* Header upgrade */
body>header{position:sticky;top:0;z-index:80;background:var(--mp-surface);border-bottom:1px solid var(--mp-border);box-shadow:none;backdrop-filter:none}
body>header .nav{max-width:1280px;min-height:78px;padding:12px 36px;gap:24px}
body>header .brand{gap:8px;flex:none}
body>header .brand-icon{width:42px;height:42px}
body>header .brand-wordmark{font-size:26px;letter-spacing:-1.25px}
body>header .nav nav{margin-left:auto;gap:3px;flex-wrap:nowrap;align-items:center}
body>header .nav nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:4px;color:var(--mp-ink);font-size:13px;font-weight:650;line-height:1.2;text-decoration:none;transition:background-color 120ms, border-color 120ms}
body>header .nav nav a:hover,body>header .nav nav a[aria-current=page]{background:var(--mp-surface);color:var(--mp-ink);text-decoration:none}
body>header .nav nav .nav-studio{margin-right:5px;padding:10px 14px;border:1px solid var(--mp-border);background:var(--mp-surface);color:var(--mp-ink);white-space:nowrap}
body>header .nav nav .nav-studio:hover{border-color:var(--mp-border);background:var(--mp-surface)}
body>header .nav nav .nav-cta{display:inline-flex;min-height:46px;margin-left:8px;padding:11px 17px;gap:16px;border:1px solid var(--mp-border);border-radius:4px;background:var(--mp-accent);color:var(--mp-well);box-shadow:none;white-space:nowrap}
body>header .nav nav .nav-cta:hover{background:var(--mp-accent);color:var(--mp-well);transform:none}
body>header .nav nav a:focus-visible,body>header .menu-toggle:focus-visible,body>header .brand:focus-visible{outline:3px solid var(--mp-ink);outline-offset:3px}
@media(max-width:1080px){
  body>header .nav{min-height:70px;padding:12px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0}
  body>header .menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-left:auto;padding:9px 13px;border:1px solid var(--mp-border);border-radius:4px;background:var(--mp-surface);color:var(--mp-ink);font-size:12px}
  body>header .nav nav{display:none;flex-basis:100%;width:100%;margin:12px 0 0;padding:10px;border:1px solid var(--mp-border);border-radius:4px;background:var(--mp-surface);box-shadow:none;flex-direction:column;align-items:stretch;gap:3px}
  body>header .nav nav.is-open{display:flex}
  body>header .nav nav a,body>header .nav nav a:last-child{display:flex;justify-content:flex-start;min-height:48px;width:100%;padding:12px 14px;font-size:14px}
  body>header .nav nav .nav-studio{margin:0;border-radius:4px}
  body>header .nav nav .nav-cta{justify-content:space-between;margin:6px 0 0}
}
@media(max-width:480px){body>header .nav{padding:11px 18px}body>header .brand-icon{width:37px;height:37px}body>header .brand-wordmark{font-size:22px}body>header .nav nav{margin-top:10px}}
@media(prefers-reduced-motion:reduce){body>header .nav nav a{transition:none}}
html{scroll-padding-top:92px}
@media(max-width:1080px){html{scroll-padding-top:82px}}

/* MeasurePath drafting-paper design system. */
:root,
:host,
.mp-root {
  color-scheme: light;
  --mp-paper: #F6F5F0;
  --mp-surface: #ECEAE2;
  --mp-well: #FCFBF9;
  --mp-border: #D8D4C8;
  --mp-input-border: #C7C2B4;
  --mp-ink: #1C1B18;
  --mp-muted: #605E57;
  --mp-accent: #C85A32;
  --mp-success: #2E5A44;
  --mp-grid: #E2DFD5;
  --mp-radius: 4px;
  --mp-radius-sm: 2px;
  --mp-radius-lg: 6px;
  --mp-font-body: Arial, Helvetica, sans-serif;
  --mp-font-heading: "MP Newsreader", Georgia, "Times New Roman", serif;
  --mp-font-mono: "MP Plex Mono", "Cascadia Mono", Consolas, monospace;

  /* Compatibility aliases: retire them as existing declarations are migrated. */
  --paper: var(--mp-paper);
  --canvas: var(--mp-paper);
  --surface: var(--mp-surface);
  --white: var(--mp-well);
  --ink: var(--mp-ink);
  --text: var(--mp-ink);
  --muted: var(--mp-muted);
  --soft-text: var(--mp-muted);
  --line: var(--mp-border);
  --border: var(--mp-border);
  --green: var(--mp-success);
  --rust: var(--mp-accent);
  --lime: var(--mp-surface);
  --radius: var(--mp-radius);
  --shadow: none;
  --mp-text: var(--mp-ink);
  --mp-green: var(--mp-success);
  --mp-line: var(--mp-border);
  --mp-soft: var(--mp-surface);
  --mp-white: var(--mp-well);
}

body, .mp-root, .mp-start {
  background: var(--mp-paper);
  color: var(--mp-ink);
  font-family: var(--mp-font-body);
}
h1, h2, .mp-intro h1, .mp-start h1,
.mp-hero h1, .house-copy h2, .house-picker-links .house-copy h2 {
  color: var(--mp-ink);
  font-family: var(--mp-font-heading);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.12;
}
h3, .mp-panel-title, .mp-result-heading {
  color: var(--mp-ink);
  font-family: var(--mp-font-body);
  letter-spacing: -0.02em;
  font-weight: 700;
}
.hero-description, .mp-muted, .hint, .mp-disclaimer,
.mp-space-breakdown p, .mp-space-row small, .mp-start p {
  color: var(--mp-muted);
}

/* Utility vocabulary for any new presentation markup. */
.mp-paper { background: var(--mp-paper); }
.mp-sheet { background: var(--mp-surface); border: 1px solid var(--mp-border); }
.mp-well { background: var(--mp-well); }
.mp-hairline { border-block-start: 1px solid var(--mp-border); }
.mp-muted-text { color: var(--mp-muted); }
.mp-numeric {
  font-family: var(--mp-font-mono);
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  letter-spacing: 0;
}

/* Matte cards. Replace the old declarations in each owning stylesheet. */
.inputs, .results, .hero-workspace, .mp-tool-card, .link-card,
.account-panel, .history-card, .cloud-save, .measurement-figure,
.house-stage, .house-links a, .mp-panel, .mp-center, .mp-room-card,
.mp-scope-card, .mp-space-breakdown, .mp-result-bignum {
  background: var(--mp-surface);
  border: 1px solid var(--mp-border);
  border-radius: var(--mp-radius);
  box-shadow: none;
  backdrop-filter: none;
}
.mp-tool-card:hover, .mp-hero .hero-cta:hover,
.house-picker-links .house-links a:hover,
.house-picker-links .house-links a:focus-visible {
  transform: none;
  box-shadow: none;
  border-color: var(--mp-ink);
}
.mp-hero, .mp-hero .house-stage {
  background: var(--mp-paper);
  border: 1px solid var(--mp-border);
  border-radius: var(--mp-radius-lg);
  box-shadow: none;
}
.mp-hero::before { content: none; }
.hero-proof span, .mp-hero .hero-kicker, .house-picker-links .house-links a,
.mp-scope-pills label, .mp-segment, .mp-segment button, .mp-top-button,
.mp-canvas-tabs button, .mp-mode, .mp-coordinate-chip, .mp-viewport-pill {
  border-radius: var(--mp-radius-sm);
  box-shadow: none;
  background: var(--mp-surface);
  color: var(--mp-ink);
}
.mp-top, .mp-site-links, .mp-canvas-top {
  background: var(--mp-paper);
  border-color: var(--mp-border);
  box-shadow: none;
  backdrop-filter: none;
}

/* Text-sized controls remain carbon. Oxide communicates selection through edges. */
button, .quiet-cta, .mp-outline {
  background: var(--mp-well);
  color: var(--mp-ink);
  border: 1px solid var(--mp-border);
  border-radius: var(--mp-radius);
  box-shadow: none;
  transition: background-color 120ms, border-color 120ms;
}
button:hover, .mp-outline:hover { border-color: var(--mp-ink); }
button[aria-pressed="true"], .mp-mode.active,
.mp-segment button.is-on, .mp-inspector-tabs button.active,
.mp-scope-pills label:has(input:checked) {
  color: var(--mp-ink);
  background: var(--mp-well);
  border-color: var(--mp-accent);
  box-shadow: none;
}
.hero-cta, .mp-hero .hero-cta, .nav nav .nav-cta,
.mp-export, .mp-start button, .mp-primary {
  background: var(--mp-accent);
  color: var(--mp-well);
  border: 1px solid var(--mp-accent);
  border-radius: var(--mp-radius);
  box-shadow: none;
  font: 700 1.1875rem/1.25 var(--mp-font-body);
  min-block-size: 44px;
  transform: none;
}
.hero-cta:hover, .mp-hero .hero-cta:hover, .nav nav .nav-cta:hover,
.mp-export:hover, .mp-start button:hover, .mp-primary:hover {
  background: var(--mp-accent);
  color: var(--mp-well);
  border-color: var(--mp-ink);
  box-shadow: none;
  transform: none;
}
:focus-visible {
  outline: 2px solid var(--mp-ink);
  outline-offset: 3px;
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--mp-accent); }
.mp-auto, .mp-synced, .mp-checkline { color: var(--mp-success); }
.status-dot, .mp-synced > span { background: var(--mp-success); }

/* Measurement and ledger type, including inputmode-based legacy calculator inputs. */
input, select, textarea {
  font-family: var(--mp-font-mono);
  font-variant-numeric: lining-nums tabular-nums;
}
input:not([type]), input[type="number"], input[inputmode="decimal"],
input[inputmode="numeric"], .mp-unit, .unit,
.hero-kicker, .section-index, .tool-number, .tool-type, .mp-smallcap,
.dimension-strip, .mp-units, .mp-mode-index, .mp-coordinate-chip,
.mp-bottom-stats, .mp-amount-line strong, .mp-detail-rows strong,
.mp-result-hero > strong, .mp-result-bignum strong,
.mp-space-row small, .mp-scope-rollup strong, .mp-formula,
.big-result, .cost-total, .workspace-answer strong, .material-breakdown td {
  font-family: var(--mp-font-mono);
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  letter-spacing: 0;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
select, textarea, .mp-field input, .mp-field select {
  background: var(--mp-well);
  color: var(--mp-ink);
  border: 1px solid var(--mp-input-border);
  border-radius: var(--mp-radius-sm);
  box-shadow: none;
}
input:focus, select:focus, textarea:focus { border-color: var(--mp-ink); }

/* Reuse existing unit spans without changing unit text or input event handlers. */
.mp-field:has(> input[type="number"]), .calc-field:has(> input) { position: relative; }
.mp-field:has(> input[type="number"]) > span > small,
.calc-field:has(> input) > .unit {
  position: absolute;
  inset-inline-end: 12px;
  inset-block-end: 12px;
  font: 400 0.75rem/1 var(--mp-font-mono);
  color: var(--mp-muted);
  pointer-events: none;
}
.mp-field:has(> span > small) > input[type="number"],
.calc-field:has(> .unit) > input { padding-inline-end: 2.75rem; }

.mp-result-hero > strong, .mp-result-bignum strong, .mp-amount-line strong,
.mp-scope-rollup strong, .mp-detail-rows strong { font-weight: 600; }

/* Opt-in wrapper for older fields whose units are currently plain label text. */
.mp-input-well { display: block; position: relative; }
.mp-input-well > input { inline-size: 100%; padding-inline-end: 5rem; }
.mp-input-well > .mp-unit {
  position: absolute;
  inset-inline-end: 12px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  color: var(--mp-muted);
  pointer-events: none;
}

/* A ruled takeoff sheet. Leaders are decoration, never generated prices or copy. */
.results, .mp-results { background: var(--mp-well); }
.mp-result-hero, .workspace-answer {
  background: var(--mp-surface);
  color: var(--mp-ink);
  border: 1px solid var(--mp-border);
  border-block-start: 3px solid var(--mp-accent);
  border-radius: var(--mp-radius-sm);
  box-shadow: none;
}
.mp-result-hero > strong, .workspace-answer strong { color: var(--mp-ink); }
.mp-result-sub, .workspace-answer span, .workspace-answer p,
.workspace-answer small { color: var(--mp-muted); border-color: var(--mp-border); }
.mp-amount-line, .mp-ledger-row { display: flex; gap: 10px; color: var(--mp-muted); }
.mp-amount-line > span:first-child, .mp-ledger-row > :first-child {
  display: flex; align-items: baseline; gap: 8px; flex: 1; min-inline-size: 0;
}
.mp-amount-line > span:first-child::after, .mp-ledger-row > :first-child::after {
  content: ""; flex: 1; border-block-end: 1px dotted var(--mp-border);
}
.mp-amount-line > strong, .mp-ledger-row > :last-child {
  color: var(--mp-ink); text-align: end; flex: none;
}
.mp-space-row, .mp-scope-rollup > div, th, td { border-color: var(--mp-border); }

/* Drafting grid: CSS frame + existing SVG; opaque WebGL needs renderer styling. */
.mp-drafting-grid, .mp-viewport {
  background-color: var(--mp-paper);
  background-image:
    linear-gradient(to right, var(--mp-grid) 1px, transparent 1px),
    linear-gradient(to bottom, var(--mp-grid) 1px, transparent 1px);
  background-size: 24px 24px;
}
.mp-2d > rect:first-of-type { fill: var(--mp-paper); }
.mp-2d #mp-plan-grid path { stroke: var(--mp-grid); }
.mp-2d > g[filter] { filter: none; }
.mp-2d text { font-family: var(--mp-font-mono); fill: var(--mp-ink); }

@media (prefers-reduced-motion: reduce) {
  button, a, input, select, textarea { transition: none; }
}
@media print {
  .mp-results, .results, .mp-print-sheet { background: var(--mp-paper); color: var(--mp-ink); }
}

.mp-viewport-noise{background:none}
.mp-bottom-stats small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5;min-height:2.8em}
.mp-field:has(>span>small) input[type=number],.calc-field:has(>.unit) input{appearance:textfield}
.mp-field:has(>span>small) input::-webkit-inner-spin-button,.calc-field:has(>.unit) input::-webkit-inner-spin-button{appearance:none;margin:0}
.mp-hero h1 em{color:var(--mp-accent)}
.mp-input-well input,.mp-field input,.mp-field select{font-family:var(--mp-font-mono);font-variant-numeric:tabular-nums}
.mp-coordinate-chip,.mp-viewport-pill,.mp-toast{background:var(--mp-well);color:var(--mp-ink);border:1px solid var(--mp-border)}
.mp-coordinate-chip{font-size:10px}.mp-scope-pills label:has(input:checked){border-color:var(--mp-accent)}
.mp-field input[type=checkbox],.mp-field input[type=radio]{background:initial;accent-color:var(--mp-accent)}

/* Override presentation-only inline preset styles without touching calculator scripts. */
.preset-strip button{border-radius:var(--mp-radius-sm)!important;background:var(--mp-well)!important;border:1px solid var(--mp-border)!important;color:var(--mp-ink)}

/* Utility navigation and connected calculator takeoff sheets. */
body>header{background:var(--mp-paper);border-bottom:1px solid var(--mp-border);backdrop-filter:none;box-shadow:none}
body>header .nav nav{gap:3px;background:var(--mp-paper)}
body>header .nav nav a{font-size:13px;font-weight:600;min-height:44px}
body>header .nav nav .nav-cta{margin-left:4px;margin-right:5px;font-size:13px;min-height:44px;padding:11px 14px;gap:12px}
body>header .nav nav .nav-account{margin-left:8px;padding-left:16px;border-left:1px solid var(--mp-border);border-radius:0;color:var(--mp-muted);font-size:11px;font-weight:400;background:none;white-space:nowrap}
body>header .nav nav .nav-account:hover{color:var(--mp-ink);text-decoration:underline;text-underline-offset:4px;background:none}
.tool-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:thin;max-width:100%;padding-bottom:5px}
.tool-nav a{flex:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;padding:10px 13px;font-size:12px}
.planner,.estimate-layout{min-width:0;align-items:start}
.planner>*,.estimate-layout>*,.fields>*,.tool-fields>*,.toolbar>*,.line-fields>*{min-width:0}
.inputs input:not([type=checkbox]):not([type=radio]):not([type=file]),.inputs select,.inputs textarea{min-height:44px;font-size:16px;line-height:1.4;width:100%;max-width:100%}
.inputs textarea{min-height:90px}
.inputs .fields input,.inputs .tool-fields input{min-width:0}
.results .metrics,.results .result-row,.results .purchase-list,.results .budget{min-width:0}
.result-ecosystem-actions{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 10px;padding-top:18px;border-top:1px solid var(--mp-border)}
.result-ecosystem-link,button.result-ecosystem-link{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1 1 230px;min-height:48px;padding:12px 15px;border:1px solid var(--mp-accent);border-radius:var(--mp-radius);background:var(--mp-paper);color:var(--mp-ink);font:600 13px/1.5 var(--mp-font-body);text-decoration:none;text-align:left;cursor:pointer;box-shadow:none}
.result-ecosystem-link:hover,button.result-ecosystem-link:hover{background:var(--mp-surface);border-color:var(--mp-ink);text-decoration:none}
.result-ecosystem-link:disabled{opacity:.55;cursor:not-allowed}
.estimate-preview .estimate-table th,.estimate-preview .estimate-table td{overflow-wrap:anywhere}
.estimate-preview .estimate-table td:nth-last-child(-n+2){font-variant-numeric:tabular-nums}
@media(min-width:1000px){
 .planner,.estimate-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:28px}
 .planner>.results,.estimate-layout>.results{position:sticky;top:102px;align-self:start;max-height:calc(100dvh - 126px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:28px}
 .planner>.inputs,.estimate-layout>.inputs{padding:28px}
}
@media(max-width:1080px){
 body>header .nav nav{border:0;border-top:1px solid var(--mp-border);border-radius:0;padding:12px 0 4px;background:var(--mp-paper);box-shadow:none;backdrop-filter:none}
 body>header .nav nav .nav-cta{margin:4px 0;min-height:48px;padding:12px 14px;font-size:14px}
 body>header .nav nav .nav-account{margin:7px 0 0;padding:14px;border:0;border-top:1px solid var(--mp-border);font-size:12px}
}
@media(max-width:999px){.planner,.estimate-layout{display:grid;grid-template-columns:minmax(0,1fr)}.planner>.results,.estimate-layout>.results{position:static;max-height:none;overflow:visible}}
@media(max-width:600px){
 main{padding-left:16px;padding-right:16px}
 .inputs,.results{padding:20px;min-width:0}
 .inputs .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
 .inputs .toolbar>label:first-child{grid-column:1/-1}
 .inputs .toolbar select{font-size:16px;min-height:44px;padding:10px}
 .inputs .fields{gap:12px}
 .inputs .fields.dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .inputs .fields.dimensions input{padding:9px 8px;font-size:16px}
 .inputs .room{padding:12px}
 .inputs .room-head{gap:8px}
 .inputs .room-head .room-name{min-width:0;flex:1}
 .tool-fields,.line-fields{grid-template-columns:minmax(0,1fr)}
 .coverage-container{min-width:0}
 .coverage-container .fields{grid-template-columns:minmax(0,1fr)}
 .result-ecosystem-actions{margin-top:18px}
 .result-ecosystem-link,button.result-ecosystem-link{flex-basis:100%;font-size:12px;padding:12px}
 .results .big-result{overflow-wrap:anywhere}
 .project-actions{gap:8px;padding:16px}
 .project-actions button,.project-actions .file-button{min-height:44px;max-width:100%}
 .tool-nav{margin:0 0 16px;white-space:nowrap}
}
@media print{
 .planner,.estimate-layout{display:block!important}
 .planner>.results,.estimate-layout>.results{position:static;max-height:none;overflow:visible;scrollbar-gutter:auto}
 .result-ecosystem-actions{display:none!important}
}

/* Keep catalog search readable without mobile browser auto-zoom. */
.catalog-search input#tool-search{font-size:16px;min-height:44px}