.metal-roof-shell{width:min(100% - 72px,1180px)}.metal-roof-body{width:100%;max-width:1040px;margin:0 auto}.metal-roof-body h2{letter-spacing:-.02em}.metal-heading,.standing-heading,.deck-heading,.geometry-heading,.future-heading,.value-heading,.sample-bid-heading{max-width:900px;margin-bottom:21px}.metal-lead{max-width:860px;color:#50636c!important;font-size:15px!important;line-height:1.78!important}.metal-answer{border-bottom:2px solid #9fb3bb;padding-bottom:38px}.metal-answer h2{max-width:995px;font-size:clamp(31px,4.7vw,49px);line-height:1.06}.metal-answer-copy{grid-template-columns:1fr 1fr;gap:44px;margin-top:28px;display:grid}.metal-answer-copy p{color:#4f636c!important;margin:0!important;font-size:14px!important;line-height:1.78!important}.metal-cost-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:29px;display:grid}.metal-cost-line>div{border-right:1px solid var(--line);padding:19px 17px}.metal-cost-line>div:first-child{padding-left:0}.metal-cost-line>div:last-child{border-right:0;padding-right:0}.metal-cost-line span{color:#657e89;letter-spacing:.1em;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.metal-cost-line strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.metal-answer-note{background:#e8f1f4;border-left:4px solid #52788a;margin-top:27px;padding:23px 26px}.metal-answer-note>strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500;display:block}.metal-answer-note p{color:#586e77!important;margin:7px 0 0!important;font-size:11px!important;line-height:1.65!important}.metal-roof-estimator{background:#1b313b;padding:38px}.metal-roof-estimator .article-section-label{color:#98b1bb!important}.metal-roof-estimator-intro{max-width:875px}.metal-roof-estimator-intro h2{color:#eef5f7!important}.metal-roof-estimator-intro>p:last-child{color:#b9cbd2!important;font-size:12px!important;line-height:1.7!important}.metal-roof-form{border-top:1px solid #ffffff29;grid-template-columns:.92fr 1.08fr;margin-top:30px;display:grid}.metal-roof-inputs{border-right:1px solid #ffffff29;padding:29px 29px 0 0}.metal-roof-inputs label{margin-bottom:21px;display:block}.metal-roof-inputs label>span{color:#9bb3bd;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:8px;font-weight:800;display:block}.metal-roof-inputs select,.metal-roof-inputs input{box-sizing:border-box;color:#edf5f7;width:100%;min-height:48px;font:inherit;background:#ffffff0f;border:1px solid #ffffff3b;border-radius:0;padding:0 12px;font-size:12px}.metal-roof-inputs select option{color:#18242b}.metal-roof-number-row{grid-template-columns:1fr 74px;align-items:stretch;display:grid}.metal-roof-number-row b{color:#a9bec6;border:1px solid #ffffff3b;border-left:0;place-items:center;font-size:9px;font-weight:600;display:grid}.metal-roof-inputs small{color:#839ca6;margin-top:7px;font-size:8px;line-height:1.45;display:block}.metal-roof-optional{border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;margin:24px 0 20px;padding:17px 0}.metal-roof-optional strong{color:#eaf3f6;font-size:11px;display:block}.metal-roof-optional p{color:#8fa8b2!important;margin:4px 0 0!important;font-size:8px!important}.metal-roof-output{padding:30px 0 0 30px}.metal-roof-output>span{color:#98b1bb;letter-spacing:.11em;font-size:8px;font-weight:800}.metal-roof-output>strong{color:#eef5f7;margin:7px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,52px);font-weight:500;line-height:1;display:block}.metal-roof-output>p{color:#aec2ca!important;margin:0!important;font-size:9px!important}.metal-roof-breakdown{border-top:1px solid #ffffff29;margin:25px 0}.metal-roof-breakdown>div{border-bottom:1px solid #ffffff29;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:54px;display:grid}.metal-roof-breakdown span{color:#9cb3bd;font-size:8px}.metal-roof-breakdown strong{color:#eaf3f6;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:500}.metal-roof-warning{background:#ffffff0d;border:1px solid #ffffff29;padding:19px 20px}.metal-roof-warning b{color:#eaf3f6;font-size:10px}.metal-roof-warning p{color:#9eb5be!important;margin:6px 0 0!important;font-size:8px!important;line-height:1.55!important}.bid-anatomy{margin-top:44px}.bid-anatomy>h2{max-width:930px}.bid-spine{border-left:2px solid #587786;margin:29px 0}.bid-spine-row{border-bottom:1px solid var(--line);grid-template-columns:115px 1fr 1.25fr;align-items:center;gap:22px;padding:20px 0 20px 31px;display:grid;position:relative}.bid-spine-row:before{content:"";background:#587786;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.bid-spine-row span{color:#657e89;letter-spacing:.1em;font-size:8px;font-weight:800}.bid-spine-row strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.bid-spine-row p{color:#60747c!important;margin:0!important;font-size:10px!important;line-height:1.58!important}.bid-thesis{background:#e8f1f4;border-left:4px solid #52788a;margin:0;padding:22px 25px}.bid-thesis strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500}.fastener-section{background:#e8f1f4;border:1px solid #cedce2;padding:36px}.fastener-section>p{color:#566c75!important;font-size:11px!important;line-height:1.7!important}.fastener-contrast{border-top:1px solid #bdced5;border-bottom:1px solid #bdced5;grid-template-columns:1fr 1fr;margin:28px 0;display:grid}.fastener-contrast section{border-right:1px solid #bdced5;padding:25px}.fastener-contrast section:first-child{padding-left:0}.fastener-contrast section:last-child{border-right:0;padding-right:0}.fastener-contrast span{color:#657e89;font-size:8px;font-weight:800}.fastener-contrast strong{color:#29434e;margin:8px 0;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500;display:block}.fastener-contrast p{color:#5e737c!important;font-size:10px!important;line-height:1.58!important}.standing-section{background:#1b313b;padding:37px}.standing-heading .article-section-label{color:#98b1bb!important}.standing-heading h2{color:#eef5f7!important}.standing-section>p{color:#bdced5!important;font-size:11px!important;line-height:1.72!important}.standing-premium{border-top:1px solid #ffffff29;margin-top:28px}.standing-premium>span{color:#98b1bb;letter-spacing:.09em;padding:18px 0;font-size:8px;font-weight:800;display:block}.standing-premium p{border-top:1px solid #ffffff21;grid-template-columns:250px 1fr;align-items:center;gap:22px;min-height:62px;display:grid;color:#b7c9d0!important;margin:0!important;font-size:10px!important}.standing-premium strong{color:#eef5f7;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:500}.tearoff-choice{grid-template-columns:1fr 1fr;gap:26px;margin:28px 0;display:grid}.tearoff-choice>div{background:#e9f1f4;border:1px solid #c7d6dc;padding:27px}.tearoff-choice span{color:#657e89;font-size:8px;font-weight:800}.tearoff-choice strong{color:#29434e;margin:8px 0;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500;display:block}.tearoff-choice p,.tearoff-section>p{color:#60747c!important;font-size:10px!important;line-height:1.62!important}.deck-section{background:#e8f1f4;border:1px solid #cedce2;padding:35px}.deck-section>p{color:#566c75!important;font-size:11px!important;line-height:1.7!important}.deck-section a{color:#456b7a}.deck-risk-line{border-top:1px solid #bdced5;border-bottom:1px solid #bdced5;grid-template-columns:1fr 45px 1fr 45px 1fr;align-items:center;margin:28px 0;display:grid}.deck-risk-line>div{align-content:center;min-height:120px;padding:20px;display:grid}.deck-risk-line>i{color:#66818d;text-align:center;font-size:25px;font-style:normal}.deck-risk-line span{color:#657e89;font-size:8px;font-weight:800}.deck-risk-line strong{color:#29434e;margin-top:7px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500}.metal-material-run{border-top:2px solid #537686;margin:28px 0}.metal-material-run p{border-bottom:1px solid var(--line);grid-template-columns:230px 220px 1fr;align-items:center;gap:20px;min-height:78px;display:grid;color:#60747c!important;margin:0!important;font-size:10px!important}.metal-material-run span{color:#657e89;font-size:8px;font-weight:800}.metal-material-run strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500}.gauge-note{background:#e8f1f4;border-left:4px solid #52788a;margin:0;padding:22px 25px}.gauge-note>strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500;display:block}.gauge-note p{color:#60747c!important;margin:6px 0 0!important;font-size:10px!important}.detail-section{background:#e8f1f4;border:1px solid #cedce2;padding:35px}.detail-heading,.spec-heading{max-width:900px;margin-bottom:21px}.detail-ledger{border-top:1px solid #bdced5;margin:28px 0}.detail-ledger article{border-bottom:1px solid #bdced5;grid-template-columns:165px 1fr 1.2fr;align-items:center;gap:22px;min-height:91px;display:grid}.detail-ledger span{color:#657e89;font-size:8px;font-weight:800}.detail-ledger strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500}.detail-ledger p,.detail-section>p{color:#5e737c!important;font-size:10px!important;line-height:1.6!important}.detail-ledger p{margin:0!important}.spec-sheet{border-top:2px solid #537686;margin:28px 0}.spec-sheet p{border-bottom:1px solid var(--line);grid-template-columns:55px 170px 1fr;align-items:center;gap:20px;min-height:70px;display:grid;color:#60747c!important;margin:0!important;font-size:10px!important}.spec-sheet span{color:#657e89;font-size:8px;font-weight:800}.spec-sheet strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500}.spec-section>p{max-width:850px;color:#60747c!important;font-size:11px!important;line-height:1.68!important}.geometry-section{background:#1b313b;padding:37px}.geometry-heading .article-section-label{color:#98b1bb!important}.geometry-heading h2{color:#eef5f7!important}.geometry-section>p{color:#bdced5!important;font-size:11px!important;line-height:1.7!important}.geometry-meter{grid-template-columns:.85fr 1fr 1.25fr;align-items:stretch;margin:28px 0;display:grid}.geometry-meter>div{background:#ffffff09;border:1px solid #ffffff29;border-right:0;align-content:center;min-height:170px;padding:23px;display:grid}.geometry-meter>div:last-child{border-right:1px solid #ffffff29}.geometry-meter span{color:#98b1bb;font-size:8px;font-weight:800}.geometry-meter strong{color:#eef5f7;margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500;display:block}.future-section{background:#e8f1f4;border:1px solid #cedce2;padding:35px}.future-section>p{color:#566c75!important;font-size:11px!important;line-height:1.7!important}.future-file{border-top:1px solid #bdced5;margin-top:27px}.future-file article{border-bottom:1px solid #bdced5;grid-template-columns:135px 1fr 1.2fr;align-items:center;gap:22px;min-height:94px;display:grid}.future-file span{color:#657e89;font-size:8px;font-weight:800}.future-file strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500}.future-file p{color:#5e737c!important;margin:0!important;font-size:10px!important;line-height:1.58!important}.panel-section-visual{background:#edf4f6;border:1px solid #c7d6dc;grid-template-columns:1fr 1fr;min-height:380px;margin:29px 0;display:grid;overflow:hidden}.psv-side{min-height:380px;padding:27px;position:relative}.psv-side:first-child{border-right:1px solid #c7d6dc}.psv-side>span{color:#58727d;letter-spacing:.1em;font-size:8px;font-weight:800}.psv-deck{background:#b7c8ce;height:44px;position:absolute;bottom:19%;left:10%;right:10%}.psv-underlay{background:#8da6b0;height:7px;position:absolute;bottom:31%;left:10%;right:10%}.psv-panel{background:linear-gradient(#aac0c7 0 78%,#0000 78%);border-top:8px solid #5d7c89;height:58px;position:absolute;bottom:35%;left:10%;right:10%}.psv-seam{border:7px solid #5d7c89;border-bottom:0;width:18px;height:75px;position:absolute;bottom:50%;left:52%}.psv-clip{background:#4f6f7c;width:7px;height:75px;position:absolute;bottom:31%;left:54%}.psv-clip b{color:#506d78;width:100px;font-size:7px;position:absolute;top:30px;left:14px}.psv-panel.corrugated{background:repeating-linear-gradient(90deg,#a8bec6 0 25px,#6e8d98 25px 32px,#a8bec6 32px 58px)}.psv-screw{background:#4f6f7c;width:7px;height:82px;position:absolute;bottom:31%}.psv-screw.one{left:37%}.psv-screw.two{right:31%}.psv-screw b{color:#506d78;font-size:7px;position:absolute;top:29px;left:13px}.value-questions{border-top:2px solid #537686;margin-top:28px}.value-questions p{border-bottom:1px solid var(--line);grid-template-columns:55px 280px 1fr;align-items:center;gap:20px;min-height:76px;display:grid;color:#60747c!important;margin:0!important;font-size:10px!important}.value-questions span{color:#657e89;font-size:8px;font-weight:800}.value-questions strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:500}.sample-bid-section{background:#1b313b;padding:37px}.sample-bid-heading .article-section-label{color:#98b1bb!important}.sample-bid-heading h2{color:#eef5f7!important}.sample-bid-section>p{color:#bdced5!important;font-size:11px!important;line-height:1.7!important}.sample-bid{border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;grid-template-columns:.7fr 1.3fr;margin:28px 0;display:grid}.sample-bid-main{border-right:1px solid #ffffff29;align-content:center;min-height:300px;padding:30px;display:grid}.sample-bid-main span{color:#98b1bb;font-size:8px;font-weight:800}.sample-bid-main strong{color:#eef5f7;margin:8px 0;font-family:Georgia,Times New Roman,serif;font-size:50px;font-weight:500}.sample-bid-main p{color:#aabfc7!important;font-size:10px!important}.sample-bid-notes{padding:22px 0 22px 28px}.sample-bid-notes p{border-bottom:1px solid #ffffff21;padding:15px 0;color:#b7c9d0!important;margin:0!important;font-size:10px!important;line-height:1.58!important}.sample-bid-notes b{color:#eef5f7}.price-answer-lines{border-top:1px solid var(--line);max-width:885px}.price-answer-lines p{border-bottom:1px solid var(--line);padding:18px 0;color:#576c75!important;margin:0!important;font-size:12px!important;line-height:1.7!important}.price-answer-lines strong{color:#29434e;margin-bottom:5px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500;display:block}.source-heading-final{max-width:850px}.source-heading-final>p:last-child{color:#60747d!important;font-size:11px!important;line-height:1.65!important}.source-register{border-top:1px solid var(--line);margin-top:27px}.source-register a{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr 1.35fr;align-items:center;gap:22px;padding:17px 0;text-decoration:none;display:grid}.source-register span{color:#6b838e;letter-spacing:.08em;font-size:8px;font-weight:800}.source-register strong{color:#29434e;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:500}.source-register p{color:#687a82!important;margin:0!important;font-size:9px!important;line-height:1.5!important}.source-disclaimer{color:#7b8b92!important;margin-top:18px!important;font-size:9px!important}.metal-roof-related-links{border-top:2px solid #537686;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.metal-roof-related-links a{border-right:1px solid var(--line);padding:23px 20px;text-decoration:none}.metal-roof-related-links a:first-child{padding-left:0}.metal-roof-related-links a:last-child{border-right:0;padding-right:0}.metal-roof-related-links span{color:#6b838e;letter-spacing:.09em;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.metal-roof-related-links strong{color:#29434e;margin-bottom:7px;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500;display:block}.metal-roof-related-links p{color:#687a82!important;margin:0!important;font-size:9px!important;line-height:1.5!important}@media (width<=920px){.metal-answer-copy{grid-template-columns:1fr;gap:16px}.metal-cost-line{grid-template-columns:1fr 1fr}.source-register a{grid-template-columns:165px 1fr}.source-register p{grid-column:2}}@media (width<=760px){.metal-roof-shell{width:calc(100% - 40px)}.metal-roof-estimator,.fastener-section,.standing-section,.deck-section,.geometry-section,.future-section,.sample-bid-section{padding:25px 20px}.metal-roof-form{grid-template-columns:1fr}.metal-roof-inputs{border-bottom:1px solid #ffffff29;border-right:0;padding-right:0}.metal-roof-output{padding-left:0}.bid-spine-row,.metal-material-run p,.detail-ledger article,.spec-sheet p,.future-file article,.source-register a{grid-template-columns:1fr;gap:6px;padding-top:15px;padding-bottom:15px}.source-register p{grid-column:1}.fastener-contrast,.tearoff-choice,.geometry-meter,.panel-section-visual,.sample-bid{grid-template-columns:1fr}.fastener-contrast section,.fastener-contrast section:first-child,.fastener-contrast section:last-child{border-bottom:1px solid #bdced5;border-right:0;padding:18px 0}.standing-premium p{grid-template-columns:1fr;gap:5px;padding:13px 0}.deck-risk-line{grid-template-columns:1fr}.deck-risk-line>i{min-height:35px;transform:rotate(90deg)}.psv-side:first-child{border-bottom:1px solid #c7d6dc;border-right:0}.sample-bid-main{border-bottom:1px solid #ffffff29;border-right:0;min-height:210px}.sample-bid-notes{padding-left:0}.value-questions p{grid-template-columns:50px 1fr;padding:13px 0}.metal-roof-related-links{grid-template-columns:1fr}.metal-roof-related-links a,.metal-roof-related-links a:first-child,.metal-roof-related-links a:last-child{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}}@media (width<=520px){.metal-roof-shell{width:calc(100% - 32px)}.metal-answer h2{font-size:31px}.metal-cost-line{grid-template-columns:1fr}.metal-cost-line>div,.metal-cost-line>div:first-child,.metal-cost-line>div:last-child{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.metal-roof-breakdown>div{grid-template-columns:1fr;gap:4px;padding:10px 0}.value-questions p{grid-template-columns:1fr;gap:5px}.panel-section-visual{min-height:650px}.psv-side{min-height:325px}}