:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;background:#fff;color:var(--ink,#294955);--ink:#294955;--muted:#5a727a;--line:#c9d7d7;--wash:#f0f5f4;--accent:#246f80}*{box-sizing:border-box}body{margin:0}main{max-width:1420px;margin:0 auto;padding:42px 40px 70px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(2.25rem,4.4vw,4.05rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 19px;width:100%}h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.25;letter-spacing:-.018em;margin:0 0 17px}h3{font-size:1.05rem;line-height:1.4;margin:0 0 15px}p{margin:0 0 18px}.intro{font-size:1.12rem;line-height:1.75;width:100%;margin-bottom:27px}a{color:var(--accent);text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);padding:10px 14px;min-height:44px;line-height:1.3;font-size:.85rem;font-weight:600}button:hover{background:var(--wash);border-color:var(--accent)}button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #b6843c;outline-offset:3px}input[type=number]{width:100%;height:47px;border:1px solid #94adb3;border-radius:3px;padding:10px 12px;color:var(--ink);background:#fff;font-size:1.08rem;font-weight:600;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:26px;accent-color:var(--accent);cursor:pointer;margin:10px 0 0}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}[hidden]{display:none!important}img,svg{max-width:100%}output{font-variant-numeric:tabular-nums}.topic-nav{border-block:1px solid var(--line);margin-bottom:28px}.topic-nav summary{display:none}.topic-nav nav{display:flex;flex-wrap:wrap;gap:0 25px;padding:6px 0}.topic-nav a{text-decoration:none;font-size:.84rem;font-weight:600;padding:9px 0}.topic-nav a:hover{text-decoration:underline}.field{margin:17px 0}.field label{font-weight:600;font-size:.85rem;line-height:1.4;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.field label>span{font-weight:400;color:var(--muted);font-size:.72rem;text-align:right}.field p{font-size:.75rem;color:var(--muted);line-height:1.6;margin:8px 0 0}.units,.segmented{display:flex;gap:5px}.units button{font-size:.76rem;padding:8px 12px;min-height:39px}.segmented button{flex:1;font-size:.8rem}fieldset{border:0;border-top:1px solid var(--line);padding:19px 0 0;margin:24px 0 0;min-width:0}legend{font-size:.94rem;font-weight:600;padding:0 10px 0 0}.error:empty,.model-status:empty{display:none}.error{font-size:.82rem;color:#a14332;margin:14px 0}.model-status{font-size:.8rem;color:#955139;margin:0;padding:10px 16px}[aria-invalid=true]{border:2px solid #a14332!important}.model-studio{border:1px solid #b2c6c8;background:#fff;min-width:0;scroll-margin-top:20px}.view-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--line)}.view-tabs button{border:0;min-height:42px;font-size:.78rem;padding:8px 14px}.view-tabs button[aria-pressed=true]{background:var(--wash);color:var(--ink);box-shadow:inset 0 -2px var(--accent)}.viewport{height:510px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 40%,#fff 25%,#eef4f3)}.viewport canvas,.dimension-overlay{position:absolute;inset:0;width:100%;height:100%}.viewport canvas{touch-action:pan-y}.viewport canvas:active{cursor:grabbing}.dimension-overlay{pointer-events:none}.fallback{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;padding:35px}.ready .fallback{display:none}.drag-hint{position:absolute;bottom:12px;left:14px;pointer-events:none;padding:4px 7px;border-radius:2px;font-size:.68rem;background:#ffffffde;color:#566e76}.view-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-block:1px solid var(--line);background:#fafcfa}.view-toolbar label{display:flex;align-items:center;gap:7px;font-size:.77rem;min-height:38px;cursor:pointer}.view-toolbar>div{display:flex;gap:6px}.view-toolbar button{font-size:.74rem;min-height:39px;padding:8px 11px}.view-caption{padding:13px 17px;font-size:.77rem;color:var(--muted);margin:0}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.actions button{font-size:.8rem}.scope-note{padding:14px 17px;background:#f5f3eb;border-left:3px solid #c8b585;color:#6c6452;font-size:.81rem;margin:25px 0 0}.section{margin-top:58px;padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:22px}.small{font-size:.81rem;color:var(--muted)}dl{margin:0}dd{margin:0;font-variant-numeric:tabular-nums}dl>div{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:15px 0}dt{font-size:.86rem}dd{font-weight:600;font-size:1.02rem}.questions details{border-bottom:1px solid var(--line)}.questions summary{font-size:1rem;font-weight:600;cursor:pointer;padding:18px 0}.questions details p{color:var(--muted);margin-bottom:23px}.featured{display:grid;grid-template-columns:225px minmax(0,1fr);gap:38px;align-items:center;border:1px solid var(--line);padding:30px;background:var(--wash)}.featured figure{margin:0;border:1px solid var(--line)}.featured img{display:block;width:100%;height:auto}.featured p{color:var(--muted)}.pin{display:inline-block;background:#ac2334;color:#fff;padding:9px 21px;border-radius:4px;font-size:.84rem;font-weight:700;text-decoration:none;min-height:40px}.pin:hover{background:#861b2b}.image-open{margin-left:20px;font-size:.83rem}.model-studio:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;padding:0 max(12px,calc((100vw - 1400px)/2));background:#fff;border:0}.model-studio:fullscreen .viewport{flex:1;height:auto;min-height:210px}.model-studio:fullscreen .view-caption{padding:6px 17px}.model-studio:fullscreen .waterline-control,.model-studio:fullscreen .pitch-control{padding:10px 20px}.model-studio:fullscreen .waterline-control p{display:none}
.field{min-width:0}output{overflow-wrap:anywhere}
@media(max-width:1050px){main{padding:32px 24px 55px}.viewport{height:420px}}
@media(max-width:760px){main{padding:25px 16px 44px}h1{font-size:2.5rem;letter-spacing:-.025em}.intro{font-size:1rem;line-height:1.7}.topic-nav{border:1px solid #bacdd0;border-radius:5px;background:var(--wash);margin-bottom:23px}.topic-nav summary{display:list-item;cursor:pointer;padding:15px 17px;font-size:.86rem;font-weight:700}.topic-nav nav{display:grid;gap:0;padding:0 12px 12px}.topic-nav a{padding:12px 9px;border-top:1px solid var(--line);font-size:.85rem;min-height:45px}h2{font-size:1.8rem}.field label{font-size:.87rem}.field p{font-size:.78rem}.viewport{height:355px}.view-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px;gap:3px}.view-tabs button{padding:7px 4px;font-size:.7rem;min-height:44px}.view-toolbar{padding:8px;gap:6px}.view-toolbar label{font-size:.72rem}.view-toolbar button{font-size:.7rem;padding:8px 9px}.view-caption{font-size:.75rem;padding:11px 13px}.scope-note{font-size:.78rem;padding:12px 14px}.section{margin-top:38px;padding-top:25px}.section p{font-size:.94rem}.section .small{font-size:.78rem}.questions summary{font-size:.91rem}.featured{grid-template-columns:125px minmax(0,1fr);gap:21px;padding:20px 16px}.featured h2{font-size:1.38rem}.featured p{font-size:.82rem}.image-open{display:block;margin:11px 0 0;font-size:.74rem}.model-studio:fullscreen .viewport{min-height:140px}.model-studio:fullscreen .view-caption{display:none}}
@media(max-width:400px){main{padding-inline:12px}h1{font-size:2.18rem}.viewport{height:320px}.view-toolbar{align-items:stretch;flex-direction:column}.view-toolbar label{justify-content:center;min-height:29px}.view-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.featured{grid-template-columns:100px minmax(0,1fr);gap:14px}.featured h2{font-size:1.22rem}.featured p{font-size:.75rem}.view-tabs{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{main{padding:0;max-width:none}h1{font-size:29pt}.intro{font-size:10pt}.topic-nav,.viewport,.view-tabs,.view-toolbar,.view-caption,.model-status,.featured,.actions,button,.questions,input[type=range],.shape-select,.pool-inputs,.roof-dimensions,.roof-form,.pitch-control,.waterline-control,.separate-control,.fill-inputs,.cost-inputs{display:none!important}h2{font-size:18pt}.section{margin-top:20px;padding-top:15px;break-inside:avoid}.section p,.scope-note{font-size:9pt}.model-studio{display:none!important}.depth-drawing svg,.pitch-drawing svg{min-width:0!important}.table-scroll{overflow:visible!important}.plane-figure{display:none}.field{display:none!important}.water-answer,.roof-total,.bundle-total{background:#eee!important;color:#222!important}.water-answer strong,.water-answer p,.roof-total strong,.bundle-total strong{color:#222!important}}

.roof-page{--ink:#344957;--muted:#68767b;--accent:#975a42;--wash:#f4f0e9;--line:#d2d4cf}.roof-page h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.045em;font-size:clamp(2.25rem,4.2vw,3.9rem)}.roof-page h2{font-family:Arial,Helvetica,sans-serif;font-weight:650;font-size:clamp(1.55rem,2.3vw,2.1rem);letter-spacing:-.035em}.roof-form{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.roof-types{display:flex;gap:10px}.roof-types button{display:flex;align-items:center;gap:12px;min-width:137px;font-size:.84rem;border-radius:0;justify-content:center;padding:10px 18px}.roof-types button[aria-pressed=true]{background:#3d5260;border-color:#3d5260}.roof-types svg{width:39px;height:26px;fill:none;stroke:currentColor;stroke-width:2}.roof-dimensions{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:23px;padding:7px 0 13px}.roof-dimensions .field label{align-items:start;min-height:32px}.roof-dimensions .field p{font-size:.72rem}.roof-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.roof-page .viewport{background:radial-gradient(ellipse at 47% 37%,#fff 20%,#f3f0e9)}.roof-page .model-studio{border-color:#bfc7c5}.roof-takeoff{background:#f5f2ed;padding:23px;border-top:4px solid #a6674b}.roof-total{border-bottom:1px solid #cabead;padding-bottom:21px}.roof-total>span,.bundle-total>span{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#6d6353;font-weight:700}.roof-total strong{display:block;font-size:2.45rem;line-height:1.25;letter-spacing:-.055em;margin:8px 0;color:#394e5b}.roof-total p{font-size:.86rem;margin:0}.bundle-total{padding:21px 0 13px}.bundle-total strong{display:block;font-size:4.4rem;letter-spacing:-.05em;line-height:1.05;margin:8px 0;color:#955c44;font-weight:500}.bundle-total p{font-size:.75rem;color:var(--muted);margin:0}.roof-takeoff .field{margin:20px 0}.roof-takeoff .field label{font-size:.81rem}.roof-takeoff dl>div{padding:12px 0;gap:14px;border-color:#dbd2c5}.roof-takeoff dt{font-size:.75rem}.roof-takeoff dd{font-size:.86rem;text-align:right}.pitch-control{padding:19px 21px;border-top:1px solid var(--line);background:#f3eee5}.pitch-control>label{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.88rem;font-weight:600}.pitch-control label strong{font-size:1.1rem;color:#945c43}.pitch-control label span{font-size:.77rem;font-weight:400;color:var(--muted);margin-left:9px}.pitch-presets{display:flex;gap:7px;margin-top:8px}.pitch-presets button{font-size:.73rem;min-height:34px;padding:5px 12px}.separate-control{padding:15px 21px;border-top:1px solid var(--line);font-size:.8rem;background:#f1f5f4}.plane-section{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:start}.table-scroll{overflow:auto;border:1px solid var(--line);margin:22px 0 17px}table{border-collapse:collapse;width:100%;font-size:.85rem;text-align:left;min-width:440px}caption{padding:12px 15px;font-size:.76rem;text-align:left;color:var(--muted)}th,td{padding:14px 16px;border-top:1px solid var(--line);white-space:nowrap}thead{background:#3e5361;color:#fff;font-size:.75rem}tbody th{font-weight:500}tfoot{background:#f4f0e9;font-weight:600}.selected{background:#f2eadd}.face-swatch{width:10px;height:10px;display:inline-block;margin-right:9px;background:#925a43}.face-1{background:#bd8463}.face-2{background:#496c7d}.face-3{background:#71969f}td button{font-size:.72rem;min-height:36px;padding:7px 9px}.plane-figure{margin:0;background:#f5f2eb;padding:20px 24px;text-align:center;border-top:3px solid #c6af8e}.plane-figure img{display:block;width:100%;height:290px;object-fit:contain}.plane-figure figcaption{font-size:.73rem;color:var(--muted);margin:10px 0 17px}.pitch-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.pitch-drawing{border:1px solid var(--line);background:#f6f4ed;padding:16px}.pitch-drawing svg{display:block;width:100%;height:auto}.pitch-math{padding:0 15px}.pitch-math dl{margin-bottom:20px}.pitch-math .field{max-width:none}.roof-formulas{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-block:1px solid var(--line);padding:23px 0;margin:26px 0 19px}.roof-formulas span{display:block;color:var(--muted);font-size:.74rem;margin-bottom:7px}.roof-formulas strong{font-family:Georgia,serif;font-weight:400;font-size:1.23rem}.materials-section{border-top:3px solid #a96f54}.quantity-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin:26px 0 21px}.quantity-steps>div{border-left:3px solid #8f9faa;padding:3px 0 3px 18px}.quantity-steps>div:nth-child(2){border-color:#b99a66}.quantity-steps>div:nth-child(3){border-color:#a96b4d}.quantity-steps span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.035em;color:var(--muted)}.quantity-steps strong{display:block;font-size:2.05rem;font-weight:500;letter-spacing:-.04em;line-height:1.25;margin:10px 0}.quantity-steps p{font-size:.78rem;color:var(--muted);margin:0}.material-note{background:#f5f2ed;padding:15px 19px;font-size:.82rem;color:#746b5b;margin:0}.edge-section{display:grid;grid-template-columns:1fr 1fr;gap:48px}.edge-ledger{display:grid;grid-template-columns:1fr 1fr;gap:0 27px}.edge-ledger>div{display:block;padding:15px 0}.edge-ledger dt{font-size:.76rem;color:var(--muted)}.edge-ledger dd{font-size:1.3rem;margin-top:6px;font-weight:500}.cost-section{background:#f4f3ef;padding:28px 30px;border-top:3px solid #7b939a}.cost-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}.cost-inputs{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cost-ledger>div{padding:14px 0}.cost-ledger>div:last-child{border-top:2px solid #79919b;border-bottom:0;margin-top:8px;padding-top:20px}.cost-ledger>div:last-child dd{font-size:1.6rem;font-weight:500}.cost-section>.small{margin:20px 0 0}.roof-page .featured{background:#f2eee5}
@media(max-width:1050px){.roof-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.roof-takeoff{padding:20px}.roof-dimensions{gap:18px}.roof-total strong{font-size:2.15rem}.plane-section{gap:27px}.pitch-layout{gap:20px}.cost-layout{gap:28px}.roof-formulas strong{font-size:1.1rem}.quantity-steps strong{font-size:1.7rem}}
@media(max-width:760px){.roof-page h1{font-size:2.38rem}.roof-page h2{font-size:1.75rem}.roof-form{flex-direction:column;align-items:stretch;gap:17px;padding-bottom:17px}.roof-types{gap:6px;display:grid;grid-template-columns:repeat(3,1fr)}.roof-types button{min-width:0;gap:7px;padding:9px 6px;font-size:.72rem}.roof-types svg{width:27px}.roof-form .units{justify-content:flex-end}.roof-dimensions{grid-template-columns:1fr 1fr;gap:0 17px;padding:6px 0}.roof-dimensions .field{margin:15px 0}.roof-dimensions .field label{min-height:39px;align-items:center;font-size:.81rem}.roof-dimensions .field p{font-size:.7rem}.roof-workspace{grid-template-columns:1fr;gap:20px}.roof-takeoff{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;padding:22px}.roof-total{border:0;padding:0 10px 15px 0;border-right:1px solid #cabead}.roof-total strong{font-size:2.1rem}.roof-total>span,.bundle-total>span{font-size:.64rem;letter-spacing:.025em;display:block}.roof-total p{font-size:.75rem}.bundle-total{padding:0 0 15px}.bundle-total strong{font-size:3.9rem;margin:8px 0}.bundle-total p{font-size:.69rem;line-height:1.5}.roof-takeoff .field{margin:6px 0}.roof-takeoff .field label{min-height:37px;font-size:.78rem}.roof-takeoff .field p{font-size:.71rem}.roof-takeoff dl{grid-column:1/-1}.roof-takeoff dl>div{padding:12px 0}.roof-takeoff dd{font-size:1rem}.pitch-control{padding:16px}.pitch-control label{font-size:.81rem}.pitch-control label strong{font-size:1.02rem}.plane-section{grid-template-columns:1fr;gap:23px}.plane-figure{padding:16px 22px}.plane-figure img{height:240px}.plane-figure figcaption{font-size:.73rem}.pitch-layout{grid-template-columns:1fr;gap:15px}.pitch-drawing{padding:5px;overflow:auto}.pitch-drawing svg{min-width:570px}.pitch-math{padding:0}.roof-formulas{grid-template-columns:1fr;gap:17px;padding:20px 0}.roof-formulas>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.roof-formulas span{font-size:.72rem;margin:0}.roof-formulas strong{font-size:1.08rem}.quantity-steps{grid-template-columns:1fr;gap:20px}.quantity-steps>div{display:grid;grid-template-columns:1.15fr 1fr;gap:0 20px;align-items:center}.quantity-steps strong{grid-column:2;grid-row:1/3;margin:0;font-size:1.7rem;text-align:right}.quantity-steps span{font-size:.71rem}.quantity-steps p{font-size:.73rem;margin-top:6px}.section .material-note{font-size:.8rem;padding:14px 17px}.edge-section{grid-template-columns:1fr;gap:8px}.edge-ledger dd{font-size:1.3rem}.cost-section{padding:24px 20px}.cost-layout{grid-template-columns:1fr;gap:12px}.cost-inputs{gap:17px}.cost-inputs .field label{min-height:37px}.cost-ledger dt{font-size:.8rem}.cost-ledger dd{font-size:1rem}.cost-ledger>div:last-child dd{font-size:1.45rem}}
@media(max-width:400px){.roof-page h1{font-size:2.1rem}.roof-types button{flex-direction:column;gap:4px}.roof-takeoff{padding:17px;gap:12px 15px}.roof-total strong{font-size:1.7rem}.bundle-total strong{font-size:3.4rem}.roof-formulas>div{display:block}.roof-formulas span{margin-bottom:5px}.quantity-steps strong{font-size:1.45rem}}
@media(max-width:760px){.roof-takeoff{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-total{grid-column:1/-1;border-right:0;border-bottom:1px solid #cabead;padding:0 0 18px}.roof-total strong{font-size:2.4rem}.roof-takeoff>.field:last-of-type{grid-column:1/-1}.roof-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.roof-workspace{display:block}.roof-takeoff{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px;background:#fff}.roof-takeoff dl{grid-column:1/-1}.roof-total,.bundle-total{padding:0;border:0}.roof-total strong{font-size:25pt}.bundle-total strong{font-size:30pt}.plane-section{display:block}.pitch-layout{grid-template-columns:1.5fr 1fr}.roof-formulas{gap:15px}.roof-formulas strong{font-size:12pt}.cost-layout{display:block}.cost-section{padding:15px}.quantity-steps strong{font-size:20pt}}