[data-roof-pitch-calculator]{--rpf-ink:#19333e;--rpf-muted:#4d626b;--rpf-line:#c9d5da;--rpf-accent:#9b4d18;box-sizing:border-box;border:1px solid var(--rpf-line);width:100%;min-width:0;max-width:1180px;color:var(--rpf-ink);text-align:left;isolation:isolate;color-scheme:light;background:#f5f7f7;border-radius:24px;margin:24px auto;padding:clamp(16px,3%,32px);font:16px/1.5 Arial,Helvetica,sans-serif;display:block;container:rpf/inline-size}[data-roof-pitch-calculator] *,[data-roof-pitch-calculator] :before,[data-roof-pitch-calculator] :after{box-sizing:border-box}[data-roof-pitch-calculator] [hidden]{display:none!important}[data-roof-pitch-calculator] :is(h2,h3,p,figure,fieldset,dl){margin:0}[data-roof-pitch-calculator] :is(button,input,select,textarea){font:inherit;letter-spacing:normal;max-width:100%}[data-roof-pitch-calculator] :is(button,input,select,textarea):focus-visible,[data-roof-pitch-calculator] [tabindex]:focus-visible{outline-offset:3px;outline:3px solid #126f99}[data-roof-pitch-calculator] .rpf-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}[data-roof-pitch-calculator] .rpf-mark{color:#743d18;background:#f3d6b7;border-radius:16px;flex:0 0 56px;place-items:center;height:56px;display:grid}[data-roof-pitch-calculator] .rpf-mark svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:40px;height:40px}[data-roof-pitch-calculator] .rpf-eyebrow{letter-spacing:.12em;color:#7e481f;font-size:12px;font-weight:700}[data-roof-pitch-calculator] h2{color:var(--rpf-ink);margin:4px 0 7px;font-size:clamp(23px,4vw,32px);font-weight:700;line-height:1.2}[data-roof-pitch-calculator] .rpf-intro{color:var(--rpf-muted);font-size:16px}[data-roof-pitch-calculator] .rpf-lock{border:0;min-width:0;padding:0}[data-roof-pitch-calculator] .rpf-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"inputs figure""metrics metrics";align-items:start;gap:22px;display:grid}[data-roof-pitch-calculator] .rpf-inputs{grid-area:inputs;gap:18px;min-width:0;display:grid}[data-roof-pitch-calculator] .rpf-methods{border:0;min-width:0;padding:0}[data-roof-pitch-calculator] legend{float:none;width:auto;margin-bottom:10px;padding:0;font-size:16px;font-weight:700}[data-roof-pitch-calculator] .rpf-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}[data-roof-pitch-calculator] button{cursor:pointer;min-height:46px;color:var(--rpf-ink);text-align:center;white-space:normal;overflow-wrap:anywhere;box-shadow:none;touch-action:manipulation;background:#fff;border:1px solid #aebfc7;border-radius:11px;padding:11px 14px;font-size:15px;font-weight:700;line-height:1.35}[data-roof-pitch-calculator] button:hover{background:#eef3f5;border-color:#607f8e}[data-roof-pitch-calculator] button:disabled{cursor:default;opacity:.5}[data-roof-pitch-calculator] .rpf-mode-grid button{min-height:65px;padding:11px 5px}[data-roof-pitch-calculator] .rpf-mode-grid small{margin-top:3px;font-size:12px;font-weight:400;display:block}[data-roof-pitch-calculator] button[aria-pressed=true]{color:#fff;background:#193d4a;border:2px solid #193d4a;box-shadow:inset 0 -4px #efbe83}[data-roof-pitch-calculator] label{margin-bottom:7px;font-size:16px;font-weight:700;display:block}[data-roof-pitch-calculator] input[type=text],[data-roof-pitch-calculator] select,[data-roof-pitch-calculator] textarea{width:100%;min-width:0;min-height:54px;color:var(--rpf-ink);box-shadow:none;background:#fff;border:1px solid #8ba1ab;border-radius:11px;padding:12px 14px;font-size:18px;display:block}[data-roof-pitch-calculator] .rpf-number{align-items:center;display:flex;position:relative}[data-roof-pitch-calculator] .rpf-number input{padding-right:65px}[data-roof-pitch-calculator] .rpf-number>span{pointer-events:none;color:var(--rpf-muted);font-size:18px;font-weight:700;position:absolute;right:16px}[data-roof-pitch-calculator] .rpf-hint{color:var(--rpf-muted);overflow-wrap:anywhere;margin-top:7px;font-size:14px}[data-roof-pitch-calculator] .rpf-check{cursor:pointer;align-items:center;gap:11px;min-height:44px;margin:0;font-weight:400;display:flex}[data-roof-pitch-calculator] input[type=checkbox]{appearance:auto;accent-color:#193d4a;flex:0 0 22px;width:22px;height:22px;margin:0}[data-roof-pitch-calculator] button.rpf-primary{color:#fff;background:#193d4a;border-color:#193d4a;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:14px 18px;font-size:17px;display:flex}[data-roof-pitch-calculator] .rpf-primary:hover{background:#28576a}[data-roof-pitch-calculator] .rpf-metrics{border:1px solid var(--rpf-line);background:#fff;border-radius:18px;grid-area:metrics;min-width:0;padding:20px}[data-roof-pitch-calculator] .rpf-result-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}[data-roof-pitch-calculator] h3{color:var(--rpf-ink);font-size:20px;line-height:1.3}[data-roof-pitch-calculator] .rpf-badge{color:#71471d;background:#fbefde;border-radius:20px;padding:5px 10px;font-size:13px}[data-roof-pitch-calculator] .rpf-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}[data-roof-pitch-calculator] .rpf-card{background:#f0f4f5;border-radius:12px;min-width:0;padding:15px}[data-roof-pitch-calculator] .rpf-card span{color:var(--rpf-muted);font-size:14px;display:block}[data-roof-pitch-calculator] .rpf-card strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:var(--rpf-ink);margin:7px 0;font-size:clamp(23px,3vw,32px);line-height:1.25;display:block}[data-roof-pitch-calculator] .rpf-card small{color:var(--rpf-muted);font-size:13px;display:block}[data-roof-pitch-calculator] .rpf-main{background:#fae8d2;border:1px solid #e9c49a}[data-roof-pitch-calculator] .rpf-details{border-top:1px solid var(--rpf-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;padding-top:16px;display:grid}[data-roof-pitch-calculator] dt{color:var(--rpf-muted);font-size:14px}[data-roof-pitch-calculator] dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:18px;font-weight:700}[data-roof-pitch-calculator] .rpf-figure{color:#e7f0f3;background:#153b49;border-radius:18px;grid-area:figure;min-width:0;padding:20px}[data-roof-pitch-calculator] .rpf-figure-top{justify-content:space-between;align-items:center;gap:12px;display:flex}[data-roof-pitch-calculator] .rpf-figure-top span{letter-spacing:.1em;font-size:11px}[data-roof-pitch-calculator] .rpf-figure-top strong{color:#ffd5a0;font-variant-numeric:tabular-nums;font-size:25px}[data-roof-pitch-calculator] .rpf-diagram{width:100%;height:auto;margin:5px 0;display:block}[data-roof-pitch-calculator] figcaption{color:#d2e1e7;margin-top:15px;font-size:14px;line-height:1.5}[data-roof-pitch-calculator] .rpf-scope{color:var(--rpf-muted);margin:18px 0;font-size:14px}[data-roof-pitch-calculator] .rpf-actions{flex-wrap:wrap;gap:10px;display:flex}[data-roof-pitch-calculator] .rpf-actions button{flex:130px}[data-roof-pitch-calculator] .rpf-drafts{border-top:1px solid var(--rpf-line);margin-top:22px;padding-top:18px}[data-roof-pitch-calculator] .rpf-drafts .rpf-actions{margin-top:10px}[data-roof-pitch-calculator] .rpf-status{overflow-wrap:anywhere;min-height:1.5em;margin-top:12px;font-size:15px}[data-roof-pitch-calculator] .rpf-error{color:#a92121;margin-top:7px;font-size:15px;font-weight:700}[data-roof-pitch-calculator] [aria-invalid=true]{border:2px solid #ae2828}[data-roof-pitch-calculator] .rpf-manual{margin-top:16px}[data-roof-pitch-calculator] .rpf-print-frame{border:0;width:0;height:0;position:absolute;bottom:0;left:0}[data-roof-pitch-calculator] .rpf-sr{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@container rpf (width<=760px){[data-roof-pitch-calculator] .rpf-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"inputs""metrics""figure"}[data-roof-pitch-calculator] .rpf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){[data-roof-pitch-calculator] .rpf-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"inputs""metrics""figure"}[data-roof-pitch-calculator] .rpf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=440px){[data-roof-pitch-calculator] .rpf-header{gap:10px}[data-roof-pitch-calculator] .rpf-mark{border-radius:12px;flex-basis:44px;height:44px}[data-roof-pitch-calculator] .rpf-mark svg{width:32px;height:32px}[data-roof-pitch-calculator] .rpf-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-roof-pitch-calculator] .rpf-metrics{padding:14px}[data-roof-pitch-calculator] .rpf-card{padding:11px}[data-roof-pitch-calculator] .rpf-details{grid-template-columns:minmax(0,1fr)}[data-roof-pitch-calculator] .rpf-figure{padding:14px}}[data-roof-pitch-calculator] .rpf-profile-scale{color:#e5eff3;background:#254e5c;border:1px solid #658793;border-radius:8px;margin-top:12px;padding:6px 10px;font-size:15px;display:inline-block}[data-roof-pitch-calculator] .rpf-profile-details{border-top:1px solid #527381;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:14px;display:grid}[data-roof-pitch-calculator] .rpf-profile-details dt{color:#d2e4eb;font-size:15px}[data-roof-pitch-calculator] .rpf-profile-details dt b{color:#ffd29a}[data-roof-pitch-calculator] .rpf-profile-details dd{color:#fff;overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.4}[data-roof-pitch-calculator] .rpf-profile-facts{color:#f7d7ad;overflow-wrap:anywhere;flex-wrap:wrap;gap:8px 14px;margin-top:15px;font-size:16px;display:flex}@container rpf (width<=480px){[data-roof-pitch-calculator] .rpf-profile-details{grid-template-columns:minmax(0,1fr)}[data-roof-pitch-calculator] .rpf-profile-details>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}}@media (width<=520px){[data-roof-pitch-calculator] .rpf-profile-details{grid-template-columns:minmax(0,1fr)}[data-roof-pitch-calculator] .rpf-profile-details>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}}[data-toolmix-calculator=roofpitch]{border-radius:16px;max-width:none;margin:0}