/*! tailwindcss v4.3.3 | 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,::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-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:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--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,::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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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]){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;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:where(:not(iframe)){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]){appearance:button}::file-selector-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{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.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,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.underline{text-decoration-line:underline}.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,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{color-scheme:light;--nm-color-page:#f8f7f4;--nm-color-surface:#fff;--nm-color-surface-muted:#f1efe8;--nm-color-highlight:#fffbea;--nm-color-inverse:#1a1a18;--nm-color-text:#1a1a18;--nm-color-text-body:#43413c;--nm-color-text-muted:#6f6c65;--nm-color-text-inverse:#f8f7f4;--nm-color-text-inverse-muted:#a5a29a;--nm-color-link:#8a6400;--nm-color-border:#cfccc4;--nm-color-hairline:#eeece6;--nm-color-control-border:#8c8981;--nm-color-border-strong:#1a1a18;--nm-color-divider-inverse:#33322e;--nm-color-border-inverse:#4a4844;--nm-color-accent:#f2c200;--nm-color-accent-edge:#d9ae00;--nm-color-accent-hover:#e0b400;--nm-color-on-accent:#1a1a18;--nm-color-focus:#1a1a18;--nm-color-focus-inverse:#f2c200;--nm-color-warning:#8a4b00;--nm-color-warning-surface:#fff4e0;--nm-color-error:#b42318;--nm-color-error-surface:#fdecea;--nm-font-display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--nm-font-sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", helvetica, arial, sans-serif;--nm-font-mono:"IBM Plex Mono", ui-monospace, sfmono-regular, "SF Mono", menlo, monospace;--nm-line-height-body:1.6;--nm-font-size-label:.8125rem;--nm-font-size-small:.875rem;--nm-letter-spacing-label:.08em;--nm-space-1:.25rem;--nm-space-2:.5rem;--nm-space-3:.75rem;--nm-space-4:1rem;--nm-space-5:1.25rem;--nm-space-6:1.5rem;--nm-space-8:2rem;--nm-space-10:2.5rem;--nm-space-12:3rem;--nm-radius-sm:0;--nm-radius-md:0;--nm-border-width-control:1px;--nm-border-width-active:4px;--nm-control-min-height:2.75rem;--nm-control-min-height-touch:3.5rem;--nm-measure:68ch;--nm-page-max:72rem;--nm-duration-fast:.12s}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/_astro/barlow-condensed-latin-700-normal.v1xN8_Wq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/instrument-sans-latin-400-normal.DRC__1Mx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_astro/instrument-sans-latin-600-normal.B7fBEWYG.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{background-color:var(--nm-color-page)}body{background-color:var(--nm-color-page);color:var(--nm-color-text-body);font-family:var(--nm-font-sans);line-height:var(--nm-line-height-body);margin:0}h1,h2,h3{color:var(--nm-color-text);font-family:var(--nm-font-display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;font-weight:700;line-height:1.05}h1{margin-block:var(--nm-space-6) var(--nm-space-2);font-size:clamp(2.125rem,4vw + 1rem,2.75rem)}h2{margin-block:var(--nm-space-8) var(--nm-space-3);font-size:clamp(1.5rem,2.5vw + .75rem,1.875rem)}h3{margin-block:var(--nm-space-6) var(--nm-space-2);font-size:1.25rem}p{margin-block:var(--nm-space-3)}a{color:var(--nm-color-link);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--nm-color-text);text-decoration-thickness:2px}code{font-family:var(--nm-font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--nm-color-focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.site-header,.site-footer,main{max-width:var(--nm-page-max);padding-inline:var(--nm-space-4);margin-inline:auto}main>:not(astro-island,.home-hero,.home-body,.article-layout){max-inline-size:var(--nm-measure)}main>astro-island{display:block}@media (width>=48rem){.site-header,.site-footer,main{padding-inline:var(--nm-space-8)}}main{padding-block-end:var(--nm-space-10)}.site-header,.site-footer,.home-hero{background-color:var(--nm-color-inverse);border-image:conic-gradient(var(--nm-color-inverse) 0 0) fill 0 / / 0 100vmax;color:var(--nm-color-text-inverse)}.site-header :focus-visible,.site-footer :focus-visible{outline-color:var(--nm-color-focus-inverse)}.site-header{align-items:center;gap:var(--nm-space-2) var(--nm-space-8);padding-block:var(--nm-space-3);flex-wrap:wrap;display:flex}@media (width>=48rem){.site-header{min-block-size:3.875rem}}.site-header ul,.breadcrumbs ol,.site-footer ul,.card-list{margin:0;padding:0;list-style:none}.site-header ul{gap:var(--nm-space-1) var(--nm-space-6);flex-wrap:wrap;display:flex}.site-nav{margin-inline-end:auto}.site-nav a[data-active]{box-shadow:inset 0 -2px 0 var(--nm-color-accent)}.site-header__meta{color:var(--nm-color-text-inverse-muted);font-size:var(--nm-font-size-label);align-items:center;gap:var(--nm-space-4);display:flex}.site-header__meta a{border:1.5px solid var(--nm-color-border-inverse);letter-spacing:.06em;min-block-size:2.5rem;padding-inline:var(--nm-space-4);text-transform:uppercase;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.site-header__meta a:hover{background-color:#ffffff0f}.site-header a,.site-footer a{color:var(--nm-color-text-inverse);text-decoration:none}.site-nav a{letter-spacing:.06em;text-transform:uppercase;align-items:center;min-block-size:2rem;font-size:.78125rem;font-weight:600;display:inline-flex}.site-nav a:hover,.site-footer a:hover{box-shadow:inset 0 -2px 0 var(--nm-color-accent)}.site-name{font-family:var(--nm-font-display);align-items:center;gap:var(--nm-space-2);letter-spacing:.06em;text-transform:uppercase;font-size:1.25rem;font-weight:700;display:inline-flex}.site-name__mark{background-color:var(--nm-color-accent);color:var(--nm-color-on-accent);place-items:center;block-size:1.5rem;inline-size:1.5rem;font-size:.8125rem;display:inline-grid}.breadcrumbs{flex-basis:100%;order:3;font-size:.8125rem}.breadcrumbs a,.breadcrumbs li{letter-spacing:0;text-transform:none;font-size:.8125rem}.site-header:has(.breadcrumbs) .site-nav{margin-inline-end:0}@media (width>=48rem){.breadcrumbs{flex-basis:auto;order:0;margin-inline-end:auto}}.breadcrumbs a{color:var(--nm-color-text-inverse);text-decoration:none}.breadcrumbs a:hover{box-shadow:inset 0 -2px 0 var(--nm-color-accent)}.breadcrumbs :focus-visible{outline-color:var(--nm-color-focus-inverse)}.breadcrumbs ol{gap:var(--nm-space-2);flex-wrap:wrap;display:flex}.breadcrumbs li{color:var(--nm-color-text-inverse-muted)}.breadcrumbs li+li:before{content:"/";margin-inline-end:var(--nm-space-2)}.site-footer{font-size:var(--nm-font-size-small);align-items:center;gap:var(--nm-space-3) var(--nm-space-8);margin-top:var(--nm-space-10);padding-block:var(--nm-space-6);flex-wrap:wrap;justify-content:space-between;display:flex}.site-footer__note{color:var(--nm-color-text-inverse-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}.site-footer ul{gap:var(--nm-space-1) var(--nm-space-5);flex-wrap:wrap;display:flex}.site-footer a{min-block-size:1.5rem;display:inline-flex}.card-list li+li{margin-top:var(--nm-space-2)}@media (width<=47.99rem){.site-header{gap:var(--nm-space-1) var(--nm-space-4);padding-block:var(--nm-space-2)}.site-header ul{gap:0 var(--nm-space-3)}.site-nav a{letter-spacing:.04em;font-size:.6875rem}.site-header__meta{display:none}.site-name{font-size:1.125rem}h1{margin-block-start:var(--nm-space-4)}.promise{margin-block-end:var(--nm-space-3);font-size:1rem}:is(.roof-pitch-calculator,.roof-area-calculator){margin-block-start:var(--nm-space-3)}.calculator-input>fieldset>legend{font-size:1.0625rem}}.home-hero{color:var(--nm-color-text-inverse-muted);gap:var(--nm-space-8) var(--nm-space-12);padding-block:var(--nm-space-8) var(--nm-space-10);background-image:linear-gradient(#ffffff08 1px,#0000 1px);background-size:100% 26px;display:grid}@media (width>=64rem){.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,28.75rem);align-items:center;padding-block:2.75rem 3.25rem}}.home-hero__copy{gap:var(--nm-space-4);justify-items:start;min-inline-size:0;display:grid}.home-hero__eyebrow{color:var(--nm-color-accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:600}.home-hero h1{color:var(--nm-color-text-inverse);letter-spacing:-.01em;text-wrap:wrap;max-inline-size:35rem;margin:0;font-size:clamp(2.75rem,6vw + 1rem,3.875rem);line-height:.95}.home-hero__line{display:block}.home-hero__lede{max-inline-size:28rem;margin:0;font-size:.9375rem}.home-hero__start{inline-size:min(100%,29.5rem);align-items:stretch;margin-block-start:var(--nm-space-2);text-decoration:none;display:flex}.home-hero__start-text{background-color:var(--nm-color-page);color:var(--nm-color-text-body);padding:var(--nm-space-3) var(--nm-space-4);flex:1;align-items:center;font-size:.875rem;display:flex}.home-hero__start-action{background-color:var(--nm-color-accent);color:var(--nm-color-on-accent);letter-spacing:.08em;padding-inline:var(--nm-space-5);text-transform:uppercase;align-items:center;font-size:.75rem;font-weight:700;display:flex}.home-hero__start:hover .home-hero__start-action{background-color:var(--nm-color-accent-hover)}.home-hero__chips{gap:var(--nm-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.home-hero__chips a{border:1px solid var(--nm-color-border-inverse);color:var(--nm-color-text-inverse-muted);min-block-size:1.75rem;padding-inline:var(--nm-space-3);align-items:center;font-size:.75rem;text-decoration:none;display:inline-flex}.home-hero__chips a:hover{border-color:var(--nm-color-text-inverse-muted);color:var(--nm-color-text-inverse)}.home-hero :focus-visible{outline-color:var(--nm-color-focus-inverse)}.home-example{background-color:var(--nm-color-page);color:var(--nm-color-text);gap:var(--nm-space-4);min-inline-size:0;padding:var(--nm-space-6) var(--nm-space-6) var(--nm-space-6);display:grid}.home-example :focus-visible{outline-color:var(--nm-color-focus)}.home-example__head{align-items:baseline;gap:var(--nm-space-3);justify-content:space-between;display:flex}.home-example__head h2{margin:0;font-size:1.375rem}.home-example__head span,.home-example__inputs dt{color:var(--nm-color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.home-example__inputs{gap:var(--nm-space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.home-example__inputs div{gap:var(--nm-space-1);display:grid}.home-example__inputs dd{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);border-block-end:3px solid var(--nm-color-border);font-family:var(--nm-font-mono);padding:var(--nm-space-2) var(--nm-space-3);margin:0;font-size:1.125rem;font-weight:500}.home-example__inputs div:first-child dd{border-block-end-color:var(--nm-color-accent)}.home-example__result{background-color:var(--nm-color-inverse);color:var(--nm-color-text-inverse-muted);align-items:flex-end;gap:var(--nm-space-4);padding:var(--nm-space-5);justify-content:space-between;display:flex}.home-example__figure{gap:var(--nm-space-1);margin:0;display:grid}.home-example__figure span{color:var(--nm-color-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.home-example__figure strong{color:var(--nm-color-text-inverse);font-family:var(--nm-font-display);font-size:3.5rem;line-height:.88}.home-example__notes{text-align:end;margin:0;font-size:.8125rem;line-height:1.7}.home-example__cta{background-color:var(--nm-color-accent);color:var(--nm-color-on-accent);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;min-block-size:2.75rem;font-size:.75rem;font-weight:700;text-decoration:none;display:flex}.home-example__cta:hover{background-color:var(--nm-color-accent-hover)}.home-body{gap:var(--nm-space-8);padding-block-start:var(--nm-space-10);display:grid}@media (width>=64rem){.home-body{grid-template-columns:minmax(0,1fr) 18.75rem;align-items:start}}.home-body__main,.home-body__rail{gap:var(--nm-space-6);min-inline-size:0;display:grid}.section-title{border-block-end:2px solid var(--nm-color-border-strong);align-items:baseline;gap:var(--nm-space-2) var(--nm-space-4);flex-wrap:wrap;justify-content:space-between;margin-block-end:var(--nm-space-5);padding-block-end:var(--nm-space-2);display:flex}.section-title h2{letter-spacing:.02em;margin:0;font-size:1.25rem}.section-title span{color:var(--nm-color-text-muted);font-size:var(--nm-font-size-label)}.task-list{gap:var(--nm-space-3);display:grid}.task-list+.task-list{margin-block-start:var(--nm-space-3)}@media (width>=48rem){.task-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.task-list li{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);gap:var(--nm-space-2);padding:var(--nm-space-5);flex-direction:column;display:flex;position:relative}.task-list li[data-roofing-task=pitch]{border-block-start:3px solid var(--nm-color-accent)}.card-eyebrow{color:var(--nm-color-text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:600}.task-list h3{margin:0;font-size:1.1875rem;line-height:1.05}.task-list p:not(.card-eyebrow){color:var(--nm-color-text-body);margin:0;font-size:.8125rem}.task-list a{color:var(--nm-color-text);letter-spacing:.08em;-webkit-text-decoration:underline 2px var(--nm-color-accent);-webkit-text-decoration:underline 2px var(--nm-color-accent);text-decoration:underline 2px var(--nm-color-accent);text-transform:uppercase;text-underline-offset:.35em;margin-block-start:auto;padding-block-start:var(--nm-space-2);font-size:.6875rem;font-weight:700}.task-list a:after{content:"";position:absolute;inset:0}.home-layers{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);gap:var(--nm-space-3);padding:var(--nm-space-5) var(--nm-space-6);display:grid}.home-layers__list{gap:var(--nm-space-3);margin:0;padding:0;list-style:none;display:grid}.home-layers__list li{display:grid}.home-layers__list li+li{border-block-start:1px solid var(--nm-color-border);padding-block-start:var(--nm-space-3)}@media (width>=40rem){.home-layers__list{gap:var(--nm-space-8);display:flex}.home-layers__list li+li{border-block-start:0;border-inline-start:1px solid var(--nm-color-border);padding-block-start:0;padding-inline-start:var(--nm-space-8)}}.home-layers__list strong{color:var(--nm-color-text);font-family:var(--nm-font-display);font-size:1.75rem;line-height:1}.home-layers__list span,.home-layers>p{color:var(--nm-color-text-body);margin:0;font-size:.8125rem}.rail-card{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);padding:var(--nm-space-5)}.rail-card h2{margin:0 0 var(--nm-space-2);font-size:1.1875rem}.rail-card ul{margin:0;padding:0;list-style:none}.rail-card li+li{border-block-start:1px solid var(--nm-color-hairline)}.rail-card li a{color:var(--nm-color-text);font-size:var(--nm-font-size-small);padding-block:var(--nm-space-3);text-decoration:none;display:block}.rail-card li a:hover{-webkit-text-decoration:underline 2px var(--nm-color-accent);-webkit-text-decoration:underline 2px var(--nm-color-accent);text-decoration:underline 2px var(--nm-color-accent)}.rail-card--note{border-inline-start:3px solid var(--nm-color-accent)}.rail-card--note p{font-size:var(--nm-font-size-small);margin:0}.article-layout{gap:var(--nm-space-8);margin-block-start:var(--nm-space-10);display:grid}.article-toc{display:none}@media (width>=64rem){.article-layout{grid-template-columns:13.125rem minmax(0,40rem) 18.75rem;justify-content:space-between;align-items:start;column-gap:2.125rem}.article-toc{border-block-start:2px solid var(--nm-color-border-strong);top:var(--nm-space-6);padding-block-start:var(--nm-space-4);display:block;position:sticky}.article-rail{top:var(--nm-space-6);position:sticky}}.article-toc__label{color:var(--nm-color-text-muted);letter-spacing:.12em;margin:0 0 var(--nm-space-3);text-transform:uppercase;font-size:.6875rem;font-weight:600}.article-toc ol{gap:var(--nm-space-1);margin:0;padding:0;list-style:none;display:grid}.article-toc a{color:var(--nm-color-text-body);padding:var(--nm-space-1) 0 var(--nm-space-1) var(--nm-space-3);border-inline-start:3px solid #0000;font-size:.84375rem;line-height:1.35;text-decoration:none;display:block}.article-toc a:hover{border-inline-start-color:var(--nm-color-accent);color:var(--nm-color-text);font-weight:600}.article-main{gap:var(--nm-space-6);min-inline-size:0;display:grid}.article-main h1{margin:0;font-size:clamp(2.25rem,4vw + 1rem,3.25rem)}.article-main h1+p{margin:0;font-size:1rem;line-height:1.65}.article-eyebrow{color:var(--nm-color-link);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:700}.article-cta{background-color:var(--nm-color-inverse);color:var(--nm-color-text-inverse-muted);align-items:center;gap:var(--nm-space-4) var(--nm-space-6);padding:var(--nm-space-5) var(--nm-space-6);flex-wrap:wrap;justify-content:space-between;display:flex}.article-cta p{margin:0}.article-cta__title{color:var(--nm-color-text-inverse);font-family:var(--nm-font-display);text-transform:uppercase;font-size:1.5rem;font-weight:700;line-height:1.1}.article-cta__text{font-size:.8125rem}.article-cta a{background-color:var(--nm-color-accent);color:var(--nm-color-on-accent);letter-spacing:.08em;min-block-size:2.75rem;padding-inline:var(--nm-space-5);text-transform:uppercase;align-items:center;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.article-cta a:hover{background-color:var(--nm-color-accent-hover)}.article-cta :focus-visible{outline-color:var(--nm-color-focus-inverse)}.article-main article,.article-main article>section,.article-main>section{gap:var(--nm-space-3);min-inline-size:0;display:grid}.article-main article{gap:var(--nm-space-8)}.article-main h2{margin:0;font-size:1.625rem}.article-main h3{margin:var(--nm-space-2) 0 0;font-size:1.125rem}.article-main p,.article-main li{line-height:1.65}.article-main p{margin:0}.article-main code{overflow-wrap:anywhere}.article-main .formula{overflow-x:auto}.formula-code{overflow-wrap:normal;text-indent:-1.5em;word-break:normal;padding-inline-start:1.5em;line-height:1.45;display:block}.formula-code__expr{text-indent:0;display:inline-block}.article-main .table-scroll table{min-inline-size:32rem}main tr.is-highlighted :is(th,td){background-color:var(--nm-color-highlight);font-weight:600}.article-main .callout{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);border-inline-start:3px solid var(--nm-color-accent);padding:var(--nm-space-5) var(--nm-space-6)}.article-main .callout h2{color:var(--nm-color-link);font-family:var(--nm-font-sans);letter-spacing:.14em;font-size:.6875rem;font-weight:700}.article-main .sources{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);padding:var(--nm-space-5) var(--nm-space-6)}.article-main .faq h3{border-block-start:1px solid var(--nm-color-border);padding-block-start:var(--nm-space-3)}.article-main .method-list{gap:var(--nm-space-3);display:grid}.article-main .method-list>section{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);padding:var(--nm-space-4) var(--nm-space-5)}@media (width>=48rem){.article-main .method-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-main .detail-links{gap:var(--nm-space-3) var(--nm-space-5);flex-wrap:wrap;display:flex}.article-rail{gap:var(--nm-space-6);min-inline-size:0;display:grid}.promise{color:var(--nm-color-text-body);margin-block:0 var(--nm-space-4);font-size:1.0625rem}.task-list li{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);padding:var(--nm-space-5)}.task-list li+li{margin-top:0}@media (width>=48rem){#calculators .task-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.task-list li:hover{border-color:var(--nm-color-border-strong)}.formulas{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);padding:var(--nm-space-3) var(--nm-space-4);list-style:none}.formulas li+li{border-top:1px solid var(--nm-color-hairline);margin-top:var(--nm-space-2);padding-top:var(--nm-space-2)}.table-scroll{max-inline-size:100%;overflow-x:auto}main table{border:1px solid var(--nm-color-border);border-collapse:collapse;inline-size:100%}main caption{color:var(--nm-color-text);text-align:start;padding-block-end:var(--nm-space-2);font-weight:600}main th,main td{background-color:var(--nm-color-surface);border-block-end:1px solid var(--nm-color-hairline);padding:var(--nm-space-2) var(--nm-space-3);text-align:start}main thead th{background-color:var(--nm-color-surface-muted);color:var(--nm-color-text-muted);font-size:var(--nm-font-size-label);letter-spacing:var(--nm-letter-spacing-label);text-transform:uppercase;font-weight:600}main td{font-family:var(--nm-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}:is(.roof-pitch-calculator,.roof-area-calculator){gap:var(--nm-space-5);margin-block:var(--nm-space-5) var(--nm-space-8);display:grid}:is(.roof-pitch-calculator,.roof-area-calculator)>*,:is(.roof-pitch-calculator,.roof-area-calculator) fieldset{min-inline-size:0}:is(.roof-pitch-calculator,.roof-area-calculator) form,:is(.roof-pitch-calculator,.roof-area-calculator) fieldset,.roof-area-calculator .overhang-fields,.roof-shingle-calculator__waste,.roof-shingle-calculator__accessories,.roof-shingle-calculator__accessories>div,.roof-shingle-calculator__accessory,.roof-shingle-calculator__accessory-results{gap:var(--nm-space-3);display:grid}:is(.roof-pitch-calculator,.roof-area-calculator) fieldset,.roof-area-calculator .overhang-fields{border:0;margin:0;padding:0}:is(.roof-pitch-calculator,.roof-area-calculator) legend{color:var(--nm-color-text);font-size:var(--nm-font-size-label);letter-spacing:.1em;text-transform:uppercase;margin-block-end:var(--nm-space-2);padding:0;font-weight:700}.calculator-input>fieldset>legend{font-family:var(--nm-font-display);letter-spacing:.02em;margin-block-end:var(--nm-space-3);font-size:1.1875rem;line-height:1.1}:is(.roof-pitch-calculator,.roof-area-calculator) h2{margin-block:0}.calculator-input,.calculator-output{align-content:start;gap:var(--nm-space-5);min-inline-size:0;display:grid}.calculator-input{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);padding:var(--nm-space-5) var(--nm-space-4)}@media (width>=48rem){.calculator-input{padding:var(--nm-space-6)}}.calculator-output>*{min-inline-size:0}.calculator-output--empty{display:none}@media (width>=64rem){:is(.roof-pitch-calculator,.roof-area-calculator){grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 25rem;align-items:start;column-gap:2.125rem}:is(.roof-pitch-calculator,.roof-area-calculator)>.calculator-input{grid-area:1/1/span 2}:is(.roof-pitch-calculator,.roof-area-calculator)>.calculator-output{grid-area:1/2}:is(.roof-pitch-calculator,.roof-area-calculator)>.ad-slot{grid-area:2/2;align-self:start}.calculator-output--empty{display:grid}}@media (width>=48rem){.calculator-input form,.roof-area-calculator .roof-plane-card{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-input form>*,.roof-area-calculator .roof-plane-card>*{grid-column:1/-1}.calculator-input form>.feet-inches-field,.roof-area-calculator .roof-plane-card>.feet-inches-field{grid-column:auto}}.form-field{align-content:start;gap:var(--nm-space-1);display:grid}.form-field>label,:is(.roof-pitch-calculator,.roof-area-calculator) label[for]{color:var(--nm-color-text-muted);font-size:var(--nm-font-size-label);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.feet-inches-field{grid-template-columns:repeat(2,minmax(0,1fr))}.feet-inches-field>p{grid-column:1/-1}.form-field p,.rise-run-fields>p{color:var(--nm-color-text-muted);font-size:var(--nm-font-size-small);margin:0}.form-field__control{align-items:center;gap:var(--nm-space-2);display:flex}.form-field__control>span{color:var(--nm-color-text-muted);font-family:var(--nm-font-mono);font-weight:500}.form-field__badge{border:1px solid var(--nm-color-control-border);color:var(--nm-color-text-muted);font-size:var(--nm-font-size-label);letter-spacing:var(--nm-letter-spacing-label);padding-inline:var(--nm-space-2);text-transform:uppercase;font-weight:600}:is(.roof-pitch-calculator,.roof-area-calculator) :is(input:not([type=radio],[type=checkbox]),select){background-color:var(--nm-color-surface);border:var(--nm-border-width-control) solid var(--nm-color-control-border);border-block-end:3px solid var(--nm-color-border);border-radius:var(--nm-radius-sm);color:var(--nm-color-text);font:inherit;font-family:var(--nm-font-mono);font-variant-numeric:tabular-nums;inline-size:100%;max-inline-size:22rem;min-block-size:var(--nm-control-min-height-touch);min-inline-size:0;padding-inline:var(--nm-space-4);font-size:clamp(1.375rem,1rem + 1.5vw,1.625rem);font-weight:500}:is(.roof-pitch-calculator,.roof-area-calculator) input[type=text]:not([inputmode=decimal]){font-family:var(--nm-font-sans);font-size:1rem}:is(.roof-pitch-calculator,.roof-area-calculator) :is(input:not([type=radio],[type=checkbox]),select):hover{border-color:var(--nm-color-border-strong)}:is(.roof-pitch-calculator,.roof-area-calculator) :is(input:not([type=radio],[type=checkbox]),select):focus{border-color:var(--nm-color-border-strong);border-block-end:var(--nm-border-width-active) solid var(--nm-color-accent)}input::placeholder{color:var(--nm-color-text-muted);opacity:1}:is(.roof-pitch-calculator,.roof-area-calculator) input[aria-invalid=true]{background-color:var(--nm-color-error-surface);border-color:var(--nm-color-error);border-width:2px}:is(.form-field,fieldset)>p[role=alert]{color:var(--nm-color-error);margin:0;font-weight:600}:is(.form-field,fieldset)>p[role=alert]:before{content:"";vertical-align:.1em;block-size:.5rem;inline-size:.5rem;background-color:currentColor;margin-inline-end:var(--nm-space-2);display:inline-block}:is(.roof-pitch-calculator,.roof-area-calculator) :is(input,select,button):disabled{background-color:var(--nm-color-surface-muted);color:var(--nm-color-text-muted);cursor:not-allowed;border-style:dashed}:is(.roof-pitch-calculator,.roof-area-calculator) :is(form,fieldset) p[role=status]{border-inline-start:2px solid var(--nm-color-control-border);color:var(--nm-color-text-muted);font-size:var(--nm-font-size-small);margin:0;padding-inline-start:var(--nm-space-3)}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio]){background-color:var(--nm-color-surface);border:1px solid var(--nm-color-control-border);color:var(--nm-color-text);cursor:pointer;font-size:var(--nm-font-size-small);align-items:center;gap:var(--nm-space-1);min-block-size:3rem;padding:var(--nm-space-2) var(--nm-space-3);text-align:center;flex-direction:column;justify-content:center;font-weight:600;line-height:1.3;display:flex;position:relative}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio]):hover{border-color:var(--nm-color-border-strong)}:is(.roof-pitch-calculator,.roof-area-calculator) input[type=radio]{appearance:none;cursor:pointer;opacity:0;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio]:focus-visible){outline:2px solid var(--nm-color-focus);outline-offset:2px}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio]:checked){background-color:var(--nm-color-accent);border:2px solid var(--nm-color-border-strong);color:var(--nm-color-on-accent);font-weight:700}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio]):has(>span){padding:var(--nm-space-3) var(--nm-space-4);text-align:start;justify-content:flex-start;align-items:flex-start}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio])>strong{font-family:var(--nm-font-display);letter-spacing:.02em;text-transform:uppercase;font-size:1.125rem;line-height:1.1}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio])>span:not(.shape-choice){font-size:var(--nm-font-size-label);font-weight:400}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=checkbox]){color:var(--nm-color-text);cursor:pointer;align-items:center;gap:var(--nm-space-3);min-block-size:var(--nm-control-min-height);font-weight:500;display:flex}:is(.roof-pitch-calculator,.roof-area-calculator) input[type=checkbox]{appearance:none;background-color:var(--nm-color-surface-muted);border:1.5px solid var(--nm-color-border-strong);cursor:pointer;flex:none;block-size:1.1875rem;inline-size:2.125rem;margin:0;position:relative}:is(.roof-pitch-calculator,.roof-area-calculator) input[type=checkbox]:before{background-color:var(--nm-color-text-muted);content:"";block-size:.8125rem;inline-size:.8125rem;position:absolute;inset-block-start:1.5px;inset-inline-start:1.5px}:is(.roof-pitch-calculator,.roof-area-calculator) input[type=checkbox]:checked{background-color:var(--nm-color-accent)}:is(.roof-pitch-calculator,.roof-area-calculator) input[type=checkbox]:checked:before{background-color:var(--nm-color-border-strong);transform:translate(.9375rem)}:is(.roof-pitch-calculator,.roof-area-calculator) input[type=checkbox]:focus-visible{outline-offset:3px}:is(.roof-pitch-calculator,.roof-area-calculator) fieldset:has(>label>input[type=radio]){grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}:is(.roof-pitch-calculator,.roof-area-calculator) fieldset:has(>label>span:not(.shape-choice)){grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}:is(.roof-pitch-calculator,.roof-area-calculator) fieldset:has(>label>input[type=radio])>:not(label){grid-column:1/-1}:is(.roof-pitch-calculator,.roof-area-calculator) button{background-color:var(--nm-color-surface);border:1.5px solid var(--nm-color-border-strong);border-radius:var(--nm-radius-sm);color:var(--nm-color-text);cursor:pointer;font:inherit;letter-spacing:.08em;min-block-size:var(--nm-control-min-height);padding-inline:var(--nm-space-5);text-transform:uppercase;justify-self:start;font-size:.8125rem;font-weight:700}:is(.roof-pitch-calculator,.roof-area-calculator) button:hover{background-color:var(--nm-color-surface-muted)}:is(.roof-pitch-calculator,.roof-area-calculator) button[type=submit]{background-color:var(--nm-color-accent);border-color:var(--nm-color-accent-edge);color:var(--nm-color-on-accent);min-block-size:var(--nm-control-min-height-touch);padding-inline:var(--nm-space-6);justify-self:stretch}.roof-area-calculator button.add-plane{border:1.5px dashed var(--nm-color-control-border);background-color:#0000;justify-self:stretch}.roof-area-calculator button.add-plane:hover{border-color:var(--nm-color-border-strong)}.roof-area-calculator button.remove-plane{border-color:var(--nm-color-control-border);color:var(--nm-color-text-muted);justify-self:end}:is(.roof-pitch-calculator,.roof-area-calculator) button[type=submit]:hover{background-color:var(--nm-color-accent-hover)}.calculator-output{background-color:var(--nm-color-inverse);color:var(--nm-color-text-inverse);padding:var(--nm-space-5)}@media (width>=48rem){.calculator-output{padding:var(--nm-space-6)}}.calculator-output :focus-visible{outline-color:var(--nm-color-focus-inverse)}.calculator-output a{color:var(--nm-color-text-inverse);-webkit-text-decoration-color:var(--nm-color-accent);-webkit-text-decoration-color:var(--nm-color-accent);text-decoration-color:var(--nm-color-accent)}.calculator-output a:hover{color:var(--nm-color-text-inverse)}.calculator-output--empty{color:var(--nm-color-text-inverse-muted);align-content:start;gap:var(--nm-space-3);min-block-size:16rem}.calculator-output--empty p{margin:0}.calculator-output__label{color:var(--nm-color-accent);font-size:var(--nm-font-size-label);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.calculator-output button{border-color:var(--nm-color-border-inverse);color:var(--nm-color-text-inverse);background-color:#0000;justify-self:stretch}.calculator-output button:hover{background-color:#ffffff0f}.result-status{color:var(--nm-color-text-inverse);gap:var(--nm-space-3);display:grid}.result-status h4{color:var(--nm-color-text-inverse);font-family:var(--nm-font-display);letter-spacing:.02em;margin:var(--nm-space-2) 0 0;text-transform:uppercase;font-size:1.125rem}.result-status>*{min-inline-size:0}.result-status :focus-visible{outline-color:var(--nm-color-focus-inverse)}.result-status h2,.result-status h3{color:var(--nm-color-accent);font-family:var(--nm-font-sans);font-size:var(--nm-font-size-label);letter-spacing:.14em;margin:0;font-weight:700}.result-status p{margin:0}.result-status a{color:var(--nm-color-accent)}:is(.roof-pitch-calculator__primary-result,.roof-area-calculator__primary-result){color:var(--nm-color-text-inverse);font-family:var(--nm-font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(3rem,9vw + 1rem,5.125rem);font-weight:700;line-height:.9}:is(.roof-pitch-calculator,.roof-area-calculator) dl{margin:0;display:grid}:is(.roof-pitch-calculator,.roof-area-calculator) dl div{border-block-end:1px solid var(--nm-color-hairline);gap:var(--nm-space-1) var(--nm-space-3);padding-block:var(--nm-space-2);flex-wrap:wrap;justify-content:space-between;display:flex}.result-status dl div{border-color:var(--nm-color-divider-inverse)}:is(.roof-pitch-calculator,.roof-area-calculator) dt{font-size:var(--nm-font-size-small);font-weight:500}.result-status dt{color:var(--nm-color-text-inverse-muted)}:is(.roof-pitch-calculator,.roof-area-calculator) dd{font-family:var(--nm-font-mono);font-size:var(--nm-font-size-small);font-variant-numeric:tabular-nums;text-align:end;max-inline-size:100%;margin:0 0 0 auto;font-weight:500}.result-status table{color:var(--nm-color-text)}.result-status caption{color:var(--nm-color-text-inverse)}.result-status[data-stale=true]{background-color:var(--nm-color-surface-muted);border:2px dashed var(--nm-color-text-muted);color:var(--nm-color-text-muted);padding:var(--nm-space-4)}.result-status[data-stale=true] h4,.result-status[data-stale=true] :is(h2,h3,dt,a,.roof-pitch-calculator__primary-result,.roof-area-calculator__primary-result){color:var(--nm-color-text-muted)}.result-status[data-stale=true] dl div{border-color:var(--nm-color-border)}.result-status[data-stale=true]>p[role=status]{background-color:var(--nm-color-warning-surface);border-inline-start:4px solid var(--nm-color-warning);color:var(--nm-color-text);padding:var(--nm-space-2) var(--nm-space-3);font-weight:600}@media (width<=63.99rem){.calculator-output{color:var(--nm-color-text);background-color:#0000;padding:0}.calculator-output .result-status{background-color:var(--nm-color-inverse);border:1px solid var(--nm-color-border);padding:var(--nm-space-5) var(--nm-space-5) 0;gap:0}.calculator-output .result-status>h2{margin-block-end:var(--nm-space-2)}.calculator-output :is(.roof-pitch-calculator__primary-result,.roof-area-calculator__primary-result){color:var(--nm-color-accent);padding-block-end:var(--nm-space-5);font-size:clamp(3.5rem,16vw,6rem)}.calculator-output .result-status>:not(h2,.roof-pitch-calculator__primary-result,.roof-area-calculator__primary-result,.visually-hidden,[role=status]){background-color:var(--nm-color-surface);color:var(--nm-color-text);margin-inline:calc(-1 * var(--nm-space-5));padding:var(--nm-space-2) var(--nm-space-5)}.calculator-output .result-status>:last-child:not(.visually-hidden),.calculator-output .result-status>:nth-last-child(2):has(+.visually-hidden){padding-block-end:var(--nm-space-4)}.calculator-output .result-status dl div{border-color:var(--nm-color-hairline)}.calculator-output .result-status dt{color:var(--nm-color-text-body)}.calculator-output .result-status :is(h3,caption),.calculator-output .result-status h4{color:var(--nm-color-text)}.calculator-output :focus-visible{outline-color:var(--nm-color-focus)}.calculator-output a{color:var(--nm-color-link)}.calculator-output button{background-color:var(--nm-color-surface);border-color:var(--nm-color-border-strong);color:var(--nm-color-text);min-block-size:3.625rem}.calculator-output button:hover{background-color:var(--nm-color-surface-muted)}.calculator-output :is(.roof-pitch-calculator__continuation,.roof-area-calculator__continuation){border-top-color:var(--nm-color-border-strong)}.calculator-output :is(.roof-pitch-calculator__continuation,.roof-area-calculator__continuation)>div>a{color:var(--nm-color-on-accent);min-block-size:3.625rem}.calculator-output :is(.roof-pitch-calculator__continuation,.roof-area-calculator__continuation)>div>p{color:var(--nm-color-text-muted)}.calculator-output .result-status[data-stale=true]{background-color:var(--nm-color-surface-muted)}}@media (width<=47.99rem){.site-header{padding-block:var(--nm-space-2)}main h1{font-size:1.875rem}.promise{font-size:.9375rem;line-height:1.5}.calculator-input{padding:var(--nm-space-4)}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio]):has(>span){padding:var(--nm-space-2) var(--nm-space-3)}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio])>strong{font-size:1rem}.calculator-input form>p:not([role]){font-size:var(--nm-font-size-small)}:is(.roof-pitch-calculator,.roof-area-calculator) input:not([type=radio],[type=checkbox],[type=text]:not([inputmode=decimal])){font-size:1.75rem}:is(.roof-pitch-calculator,.roof-area-calculator) button[type=submit]{min-block-size:3.625rem}}.calculator-warnings{gap:var(--nm-space-5);display:grid}:is(.roof-pitch-calculator__warning,.roof-area-calculator__warning){background-color:var(--nm-color-surface);border:1px solid var(--nm-color-border);border-inline-start:3px solid var(--nm-color-warning);color:var(--nm-color-text);font-size:var(--nm-font-size-small);padding:var(--nm-space-3) var(--nm-space-4)}:is(.roof-pitch-calculator__warning,.roof-area-calculator__warning) p{margin:0}:is(.roof-pitch-calculator__warning,.roof-area-calculator__warning) strong{color:var(--nm-color-warning);display:block}.imported-state{background-color:var(--nm-color-highlight);border:1px solid var(--nm-color-border);border-inline-start:4px solid var(--nm-color-accent-edge);gap:var(--nm-space-2);padding:var(--nm-space-4);justify-items:start;display:grid}.imported-state h2{font-size:1.25rem}.imported-state p{margin:0}.imported-state__summary{color:var(--nm-color-text);font-family:var(--nm-font-mono);font-variant-numeric:tabular-nums}:is(.roof-pitch-calculator__continuation,.roof-area-calculator__continuation){border-top:1px solid var(--nm-color-divider-inverse);gap:var(--nm-space-3);padding-block-start:var(--nm-space-4);display:grid}:is(.roof-pitch-calculator__continuation,.roof-area-calculator__continuation)>div{gap:var(--nm-space-1);display:grid}:is(.roof-pitch-calculator__continuation,.roof-area-calculator__continuation)>div>a{background-color:var(--nm-color-accent);border:1.5px solid var(--nm-color-accent-edge);color:var(--nm-color-on-accent);letter-spacing:.08em;min-block-size:var(--nm-control-min-height-touch);padding:var(--nm-space-2) var(--nm-space-5);text-align:center;text-transform:uppercase;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;text-decoration:none;display:flex}:is(.roof-pitch-calculator__continuation,.roof-area-calculator__continuation)>div>a:hover{background-color:var(--nm-color-accent-hover);color:var(--nm-color-on-accent)}:is(.roof-pitch-calculator__continuation,.roof-area-calculator__continuation)>div>p{color:var(--nm-color-text-inverse-muted);font-size:var(--nm-font-size-small);margin:0}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio])>.shape-choice{font-size:inherit;font-weight:inherit;align-items:center;gap:var(--nm-space-2);display:inline-flex}.plane-shape-icon{block-size:1.25rem;fill:var(--nm-color-surface-muted);stroke:currentColor;stroke-width:1.5px;flex:none;inline-size:1.75rem}.roof-area-calculator .roof-plane-card{background-color:var(--nm-color-surface);border:1px solid var(--nm-color-control-border);padding:var(--nm-space-4)}.roof-area-calculator .roof-plane-card>legend{background-color:var(--nm-color-surface);color:var(--nm-color-text);font-family:var(--nm-font-display);letter-spacing:.02em;padding-inline:var(--nm-space-2);font-size:1.1875rem}.roof-area-calculator .roof-plane-card__pitch{gap:var(--nm-space-3);display:grid}.roof-area-calculator .roof-planes-table{max-inline-size:100%;overflow-x:auto}.roof-area-calculator .roof-planes-table table{min-inline-size:36rem}.roof-area-calculator .roof-planes-table tfoot :is(th,td){border-block-start:2px solid var(--nm-color-border-strong);font-weight:700}.roof-shingle-calculator details{border:1px solid var(--nm-color-border);padding:var(--nm-space-2) var(--nm-space-3)}.roof-shingle-calculator details summary{color:var(--nm-color-text);cursor:pointer;min-block-size:1.5rem;font-weight:600}.roof-shingle-calculator__accessory{border:1px solid var(--nm-color-border);padding:var(--nm-space-3)}.diagram{margin:var(--nm-space-4) 0;max-inline-size:30rem}.diagram svg{block-size:auto;inline-size:100%;display:block}.diagram :is(line,polyline,path,polygon,rect){fill:none}.diagram .diagram__line,.diagram .diagram__line line{stroke:var(--nm-color-text);stroke-width:2px}.diagram .diagram__line--accent,.diagram .diagram__line--accent line{stroke:var(--nm-color-link);stroke-width:3px}.diagram .diagram__line--heavy line{stroke-width:4px}.diagram .diagram__line--dashed,.diagram .diagram__line--dashed line{stroke-dasharray:7 4}.diagram .diagram__line--dotted line{stroke-dasharray:1 5;stroke-linecap:round;stroke-width:3px}.diagram .diagram__thin{stroke:var(--nm-color-text-muted);stroke-width:1.25px}.diagram .diagram__fill-muted{fill:var(--nm-color-surface-muted)}.diagram .diagram__fill-surface{fill:var(--nm-color-surface)}.diagram .diagram__fill-accent{fill:var(--nm-color-highlight)}.diagram .diagram__fill-hatch{fill:var(--nm-color-warning-surface);stroke-dasharray:3 2}.diagram text{fill:var(--nm-color-text);font-family:var(--nm-font-sans);font-size:13px;font-weight:600}.diagram .diagram__caption{fill:var(--nm-color-text-muted);font-weight:400}.diagram :is(.diagram__value,.diagram__mono){font-family:var(--nm-font-mono);font-weight:500}.diagram .diagram__value{font-size:15px}@media (forced-colors:active){.diagram .diagram__line,.diagram .diagram__line line,.diagram .diagram__thin{stroke:canvastext}.diagram text{fill:canvastext}}.ad-slot{--nm-ad-unit-inline:20rem;--nm-ad-unit-block:6.25rem;gap:var(--nm-space-1);inline-size:min(100%, var(--nm-ad-unit-inline));margin-block-start:var(--nm-space-6);margin-inline:auto;display:grid}.ad-slot__unit{background:repeating-linear-gradient(45deg, var(--nm-color-surface-muted) 0 6px, var(--nm-color-page) 6px 12px);block-size:var(--nm-ad-unit-block);outline:1px dashed var(--nm-color-control-border);outline-offset:-1px;place-items:center;display:grid}.ad-slot__preview{color:var(--nm-color-text-muted);font-family:var(--nm-font-mono);font-size:var(--nm-font-size-label);text-align:center;margin:0}.ad-slot__size--wide{display:none}@media (width>=48rem){.ad-slot{--nm-ad-unit-inline:18.75rem;--nm-ad-unit-block:15.625rem}.ad-slot__size--phone{display:none}.ad-slot__size--wide{display:inline}}.ad-slot--home{--nm-ad-unit-inline:18.75rem;--nm-ad-unit-block:15.625rem;margin-block-start:0}.ad-slot__label{color:var(--nm-color-text-muted);font-size:var(--nm-font-size-label);letter-spacing:var(--nm-letter-spacing-label);text-transform:uppercase;margin:0;font-weight:600}@media (width>=48rem){.roof-area-calculator .overhang-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-area-calculator .overhang-fields>p{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){:is(.roof-pitch-calculator,.roof-area-calculator) :is(button,input,select,label),.task-list li{transition:background-color var(--nm-duration-fast) ease-out, border-color var(--nm-duration-fast) ease-out}:is(.roof-pitch-calculator,.roof-area-calculator) input[type=checkbox]:before{transition:transform var(--nm-duration-fast) ease-out}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.site-header,.site-footer,.home-hero{border-image-source:none}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio]:checked){outline:2px solid highlight}:is(.roof-pitch-calculator,.roof-area-calculator) input[type=checkbox]:before,:is(.form-field,fieldset)>p[role=alert]:before{forced-color-adjust:none;background-color:canvastext}:is(.roof-pitch-calculator,.roof-area-calculator) label:has(>input[type=radio]:checked){border-width:3px}.result-status[data-stale=true]{border-color:graytext}input::placeholder{color:graytext}}@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-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}