/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--navy:#102a43;--blue:#1769aa;--blue-dark:#125c98;--timber:#b9854d;--light-timber:#dec09a;--cream:#f8f4ed;--warm-border:#e4d8c8;--background:#f7f9fc;--text:#24313d;--muted:#647789;--white:#fff;--soft-blue:#edf5fb;--cool-border:#d7e1e9;--faq-background:#f1f5f8;--site-width:1200px;--radius-small:3px;--font-sans:var(--font-manrope), "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.calculator-page__hero:after{background:linear-gradient(90deg, var(--navy) 0 22%, var(--blue) 22% 46%, transparent 46%);content:"";height:3px;position:absolute;bottom:0;left:0;right:0}.pitch-tool__tabs button{border-right-width:0;transition:background-color .16s,color .16s,border-color .16s}.pitch-field>div{border-color:#aebfcd;min-height:54px;box-shadow:inset 0 1px 2px #102a4308}.pitch-tool__actions .primary-button:active{transform:translateY(1px);box-shadow:0 2px 5px #125c9833}.roof-diagram__label{font-size:10px}.section-heading p{margin-bottom:0}.technical-figure{border:1px solid #c8d6df;box-shadow:0 10px 26px #102a4312}.technical-figure svg{background-color:#f7f9fb;background-image:linear-gradient(#e8eef2 1px,#0000 1px),linear-gradient(90deg,#e8eef2 1px,#0000 1px);background-size:24px 24px;padding:12px}.technical-figure figcaption{border-top:2px solid var(--blue);background:#fff;padding:12px 16px}.steps-list{grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none;position:relative}.steps-list li{grid-template-columns:54px 1fr;gap:14px;padding:12px 0 20px;display:grid;position:relative}.steps-list li>span{color:#afc1cf;letter-spacing:-.04em;font-size:1.65rem;font-weight:800}.steps-list li strong{color:var(--navy);display:block}.how-to__definition{max-width:800px;margin:24px 0 0}.formula-panel__header{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex}.formula-grid>div{border:0;border-bottom:1px solid var(--cool-border);background:0 0;border-left:0;padding:18px}.formula-grid>div:last-child{border-bottom:0}.worked-example__result strong{color:var(--blue-dark);margin-top:4px;font-size:1.65rem;display:block}.table-wrap{border-color:#c7d4dd;border-radius:2px}.table-wrap table{font-variant-numeric:tabular-nums}.table-wrap th,.table-wrap td{text-align:right;padding:9px 16px}.table-wrap th:first-child,.table-wrap td:first-child{text-align:left}.table-wrap tbody .reference-row--example{background:var(--soft-blue);box-shadow:inset 3px 0 var(--blue)}.split-notes h2{margin-top:6px}.notice-mark{border:1px solid var(--timber);color:#8a5c31;place-items:center;width:28px;height:28px;font-weight:800;display:grid;position:absolute;top:24px;right:24px}.mistakes-list ul{margin-bottom:0;padding-left:20px}.mistakes-list li+li{margin-top:7px}.source-list li:first-child{border-top:0}.source-list strong{color:var(--navy);letter-spacing:.06em;grid-row:span 2;font-size:.78rem}.details-list details{background:#fff;border:1px solid #cad7e0;border-radius:2px;transition:border-color .15s,box-shadow .15s}.details-list summary{justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:16px 18px;font-size:.96rem;list-style:none;display:flex}.details-list summary i:after{transition:transform .16s;transform:rotate(90deg)}.details-list details[open] summary{color:var(--blue-dark)}.details-list p{max-width:820px;margin:0;padding:0 54px 20px 18px}@media (min-width:640px){.formula-grid{grid-template-columns:repeat(2,1fr)}.formula-grid>div:nth-child(odd){border-right:1px solid var(--cool-border)}.formula-grid>div:nth-last-child(-n+2){border-bottom:0}.worked-example__body{grid-template-columns:.7fr 1.2fr 1fr}.steps-list{grid-template-columns:repeat(3,1fr)}.steps-list li{grid-template-columns:46px 1fr;padding-right:20px}.steps-list li>div{border-bottom:0;border-left:1px solid var(--cool-border);padding:0 0 0 16px}}@media (min-width:900px){.calculator-page__hero-inner{padding-block:30px 36px}.calculator-page__body{padding-top:30px}.pitch-tool__workspace{grid-template-columns:42% 58%}.pitch-tool__inputs{border-right:1px solid var(--cool-border);border-bottom:0;padding:28px 30px}.pitch-tool__visual{padding:18px 24px 14px}.content-grid{grid-template-columns:.86fr 1.14fr}.sources{grid-template-columns:.7fr 1.3fr}}@media (max-width:639px){.pitch-tool__tabs{grid-template-columns:1fr}.pitch-tool__tabs button{border-bottom-width:0;border-right-width:1px}.pitch-tool__tabs button:last-child{border-bottom-width:1px}.pitch-results__primary{grid-template-columns:1fr 1fr}.pitch-results__derived{grid-template-columns:1fr}.pitch-result{border-right:0;border-bottom:1px solid var(--cool-border)}.pitch-results__derived .pitch-result:last-child{border-bottom:0}.source-list li{grid-template-columns:58px 1fr}}@media (prefers-reduced-motion:reduce){.pitch-tool__tabs button,.pitch-tool__actions .primary-button,.table-wrap tbody tr,.details-list details,.details-list summary i:after{transition:none}.pitch-tool__actions .primary-button:hover{transform:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-height:100vh;color:var(--text);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,summary,select{cursor:pointer}:focus-visible{outline-offset:3px;outline:3px solid #1769aa4d}.site-shell{width:calc(100vw - 32px);max-width:var(--site-width);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;border-bottom:1px solid var(--warm-border);background:var(--white);position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:20px;min-height:62px;display:flex}.brand{color:var(--navy);letter-spacing:-.025em;flex:auto;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand__mark{flex:0 0 42px;width:42px;height:35px;display:block;overflow:visible}.brand-mark__structure{fill:none;stroke:var(--navy);stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;transform-box:fill-box;transform-origin:50%}.brand-mark__measure{fill:var(--blue);transform-box:fill-box;transform-origin:50%}.brand-mark__display,.brand-mark__keys{fill:var(--white)}.brand__text{white-space:nowrap;font-size:1.22rem;font-weight:750}.brand__text span{color:var(--blue);transition:color .34s cubic-bezier(.22,1,.36,1)}@keyframes pitch-lock-structure{0%{transform:translateY(0)scale(1)}62%{transform:translateY(-1.5px)scale(1.03)}to{transform:translateY(-.8px)scale(1.012)}}@keyframes pitch-lock-measure{0%{transform:translate(0)}62%{transform:translate(-1.5px,-1.4px)}to{transform:translate(-.8px,-.8px)}}:is(.brand:hover .brand-mark__structure,.brand:focus-visible .brand-mark__structure){animation:.38s cubic-bezier(.22,1,.36,1) forwards pitch-lock-structure}:is(.brand:hover .brand-mark__measure,.brand:focus-visible .brand-mark__measure){animation:.38s cubic-bezier(.22,1,.36,1) forwards pitch-lock-measure}:is(.brand:hover .brand__text span,.brand:focus-visible .brand__text span){color:#0d78c9}.desktop-nav{align-items:center;gap:2px;display:none}.nav-link,.nav-cta{justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-size:.875rem;font-weight:600;display:inline-flex}.nav-link{color:var(--text)}.nav-link:hover{color:var(--blue-dark)}.nav-cta{border-radius:var(--radius-small);background:var(--blue);min-height:34px;color:var(--white);margin-left:7px;padding-inline:16px}.nav-cta:hover{background:var(--blue-dark)}.mobile-nav{flex:none;position:relative}.mobile-nav summary{border:1px solid var(--warm-border);border-radius:var(--radius-small);background:var(--white);min-height:34px;color:var(--navy);align-items:center;gap:8px;padding:0 10px;font-size:.88rem;font-weight:600;list-style:none;display:inline-flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav__lines,.mobile-nav__lines:before,.mobile-nav__lines:after{background:var(--blue);content:"";width:16px;height:1.5px;display:block}.mobile-nav__lines:before{transform:translateY(-5px)}.mobile-nav__lines:after{transform:translateY(3.5px)}.mobile-nav__panel{border:1px solid var(--warm-border);border-radius:var(--radius-small);background:var(--white);gap:2px;width:min(86vw,310px);padding:8px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 16px 38px #102a4324}.mobile-nav__panel .nav-link,.mobile-nav__panel .nav-cta{justify-content:flex-start;margin-left:0}.hero{background:linear-gradient(112deg, var(--navy) 0%, #153c69 58%, #1a57a1 100%);color:var(--white);padding:44px 0}.hero__grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(34px,5vw,70px);display:grid}.hero__content{min-width:0;max-width:620px}.hero h1{max-width:650px;color:var(--white);letter-spacing:-.035em;text-wrap:balance;margin:0 0 16px;font-size:clamp(2.7rem,4.2vw,3.25rem);font-weight:700;line-height:1.07}.hero__copy{color:#ffffffd1;max-width:610px;margin:0;font-size:clamp(1.02rem,1.6vw,1.125rem);font-weight:500;line-height:1.62}.hero__context{gap:7px;margin-top:24px;display:grid}.hero__context>span{color:#ffffffad;font-size:.78rem;font-weight:600}.hero__quick-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quick-link{border-radius:var(--radius-small);min-height:43px;color:var(--white);background:#ffffff17;border:1px solid #ffffff61;align-items:center;gap:7px;padding:0 15px;font-size:.875rem;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 5px 13px #04162829}.quick-link:after{color:var(--light-timber);content:"→";transition:transform .18s}:is(.quick-link:hover,.quick-link:focus-visible){background:#ffffff29;border-color:#ffffffa6;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1f,0 7px 16px #04162833}.quick-link:hover:after{transform:translate(3px)}.quick-link:focus-visible:after{transform:translate(3px)}.pitch-preview{border-radius:var(--radius-small);background:var(--white);width:100%;min-width:0;max-width:488px;color:var(--text);border:1px solid #e5d8c7d1;justify-self:center;padding:clamp(18px,2vw,22px);box-shadow:0 16px 36px #04162838}.pitch-preview__header{gap:5px;margin-bottom:6px;display:grid}.pitch-preview__header h2{color:var(--navy);letter-spacing:-.025em;margin:0;font-size:clamp(1.55rem,2.4vw,1.75rem);font-weight:700;line-height:1.12}.pitch-preview__header p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.section-header__kicker,.tool-card__category{color:var(--blue-dark);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.roof-diagram{border-block:1px solid #e9eff4;width:100%;height:auto;margin:3px 0 8px;display:block}.roof-diagram pattern path{fill:none;stroke:#102a430e;stroke-width:1px}.roof-diagram__rafter-accent{stroke:var(--timber);stroke-width:5px;opacity:.62}.roof-diagram__rise,.roof-diagram__run{fill:none;stroke:var(--blue);stroke-width:1.5px}.roof-diagram__rise{stroke-dasharray:5 4}.roof-diagram__right-angle,.roof-diagram__angle,.roof-diagram__tick{fill:none;stroke:var(--blue-dark);stroke-width:1.25px}.roof-diagram__label,.roof-diagram__pitch,.roof-diagram__empty{font-family:var(--font-sans)}.roof-diagram__label{fill:var(--muted);letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:700}.roof-diagram__empty{fill:var(--muted);font-size:12px}.pitch-form{gap:0;display:grid}.pitch-preview__inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pitch-field{border:1px solid var(--warm-border);border-radius:var(--radius-small);background:var(--white);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;gap:5px;padding:8px 10px;font-size:.76rem;font-weight:600;transition:border-color .16s,box-shadow .16s;display:grid}.pitch-field__control{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pitch-field input{width:100%;min-width:0;color:var(--navy);background:0 0;border:0;outline:0;padding:0;font-size:1.18rem;font-weight:700;line-height:1.2}.pitch-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1769aa1f}.pitch-field:has(input[aria-invalid=true]){border-color:#b34f3d}.pitch-field small{color:var(--muted);text-transform:lowercase;font-size:.72rem}.pitch-preview__errors{color:#923c2d;gap:2px;margin-top:6px;font-size:.78rem;line-height:1.4;display:grid}.pitch-preview__result{border-block:1px solid var(--warm-border);background:var(--background);grid-template-columns:1fr auto;align-items:end;gap:4px 14px;margin:8px 0 9px;padding:7px 10px;display:grid}.pitch-preview__result span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font-size:.72rem;font-weight:700}.pitch-preview__result strong{color:var(--navy);font-size:1.14rem;font-weight:700}.pitch-preview__result b{color:var(--blue-dark);font-size:.96rem;font-weight:700}.primary-button{border-radius:var(--radius-small);background:var(--blue);min-height:48px;color:var(--white);border:0;justify-content:center;align-items:center;padding:0 20px;font-size:.94rem;font-weight:600;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.pitch-preview .primary-button{border-bottom:2px solid #0d4f84;width:100%;min-height:42px;box-shadow:0 4px 12px #102a431f}.pitch-preview .primary-button:hover{transform:translateY(-1px);box-shadow:0 7px 17px #102a432e}.pitch-preview .primary-button:active{border-bottom-color:var(--blue-dark);transform:translateY(0);box-shadow:0 2px 7px #102a431f}.section{padding:clamp(56px,7vw,88px) 0}.section-header{gap:9px;max-width:760px;margin-bottom:clamp(28px,4vw,38px);display:grid}#popular-calculators .section-header,.guides-section .section-header{text-align:center;margin-inline:auto}#popular-calculators .section-header p,.guides-section .section-header p{margin-inline:auto}.section-header h2,.split-section-header h2,.value-panel h2,.faq-header h2{color:var(--navy);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,3.5vw,2.55rem);font-weight:700;line-height:1.13}.section-header p,.split-section-header p,.value-panel p,.faq-header p{max-width:700px;color:var(--muted);margin:0;font-size:clamp(1rem,1.6vw,1.08rem);line-height:1.65}.split-section-header{gap:16px;margin-bottom:clamp(28px,4vw,38px);display:grid}.calculator-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px;display:grid}.tool-card,.guide-card{border:1px solid var(--warm-border);border-radius:var(--radius-small);background:var(--white)}.tool-card{min-height:184px;color:inherit;cursor:pointer;background:#fdfefe;border-color:#d7e1e9;border-radius:3px;flex-direction:column;justify-content:flex-start;gap:0;padding:clamp(25px,3vw,30px);transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 18px #102a430e}.tool-card:before{background:var(--blue);content:"";width:68px;height:3px;transition:width .2s;position:absolute;top:-1px;left:-1px}.tool-card:after{color:#1769aa8c;content:"→";font-size:.95rem;transition:color .2s,transform .2s;position:absolute;top:22px;right:24px}.tool-card__top{gap:9px;display:grid}.tool-card__category{margin:0 0 3px;padding-right:30px}.tool-card h3,.guide-card h3,.value-item h3,.step-item h3{color:var(--navy);letter-spacing:-.018em;margin:0;font-size:1.18rem;font-weight:700;line-height:1.3}.tool-card p,.guide-card p,.value-item p,.step-item p{color:var(--muted);margin:0;font-size:.95rem;font-weight:500;line-height:1.58}.browse-guides-link{width:fit-content;color:var(--blue-dark);align-items:center;gap:7px;font-size:.91rem;font-weight:600;display:inline-flex}.browse-guides-link:after,.decision-row:after{content:"→";font-size:1rem;transition:transform .18s}.decision-section{border-block:1px solid var(--warm-border);background:var(--white)}.decision-table{border:1px solid var(--warm-border);background:var(--white);overflow:hidden}.decision-table__header{display:none}.decision-row{border-bottom:1px solid var(--warm-border);cursor:pointer;grid-template-columns:1fr;align-items:center;gap:5px;padding:17px 48px 17px 18px;transition:background .17s;display:grid;position:relative}.decision-row:last-child{border-bottom:0}.decision-row span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:600}.decision-row strong{color:var(--navy);font-size:1rem;font-weight:600}.decision-row:after{color:var(--blue);position:absolute;right:18px}.decision-row:hover{background:var(--soft-blue)}.decision-row:hover:after{transform:translate(3px)}.decision-row:focus-visible:after{transform:translate(3px)}.state-section{border-bottom:1px solid var(--warm-border);background:var(--background)}.state-panel{gap:12px;display:grid}.state-selector{border:1px solid var(--warm-border);background:var(--white);border-radius:3px;gap:10px;padding:clamp(18px,3vw,24px);display:grid}.state-selector label{color:var(--navy);font-size:.88rem;font-weight:600}.state-selector__controls{gap:10px;display:grid}.state-selector select{border:1px solid var(--warm-border);border-radius:var(--radius-small);background:var(--white);width:100%;min-height:48px;color:var(--text);padding:0 14px}.state-selector__note{color:var(--muted);font-size:.82rem;line-height:1.5}.state-preview-grid{background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.state-preview{cursor:pointer;background:#fdfefe;border:1px solid #d7e1e9;border-radius:3px;align-items:center;gap:12px;min-height:80px;padding:14px 34px 14px 16px;transition:border-color .19s,box-shadow .19s,transform .19s;display:flex;position:relative;box-shadow:0 4px 12px #102a4309}.state-preview:after{color:#1769aa7a;content:"→";font-size:.85rem;transition:color .19s,transform .19s;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.state-silhouette{width:34px;height:28px;fill:var(--navy);flex:0 0 34px;transition:fill .19s}.state-preview__copy{gap:1px;min-width:0;display:grid}.state-preview__copy>span{color:var(--navy);font-size:.92rem;font-weight:600;line-height:1.3;transition:color .19s}.state-preview__copy small{color:var(--blue-dark);letter-spacing:.1em;font-size:.7rem;font-weight:700}.value-section{background:var(--white)}.value-panel{gap:clamp(28px,4vw,40px);display:grid}.value-panel__intro{gap:10px;display:grid}.value-grid{border-top:1px solid var(--warm-border);border-left:1px solid var(--warm-border);grid-template-columns:1fr;display:grid}.value-item{border-right:1px solid var(--warm-border);border-bottom:1px solid var(--warm-border);background:var(--white);align-content:start;gap:9px;min-height:155px;padding:24px;display:grid}.steps-section{border-block:1px solid var(--warm-border);background:var(--background)}.steps-grid{border-top:1px solid var(--warm-border);gap:0;display:grid}.step-item{border-bottom:1px solid var(--warm-border);align-content:start;gap:8px;min-height:142px;padding:22px 8px 22px 0;display:grid}.step-item span{color:var(--blue-dark);letter-spacing:.12em;font-size:.76rem;font-weight:700}.guides-section{background:var(--white)}.guide-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:18px;display:grid}.guide-card{min-height:100%;color:inherit;cursor:pointer;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.guide-visual{border-bottom:1px solid var(--warm-border);background-color:#eef3f7;background-image:linear-gradient(#102a430b 1px,#0000 1px),linear-gradient(90deg,#102a430b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:188px;position:relative;overflow:hidden}.guide-card__featured-image{aspect-ratio:16/9;border-bottom:1px solid var(--warm-border);object-fit:cover;object-position:center;width:100%;min-height:188px;display:block}.page-featured-image{background:#e7eef3;border:1px solid #c4d3dd;margin:0;overflow:hidden;box-shadow:0 10px 24px #102a4314}.page-featured-image img{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%;height:100%;display:block}.guide-visual:after{content:"";background:linear-gradient(120deg,#0000 55%,#ffffff8f);position:absolute;inset:0}.guide-visual__drawing,.guide-visual__dimension{z-index:1;display:block;position:absolute}.guide-visual__index{z-index:2;color:var(--blue-dark);letter-spacing:.12em;font-size:.7rem;font-weight:700;position:absolute;top:17px;right:18px}.guide-visual--1 .guide-visual__drawing{border-block:2px solid var(--navy);background:linear-gradient(90deg,#0000 9%,#1769aa47 9% 10%,#0000 10% 29%,#1769aa47 29% 30%,#0000 30% 49%,#1769aa47 49% 50%,#0000 50% 69%,#1769aa47 69% 70%,#0000 70% 89%,#1769aa47 89% 90%,#0000 90%),#ffffffa6;width:70%;height:28px;bottom:34%;left:13%;transform:rotate(-12deg);box-shadow:0 7px #c58a4a7a}.guide-visual--1 .guide-visual__dimension{border-top:1px dashed var(--blue);width:55%;bottom:22%;left:22%}.guide-visual--2 .guide-visual__drawing{border:2px solid var(--navy);background:linear-gradient(35deg,#0000 49.5%,#1769aa9e 50% 50.7%,#0000 51%),linear-gradient(145deg,#0000 49.5%,#1769aa9e 50% 50.7%,#0000 51%),#ffffff9e;inset:33px 19% 31px 17%;transform:rotate(-7deg)}.guide-visual--2 .guide-visual__dimension{border-top:1px dashed var(--blue);width:45%;bottom:20%;right:13%;transform:rotate(-7deg)}.guide-visual--3 .guide-visual__drawing{border:2px solid var(--navy);background:repeating-linear-gradient(0deg,#0000 0 21px,#102a43ad 21px 22px),repeating-linear-gradient(90deg,#0000 0 40px,#1769aa6b 40px 41px),#ffffffad;inset:38px 15% 30px;transform:skew(-8deg)}.guide-visual--3 .guide-visual__dimension{border-top:1px dashed var(--blue);width:60%;bottom:20%;left:20%}.guide-card__body{flex:auto;align-content:start;gap:9px;padding:21px;display:grid}.guide-card__meta{color:var(--blue-dark);letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:700}.browse-guides-link{margin:26px auto 0}.faq-section{border-top:1px solid var(--cool-border);background:var(--faq-background)}.faq-panel{gap:clamp(28px,4vw,40px);display:grid}.faq-header{text-align:center;gap:9px;max-width:790px;margin-inline:auto;display:grid}.faq-header p{margin-inline:auto}.faq-list{gap:8px;width:100%;max-width:980px;margin-inline:auto;display:grid}.faq-item{border:1px solid var(--cool-border);border-radius:var(--radius-small);background:var(--white);transition:border-color .18s,box-shadow .18s;overflow:hidden}.faq-question{background:var(--white);width:100%;min-height:62px;color:var(--navy);text-align:left;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;font-size:.98rem;font-weight:700;line-height:1.4;list-style:none;transition:background .18s,color .18s;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:hover,.faq-item[open] .faq-question{color:var(--blue-dark);background:#f8fbfd}.faq-question:focus-visible{color:var(--blue-dark);background:#f8fbfd}.faq-question__icon{flex:0 0 14px;width:14px;height:14px;position:relative}.faq-question__icon:before,.faq-question__icon:after{background:var(--blue);content:"";transform-origin:50%;width:12px;height:2px;transition:transform .18s;position:absolute;top:6px;left:1px}.faq-question__icon:after{transform:rotate(90deg)}.faq-item[open] .faq-question__icon:after{transform:rotate(90deg)scaleX(0)}.faq-answer{border-top:1px solid #e5edf3;padding:15px 18px 18px}.faq-answer p{max-width:820px;color:var(--muted);margin:0;font-size:.94rem;line-height:1.65}.faq-answer a{color:var(--blue-dark);text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline #1769aa59;text-decoration:underline #1769aa59}.faq-item[open]{border-color:#a9c0d2;box-shadow:0 5px 14px #102a430e}.faq-item:has(.faq-question:hover){border-color:#a9c0d2;box-shadow:0 5px 14px #102a430e}.faq-item:has(.faq-question:focus-visible){border-color:#a9c0d2;box-shadow:0 5px 14px #102a430e}.state-route-shell{background:var(--background);min-height:calc(100vh - 53px);display:grid}.state-route{align-items:center;padding:clamp(72px,10vw,140px) 0;display:grid}.state-route__inner{gap:14px;max-width:760px;display:grid}.state-route__inner h1{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,5vw,3.7rem);font-weight:800;line-height:1.08}.state-route__inner p{max-width:650px;color:var(--muted);margin:0 0 10px;font-size:1.05rem}.state-route__inner .primary-button{width:fit-content}@media (hover:hover) and (pointer:fine){.tool-card:hover{background:var(--white);border-color:#96b5cd;transform:translateY(-3px);box-shadow:0 14px 30px #102a431f}.tool-card:hover h3,.guide-card:hover h3{color:var(--blue-dark)}.tool-card:hover:before{width:78px}.tool-card:hover:after{color:var(--blue);transform:translate(3px)}.guide-card:hover{border-color:#aec1d0;transform:translateY(-2px);box-shadow:0 8px 18px #102a4312}.state-preview:hover{border-color:#96b5cd;transform:translateY(-2px);box-shadow:0 10px 22px #102a431a}.state-preview:hover .state-silhouette{fill:var(--blue)}.state-preview:hover .state-preview__copy>span{color:var(--blue-dark)}.state-preview:hover:after{color:var(--blue);transform:translate(2px,-50%)}}:is(.tool-card:focus-visible,.guide-card:focus-visible,.state-preview:focus-visible){border-color:#8cacc5}.state-preview:focus-visible .state-silhouette{fill:var(--blue)}.state-preview:focus-visible .state-preview__copy>span{color:var(--blue-dark)}.tool-card:focus-visible:before{width:78px}.tool-card:focus-visible:after{color:var(--blue);transform:translate(3px)}.footer{border-top:1px solid var(--cool-border);background:var(--white);color:var(--muted)}.footer__inner{gap:34px;padding:44px 0;display:grid}.footer__brand{align-content:start;gap:14px;max-width:390px;display:grid}.brand--footer{flex:none;width:fit-content}.brand--footer .brand__mark{flex-basis:44px;width:44px;height:37px}.footer__brand p{margin:0;font-size:.92rem;line-height:1.65}.footer__nav{grid-template-columns:1fr;gap:24px 18px;display:grid}.footer__group h2{color:var(--navy);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.75rem;font-weight:700}.footer__group ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.footer__group a{color:var(--muted);font-size:.9rem}:is(.footer__group a:hover,.footer__group a:focus-visible){color:var(--blue)}.footer__bottom{border-top:1px solid var(--cool-border);color:var(--muted);padding:17px 0;font-size:.83rem}@media (min-width:640px){.calculator-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.state-selector__controls{grid-template-columns:1fr auto}.state-preview-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.footer__nav,.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-item{border-right:1px solid var(--warm-border);padding:24px}.step-item:last-child{border-right:0}}@media (min-width:900px){.desktop-nav{display:flex}.mobile-nav{display:none}.hero__grid{grid-template-columns:minmax(0,1fr) minmax(410px,.84fr)}.hero{padding-block:28px}.pitch-preview{justify-self:end}.calculator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-section-header{grid-template-columns:minmax(0,.92fr) minmax(360px,.88fr);align-items:start}.decision-table__header,.decision-row{grid-template-columns:minmax(220px,.78fr) minmax(320px,1fr) 44px;align-items:center;display:grid}.decision-table__header{background:var(--navy);color:var(--white);letter-spacing:.08em;text-transform:uppercase;padding:13px 22px;font-size:.72rem;font-weight:700}.decision-table__header span:last-child{text-align:right}.decision-row{gap:0;padding:18px 22px}.decision-row:after{justify-self:end;position:static}.value-panel__intro{grid-template-columns:minmax(0,.9fr) minmax(360px,.92fr);align-items:start;column-gap:70px}.value-panel__intro .section-header__kicker{grid-column:1/-1}.value-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer__inner{grid-template-columns:minmax(260px,.72fr) 1fr}.footer__nav{grid-template-columns:repeat(4,minmax(0,1fr))}}.pitch-preview{max-width:438px;padding:16px}.pitch-preview .roof-diagram{height:170px;min-height:0}.pitch-preview .roof-diagram__label{letter-spacing:.25px;font-size:15px;font-weight:800}.pitch-preview .roof-diagram__angle-label,.pitch-preview .roof-diagram__pitch{font-size:15px;font-weight:800}.pitch-preview .pitch-field,.pitch-preview .pitch-field__control,.pitch-preview .pitch-field input{background:var(--white)}.pitch-preview .pitch-field input{color:var(--navy);-webkit-text-fill-color:var(--navy);caret-color:var(--blue)}.pitch-preview .pitch-field small{color:var(--muted)}.pitch-preview__inputs{gap:10px}.pitch-preview .primary-button{text-decoration:none}@media (max-width:420px){.site-shell{width:calc(100vw - 24px)}.brand__text{font-size:1.14rem}.site-header .brand__mark{flex-basis:38px;width:38px;height:32px}.hero h1{text-wrap:wrap;max-width:12ch;font-size:clamp(2.3rem,11vw,2.6rem);line-height:1.08}.hero__quick-links{gap:6px}.quick-link{gap:6px;min-height:42px;padding-inline:11px;font-size:.82rem}.pitch-preview__inputs,.pitch-preview__result{grid-template-columns:1fr}.pitch-preview__result b{justify-self:start}.state-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.state-preview{flex-direction:column;justify-content:center;align-items:flex-start}}.calculator-page{background:var(--white)}.calculator-page__hero{border-bottom:1px solid var(--cool-border);background:linear-gradient(135deg, #f7fafc, var(--soft-blue))}.breadcrumb{color:var(--muted);gap:8px;margin-bottom:28px;font-size:.82rem;display:flex}.breadcrumb a{color:var(--blue-dark);text-underline-offset:3px;text-decoration:underline}.calculator-page__hero h1{max-width:760px;color:var(--navy);letter-spacing:-.055em;margin:8px 0 12px;font-size:clamp(2.35rem,7vw,4.4rem);line-height:1.02}.calculator-page__hero p{color:#43586b;max-width:760px;margin:0;font-size:clamp(1.02rem,2vw,1.2rem)}.pitch-tool{border:1px solid var(--cool-border);border-top:4px solid var(--blue);background:var(--white);border-radius:4px;overflow:hidden;box-shadow:0 18px 48px #102a431a}.pitch-tool__header{padding:26px 24px 18px}.pitch-tool__header h2{color:var(--navy);margin:5px 0 4px;font-size:clamp(1.55rem,4vw,2.15rem);line-height:1.15}.pitch-tool__header p{color:var(--muted);margin:0}.pitch-tool__tabs{grid-template-columns:1fr;gap:1px;padding:0 24px 22px;display:grid}.pitch-tool__tabs button{border:1px solid var(--cool-border);min-height:46px;color:var(--navy);background:#f8fafc;font-weight:700}.pitch-tool__workspace{border-block:1px solid var(--cool-border);display:grid}.pitch-tool__inputs,.pitch-tool__visual{min-width:0;padding:24px}.pitch-tool__inputs{background:#fbfcfd}.pitch-tool__fields{gap:16px;display:grid}.pitch-field{color:var(--navy);gap:7px;font-weight:700;display:grid}.pitch-field>div{background:var(--white);border:1px solid #b9c8d4;border-radius:3px;min-height:50px;display:flex;overflow:hidden}.pitch-field input{width:100%;min-width:0;color:var(--navy);background:0 0;border:0;outline:none;padding:10px 12px;font-size:1.08rem;font-weight:700}.pitch-field select,.pitch-field b{border:0;border-left:1px solid var(--cool-border);background:var(--soft-blue);min-width:72px;color:var(--navy);padding:10px}.pitch-field b{place-items:center;font-size:.83rem;display:grid}.pitch-field small{color:var(--muted);font-weight:500}.pitch-tool__error{color:#a12b2b;margin:12px 0 0;font-size:.88rem;font-weight:700}.pitch-tool__actions{align-items:center;gap:14px;margin-top:22px;display:flex}.primary-button{background:var(--blue);color:#fff;border:0;border-radius:3px;min-height:46px;padding:10px 18px;font-weight:700}.primary-button:hover{background:var(--blue-dark)}.text-button,.copy-button{color:var(--blue-dark);text-underline-offset:4px;background:0 0;border:0;font-weight:700;text-decoration:underline}.pitch-tool__visual{background:var(--cream);align-content:center;min-height:230px;display:grid}.roof-diagram{width:100%;height:auto;display:block}.roof-diagram__background{fill:#fff}.roof-diagram__grid{fill:url(#roof-pitch-grid)}.roof-diagram__grid+*{stroke:#edf1f4}.roof-diagram pattern path{stroke:#edf1f4;stroke-width:1px}.roof-diagram__run,.roof-diagram__rise{stroke:var(--blue);stroke-width:2px}.roof-diagram__rafter{stroke:var(--navy);stroke-width:4px}.roof-diagram__rafter-accent{stroke:var(--timber);stroke-width:4px}.roof-diagram__angle,.roof-diagram__right-angle,.roof-diagram__tick{fill:none;stroke:var(--blue);stroke-width:1.5px}.roof-diagram__label,.roof-diagram__empty{fill:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.roof-diagram__pitch{fill:var(--navy);font-size:14px;font-weight:800}.pitch-results{background:var(--cool-border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.pitch-result{background:#fff;gap:2px;min-width:0;padding:16px;display:grid}.pitch-result span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:700}.pitch-result strong{color:var(--navy);font-size:1.12rem}.pitch-result--primary{background:var(--navy)}.pitch-result--primary span,.pitch-result--primary strong{color:#fff}.copy-button{margin:18px 24px 22px}.content-section{max-width:940px;margin:72px auto 0}.content-section h2{color:var(--navy);letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.content-section h3{color:var(--navy)}.content-section p,.content-section li{color:#405365}.content-section a{color:var(--blue-dark);text-underline-offset:3px;font-weight:650;text-decoration:underline}.steps-list{gap:12px;padding-left:22px;display:grid}.content-grid{align-items:center;gap:28px;max-width:1100px;display:grid}.technical-figure{border:1px solid var(--cool-border);background:#fff;margin:0}.technical-figure svg{width:100%;height:auto;display:block}.technical-figure figcaption{border-top:1px solid var(--cool-border);color:var(--muted);padding:12px 14px;font-size:.84rem}.diagram-surface{fill:#f8fafc}.diagram-timber{fill:var(--light-timber);stroke:var(--timber);stroke-width:2px}.diagram-line{fill:none;stroke:var(--navy);stroke-width:3px}.diagram-accent{fill:none;stroke:var(--timber);stroke-width:2px}.diagram-accent--blue{stroke:var(--blue)}.diagram-angle{fill:none;stroke:var(--blue);stroke-width:2px}.diagram-house{fill:#f2f5f7}.technical-figure text{fill:var(--navy);font-size:14px;font-weight:700}.formula-grid{gap:12px;display:grid}.formula-grid>div,.worked-example{border:1px solid var(--cool-border);border-left:3px solid var(--blue);background:#f9fbfc;padding:18px}.formula-grid h3{margin:0 0 8px;font-size:1rem}.formula-grid code{color:var(--navy);font-size:.94rem}.worked-example{border-left-color:var(--timber);background:var(--cream);margin-top:18px}.worked-example h3,.worked-example p{margin-top:0}.table-wrap{border:1px solid var(--cool-border);overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:580px}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--cool-border);text-align:left;padding:12px 14px}.table-wrap thead{background:var(--navy);color:#fff}.table-wrap tbody th{color:var(--navy)}.split-notes{gap:18px;max-width:1100px;display:grid}.split-notes>div{border:1px solid var(--cool-border);padding:24px}.sources{border-top:1px solid var(--cool-border);padding-top:34px}.details-list{border-top:1px solid var(--cool-border)}.details-list details{border-bottom:1px solid var(--cool-border)}.details-list summary{color:var(--navy);padding:18px 42px 18px 0;font-weight:750}.details-list p{max-width:800px;margin:-3px 0 20px}@media (min-width:640px){.pitch-tool__tabs{grid-template-columns:repeat(3,1fr)}.pitch-tool__fields,.formula-grid,.split-notes{grid-template-columns:repeat(2,1fr)}.pitch-results{grid-template-columns:repeat(5,1fr)}}@media (min-width:900px){.calculator-page__hero-inner{padding-block:58px 62px}.calculator-page__body{padding-top:48px}.pitch-tool__header,.pitch-tool__tabs{padding-inline:34px}.pitch-tool__workspace{grid-template-columns:.9fr 1.1fr}.pitch-tool__inputs,.pitch-tool__visual{padding:34px}.content-grid{grid-template-columns:.9fr 1.1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.quick-link,.quick-link:after,.brand-mark__structure,.brand-mark__measure,.brand-mark__baseline,.brand__text span,.primary-button,.tool-card,.tool-card:before,.tool-card:after,.guide-card,.state-preview,.state-preview:after,.state-silhouette,.state-preview__copy>span,.faq-item,.faq-question,.faq-question__icon:before,.faq-question__icon:after,.decision-row,.decision-row:after{transition:none}.quick-link:hover,.pitch-preview .primary-button:hover,.tool-card:hover,.guide-card:hover,.state-preview:hover,.quick-link:hover:after,.tool-card:hover:after,.state-preview:hover:after,.brand:hover .brand-mark__structure,.brand:hover .brand-mark__measure,.brand:hover .brand-mark__baseline,.decision-row:hover:after{transform:none}.quick-link:focus-visible{transform:none}.quick-link:focus-visible:after{transform:none}.tool-card:focus-visible:after{transform:none}.brand:focus-visible .brand-mark__structure{transform:none}.brand:focus-visible .brand-mark__measure{transform:none}.brand:focus-visible .brand-mark__baseline{transform:none}.decision-row:focus-visible:after{transform:none}:is(.brand:hover .brand-mark__structure,.brand:focus-visible .brand-mark__structure,.brand:hover .brand-mark__measure,.brand:focus-visible .brand-mark__measure,.brand:hover .brand-mark__baseline,.brand:focus-visible .brand-mark__baseline){animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.calculator-page__hero{background:#f3f7fa;position:relative}.calculator-page__hero:after{background:linear-gradient(90deg, var(--navy) 0 22%, var(--blue) 22% 46%, transparent 46%);content:"";height:3px;position:absolute;inset:auto 0 0}.breadcrumb{margin-bottom:10px}.calculator-page__hero h1{max-width:none;margin-block:5px 8px;font-size:clamp(2.35rem,5vw,3.375rem);line-height:1.04}.calculator-page__hero p{max-width:780px;font-size:1.05rem;line-height:1.65}.calculator-page__body{padding-block:18px 80px}.pitch-tool{border-top:0;max-width:1200px;margin-inline:auto;box-shadow:0 22px 55px #102a4321}.pitch-tool__header{border-top:4px solid var(--blue);padding:15px 24px 12px;position:relative}.pitch-tool__header:after{background:var(--navy);content:"";width:72px;height:4px;position:absolute;top:0;right:24px}.pitch-tool__header h2{font-size:clamp(1.45rem,3vw,1.9rem)}.pitch-tool__tabs{gap:0;padding:0 24px 14px}.pitch-tool__tabs button{border-right-width:0;min-height:42px;transition:background-color .16s,color .16s}.pitch-tool__tabs button:last-child{border-right-width:1px}.pitch-tool__tabs button[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:inset 0 -3px var(--blue)}.pitch-tool__workspace{border-top:1px solid var(--cool-border);background:#f8fafc;border-bottom:0;grid-template-columns:1fr;align-items:stretch}.pitch-tool__inputs{border-bottom:1px solid var(--cool-border);background:#f8fafc;padding:24px}.pitch-tool__input-heading{color:var(--navy);align-items:center;gap:12px;margin-bottom:20px;display:flex}.pitch-tool__input-heading>span{border:1px solid var(--blue);width:34px;height:34px;color:var(--blue);place-items:center;font-size:.75rem;font-weight:800;display:grid}.pitch-tool__input-heading div{display:grid}.pitch-tool__input-heading strong{font-size:.92rem}.pitch-presets{flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px;display:flex}.pitch-presets>span{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:800}.pitch-presets button{min-height:30px;color:var(--navy);background:#fff;border:1px solid #bdccd6;border-radius:2px;padding:4px 9px;font-size:.75rem;font-weight:700;transition:border-color .18s,background-color .18s}.pitch-presets button:hover{border-color:var(--blue);background:var(--soft-blue)}.pitch-field>span{text-transform:uppercase;letter-spacing:.09em;font-size:.76rem}.pitch-field>div{border-color:#aebfcd;min-height:54px}.pitch-field>div:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1769aa21}.pitch-field input{font-size:1.18rem}.pitch-field select{color:#41586c;background:#f0f5f8;min-width:64px;font-size:.84rem;font-weight:700}.pitch-tool__actions .primary-button{background:linear-gradient(180deg, #1a73b9, var(--blue-dark));min-height:46px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 10px #125c9833}.pitch-tool__actions .primary-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #125c9840}.pitch-tool__actions .primary-button:active{transform:translateY(1px)}.pitch-tool__instrument{background:#fff;min-width:0}.pitch-tool__visual{border-bottom:1px solid var(--cool-border);background:#f4f7f9;min-height:0;padding:18px 20px 14px;display:block}.pitch-tool__visual-label{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.pitch-tool__visual-label span{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:800}.pitch-tool__visual-label strong{color:var(--navy);font-size:1.15rem}.roof-diagram{background:#fff;border:1px solid #d6e1e8}.roof-diagram__rafter,.roof-diagram__rafter-accent{stroke-width:5px}.roof-diagram__arrow{fill:var(--blue)}.roof-diagram__pitch{font-size:16px}.pitch-results{background:#fff;display:block}.pitch-results__primary{border-bottom:1px solid var(--cool-border);grid-template-columns:1.15fr .85fr;display:grid}.pitch-results__derived{grid-template-columns:repeat(3,1fr);display:grid}.pitch-result{border-right:1px solid var(--cool-border);align-content:center;gap:0;min-height:68px;padding:12px 16px}.pitch-result:last-child{border-right:0}.pitch-result strong{order:0;font-size:1.16rem;line-height:1.15}.pitch-result span{order:1;margin-top:4px;font-size:.65rem}.pitch-result--primary strong{letter-spacing:-.05em;font-size:clamp(2.2rem,5vw,3.2rem)}.pitch-result--secondary{background:var(--soft-blue);min-height:98px}.pitch-result--secondary strong{color:var(--blue-dark);font-size:clamp(1.7rem,4vw,2.4rem)}.pitch-result strong{transition:opacity .2s}.pitch-results__interpretation{border-top:1px solid var(--cool-border);color:#41576a;margin:0;padding:14px 16px;font-size:.79rem;line-height:1.55}.pitch-results__actions{border-top:1px solid var(--cool-border);align-items:center;gap:18px;padding:10px 16px 13px;display:flex}.pitch-results .copy-button{margin:0;padding:0;font-size:.78rem;display:block}.content-section{width:100%;max-width:940px;margin-top:82px}.content-section h2{font-size:clamp(1.8rem,3.4vw,2.35rem)}.section-heading h2{margin-top:5px}.content-band{background:#f7f9fb;border-block:1px solid #e2e9ee;width:100vw;margin-top:86px;margin-left:calc(50% - 50vw)}.content-band--technical{background:#f3f7f9}.content-band .content-section{margin-top:0;padding-block:64px}.content-grid{gap:48px;max-width:1120px}.technical-copy p{max-width:560px}.technical-note{border-left:3px solid var(--blue);background:#fff;padding:14px 16px;font-size:.9rem}.technical-figure{border-color:#c8d6df;box-shadow:0 10px 26px #102a4312}.technical-figure figcaption{border-top:2px solid var(--blue);padding:12px 16px}.diagram-arrow{fill:var(--blue)}.steps-list{grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none}.steps-list li{grid-template-columns:54px 1fr;gap:14px;padding:12px 0 20px;display:grid}.steps-list li>span{color:#afc1cf;font-size:1.65rem;font-weight:800}.steps-list li>div{border-bottom:1px solid var(--cool-border);padding-bottom:12px}.steps-list li strong{color:var(--navy)}.steps-list li p{margin:4px 0 0;font-size:.9rem}.how-to__definition{max-width:800px;margin-top:24px}.formula-panel{border:1px solid #bfcfda;border-left:4px solid var(--blue);background:#f8fafc;overflow:hidden}.formula-panel__header{background:var(--navy);color:#fff;justify-content:space-between;gap:18px;padding:14px 18px;display:flex}.formula-panel__header span{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800}.formula-panel__header strong{color:#dcebf7;font-size:.86rem}.formula-grid{grid-template-columns:1fr;gap:0}.formula-grid>div{border:0;border-bottom:1px solid var(--cool-border);background:0 0;padding:18px}.formula-grid h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.formula-grid code{font-family:ui-monospace,Consolas,monospace;font-size:.9rem;font-weight:700}.worked-example{background:var(--soft-blue);border:1px solid #bfcfda;border-left:0;margin-top:26px;padding:0}.worked-example__label{color:var(--blue-dark);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #cbdde9;padding:11px 18px;font-size:.7rem;font-weight:800}.worked-example__title{color:var(--navy);justify-content:space-between;align-items:center;padding:16px 18px 8px;display:flex}.worked-example__title span{font-size:1.35rem;font-weight:750}.worked-example__title strong{font-size:2rem}.worked-example__body{background:#cfdee8;gap:1px;padding:10px;display:grid}.worked-example__body>div{background:#fff;padding:14px}.worked-example__body span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:.65rem;font-weight:800}.worked-example__body p{margin:6px 0 0}.worked-example__body code{color:var(--navy);margin-top:8px;font-size:.86rem;font-weight:700;display:block}.worked-example__result strong{color:var(--blue-dark);font-size:1.65rem;display:block}.worked-example__result small{color:var(--muted)}.table-wrap th,.table-wrap td{text-align:right;font-variant-numeric:tabular-nums;padding:9px 16px}.table-wrap th:first-child{text-align:left}.table-wrap thead th{background:var(--navy);position:sticky;top:0}.table-wrap tbody tr{transition:background-color .18s,box-shadow .18s}.table-wrap tbody .reference-row--current{background:var(--soft-blue);box-shadow:inset 3px 0 var(--blue)}.table-wrap tbody th button{width:100%;color:var(--navy);text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:800;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .18s,text-decoration-color .18s}.table-wrap tbody tr:hover th button{color:var(--blue-dark);text-decoration-color:currentColor}.table-wrap tbody th button:focus-visible{color:var(--blue-dark);text-decoration-color:currentColor}.split-notes{gap:22px;max-width:1080px}.split-notes>div{border-radius:2px;padding:28px;position:relative}.mistakes-list{background:#fbf8f4;border-color:#dfcfbd!important;border-top:3px solid var(--timber)!important}.mistakes-list ol{gap:0;margin:18px 0 0;padding:0;list-style:none;display:grid}.mistakes-list li{border-top:1px solid #e4d8ca;grid-template-columns:34px 1fr;gap:10px;padding:9px 0;display:grid}.mistakes-list li span{color:#9a6d42;font-size:.7rem;font-weight:800}.safety-notice{background:#f3f7fa;border-color:#c5d6e2!important;border-left:4px solid var(--blue)!important}.safety-notice dl{gap:14px;margin:18px 0 0;display:grid}.safety-notice dl div{border-top:1px solid #cfdae2;padding-top:12px}.safety-notice dt{color:var(--navy);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800}.safety-notice dd{color:#405365;margin:4px 0 0;font-size:.88rem}.sources{border-top:2px solid var(--navy);gap:24px;max-width:1040px;display:grid}.sources h2{margin-top:5px;font-size:1.7rem}.source-list{margin:0;padding:0;list-style:none;display:grid}.source-list li{border-top:1px solid var(--cool-border);grid-template-columns:70px 1fr;gap:2px 14px;padding:13px 0;display:grid}.source-list strong{color:var(--navy);grid-row:span 2;font-size:.78rem}.source-list span{color:var(--muted);font-size:.82rem}.details-list{border:0;gap:10px;display:grid}.details-list details{background:#fff;border:1px solid #cad7e0;border-radius:2px}.details-list details[open]{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue), 0 8px 20px #102a430f}.details-list summary{justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:16px 18px;list-style:none;display:flex}.details-list summary::-webkit-details-marker{display:none}.details-list summary i{flex:0 0 18px;width:18px;height:18px;position:relative}.details-list summary i:before,.details-list summary i:after{background:var(--blue);content:"";width:14px;height:2px;position:absolute;top:8px;left:2px}.details-list summary i:after{transform:rotate(90deg)}.details-list details[open] summary i:after{transform:rotate(0)}.details-list p{margin:0;padding:0 54px 20px 18px}.technical-faq{background:#fff;border:1px solid #cad7e0;border-radius:2px;transition:border-color .18s,box-shadow .18s}.technical-faq[open]{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue), 0 8px 20px #102a430f}.technical-faq summary{width:100%;min-height:58px;color:var(--navy);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;font-weight:750;display:flex}.technical-faq[open] summary{color:var(--blue-dark)}.technical-faq summary i{flex:0 0 18px;width:18px;height:18px;position:relative}.technical-faq summary i:before,.technical-faq summary i:after{background:var(--blue);content:"";width:14px;height:2px;transition:transform .18s;position:absolute;top:8px;left:2px}.technical-faq summary i:after{transform:rotate(90deg)}.technical-faq[open] summary i:after{transform:rotate(0)}.technical-faq>div p{margin:0;padding:0}@media (min-width:640px){.formula-grid{grid-template-columns:repeat(2,1fr)}.formula-grid>div:nth-child(odd){border-right:1px solid var(--cool-border)}.formula-grid>div:nth-last-child(-n+2){border-bottom:0}.worked-example__body{grid-template-columns:.7fr 1.2fr 1fr}.worked-example__body>div{position:relative}.worked-example__body>div:not(:last-child):after{z-index:2;width:16px;height:16px;color:var(--blue);content:"›";background:#fff;border:1px solid #b9cbd7;place-items:center;font-weight:800;display:grid;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.steps-list{grid-template-columns:repeat(3,1fr)}.steps-list li{grid-template-columns:46px 1fr;padding-right:20px}.steps-list li>div{border-bottom:0;border-left:1px solid var(--cool-border);padding-left:16px}}.shingle-page{overflow-x:hidden}.shingle-page>.calculator-page__body>.shingle-tool{width:calc(100vw - 32px)}.shingle-tool{color:#0b2f4a;background:#f5f9fc;border:1px solid #0b3f64;border-radius:4px;max-width:1200px;margin:0 auto;overflow:hidden}.shingle-tool__toolbar{color:#fff;background:#06263d;justify-content:space-between;align-items:center;min-height:58px;padding:10px 20px;display:flex}.shingle-tool__toolbar>div{align-items:center;gap:14px;display:flex}.shingle-tool__toolbar>div:first-child>span:first-child{text-transform:uppercase;font-size:14px;font-weight:800}.shingle-live{text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.shingle-live i{background:#38d39f;border-radius:50%;width:7px;height:7px}.shingle-modes,.coverage-tabs,.waste-presets{display:flex}.shingle-modes button,.coverage-tabs button,.waste-presets button{color:#fff;font:inherit;background:#082b43;border:1px solid #315c78;min-height:40px;padding:0 20px;font-weight:700}.shingle-modes button[aria-pressed=true],.coverage-tabs button[aria-pressed=true],.waste-presets button[aria-pressed=true]{background:#157fc9;border-color:#157fc9}.shingle-tool__body{grid-template-columns:29% 71%;display:grid}.shingle-tool__controls{color:#fff;background:#0c3d5b;padding:24px 22px}.shingle-tool__stage{min-width:0;padding:24px 24px 18px}.shingle-tool__stage>p{color:#557084;margin:10px 0 0;font-size:12px}.shingle-tool__stage a,.shingle-import a{color:#28a1f0;font-weight:800}.shingle-step{gap:12px;margin-bottom:20px;display:flex}.shingle-step>b{color:#075eaa;background:#e8f4fb;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.shingle-step strong{text-transform:uppercase;font-size:13px;display:block}.shingle-step span{color:#bcd0dc;margin-top:4px;font-size:12px;display:block}.shingle-tool__stage .shingle-step span{color:#60798c}.shingle-field,.coverage-field label,.waste-field label{display:block}.shingle-field>span,.coverage-field label>span,.waste-field label>span{margin-bottom:7px;font-size:12px;font-weight:800;display:block}.shingle-field>div,.coverage-field label>div,.waste-field label>div{border:1px solid #4d7086;border-radius:3px;display:flex;overflow:hidden}.shingle-field input,.coverage-field input,.waste-field input{color:#fff;background:#082f49;border:0;width:100%;min-width:0;padding:12px;font:700 16px Manrope,sans-serif}.shingle-field b,.coverage-field label b,.waste-field label b{white-space:nowrap;background:#0b3652;padding:12px;font-size:12px}.shingle-import{margin:7px 0 20px;font-size:11px}.waste-field,.coverage-field{border:0;border-top:1px solid #42657b;margin:0;padding:18px 0}.waste-field legend,.coverage-field legend{padding:0 8px 0 0;font-size:12px;font-weight:800}.waste-presets{gap:5px;margin-bottom:12px}.waste-presets button{flex:1;min-height:34px;padding:0}.coverage-tabs{margin-bottom:12px}.coverage-tabs button{flex:1;min-height:36px;padding:0 8px;font-size:11px}.coverage-field p,.shingle-scope{color:#c4d7e2;font-size:11px;line-height:1.55}.shingle-error{color:#ffd5c0;font-size:12px}.shingle-scope{border-top:1px solid #42657b;padding-top:16px}.shingle-order-diagram{background:#f7fafc;border:1px solid #bfd0dc;border-radius:3px;width:100%;height:auto}.shingle-order-diagram text{font-family:Manrope,sans-serif}.diagram-kicker,.diagram-label,.diagram-note{fill:#506b7f;font-size:11px;font-weight:700}.diagram-label text:nth-child(2){fill:#0b2f4a;font-size:15px}.diagram-total{fill:#0b2f4a;font-size:15px;font-weight:800}.shingle-results{background:#fff;border-top:1px solid #0b3f64;grid-template-columns:28% 72%;display:grid}.shingle-results__primary{color:#fff;background:#0a3654;padding:25px 28px}.shingle-results__primary span,.shingle-results__metrics span{text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800;display:block}.shingle-results__primary>strong{margin:9px 0;font-size:54px;line-height:1.05;display:block}.shingle-results__primary p{margin:0;font-size:11px}.shingle-results__metrics{grid-template-columns:repeat(4,1fr);display:grid}.shingle-results__metrics>div{border-left:1px solid #cfdae2;flex-direction:column;justify-content:center;padding:25px 20px;display:flex}.shingle-results__metrics strong{color:#086ab5;margin-top:14px;font-size:18px}.shingle-results__footer{border-top:1px solid #cfdae2;justify-content:space-between;align-items:center;gap:20px;padding:11px 18px;display:flex}.shingle-results__footer p{color:#587084;margin:0;font-size:11px}.shingle-results__footer>div{display:flex}.shingle-results__footer button{background:#fff;border:1px solid #bdceda;padding:9px 14px;font:700 11px Manrope,sans-serif}.shingle-results__footer button+button{border-left:0}.shingle-editorial-grid,.limitations-grid{grid-template-columns:1.25fr .75fr;align-items:start;gap:54px;display:grid}.shingle-formulas{border:1px solid #b9cbd7;grid-template-columns:1fr 1fr;margin:24px 0;display:grid}.shingle-formulas>div{border-bottom:1px solid #d0dce4;border-right:1px solid #d0dce4;padding:24px}.shingle-formulas>div:nth-child(2n){border-right:0}.shingle-formulas>div:nth-last-child(-n+2){border-bottom:0}.shingle-formulas span{color:#086ab5;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.shingle-figure{background:#fff;border:1px solid #b8cbd8;margin:0}.shingle-figure__hybrid{aspect-ratio:3/2;position:relative;overflow:hidden}.shingle-figure__hybrid img,.shingle-figure__hybrid svg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shingle-figure figcaption{border-top:2px solid #147dc2;padding:12px 16px;font-size:12px}.shingle-overlay-lines path{fill:none;stroke:#1683d5;stroke-width:3px;stroke-dasharray:8 6}.shingle-overlay-tags text{fill:#fff;paint-order:stroke;stroke:#075eaa;stroke-width:5px;font:800 13px Manrope,sans-serif}.coverage-callout path{fill:none;stroke:#0875c6;stroke-width:3px}.coverage-callout rect{fill:#fff;stroke:#89a8bc}.coverage-callout text{fill:#173b58;font:700 13px Manrope,sans-serif}.coverage-callout text:first-of-type{fill:#075eaa;font-weight:800}.technical-note{background:#f4f8fb;border-left:3px solid #1683d5;padding:18px}.technical-note p{margin-bottom:0}.technical-sources>div{background:#d4dfe6;border:1px solid #d4dfe6;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.technical-sources>div>p{background:#fff;margin:0;padding:20px}@media (max-width:900px){.shingle-tool__body{flex-direction:column;display:flex}.shingle-tool__controls{order:1}.shingle-results{flex-direction:column;grid-template-columns:1fr;display:flex}.shingle-tool__stage{order:2}.shingle-results{display:contents}.shingle-tool__stage{border-top:1px solid #b9cbd7}.shingle-editorial-grid,.limitations-grid,.technical-sources>div{grid-template-columns:1fr}.shingle-results__metrics{grid-template-columns:1fr 1fr;display:grid}.shingle-results__metrics>div{border-bottom:1px solid #cfdae2}.shingle-tool{flex-direction:column;display:flex}.shingle-tool__toolbar{order:0}.shingle-tool__body{order:1}.shingle-results__primary{order:2}.shingle-results__metrics{order:3}.shingle-results__footer{order:4}}@media (max-width:640px){.shingle-tool__toolbar{flex-direction:column;align-items:stretch;gap:10px}.shingle-modes button{flex:1}.shingle-tool__controls,.shingle-tool__stage{padding:20px 16px}.shingle-results__primary>strong{font-size:46px}.shingle-results__metrics{grid-template-columns:1fr}.shingle-results__footer{flex-direction:column;align-items:stretch}.shingle-results__footer>div button{flex:1}.shingle-formulas{grid-template-columns:1fr}.shingle-formulas>div{border-right:0}.shingle-formulas>div:nth-last-child(-n+2){border-bottom:1px solid #d0dce4}.shingle-formulas>div:last-child{border-bottom:0}.shingle-editorial-grid,.limitations-grid{gap:24px}.diagram-note{display:none}}@media (min-width:900px){.calculator-page__hero-inner{padding-block:20px 26px}.calculator-page__body{padding-top:20px}.pitch-tool__workspace{grid-template-columns:42% 58%}.pitch-tool__inputs{border-right:1px solid var(--cool-border);border-bottom:0;padding:28px 30px}.pitch-tool__visual{padding:18px 24px 14px}.content-grid{grid-template-columns:.86fr 1.14fr}.sources{grid-template-columns:.7fr 1.3fr}}@media (max-width:639px){.pitch-tool__header{padding:12px 18px 10px}.pitch-tool__header p{display:none}.pitch-tool__header h2{margin-bottom:0;font-size:1.25rem}.pitch-tool__tabs{grid-template-columns:repeat(3,1fr);padding:0 18px 12px}.pitch-tool__tabs button{border-right-width:0;min-height:50px;padding:4px;font-size:.7rem;line-height:1.25}.pitch-tool__tabs button:last-child{border-right-width:1px}.pitch-tool__inputs{padding:18px}.pitch-tool__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.pitch-field select{min-width:52px;padding-inline:7px}.pitch-results__primary{grid-template-columns:1fr 1fr}.pitch-results__derived{grid-template-columns:1fr}.pitch-result{border-right:0;border-bottom:1px solid var(--cool-border)}}.rafter-page{overflow-x:hidden}.rafter-tool{color:#fff;background:#08243a;border:1px solid #173f5d;border-radius:4px;width:min(1200px,100vw - 32px);margin:28px auto 0;overflow:hidden;box-shadow:0 22px 52px #08243a29}.rafter-tool__toolbar{background:#08243a;border-bottom:1px solid #31556f;justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding:8px 12px 8px 18px;display:flex}.rafter-tool__toolbar>div:first-child{align-items:center;gap:13px;display:flex}.rafter-tool__toolbar>div:first-child>span{letter-spacing:.035em;text-transform:uppercase;font-size:.88rem;font-weight:750}.rafter-tool__toolbar small{color:#b9ccd9;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:6px;font-size:.64rem;font-weight:750;display:inline-flex}.rafter-tool__toolbar small i{background:#39c990;border-radius:50%;width:7px;height:7px}.rafter-tool__modes{border:1px solid #3a6480;border-radius:3px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.rafter-tool__modes button{color:#d1dfe8;background:0 0;border:0;min-width:122px;min-height:38px;padding:5px 12px;font-size:.71rem;font-weight:750}.rafter-tool__modes button+button{border-left:1px solid #3a6480}.rafter-tool__modes button[aria-pressed=true]{color:#fff;background:#1278c4;box-shadow:inset 0 -2px #80c2ee}.rafter-tool__body{grid-template-columns:minmax(290px,.3fr) minmax(0,.7fr);display:grid}.rafter-tool__controls{background:#0d3856;border-right:1px solid #31556f;padding:22px}.rafter-heading{align-items:flex-start;gap:11px;margin-bottom:18px;display:flex}.rafter-heading>b{color:#0c568e;background:#e8f3fa;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:.76rem;display:grid}.rafter-heading>div{gap:3px;display:grid}.rafter-heading strong{letter-spacing:.035em;text-transform:uppercase;font-size:.8rem}.rafter-heading span{color:#c0d2de;font-size:.72rem;line-height:1.45}.rafter-field,.rafter-select{gap:6px;margin-bottom:13px;display:grid}.rafter-field>span,.rafter-select>span{font-size:.7rem;font-weight:750}.rafter-field>div{background:#082942;border:1px solid #52768e;border-radius:3px;grid-template-columns:1fr 62px;display:grid;overflow:hidden}.rafter-field input{color:#fff;background:0 0;border:0;min-width:0;height:47px;padding:0 12px;font-weight:750}.rafter-field select,.rafter-field b{color:#fff;background:#ffffff09;border:0;border-left:1px solid #52768e;place-items:center;height:47px;font-size:.74rem;font-weight:750;display:grid}.rafter-field small{color:#abc2d1;font-size:.67rem}.rafter-select select{color:#fff;background:#082942;border:1px solid #52768e;border-radius:3px;width:100%;height:44px;padding:0 10px;font-size:.75rem}.rafter-field>div:focus-within,.rafter-select select:focus{border-color:#8cc7ee;box-shadow:0 0 0 3px #78beeb21}.rafter-advanced{background:#051d2f4d;border:1px solid #416b85;margin:5px 0 15px;padding:13px}.rafter-advanced>label{align-items:center;gap:8px;margin-bottom:0;font-size:.7rem;font-weight:700;display:flex}.rafter-advanced:has(.rafter-field)>label{margin-bottom:12px}.rafter-advanced .rafter-field{margin-bottom:0}.rafter-reference-note,.rafter-tool__scope{color:#bdd0dc;border-top:1px solid #416781;margin:15px 0 0;padding:12px 0 0;font-size:.71rem;line-height:1.5}.rafter-reference-note strong,.rafter-tool__scope strong{color:#fff}.rafter-tool__error{color:#ffd6cf;margin:12px 0 0;font-size:.75rem}.rafter-tool__stage{color:#102f49;background:#f4f8fb;min-width:0;padding:22px}.rafter-heading--stage strong{color:#102f49}.rafter-heading--stage span{color:#61778a}.rafter-diagram{background:#fff;border:1px solid #c8d7e1;border-radius:3px;width:100%;min-height:390px;display:block}.rafter-diagram__geometry{transition:transform .24s}.rafter-diagram__labels text{fill:#23445e;font-family:var(--font-sans);letter-spacing:.04em;paint-order:stroke;stroke:#fffffff2;stroke-width:3px;stroke-linejoin:round;font-size:10px;font-weight:800}.rafter-tool__stage>p{color:#536a7b;margin:12px 0 0;font-size:.75rem}.rafter-tool__stage a{color:#0567b5;font-weight:750}.rafter-results{color:#0b2d48;background:#fff;border-top:1px solid #31556f;grid-template-columns:minmax(330px,.4fr) 1fr;display:grid}.rafter-results__primary{color:#fff;background:#0c2e4a;padding:21px 27px}.rafter-results__primary>span{letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.rafter-results__primary>strong{letter-spacing:-.05em;white-space:nowrap;margin-top:5px;font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.05;display:block}.rafter-results__primary>small{color:#bbd1df;font-size:.78rem}.rafter-results__metrics{grid-template-columns:repeat(4,1fr);display:grid}.rafter-results__metrics>div{border-left:1px solid #d4e0e8;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:17px;display:flex}.rafter-results__metrics span{color:#607589;letter-spacing:.04em;text-transform:uppercase;font-size:.64rem;font-weight:750}.rafter-results__metrics strong{color:#0b5fa4;font-size:1rem;line-height:1.3}.rafter-results__footer{color:#425b6f;background:#f7fafc;border-top:1px solid #d4e0e8;justify-content:space-between;align-items:center;gap:18px;padding:11px 17px;display:flex}.rafter-results__footer p{margin:0;font-size:.72rem}.rafter-results__footer>div{border:1px solid #b8cbd8;border-radius:3px;flex:none;display:flex;overflow:hidden}.rafter-results__footer button{color:#173b58;background:#fff;border:0;min-height:34px;padding:0 12px;font-size:.69rem;font-weight:700}.rafter-results__footer button+button{border-left:1px solid #b8cbd8}.rafter-technical-figure{background:#fff;border:1px solid #aec1cf;margin:0;overflow:hidden;box-shadow:0 14px 34px #102a4312}.rafter-technical-figure svg{width:100%;height:auto;display:block}.rafter-technical-figure--hybrid image{filter:saturate(.82)contrast(.98)}.rafter-overlay-label rect{fill:#ffffffeb;stroke:#9db6c9;stroke-width:1px}.rafter-overlay-label text{fill:#123b5b;font-family:var(--font-sans);text-anchor:middle;font-size:11px;font-weight:800}.rafter-technical-figure figcaption{border-top:2px solid var(--blue);color:#536b7d;padding:13px 16px;font-size:.78rem;line-height:1.55}.rafter-technical-figure figcaption strong{color:#123653}.rafter-related{border-top:2px solid var(--navy);padding-top:22px}.rafter-related h2{font-size:1.7rem}.rafter-related a{color:var(--blue-dark);text-underline-offset:3px;font-weight:700;text-decoration:underline}.pitch-results__next{flex-wrap:wrap;gap:4px 18px;display:flex}@media (max-width:899px){.rafter-tool{display:grid}.rafter-tool__body{display:contents}.rafter-tool__controls{border-bottom:1px solid #31556f;border-right:0;order:1}.rafter-results{order:2;grid-template-columns:1fr}.rafter-results__metrics{border-top:1px solid #d4e0e8}.rafter-tool__stage{order:3}.rafter-results__footer{order:4}}@media (max-width:639px){.rafter-tool{border-inline:0;width:100%;margin-top:18px}.rafter-tool__toolbar{gap:10px;padding:12px;display:grid}.rafter-tool__toolbar>div:first-child{justify-content:space-between}.rafter-tool__modes button{min-width:0;padding-inline:7px}.rafter-tool__controls,.rafter-tool__stage{padding:16px}.rafter-results__primary{padding:18px}.rafter-results__metrics{grid-template-columns:1fr 1fr}.rafter-results__metrics>div{border-bottom:1px solid #d4e0e8;min-height:82px;padding:13px}.rafter-results__footer{flex-direction:column;align-items:flex-start}.rafter-diagram{min-height:280px}.rafter-diagram__labels text{font-size:9px}.rafter-page .table-wrap{overflow-x:auto}}@media (prefers-reduced-motion:reduce){.rafter-tool__modes button,.rafter-diagram__geometry{transition:none}}.area-page{--area-shell:#071f34;--area-rail:#0c3553;overflow-x:hidden}.area-tool{background:var(--area-shell);color:#fff;border:1px solid #123f61;border-radius:10px;width:min(1240px,100vw - 32px);margin:28px auto 0;overflow:hidden;box-shadow:0 18px 45px #061f3421}.area-tool__toolbar{border-bottom:1px solid #24506f;justify-content:space-between;align-items:center;min-height:66px;padding:10px 14px 10px 20px;display:flex}.area-tool__toolbar>div:first-child{align-items:center;gap:14px;display:flex}.area-tool__toolbar .area-tool__title{color:#fff;letter-spacing:.035em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:750;display:inline-flex}.area-tool__toolbar .area-tool__status{color:#b8ccda;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.7rem;font-weight:750;display:inline-flex}.area-tool__toolbar .area-tool__status i{background:#39c990;border-radius:50%;width:7px;height:7px}.area-tool__modes{border:1px solid #315b78;border-radius:6px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.area-tool__modes button{color:#d9e5ed;min-width:142px;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;font-size:.78rem;font-weight:700}.area-tool__modes button+button{border-left:1px solid #315b78}.area-tool__modes button[aria-pressed=true]{color:#fff;background:#0d75c9}:is(.area-tool__modes button:focus-visible,.area-tool button:focus-visible,.area-tool input:focus-visible,.area-tool select:focus-visible){outline-offset:2px;outline:3px solid #f0b45f}.area-tool__body{grid-template-columns:minmax(270px,.31fr) minmax(0,.69fr);min-height:500px;display:grid}.area-tool__controls{background:var(--area-rail);border-right:1px solid #315b78;padding:22px}.area-control-heading,.area-stage-heading{align-items:flex-start;gap:11px;margin-bottom:19px;display:flex}.area-control-heading>b,.area-stage-heading>b{color:#0c4f84;background:#e8f3fa;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:.78rem;display:grid}.area-control-heading div,.area-stage-heading div{gap:4px;display:grid}.area-control-heading strong,.area-stage-heading strong{letter-spacing:.035em;text-transform:uppercase;font-size:.83rem}.area-control-heading span{color:#c0d2de;font-size:.78rem;line-height:1.45}.area-segment{border:1px solid #4a6e87;border-radius:5px;grid-template-columns:1fr 1fr;margin-bottom:18px;display:grid;overflow:hidden}.area-segment button{color:#c9d8e2;cursor:pointer;background:#051c2f59;border:0;min-height:43px;font-size:.72rem;font-weight:700}.area-segment button+button{border-left:1px solid #4a6e87}.area-segment button[aria-pressed=true]{color:#0a385b;background:#e9f3fa}.area-field-grid,.area-overhang-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.area-field{gap:6px;margin-bottom:12px;display:grid}.area-field>span,.area-pitch-field>span,.section-mini>span{font-size:.72rem;font-weight:700}.area-field>div,.area-pitch-field>div{background:#082942;border:1px solid #4d7189;border-radius:5px;grid-template-columns:1fr 58px;display:grid;overflow:hidden}.area-field input,.area-pitch-field input{color:#fff;min-width:0;height:47px;font:inherit;background:0 0;border:0;padding:0 12px;font-weight:750}.area-field select,.area-field b,.area-pitch-field b{color:#fff;height:47px;font:inherit;background:#ffffff08;border:0;border-left:1px solid #4d7189;place-items:center;font-size:.75rem;font-weight:700;display:grid}.overhang-panel{background:#061d3157;border:1px solid #376986;margin:4px 0 16px;padding:14px}.area-check{align-items:center;gap:8px;margin-bottom:12px;font-size:.72rem;font-weight:700;display:flex}.area-pitch-field{gap:6px;margin-top:4px;display:grid}.area-pitch-field small{color:#a9c0cf;font-size:.7rem}.area-tool__error{color:#ffd8d2;margin:13px 0 0;font-size:.78rem}.area-tool__note{color:#b9cbd7;border-top:1px solid #416781;margin:20px 0 0;padding-top:14px;font-size:.75rem;line-height:1.5}.area-tool__note strong{color:#fff}.area-tool__stage{color:#102f49;background:#f4f8fb;padding:22px}.area-stage-heading{margin-bottom:12px}.area-stage-heading strong{color:#102f49}.area-stage-heading span{color:#61778a;font-size:.78rem}.area-diagram{background:#fff;border:1px solid #c8d7e1;border-radius:7px;width:100%;min-height:350px;display:block}.area-diagram__shape{transform-origin:50%;transition:transform .24s}.area-diagram__ridge-label,.area-diagram__surface-label,.area-diagram__footprint-label,.area-diagram__section text{font-family:var(--font-sans);letter-spacing:.055em;paint-order:stroke;stroke:#f8fbfdf0;stroke-width:3px;stroke-linejoin:round;font-weight:800}.area-diagram__ridge-label{fill:#73502f;text-anchor:middle;font-size:11px}.area-diagram__surface-label{fill:#fff;text-anchor:middle;stroke:#0a2b44c2;stroke-width:4px;font-size:13px}.area-diagram__footprint-label{fill:#526b7f;text-anchor:middle;font-size:11px}.area-diagram__section text{fill:#35536a;stroke-width:2px;font-size:9px}.area-diagram__section>text:first-child{fill:#173b58;font-size:10px}.area-diagram__section .area-diagram__pitch-value{fill:#075fa8;font-size:11px}.area-tool__stage>p{color:#536a7b;margin:13px 0 0;font-size:.78rem}.area-tool__stage a{color:#0567b5;font-weight:700}.area-results{color:#0b2d48;background:#fff;border-top:1px solid #315b78;grid-template-columns:minmax(300px,.38fr) 1fr;display:grid}.area-results__primary{color:#fff;background:#0c2e4a;padding:22px 28px}.area-results__primary>span{letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:800}.area-results__primary>strong{letter-spacing:-.05em;margin-top:5px;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1;display:block}.area-results__primary small{letter-spacing:0;font-size:1rem;font-weight:650}.area-results__primary p{color:#bad0de;margin:8px 0 0;font-size:.72rem}.area-results__metrics{grid-template-columns:repeat(3,1fr);display:grid}.area-results__metrics>div{border-left:1px solid #d4e0e8;flex-direction:column;justify-content:center;min-width:0;padding:20px 22px;display:flex}.area-results__metrics span{color:#607589;letter-spacing:.045em;text-transform:uppercase;min-height:35px;font-size:.7rem;font-weight:750}.area-results__metrics strong{color:#0b5fa4;font-size:1.35rem}.area-results__footer{color:#425b6f;background:#f7fafc;border-top:1px solid #d4e0e8;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;display:flex}.area-results__footer p{margin:0;font-size:.76rem}.area-results__footer>div{border:1px solid #b8cbd8;border-radius:4px;display:flex;overflow:hidden}.area-results__footer button{color:#183b57;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:0;padding:0 13px;font-size:.7rem;font-weight:700}.area-results__footer button+button{border-left:1px solid #b8cbd8}.section-ledger{gap:12px;display:grid}.section-row{background:#051b2d47;border:1px solid #426b84;padding:12px}.section-row__top{grid-template-columns:1fr 130px auto;gap:7px;margin-bottom:9px;display:grid}.section-row input,.section-row select{color:#fff;min-width:0;height:36px;font:inherit;background:#082942;border:1px solid #51758c;border-radius:3px;padding:0 8px;font-size:.7rem}.section-row__top button{color:#c6d6e0;cursor:pointer;background:0 0;border:0;font-size:.65rem;text-decoration:underline}.section-row__fields{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.section-mini{gap:4px;display:grid}.section-ledger__add{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:1px dashed #7191a6;font-size:.72rem;font-weight:700}.area-technical-figure{background:#fff;border:1px solid #aec1cf;margin:0;overflow:hidden;box-shadow:0 14px 34px #102a4312}.area-technical-figure svg{width:100%;height:auto;display:block}.area-technical-figure figcaption{color:#536b7d;border-top:1px solid #d2dee6;padding:13px 16px;font-size:.78rem;line-height:1.55}.area-technical-figure figcaption strong{color:#123653}.area-technical-figure__hybrid{aspect-ratio:68/39;background:#eef3f6;position:relative;overflow:hidden}.area-technical-figure__hybrid>img{object-fit:cover;filter:saturate(.72)brightness(1.08)contrast(.88);width:100%;height:100%}.area-technical-figure__hybrid>svg{width:100%;height:100%;position:absolute;inset:0}.area-section-overlay{fill:#0872c914;stroke:#0872c9;stroke-width:2px;stroke-dasharray:7 5}.area-section-tags rect{fill:#fffffff0;stroke:#8faabd}.area-section-tags text{fill:#0b5798;letter-spacing:.055em;text-anchor:middle;font-size:10px;font-weight:800}@media (prefers-reduced-motion:reduce){.area-diagram__shape{transition:none}}@media (max-width:899px){.area-tool__body{grid-template-columns:1fr}.area-tool__controls{border-bottom:1px solid #315b78;border-right:0}.area-tool__stage{min-height:0}.area-results{grid-template-columns:1fr}.area-results__metrics{border-top:1px solid #d4e0e8}}@media (max-width:639px){.area-tool{border-inline:0;border-radius:0;width:100%;margin-top:18px}.area-tool__toolbar{gap:10px;padding:12px;display:grid}.area-tool__toolbar>div:first-child{justify-content:space-between}.area-tool__modes button{min-width:0}.area-tool__controls,.area-tool__stage{padding:16px}.area-field-grid,.area-overhang-grid{grid-template-columns:1fr}.area-diagram{min-height:240px}.area-results__primary{padding:18px}.area-results__metrics{grid-template-columns:1fr 1fr}.area-results__metrics>div{border-bottom:1px solid #d4e0e8;min-height:92px;padding:14px}.area-results__metrics>div:last-child{grid-column:1/-1}.area-results__footer{flex-direction:column;align-items:flex-start}.section-row__top{grid-template-columns:1fr}.section-row__fields{grid-template-columns:1fr 1fr}.area-page .table-wrap{overflow-x:auto}}@media (max-width:899px){.pitch-tool__instrument{flex-direction:column;display:flex}.pitch-results{order:1}.pitch-tool__visual{border-top:1px solid var(--cool-border);border-bottom:0;order:2}}@media (prefers-reduced-motion:reduce){.pitch-tool__tabs button,.pitch-tool__actions .primary-button,.pitch-presets button,.pitch-result strong,.table-wrap tbody tr,.table-wrap tbody th button,.technical-faq,.technical-faq summary i:before,.technical-faq summary i:after{transition:none}.pitch-tool__actions .primary-button:hover{transform:none}}.pitch-tool{background:var(--navy);border:1px solid #0a2136;border-radius:4px;overflow:hidden;box-shadow:0 24px 56px #0a1f3233}.pitch-tool__toolbar{background:#0d263e;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding:8px 12px 8px 18px;display:flex}.pitch-tool__identity{color:#fff;align-items:center;gap:11px;display:flex}.pitch-tool__identity>div{gap:1px;display:grid}.pitch-tool__identity h2{color:#fff;letter-spacing:.025em;text-transform:uppercase;margin:0;font-size:.92rem;line-height:1.2}.pitch-tool__identity div>span{color:#a9c0d2;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:.61rem;font-weight:700;display:flex}.pitch-tool__identity div>span i{background:#4da3df;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #4da3df29}.pitch-tool__symbol{background:#ffffff0a;border:1px solid #ffffff47;width:30px;height:30px;display:block;position:relative}.pitch-tool__symbol:before{content:"";border-bottom:2px solid #65b3e8;border-left:2px solid #65b3e8;width:16px;height:10px;position:absolute;bottom:7px;left:6px}.pitch-tool__symbol i{transform-origin:0;background:#fff;width:19px;height:2px;position:absolute;bottom:7px;left:6px;transform:rotate(-31deg)}.pitch-tool__tabs{gap:3px;padding:0;display:flex}.pitch-tool__tabs button,.pitch-tool__tabs button:last-child{color:#b8cad8;background:0 0;border:1px solid #0000;border-radius:2px;min-height:36px;padding:6px 14px;font-size:.72rem;font-weight:750;transition:background-color .18s,border-color .18s,color .18s,transform .18s}.pitch-tool__tabs button:hover{color:#fff;background:#ffffff0f;border-color:#ffffff2b}.pitch-tool__tabs button[aria-pressed=true]{color:var(--navy);box-shadow:inset 0 -2px var(--blue);background:#fff;border-color:#fff}.pitch-tool__workspace{background:#0d263e;border:0;grid-template-columns:1fr;display:grid}.pitch-tool__inputs{background:#eef3f6;border:0;flex-direction:column;min-width:0;padding:26px 24px 22px;display:flex}.pitch-tool__input-heading{gap:2px;margin:0 0 22px;display:grid}.pitch-tool__input-heading>span{width:auto;height:auto;color:var(--navy);letter-spacing:.11em;text-transform:uppercase;border:0;font-size:.7rem;font-weight:800;display:block}.pitch-tool__input-heading small{color:#6d8191;font-size:.7rem}.pitch-tool__fields{grid-template-columns:1fr;gap:16px;display:grid}.pitch-field{gap:6px}.pitch-field>span{color:#496174;font-size:.68rem}.pitch-field>div{background:#fff;border:1px solid #adbeca;border-radius:2px;min-height:52px;transition:border-color .18s,box-shadow .18s}.pitch-field input{padding-inline:13px;font-size:1.22rem;font-weight:750}.pitch-field select{color:#52697b;background:#f6f8fa;border-left-color:#d3dde4;min-width:58px}.pitch-field b{background:#f6f8fa;min-width:60px}.pitch-field small{font-size:.7rem;line-height:1.45}.pitch-presets{border-block:1px solid #c9d5dd;grid-template-columns:repeat(5,1fr);gap:0;margin-top:20px;display:grid}.pitch-presets>span{grid-column:1/-1;padding:9px 0 5px}.pitch-presets button{border:0;background:0 0;border-right:1px solid #c9d5dd;border-radius:0;min-width:0;min-height:33px;padding:5px 3px 8px;font-size:.66rem;position:relative}.pitch-presets button:last-child{border-right:0}.pitch-presets button:after{content:"";background:0 0;height:2px;transition:background-color .18s;position:absolute;bottom:-1px;left:6px;right:6px}.pitch-presets button:hover,.pitch-presets button[aria-pressed=true]{color:var(--blue-dark);background:0 0;border-color:#c9d5dd}.pitch-presets button:hover:after,.pitch-presets button[aria-pressed=true]:after{background:var(--blue)}.pitch-tool__actions{margin-top:auto;padding-top:24px}.pitch-tool__actions .primary-button{background:var(--blue);letter-spacing:.015em;border:1px solid #0d5c97;border-radius:2px;width:100%;min-height:45px;font-size:.79rem;box-shadow:0 3px 8px #102a4326}.pitch-tool__instrument{background:#f7fafc;min-width:0;display:grid}.pitch-tool__visual{background:#f4f8fb;border:0;min-height:0;padding:16px 20px 18px}.pitch-tool__visual-label{margin-bottom:8px}.pitch-tool__visual-label strong{color:#718595;letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:700}.roof-diagram{background:#fff;border:0;width:100%;min-height:220px}.roof-diagram__rafter-accent{stroke-width:4px}.roof-diagram__run,.roof-diagram__rise{stroke-width:2px}.pitch-results{background:#fff;border-top:1px solid #cbd8e1}.pitch-result--primary{min-height:110px;padding:16px 20px}.pitch-result--primary strong{font-size:clamp(2.75rem,5vw,3.5rem)}.pitch-result--secondary{background:#edf5fb;min-height:110px;padding:16px 20px}.pitch-result--secondary strong{font-size:clamp(2rem,3.5vw,2.55rem)}.pitch-results__derived{border-bottom:1px solid var(--cool-border)}.pitch-results__derived .pitch-result{background:#fff;min-height:62px;padding:10px 16px}.pitch-results__derived .pitch-result strong{font-size:1.18rem}.pitch-results__interpretation{border-top:0;gap:1px;padding:11px 16px 9px;display:grid}.pitch-results__interpretation p{color:#334b5e;margin:0;font-size:.77rem;font-weight:650}.pitch-results__interpretation span{color:#728697;font-size:.68rem}.pitch-results__actions{border-top:0;justify-content:flex-end;min-height:38px;padding:4px 16px 10px}.pitch-results__actions .text-button,.pitch-results .copy-button{color:#50697c;font-size:.7rem;text-decoration-thickness:1px}@media (min-width:900px){.pitch-tool__workspace{grid-template-columns:minmax(300px,34%) minmax(0,66%)}.pitch-tool__inputs{border-right:1px solid #c4d2dc;min-height:520px;padding:30px 26px 24px}.pitch-tool__instrument{grid-template-rows:minmax(270px,1fr) auto}.pitch-tool__visual{grid-template-rows:auto 1fr;padding:18px 24px 20px;display:grid}.roof-diagram{height:100%;min-height:280px}}@media (max-width:899px){.pitch-tool__instrument{flex-direction:column;display:flex}.pitch-results{display:contents}.pitch-results__primary{order:1}.pitch-results__derived{order:2}.pitch-tool__visual{border-top:1px solid var(--cool-border);order:3}.pitch-results__interpretation{background:#fff;order:4}.pitch-results__actions{background:#fff;order:5}}@media (max-width:639px){.pitch-tool__toolbar{gap:8px;padding:10px 12px 11px;display:grid}.pitch-tool__identity{padding-inline:3px}.pitch-tool__tabs{width:100%}.pitch-tool__tabs button,.pitch-tool__tabs button:last-child{flex:1 1 0;min-height:34px;padding:5px 4px;font-size:.66rem}.pitch-tool__inputs{padding:20px 18px}.pitch-tool__input-heading{margin-bottom:16px}.pitch-tool__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pitch-field select{min-width:48px;padding-inline:5px}.pitch-result--primary,.pitch-result--secondary{min-height:92px;padding:13px 15px}.pitch-result--primary strong{font-size:2.45rem}.pitch-result--secondary strong{font-size:1.85rem}.pitch-results__derived{grid-template-columns:repeat(3,1fr)}.pitch-results__derived .pitch-result{border-right:1px solid var(--cool-border);border-bottom:0;min-width:0;min-height:58px;padding:9px 8px}.pitch-results__derived .pitch-result strong{font-size:1rem}.pitch-results__derived .pitch-result span{font-size:.55rem}.roof-diagram{min-height:170px}}@media (prefers-reduced-motion:reduce){.pitch-tool__tabs button,.pitch-presets button,.pitch-presets button:after,.pitch-field>div{transition:none}}.pitch-tool{background:#061d33;border:0;border-radius:12px;padding:16px;overflow:visible;box-shadow:0 18px 42px #03132233}.pitch-tool__toolbar{background:#08243d;border:1px solid #244967;border-radius:7px;grid-template-columns:minmax(230px,1fr) auto auto auto;gap:24px;min-height:76px;padding:10px 16px;display:grid;box-shadow:inset 0 1px #ffffff0a}.pitch-tool__brand{color:#f7fbff;border-right:1px solid #244661;align-items:center;gap:10px;padding-right:24px;display:flex}.pitch-tool__brand strong{letter-spacing:.02em;text-transform:uppercase;font-size:.72rem;line-height:1.15}.pitch-tool__brand-mark{width:38px;height:28px;position:relative}.pitch-tool__brand-mark:before{content:"";border:4px solid #0877db;border-color:#0877db #0877db #0000 #0000;position:absolute;inset:2px 2px 7px;transform:rotate(-45deg)skew(-6deg,-6deg)}.pitch-tool__brand-mark:after{content:"";background:linear-gradient(90deg,#0877db 0 62%,#204968 62%);border-radius:3px;height:4px;position:absolute;bottom:2px;left:1px;right:1px;box-shadow:0 -6px 0 -1px #0877db42}.pitch-tool__identity{padding-left:2px}.pitch-tool__identity h2{letter-spacing:.025em;font-size:.78rem}.pitch-tool__identity div>span{color:#bacbd9;margin-top:6px;font-size:.62rem}.pitch-tool__identity div>span i{background:#31c38d;box-shadow:0 0 12px #31c38dbf}.pitch-tool__mode-label{color:#d4e1ea;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.pitch-tool__tabs{border:1px solid #294b67;border-radius:6px;gap:0;overflow:hidden}.pitch-tool__tabs button,.pitch-tool__tabs button:last-child{color:#d2deea;border:0;border-right:1px solid #294b67;border-radius:0;min-width:104px;min-height:42px;padding:8px 16px}.pitch-tool__tabs button:last-child{border-right:0}.pitch-tool__tabs button[aria-pressed=true]{color:#fff;background:linear-gradient(#087ce5,#0561bd);border:0;box-shadow:inset 0 1px #ffffff40,0 0 18px #0877db40}.pitch-tool__reset-all{color:#d5e1eb;text-transform:uppercase;letter-spacing:.035em;background:#ffffff06;border:1px solid #294b67;border-radius:6px;min-height:42px;padding:8px 14px;font-size:.7rem;font-weight:700}.pitch-tool__reset-all i{vertical-align:-2px;border:1.5px solid;border-left-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:7px;display:inline-block}.pitch-tool__workspace{background:0 0;grid-template-columns:minmax(300px,29%) minmax(0,71%);align-items:start;gap:16px;margin-top:16px}.pitch-tool__inputs{color:#fff;background:#082b48;border:1px solid #244967;border-radius:7px;min-height:0;padding:22px 20px;box-shadow:inset 0 1px #ffffff0a}.pitch-tool__input-heading>span{color:#f4f8fb;letter-spacing:.02em;align-items:center;gap:9px;font-size:.76rem;display:flex}.pitch-tool__input-heading b,.pitch-tool__visual-label b,.pitch-results__heading b{color:#0a3d70;background:linear-gradient(145deg,#eef5fb,#d8e7f3);border-radius:50%;place-items:center;width:25px;height:25px;font-size:.75rem;display:grid;box-shadow:0 4px 12px #000d1c2e}.pitch-tool__input-heading small{color:#b3c5d4;margin-top:8px;font-size:.74rem}.pitch-tool__inputs .pitch-field{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.pitch-tool__inputs .pitch-field>span{color:#f4f8fb;text-transform:none;letter-spacing:0;font-size:.76rem;font-weight:700}.pitch-tool__inputs .pitch-field>div{background:#02192cb8;border-color:#315c7c;border-radius:5px;min-height:53px;box-shadow:inset 0 1px 5px #0000002b}.pitch-tool__inputs .pitch-field>div:focus-within{border-color:#1689ef;box-shadow:0 0 0 3px #1689ef26,inset 0 1px 5px #00000024}.pitch-tool__inputs .pitch-field input{color:#fff;background:0 0}.pitch-tool__inputs .pitch-field select,.pitch-tool__inputs .pitch-field b{color:#dce8f1;background:#0a304edb;border-left-color:#315c7c}.pitch-tool__inputs .pitch-field small{color:#9fb6c8}.pitch-tool__enter-submit{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pitch-tool__tip{background:0 0;border:0;border-top:1px solid #245274;border-radius:0;grid-template-columns:32px 1fr;gap:12px;margin-top:20px;padding:18px 0 0;display:grid}.pitch-tool__tip i{border:1.5px solid #f1bd38;border-radius:50%;width:20px;height:20px;margin-top:3px;position:relative}.pitch-tool__tip i:after{content:"";border-block:1px solid #f1bd38;height:4px;position:absolute;bottom:-5px;left:5px;right:5px}.pitch-tool__tip p{color:#d9e4ec;margin:0;font-size:.72rem;line-height:1.5}.pitch-tool__tip strong{color:#fff;margin-bottom:2px;display:block}.pitch-tool__instrument{background:#f8fbfd;border:1px solid #cfdae4;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px #000d1c24}.pitch-tool__visual{background:#f8fbfd;min-height:400px;padding:18px 20px 16px}.pitch-tool__visual-label{align-items:center;display:flex}.pitch-tool__visual-label>span{align-items:center;gap:10px;display:flex}.pitch-tool__visual-label>span>span{gap:3px;display:grid}.pitch-tool__visual-label strong{color:#102f4f;letter-spacing:.01em;font-size:.8rem}.pitch-tool__visual-label small{color:#71869a;letter-spacing:0;text-transform:none;font-size:.69rem;font-weight:500}.pitch-tool__visual-label em{color:#71869a;letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:.61rem;font-style:normal;font-weight:700}.roof-diagram{background-color:#fff;border:1px solid #d6e1ea;border-radius:6px;min-height:340px}.roof-diagram__rafter{stroke-width:7px}.roof-diagram__rafter-accent{stroke-width:4px;opacity:.78}.roof-diagram__run,.roof-diagram__rise{stroke-width:2px;stroke-dasharray:none}.roof-diagram__angle,.roof-diagram__right-angle{stroke-width:1.5px}.roof-diagram__tick{stroke-width:1.25px}.roof-diagram__label{letter-spacing:.5px;font-size:9px}.roof-diagram__angle-label{fill:var(--blue-dark);font-family:var(--font-sans);font-size:9px;font-weight:800}.roof-diagram__rafter,.roof-diagram__rafter-accent,.roof-diagram__run,.roof-diagram__rise,.roof-diagram__angle,.roof-diagram__right-angle,.roof-diagram__tick,.roof-diagram__label,.roof-diagram__angle-label{transition:all .24s}.pitch-results{border-top-color:#d0dce6}.pitch-results__heading{color:#12314f;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid #d4dfe8;align-items:center;gap:10px;min-height:48px;padding:8px 20px;font-size:.76rem;display:flex}.pitch-results__primary{grid-template-columns:1.15fr .75fr}.pitch-result--primary{background:linear-gradient(135deg,#082c4c,#061d34);min-height:116px}.pitch-result--secondary{background:linear-gradient(135deg,#f7fbff,#eaf4fb)}.pitch-results__derived .pitch-result{min-height:70px}.pitch-results__footer{border-top:1px solid #d5e0e8;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.pitch-results__interpretation{padding:12px 20px}.pitch-results__actions{border:0;min-height:0;padding:10px 18px}.pitch-results__actions .text-button,.pitch-results .copy-button{color:#163956;background:#f7fafc;border:1px solid #cbd9e4;border-radius:4px;padding:7px 11px;text-decoration:none}.pitch-tool__features{background:#f7fafc;border:1px solid #d5e0e8;border-radius:7px;grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid;box-shadow:0 6px 16px #000f1e1f}.pitch-feature{align-items:center;gap:12px;min-height:78px;padding:14px 22px;display:flex}.pitch-feature:not(:last-child){border-right:1px solid #d9e3ea}.pitch-feature__icon{background:#eef6fc;border-radius:50%;flex:0 0 34px;width:34px;height:34px;position:relative;box-shadow:0 5px 16px #12466e14}.pitch-feature__icon:before{content:"";border:2px solid #0872d1;position:absolute;inset:8px}.pitch-feature__icon--target:before{border-radius:50%;box-shadow:0 0 0 4px #eef6fc,0 0 0 5px #0872d1}.pitch-feature__icon--bolt:before{clip-path:polygon(48% 0,92% 0,62% 42%,88% 42%,30% 100%,44% 57%,16% 57%);background:#0872d1;border:0}.pitch-feature__icon--grid:before{background:linear-gradient(90deg,#0000 42%,#0872d1 42% 58%,#0000 58%),linear-gradient(#0000 42%,#0872d1 42% 58%,#0000 58%)}.pitch-feature span{gap:3px;display:grid}.pitch-feature strong{color:#103253;font-size:.76rem}.pitch-feature small{color:#687f92;font-size:.67rem}@media (max-width:1100px){.pitch-tool__toolbar{grid-template-columns:1fr auto auto auto;gap:14px}.pitch-tool__tabs button,.pitch-tool__tabs button:last-child{min-width:84px}.pitch-tool__workspace{grid-template-columns:minmax(280px,34%) minmax(0,66%)}.pitch-feature{padding-inline:14px}}@media (max-width:899px){.pitch-tool{padding:10px}.pitch-tool__toolbar{grid-template-columns:1fr auto}.pitch-tool__mode-label,.pitch-tool__reset-all{display:none}.pitch-tool__tabs{grid-column:1/-1}.pitch-tool__tabs button,.pitch-tool__tabs button:last-child{flex:1;min-width:0}.pitch-tool__workspace{grid-template-columns:1fr}.pitch-tool__inputs{min-height:auto}.pitch-tool__tip{margin-top:20px}.pitch-results__footer{background:#fff;order:4;grid-template-columns:1fr auto}.pitch-tool__features{grid-template-columns:repeat(2,1fr)}.pitch-feature:nth-child(2){border-right:0}.pitch-feature:nth-child(-n+2){border-bottom:1px solid #d9e3ea}}@media (max-width:639px){.pitch-tool{border-radius:8px;padding:7px}.pitch-tool__toolbar{min-height:0;padding:10px}.pitch-tool__identity h2{font-size:.75rem}.pitch-tool__inputs{padding:20px 16px}.pitch-tool__fields{grid-template-columns:1fr}.pitch-tool__visual{min-height:300px;padding:15px 12px}.pitch-tool__visual-label em{display:none}.roof-diagram{min-height:230px}.pitch-results__footer{grid-template-columns:1fr}.pitch-results__actions{justify-content:flex-start;padding-top:0}.pitch-tool__features{grid-template-columns:1fr}.pitch-feature,.pitch-feature:nth-child(2){border-bottom:1px solid #d9e3ea;border-right:0}.pitch-feature:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){.roof-diagram__rafter,.roof-diagram__rafter-accent,.roof-diagram__run,.roof-diagram__rise,.roof-diagram__angle,.roof-diagram__right-angle,.roof-diagram__tick,.roof-diagram__label,.roof-diagram__angle-label{transition:none}}.pitch-tool{padding:14px}.pitch-tool__toolbar{grid-template-columns:minmax(230px,1fr) auto auto;min-height:68px;padding:7px 14px}.pitch-tool__workspace{align-items:stretch}.pitch-tool__inputs{padding:18px 20px}.pitch-tool__input-heading{margin-bottom:20px}.pitch-tool__fields{gap:15px}.pitch-field>div{min-height:49px}.pitch-tool__tip{grid-template-columns:26px 1fr;gap:10px;margin-top:16px;padding-top:14px}.pitch-tool__tip i{width:18px;height:18px}.pitch-tool__tip p{font-size:.69rem;line-height:1.42}.pitch-tool__visual{min-height:360px}.roof-diagram{min-height:300px}.roof-diagram pattern path{stroke:#102a4307}.pitch-results{border:1px solid #cfdae4;border-radius:7px;margin-top:16px;overflow:hidden}.pitch-results__dock{grid-template-columns:1.18fr .82fr;display:grid}.pitch-results__primary{border-bottom:0;grid-template-columns:1.25fr .75fr}.pitch-results__derived{border-bottom:0;border-left:1px solid #d5e0e8}.pitch-result--primary,.pitch-result--secondary{min-height:104px}.pitch-results__derived .pitch-result{min-height:104px;padding-inline:13px}.pitch-results__footer{border-top:1px solid #d5e0e8}.pitch-results__actions{background:#f7fafc;border:1px solid #cbd9e4;border-radius:4px;justify-self:end;gap:0;width:max-content;padding:0;overflow:hidden}.pitch-results__actions .text-button,.pitch-results .copy-button{background:0 0;border:0;border-radius:0;min-height:32px;padding:6px 10px}.pitch-results .copy-button{border-right:1px solid #cbd9e4}@media (min-width:1101px){.pitch-tool__workspace{grid-template-columns:minmax(280px,27%) minmax(0,73%)}}@media (max-width:1100px){.pitch-tool__toolbar{grid-template-columns:1fr auto auto}.pitch-results__dock{grid-template-columns:1.1fr .9fr}}@media (min-width:900px) and (max-width:1100px){.pitch-tool__workspace{grid-template-columns:minmax(280px,32%) minmax(0,68%)}}@media (max-width:899px){.pitch-tool{padding:10px}.pitch-tool__toolbar{min-height:0;padding:9px 12px}.pitch-tool{flex-direction:column;display:flex}.pitch-tool__toolbar{order:0}.pitch-tool__workspace{display:contents}.pitch-tool__inputs{order:1;margin-top:16px}.pitch-tool__visual{border-radius:7px;order:5;margin-top:16px}.pitch-results{border:0;margin:0;display:contents}.pitch-results__heading{background:#fff;border:1px solid #d4dfe8;border-radius:7px 7px 0 0;order:2;margin-top:16px}.pitch-results__dock{display:contents}.pitch-results__primary{border-left:1px solid #d5e0e8;border-right:1px solid #d5e0e8;order:3}.pitch-results__derived{border:1px solid #d5e0e8;order:4}.pitch-results__footer{background:#fff;border:1px solid #d5e0e8;border-radius:0 0 7px 7px;order:6}.pitch-tool+.how-to{margin-top:52px}}@media (max-width:639px){.pitch-tool{padding:7px}.pitch-tool__inputs{padding:17px 16px}.pitch-results__derived .pitch-result{min-height:62px;padding-inline:8px}.pitch-tool__visual{min-height:292px}.roof-diagram{min-height:225px}.pitch-results__actions{justify-self:start}.pitch-tool+.how-to{margin-top:44px}}.calculator-page__body>.content-section,.content-band .content-section{max-width:1120px}.content-section{margin-top:72px}.content-section h2{letter-spacing:-.025em;max-width:820px;margin-bottom:12px;font-size:clamp(2rem,3vw,2.25rem);line-height:1.12}.content-section h3{font-size:1.35rem}.content-section p,.content-section li{font-size:1rem;line-height:1.65}.section-heading{max-width:820px;margin-bottom:22px}.section-header__kicker{letter-spacing:.13em;font-size:.7rem}.content-band{border-color:#e1e8ed;margin-top:72px}.content-band .content-section{padding-block:56px}.content-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:52px}.technical-copy{max-width:460px}.technical-copy p{max-width:460px;margin-block:18px 0}.technical-copy p+p{margin-top:20px}.technical-note{border-left:3px solid var(--blue);background:0 0;padding:4px 0 4px 16px;margin-top:22px!important;font-size:.9rem!important;line-height:1.55!important}.technical-note strong{color:var(--blue-dark);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:.68rem;display:block}.how-to{max-width:1080px!important}.steps-list{grid-template-columns:repeat(3,1fr);gap:0;padding:0}.steps-list li{grid-template-columns:42px 1fr;gap:12px;min-height:88px;padding:7px 22px 7px 0}.steps-list li+li{border-left:1px solid #d8e2e9;padding-left:22px}.steps-list li>span{font-size:1.25rem}.steps-list li>div{border:0;padding:0}.steps-list li strong{font-size:.94rem}.steps-list li p{max-width:245px;margin-top:3px;font-size:.82rem;line-height:1.5}.how-to__definition{border-left:3px solid var(--blue);max-width:820px;margin:17px 0 0;padding:7px 0 7px 16px;font-size:.9rem!important;line-height:1.55!important}.technical-figure{box-shadow:none;border:1px solid #cbd8e1;overflow:hidden}.technical-figure svg{background:#f7fafc;width:100%;padding:0;display:block}.technical-figure figcaption{border-top:2px solid var(--blue);background:#fff;padding:10px 14px 11px;font-size:.78rem;line-height:1.5}.technical-figure .diagram-line{stroke-width:3.5px}.technical-figure .diagram-accent{stroke:var(--blue);stroke-width:2px}.technical-figure .diagram-timber{fill:#d9b88f;stroke:var(--timber)}.technical-figure text{letter-spacing:.035em;font-size:11px}.technical-figure .diagram-label--major{fill:var(--blue-dark);letter-spacing:.05em;font-size:14px;font-weight:800}.formula-panel{background:#fff;border:1px solid #c4d2dc;border-left:0}.formula-panel__header{padding:13px 20px}.formula-grid{background:#fff}.formula-grid>div{border-color:#dce4e9;min-height:118px;padding:22px 24px}.formula-grid h3{color:var(--blue-dark);letter-spacing:.1em;margin:0 0 13px;font-size:.7rem}.formula-expression{letter-spacing:-.01em;font-weight:720;color:var(--navy)!important;margin:0!important;font-size:1.2rem!important;line-height:1.35!important}.formula-expression i{color:var(--blue-dark);font-family:Georgia,serif;font-size:1.35em;font-style:italic}.formula-expression span{font-weight:550}.formula-expression sup{font-size:.65em}.worked-example{background:#f2f7fb;border:1px solid #c5d6e2;margin-top:24px}.worked-example__label{border:0;padding:15px 20px 0}.worked-example__title{justify-content:flex-start;padding:4px 20px 14px}.worked-example__title span{font-size:1.35rem}.worked-example__body{background:0 0;border-top:1px solid #d3e0e9;grid-template-columns:.8fr 1.05fr 1.15fr;gap:0;padding:0}.worked-example__body>div{background:0 0;min-height:124px;padding:18px 24px}.worked-example__body>div+div{border-left:1px solid #d3e0e9}.worked-example__body>div:not(:last-child):after{content:"→";background:#f2f7fb;border:1px solid #b9cbd7;border-radius:50%;width:22px;height:22px;right:-11px}.worked-example__body p{margin-top:8px}.worked-example__formula{white-space:nowrap;font-weight:750;color:var(--navy)!important;font-size:1.06rem!important}.worked-example__result strong{margin-top:3px;font-size:2rem;line-height:1.15}.worked-example__result small{margin-top:5px;line-height:1.5;display:block}.reference-section .section-heading{margin-bottom:18px}.table-wrap{border:1px solid #d8e1e7}.table-wrap th,.table-wrap td{border-bottom-color:#e4eaee;padding:8px 16px}.table-wrap thead th{letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.table-wrap tbody tr:hover{background:#f5f8fb}.table-wrap tbody .reference-row--current{box-shadow:inset 3px 0 var(--blue);background:#edf6fc}.table-wrap tbody th button{text-decoration:none}.table-wrap tbody tr:hover th button{text-underline-offset:3px;text-decoration:underline}.table-wrap tbody th button:focus-visible{text-underline-offset:3px;text-decoration:underline}.split-notes{grid-template-columns:1.06fr .94fr;align-items:start;gap:48px;max-width:1080px!important}.split-notes>div{padding:0}.split-notes h2{font-size:1.65rem}.mistakes-list{background:0 0;border:0!important;border-top:3px solid var(--timber)!important;padding-top:20px!important}.mistakes-list ol{margin-top:14px}.mistakes-list li{border-top-color:#dededb;grid-template-columns:30px 1fr;padding:8px 0;font-size:.88rem;line-height:1.5}.safety-notice{background:#eef4f8;border:0!important;border-left:3px solid var(--blue)!important;padding:24px!important}.safety-notice dl{gap:12px;margin-top:14px}.safety-notice dl div{padding-top:10px}.safety-notice dd{font-size:.84rem;line-height:1.55}.sources{border-top:2px solid var(--navy);grid-template-columns:.62fr 1.38fr;gap:50px;padding-top:30px;max-width:1060px!important}.sources h2{font-size:1.75rem}.source-list li{grid-template-columns:68px 1fr;gap:3px 16px;padding:15px 0}.source-list strong{color:var(--blue-dark);letter-spacing:.08em;font-size:.72rem}.source-list a{font-size:.95rem;text-decoration-thickness:1px}.source-list span{font-size:.78rem}.faq-page{max-width:900px!important}.faq-page>h2{margin-top:5px;margin-bottom:20px}.details-list{gap:8px}.technical-faq{border-color:#d2dce3}.technical-faq[open]{box-shadow:inset 3px 0 var(--blue);border-color:#9abbd2}.technical-faq summary{min-height:54px;padding:14px 17px;font-size:.92rem}.technical-faq>div{max-width:760px;padding:0 48px 17px 17px}.technical-faq>div p{font-size:.9rem;line-height:1.6}@media (max-width:899px){.content-section,.content-band{margin-top:60px}.content-band .content-section{padding-block:48px}.content-grid{grid-template-columns:1fr;gap:30px}.technical-copy,.technical-copy p{max-width:720px}.split-notes{grid-template-columns:1fr;gap:34px}.sources{grid-template-columns:1fr;gap:16px}}@media (max-width:639px){.content-section{margin-top:50px}.content-section h2{font-size:1.75rem}.content-section h3{font-size:1.2rem}.content-section p,.content-section li{font-size:.94rem}.content-band{margin-top:50px}.content-band .content-section{padding-block:42px}.section-heading{margin-bottom:18px}.steps-list{grid-template-columns:1fr}.steps-list li,.steps-list li+li{border-top:1px solid #d8e2e9;border-left:0;min-height:0;padding:13px 0}.steps-list li:first-child{border-top:0}.how-to__definition{margin-top:12px}.technical-figure figcaption{font-size:.74rem}.formula-grid{grid-template-columns:1fr}.formula-grid>div{min-height:0;padding:18px;border-right:0!important}.formula-grid>div:not(:last-child){border-bottom:1px solid #dce4e9!important}.formula-expression{font-size:1.05rem!important}.formula-panel__header{gap:3px;display:grid}.worked-example__body{grid-template-columns:1fr}.worked-example__body>div{min-height:0;padding:16px 18px}.worked-example__body>div+div{border-top:1px solid #d3e0e9;border-left:0}.worked-example__body>div:not(:last-child):after{inset:auto auto -11px 24px;transform:rotate(90deg)}.worked-example__formula{white-space:normal}.split-notes{gap:30px}.safety-notice{padding:20px!important}.source-list li{grid-template-columns:58px 1fr}.faq-page{margin-bottom:0}}.calculator-page{--editorial-serif:Georgia, "Times New Roman", serif;background:#fff}.calculator-page__hero{background:linear-gradient(115deg,#f5f8fb 0 67%,#edf4f9 67%);border-bottom:1px solid #dbe4eb;overflow:hidden}.calculator-page__hero:before{content:"";background:linear-gradient(145deg,#0000 49.5%,#1769aa1c 50% 50.8%,#0000 51%);border:1px solid #1769aa21;border-bottom:0;width:310px;height:172px;position:absolute;bottom:-54px;right:max(24px,50vw - 600px);transform:skew(-9deg)}.calculator-page__hero:after{background:linear-gradient(90deg, var(--navy) 0 calc((100vw - min(1200px, calc(100vw - 32px))) / 2 + 190px), var(--blue) 0 calc((100vw - min(1200px, calc(100vw - 32px))) / 2 + 430px), transparent 0);height:4px}.calculator-page__hero-inner{z-index:1;padding-block:24px 34px;position:relative}.calculator-page__hero p{color:#42596c;max-width:820px;font-size:1.04rem;line-height:1.72}.breadcrumb{color:#567084;font-size:.82rem}.calculator-page__body{width:100%;max-width:none;padding-inline:0}.calculator-page__body>.pitch-tool{width:calc(100vw - 32px)}.calculator-page__body>.content-section,.content-band .content-section{width:calc(100vw - 40px)}.content-section h2{color:#0d2943;font-size:clamp(2.15rem,3.3vw,2.85rem);line-height:1.04}.section-header__kicker{color:#075eaa;letter-spacing:.16em;align-items:center;gap:9px;font-weight:800;display:inline-flex}.section-header__kicker:before{background:var(--blue);content:"";width:18px;height:2px}.section-heading>p{color:#50677a}.how-to{padding-top:8px;position:relative;max-width:1120px!important}.how-to:before{background:var(--timber);content:"";width:88px;height:1px;position:absolute;top:-18px;right:0}.steps-list li>span{font-family:var(--editorial-serif);font-size:1.7rem;font-weight:600}.steps-list li strong{letter-spacing:-.01em;font-size:.92rem}.how-to__definition{background:#f6f9fb;border-left-width:2px;max-width:900px;padding:13px 18px}.content-band--technical{background:linear-gradient(90deg,#f1f6f9 0 50%,#f7fafc 50%);position:relative}.content-band--technical:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(50% - 1px),#102a430a 50%,#0000 calc(50% + 1px));position:absolute;inset:0}.technical-copy h2{max-width:470px}.technical-copy p{color:#42586a}.technical-note{background:#ffffffc7;border-left-width:2px;padding:15px 18px}.technical-figure{background:#fff;border-color:#aebfcb;box-shadow:0 16px 40px #102a4314}.technical-figure svg{background:#f9fbfc;padding:0}.technical-figure figcaption{border-top:0;border-left:3px solid var(--blue);color:#5b7082;padding:13px 16px;font-size:.76rem}.technical-figure figcaption strong{color:var(--navy)}.technical-figure .diagram-surface{fill:#f8fafb}.technical-figure .diagram-gridline{fill:none;stroke:#dfe7ec;stroke-width:.75px}.technical-figure .diagram-wall{fill:none;stroke:#123653;stroke-width:3px}.technical-figure .diagram-house-fill{fill:#f1f5f7}.technical-figure .diagram-timber{fill:#ddb784;stroke:#9d652f;stroke-width:1.6px}.technical-figure .diagram-timber--roof{fill:#d9b07b}.technical-figure .diagram-rafter-shadow{fill:#b9c7d1;opacity:.55}.technical-figure .diagram-level{fill:#173b58;stroke:#071f34;stroke-width:1px}.technical-figure .diagram-level-vial{fill:#eff7fb;stroke:#0872c9;stroke-width:2px}.technical-figure .diagram-reference{fill:none;stroke:#70889a;stroke-width:1.3px}.technical-figure .diagram-reference--dash{stroke-dasharray:6 6}.technical-figure .diagram-accent,.technical-figure .diagram-slope-dimension{fill:none;stroke:#0872c9;stroke-width:2.3px}.technical-figure .diagram-slope-dimension{stroke-width:1.5px}.technical-figure .diagram-angle{fill:none;stroke:#0872c9;stroke-width:2px}.technical-figure .diagram-callout rect{fill:#0d5fa7}.technical-figure .diagram-callout text{fill:#fff;letter-spacing:.07em;font-size:11px;font-weight:800}.technical-figure .diagram-small-label,.technical-figure .diagram-dimension-note{fill:#304e67;letter-spacing:.07em;font-size:10px;font-weight:800}.technical-figure .diagram-dimension-note{fill:#0d5fa7;font-size:11px}.technical-figure .diagram-rafter-label{fill:#78502b;letter-spacing:.1em;font-size:11px;font-weight:800}.methodology{max-width:1060px!important}.formula-panel{border-color:#aebfcb}.formula-panel__header{background:#0c2b47;min-height:52px}.formula-grid>div{min-height:132px;padding:26px 28px}.formula-expression{font-family:var(--editorial-serif);font-weight:600;font-size:1.35rem!important}.worked-example{background:#f4f8fb;border-color:#b8cbd8}.worked-example__result{background:#dcecf7!important}.worked-example__result strong{font-family:var(--editorial-serif);font-weight:600}.content-band:not(.content-band--technical):not(.content-band--notes){background:#f7f9fb}.reference-section{max-width:1060px!important}.table-wrap{border-color:#b9c8d2;overflow:hidden}.table-wrap thead th{background:#0c2b47}.table-wrap tbody tr:nth-child(2n):not(.reference-row--current){background:#fbfcfd}.table-wrap tbody .reference-row--current{background:#e4f1fa}.mistakes-list{border-top-width:2px!important}.safety-notice{background:#ffffff9e}.sources{border-top-width:1px}.source-list a{color:#075eaa;font-weight:650}.technical-faq{border-radius:0}.technical-faq[open]{box-shadow:inset 3px 0 var(--blue);background:#f8fbfd}@media (max-width:899px){.calculator-page__hero:before{opacity:.45}.content-band--technical,.content-band--notes{background:#f3f7fa}.content-band--technical:before{display:none}}@media (max-width:639px){.calculator-page__hero h1{font-size:clamp(2.45rem,13vw,3.3rem)}.calculator-page__hero p{font-size:.95rem}.content-section h2{font-size:2rem}.technical-figure .diagram-callout text{font-size:9px}.technical-figure .diagram-small-label,.technical-figure .diagram-dimension-note,.technical-figure .diagram-rafter-label{font-size:8px}}.calculator-page{--editorial-serif:var(--font-sans)}.calculator-page__hero{background:#f3f7fa}.calculator-page__hero:before{display:none}.calculator-page__hero h1{max-width:820px;font-family:var(--font-sans);letter-spacing:-.045em;font-size:clamp(2.65rem,4.6vw,4rem);font-weight:550;line-height:1.02}.content-section h2,.sources h2,.faq-page>h2{font-family:var(--font-sans);letter-spacing:-.035em;font-weight:550}.content-section h2{font-size:clamp(2rem,3vw,2.55rem);line-height:1.08}.formula-expression,.worked-example__result strong,.steps-list li>span{font-family:var(--font-sans)}.formula-expression{font-weight:650}.formula-expression i{font-family:var(--font-sans);font-weight:650}.technical-figure--photo{background:#fff;border-color:#bdcad3}.technical-figure__visual{aspect-ratio:3/2;background:#f7f9fb;position:relative;overflow:hidden}.technical-figure__visual>img{object-fit:cover;width:100%;height:100%;display:block}.technical-figure__overlay{width:100%;height:100%;position:absolute;inset:0;background:0 0!important;padding:0!important}.technical-figure__overlay .overlay-dimension{fill:none;stroke:#0872c9;stroke-width:2px}.technical-figure__overlay .overlay-dimension--muted{stroke:#23445e}.technical-figure__overlay .overlay-reference{fill:none;stroke:#55748b;stroke-width:1.4px;stroke-dasharray:6 6}.technical-figure__overlay marker path{fill:#0872c9}.technical-figure__overlay .overlay-label{fill:#0b5798;paint-order:stroke;stroke:#ffffffeb;stroke-width:4px;stroke-linejoin:round;font-family:var(--font-sans);letter-spacing:.08em;font-size:12px;font-weight:800}.technical-figure__overlay .overlay-label--small{fill:#23445e;font-size:10px}.technical-figure--photo figcaption{border-top:1px solid #d4dee5;border-left:0;padding:13px 16px}.technical-figure--controlled{background:#fff;border-color:#bdcad3}.technical-figure--controlled svg{aspect-ratio:18/11}.technical-figure--controlled figcaption{border-top:1px solid #d4dee5;border-left:0;padding:13px 16px}.technical-figure--controlled marker path{fill:#0872c9}.technical-figure--controlled .diagram-zero{fill:#fff;stroke:#0872c9;stroke-width:4px}.technical-figure--controlled .diagram-zero-leader{fill:none;stroke:#0872c9;stroke-width:1.5px}.technical-figure--controlled .diagram-zero-label,.technical-figure--controlled .diagram-equation{fill:#0b5798;letter-spacing:.07em;font-size:10px;font-weight:800}.technical-figure--controlled .diagram-bearing-line{fill:none;stroke:#123653;stroke-width:2.5px}.technical-figure--controlled .diagram-bearing-label{fill:#304e67;letter-spacing:.05em;font-size:8px;font-weight:800}.methodology-terminology{border-left:2px solid var(--blue);color:#405d73;margin-top:16px;padding-left:16px}.technical-figure--controlled .diagram-gridline{stroke:#e5ecf1;stroke-width:.65px}.technical-figure--controlled .diagram-level-label,.technical-figure--controlled .diagram-dimension-label,.technical-figure--controlled .diagram-qualifier{fill:#193d59;font-family:var(--font-sans);letter-spacing:.055em;font-size:12px;font-weight:750}.technical-figure--controlled .diagram-dimension-label{fill:#0667b8;font-size:14px}.technical-figure--controlled .diagram-qualifier{fill:#587084;font-size:10px}.technical-figure--controlled .diagram-extension{fill:none;stroke:#71899b;stroke-width:1.25px}.technical-figure--controlled .diagram-dimension{fill:none;stroke:#0872c9;stroke-width:2.2px}.technical-figure--controlled .diagram-dimension--secondary{stroke:#173b58}.technical-figure--controlled .diagram-callout-line{fill:none;stroke:#0872c9;stroke-width:1.5px}.technical-figure--controlled .diagram-callout-label rect,.technical-figure--controlled .diagram-result-label rect,.technical-figure--controlled .diagram-equation-label rect{fill:#fff;stroke:#9ab2c3;stroke-width:1px}.technical-figure--controlled .diagram-result-label rect{fill:#0d66ad;stroke:#0d66ad}.technical-figure--controlled .diagram-equation-label rect{fill:#eaf4fb;stroke:#93bcd9}.technical-figure--controlled .diagram-callout-label text,.technical-figure--controlled .diagram-result-label text,.technical-figure--controlled .diagram-equation-label text,.technical-figure--controlled .diagram-point-label text{fill:#173b58;font-family:var(--font-sans);letter-spacing:.055em;font-size:11px;font-weight:800}.technical-figure--controlled .diagram-result-label text{fill:#fff;font-size:14px}.technical-figure--controlled .diagram-equation-label text{fill:#075fa8;font-size:12px}.technical-figure--controlled .diagram-point-label rect{fill:#fff;stroke:#a9bbc8;stroke-width:1px}.technical-figure--controlled .diagram-centerline{fill:none;stroke:#7f98aa;stroke-width:1.5px;stroke-dasharray:6 6}.technical-figure--controlled figcaption{font-size:.8rem;line-height:1.55}.technical-figure--hybrid{background:#fff;border-color:#aebfcb;overflow:hidden;box-shadow:0 16px 40px #102a4314}.technical-figure--hybrid .technical-figure__visual{aspect-ratio:3/2;background:#eef3f6}.technical-figure--hybrid .technical-figure__visual>img{filter:saturate(.82)contrast(.96)brightness(1.025)}.technical-figure--hybrid .technical-figure__overlay{overflow:visible}.technical-figure--hybrid .technical-figure__overlay marker path{fill:#0872c9}.technical-figure--hybrid .hybrid-level{fill:#173b58;stroke:#fff;stroke-width:1.5px}.technical-figure--hybrid .hybrid-level-vial{fill:#f7fbfd;stroke:#0872c9;stroke-width:2.5px}.technical-figure--hybrid .hybrid-origin{fill:#fff;stroke:#0872c9;stroke-width:4px}.technical-figure--hybrid .hybrid-leader,.technical-figure--hybrid .hybrid-extension{fill:none;stroke:#46677f;stroke-width:1.5px}.technical-figure--hybrid .hybrid-leader{stroke:#0872c9}.technical-figure--hybrid .hybrid-dimension{fill:none;stroke:#0872c9;stroke-width:2.4px}.technical-figure--hybrid .hybrid-dimension--span{stroke:#173b58}.technical-figure--hybrid .hybrid-bearing{fill:none;stroke:#173b58;stroke-width:2.5px}.technical-figure--hybrid .hybrid-centerline{fill:none;stroke:#5e7b91;stroke-width:1.5px;stroke-dasharray:7 7}.technical-figure--hybrid .hybrid-callout rect,.technical-figure--hybrid .hybrid-equation rect{fill:#fffffff0;stroke:#9db5c6;stroke-width:1px}.technical-figure--hybrid .hybrid-equation rect{fill:#e7f3fbf5;stroke:#87b6d7}.technical-figure--hybrid .hybrid-result rect{fill:#0d66ad;stroke:#fff;stroke-width:1px}.technical-figure--hybrid text{font-family:var(--font-sans);letter-spacing:.055em;font-weight:800}.technical-figure--hybrid .hybrid-callout text{fill:#173b58;font-size:11px}.technical-figure--hybrid .hybrid-result text{fill:#fff;font-size:14px}.technical-figure--hybrid .hybrid-equation text{fill:#075fa8;font-size:12px}.technical-figure--hybrid .hybrid-dimension-label{fill:#075fa8;paint-order:stroke;stroke:#ffffffe6;stroke-width:3px;font-size:14px}.technical-figure--hybrid .hybrid-level-label{fill:#173b58;paint-order:stroke;stroke:#ffffffe6;stroke-width:3px;font-size:11px}.technical-figure--hybrid .hybrid-qualifier{fill:#405f76;paint-order:stroke;stroke:#ffffffe6;stroke-width:3px;font-size:10px}.technical-figure--hybrid figcaption{border-top:1px solid #c7d4dd;border-left:0;padding:13px 16px;font-size:.8rem;line-height:1.55}@media (max-width:639px){.calculator-page__hero h1{font-size:clamp(2.3rem,12vw,3rem)}.content-section h2{font-size:1.85rem}.technical-figure__overlay .overlay-label{font-size:10px}.technical-figure__overlay .overlay-label--small{font-size:8px}.technical-figure--hybrid .hybrid-callout text{font-size:13px}.technical-figure--hybrid .hybrid-result text{font-size:17px}.technical-figure--hybrid .hybrid-equation text{font-size:14px}.technical-figure--hybrid .hybrid-dimension-label{font-size:17px}.technical-figure--hybrid .hybrid-level-label{font-size:13px}.technical-figure--hybrid .hybrid-qualifier{font-size:12px}}.calculator-page__hero .section-header__kicker,.calculator-page__body .content-section .section-header__kicker{display:none}.calculator-page__hero h1{margin-top:0}.calculator-page__hero-inner--featured{grid-template-columns:minmax(0,1fr) minmax(280px,330px);align-items:center;gap:44px;display:grid}.calculator-page__hero-inner--featured .page-featured-copy{min-width:0}.calculator-page__hero-inner--featured .page-featured-image{width:100%}.roof-cost-page{overflow-x:hidden}.roof-cost-tool{--roof-cost-control-column:31%;color:#0b2f4a;background:#f4f8fb;border:1px solid #0b3f64;border-radius:4px;width:min(1200px,100vw - 32px);margin:0 auto;overflow:hidden}.roof-cost-toolbar{color:#fff;background:#06263d;justify-content:space-between;align-items:center;min-height:56px;padding:9px 18px;display:flex}.roof-cost-toolbar>div{align-items:center;gap:14px;display:flex}.roof-cost-toolbar>div:first-child>span:first-child{text-transform:uppercase;font-size:14px;font-weight:800}.roof-cost-live{text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.roof-cost-live i{background:#38d39f;border-radius:50%;width:7px;height:7px}.roof-cost-modes,.roof-cost-area-tabs{display:flex}.roof-cost-modes button,.roof-cost-area-tabs button{color:#fff;background:#082b43;border:1px solid #315c78;min-height:38px;padding:0 20px;font:700 12px Manrope,sans-serif}.roof-cost-modes button[aria-pressed=true],.roof-cost-area-tabs button[aria-pressed=true]{background:#157fc9;border-color:#157fc9}.roof-cost-body{grid-template-columns:var(--roof-cost-control-column) minmax(0,1fr);display:grid}.roof-cost-controls{color:#fff;background:#0c3d5b;padding:22px}.roof-cost-stage{min-width:0;padding:22px 24px 18px}.roof-cost-stage>p{color:#597286;margin:10px 0 0;font-size:12px}.roof-cost-step{gap:12px;margin-bottom:18px;display:flex}.roof-cost-step>b{color:#075eaa;background:#e8f4fb;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.roof-cost-step strong{text-transform:uppercase;font-size:13px;display:block}.roof-cost-step span{color:#c4d7e2;margin-top:4px;font-size:11px;display:block}.roof-cost-stage .roof-cost-step span{color:#60798c}.roof-cost-area-tabs{margin-bottom:15px}.roof-cost-area-tabs button{flex:1;padding:0 8px}.roof-cost-field,.roof-cost-select,.roof-cost-label-input{margin-bottom:15px;display:block}.roof-cost-field>span,.roof-cost-select>span,.roof-cost-label-input>span{margin-bottom:6px;font-size:11px;font-weight:800;display:block}.roof-cost-field>div{border:1px solid #4d7086;border-radius:3px;display:flex;overflow:hidden}.roof-cost-field input,.roof-cost-select select,.roof-cost-label-input input{color:#fff;background:#082f49;border:1px solid #4d7086;border-radius:3px;width:100%;min-width:0;padding:11px;font:700 15px Manrope,sans-serif}.roof-cost-field input{border:0;border-radius:0}.roof-cost-field b{white-space:nowrap;background:#0b3652;padding:11px;font-size:11px}.roof-cost-subgroup{grid-template-columns:1fr 1fr;gap:10px;display:grid}.roof-cost-help,.roof-cost-imported{margin:-7px 0 15px;font-size:10px;line-height:1.5}.roof-cost-help a{color:#31a8f5;font-weight:800}.roof-cost-imported{color:#a8e3ff}.roof-cost-error{color:#ffd3bd;font-size:11px}.cost-stack{background:#fff;border:1px solid #bfd0dc;width:100%;height:auto}.cost-stack text{fill:#506b7f;font-family:Manrope,sans-serif;font-size:12px}.cost-stack line{stroke:#8ea5b5}.cost-stack__kicker{letter-spacing:.06em;font-weight:800}.cost-stack__total,.cost-stack__value{font-weight:800;fill:#0b2f4a!important}.cost-stack__total{font-size:18px!important}.roof-cost-results{grid-template-columns:var(--roof-cost-control-column) minmax(0,1fr);background:#fff;border-top:1px solid #0b3f64;display:grid}.roof-cost-primary{color:#fff;background:#0a3654;padding:25px 27px}.roof-cost-primary span,.roof-cost-metrics span,.roof-cost-breakdown span{text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:800;display:block}.roof-cost-primary strong{margin:8px 0;font-size:42px;line-height:1.05;display:block}.roof-cost-primary p{margin:0;font-size:10px}.roof-cost-metrics,.roof-cost-breakdown{grid-template-columns:repeat(4,1fr);display:grid}.roof-cost-metrics>div,.roof-cost-breakdown>div{border-left:1px solid #cfdae2;flex-direction:column;justify-content:center;min-width:0;padding:22px 18px;display:flex}.roof-cost-metrics strong,.roof-cost-breakdown strong{color:#086ab5;margin-top:11px;font-size:17px}.roof-cost-breakdown{background:#fff;border-top:1px solid #cfdae2}.roof-cost-breakdown>div{border-left:0;border-right:1px solid #cfdae2}.roof-cost-footer{background:#fff;border-top:1px solid #cfdae2;justify-content:space-between;align-items:center;gap:20px;padding:10px 18px;display:flex}.roof-cost-footer p{color:#587084;margin:0;font-size:10px}.roof-cost-footer>div{display:flex}.roof-cost-footer button,.roof-cost-guided button{background:#fff;border:1px solid #bdceda;padding:9px 14px;font:700 11px Manrope,sans-serif}.roof-cost-footer button+button{border-left:0}.roof-cost-guided{background:linear-gradient(90deg,#0c3d5b 0 var(--roof-cost-control-column),#f4f8fb var(--roof-cost-control-column));color:#0b2f4a;min-height:470px;padding:72px 8%}.roof-cost-guided>span{color:#0875c6;letter-spacing:.08em;font-size:11px;font-weight:800}.roof-cost-guided h2{max-width:650px;margin:12px 0;font-size:clamp(2rem,4vw,3.2rem)}.roof-cost-guided p{max-width:650px}.roof-cost-guided__status{background:#fff;border-left:3px solid #d3a35f;padding:14px}.roof-cost-scope{background:#fff;border:1px solid #bdceda;padding:24px}.roof-cost-scope h2{margin-top:0}.roof-cost-scope dl{margin:0}.roof-cost-scope dl div{border-top:1px solid #d5e0e7;padding:12px 0}.roof-cost-scope dt{font-weight:800}.roof-cost-scope dd{color:#536c7f;margin:4px 0 0}.roof-cost-page code{color:#0b4d78;background:#e8f1f7;padding:2px 5px}.roof-cost-data-status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.roof-cost-location-profile{background:#fff;border:1px solid #bfd0dc;grid-template-columns:auto 1fr;align-items:baseline;gap:3px 12px;margin-top:12px;padding:11px 13px;display:grid}.roof-cost-location-profile span{color:#60798c;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.roof-cost-location-profile strong{color:#075eaa;justify-self:end;font-size:14px}.roof-cost-location-profile small{color:#597286;grid-column:1/-1;font-size:10px;line-height:1.45}.roof-cost-optional{border-top:1px solid #4d7086;border-bottom:1px solid #4d7086;margin:4px 0 14px}.roof-cost-optional summary{cursor:pointer;padding:12px 0;font-size:11px;font-weight:800}.roof-cost-optional[open] summary{margin-bottom:10px}.roof-cost-context{color:#536c7f;background:#fff;border-left:2px solid #d3a35f;margin-top:12px;padding:12px 14px;font-size:11px;line-height:1.55}.roof-cost-context b{color:#0b2f4a}.roof-cost-controls .roof-cost-select select{-webkit-appearance:auto;appearance:auto}.roof-cost-stage .cost-stack{max-height:330px}.roof-cost-primary strong,.roof-cost-metrics strong,.roof-cost-breakdown strong{font-variant-numeric:tabular-nums}@media (max-width:900px){.roof-cost-body{flex-direction:column;display:flex}.roof-cost-controls{order:1}.roof-cost-results{flex-direction:column;display:flex}.roof-cost-primary{order:0}.roof-cost-metrics{order:1;grid-template-columns:1fr 1fr}.roof-cost-stage{border-top:1px solid #bfd0dc;order:2}.roof-cost-breakdown{grid-template-columns:1fr 1fr}.roof-cost-guided{background:#f4f8fb;padding:52px 7%}}@media (max-width:640px){.roof-cost-page .calculator-page__hero h1{overflow-wrap:anywhere;font-size:clamp(2.15rem,11vw,2.7rem)}.roof-cost-tool{width:calc(100vw - 24px)}.roof-cost-toolbar{flex-direction:column;align-items:stretch;gap:9px}.roof-cost-modes{width:100%}.roof-cost-modes button{flex:1;min-width:0;padding-inline:8px}.roof-cost-area-tabs button{min-width:0}.roof-cost-controls,.roof-cost-stage{padding:18px 15px}.roof-cost-subgroup{grid-template-columns:1fr}.roof-cost-primary strong{font-size:38px}.roof-cost-metrics,.roof-cost-breakdown{grid-template-columns:1fr}.roof-cost-metrics>div,.roof-cost-breakdown>div{border-bottom:1px solid #cfdae2;border-left:0}.roof-cost-footer{flex-direction:column;align-items:stretch}.roof-cost-footer button{flex:1}.roof-cost-guided{min-height:390px;padding:40px 20px}}@media (prefers-reduced-motion:reduce){.roof-cost-tool *{scroll-behavior:auto!important;transition:none!important}}.metal-system-figure{background:#fff;border:1px solid #bdceda;margin:0}.metal-system-figure svg{width:100%;height:auto;display:block}.metal-system-figure text{fill:#173d56;font-family:Manrope,sans-serif;font-size:13px}.metal-system-figure .metal-diagram-heading{letter-spacing:.08em;font-weight:800}.metal-system-figure figcaption{color:#536c7f;border-top:2px solid #0875c6;padding:14px 16px;font-size:13px}.metal-preview{background:linear-gradient(145deg,#eef5f9,#fff);border:1px solid #bfd0dc;align-content:center;place-items:center;gap:12px;min-height:250px;padding:24px;display:grid}.metal-preview__roof{background:#6f8fa2;border:2px solid #173d56;width:min(420px,80%);height:125px;position:relative;overflow:hidden;transform:skew(-18deg)}.metal-preview__roof i{background:#dbe6ec;width:3px;position:absolute;inset-block:0}.metal-preview__roof i:first-child{left:16%}.metal-preview__roof i:nth-child(2){left:33%}.metal-preview__roof i:nth-child(3){left:50%}.metal-preview__roof i:nth-child(4){left:67%}.metal-preview__roof i:nth-child(5){left:84%}.metal-preview--exposed-fastener-steel .metal-preview__roof{background:repeating-linear-gradient(90deg,#708fa0 0 34px,#274d65 35px 38px)}.metal-preview--steel-metal-shingles .metal-preview__roof,.metal-preview--stone-coated-steel .metal-preview__roof{background:repeating-linear-gradient(0deg,#7894a2 0 27px,#31566b 28px 31px)}.metal-preview strong{font-size:20px}.metal-preview span{color:#5a7284;text-align:center;font-size:12px}.metal-cost-page .content-grid>.metal-system-figure{align-self:start}@media (max-width:800px){.metal-system-figure text{font-size:16px}.metal-cost-stage{min-height:0}.metal-preview{min-height:210px}}.roof-cost-tool,.roof-cost-tool *{box-sizing:border-box}.roof-cost-tool{max-width:calc(100% - 32px)}@media (max-width:640px){.roof-cost-page .calculator-page__hero h1{font-size:clamp(2rem,10vw,2.5rem)}.roof-cost-tool{width:calc(100% - 24px);max-width:calc(100% - 24px)}.roof-cost-toolbar>div,.roof-cost-modes,.roof-cost-area-tabs,.roof-cost-controls,.roof-cost-stage,.roof-cost-results{min-width:0;max-width:100%}.roof-cost-modes button,.roof-cost-area-tabs button{white-space:normal;overflow-wrap:anywhere;min-width:0}}.state-cost-page{overflow-x:hidden}.state-cost-estimator{color:#0b2f4a;background:#f4f8fb;border:1px solid #0b3f64;width:min(1200px,100vw - 32px);max-width:calc(100% - 32px);margin:0 auto 72px}.state-cost-estimator>header{color:#fff;background:#06263d;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.state-cost-estimator>header span{letter-spacing:.08em;font-size:10px;font-weight:800}.state-cost-estimator>header h2{color:#fff;margin:5px 0 0;font-size:clamp(1.35rem,3vw,2rem)}.state-cost-estimator>header>strong{font-size:13px}.state-cost-estimator__body{grid-template-columns:minmax(290px,35%) minmax(0,1fr);display:grid}.state-cost-estimator__inputs{color:#fff;background:#0c3d5b;padding:24px}.state-cost-estimator__results{align-content:center;padding:38px;display:grid}.state-cost-estimator__results>span{letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:800}.state-cost-estimator__results>strong{color:#0b2f4a;margin:8px 0 3px;font-size:clamp(2.7rem,7vw,5rem);line-height:1}.state-cost-estimator__results>p{color:#60798c;margin:0}.state-cost-estimator__results>div{border-block:1px solid #bfd0dc;grid-template-columns:repeat(4,1fr);margin-top:28px;display:grid}.state-cost-estimator__results>div>div{border-right:1px solid #bfd0dc;padding:16px 12px}.state-cost-estimator__results>div>div:last-child{border-right:0}.state-cost-estimator__results>div span{color:#60798c;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.state-cost-estimator__results>div b{color:#0875c6;margin-top:6px;display:block}.state-cost-estimator__results dl{grid-template-columns:1fr 1fr;margin:18px 0;display:grid}.state-cost-estimator__results dl div{border-bottom:1px solid #d5e0e7;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.state-cost-estimator__results dl div:first-child{margin-right:18px}.state-cost-estimator__results dd{margin:0;font-weight:800}.state-cost-estimator__results small{color:#60798c}.state-cost-unit{grid-template-columns:1fr 1fr;margin-bottom:16px;display:grid}.state-cost-unit button{color:#fff;background:#082f49;border:1px solid #54758a;min-height:40px;font-weight:700}.state-cost-unit button[aria-pressed=true]{background:#157fc9;border-color:#35aaf2}.state-cost-estimator__pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.state-cost-field{margin-bottom:15px;display:block}.state-cost-field>span{margin-bottom:6px;font-size:11px;font-weight:800;display:block}.state-cost-field>div{border:1px solid #4d7086;display:flex;overflow:hidden}.state-cost-field input,.state-cost-field select{color:#fff;background:#082f49;border:1px solid #4d7086;width:100%;min-width:0;padding:11px;font:700 14px Manrope,sans-serif}.state-cost-field input{border:0}.state-cost-field b{white-space:nowrap;background:#0b3652;place-items:center;padding:0 10px;font-size:10px;display:grid}.state-cost-estimator details{border-top:1px solid #4d7086;margin-top:5px}.state-cost-estimator summary{cursor:pointer;padding:13px 0;font-size:11px;font-weight:800}.state-cost-content{max-width:1120px;margin:72px auto 0}.state-cost-content h2,.state-cost-page .faq-page h2{color:#0b2f4a;letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(1.7rem,4vw,2.55rem);line-height:1.15}.state-cost-content p,.state-cost-content li{color:#405365;line-height:1.7}.state-cost-intro,.state-cost-context-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:40px;display:grid}.state-cost-intro>aside{background:#eef5f9;border-left:3px solid #147dcc;align-content:center;padding:28px;display:grid}.state-cost-intro>aside span{text-transform:uppercase;font-size:11px;font-weight:800}.state-cost-intro>aside strong{color:#0b2f4a;margin:8px 0;font-size:2.25rem}.state-cost-intro>aside p{margin:0}.state-cost-formula,.state-cost-note{color:#0b2f4a;background:#fbf8f2;border-left:3px solid #d3a35f;padding:16px 18px;font-weight:700}.state-cost-content .table-wrap table{min-width:620px}.state-cost-content .table-wrap td:not(:first-child){font-variant-numeric:tabular-nums}.state-cost-context-grid>div{background:#f5f8fa;border-top:3px solid #147dcc;padding:28px}.state-cost-context-grid>div:first-child{border-top-color:#b87a3d}.state-cost-sources{margin:0;padding:0;list-style:none}.state-cost-sources li{border-top:1px solid #d0dce4;grid-template-columns:minmax(170px,.7fr) minmax(220px,1fr) minmax(280px,1.4fr);gap:18px;padding:15px 0;display:grid}.state-cost-sources a{color:#075eaa;font-weight:700}.state-cost-sources span{color:#60798c}.related-tools>div{flex-wrap:wrap;gap:10px 22px;display:flex}.related-tools a{color:#075eaa;font-weight:700}.state-cost-page .faq-page{max-width:1120px}.state-selector__controls button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:900px){.state-cost-estimator__body{grid-template-columns:1fr}.state-cost-estimator__results{padding:28px 22px}.state-cost-intro,.state-cost-context-grid{grid-template-columns:1fr}.state-cost-sources li{grid-template-columns:1fr;gap:4px}}@media (max-width:640px){.state-cost-estimator{width:calc(100% - 24px);max-width:calc(100% - 24px);margin-bottom:52px}.state-cost-estimator>header{flex-direction:column;align-items:flex-start;padding:18px}.state-cost-estimator__inputs{padding:18px 15px}.state-cost-estimator__pair{grid-template-columns:1fr}.state-cost-estimator__results{padding:26px 16px}.state-cost-estimator__results>strong{font-size:2.65rem}.state-cost-estimator__results>div{grid-template-columns:1fr 1fr}.state-cost-estimator__results>div>div:nth-child(2){border-right:0}.state-cost-estimator__results>div>div:nth-child(-n+2){border-bottom:1px solid #bfd0dc}.state-cost-estimator__results dl{grid-template-columns:1fr}.state-cost-estimator__results dl div:first-child{margin-right:0}.state-cost-content{margin-top:54px}.state-cost-context-grid>div{padding:22px 18px}}.state-cost-direct-answer{background:#eef5f9;border-left:3px solid #147dcc;margin-top:0;padding:24px 28px}.state-cost-direct-answer h2{font-size:clamp(1.45rem,3vw,2rem)}.state-cost-direct-answer p{margin-bottom:0}.state-cost-comparison-table{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;overflow-x:auto}.state-cost-comparison-table table{width:100%;min-width:700px}.state-cost-comparison-table:focus-visible{outline-offset:3px;outline:3px solid #147dcc}.state-cost-table-note{margin-top:14px;font-size:.94rem}.state-cost-methodology-detail{border-top:1px solid #c9d7e0;margin-top:18px}.state-cost-methodology-detail summary{cursor:pointer;color:#075eaa;padding:12px 0;font-weight:800}.state-cost-methodology-detail .state-cost-formula{margin-top:0;font-size:.92rem;font-weight:600}@media (max-width:640px){.state-cost-direct-answer{margin-top:0;padding:20px 18px}}.calculator-page__hero{background:linear-gradient(#f6f9fb 0%,#f1f6f9 100%);border-bottom-color:#cfdbe4}.calculator-page__hero:after{background:var(--blue);width:64px;height:2px;left:max(20px,50vw + min(1200px,100vw - 40px)/-2);right:auto;box-shadow:72px 0 0 -.5px #102a4347}.calculator-page__hero-inner{padding-block:26px 36px}.calculator-page__hero .breadcrumb{color:#60798c;margin-bottom:14px}.calculator-page__hero h1{color:#0b2f4a;margin-bottom:10px}.calculator-page__hero p{color:#405a6e;max-width:850px;margin:0;line-height:1.65}@media (max-width:639px){.calculator-page__hero:after{width:48px;left:20px;box-shadow:56px 0 0 -.5px #102a4347}.calculator-page__hero-inner{padding-block:22px 30px}}.diagram-purchased{fill:#557084;letter-spacing:.03em;font-size:10px;font-weight:800}.diagram-target{fill:#0b2f4a;letter-spacing:.02em;font-size:9px;font-weight:800}.section-heading h2,.sources h2,.faq-page>h2,.technical-copy h2,.split-notes h2{margin-top:0}.how-to{padding-top:0}.how-to:before{display:none}.pitch-tool+.how-to{margin-top:52px}.how-to .section-heading{margin-bottom:12px}.steps-list li{min-height:78px;padding-top:5px;padding-bottom:5px}.how-to__definition{margin-top:14px;padding-block:11px}@media (max-width:899px){.pitch-tool+.how-to{margin-top:46px}.content-band--notes{background:#f3f7fa}}@media (max-width:639px){.pitch-tool+.how-to{margin-top:39px}.steps-list li,.steps-list li+li{padding-block:11px}.how-to__definition{margin-top:10px}}.content-band--notes{background:#f2f6f8}.content-band--notes .split-notes{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:28px;max-width:1120px!important}.content-band--notes .split-notes>div{background:#ffffffd1;border-radius:2px;min-width:0;min-height:100%;border:1px solid #d2dde4!important;border-left-width:3px!important;padding:26px 28px!important}.content-band--notes .mistakes-list{border-left-color:#b67a42!important}.content-band--notes .safety-notice{border-left-color:var(--blue)!important}.content-band--notes .split-notes h2{min-height:2.15rem;margin:0 0 14px;font-size:1.65rem;line-height:1.18}.content-band--notes .mistakes-list ol,.content-band--notes .safety-notice dl{margin-top:0}.content-band--notes .mistakes-list li:first-child,.content-band--notes .safety-notice dl div:first-child{border-top-color:#cfdbe3}@media (max-width:899px){.content-band--notes .split-notes{grid-template-columns:1fr;gap:20px}.content-band--notes .split-notes>div,.content-band--notes .split-notes h2{min-height:0}}@media (max-width:639px){.content-band--notes .split-notes>div{padding:22px!important}}@media (min-width:901px){.shingle-tool__controls{padding:20px 22px}.shingle-tool__controls .shingle-step{margin-bottom:16px}.shingle-import{margin-bottom:14px}.waste-field,.coverage-field{padding-block:14px}.shingle-scope{margin-bottom:0;padding-top:12px}}.shingle-tool__stage{flex-direction:column;display:flex}.shingle-order-diagram{display:block}.shingle-results__metrics span{min-height:2.55em;line-height:1.3}.shingle-results__metrics small{color:#647b8d;margin-top:5px;font-size:9px;line-height:1.35}.shingle-results{grid-template-columns:29% 71%}.shingle-results__primary{color:#0b2f4a;background:#fff}.shingle-results__primary>span{color:#0b2f4a}.shingle-results__primary>strong{color:#086ab5}.shingle-results__primary>p{color:#647b8d}.diagram-label text:first-child{font-size:10px}@media (max-width:900px){.calculator-page__hero-inner--featured{grid-template-columns:1fr;gap:0}.calculator-page__hero-inner--featured .page-featured-image{display:none}}@media (max-width:640px){.shingle-results__metrics span{min-height:0}}.guide-page{color:#153850}.guide-hero{background:linear-gradient(#f6f9fb,#eef4f8);border-bottom:1px solid #cfdbe4}.guide-hero__inner{padding-block:30px 44px}.guide-hero h1{color:#0b2f4a;letter-spacing:-.05em;max-width:820px;margin:14px 0;font-size:clamp(2.7rem,5.2vw,4.6rem);font-weight:550;line-height:1}.guide-hero p{color:#405d73;max-width:760px;margin:0;font-size:1.08rem;line-height:1.65}.guide-body{max-width:1120px;padding-block:48px 84px}.guide-lead{grid-template-columns:1.15fr .85fr;align-items:start;gap:52px;display:grid}.guide-lead h2{color:#0b2f4a;margin:0 0 12px;font-size:1.12rem;font-weight:650}.guide-lead p{max-width:690px;margin:0 0 12px;line-height:1.65}.guide-lead__answer{font-size:1.14rem}.guide-summary{background:#f4f8fb;border:1px solid #d3e0e8;border-left:3px solid #0872c9;padding:24px 26px}.guide-summary h2{margin:0 0 15px;font-size:1.2rem}.guide-check-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.guide-check-list li{padding-left:18px;line-height:1.45;position:relative}.guide-check-list li:before{content:"";background:#fff;border:1px solid #0872c9;width:6px;height:6px;position:absolute;top:.58em;left:0}.guide-section h2{color:#0b2f4a;letter-spacing:-.04em;max-width:820px;margin:0 0 20px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:550;line-height:1.08}.guide-section h3{color:#0b2f4a;margin:0 0 16px;font-size:1.2rem}.guide-section p,.guide-section li{line-height:1.65}.guide-section p{margin-block:0 12px}.guide-copy{max-width:820px}.guide-split{grid-template-columns:.82fr 1.18fr;align-items:center;gap:52px;display:grid}.guide-split--reverse{grid-template-columns:1.12fr .88fr}.guide-terms{border-top:1px solid #cfdae2;margin:0 0 18px}.guide-terms>div{border-bottom:1px solid #cfdae2;grid-template-columns:105px 1fr;gap:16px;padding:12px 0;display:grid}.guide-terms dt{color:#0b2f4a;font-weight:750}.guide-terms dd{margin:0;line-height:1.5}.guide-note{color:#526b7d;border-left:2px solid #b67a42;padding-left:14px;font-size:.92rem}.guide-figure{background:#fff;border:1px solid #b7c9d5;margin:0;box-shadow:0 12px 28px #102a430f}.guide-figure svg{width:100%;height:auto;display:block}.guide-figure figcaption{color:#587084;border-top:2px solid #0872c9;padding:13px 16px;font-size:.78rem;line-height:1.55}.guide-figure figcaption strong{color:#0b2f4a}.guide-diagram-labels text,.guide-type-label,.guide-small-label{fill:#123653;font:800 12px var(--font-manrope),Manrope,sans-serif;letter-spacing:.06em}.guide-type-label{fill:#075fa8}.guide-small-label{fill:#587084;font-size:9px}.guide-pros-cons{grid-template-columns:1fr 1fr;gap:24px;display:grid}.guide-pros-cons>div{background:#f9fbfc;border:1px solid #d2dde4;border-top:3px solid #0872c9;padding:26px}.guide-pros-cons>div+div{border-top-color:#b67a42}.guide-feature-list{margin:0;padding:0;list-style:none;display:grid}.guide-feature-list li{border-top:1px solid #d8e2e8;padding:12px 0}.guide-feature-list li:first-child{border-top:0;padding-top:0}.guide-table-wrap{border:1px solid #b9cbd7;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;min-width:720px}.guide-table th{color:#fff;text-align:left;background:#0c2b47}.guide-table th,.guide-table td{vertical-align:top;border-bottom:1px solid #d4dfe6;border-right:1px solid #d4dfe6;padding:14px 16px}.guide-table tr:last-child td{border-bottom:0}.guide-process{counter-reset:guide-step;margin:0 0 30px;padding:0;list-style:none;display:grid}.guide-process li{counter-increment:guide-step;border-top:1px solid #d3dee5;grid-template-columns:38px 1fr;column-gap:14px;padding:14px 0;display:grid}.guide-process li:before{color:#075fa8;content:counter(guide-step,decimal-leading-zero);border:1px solid #9fc5df;border-radius:50%;grid-row:1/3;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:800;display:grid}.guide-process strong,.guide-process span{display:block}.guide-process strong{color:#0b2f4a}.guide-process span{color:#526b7d;margin-top:2px}.guide-calculator-links{background:#fff;border:1px solid #c8d6df;grid-template-columns:repeat(4,1fr);display:grid}.guide-calculator-links a{color:#075fa8;border-right:1px solid #c8d6df;min-width:0;padding:22px;text-decoration:none}.guide-calculator-links a:last-child{border-right:0}.guide-calculator-links strong{color:#0b2f4a;margin-bottom:7px;display:block}.guide-calculator-links span{color:#587084;font-size:.82rem;line-height:1.55}.guide-mistakes{border-top:1px solid #cddae2;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.guide-mistakes li{border-bottom:1px solid #cddae2;border-right:1px solid #cddae2;padding:18px 20px;display:grid}.guide-mistakes li:nth-child(2n){border-right:0}.guide-mistakes strong{color:#0b2f4a}.guide-mistakes span{color:#526b7d;margin-top:4px}.guide-sources{background:#d4dfe6;border:1px solid #d4dfe6;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.guide-sources>div{background:#fff;padding:22px}.guide-sources strong,.guide-sources a{display:block}.guide-sources a{color:#075fa8;margin:8px 0;font-weight:700}.guide-safety{background:#f2f7fa;border:1px solid #d4e0e7;border-left:3px solid #0872c9;padding:20px 22px}.guide-faq details{border:1px solid #c8d6df}.guide-faq details+details{border-top:0}.guide-faq summary{cursor:pointer;color:#0b2f4a;padding:18px 20px;font-weight:750}.guide-faq details p{margin:0;padding:0 20px 20px}.guide-faq summary:focus-visible{outline-offset:-3px;outline:3px solid #79b9e8}@media (hover:hover){.guide-calculator-links a:hover{background:#f3f8fb}}@media (max-width:900px){.guide-lead,.guide-split,.guide-split--reverse{grid-template-columns:1fr}.guide-lead,.guide-split{gap:30px}.guide-split .guide-figure{order:2}.guide-calculator-links{grid-template-columns:1fr 1fr}.guide-calculator-links a:nth-child(2){border-right:0}.guide-calculator-links a:nth-child(-n+2){border-bottom:1px solid #c8d6df}.guide-pros-cons,.guide-sources{grid-template-columns:1fr}}@media (max-width:600px){.guide-hero__inner{padding-block:24px 32px}.guide-hero p{font-size:1rem;line-height:1.55}.guide-body{padding-block:34px 64px}.guide-section{margin-top:52px}.guide-section h2{margin-bottom:16px}.guide-lead{gap:22px}.guide-lead p,.guide-section p,.guide-section li{line-height:1.58}.guide-summary{padding:20px}.guide-terms>div{grid-template-columns:1fr;gap:3px}.guide-pros-cons{gap:14px}.guide-pros-cons>div{padding:21px}.guide-mistakes{grid-template-columns:1fr}.guide-mistakes li{border-right:0;padding:15px 4px}.guide-process li{grid-template-columns:34px 1fr;column-gap:10px}.guide-process li:before{width:28px;height:28px}.guide-calculator-links{grid-template-columns:1fr}.guide-calculator-links a{border-bottom:1px solid #c8d6df;border-right:0}.guide-calculator-links a:last-child{border-bottom:0}.guide-diagram-labels text,.guide-type-label{font-size:14px}.guide-small-label{font-size:11px}}.guide-page .guide-calculator-links a:after{content:"→"}.guide-page .guide-sources{grid-template-columns:repeat(2,1fr)}.guide-page .guide-lead,.guide-page .guide-split,.guide-page .guide-split--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.guide-split--wind .guide-safety{grid-column:1/-1;margin:0}@media (max-width:900px){.guide-page .guide-sources{grid-template-columns:1fr}}.guide-hero h1{letter-spacing:-.045em;max-width:940px;font-size:clamp(2.55rem,4.5vw,3.75rem);line-height:1.04}.guide-section{margin-top:64px}.guide-split--reverse{grid-template-columns:1.08fr .92fr;align-items:start}.guide-overlay-label{fill:#0b2f4a;font:800 11px var(--font-manrope),Manrope,sans-serif;letter-spacing:.04em}.guide-overlay-small{fill:#36566f;font:750 9px var(--font-manrope),Manrope,sans-serif;letter-spacing:.05em}.guide-figure--hybrid svg{background:#f3f6f8}.guide-section-intro{max-width:760px}.guide-compare{background:#fff;border:1px solid #cbd8e1;grid-template-columns:1fr 1fr;display:grid}.guide-compare>div{padding:26px}.guide-compare>div+div{border-left:1px solid #cbd8e1}.guide-compare h3{border-bottom:2px solid #0872c9;padding-bottom:12px}.guide-compare>div+div h3{border-bottom-color:#b67a42}.guide-calculator-links a{padding-right:36px;transition:background-color .18s,transform .18s;position:relative}.guide-calculator-links a:after{color:#0872c9;content:"→";position:absolute;top:22px;right:16px}.guide-calculator-links a:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #79b9e8}.guide-mistakes{border:1px solid #cddae2}.guide-mistakes li:nth-last-child(-n+2){border-bottom:0}@media (hover:hover){.guide-calculator-links a:hover{transform:translateY(-2px)}}@media (max-width:900px){.guide-compare{grid-template-columns:1fr}.guide-compare>div+div{border-top:1px solid #cbd8e1;border-left:0}}@media (max-width:600px){.guide-section{margin-top:48px}.guide-mistakes li{padding:15px}.guide-mistakes li:nth-last-child(2){border-bottom:1px solid #cddae2}.guide-compare>div{padding:20px}.guide-overlay-label{font-size:13px}.guide-overlay-small{font-size:11px}}.guide-type-label--compact{font-size:12px}.guide-section-intro--balanced{width:100%;max-width:none}.guide-page .guide-lead{align-items:stretch}.guide-page .guide-summary{height:100%}.guide-page .guide-split,.guide-page .guide-split--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}:is(.guide-page .guide-copy:has(.guide-process),.guide-page .guide-copy:has(.guide-mistakes)){width:100%;max-width:none}:is(.guide-page .guide-copy:has(.guide-process)>h2,.guide-page .guide-copy:has(.guide-mistakes)>h2){max-width:none}.guide-anatomy-media{flex-direction:column;gap:18px;min-width:0;display:flex}.guide-anatomy-media>p{color:#36566f;margin:0;padding-inline:2px}.guide-page .guide-sources{background:0 0;border:0;display:block}.guide-page .guide-sources>div{background:0 0;border-top:1px solid #cbd8e1;grid-template-columns:minmax(180px,220px) minmax(220px,280px) minmax(0,1fr);align-items:start;gap:18px;padding:16px 0;display:grid}.guide-page .guide-sources>div:first-child{border-top:0}.guide-page .guide-sources a{margin:0}@media (max-width:900px){.guide-page .guide-lead,.guide-page .guide-split,.guide-page .guide-split--reverse{grid-template-columns:1fr;align-items:start}.guide-page .guide-summary{height:auto}.guide-page .guide-sources>div{grid-template-columns:1fr;gap:5px}}.guide-hero__inner--featured{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:48px;display:grid}.guide-hero__inner--featured .page-featured-copy{min-width:0}.guide-hero__inner--featured .page-featured-image{width:100%}@media (max-width:900px){.guide-hero__inner--featured{grid-template-columns:1fr;gap:26px}.guide-hero__inner--featured .page-featured-image{max-width:620px}}.guide-calculator-links--three{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.guide-calculator-links--three{grid-template-columns:1fr}.guide-calculator-links--three a{border-bottom:1px solid #c8d6df;border-right:0}.guide-calculator-links--three a:last-child{border-bottom:0}}