.cost-page{--cost-green:#173f35;--cost-sage:#7d906c;--cost-line:#d5ddcb;--cost-muted:#60715e;color:var(--cost-green)}
.cost-page main{overflow:clip}.cost-page .cost-intro{padding:30px 0 38px}.cost-breadcrumb{display:flex;gap:12px;font-size:12px;color:var(--cost-muted);margin-bottom:38px}.cost-breadcrumb a{text-decoration:none}.cost-intro-grid{display:grid;grid-template-columns:1fr 310px;gap:60px;align-items:center}.cost-page h1{font-size:clamp(38px,4.5vw,62px);line-height:1.07;letter-spacing:-2.5px;font-family:Fraunces,Georgia,serif;font-weight:450}.cost-page h1>span{color:#677a56}.cost-lead{font-size:16px;line-height:1.7;margin-top:21px;max-width:560px}.cost-intro-note{border-left:1px solid var(--cost-line);padding:8px 0 8px 32px}.cost-intro-note svg{width:34px;height:34px;color:#677a56;margin-bottom:13px}.cost-intro-note p{font-size:14px;line-height:1.8}.cost-intro-note strong{font-weight:600;color:var(--cost-green)}.cost-intro-note>span{display:block;font-size:12px;color:var(--cost-muted);margin-top:12px}
.cost-workbench{display:grid;grid-template-columns:1.06fr 1fr;gap:32px;align-items:start;scroll-margin-top:95px}.cost-form-panel{background:#fffefa;border:1px solid var(--cost-line);border-radius:10px;padding:27px 32px 30px}.cost-form-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:24px;border-bottom:1px solid var(--cost-line)}.cost-small-label,.cost-form-title>span{font-size:10px;font-weight:750;letter-spacing:1.5px}.cost-form-title>a{font-size:12px;text-underline-offset:4px}.cost-page fieldset{border:0;padding:0;min-width:0;margin:0}.cost-page .cost-group{padding:27px 0;border-bottom:1px solid var(--cost-line)}.cost-group>legend{float:left;width:100%;font-size:19px;letter-spacing:-.4px;line-height:1.4;font-weight:650;margin-bottom:13px;display:flex;align-items:center;gap:12px}.cost-group>legend+*{clear:both}.cost-step{font-size:11px;font-weight:550;color:#677a56;border:1px solid var(--cost-line);width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;letter-spacing:0}.cost-page .cost-help{font-size:12px;line-height:1.65;color:var(--cost-muted)}.cost-page label:not(.cost-material):not(.cost-segments label):not(.cost-story-choices label){display:block;font-size:13px;font-weight:600}.cost-page label>span:not(.cost-swatch):not(.cost-choice-dot){font-weight:inherit}.cost-page label>span:not(.cost-swatch):not(.cost-choice-dot):last-child{color:inherit}.cost-page input[type=number],.cost-page select{width:100%;min-width:0;border:1px solid #b8c8ad;background:#fffefb;color:var(--cost-green);padding:12px 13px;font-size:14px;border-radius:5px;min-height:46px}.cost-page select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235c7255' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:38px}.cost-page input:focus-visible,.cost-page select:focus-visible{outline:2px solid #78946a;outline-offset:3px}.cost-page input[aria-invalid=true]{border-color:#a65a35}.cost-page label[for]{margin-bottom:7px}.cost-segments{display:flex;background:#eef0e7;padding:4px;border-radius:6px;gap:3px;margin:19px 0 22px}.cost-segments label{flex:1;min-width:0;position:relative;cursor:pointer}.cost-segments input,.cost-story-choices input,.cost-material input{position:absolute;opacity:0;width:1px;height:1px}.cost-segments span{display:flex;justify-content:center;align-items:center;min-height:40px;padding:7px 5px;font-size:12px;text-align:center;line-height:1.3;border:1px solid transparent;border-radius:4px;transition:background .2s}.cost-segments input:checked+span{background:#fffefb;border-color:#d4ddc9;box-shadow:0 2px 4px #173f3508;font-weight:650}.cost-segments input:focus-visible+span,.cost-story-choices input:focus-visible+span,.cost-material:has(input:focus-visible){outline:3px solid #ba8a43;outline-offset:3px}.cost-area-field{display:flex;align-items:center;border:1px solid #b8c8ad;border-radius:5px;margin-bottom:8px;background:#fffefb;overflow:hidden}.cost-page .cost-area-field input{font-size:29px;font-weight:500;letter-spacing:-.6px;border:0;background:transparent;min-width:0;padding:10px 14px;appearance:textfield}.cost-area-field:focus-within{outline:2px solid #78946a;outline-offset:3px}.cost-area-field input:focus-visible{outline:none}.cost-area-field input::-webkit-inner-spin-button{appearance:none}.cost-area-field>span{font-size:12px;padding:0 16px 0 5px;white-space:nowrap;color:var(--cost-muted)}.cost-page .cost-stories{margin-top:22px}.cost-stories legend{font-size:13px;font-weight:600;margin-bottom:10px}.cost-story-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cost-story-choices label{position:relative;cursor:pointer}.cost-story-choices span{border:1px solid var(--cost-line);border-radius:5px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 8px;font-size:12px;line-height:1.3}.cost-story-choices svg{height:33px;width:27px;color:#677a56}.cost-story-choices input:checked+span{background:#eef1e6;border-color:#809a6c;font-weight:650}.cost-adjustments{margin-top:20px}.cost-adjustments summary{cursor:pointer;font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center;min-height:30px;list-style:none}.cost-adjustments summary:before{content:'';width:6px;height:6px;border-right:1.5px solid var(--cost-sage);border-bottom:1.5px solid var(--cost-sage);transform:rotate(-45deg);margin-right:4px;transition:transform .2s}.cost-adjustments[open] summary:before{transform:rotate(45deg)}.cost-adjustments summary span{font-weight:400;color:var(--cost-muted);margin-left:auto;font-size:11px}.cost-adjustment-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:18px 0 12px}.cost-adjustment-grid .cost-wide{grid-column:1/-1}.cost-adjustment-grid label{font-size:12px!important}.cost-adjustment-grid .cost-help{margin-top:7px}.cost-adjustments summary::-webkit-details-marker{display:none}.cost-error{color:#934d2b!important;font-size:12px!important;line-height:1.6;margin-top:7px}.cost-error:empty{display:none}.cost-materials{display:grid;gap:9px;margin-top:19px}.cost-material{display:flex;position:relative;align-items:center;gap:14px;border:1px solid var(--cost-line);padding:13px;border-radius:6px;cursor:pointer;transition:border-color .2s,background .2s}.cost-material:has(input:checked){background:#f0f3e9;border-color:#81976e}.cost-material strong{font-size:13px;font-weight:650;line-height:1.3;display:block}.cost-material small{font-size:11px;font-weight:400;line-height:1.5;display:block;color:var(--cost-muted);margin-top:4px}.cost-choice-dot{width:16px;height:16px;border:1px solid #9dac91;border-radius:50%;flex-shrink:0;margin-left:auto}.cost-material input:checked~.cost-choice-dot{border:5px solid #53714b;background:white}.cost-swatch{width:49px;height:49px;flex-shrink:0;border:1px solid #173f3520;border-radius:5px;box-shadow:inset 0 1px 2px #ffffff40}.cost-swatch-shingles{background-color:#728065;background-image:linear-gradient(0deg,transparent 45%,#263e3450 45%,#263e3450 52%,transparent 52%),repeating-linear-gradient(90deg,transparent 0,transparent 16px,#394a3940 16px,#394a3940 17px);background-size:100% 12px,34px 12px}.cost-swatch-metal{background:repeating-linear-gradient(105deg,#7f8e85 0,#a4b0a5 12px,#536b5f 13px,#536b5f 15px,#adb7a8 16px,#7f8e85 19px)}.cost-swatch-tile{background:repeating-linear-gradient(90deg,#a36b4d 0,#c3916b 7px,#dfb28d 10px,#986044 13px,#a36b4d 15px)}.cost-swatch-flat{background-color:#bebdaf;background-image:radial-gradient(#646f5b55 .7px,transparent .7px);background-size:4px 4px}.cost-material-note{margin-top:12px}.cost-page .cost-last-group{border:0;padding-bottom:0}.cost-last-group>label{padding-top:6px}.cost-last-group>select{margin-bottom:9px}.cost-mobile-result{display:none}
.cost-result-column{position:sticky;top:106px}.cost-result-card{background:#fffefb;border-radius:10px;overflow:hidden;border:1px solid #bdcab3;box-shadow:0 12px 42px #173f3507;scroll-margin-top:95px}.cost-result-card:focus{outline:none}.cost-result-card:focus-visible{outline:3px solid #ba8a43;outline-offset:4px}.cost-result-top{background:var(--cost-green);padding:27px 30px 26px;color:#fffef4}.cost-result-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;font-weight:650;letter-spacing:1.5px;color:#d2d9c4}.cost-result-meta span:last-child{letter-spacing:0;font-weight:500;font-size:10px;border:1px solid #c7d5b03f;border-radius:3px;padding:4px 7px;white-space:nowrap}.cost-house{width:94%;margin:12px auto 22px}.cost-house svg{display:block;width:100%;height:auto;max-height:147px;overflow:visible}.cost-result-top .cost-small-label{font-size:11px;letter-spacing:.6px;color:#d8decf;font-weight:500}.cost-page .cost-total{font-family:Fraunces,Georgia,serif;color:#fffdee;font-size:clamp(29px,3.05vw,43px);line-height:1.2;letter-spacing:-1.4px;margin:9px 0 11px;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}.cost-result-caption{font-size:12px;color:#f4f3e7;font-weight:550;line-height:1.6}.cost-result-area{font-size:11px;color:#c2cfb8;margin-top:5px}.cost-result-bottom{padding:23px 30px 24px}.cost-breakdown{display:grid;gap:13px}.cost-breakdown>div{display:flex;gap:12px;justify-content:space-between;align-items:baseline;font-size:12px}.cost-breakdown span{color:#697862}.cost-breakdown strong{font-weight:600;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.cost-result-caveat{font-size:11px;line-height:1.7;margin-top:18px;padding-top:16px;border-top:1px solid var(--cost-line)}.cost-result-caveat.is-warning{color:#874e2f}.cost-result-assumptions{font-size:11px;margin-top:16px}.cost-result-assumptions summary{font-weight:650;cursor:pointer;min-height:27px}.cost-result-assumptions dl{display:grid;grid-template-columns:1fr 1.35fr;margin:13px 0;gap:8px 12px;font-size:11px}.cost-result-assumptions dt{color:var(--cost-muted)}.cost-result-assumptions dd{margin:0;text-align:right;overflow-wrap:anywhere}.cost-result-assumptions p{margin:10px 0}.cost-result-assumptions a{display:inline-block;margin-top:5px}.cost-result-actions{display:grid;gap:11px;margin-top:23px}.cost-page .cost-primary{display:flex;align-items:center;justify-content:center;min-height:49px;border:1px solid var(--cost-green);background:var(--cost-green);color:#fffefb;border-radius:5px;text-decoration:none;font-size:13px;font-weight:650;padding:10px 14px;transition:background .2s}.cost-primary:hover{background:#285348}.cost-result-actions button{background:none;border:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:35px;font-weight:550}.cost-result-actions button:hover{text-decoration:underline;text-underline-offset:4px}.cost-result-actions svg{width:17px;height:17px;color:#677a56}.cost-quote-note{font-size:10px;text-align:center;line-height:1.6;margin-top:9px}.cost-source-note{text-align:center;font-size:10px;line-height:1.8;margin-top:15px;color:var(--cost-muted)}.cost-result-error,.cost-warning{font-size:13px;color:#87502f;background:#f6f0e6;padding:16px;border-radius:5px}.cost-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cost-section{padding-block:72px}.cost-section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:28px}.cost-page h2{font-size:clamp(31px,3.6vw,43px);font-family:Fraunces,Georgia,serif;font-weight:450;letter-spacing:-1.5px;line-height:1.15}.cost-section-heading>p{max-width:340px;font-size:13px;line-height:1.8}.cost-comparison{border-top:1px solid var(--cost-line)}.cost-compare-row{display:grid;grid-template-columns:1fr 190px 85px;gap:25px;align-items:center;padding:21px 0;border-bottom:1px solid var(--cost-line)}.cost-compare-name{display:flex;align-items:center;gap:15px}.cost-compare-name .cost-swatch{width:36px;height:36px}.cost-compare-name strong{font-weight:600;font-size:14px}.cost-compare-name small{display:block;font-size:11px;margin-top:2px;color:var(--cost-muted)}.cost-compare-price{font-family:Fraunces,Georgia,serif;font-size:23px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.cost-compare-row button{font-size:12px;min-height:38px;min-width:75px;border:1px solid #b9c8ad;border-radius:4px;background:transparent;padding:7px 12px}.cost-compare-row button[aria-pressed=true]{background:#e9efdf;border-color:#82996d;font-weight:600}.cost-comparison-foot{font-size:12px;margin-top:18px;max-width:800px}.cost-area-explainer{padding:65px 0;background:#edf0e5;border-block:1px solid var(--cost-line)}.cost-explainer-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.cost-explainer-grid>div:first-child>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:430px;margin-top:18px}.cost-text-button{border:0;border-bottom:1px solid #94a282;border-radius:0;padding:0 0 4px;background:none;font-size:13px;font-weight:600;margin-top:20px}.cost-house-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:center}.cost-house-pair svg{width:100%;max-width:200px;display:block;margin:auto auto 18px}.cost-house-pair strong{display:block;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:500}.cost-house-pair span{display:block;font-size:11px;margin-top:4px;color:var(--cost-muted)}.cost-house-pair b{font-weight:550;display:block;font-size:12px;margin-top:10px}.cost-floor-example>p{font-size:10px;line-height:1.8;margin-top:27px;text-align:center;padding-top:17px;border-top:1px solid #d1dcc5}.cost-repair-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.cost-repair-section>div>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:430px;margin-top:20px}.cost-text-link{font-size:12px;font-weight:600;display:inline-block;margin-top:24px;text-decoration:none;border-bottom:1px solid #b4c2a8;padding-bottom:4px}.cost-repair-panel{padding:27px 30px;background:#fffefa;border:1px solid var(--cost-line);border-radius:8px}.cost-repair-panel .cost-repair-price{font-family:Fraunces,Georgia,serif;font-size:38px!important;letter-spacing:-1.2px;line-height:1.2!important;margin:24px 0 13px!important;color:var(--cost-green)}.cost-repair-panel .cost-help{font-size:11px!important;margin-top:17px!important}.cost-repair-panel>a{font-size:10px;display:inline-block;margin-top:14px;color:var(--cost-muted)}.cost-quote-section{padding:65px 0;background:#ecebdf}.cost-question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:37px;margin-top:39px}.cost-question-grid article{border-top:1px solid #c9d0bc;padding-top:22px}.cost-question-grid article>span{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#5b6e4d}.cost-question-grid h3{font-family:Fraunces,Georgia,serif;font-size:25px;font-weight:450;margin:14px 0 11px}.cost-question-grid p{font-size:13px;line-height:1.8}.cost-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.cost-faq>div>p:not(.eyebrow){margin-top:18px;font-size:13px;line-height:1.8}.cost-faq details{border-bottom:1px solid var(--cost-line)}.cost-faq details:first-child{border-top:1px solid var(--cost-line)}.cost-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:14px;font-weight:550;padding:20px 0;cursor:pointer}.cost-faq summary::-webkit-details-marker{display:none}.cost-faq summary span{color:#677a56;font-size:18px}.cost-faq details[open] summary span{transform:rotate(180deg)}.cost-faq details p{font-size:13px;line-height:1.85;padding-bottom:22px;max-width:620px}.cost-method{margin-bottom:70px;scroll-margin-top:100px}.cost-method>details{border:1px solid var(--cost-line);border-radius:6px;background:#f2f3e9}.cost-method>details>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding:22px 27px;cursor:pointer}.cost-method summary strong{font-size:14px;font-weight:600;display:block}.cost-method summary small{font-size:11px;color:var(--cost-muted);display:block;margin-top:4px}.cost-method-body{padding:0 27px 27px}.cost-method-body h3{font-size:18px;font-family:Fraunces,Georgia,serif;margin-top:24px;font-weight:500}.cost-method-body>p{font-size:12px;line-height:1.9;margin-top:13px;max-width:940px}.cost-source-list{display:grid;grid-template-columns:1fr 1fr;gap:23px 35px;margin:25px 0}.cost-source-list article{border-top:1px solid var(--cost-line);padding-top:17px}.cost-source-list a{font-size:12px;font-weight:650}.cost-source-list p{font-size:11px;line-height:1.8;margin-top:7px}.cost-source-list small{font-size:10px;color:var(--cost-muted)}.cost-print-footer{display:none}
@media(min-width:1500px){.cost-intro-grid{grid-template-columns:1fr 360px}}
@media(max-width:1000px){.cost-page .container{width:calc(100% - 48px)}.cost-intro-grid{grid-template-columns:1fr 250px;gap:30px}.cost-workbench{gap:21px;grid-template-columns:1.05fr 1fr}.cost-form-panel{padding:23px}.cost-result-top,.cost-result-bottom{padding:24px}.cost-page .cost-total{font-size:32px}.cost-story-choices span{flex-direction:column;padding:9px 4px;gap:4px}.cost-material{gap:9px;padding:11px}.cost-swatch{width:39px;height:43px}.cost-result-meta{font-size:8px;letter-spacing:1px}.cost-explainer-grid,.cost-repair-section,.cost-faq{gap:40px}.cost-compare-row{grid-template-columns:1fr 175px 80px;gap:15px}}
@media(max-width:760px){.cost-page .container{width:calc(100% - 36px)}.cost-page .cost-intro{padding-top:23px;padding-bottom:28px}.cost-breadcrumb{font-size:11px;margin-bottom:28px}.cost-intro-grid{grid-template-columns:1fr;gap:20px}.cost-page h1{font-size:44px;letter-spacing:-1.8px}.cost-lead{font-size:14px;max-width:440px;margin-top:17px}.cost-intro-note{display:flex;align-items:center;gap:10px;border:0;padding:0}.cost-intro-note svg{width:23px;height:23px;margin:0}.cost-intro-note p{display:none}.cost-intro-note>span{margin:0;font-size:11px}.cost-workbench{grid-template-columns:1fr;gap:22px;max-width:570px}.cost-result-column{position:static}.cost-form-panel{padding:22px 24px 24px}.cost-story-choices span{flex-direction:row;gap:10px;padding:11px 8px}.cost-swatch{width:47px;height:47px}.cost-material{padding:12px;gap:13px}.cost-material strong{font-size:14px}.cost-material small{font-size:12px}.cost-mobile-result{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;background:#e9efdf;border:1px solid #bacbaa;padding:11px 15px;margin-top:24px;font-size:13px;font-weight:650}.cost-result-top,.cost-result-bottom{padding:25px 28px}.cost-page .cost-total{font-size:42px}.cost-house{max-width:360px;margin:12px auto 20px}.cost-result-meta{font-size:9px}.cost-result-caption{font-size:13px}.cost-result-area{font-size:12px}.cost-breakdown>div{font-size:13px}.cost-result-caveat{font-size:12px}.cost-section{padding-block:49px}.cost-section-heading{display:block;margin-bottom:24px}.cost-section-heading>p{margin-top:16px;max-width:470px;font-size:13px}.cost-page h2{font-size:35px}.cost-compare-row{grid-template-columns:1fr auto;gap:10px 12px;padding:19px 0}.cost-compare-name{grid-column:1/-1}.cost-compare-price{padding-left:51px;font-size:22px}.cost-compare-row button{min-height:35px;font-size:11px}.cost-comparison-foot{font-size:11px}.cost-area-explainer,.cost-quote-section{padding:47px 0}.cost-explainer-grid,.cost-repair-section,.cost-faq{grid-template-columns:1fr;gap:30px}.cost-explainer-grid>div:first-child>p:not(.eyebrow){max-width:none}.cost-floor-example{padding-top:8px}.cost-house-pair svg{max-width:165px}.cost-house-pair{gap:15px}.cost-house-pair strong{font-size:22px}.cost-house-pair b{font-size:11px}.cost-question-grid{grid-template-columns:1fr;gap:23px;margin-top:27px}.cost-question-grid article{padding-top:18px}.cost-question-grid h3{margin:10px 0 8px;font-size:24px}.cost-question-grid p{max-width:520px}.cost-repair-panel{padding:24px}.cost-repair-section>div>p:not(.eyebrow){max-width:none}.cost-faq{gap:24px}.cost-faq>div>p:not(.eyebrow){display:none}.cost-method{margin-bottom:45px}.cost-method>details>summary{padding:20px}.cost-method-body{padding:0 20px 23px}.cost-source-list{grid-template-columns:1fr}.cost-method summary small{font-size:10px;line-height:1.7}.cost-method summary strong{font-size:13px}.cost-result-assumptions{font-size:12px}.cost-result-assumptions dl{font-size:12px}}
@media(max-width:380px){.cost-page .container{width:calc(100% - 28px)}.cost-page h1{font-size:37px}.cost-page .eyebrow{font-size:9px;letter-spacing:1.3px}.cost-form-panel{padding:20px 17px}.cost-segments span{font-size:11px}.cost-material strong{font-size:12px}.cost-material small{font-size:11px}.cost-material{gap:9px;padding:11px 9px}.cost-swatch{width:37px;height:43px}.cost-result-top,.cost-result-bottom{padding:22px 20px}.cost-page .cost-total{font-size:35px}.cost-group>legend{font-size:17px}.cost-adjustment-grid{grid-template-columns:1fr;gap:13px}.cost-story-choices span{gap:5px;font-size:11px}.cost-result-meta{font-size:8px}.cost-result-meta span:last-child{font-size:9px}.cost-breakdown>div{font-size:11px}.cost-house-pair b{font-size:10px}.cost-house-pair span{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.cost-house svg{animation:cost-house-in .7s ease-out both}@keyframes cost-house-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media print{@page{margin:16mm}.cost-page{background:white!important;color:#173f35!important;font-size:11px}.cost-page .site-header,.cost-page dialog,.cost-page footer,.cost-page .rd-action-dock,.cost-page .cost-form-panel,.cost-page .cost-breadcrumb,.cost-page .cost-intro-note,.cost-page .cost-result-actions,.cost-page .cost-quote-note,.cost-page .cost-area-explainer,.cost-page .cost-repair-section,.cost-page .cost-faq,.cost-page .cost-method,.cost-page .skip,.cost-page .cost-house,.cost-page .cost-text-link,.cost-page .cost-comparison button{display:none!important}.cost-page .container{width:100%;max-width:none}.cost-page .cost-intro{padding:0 0 20px}.cost-page .cost-intro-grid,.cost-page .cost-workbench{display:block}.cost-page h1{font-size:28px}.cost-page h1 br{display:none}.cost-page .cost-lead{font-size:12px;margin-top:8px}.cost-page .cost-result-column{position:static}.cost-page .cost-result-top{background:#edf0e6!important;color:#173f35!important;padding:18px 22px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cost-page .cost-result-top p,.cost-page .cost-result-meta{color:#173f35!important}.cost-page .cost-total{font-size:34px}.cost-page .cost-result-bottom{padding:16px 22px}.cost-page .cost-result-assumptions>summary{display:none}.cost-page .cost-result-assumptions dl{font-size:10px}.cost-page .cost-result-assumptions p{font-size:10px}.cost-page .cost-source-note{font-size:10px}.cost-page .cost-section{padding:25px 0}.cost-page h2{font-size:24px}.cost-page .cost-section-heading{margin-bottom:10px}.cost-page .cost-section-heading>p{font-size:10px}.cost-page .cost-compare-row{padding:10px 0;grid-template-columns:1fr 180px}.cost-page .cost-compare-name{grid-column:auto}.cost-page .cost-compare-price{padding:0;font-size:18px}.cost-page .cost-quote-section{padding:23px 0;background:white}.cost-page .cost-question-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.cost-page .cost-question-grid h3{font-size:18px}.cost-page .cost-question-grid p{font-size:10px}.cost-page .cost-print-footer{display:block;border-top:1px solid #ccc;padding-top:14px;margin-top:25px;font-size:10px;line-height:1.8}.cost-page .cost-result-card,.cost-page .cost-compare-row,.cost-page article{break-inside:avoid;box-shadow:none}}

/* Let narrow grids shrink inside their container, including large budgets. */
.cost-workbench>*{min-width:0}.cost-result-card{container-type:inline-size}.cost-page .cost-total{font-size:clamp(24px,10cqw,43px)}.cost-page .cost-total.cost-total-long{font-size:clamp(20px,7.7cqw,34px)}
@media(max-width:760px){.cost-workbench{grid-template-columns:minmax(0,1fr)}.cost-page h1{font-size:clamp(31px,9.75vw,44px)}}
/* Material drawings remain crisp at thumbnail size, with no faux gravel texture. */
.cost-page .cost-swatch{background:none;overflow:hidden;box-shadow:none}.cost-swatch svg{display:block;width:100%;height:100%;object-fit:cover}.cost-house svg{max-height:174px;overflow:hidden}.cost-house{margin-bottom:17px}
/* Keep a price range on one line while leaving room for the material label. */
.cost-compare-row{grid-template-columns:minmax(0,1fr) max-content 85px}.cost-compare-name{min-width:0}.cost-compare-price{white-space:nowrap}
@media(max-width:760px){.cost-compare-row{grid-template-columns:minmax(0,1fr) auto}.cost-compare-price{padding-left:0;font-size:clamp(16px,5vw,22px)}}

/* Sparse, keyboard-accessible field explanations stay with their inputs. */
.cost-label-help{display:flex;align-items:center;gap:5px;min-height:30px;margin-bottom:4px}.cost-page .cost-label-help label{margin:0;flex:1}.cost-info{display:grid;place-items:center;width:30px;height:30px;padding:0;flex:none;border:0;background:none;color:#627754}.cost-info span{display:grid;place-items:center;border:1px solid #849776;width:17px;height:17px;border-radius:50%;font:600 11px Georgia,serif}.cost-info[aria-expanded=true] span{background:#e5ecda;border-color:#627754}.cost-page .cost-field-help{font-size:12px;line-height:1.7;padding:11px 12px;background:#f0f3e9;border-left:2px solid #8fa17d;margin:2px 0 12px;color:#52664d}.cost-info:focus-visible{outline:2px solid #ba8a43;outline-offset:1px;border-radius:4px}
.cost-page .cost-mobile-result{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:55px;padding:15px 20px;margin-top:28px;border:1px solid #173f35;border-radius:5px;background:#173f35;color:#fffef3;box-shadow:0 5px 0 #102f28,0 9px 18px #173f3518;font-size:15px;font-weight:700;letter-spacing:.1px;transition:background .2s,box-shadow .2s}.cost-mobile-result svg{width:21px;height:21px}.cost-page .cost-mobile-result:hover{background:#285348;box-shadow:0 5px 0 #102f28,0 11px 20px #173f3528}.cost-mobile-result:focus-visible{outline:3px solid #ba8a43;outline-offset:6px}.cost-submit-note{font-size:10px;text-align:center;margin:13px 0 0;color:var(--cost-muted)}.cost-export-status{font-size:11px;line-height:1.6;text-align:center;margin-top:9px}.cost-export-status:empty{display:none}.cost-page #cost-share-url{font-size:12px;width:100%;padding:10px;border:1px solid var(--cost-line);border-radius:4px}.cost-result-actions button:disabled{opacity:.65;cursor:wait}

.cost-page .cost-footprint-note{margin-top:12px;padding-left:10px;border-left:2px solid #bac8aa;line-height:1.5}.cost-story-choices svg{height:35px;width:29px;flex-shrink:0}
@media(max-width:760px){.cost-story-choices span{flex-direction:column;gap:4px}}

.cost-source-credit{font-weight:600;color:var(--ink,#173f35)}

.cost-page{--muted:#5a6c63}
