.roof-pitch-tool[data-astro-cid-j2ji64ow]{--green:#315f3a;--ink:#222822;--line:#d7ddd3;color:var(--ink)}form[data-astro-cid-j2ji64ow],.result-panel[data-astro-cid-j2ji64ow]{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px;box-shadow:0 10px 28px #2537260f}fieldset[data-astro-cid-j2ji64ow]{min-width:0;margin:0;padding:0;border:0}legend[data-astro-cid-j2ji64ow],.presets[data-astro-cid-j2ji64ow]>span[data-astro-cid-j2ji64ow]{display:block;margin-bottom:8px;font-size:13px;font-weight:750;color:#485148}.segmented[data-astro-cid-j2ji64ow],.small-segmented[data-astro-cid-j2ji64ow]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#f5f7f3}.segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow],.small-segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow]{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding:7px 9px;border-radius:8px;font-size:13px;font-weight:700;text-align:center;cursor:pointer}.segmented[data-astro-cid-j2ji64ow] input[data-astro-cid-j2ji64ow],.small-segmented[data-astro-cid-j2ji64ow] input[data-astro-cid-j2ji64ow]{position:absolute;opacity:0;pointer-events:none}.segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow]:has(input:checked),.small-segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow]:has(input:checked){color:#fff;background:var(--green);box-shadow:0 2px 6px #193a1e33}.segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow]:has(input:focus-visible),.small-segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow]:has(input:focus-visible){outline:3px solid #c7dfca;outline-offset:2px}.entry-row[data-astro-cid-j2ji64ow]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:18px}.mode-field[data-astro-cid-j2ji64ow]{min-width:0}.mode-field[data-astro-cid-j2ji64ow]>label[data-astro-cid-j2ji64ow]{display:block;margin-bottom:6px;font-weight:750}.input-with-unit[data-astro-cid-j2ji64ow]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #aeb7aa;border-radius:10px;background:#fff;overflow:hidden}.input-with-unit[data-astro-cid-j2ji64ow]:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #dcebdc}.input-with-unit[data-astro-cid-j2ji64ow] input[data-astro-cid-j2ji64ow]{min-width:0;width:100%;height:46px;padding:0 12px;border:0;outline:0;font:inherit;font-size:18px}.input-with-unit[data-astro-cid-j2ji64ow] span[data-astro-cid-j2ji64ow]{padding:0 13px;color:#5d655b;font-weight:700}.ratio-input[data-astro-cid-j2ji64ow] span[data-astro-cid-j2ji64ow]{font-size:18px}.field-error[data-astro-cid-j2ji64ow],.form-error[data-astro-cid-j2ji64ow]{min-height:18px;margin:4px 0 0;color:#9b3029;font-size:12px}.hint[data-astro-cid-j2ji64ow]{margin:2px 0 0;color:#667066;font-size:12px;line-height:1.45}.support-row[data-astro-cid-j2ji64ow]{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:end;margin-top:15px}.small-segmented[data-astro-cid-j2ji64ow]{grid-template-columns:repeat(2,minmax(0,1fr))}.small-segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow]{min-height:36px}.presets[data-astro-cid-j2ji64ow]>div[data-astro-cid-j2ji64ow]{display:flex;gap:7px;flex-wrap:wrap}.presets[data-astro-cid-j2ji64ow] button[data-astro-cid-j2ji64ow],.actions[data-astro-cid-j2ji64ow] button[data-astro-cid-j2ji64ow],.result-heading[data-astro-cid-j2ji64ow] button[data-astro-cid-j2ji64ow]{border:1px solid #aeb7aa;border-radius:9px;background:#fff;padding:9px 13px;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.presets[data-astro-cid-j2ji64ow] button[data-astro-cid-j2ji64ow]:hover,.actions[data-astro-cid-j2ji64ow] button[data-astro-cid-j2ji64ow]:hover,.result-heading[data-astro-cid-j2ji64ow] button[data-astro-cid-j2ji64ow]:hover{background:#f1f5ef}.actions[data-astro-cid-j2ji64ow]{display:flex;gap:9px;margin-top:18px}.actions[data-astro-cid-j2ji64ow] .primary-action[data-astro-cid-j2ji64ow]{flex:1;border-color:var(--green);background:var(--green);color:#fff}.actions[data-astro-cid-j2ji64ow] .primary-action[data-astro-cid-j2ji64ow]:hover{background:#264c2e}.result-panel[data-astro-cid-j2ji64ow]{margin-top:16px;border-color:#bfd1bc;background:linear-gradient(145deg,#fbfdf9,#f1f7ef)}.result-heading[data-astro-cid-j2ji64ow]{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-heading[data-astro-cid-j2ji64ow] span[data-astro-cid-j2ji64ow]{display:block;color:#596258;font-size:13px;font-weight:700}.result-heading[data-astro-cid-j2ji64ow] output[data-astro-cid-j2ji64ow]{display:block;margin-top:2px;font-size:36px;font-weight:850;letter-spacing:-.03em;color:#264c2e}.copy-status[data-astro-cid-j2ji64ow]{min-height:18px;margin:0;text-align:right;color:#416746;font-size:12px}.result-layout[data-astro-cid-j2ji64ow]{display:grid;grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);gap:18px;align-items:center}.metrics[data-astro-cid-j2ji64ow]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.metrics[data-astro-cid-j2ji64ow] div[data-astro-cid-j2ji64ow]{min-width:0;padding:11px;border:1px solid #d1ddd0;border-radius:10px;background:#ffffffb8}.metrics[data-astro-cid-j2ji64ow] dt[data-astro-cid-j2ji64ow]{font-size:12px;color:#657063}.metrics[data-astro-cid-j2ji64ow] dd[data-astro-cid-j2ji64ow]{margin:3px 0 0;font-size:17px;font-weight:800;overflow-wrap:anywhere}.metrics[data-astro-cid-j2ji64ow] .rafter-result[data-astro-cid-j2ji64ow]{grid-column:1/-1;background:#fff}.metrics[data-astro-cid-j2ji64ow] .rafter-result[data-astro-cid-j2ji64ow] dd[data-astro-cid-j2ji64ow]{color:#264c2e;font-size:21px}figure[data-astro-cid-j2ji64ow]{min-width:0;margin:0}svg[data-astro-cid-j2ji64ow]{display:block;width:100%;height:auto}svg[data-astro-cid-j2ji64ow] text[data-astro-cid-j2ji64ow]{font-family:inherit;font-size:12px;fill:#444d43}figcaption[data-astro-cid-j2ji64ow],.receipt-note[data-astro-cid-j2ji64ow]{font-size:12px;line-height:1.45;color:#5e675c}.receipt-note[data-astro-cid-j2ji64ow]{margin:13px 0 0;padding-top:12px;border-top:1px solid #d1ddd0}.copy-fallback[data-astro-cid-j2ji64ow]{display:block;margin-top:10px;font-size:12px;font-weight:700}.copy-fallback[data-astro-cid-j2ji64ow] textarea[data-astro-cid-j2ji64ow]{display:block;width:100%;min-height:130px;margin-top:5px;padding:9px;border:1px solid #aeb7aa;border-radius:8px;font:12px/1.45 ui-monospace,monospace}.privacy-note[data-astro-cid-j2ji64ow]{margin:12px 2px 0;color:#5e675c;font-size:12px;line-height:1.5}[data-astro-cid-j2ji64ow][hidden]{display:none!important}@media(max-width:760px){form[data-astro-cid-j2ji64ow],.result-panel[data-astro-cid-j2ji64ow]{padding:15px;border-radius:14px}.segmented[data-astro-cid-j2ji64ow]{grid-template-columns:repeat(2,minmax(0,1fr))}.result-layout[data-astro-cid-j2ji64ow]{grid-template-columns:1fr}.result-layout[data-astro-cid-j2ji64ow] figure[data-astro-cid-j2ji64ow]{order:-1;max-width:420px;margin:auto}.support-row[data-astro-cid-j2ji64ow]{grid-template-columns:1fr}.presets[data-astro-cid-j2ji64ow]>div[data-astro-cid-j2ji64ow]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.presets[data-astro-cid-j2ji64ow] button[data-astro-cid-j2ji64ow]{padding:8px 5px}}@media(max-width:600px){.entry-row[data-astro-cid-j2ji64ow]{gap:10px;margin-top:13px}.input-with-unit[data-astro-cid-j2ji64ow] input[data-astro-cid-j2ji64ow]{height:43px}.support-row[data-astro-cid-j2ji64ow]{gap:11px;margin-top:10px}.actions[data-astro-cid-j2ji64ow]{margin-top:13px}.result-heading[data-astro-cid-j2ji64ow] output[data-astro-cid-j2ji64ow]{font-size:30px}.metrics[data-astro-cid-j2ji64ow] dd[data-astro-cid-j2ji64ow]{font-size:15px}.result-layout[data-astro-cid-j2ji64ow]{gap:8px}.receipt-note[data-astro-cid-j2ji64ow]{margin-top:8px}.privacy-note[data-astro-cid-j2ji64ow]{font-size:11px}}@media(max-width:420px){.entry-row[data-astro-cid-j2ji64ow]{grid-template-columns:1fr}.segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow]{font-size:12px}.presets[data-astro-cid-j2ji64ow]>div[data-astro-cid-j2ji64ow]{grid-template-columns:repeat(5,minmax(0,1fr))}.actions[data-astro-cid-j2ji64ow]{display:grid;grid-template-columns:minmax(0,1fr) auto}.metrics[data-astro-cid-j2ji64ow]{grid-template-columns:1fr 1fr}}@media(max-width:600px)and (max-height:720px){form[data-astro-cid-j2ji64ow]{padding:10px}.segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow]{min-height:36px;padding:4px 7px}.entry-row[data-astro-cid-j2ji64ow]{margin-top:8px}.input-with-unit[data-astro-cid-j2ji64ow] input[data-astro-cid-j2ji64ow]{height:40px}.field-error[data-astro-cid-j2ji64ow]:empty{min-height:0;margin:0}.hint[data-astro-cid-j2ji64ow]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.support-row[data-astro-cid-j2ji64ow]{grid-template-columns:116px minmax(0,1fr);gap:8px;margin-top:7px}.support-row[data-astro-cid-j2ji64ow] legend[data-astro-cid-j2ji64ow],.presets[data-astro-cid-j2ji64ow]>span[data-astro-cid-j2ji64ow]{margin-bottom:4px;font-size:11px}.small-segmented[data-astro-cid-j2ji64ow]{gap:3px;padding:3px}.small-segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow]{min-height:34px;padding:3px}.presets[data-astro-cid-j2ji64ow]>div[data-astro-cid-j2ji64ow]{gap:4px}.presets[data-astro-cid-j2ji64ow] button[data-astro-cid-j2ji64ow]{min-height:40px;padding:5px 2px;font-size:12px}.actions[data-astro-cid-j2ji64ow]{margin-top:8px}}@media(max-width:600px)and (max-height:540px){form[data-astro-cid-j2ji64ow]{padding:11px}.segmented[data-astro-cid-j2ji64ow] label[data-astro-cid-j2ji64ow]{min-height:34px;padding:4px}.entry-row[data-astro-cid-j2ji64ow]{margin-top:8px}.support-row[data-astro-cid-j2ji64ow]{margin-top:6px}.privacy-note[data-astro-cid-j2ji64ow]{margin-top:7px}}@media(max-width:600px){body:has([data-roof-pitch-tool]) .section--tool-page{padding-top:10px}body:has([data-roof-pitch-tool]) .breadcrumbs{display:none}body:has([data-roof-pitch-tool]) h1{margin-bottom:5px;font-size:25px}body:has([data-roof-pitch-tool]) .lead{margin-bottom:7px;font-size:12px;line-height:1.35}}@media(max-width:600px)and (max-height:720px){body:has([data-roof-pitch-tool]) .section--tool-page{padding-top:6px}body:has([data-roof-pitch-tool]) h1{font-size:22px;margin-bottom:4px}body:has([data-roof-pitch-tool]) .lead{display:none}}@media(max-width:600px)and (max-height:540px){body:has([data-roof-pitch-tool]) .section--tool-page{padding-top:7px}body:has([data-roof-pitch-tool]) h1{font-size:22px}body:has([data-roof-pitch-tool]) .lead{font-size:10px;line-height:1.25}}