.construction-hub-hero{margin:0 6vw;padding:88px 0 82px;max-width:940px}.construction-hub-hero h1{margin:25px 0 24px;max-width:830px;font-family:var(--app-font-serif);font-size:clamp(55px,7vw,94px);line-height:.92;letter-spacing:-5px}.construction-hub-hero h1 em{color:#36a596;font-style:normal}.construction-hub-hero>p{max-width:700px;color:#637175;font-size:18px;line-height:1.75}.construction-hub-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.construction-hub-actions .primary-button{text-decoration:none}.construction-hub-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin:0 6vw;padding:72px 0;border-top:1px solid #d7dbd2;border-bottom:1px solid #d7dbd2}.construction-hub-intro h2,.construction-hub-note h2{margin-top:16px;font-family:var(--app-font-serif);font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-2px}.construction-hub-intro>p,.construction-hub-note p{max-width:660px;color:#657176;font-size:16px;line-height:1.8}.construction-sections{margin:0 6vw;padding:45px 0 95px}.construction-section{padding:55px 0;border-bottom:1px solid #d7dbd2;scroll-margin-top:80px}.construction-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.construction-section-heading h2{margin-top:8px;font-family:var(--app-font-serif);font-size:38px;letter-spacing:-1.5px}.construction-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.construction-tool-card{display:flex;min-height:270px;flex-direction:column;padding:24px;color:inherit;text-decoration:none;background:#fbfaf5;border:1px solid #d8ddd3;transition:transform .18s ease,box-shadow .18s ease}.construction-tool-card:hover{transform:translateY(-3px);box-shadow:8px 9px #e2e7df}.construction-card-label{margin-top:22px;color:#319486;font-size:10px}.construction-tool-card h3{margin-top:10px;font-family:var(--app-font-serif);font-size:24px;letter-spacing:-.6px}.construction-tool-card p{margin-top:11px;color:#687579;font-size:14px;line-height:1.55}.construction-card-link{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:20px;color:#287f76;font-weight:600;font-size:13px}.construction-hub-note{display:grid;grid-template-columns:80px .8fr;gap:32px;padding:75px 6vw 90px;background:#e9ece4}.construction-calculator-page{margin:0 6vw;padding:48px 0 95px}.construction-calc-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(480px,1.22fr);gap:7vw;align-items:start;margin-top:62px}.construction-calc-copy{position:sticky;top:34px;padding-top:62px}.construction-calc-copy h1{margin:20px 0;font-family:var(--app-font-serif);font-size:clamp(48px,5vw,73px);line-height:.94;letter-spacing:-4px}.construction-calc-copy h1 span{color:#ef8f62}.construction-calc-copy>p{max-width:520px;color:#667378;font-size:16px;line-height:1.7}.construction-calculator-card{padding:27px;background:#fbfaf5;border:1px solid #d8ddd3;box-shadow:11px 12px #e2e7df}.construction-calc-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 18px;padding-bottom:18px;border-bottom:1px solid #d8ddd3}.unit-switch{display:flex;align-items:center;gap:10px;color:#667378;font-size:12px}.unit-switch select{min-height:38px;padding:0 32px 0 11px;color:#24363b;background:#f1f2ec;border:1px solid #d4d9d0;border-radius:3px}.construction-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:24px 0}.construction-field{display:block}.construction-field>span{display:flex;justify-content:space-between;margin-bottom:8px;color:#4d5f64;font-size:12px;font-weight:600}.construction-field small{color:#879195;font-family:var(--app-font-mono);font-size:10px;font-weight:400}.construction-field input{width:100%;min-height:48px;padding:0 13px;color:#25383d;background:#f3f4ee;border:1px solid #d8ddd3;border-radius:3px;font-family:var(--app-font-mono);font-size:15px}.construction-field input:focus,.unit-switch select:focus{outline:2px solid #36a596;outline-offset:2px}.construction-result{padding:23px;color:#f8f6ef;background:#233a40;border-radius:3px}.construction-result.has-error{background:#7a3f34}.construction-result>span{color:#7ac6bb;font-size:10px}.construction-result>strong{display:block;margin-top:8px;font-family:var(--app-font-serif);font-size:31px;letter-spacing:-1px}.construction-result>p{margin-top:8px;color:#c7d0cf;font-size:13px;line-height:1.5}.construction-result-actions{display:flex;gap:8px;margin-top:18px}.construction-result-actions .copy-button{position:static}.construction-breakdown{margin-top:22px;padding-top:20px;border-top:1px solid #d8ddd3}.construction-breakdown>span{display:block;margin-bottom:9px;color:#849093;font-size:10px}.construction-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:10px 0;border-bottom:1px solid #e2e4dc}.construction-breakdown>div span{color:#667378;font-size:13px}.construction-breakdown>div strong{text-align:right;font-family:var(--app-font-mono);font-size:13px}.construction-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:7vw;margin-top:90px;padding-top:75px;border-top:1px solid #d7dbd2}.construction-content section{padding:0 0 52px}.construction-content h2{margin:13px 0 15px;font-family:var(--app-font-serif);font-size:34px;letter-spacing:-1px}.construction-content p,.construction-content li{color:#5d6c70;font-size:15px;line-height:1.75}.construction-content ol{padding-left:21px}.construction-content li{margin-bottom:8px;padding-left:7px}.construction-faq details{padding:18px 0;border-top:1px solid #d7dbd2}.construction-faq details:last-child{border-bottom:1px solid #d7dbd2}.construction-faq summary{cursor:pointer;color:#273b40;font-weight:700}.construction-faq details p{padding-top:12px}.related-tools{padding:24px;background:#e9ece4}.related-tool-list{margin-top:12px}.related-tool{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:15px 0;color:inherit;text-decoration:none;border-bottom:1px solid #d2d8cf}.related-tool:last-child{border:0}.related-tool strong,.related-tool small{display:block}.related-tool strong{font-size:13px}.related-tool small{margin-top:4px;color:#6d797c;font-size:11px;line-height:1.35}.construction-aside-link{display:flex;justify-content:space-between;margin-top:15px;padding:16px 18px;color:#f8f6ef;text-decoration:none;background:#233a40;font-size:13px;font-weight:700}@media(max-width:900px){.construction-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.construction-calc-layout{grid-template-columns:1fr;gap:35px}.construction-calc-copy{position:static;padding-top:10px}.construction-content-grid{grid-template-columns:1fr 300px;gap:38px}}@media(max-width:680px){.construction-hub-hero,.construction-hub-intro,.construction-sections,.construction-calculator-page{margin-left:18px;margin-right:18px}.construction-hub-hero{padding:54px 0 58px}.construction-hub-hero h1{font-size:53px;letter-spacing:-3px}.construction-hub-hero>p{font-size:15px}.construction-hub-actions{align-items:flex-start;flex-direction:column}.construction-hub-intro{display:block;padding:55px 0}.construction-hub-intro>p{margin-top:24px}.construction-section{padding:46px 0}.construction-tool-grid{grid-template-columns:1fr}.construction-tool-card{min-height:235px}.construction-hub-note{grid-template-columns:1fr;padding:55px 18px 65px}.construction-hub-note .principle-mark{margin-bottom:8px}.construction-calculator-page{min-width:0;padding-top:35px;overflow-x:hidden}.construction-calc-layout{min-width:0;margin-top:36px}.construction-calc-copy h1{max-width:100%;font-size:46px;letter-spacing:-3px;overflow-wrap:anywhere}.construction-calculator-card{min-width:0;padding:17px;box-shadow:7px 8px #e2e7df}.construction-calc-head{align-items:stretch;flex-direction:column}.construction-calc-head .unit-switch{display:grid;grid-template-columns:72px minmax(0,1fr)}.construction-calc-head .unit-switch select{width:100%;min-width:0}.construction-fields{grid-template-columns:1fr}.construction-field,.construction-field>span,.construction-field input,.construction-field select{min-width:0;max-width:100%}.construction-result>strong{font-size:25px}.construction-result-actions{flex-wrap:wrap}.construction-content-grid{grid-template-columns:1fr;margin-top:65px;padding-top:55px}.construction-content h2{font-size:30px}.construction-content-grid aside{order:-1}.construction-section-heading{align-items:flex-start;flex-direction:column;gap:10px}}.construction-hub-hero h1 em,.construction-card-label,.construction-card-link{color:var(--brand-blue)}.construction-field input:focus,.unit-switch select:focus{outline-color:var(--brand-blue)}.construction-result>span{color:#6aa5ff}
