@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--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-plex-sans), "IBM Plex Sans", system-ui, sans-serif;--font-mono:var(--font-plex-mono), "IBM Plex Mono", ui-monospace, monospace;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--container-3xl:48rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wider:.05em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:2px;--radius-md:4px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-canvas:#f3f1ea;--color-surface:#fcfbf8;--color-ink:#181a17;--color-muted:#666961;--color-line:#d7d5cd;--color-line-strong:#aeaca3;--color-ochre:#d99a22;--color-graphite:#22241f;--color-error:#8a3730}}@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]){-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: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{.pointer-events-none{pointer-events:none}.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}.inset-x-0{inset-inline:0}.top-1\/2{top:50%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:0}.z-10{z-index:10}.col-span-3{grid-column:span 3/span 3}.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}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-1{margin-bottom:var(--spacing)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.min-h-screen{min-height:100vh}.w-40{width:calc(var(--spacing) * 40)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[60\%\]{max-width:60%}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.scroll-mt-4{scroll-margin-top:calc(var(--spacing) * 4)}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[2\.5rem_1fr_auto\]{grid-template-columns:2.5rem 1fr auto}.grid-cols-\[110px_1fr\]{grid-template-columns:110px 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-1{row-gap:var(--spacing)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-error{border-color:var(--color-error)}.border-line{border-color:var(--color-line)}.border-line-strong{border-color:var(--color-line-strong)}.border-ochre{border-color:var(--color-ochre)}.border-transparent{border-color:#0000}.bg-canvas{background-color:var(--color-canvas)}.bg-graphite{background-color:var(--color-graphite)}.bg-ochre{background-color:var(--color-ochre)}.bg-ochre\/10{background-color:#d99a221a}@supports (color:color-mix(in lab, red, red)){.bg-ochre\/10{background-color:color-mix(in oklab, var(--color-ochre) 10%, transparent)}}.bg-ochre\/15{background-color:#d99a2226}@supports (color:color-mix(in lab, red, red)){.bg-ochre\/15{background-color:color-mix(in oklab, var(--color-ochre) 15%, transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-\[calc\(0\.625rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(.625rem + env(safe-area-inset-bottom))}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-error{color:var(--color-error)}.text-graphite{color:var(--color-graphite)}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.text-ochre{color:var(--color-ochre)}.text-surface{color:var(--color-surface)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-line-strong{-webkit-text-decoration-color:var(--color-line-strong);-webkit-text-decoration-color:var(--color-line-strong);-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong)}.invert{--tw-invert:invert(100%);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,)}.filter{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,)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:text-ochre:is(:where(.group):hover *){color:var(--color-ochre)}}.placeholder\:text-muted::placeholder{color:var(--color-muted)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}@media (hover:hover){.hover\:border-line-strong:hover{border-color:var(--color-line-strong)}.hover\:border-ochre:hover{border-color:var(--color-ochre)}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-ochre:hover{color:var(--color-ochre)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:z-50:focus{z-index:50}.focus\:m-2:focus{margin:calc(var(--spacing) * 2)}.focus\:rounded-sm:focus{border-radius:var(--radius-sm)}.focus\:border:focus{border-style:var(--tw-border-style);border-width:1px}.focus\:border-ochre:focus{border-color:var(--color-ochre)}.focus\:bg-surface:focus{background-color:var(--color-surface)}.focus\:px-3:focus{padding-inline:calc(var(--spacing) * 3)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}@media (min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[1fr_5\.5rem_5\.5rem_4rem_auto\]{grid-template-columns:1fr 5.5rem 5.5rem 4rem auto}.sm\:items-center{align-items:center}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-4{top:calc(var(--spacing) * 4)}.lg\:hidden{display:none}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.lg\:grid-cols-\[minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}}}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}input[type=text],input[type=number],.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-ochre);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.section-heading{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--color-muted);border-bottom:1px solid var(--color-line);padding-bottom:.5rem;font-size:11px}.btn-action{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink);background:var(--color-surface);padding:.375rem .75rem;font-size:12px}.btn-action:hover{border-color:var(--color-ochre)}.btn-primary{--btn-edge:#a2690f;border:1px solid var(--btn-edge);font:500 13px/1 var(--font-sans);letter-spacing:-.01em;color:#fffdf7;cursor:pointer;text-shadow:0 1px #6c440861;background:linear-gradient(#e9b14a 0%,#d99a22 48%,#c4861a 100%);border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;transition:background .14s,box-shadow .14s,transform 90ms;display:inline-flex;box-shadow:inset 0 1px #fffaeb80,inset 0 -1px #5a380638,0 1px #96600d,0 2px 4px #402a0a38}.btn-primary:hover{background:linear-gradient(#f0ba55 0%,#e0a42b 48%,#cb8d1d 100%);box-shadow:inset 0 1px #fffcf099,inset 0 -1px #5a380638,0 1px #96600d,0 4px 9px #402a0a42}.btn-primary:active{background:linear-gradient(#c98d1c 0%,#d3941f 60%,#dda12a 100%);transform:translateY(1px);box-shadow:inset 0 2px 4px #54340652,inset 0 -1px #fffaeb29,0 0 #96600d}.btn-primary:disabled{opacity:.55;cursor:default;transform:none;box-shadow:inset 0 1px #fffaeb59}.btn-secondary{border:1px solid var(--color-line-strong);font:500 13px/1 var(--font-sans);color:var(--color-ink);cursor:pointer;background:linear-gradient(#fffefb 0%,#f4f1e8 100%);border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;transition:background .14s,border-color .14s,box-shadow .14s,transform 90ms;display:inline-flex;box-shadow:inset 0 1px #fff,0 1px #ddd9cd}.btn-secondary:hover{background:linear-gradient(#fffefb 0%,#f7f2e4 100%);border-color:#98690e}.btn-secondary:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #5a503729}@media print{header nav,footer,.no-print{display:none!important}body{background:#fff}}.design-container{width:min(1220px,100% - 96px);margin-inline:auto}.eyebrow,.section-label{font:11px/1.5 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.eyebrow{color:var(--color-muted)}.section-label{align-items:center;gap:13px;font-weight:500;display:flex}.section-label>span{color:var(--color-muted);border-right:1px solid var(--color-line-strong);padding-right:13px}.signal-mark{background:var(--color-ochre);width:8px;height:8px;margin-right:8px;display:inline-block}.reference-home h1,.reference-home h2,.calculator-intro h1{letter-spacing:-.055em;font-weight:500}.home-hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;padding-block:40px 44px;display:grid}.home-hero h1{margin-top:14px;font-size:clamp(34px,3.5vw,49px);line-height:1.08}.home-hero h1>span{color:var(--color-muted)}.hero-description{color:var(--color-muted);max-width:560px;margin-block:14px 20px;font-size:15px;line-height:1.6}.hero-links{flex-wrap:wrap;gap:10px 26px;margin-top:16px;font-size:12px;display:flex}.hero-links a{border-bottom:1px solid var(--color-ink);padding-block:5px;font-weight:500}.hero-links>span{color:var(--color-muted);align-self:center;font-size:11px}.tool-search{z-index:20;position:relative}.search-control{background:var(--color-surface);border:1px solid var(--color-line-strong);align-items:center;gap:14px;padding:5px 16px;display:flex;box-shadow:0 3px #dedbd2}.search-control:focus-within{border-color:var(--color-ink);outline:2px solid var(--color-ochre);outline-offset:3px}.search-control input{width:100%;min-width:0;height:48px;font:15px var(--font-sans);outline:none}.search-control input::placeholder{color:var(--color-muted)}.search-control svg{flex-shrink:0}.search-key{border:1px solid var(--color-line);color:var(--color-muted);padding:0 6px}.search-dropdown{background:var(--color-surface);border:1px solid var(--color-line-strong);max-height:460px;position:absolute;inset:calc(100% + 8px) 0 auto;overflow-y:auto;box-shadow:0 12px 24px #181a1712}.search-dropdown>.eyebrow{padding:15px 18px 8px}.search-hit{border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding:12px 16px;display:flex}.search-hit:hover,.search-hit:focus{background:var(--color-canvas)}.search-hit svg{flex-shrink:0;width:40px}.search-hit>.search-icon-tile{flex-basis:32px;width:32px;height:32px}.search-hit>.search-icon-tile svg{width:20px;height:20px}.search-hit>span:nth-child(2){flex:1}.search-hit strong{font-size:14px;font-weight:500;display:block}.search-hit small{color:var(--color-muted);font-size:11px;line-height:1.5;display:block}.search-all{justify-content:space-between;padding:14px 18px;font-size:13px;display:flex}.search-empty{color:var(--color-muted);padding:18px;font-size:14px}.hero-study{padding:4px 0 26px;transition:transform .2s;display:block;position:relative}.hero-study:hover{transform:translateY(-3px)}.hero-study .technical-drawing{background-image:none}.hero-study .drawing-topline,.hero-study figcaption{display:none}.hero-study .technical-drawing svg{max-height:268px}.study-checklist{color:#4a4d45;gap:7px;font-family:Georgia,Times New Roman,serif;font-size:15px;font-style:italic;display:grid;position:absolute;top:6px;right:0}.study-checklist li:before{content:"✓";color:#6a5220;border:1px solid #8b8d83;place-items:center;width:14px;height:14px;font-size:10px;font-style:normal;display:grid}.study-note{text-align:right;color:#55584f;font-family:Georgia,Times New Roman,serif;font-size:15px;font-style:italic;line-height:1.55;position:absolute;bottom:0;right:0}.technical-drawing{background-image:linear-gradient(#aeaca31c 1px,#0000 1px),linear-gradient(90deg,#aeaca31c 1px,#0000 1px);background-size:22px 22px}.drawing-topline{color:var(--color-muted);font:10px var(--font-mono);letter-spacing:.1em;justify-content:space-between;padding:17px 22px 0;display:flex}.technical-drawing svg{width:100%;display:block}.technical-drawing figcaption{font:9px var(--font-mono);color:var(--color-muted);letter-spacing:.12em;padding:8px 22px 17px}.study-schedule{border-block:1px solid var(--color-line-strong);background:var(--color-surface);grid-template-columns:1fr 1fr;display:grid}.study-schedule>div+div{border-left:1px solid var(--color-line)}.study-schedule .eyebrow{letter-spacing:.08em;font-size:8px}.study-schedule strong{font:37px/1.3 var(--font-mono);letter-spacing:-.05em;margin-top:8px;display:block}.study-schedule small{letter-spacing:-.03em;font-size:13px}.study-action{background:var(--color-graphite);color:var(--color-surface);justify-content:space-between;padding:17px 22px;font-size:13px;display:flex}.trust-strip{border-block:1px solid var(--color-line-strong)}.trust-strip>div{justify-content:space-between;gap:20px;padding-block:18px;display:flex}.trust-strip span{font:10px var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.trust-strip span:before{content:"+";color:#98690e;margin-right:12px}.discovery-section,.featured-section,.all-tools{padding-block:64px 14px;scroll-margin-top:24px}.section-title-row{justify-content:space-between;align-items:baseline;gap:24px;margin:19px 0 30px;display:flex}.section-title-row p{color:var(--color-muted);font-size:14px}.category-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;display:grid}.category-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:4px;flex-direction:column;gap:13px;min-height:200px;padding:16px 16px 15px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;box-shadow:0 1px 2px #3c37280d}.category-art{height:auto;display:flex}.category-art svg.category-icon{background:var(--cat-tile,#eceade);border-radius:9px;width:46px;height:46px;padding:9px;transition:transform .18s}.category-card:hover svg.category-icon{transform:translateY(-2px)}.category-count{font:8px var(--font-mono);letter-spacing:.1em;color:var(--color-muted);margin-top:auto;padding-top:12px}.category-card h3{letter-spacing:-.025em;font-size:15px;font-weight:500}.category-card p{color:var(--color-muted);margin-top:6px;font-size:11.5px;line-height:1.5}.category-concrete{--cat-tile:#e7eae8}.category-masonry{--cat-tile:#f7e6d9}.category-landscaping{--cat-tile:#e4eddd}.category-flooring-tile{--cat-tile:#e0ecf2}.category-paint-drywall{--cat-tile:#fbeed6}.category-roofing{--cat-tile:#ebe6f3}.category-conversions{--cat-tile:#e4eddd}.text-link{text-underline-offset:5px;font-size:13px;font-weight:500}.text-link:hover{text-decoration:underline}.featured-grid{grid-template-columns:1.15fr 1fr 1fr;gap:14px;display:grid}.featured-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:4px;flex-direction:column;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #3c37280d}.featured-card:hover{border-color:#98690e;transform:translateY(-3px);box-shadow:0 8px 20px #3c37281c}.featured-art{border-bottom:1px solid var(--color-line);background:#eeebe2;justify-content:center;align-items:center;padding:10px 16px;display:flex}.featured-art svg{width:108px;height:78px;transition:transform .2s}.featured-card:hover .featured-art svg{transform:scale(1.04)}.featured-card h3{letter-spacing:-.03em;font-size:17px;font-weight:500}.featured-card p{color:var(--color-muted);margin-top:6px;font-size:12.5px;line-height:1.55}.output-caption{border-top:1px solid var(--color-line);font:9.5px/1.6 var(--font-mono);color:var(--color-muted);margin-top:13px;padding-top:10px}.featured-badge{font:500 10.5px var(--font-sans);letter-spacing:.01em;color:#55584f;background:#ebe8dd;border-radius:3px;padding:4px 9px}.featured-go{border:1px solid var(--color-line-strong);width:28px;height:28px;color:var(--color-muted);border-radius:50%;place-items:center;font-size:13px;transition:background .16s,color .16s,border-color .16s;display:grid}.featured-card:hover .featured-go{background:var(--color-ochre);color:#fffdf7;border-color:#a2690f}.featured-lead{grid-row:span 2}.featured-lead .featured-art{flex:1;padding:20px}.featured-lead svg{width:100%;height:100%;max-height:240px}.featured-lead h3{letter-spacing:-.04em;font-size:25px}.featured-lead p{margin-top:8px;font-size:14px}.featured-estimate{background:#fbf3e2;border:1px solid #e0d5b8;border-radius:3px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px;padding:10px 12px;display:flex}.featured-estimate span{font:9.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#7b6633}.featured-estimate strong{font:500 13px var(--font-mono);color:#5c4a1c}.featured-estimate b{color:#8f5a12;font-size:18px}.method-band{border-block:1px solid var(--color-line-strong);background:#eae7de;margin-top:54px;padding-block:46px 50px}.method-grid{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);align-items:stretch;gap:32px;display:grid}.method-head h2{font-size:clamp(28px,3vw,38px);line-height:1.12}.method-intro{color:var(--color-muted);margin-top:8px;font-size:14px}.how-steps li{border:1px solid var(--color-line);background:var(--color-surface);border-radius:4px;gap:13px;padding:16px 16px 18px;display:flex;position:relative;box-shadow:0 1px 2px #3c37280d}.how-steps li>span{width:28px;height:28px;font:500 13px var(--font-mono);color:#fffdf7;background:linear-gradient(#e9b14a 0%,#d99a22 50%,#c4861a 100%);border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 1px #fffaeb80,0 1px #96600d}.how-steps h3{letter-spacing:-.025em;font-size:15px;font-weight:500}.how-steps p{color:var(--color-muted);margin-top:7px;font-size:12.5px;line-height:1.6}.build-panel{border:1px solid var(--color-line-strong);background:linear-gradient(#f2efe4 0%,#eceade 100%);border-radius:4px;flex-direction:column;padding:22px 22px 20px;display:flex;box-shadow:0 1px 2px #3c37280f}.build-panel h3{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500;line-height:1.16}.build-panel>.build-panel-copy p{color:var(--color-muted);max-width:300px;margin-top:9px;font-size:13px;line-height:1.6}.build-panel .house-sketch{width:100%;height:auto;max-height:150px;margin:6px 0 4px}.build-checklist{color:#55584f;gap:6px;margin-bottom:16px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;display:grid}.build-checklist li:before{content:"✓";color:#6a5220;border:1px solid #8b8d83;place-items:center;width:13px;height:13px;font-size:9px;font-style:normal;display:grid}.build-cta{align-self:flex-start;margin-top:auto}.project-continuation{border-bottom:1px solid var(--color-line-strong);grid-template-columns:1fr 1fr;gap:70px;padding-block:65px;display:grid}.project-continuation h2{margin:15px 0 12px;font-size:36px}.project-continuation p:not(.eyebrow){max-width:460px;color:var(--color-muted);font-size:14px;line-height:1.7}.project-route{grid-template-columns:70px 1fr 32px 70px 1fr;align-items:center;gap:8px;font-size:15px;display:grid}.project-route svg{width:70px}.project-route>.project-route-icon{justify-self:center;width:58px;height:58px}.project-route>.project-route-icon svg{width:32px;height:32px}.route-arrow{color:#98690e}.project-route strong{border-top:1px solid var(--color-line-strong);grid-column:1/-1;padding-top:15px;font-size:13px;font-weight:500}.library-grid{grid-template-columns:repeat(4,1fr);gap:34px;display:grid}.library-grid h3{font:10px var(--font-mono);text-transform:uppercase;color:var(--color-muted);letter-spacing:.1em;margin-bottom:12px}.library-grid a{border-bottom:1px solid var(--color-line);grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:48px;padding:8px 3px;font-size:14px;transition:background-color .16s,border-color .16s,color .16s;display:grid}.library-grid a:hover{border-color:#6e6e69}@supports (color:color-mix(in lab, red, red)){.library-grid a:hover{border-color:color-mix(in srgb, var(--color-ink) 55%, var(--color-line))}}.library-grid a:hover{color:#8f580d;background:#f8f6f0}.library-grid a:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #b97817}.library-grid a>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-grid .library-arrow{color:var(--color-muted);transition:color .16s,transform .16s}.library-grid a:hover .library-arrow{color:#9b610d;transform:translate(2px)}.trust-note{border-top:1px solid var(--color-line-strong);align-items:center;gap:30px;margin-top:65px;padding-block:34px;display:flex}.trust-note>div{flex:1}.trust-symbol{font:60px var(--font-mono);color:var(--color-muted)}.trust-note h2{letter-spacing:-.025em;font-size:23px}.trust-note p{max-width:680px;color:var(--color-muted);margin-top:8px;font-size:13px;line-height:1.7}.site-header{border-bottom:1px solid var(--color-line-strong);background:var(--color-surface)}.site-header-inner{justify-content:space-between;align-items:center;gap:28px;min-height:62px;display:flex}.brand{letter-spacing:-.065em;align-items:center;gap:10px;font-size:21px;font-weight:600;display:flex}.brand-symbol{border:1px solid var(--color-ink);background:repeating-linear-gradient(90deg, var(--color-ink) 0 1px, transparent 1px 5px) 4px 3px / 18px 5px no-repeat;width:26px;height:26px;position:relative}.brand-symbol:after{content:"";border-left:3px solid var(--color-ochre);border-bottom:3px solid var(--color-ochre);width:11px;height:11px;position:absolute;bottom:4px;left:4px}.brand-tagline{font:10px var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--color-muted);margin-left:4px}.site-nav{align-items:center;gap:22px;font-size:13px;display:flex}.site-nav>a:not(.nav-action):not(.nav-search):hover{text-underline-offset:5px;text-decoration:underline}.site-nav .nav-search{border:1px solid var(--color-line-strong);background:var(--color-canvas);width:210px;height:34px;color:var(--color-muted);white-space:nowrap;border-radius:3px;align-items:center;padding:0 12px;font-size:12px;transition:border-color .14s,background .14s;display:flex;overflow:hidden}.site-nav .nav-search:hover{background:var(--color-surface);border-color:#98690e}.site-nav .nav-action{border-radius:3px;height:34px;padding:0 15px;font-size:12px}.site-footer{margin-top:40px}.reference-calculator{padding-block:27px 50px}.calculator-intro{max-width:750px;padding-block:19px 30px}.calculator-intro>p:nth-of-type(2){max-width:650px;margin-top:12px;font-size:16px;line-height:1.6}.calculator-intro>p:last-child{margin-top:15px;font-size:10px}.reference-workspace{border:1px solid var(--color-line-strong);background:var(--color-surface)}.workspace-stage{justify-content:space-between;align-items:center;gap:20px;padding:24px 28px 0;display:flex}.workspace-stage>.eyebrow{font-size:9px}.workspace-toolbar{gap:20px;padding:20px 28px 24px}.reference-workspace .mode-select{gap:10px}.reference-workspace .mode-select button{border:1px solid var(--color-line);color:var(--color-ink);background:0 0;flex-direction:column;align-items:center;gap:3px;min-width:102px;padding:8px 20px 12px;font-size:10px;display:flex}.reference-workspace .mode-select button[aria-pressed=true]{box-shadow:inset 0 -3px var(--color-ochre);background:#f4ead4;border-color:#98690e}.reference-workspace button{cursor:pointer;min-height:44px}.reference-workspace .workspace-body>div{min-width:0}.dimension-help{color:var(--color-muted);margin-block:10px 14px;font-size:12px;line-height:1.6}.workspace-body .technical-drawing{border:1px solid var(--color-line);margin-bottom:25px}.reference-workspace fieldset{margin-bottom:14px;padding:16px}.reference-workspace fieldset legend input{min-height:36px}.reference-workspace input[aria-invalid]{padding-right:57px}.reference-workspace input:focus-visible,.reference-workspace select:focus-visible{outline:2px solid var(--color-ochre);outline-offset:2px}.reference-workspace .workspace-body>div>.section-label:not(:first-child){margin-top:20px;margin-bottom:16px}.quantity-schedule{color:var(--color-ink);border:1px solid var(--color-line-strong);background:#f6f3e9;border-radius:4px;padding:16px;box-shadow:0 1px 2px #3c37280f}.quantity-schedule h2{letter-spacing:-.03em;margin-top:6px;font-size:19px;font-weight:500}.schedule-context{color:var(--color-muted);font:10px var(--font-mono);margin-block:5px 12px}.quantity-schedule dl>div{border:1px solid var(--color-line);background:var(--color-surface);border-radius:3px;margin:0;padding:9px 11px}.quantity-schedule dt{color:var(--color-muted);margin-bottom:2px;font-size:11.5px;line-height:1.35}.quantity-schedule dl>div[data-output-role=recommended-purchase]{background:linear-gradient(#fdf6e6 0%,#f9edd5 100%);border:1px solid #ddc48a;order:-1;padding:11px 13px 12px;box-shadow:inset 0 1px #fffdf6cc}.quantity-schedule [data-output-role=recommended-purchase] dt{color:#a2690f;font-size:10.5px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}.quantity-schedule [data-output-role=recommended-purchase] dd{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.purchase-number{font:500 31px/1.15 var(--font-mono);letter-spacing:-.05em;color:#3c3a2c}.purchase-unit{color:#6b5a30;font-size:14px}.quantity-schedule .primary-result{background:linear-gradient(#fdf6e6 0%,#f9edd5 100%);border-color:#ddc48a}.schedule-footnote{color:var(--color-muted);margin-top:11px;font-size:10.5px;line-height:1.6}.quantity-schedule .schedule-actions{border-top:1px solid var(--color-line);gap:7px;margin-top:13px;padding-top:13px;display:grid}.reference-editorial article{max-width:none}.reference-editorial article>section:not(.formula-sheet){max-width:740px}.formula-sheet{border:1px solid var(--color-line-strong);background:#eae7de;padding:28px}.formula-intro{letter-spacing:-.035em;margin:18px 0 23px;font-size:24px;line-height:1.3}.formula-sheet dl>div{border-top:1px solid var(--color-line);grid-template-columns:1fr;gap:8px;padding-block:15px}.formula-sheet dd{font-size:14px;line-height:1.8}.continuation-card{border-bottom:1px solid var(--color-line-strong)}.continuation-card a{align-items:flex-start;gap:12px;padding-block:20px;display:flex}.continuation-card svg{flex-shrink:0;width:52px}.continuation-card a>.continuation-icon-tile{flex-basis:32px;width:32px;height:32px}.continuation-card a>.continuation-icon-tile svg{width:20px;height:20px}.continuation-card small{color:var(--color-muted);margin-top:7px;font-size:12px;line-height:1.6;display:block}.continuation-card a>span:last-child{margin-left:auto}.reference-calculator:has(input:focus) .mobile-result{display:none}@media (min-width:1440px){.home-hero{gap:100px}}@media (max-width:1100px){.design-container{width:calc(100% - 56px)}.home-hero{gap:35px}.study-schedule>div{padding:15px}.study-schedule strong{font-size:30px}.study-schedule small{font-size:10px}.category-grid{gap:12px}.category-card{padding:15px}.category-count{font-size:7px}.category-card h3{font-size:15px}.reference-workspace .workspace-body{grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding:24px}.quantity-schedule{padding:22px}.reference-workspace fieldset .grid{grid-template-columns:1fr}.site-nav{gap:20px}}@media (max-width:800px){.site-header-inner{gap:16px;min-height:72px}.brand{font-size:22px}.site-nav{gap:18px}.site-nav .nav-secondary{display:none}.home-hero{gap:34px;padding-block:42px 48px}.home-hero h1{font-size:49px}.hero-description{font-size:14px}.desktop-break{display:none}.study-heading{flex-direction:column;gap:8px;padding:15px}.study-schedule{grid-template-columns:1fr}.study-schedule>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.study-schedule>div+div{border-left:0;border-top:1px solid var(--color-line)}.study-schedule strong{margin:0}.study-action{padding:15px;font-size:11px}.trust-strip>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.category-grid{grid-template-columns:repeat(2,1fr)}.category-conversions{grid-column:span 2}.featured-grid{grid-template-columns:1fr 1fr}.featured-lead{flex-direction:row;grid-area:auto/span 2}.featured-lead .featured-art{flex:none;width:44%}.featured-lead svg{height:190px}.featured-lead .featured-copy{align-self:center}.method-grid{gap:40px}.method-grid h2{font-size:39px}.how-steps{padding-top:0}.how-steps h3{font-size:20px}.project-continuation{gap:28px}.project-route{grid-template-columns:52px 1fr 20px 52px 1fr;font-size:12px}.project-route svg{width:52px}.project-route>.project-route-icon{width:48px;height:48px}.project-route>.project-route-icon svg{width:28px;height:28px}.library-grid{grid-template-columns:repeat(2,1fr)}.trust-note{flex-wrap:wrap}.trust-note .text-link{margin-left:70px}.reference-workspace .workspace-body{grid-template-columns:minmax(0,1fr)}.reference-workspace fieldset .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quantity-schedule{position:static}.workspace-stage>.eyebrow{display:none}.reference-editorial{grid-template-columns:minmax(0,1fr);gap:35px}.reference-calculator{padding-bottom:80px}}@media (max-width:600px){.design-container{width:calc(100% - 36px)}.brand{gap:9px;font-size:21px}.brand-symbol{width:28px;height:28px}.site-nav>a:not(.nav-action){display:none}.site-nav .nav-action{padding:10px 11px;font-size:11px}.home-hero{grid-template-columns:1fr;gap:36px;padding-block:35px 40px}.home-hero h1{margin-top:20px;font-size:clamp(48px,11.5vw,65px)}.hero-description{max-width:350px;margin-block:22px;font-size:15px}.hero-links{gap:10px 14px}.hero-links>span{font-size:10px}.hero-study{transform:none;box-shadow:4px 4px #e3e0d7}.study-heading{flex-direction:row;padding:13px 16px}.study-heading .eyebrow,.study-live{font-size:9px}.hero-study .technical-drawing svg{max-height:220px}.study-schedule{grid-template-columns:1fr 1fr}.study-schedule>div{padding:14px;display:block}.study-schedule>div+div{border-top:0;border-left:1px solid var(--color-line)}.study-schedule strong{margin-top:7px;font-size:30px}.study-schedule .eyebrow{font-size:7px}.study-action{padding:14px 16px}.trust-strip span{letter-spacing:0;font-size:8px}.trust-strip span:before{margin-right:6px}.discovery-section,.featured-section,.all-tools{padding-top:38px}.section-title-row{margin:16px 0 22px;display:block}.section-title-row h2{font-size:29px}.section-title-row p,.section-title-row>a,.section-title-row>span{margin-top:10px;font-size:12px;display:block}.section-label{letter-spacing:.09em;font-size:9px}.category-grid{gap:10px}.category-card{padding:12px 13px 17px}.category-art{height:88px}.category-art svg{width:77px}.category-count{white-space:nowrap;font-size:6px}.category-card h3{gap:4px;font-size:15px}.category-card p{font-size:11px;line-height:1.5}.category-conversions>div:last-child{padding-top:24px}.category-conversions .category-art svg{width:100px;height:100px}.featured-grid{gap:12px}.featured-lead{flex-direction:column}.featured-lead .featured-art{flex-direction:row;align-items:center;width:100%;padding:15px 24px}.featured-lead svg{width:145px;height:145px}.featured-lead .featured-copy{width:100%;padding:24px}.featured-art{padding:8px 12px}.featured-art svg{width:70px;height:65px}.featured-art .eyebrow{display:none}.featured-lead .featured-art .eyebrow{display:block}.featured-copy{padding:15px}.featured-card h3{gap:6px;font-size:17px;line-height:1.25}.featured-lead h3{font-size:27px}.featured-card p{font-size:12px}.output-caption{margin-top:14px;font-size:9px}.method-band{margin-top:38px;padding-block:36px}.method-grid{grid-template-columns:1fr;gap:32px}.method-grid h2{font-size:40px}.how-steps li{gap:17px;padding-block:20px}.project-continuation{grid-template-columns:1fr;gap:22px;padding-block:38px}.project-continuation h2{font-size:31px}.project-continuation .eyebrow{font-size:9px}.project-route{font-size:13px}.library-grid{gap:24px 20px}.library-grid h3{font-size:9px;line-height:1.7}.library-grid a{min-height:44px;font-size:12px}.trust-note{gap:18px;margin-top:35px}.trust-note h2{font-size:22px;line-height:1.3}.trust-note .text-link{margin-left:0}.trust-symbol{display:none}.reference-calculator{padding-top:20px}.reference-calculator>nav{font-size:10px;line-height:1.8}.calculator-intro{padding-block:9px 22px}.calculator-intro .eyebrow{font-size:9px}.calculator-intro h1{font-size:36px}.calculator-intro>p:nth-of-type(2){font-size:14px}.workspace-stage{padding:18px 16px 0}.workspace-toolbar{padding:16px}.reference-workspace .mode-select{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.reference-workspace .mode-select button{letter-spacing:.04em;min-width:0;padding:6px 4px 10px;font-size:9px}.reference-workspace .mode-select svg{width:44px;height:38px}.workspace-toolbar>div:last-child{width:100%}.workspace-toolbar>div:last-child button{flex:1}.reference-workspace .workspace-body{gap:24px;padding:18px 16px}.dimension-help{font-size:11px}.workspace-body .technical-drawing{margin-bottom:16px}.workspace-body .technical-drawing svg{max-height:175px}.drawing-topline{padding:12px 14px 0;font-size:8px}.technical-drawing figcaption{padding:8px 14px 12px;font-size:8px}.reference-workspace fieldset{padding:12px}.reference-workspace fieldset .grid{grid-template-columns:1fr}.reference-workspace fieldset legend input{font-size:11px}.quantity-schedule{padding:22px 20px}.quantity-schedule h2{font-size:24px}.quantity-schedule dd{font-size:14px}.purchase-number{font-size:68px}.purchase-unit{font-size:16px}.reference-editorial{margin-top:34px}.formula-sheet{padding:20px}.formula-intro{font-size:24px}.formula-sheet dd{overflow-wrap:anywhere;font-size:12px}.mobile-result{min-height:54px}.mobile-result span{font-size:12px}}@media print{.site-header,.reference-calculator>nav,.reference-editorial>aside,.workspace-stage,.workspace-toolbar{display:none!important}.design-container{width:100%}.reference-calculator{padding:0}.reference-workspace .workspace-body{padding:15px;display:block}.workspace-body .technical-drawing{max-width:400px;margin-inline:auto}.reference-workspace fieldset .grid{grid-template-columns:repeat(3,1fr)}.quantity-schedule{break-inside:avoid;color:#181a17;background:#fff;border:1px solid #666961;margin-top:20px;position:static}.quantity-schedule .text-muted,.quantity-schedule .eyebrow,.schedule-context,.schedule-footnote,.quantity-schedule [data-output-role=recommended-purchase] dt{color:#444}.quantity-schedule dl>div{margin-top:8px;padding-top:8px}.purchase-number{font-size:48px}.reference-editorial{margin-top:24px;display:block}.formula-sheet{break-inside:avoid}}@keyframes quantity-arrive{0%{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.purchase-number{animation:.18s ease-out quantity-arrive}@media print{.quantity-schedule .text-error{color:#8a3730}.reference-workspace .workspace-body{flex-direction:column;gap:20px;display:flex}.quantity-schedule{order:-1;width:100%;margin-top:0;padding:20px}.quantity-schedule dl{grid-template-columns:1fr 1fr;gap:12px 28px;display:grid}.quantity-schedule dl>div[data-output-role=recommended-purchase]{grid-column:1/-1;margin:0;padding:10px 0}.quantity-schedule .schedule-context{margin-bottom:10px}.schedule-footnote{margin-top:12px}.reference-workspace button{display:none}.workspace-body .technical-drawing{max-width:300px}.reference-workspace fieldset{break-inside:avoid}.purchase-number{opacity:1;animation:none!important}}.reference-home,.reference-calculator{--display-font:Georgia, "Times New Roman", serif;--drawing-ink:#263b44}.reference-home{background:#fcfbf8}.reference-home h1,.reference-home h2,.calculator-intro h1{font-family:var(--display-font);color:#182c35;letter-spacing:-.045em;font-weight:600}.reference-home h1>span,.method-grid h2 span{color:inherit}.brand{letter-spacing:-.06em;font-size:25px}.brand-accent{color:#b36d10}.brand-tagline{font:9px var(--font-mono);color:var(--color-muted);letter-spacing:.15em;margin-left:7px}.brand-symbol{display:none}.site-nav{gap:23px}.site-nav .nav-action,.search-submit{color:#fff;background:#b9720d;border:1px solid #ac6808;border-radius:4px;box-shadow:inset 0 1px #e7b358}.site-nav .nav-action{padding:11px 20px;font-weight:500}.site-nav .nav-action:hover,.search-submit:hover{background:#995b08;text-decoration:none}.home-hero{isolation:isolate;grid-template-columns:1.05fr 1fr;gap:40px;padding-block:48px 42px;position:relative}.home-hero:before{content:"";z-index:-1;background-color:#f7f4ed;background-image:linear-gradient(86deg,#0000 75%,#ac9b7520 75.2%,#0000 75.5%),linear-gradient(#a69e8410 1px,#0000 1px),linear-gradient(90deg,#a69e8410 1px,#0000 1px);background-size:100% 100%,24px 24px,24px 24px;position:absolute;inset:0 calc(min(1220px,100vw - 96px)/2 - 50vw)}.hero-copy{z-index:2;position:relative}.hero-description{max-width:560px;margin-block:22px;font-size:16px;line-height:1.65}.hero-description .desktop-break{display:none}.hero-copy>.eyebrow{color:#9b5d0a}.hero-links{font-size:12px}.hero-links a{color:#995b08;border-bottom:0}.hero-links>span{font-size:11px}.search-control{border-color:#c9c5ba;border-radius:5px;gap:12px;padding:5px 6px 5px 17px;box-shadow:0 2px 6px #56492c0b}.search-submit{cursor:pointer;white-space:nowrap;min-height:44px;padding:10px 20px;font-size:13px;font-weight:500}.search-submit>span{margin-left:5px}.hero-study{box-shadow:none;background:0 0;border:0;transform:none}.study-heading{border:0;padding:0 18px 6px}.study-heading .eyebrow{letter-spacing:.15em;font-size:9px}.study-live{color:#59605c;font-size:10px}.technical-drawing{background:0 0}.hero-study .technical-drawing{position:relative}.drawing-topline{opacity:.7;padding:8px 18px 0;font-size:9px}.sketch-note{fill:currentColor;stroke:none;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:17px;font-style:italic;font-weight:400}.formula-scribble{font-size:21px}.technical-drawing .sketch-note{color:#475653}.technical-drawing .drawing-measurements .sketch-note{fill:#34464a}.technical-drawing figcaption{justify-content:space-between;gap:15px;padding:4px 18px 15px;font-size:8px;display:flex}.technical-drawing figcaption span{color:#9b6a26}.study-schedule{background:#fffdf5;border:1px solid #dcd3bd;border-radius:4px;grid-template-columns:.85fr 1.15fr;margin:0 16px;box-shadow:3px 3px #e9e1d0}.study-schedule>div{padding:14px 20px}.study-schedule>div:last-child{background:#faefd6}.study-schedule .eyebrow{font-size:9px}.study-schedule strong{color:#21363e;margin-top:4px;font-size:32px}.study-schedule small{font-size:13px}.study-schedule>div:last-child .eyebrow{color:#9e6007}.study-action{color:#8f5508;background:0 0;padding:14px 20px 0;font-size:12px}.study-action>span{color:#8f5508}.trust-strip{background:#fffdf8;border-color:#e8e2d5}.trust-strip span{font:12px var(--font-sans);text-transform:none;letter-spacing:0}.trust-strip span:before{content:"✓";margin-right:10px;font-size:16px}.section-label{color:#6b6f69;letter-spacing:.12em;font-size:10px}.section-label>span{color:#a3650c}.section-title-row{margin:10px 0 22px}.section-title-row h2{font-size:33px;line-height:1.2}.section-title-row p{font-size:13px}.text-link{color:#a25f0c}.category-card{--material-accent:#586e79;--material-tint:#dce4e8;background:#fffefa;border:1px solid #e2dfd5;border-radius:5px;padding:0 16px 18px;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 3px 7px #5d482509}.category-masonry{--material-accent:#a5543b;--material-tint:#efdcd3}.category-landscaping{--material-accent:#507047;--material-tint:#e0ead7}.category-flooring-tile{--material-accent:#3c708e;--material-tint:#dbeaf0}.category-paint-drywall{--material-accent:#a35d1d;--material-tint:#f6e3c6}.category-roofing{--material-accent:#746085;--material-tint:#e9e0ef}.category-conversions{--material-accent:#466958;--material-tint:#e0e9df;grid-column:auto}.material-sketch{width:100%;height:auto;display:block;overflow:visible}.material-wash{fill:var(--material-tint,#e7e5db)}.sketch-measure{color:var(--material-accent,#a86a16);stroke:currentColor}.material-sketch .sketch-note{font-size:15px}.category-art .material-sketch{width:122%;max-width:none;height:115px;margin-left:-11%;transition:none}.category-masonry .category-art .material-sketch{transform:translate(6px)rotate(-3deg)}.category-roofing .category-art .material-sketch{transform:translate(10px,-1px)}.category-conversions .category-art .material-sketch{transform:rotate(4deg)}.category-paint-drywall .category-art .material-sketch{transform:translate(7px)}.category-card:hover{border-color:var(--material-accent);transform:none;box-shadow:0 4px 8px #5d482511}.category-count{color:var(--material-accent);letter-spacing:.08em;padding:0;font-size:8px;position:absolute;bottom:-3px;left:14px}.category-card h3{font-family:var(--display-font);color:#24353c;letter-spacing:-.03em;gap:6px;font-size:17px}.category-card h3 span{font-family:var(--font-sans);color:var(--material-accent);font-size:13px}.category-conversions .category-art{float:none;width:auto;height:118px}.category-conversions>div:last-child{width:auto;padding:0}.category-conversions .category-art svg{width:122%;height:115px}.sketch-measure .dimension-line{stroke-dasharray:360;stroke-dashoffset:0;transition:stroke-dashoffset .4s}.category-card:hover .dimension-line,.featured-card:hover .dimension-line,.hero-study:hover .dimension-line{animation:.55s both measure-line}.sketch-measure .annotation-arrow{opacity:.6;transition:opacity .25s}.category-card:hover .annotation-arrow,.featured-card:hover .annotation-arrow{opacity:1}.paint-swatch{transform-origin:top;transition:transform .3s}.category-card:hover .paint-swatch,.featured-card:hover .paint-swatch{transform:scaleY(1.08)}.cut-highlight{transition:opacity .25s}.category-card:hover .cut-highlight,.featured-card:hover .cut-highlight{opacity:.95}@keyframes measure-line{0%{stroke-dashoffset:360px}to{stroke-dashoffset:0}}.featured-card{color:#24353c;background:#fffefa;border-color:#e2dfd5;border-radius:5px;box-shadow:0 3px 7px #5d482509}.featured-card:hover{border-color:var(--material-accent,#b28d50)}.featured-art{background:linear-gradient(#f8f6efaa,#fffdf800);min-height:125px;padding:0;position:relative}.featured-art .eyebrow{color:var(--material-accent,#596b70);writing-mode:vertical-rl;font-size:8px;position:absolute;top:16px;right:18px}.featured-card h3{font-family:var(--display-font);font-size:22px}.featured-card h3>span{color:#a46914}.featured-card p{margin-top:7px;font-size:12px}.output-caption{color:var(--material-accent,#64716d);border-color:#e9e3d6;margin-top:13px;padding-top:10px;font-size:9px}.featured-lead .featured-art{background-color:#f0eee5;background-image:linear-gradient(#c8c1ac20 1px,#0000 1px),linear-gradient(90deg,#c8c1ac20 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex:1;min-height:240px;padding:22px 8px 0;display:block}.featured-lead .featured-art .eyebrow{writing-mode:horizontal-tb;top:17px;left:21px;right:auto}.featured-lead p{color:var(--color-muted)}.featured-lead .output-caption{color:#5f6d6e;border-color:#e9e3d6}.featured-estimate{background:#fbf0d9;border:1px solid #e1c68d;border-radius:3px;margin:-13px 0 22px;padding:12px 15px;position:relative}.featured-estimate>span{font:9px var(--font-mono);color:#746752}.featured-estimate strong{font:12px var(--font-mono);color:#925a13;margin-top:5px;display:block}.featured-estimate b{color:#263a42;font-size:29px;font-weight:500}.method-band{background:#f5f2e9;border-color:#e2dccd;margin-top:38px;padding-block:36px}.method-grid{align-items:center;gap:70px}.method-grid h2{margin-block:16px 20px;font-size:43px}.how-steps li{border-color:#dfd8c7;gap:20px;padding-block:18px}.how-steps li>span{color:#fff;width:34px;height:34px;font:15px var(--display-font);background:#b9720d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset 0 1px #e7b358}.how-steps p{margin-top:6px;font-size:13px}.project-continuation{gap:50px;padding-block:42px}.project-continuation h2{margin:12px 0}.project-route{background:#f1f4e9;border:1px solid #dce1d2;border-radius:4px;grid-template-columns:1fr 24px 1fr;gap:0 12px;padding:15px 24px;position:relative}.project-route .material-sketch{grid-row:1;width:100%;height:123px}.project-route .material-sketch:nth-of-type(2){grid-column:3}.project-route>span:nth-child(2){grid-area:2/1}.project-route>span:nth-child(5){grid-area:2/3}.project-route .route-arrow{grid-area:1/2/3;font-size:25px}.project-route>span{text-align:center}.project-route strong{color:#925a13;border-color:#d4dbc6;margin-top:15px;padding-top:12px}.trust-note{margin-top:35px;padding-block:25px}.trust-note h2{font-size:25px}.library-grid a{font-size:13px}.calculator-intro{grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;max-width:none;padding:0 16px 26px;display:grid;position:relative}.calculator-intro:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(#b1a3860d 1px,#0000 1px),linear-gradient(90deg,#b1a3860d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:-58px -32px 0}.calculator-intro h1{margin-top:10px;font-size:clamp(38px,4.1vw,61px)}.calculator-intro-copy>.eyebrow{color:#9b5d0a;font-size:10px}.calculator-intro-copy>p:nth-of-type(2){max-width:610px;margin-top:12px;font-size:16px;line-height:1.65}.calculator-intro-copy>p:nth-of-type(3){margin-top:15px;font-size:9px}.calculator-intro-sketch .drawing-topline,.calculator-intro-sketch figcaption{display:none}.calculator-trust{color:#5a6766;flex-wrap:wrap;gap:20px;margin-top:22px;font-size:11px;display:flex}.reference-workspace{background:#fffefa;border-color:#dfdcd2;border-radius:6px;box-shadow:0 4px 10px #4b3f2210}.reference-workspace .section-label{color:#223740;font:600 20px var(--display-font);text-transform:none;letter-spacing:-.02em}.reference-workspace .section-label>span{color:#fff;width:29px;height:29px;font:16px var(--display-font);background:#b9720d;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:inset 0 1px #e7b358}.reference-workspace .mode-select{border:1px solid #ddd9ce;border-radius:4px;gap:0;overflow:hidden}.reference-workspace .mode-select button{min-width:137px;font:500 13px var(--font-sans);text-transform:none;letter-spacing:0;border:0;border-right:1px solid #e6e1d6;flex-direction:row;gap:12px;padding:7px 17px}.reference-workspace .mode-select button:last-child{border-right:0}.reference-workspace .mode-select button[aria-pressed=true]{color:#fffdf5;background:#615235;box-shadow:inset 0 0 0 1px #796749}.workspace-body .technical-drawing{background:#fcfbf6;border:1px solid #e7e2d7;border-radius:3px;margin-bottom:20px}.reference-workspace fieldset{background:#fff;border-color:#e2ded3;border-radius:4px}.reference-workspace input:not([type=search]),.reference-workspace select{background:#fff;border-color:#d4d3cb;border-radius:4px}.reference-workspace .quantity-schedule{color:#22343d;background:#f7f3e8;border:1px solid #e8dfcc;border-radius:5px;padding:24px}.quantity-schedule .eyebrow{color:#9b6317;font-size:9px}.quantity-schedule h2{font-family:var(--display-font);letter-spacing:-.035em;font-size:27px;font-weight:600}.schedule-context{color:#6d736b;margin-bottom:20px}.quantity-schedule dl>div{background:#fffefa;border-color:#e4dccb;border-radius:3px;margin-top:10px;padding:15px}.quantity-schedule dl>div[data-output-role=recommended-purchase]{background:#fff2d6;border:1px solid #d6aa58;border-left:4px solid #c48418;margin:0 0 17px;padding:20px 16px}.quantity-schedule [data-output-role=recommended-purchase] dt{color:#965803}.quantity-schedule .text-muted{color:#626b66}.quantity-schedule dd{font-size:14px}.purchase-number{color:#233a42;font-size:58px}.schedule-footnote{color:#6a7169}.quantity-schedule .btn-action{color:#293c43;background:#fffefa;border-color:#d5d0c3;border-radius:4px}.quantity-schedule .no-print{grid-template-columns:1fr 1fr;display:grid}.quantity-schedule .btn-action:first-child{color:#fff;text-transform:none;letter-spacing:0;background:#b9720d;border-color:#a96911;grid-column:span 2;font-size:12px}.quantity-schedule .btn-action:last-child{grid-column:span 2}.quantity-schedule .border-line{border-color:#ddd5c2}.quantity-schedule .text-error{color:#8a3730}.reference-editorial{gap:28px;margin-top:28px}.formula-sheet{background:#fcfbf7;border-color:#dfdcd2;border-radius:5px;padding:24px}.formula-sheet>.section-heading,.reference-editorial aside>.section-heading{font:600 23px var(--display-font);text-transform:none;letter-spacing:-.03em;color:#243740;padding-bottom:12px}.formula-intro{color:var(--color-muted);letter-spacing:0;margin:12px 0 17px;font-size:14px}.formula-sheet dl{grid-template-columns:1fr 1fr;gap:12px;display:grid}.formula-sheet dl>div{background:#f2efe5;border:1px solid #e5dfd1;border-radius:3px;margin:0;padding:15px}.formula-sheet dt{color:#995f0e;font-size:10px}.formula-sheet dd{font-size:12px}.reference-editorial>aside{background:#fffefa;border:1px solid #dfdcd2;border-radius:5px;align-self:start;padding:22px}.continuation-card a{padding-block:14px}.continuation-card:last-child{border:0}@media (max-width:1200px){.brand-tagline{display:none}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-conversions{grid-column:span 2}.category-conversions .category-art{float:right;width:50%;height:155px;margin:0 -8px 0 0}.category-conversions>div:last-child{width:48%;padding-top:50px}.category-conversions .category-art svg{width:100%;height:145px;margin:0}.category-conversions .category-count{display:none}.category-art,.category-conversions .category-art{height:138px}.category-art .material-sketch{height:130px}.reference-workspace .mode-select button{gap:8px;min-width:110px;padding-inline:12px}.reference-workspace .workspace-body{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.reference-workspace fieldset .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-workspace input[aria-invalid]{padding-right:42px}.reference-workspace fieldset input[aria-invalid]{font-size:13px}.reference-workspace fieldset .pointer-events-none{font-size:9px;right:8px}.calculator-intro{gap:12px;padding-inline:0}.calculator-trust{gap:12px;font-size:10px}}@media (max-width:800px){.home-hero:before{inset-inline:-28px}.home-hero{gap:25px;padding-block:35px}.home-hero h1{font-size:43px}.hero-description{font-size:14px}.search-submit{padding-inline:12px;font-size:12px}.search-submit span{display:none}.search-control input{font-size:12px}.study-heading{flex-direction:row;padding-inline:6px}.study-live{display:none}.study-schedule{grid-template-columns:1fr;margin-inline:4px}.study-schedule>div{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.study-schedule>div+div{border-top:1px solid #ded2b6;border-left:0}.study-schedule strong{margin-top:0;font-size:25px}.study-schedule .eyebrow{font-size:7px}.study-schedule small{font-size:10px}.technical-drawing figcaption span{display:none}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-conversions{grid-column:span 3}.category-conversions .category-art{width:40%}.category-conversions>div:last-child{width:50%;padding-top:32px}.featured-grid{grid-template-columns:1fr 1fr}.featured-lead{flex-direction:row}.featured-lead .featured-art{flex:none;width:44%;min-height:200px}.featured-lead .featured-art .material-sketch{height:225px}.featured-lead .featured-copy{padding:18px 22px}.featured-estimate{margin:0 0 16px}.featured-art .material-sketch{width:90%}.method-grid{gap:35px}.method-grid h2{font-size:37px}.project-continuation{gap:25px}.project-route{padding:12px}.project-route .material-sketch{height:105px}.reference-calculator{width:calc(100% - 40px)}.calculator-intro{grid-template-columns:1.2fr 1fr}.calculator-intro h1{font-size:39px}.calculator-intro-copy>p:nth-of-type(2){font-size:14px}.calculator-trust{gap:10px}.reference-workspace .workspace-body{grid-template-columns:1fr}.reference-workspace .mode-select button{min-width:103px}.quantity-schedule dl{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quantity-schedule dl>div[data-output-role=recommended-purchase]{grid-column:span 2;margin:0}.quantity-schedule dl>div{margin:0}.quantity-schedule .no-print{grid-template-columns:repeat(4,1fr)}.quantity-schedule .btn-action:first-child,.quantity-schedule .btn-action:last-child{grid-column:auto}}@media (max-width:600px){.home-hero{grid-template-columns:1fr;gap:24px;padding-block:30px}.home-hero:before{inset-inline:-18px}.home-hero h1{margin-top:13px;font-size:43px}.hero-description{margin-block:17px;font-size:14px}.hero-links{gap:8px 16px;margin-top:12px}.hero-links>span{font-size:10px}.search-control input{height:43px;font-size:12px}.search-submit{min-height:43px;padding-inline:15px;font-size:12px}.study-heading{padding-inline:8px}.study-live{display:block}.hero-study .technical-drawing svg{max-height:245px}.hero-study .technical-drawing .drawing-topline{display:none}.study-schedule{grid-template-columns:.85fr 1.15fr;margin-inline:5px}.study-schedule>div{padding:12px;display:block}.study-schedule>div+div{border-top:0;border-left:1px solid #ded2b6}.study-schedule strong{margin-top:5px;font-size:28px}.study-schedule small{font-size:10px}.study-action{padding-top:13px;font-size:11px}.trust-strip>div{gap:12px;padding-block:16px}.trust-strip span{font-size:10px}.trust-strip span:before{margin-right:6px;font-size:13px}.section-title-row h2{font-size:29px}.section-title-row{margin-top:10px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{padding:0 14px 17px}.category-art{height:116px;margin-inline:-12px}.category-art .material-sketch{width:124%;height:116px;margin-left:-12%}.category-count{font-size:8px;left:12px}.category-card h3{font-size:18px}.category-card p{font-size:11px}.category-conversions{grid-column:span 2}.category-conversions .category-art{width:49%;height:125px}.category-conversions .category-art svg{height:130px}.category-conversions>div:last-child{width:49%;padding-top:35px}.featured-grid{gap:12px}.featured-lead{flex-direction:column}.featured-lead .featured-art{width:100%;min-height:190px;padding:15px 10px 0}.featured-lead .featured-art .material-sketch{width:100%;height:200px}.featured-lead .featured-copy{padding:0 20px 22px}.featured-estimate{margin-top:-8px}.featured-card h3{font-size:20px}.featured-lead h3{font-size:28px}.featured-art{min-height:100px}.featured-art .material-sketch{width:100%;height:105px}.featured-copy{padding:12px 14px 16px}.featured-card p{font-size:11px}.output-caption{font-size:8px}.method-grid h2{font-size:39px}.project-continuation{grid-template-columns:1fr;padding-block:32px}.project-route .material-sketch{height:116px}.project-route{padding:12px 18px}.reference-calculator{width:calc(100% - 28px)}.calculator-intro{padding:5px 4px 22px;display:block}.calculator-intro h1{font-size:38px}.calculator-intro-copy>.eyebrow{font-size:8px}.calculator-intro-sketch{max-width:430px;margin:12px auto 0;display:block}.calculator-intro-sketch .technical-drawing svg{max-height:175px}.calculator-trust{gap:12px;margin-top:17px;font-size:9px}.workspace-stage{padding:19px 15px 0}.reference-workspace .section-label{gap:10px;font-size:19px}.reference-workspace .section-label>span{width:26px;height:26px;font-size:15px}.workspace-toolbar{padding:15px}.reference-workspace .mode-select{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;display:grid}.reference-workspace .mode-select button{flex-direction:column;gap:4px;min-width:0;padding:7px 5px 9px;font-size:11px}.reference-workspace .mode-select svg{width:42px;height:32px}.reference-workspace .workspace-body{padding:18px 15px}.workspace-body .technical-drawing svg{max-height:210px}.reference-workspace fieldset .grid{grid-template-columns:1fr}.reference-workspace fieldset input[aria-invalid]{font-size:15px}.reference-workspace fieldset .pointer-events-none{font-size:11px;right:12px}.reference-workspace .quantity-schedule{padding:19px}.quantity-schedule h2{font-size:26px}.quantity-schedule dl{display:block}.quantity-schedule dl>div{margin-top:12px}.purchase-number{font-size:56px}.quantity-schedule .no-print{grid-template-columns:1fr 1fr}.quantity-schedule .btn-action:first-child,.quantity-schedule .btn-action:last-child{grid-column:span 2}.formula-sheet{padding:20px}.formula-sheet dl{grid-template-columns:1fr}.formula-sheet dd{font-size:12px}.reference-editorial>aside{padding:20px}}.calculator-drawing{--drawing-accent:#9b6a26}.drawing-gravel,.drawing-mulch,.drawing-soil,.drawing-sod{--drawing-accent:#71805e}.drawing-paint,.drawing-drywall{--drawing-accent:#b07b31}.drawing-tile,.drawing-flooring{--drawing-accent:#537a83}.drawing-roof-area,.drawing-shingles{--drawing-accent:#706a82}.drawing-brick,.drawing-block,.drawing-paver{--drawing-accent:#946a55}.calculator-drawing .drawing-topline,.calculator-drawing svg{color:var(--drawing-accent)}.reference-workspace .mode-select button:only-child{grid-column:1/-1}.quantity-schedule .primary-result{background:linear-gradient(100deg,#ffefca,#fff6e2);border:1px solid #d6aa58;border-left:5px solid #c48418}.quantity-schedule .primary-result dt{color:#965803;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em}.monetization-slot{contain:layout paint style;isolation:isolate;place-items:center;width:100%;margin-block:28px;display:grid;overflow:hidden}.monetization-slot>*{width:100%;height:100%}.monetization-slot--in-content{min-height:280px}.monetization-slot--leaderboard{min-height:100px}.reference-editorial .monetization-slot[data-monetization-placement=calculator-editorial]{grid-column:1/3}.reference-home>.monetization-slot{width:min(1220px,100% - 72px);margin-inline:auto}@media (min-width:601px){.monetization-slot--in-content{min-height:250px}.monetization-slot--leaderboard{min-height:90px}}@media (max-width:800px){.reference-home>.monetization-slot{width:calc(100% - 36px)}}@media (max-width:600px){.reference-home>.monetization-slot{width:calc(100% - 28px)}.reference-editorial .monetization-slot[data-monetization-placement=calculator-editorial]{grid-column:auto}}@media print{.workspace-stage,.workspace-toolbar,.workspace-body .technical-drawing{display:none!important}.reference-workspace .workspace-body{padding:0;display:block}.reference-workspace .quantity-schedule{border:1px solid #bbb;position:static}.calculator-intro{padding:0 0 15px;display:block}.calculator-intro-sketch,.calculator-trust{display:none}.reference-calculator{width:100%}.reference-workspace{box-shadow:none}.reference-workspace .workspace-body{display:flex}.reference-workspace .quantity-schedule{color:#181a17;background:#fff}.quantity-schedule .text-muted,.quantity-schedule .eyebrow,.schedule-context,.schedule-footnote{color:#444}.quantity-schedule dl>div,.quantity-schedule dl>div[data-output-role=recommended-purchase]{background:#fff}.quantity-schedule .no-print{display:none}.quantity-schedule dl{display:grid}.formula-sheet{background:#fff}}@media (min-width:901px){.reference-workspace .workspace-body>div{grid-template-columns:1fr 1.2fr;align-content:start;gap:0 20px;display:grid}.workspace-body>div>.section-label,.workspace-body>div>.dimension-help,.workspace-body>div>.grid{grid-column:1/-1}.workspace-body>div>.technical-drawing{grid-area:3/1/span 2;align-self:start;margin-top:7px}.workspace-body>div>fieldset{grid-column:2;align-self:start;padding:13px}.workspace-body>div>fieldset .grid{grid-template-columns:1fr;gap:9px}.workspace-body>div>button{grid-column:2;justify-self:start}.workspace-body>div>.section-label:not(:first-child){border-top:1px solid #e8e2d6;margin-top:22px;padding-top:23px}.workspace-body>div>.grid{border-top:0;padding-top:0}}.reference-workspace .quantity-schedule h2{font-size:28px}.quantity-schedule .schedule-context{margin-bottom:16px}.quantity-schedule dl>div[data-output-role=recommended-purchase]{padding-block:15px}.quantity-schedule .schedule-footnote{margin-top:18px}.quantity-schedule .no-print{margin-top:17px;padding-top:15px}.reference-editorial article>.assumptions-sheet,.reference-editorial article>.faq-sheet{background:#fffefa;border:1px solid #dfdcd2;border-radius:5px;max-width:none;padding:24px}.assumptions-sheet>.section-heading,.faq-sheet>.section-heading{font:600 23px var(--display-font);text-transform:none;letter-spacing:-.03em;color:#243740;padding-bottom:12px}.assumptions-sheet ul{grid-template-columns:1fr 1fr;gap:17px 24px;display:grid}.assumptions-sheet li{border:0;margin:0;padding-left:24px;font-size:13px;line-height:1.7;position:relative}.assumptions-sheet li:before{content:"✓";color:#a76b15;position:absolute;left:0}.assumptions-sheet li:last-child{grid-column:1/-1}.assumptions-sheet li>span{margin-top:6px;font-size:10px}.faq-sheet dl{grid-template-columns:1fr 1fr;gap:24px;display:grid}.faq-sheet dl>div{margin:0}.faq-sheet dt{font-size:13px;line-height:1.6}.faq-sheet dd{margin-top:7px;font-size:12px;line-height:1.7}.sources-sheet{padding-inline:8px;font-size:12px}@media (max-width:1100px) and (min-width:801px){.home-hero:before{inset-inline:-28px}}@media (max-width:600px){.reference-editorial article>.assumptions-sheet,.reference-editorial article>.faq-sheet{padding:20px}.assumptions-sheet ul,.faq-sheet dl{grid-template-columns:1fr}}@media print{.reference-workspace .workspace-body>div{display:block}.reference-editorial article>.assumptions-sheet,.reference-editorial article>.faq-sheet{break-inside:avoid}}.reference-editorial article>section.assumptions-sheet,.reference-editorial article>section.faq-sheet{max-width:none}.calculator-intro-sketch figcaption{text-align:center;padding-block:0;font-size:8px;display:block}.calculator-intro-sketch figcaption span{display:none}@media (max-width:800px){.calculator-intro:before{inset-inline:-20px}}@media (max-width:600px){.calculator-intro:before{inset-inline:-14px}}.design-container{width:min(1220px,100% - 72px)}.site-header{background:#fffefa;border-bottom:1px solid #dedbd2}.site-header-inner{min-height:66px}.site-nav{align-items:center;font-size:13px;display:flex}.site-nav>a:not(.nav-action):not(.nav-search){padding:10px 0}.site-nav>a:first-child:after,.site-nav>a:nth-child(2):after,.site-nav .nav-resources:after{content:"⌄";color:#69716f;margin-left:7px}.site-nav .nav-search{color:#777b77;background:#fbfaf6;border:1px solid #d7d3ca;border-radius:5px;width:210px;margin-left:13px;padding:11px 15px}.site-nav .nav-action{padding:12px 24px}.home-hero{grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);gap:48px;min-height:490px;padding-block:40px}.home-hero:before{inset-inline:calc(min(1220px,100vw - 72px)/2 - 50vw)}.home-hero h1{letter-spacing:-.05em;max-width:760px;margin-top:17px;font-size:clamp(52px,4.4vw,68px);line-height:.99}.hero-description{max-width:700px;font:21px/1.45 var(--display-font);color:#555b58;margin-block:18px 20px}.search-control{min-height:66px;padding:6px 7px 6px 20px;box-shadow:0 4px 12px #4e402514}.search-submit{min-width:126px;min-height:50px;font-size:15px}.hero-study .technical-drawing svg{min-height:315px}.hero-study .study-heading{padding-inline:5px}.hero-study .study-schedule{margin-inline:5px}.hero-study .study-action{padding-inline:9px}.trust-strip>div{padding-block:15px}.discovery-section,.featured-section{padding-top:30px}.section-title-row{align-items:end;margin:0 0 16px}.section-title-row>div>p{margin-top:2px}.section-title-row h2{font-size:31px}.category-grid{gap:14px}.category-card{flex-direction:column;min-height:226px;padding:0 18px 16px;display:flex}.category-art{height:120px;margin-bottom:5px;overflow:hidden}.category-art .material-sketch{height:132px}.category-card p{font-size:12px;line-height:1.42}.category-count{letter-spacing:.12em;margin-top:auto;padding-top:12px;font-size:9px;display:block;position:static}.category-count b{float:right;font:14px var(--font-sans)}.category-conversions .category-count{display:block}.featured-section{padding-bottom:18px}.featured-card{min-height:192px}.featured-copy{padding:12px 18px 16px}.featured-card p{font-size:12px;line-height:1.4}.featured-lead .featured-art .material-sketch{height:250px}.featured-lead .featured-copy{padding-inline:23px}.benefit-band{background:#f3efe6;border-radius:7px;grid-template-columns:repeat(4,1fr);margin-top:8px;padding:22px 28px;display:grid}.benefit-band>div{border-right:1px solid #d9d4ca;align-items:center;gap:18px;padding:0 28px;display:flex}.benefit-band>div:first-child{padding-left:0}.benefit-band>div:last-child{border:0;padding-right:0}.benefit-band>div>span{font:39px/1 var(--display-font);color:#243841}.benefit-band strong,.benefit-band small{display:block}.benefit-band strong{font-size:15px}.benefit-band small{color:#676c68;margin-top:4px;font-size:12px;line-height:1.35}.method-band{background:#fffefa;margin-top:18px;padding-block:30px}.method-intro{color:#676c68;font-family:var(--display-font);margin-top:4px;font-size:16px}.how-steps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.how-steps li{border:1px solid #dfdbd1;border-radius:5px;align-items:flex-start;gap:13px;padding:17px}.how-steps p{font-size:12px;line-height:1.4}.reference-calculator{width:min(1280px,100% - 64px)}.calculator-intro{grid-template-columns:1.15fr .85fr;min-height:265px;padding-bottom:22px}.calculator-intro h1{font-size:clamp(50px,4.5vw,66px);line-height:1}.calculator-intro-copy>p:nth-of-type(2){max-width:760px;font:20px/1.45 var(--display-font);color:#56605d}.calculator-intro-sketch .technical-drawing svg{max-height:260px}.calculator-trust{gap:28px;font-size:12px}.workspace-stage{padding:22px 28px 0}.workspace-toolbar{padding:16px 28px 21px}.reference-workspace .mode-select{flex:1}.reference-workspace .mode-select button{flex:1;justify-content:center;min-width:0;min-height:60px;font-size:14px}.reference-workspace .mode-select svg{width:52px;height:42px}.reference-workspace .workspace-body{grid-template-columns:minmax(0,1fr) 390px;gap:32px;padding:28px}.reference-workspace .section-label{font-size:22px}.dimension-help{color:#68706c;margin:6px 0 15px;font-size:13px}.workspace-body .technical-drawing svg{max-height:285px}.reference-workspace fieldset{padding:17px}.reference-workspace input:not([type=search]),.reference-workspace select{min-height:52px;font-size:16px}.reference-workspace .quantity-schedule{padding:28px;box-shadow:0 3px 12px #4d3e1d12}.quantity-schedule h2,.reference-workspace .quantity-schedule h2{font-size:32px}.quantity-schedule dl>div[data-output-role=recommended-purchase]{padding:22px 18px}.purchase-number{font-size:64px;line-height:1}.quantity-schedule .btn-action{min-height:48px}@media (max-width:1200px){.design-container,.reference-calculator{width:calc(100% - 48px)}.site-nav{gap:15px}.site-nav .nav-search{display:none}.home-hero{grid-template-columns:1fr 1fr;gap:24px;min-height:440px}.home-hero h1{font-size:48px}.hero-description{font-size:17px}.hero-study .technical-drawing svg{min-height:0}.category-grid{grid-template-columns:repeat(4,1fr)}.category-card{min-height:245px}.category-conversions{grid-column:auto}.category-conversions .category-art{float:none;width:auto;height:120px;margin:0 -14px 5px}.category-conversions>div:last-child{width:auto;padding:0}.benefit-band>div{padding-inline:15px}.reference-workspace .workspace-body{grid-template-columns:minmax(0,1fr) 310px}}@media (min-width:901px){.reference-editorial{grid-template-columns:minmax(0,1.35fr) minmax(220px,.75fr) minmax(250px,.8fr);align-items:start;gap:16px}.reference-editorial>article{display:contents}.reference-editorial .formula-sheet{grid-area:1/1}.reference-editorial .assumptions-sheet{grid-area:1/2}.reference-editorial>aside{grid-area:1/3}.reference-editorial article>section:not(.formula-sheet){max-width:none}.reference-editorial article>section.rounded-sm{grid-column:1/3}.reference-editorial .faq-sheet{grid-column:1/-1}.reference-editorial .sources-sheet{grid-column:1/3}.assumptions-sheet ul{grid-template-columns:1fr}.assumptions-sheet li:last-child{grid-column:auto}.faq-sheet dl{grid-template-columns:repeat(4,1fr)}}@media (min-width:1000px){.reference-workspace .workspace-body>div>fieldset .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reference-workspace .workspace-body>div>fieldset{padding:14px}.reference-workspace .workspace-body>div>fieldset .pointer-events-none{font-size:9px;right:7px}.reference-workspace .workspace-body>div>fieldset input[aria-invalid]{padding-inline:9px 34px;font-size:14px}}@media (max-width:800px){.design-container{width:calc(100% - 36px)}.site-nav .nav-resources,.site-nav .nav-secondary{display:none}.home-hero{grid-template-columns:1fr}.home-hero h1{font-size:52px}.hero-description{font-size:18px}.hero-study{width:100%;max-width:680px;margin-inline:auto}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:250px}.featured-grid{grid-template-columns:1fr 1fr}.benefit-band{grid-template-columns:1fr 1fr;gap:0}.benefit-band>div{min-height:78px}.benefit-band>div:nth-child(2){border-right:0}.benefit-band>div:nth-child(-n+2){border-bottom:1px solid #d9d4ca}.method-grid,.how-steps{grid-template-columns:1fr}.reference-calculator{width:calc(100% - 36px)}.reference-workspace .workspace-body{grid-template-columns:1fr}.reference-editorial>article{display:block}}@media (max-width:600px){.design-container{width:calc(100% - 28px)}.site-header-inner{min-height:60px}.brand{font-size:21px}.site-nav>a:not(.nav-action){display:none}.site-nav .nav-action{padding:10px 13px;font-size:11px}.home-hero{min-height:0;padding-block:30px}.home-hero h1{font-size:clamp(40px,11.5vw,50px)}.hero-description{font-size:17px}.search-control{min-height:58px;padding-left:14px}.search-control input{height:44px}.search-submit{min-width:86px;min-height:44px}.hero-links{grid-template-columns:1fr 1fr;display:grid}.category-card{min-height:236px}.featured-grid{grid-template-columns:1fr}.featured-lead{grid-row:auto}.benefit-band{grid-template-columns:1fr;padding:10px 18px}.benefit-band>div{border-bottom:1px solid #d9d4ca;border-right:0;padding:15px 0}.benefit-band>div:nth-child(2){border-bottom:1px solid #d9d4ca}.benefit-band>div:last-child{border:0}.reference-calculator{width:calc(100% - 24px)}.calculator-intro h1{font-size:43px}.calculator-intro-copy>p:nth-of-type(2){font-size:17px}.reference-workspace .workspace-body{padding:18px 14px}.reference-workspace .quantity-schedule{padding:21px}}.search-control{border-color:#beb9ad;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 5px 16px #4e40251a,inset 0 1px #fff}.search-control:hover{border-color:#a9a294;box-shadow:0 7px 19px #4e402520,inset 0 1px #fff}.search-control:focus-within{border-color:#9d6817;outline:0;box-shadow:0 7px 20px #4e402524,0 0 0 3px #d99a2226}.search-submit,.site-nav .nav-action,.quantity-schedule .btn-action{transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s}.search-submit:hover,.site-nav .nav-action:hover,.quantity-schedule .btn-action:hover{transform:translateY(-1px)}.search-submit:active,.site-nav .nav-action:active,.quantity-schedule .btn-action:active{transform:translateY(0)}.category-card{border-color:var(--material-accent)}@supports (color:color-mix(in lab, red, red)){.category-card{border-color:color-mix(in srgb, var(--material-accent) 18%, #dfdbd0)}}.category-card{transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 3px 8px #4938140c,inset 0 1px #fff}.category-card:after{content:"";background:var(--material-accent);opacity:.35;height:2px;transition:opacity .18s;position:absolute;inset:0 0 auto}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #49381418,inset 0 1px #fff}.category-card:hover:after{opacity:.8}.category-card:hover .material-sketch{transform:scale(1.035)}.category-masonry:hover .material-sketch{transform:translate(6px)rotate(-3deg)scale(1.035)}.category-roofing:hover .material-sketch{transform:translate(10px,-1px)scale(1.035)}.category-conversions:hover .material-sketch{transform:rotate(4deg)scale(1.035)}.category-paint-drywall:hover .material-sketch{transform:translate(7px)scale(1.035)}.category-card:focus-visible,.featured-card:focus-visible{border-color:var(--material-accent,#9d6817);outline-offset:3px;outline:3px solid #d99a2238}.category-count{line-height:1.35}.featured-card{border-color:var(--material-accent,#876b3d)}@supports (color:color-mix(in lab, red, red)){.featured-card{border-color:color-mix(in srgb, var(--material-accent,#876b3d) 18%, #ded9cd)}}.featured-card{transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 5px 14px #49381413,inset 0 1px #fff}.featured-art{border-bottom:1px solid var(--material-accent,#876b3d)}@supports (color:color-mix(in lab, red, red)){.featured-art{border-bottom:1px solid color-mix(in srgb, var(--material-accent,#876b3d) 14%, #ebe6dc)}}.featured-art .material-sketch{transform-origin:45% 55%;transition:transform .22s}.featured-card:hover .featured-art .material-sketch{transform:scale(1.04)}.featured-lead{box-shadow:0 8px 24px #25313824}.featured-lead .featured-art{border-bottom-color:#cbc5b8}.featured-copy{position:relative}.featured-card:not(.featured-lead) .featured-copy:before{content:"";background:var(--material-accent,#876b3d);opacity:.2;height:1px;position:absolute;inset:0 18px auto}.reference-workspace{box-shadow:0 8px 26px #4b3f2215,inset 0 1px #fff}.reference-workspace .mode-select button{transition:background-color .16s,color .16s,box-shadow .16s}.reference-workspace .mode-select button:not([aria-pressed=true]):hover{background:#f6f2e9}.reference-workspace .mode-select button:focus-visible{z-index:1;outline-offset:-3px;position:relative}.reference-workspace input:not([type=search]),.reference-workspace select{transition:border-color .16s,box-shadow .16s,background-color .16s}.reference-workspace input:not([type=search]):hover,.reference-workspace select:hover{border-color:#aaa397}.reference-workspace input:not([type=search]):focus-visible,.reference-workspace select:focus-visible{border-color:#9d6817;outline:0;box-shadow:0 0 0 3px #d99a2226}.workspace-body .technical-drawing{box-shadow:0 4px 14px #4b3f220d,inset 0 1px #fff}.reference-workspace .quantity-schedule{border-color:#d9caa9;box-shadow:0 10px 25px #4d3e1d1c,inset 0 1px #fff}.quantity-schedule dl>div[data-output-role=recommended-purchase]{background:linear-gradient(100deg,#ffefca,#fff6e2);border-color:#ce922d;border-left-width:5px;box-shadow:0 4px 12px #a4650c14,inset 0 1px #fff9}.quantity-schedule [data-output-role=recommended-purchase] dt{letter-spacing:.17em;font-weight:600}.purchase-number{letter-spacing:-.065em}.purchase-unit{color:#243740;font-weight:500}.quantity-schedule dl>div:not([data-output-role=recommended-purchase]){box-shadow:inset 0 1px #fff}.quantity-schedule .btn-action:first-child{box-shadow:inset 0 1px #e8b65f,0 4px 10px #7d480e1a}@media (min-width:1201px){.home-hero{gap:38px;min-height:476px;padding-block:34px 32px}.hero-study .technical-drawing svg{min-height:334px}.hero-study .study-schedule{margin-top:-2px}.search-control{min-height:70px;padding-left:22px}.search-control input{height:54px;font-size:16px}.search-submit{min-width:136px;min-height:54px}.category-art{height:126px;margin-bottom:7px}.category-art .material-sketch,.category-conversions .category-art .material-sketch{height:140px}.category-card{padding-inline:19px;min-height:238px;padding-bottom:18px}.featured-art{min-height:136px}.featured-art .material-sketch{width:63%;height:144px}.featured-lead .featured-art{min-height:262px}.featured-lead .featured-art .material-sketch{height:272px}.workspace-body .technical-drawing svg{max-height:312px}.reference-workspace .workspace-body>div{grid-template-columns:1.08fr 1.12fr;gap:0 24px}.reference-workspace .workspace-body>div>.section-label:not(:first-child){margin-top:28px;padding-top:27px}.reference-workspace fieldset{padding:18px}.reference-workspace .quantity-schedule{padding:30px}.quantity-schedule dl>div[data-output-role=recommended-purchase]{padding:24px 19px}.purchase-number{font-size:68px}}@media (max-width:800px){.category-card:hover,.featured-card:hover{transform:translateY(-2px)}.featured-card:not(.featured-lead) .featured-copy:before{inset-inline:14px}}@media (max-width:600px){.search-control{box-shadow:0 4px 12px #4e402517,inset 0 1px #fff}.category-card:after{height:1px}.reference-workspace .quantity-schedule{box-shadow:0 7px 18px #4d3e1d18}}.site-header-inner{gap:24px;min-height:60px}.brand{font-size:22px}.site-nav{gap:20px;font-size:13px}.site-nav>a{padding-block:6px}.site-nav .nav-action,.search-submit{--btn-edge:#a2690f;border:1px solid var(--btn-edge);color:#fffdf7;cursor:pointer;text-shadow:0 1px #6c440861;background:linear-gradient(#e9b14a 0%,#d99a22 48%,#c4861a 100%);border-radius:3px;justify-content:center;align-items:center;gap:7px;font-weight:500;display:inline-flex;box-shadow:inset 0 1px #fffaeb80,inset 0 -1px #5a380638,0 1px #96600d,0 2px 4px #402a0a38}.site-nav .nav-action:hover,.search-submit:hover{background:linear-gradient(#f0ba55 0%,#e0a42b 48%,#cb8d1d 100%);text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 1px #fffcf099,inset 0 -1px #5a380638,0 1px #96600d,0 4px 9px #402a0a42}.site-nav .nav-action:active,.search-submit:active{background:linear-gradient(#c98d1c 0%,#d3941f 60%,#dda12a 100%);transform:translateY(1px);box-shadow:inset 0 2px 4px #54340652,inset 0 -1px #fffaeb29,0 0 #96600d}.site-nav .nav-action{min-width:176px;height:35px;padding:0 16px;font-size:12.5px}.site-nav .nav-search{height:35px}.home-hero{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:40px;min-height:0;padding-block:34px}.home-hero h1{max-width:600px;margin-top:10px;font-size:clamp(34px,3.35vw,47px);line-height:1.07}.hero-copy>.eyebrow{font-size:10px}.hero-description{font:15.5px/1.55 var(--font-sans);color:#5b615d;max-width:545px;margin-block:13px 18px}.search-control{max-width:700px;min-height:52px;padding:5px 6px 5px 17px}.search-control input{height:42px;font-size:14.5px}.search-submit{min-width:112px;min-height:42px;padding:0 18px;font-size:13.5px}.hero-links{gap:10px 22px;margin-top:15px}.hero-links>span{color:#4d534f;font-size:11.5px}.hero-study{box-shadow:none;background:0 0;border:0;padding:0 0 20px;display:block;position:relative;transform:none}.hero-study:hover{box-shadow:none;transform:translateY(-2px)}.hero-study .drawing-topline,.hero-study .technical-drawing figcaption{display:none}.hero-study .technical-drawing{background:0 0;border:0;margin:0;position:relative}.hero-study .technical-drawing svg{width:100%;min-height:0;max-height:272px}.study-checklist{font-family:var(--display-font,Georgia, serif);color:#4a4d45;gap:6px;font-size:15px;font-style:italic;display:grid;position:absolute;top:4px;right:0}.study-checklist li{align-items:center;gap:8px;display:flex}.study-checklist li:before{content:"✓";color:#8f5508;border:1px solid #8f9188;border-radius:2px;place-items:center;width:14px;height:14px;font-size:10px;font-style:normal;display:grid}.study-note{text-align:right;font-family:var(--display-font,Georgia, serif);color:#55584f;font-size:15px;font-style:italic;line-height:1.5;position:absolute;bottom:0;right:0}.discovery-section,.featured-section,.all-tools{padding-top:30px}.category-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.category-card{flex-direction:column;gap:12px;min-height:203px;padding:15px 15px 14px;display:flex;overflow:visible}.category-art{height:auto;margin:0;display:flex;position:static}.category-art .category-icon{background:var(--material-tint,#eceade);border-radius:10px;width:46px;height:46px;padding:9px;transition:transform .18s,box-shadow .18s}.category-card:hover .category-icon{transform:translateY(-2px);box-shadow:0 4px 10px #5d482518}.category-card>div:last-child{flex-direction:column;flex:1;display:flex}.category-count{margin-top:auto;padding-top:12px;font-size:8px;position:static}.featured-grid{grid-template-columns:1.12fr 1fr 1fr;gap:14px}.featured-card{overflow:hidden}.featured-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #5d482514}.featured-art{min-height:112px}.featured-art .material-sketch{width:68%;height:120px}.featured-copy{flex-direction:column;flex:1;padding:13px 18px 15px;display:flex}.featured-card h3{font-size:19px}.featured-card p{margin-top:6px;font-size:12px;line-height:1.5}.output-caption{margin-top:12px;padding-top:10px;font-size:9.5px;line-height:1.6}.featured-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:13px;display:flex}.featured-badge{font:500 10.5px var(--font-sans);color:#55584f;white-space:nowrap;background:#efece1;border-radius:3px;padding:4px 9px}.badge-concrete{color:#34606f;background:#e2e9ee}.badge-landscaping{color:#4a6f42;background:#e2eddb}.badge-paint-drywall{color:#8f5a12;background:#fbeacd}.badge-roofing{color:#5d4e7a;background:#eae3f2}.badge-flooring-tile{color:#34606f;background:#e0ecf2}.featured-go{color:#6d736b;border:1px solid #d5d0c3;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;transition:background .16s,color .16s,border-color .16s;display:grid}.featured-card:hover .featured-go{color:#fffdf7;background:#d99a22;border-color:#a2690f}.featured-lead .featured-art{min-height:228px}.featured-lead .featured-art .material-sketch{width:100%;height:228px}.featured-lead .featured-copy{padding:16px 20px 18px}.featured-lead h3{font-size:25px}.featured-estimate{margin:0 0 13px;padding:10px 13px}.method-band{margin-top:26px;padding-block:34px 38px}.method-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch;gap:28px}.method-main{flex-direction:column;display:flex}.method-grid h2{margin:0;font-size:31px}.method-intro{margin-top:5px;font-size:14px}.how-steps{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px;display:grid}.how-steps li{background:#fffefa;align-items:flex-start;gap:12px;padding:15px 15px 17px;position:relative;box-shadow:0 2px 5px #5d48250a}.how-steps li+li:before{content:"→";color:#b9b3a3;font-size:13px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.how-steps li>span{width:30px;height:30px;font-size:14px}.how-steps h3{font-size:15px}.how-steps p{margin-top:6px;font-size:12px;line-height:1.5}.build-panel{background:linear-gradient(#f6f3e9 0%,#f0ece0 100%);border:1px solid #e2dccd;border-radius:5px;flex-direction:column;padding:20px 20px 18px;display:flex;box-shadow:0 2px 6px #5d48250c}.build-panel h3{font-family:var(--display-font,Georgia, serif);letter-spacing:-.025em;color:#24353c;font-size:24px;font-weight:600;line-height:1.15}.build-panel-copy p{color:#626b66;max-width:290px;margin-top:8px;font-size:12.5px;line-height:1.55}.build-panel .house-sketch{width:100%;height:auto;max-height:146px;margin:4px 0 2px;display:block}.build-checklist{font-family:var(--display-font,Georgia, serif);color:#55584f;gap:6px;margin-bottom:15px;font-size:13.5px;font-style:italic;display:grid}.build-checklist li{align-items:center;gap:8px;display:flex}.build-checklist li:before{content:"✓";color:#8f5508;border:1px solid #8f9188;border-radius:2px;place-items:center;width:13px;height:13px;font-size:9px;font-style:normal;display:grid}.build-cta{align-self:flex-start;min-height:38px;margin-top:auto}.reference-workspace .quantity-schedule{border-radius:5px;padding:17px;box-shadow:0 2px 8px #4d3e1d10}.quantity-schedule h2,.reference-workspace .quantity-schedule h2{margin-top:4px;font-size:21px}.quantity-schedule .schedule-context{margin-block:4px 11px;font-size:10px}.quantity-schedule .schedule-list{flex-direction:column;gap:8px;margin-top:0;display:flex}.quantity-schedule .schedule-list>*+*{margin-top:0}.quantity-schedule dl>div{border-radius:3px;margin:0;padding:9px 12px}.quantity-schedule dt{margin-bottom:2px;font-size:11.5px;line-height:1.35}.quantity-schedule dd{font-size:15px;line-height:1.3}.quantity-schedule dl>div p{margin-top:2px;font-size:10.5px;line-height:1.45}.quantity-schedule dl>div[data-output-role=recommended-purchase]{order:-1;margin:0;padding:11px 13px 12px}.quantity-schedule [data-output-role=recommended-purchase] dt{margin-bottom:3px;font-size:10.5px}.quantity-schedule [data-output-role=recommended-purchase] dd{gap:9px}.purchase-number{letter-spacing:-.05em;font-size:34px;line-height:1.12}.purchase-unit{font-size:14px}.quantity-schedule .primary-result dd{margin-top:3px}.quantity-schedule .schedule-footnote{margin-top:11px;font-size:10.5px;line-height:1.6}.quantity-schedule .schedule-actions{border-top:1px solid #ddd5c2;grid-template-columns:1fr;gap:7px;margin-top:13px;padding-top:13px;display:grid}.quantity-schedule .schedule-actions-pair{grid-template-columns:1fr 1fr;gap:7px;display:grid}.quantity-schedule .schedule-actions .btn-primary,.quantity-schedule .schedule-actions .btn-secondary{width:100%;min-height:40px}.quantity-schedule .schedule-copy{min-height:44px;font-size:14px}@media (max-width:1280px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-hero{gap:32px}}@media (max-width:1100px){.home-hero{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:26px;padding-block:30px}.home-hero h1{font-size:clamp(32px,3.8vw,42px)}.study-checklist,.study-note{font-size:13px}.method-grid{grid-template-columns:1fr;gap:26px}.build-panel{flex-flow:wrap;align-items:center;gap:20px}.build-panel-copy{flex:260px}.build-panel .house-sketch{flex:220px;max-width:280px;margin:0}.build-checklist{flex:180px;margin-bottom:0}.build-cta{margin-top:0}.featured-grid{grid-template-columns:1fr 1fr}.featured-lead{grid-area:auto/span 2}.featured-lead .featured-art{min-height:190px}.featured-lead .featured-art .material-sketch{height:190px}}@media (max-width:860px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.how-steps{grid-template-columns:1fr;gap:10px}.how-steps li+li:before{display:none}.how-steps li{min-height:0}}@media (max-width:800px){.home-hero{grid-template-columns:1fr;gap:22px;padding-block:26px 28px}.hero-study{padding-bottom:4px}.study-checklist{grid-template-columns:repeat(4,auto);justify-content:start;gap:10px;margin-bottom:8px;position:static}.study-note{text-align:left;margin-top:10px;position:static}}@media (max-width:600px){.site-header-inner{min-height:56px}.site-nav .nav-action{min-width:0;padding:0 12px;font-size:11.5px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{min-height:0}.featured-grid{grid-template-columns:1fr}.featured-lead{grid-column:auto}.build-panel{flex-direction:column;align-items:stretch}.build-panel .house-sketch{max-width:none}.build-cta{align-self:stretch}.purchase-number{font-size:32px}.quantity-schedule .schedule-actions-pair{grid-template-columns:1fr 1fr}}.category-conversions .category-art{height:auto}.category-card{gap:11px;min-height:0;padding:14px 14px 13px}.category-card p{margin-top:5px;font-size:11px;line-height:1.45}.category-card h3{font-size:15px}.how-steps{flex:none;align-content:start;align-items:stretch}.how-steps li{align-self:stretch}.how-steps li+li:before{color:#9c968a;font-size:14px;left:-13px}.hero-links{flex-wrap:nowrap;gap:8px 18px}.hero-links>span{white-space:nowrap;font-size:11px}@media (max-width:1100px){.hero-links{flex-wrap:wrap}}@media (min-width:861px){.how-steps li{min-height:150px}.build-panel{padding:18px 18px 16px}.build-panel .house-sketch{max-height:122px}.build-checklist{gap:5px;margin-bottom:13px}}html,body{overflow-x:clip}.quantity-schedule .schedule-list{gap:6px}.quantity-schedule dl>div{padding:8px 11px}@font-face{font-family:Project Notes;src:url(/fonts/caveat.ttf)format("truetype");font-weight:400 700;font-display:swap}.reference-home .study-checklist,.reference-home .study-note,.reference-home .build-checklist{letter-spacing:.01em;font-family:Project Notes,cursive;font-style:normal;font-weight:400}.reference-home .study-checklist{gap:1px;font-size:22px;transform:rotate(-5deg)}.reference-home .study-note{font-size:23px;line-height:1.12;transform:rotate(-7deg)}.reference-home .study-checklist li:before,.reference-home .build-checklist li:before{color:#50594e;border-color:#72786e;border-radius:0;font:17px/1 Project Notes,cursive;transform:rotate(3deg)}.reference-home .study-checklist li:nth-child(2n):before,.reference-home .build-checklist li:nth-child(2n):before{transform:rotate(-4deg)}.category-card .category-art svg.category-icon,.category-conversions .category-art svg.category-icon{background:var(--material-tint,#eceade);border-radius:42% 46% 38% 44%;width:56px;height:56px;padding:5px}.reference-home .build-panel{background:linear-gradient(115deg,#f0f0e4,#e9ecdf);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr) minmax(0,.8fr);align-self:start;align-items:center;gap:9px 4px;min-height:205px;padding:20px 18px;display:grid;position:relative}.reference-home .build-panel-copy{grid-area:1/1;align-self:start}.reference-home .build-panel h3{font-size:20px;line-height:1.1}.reference-home .build-panel-copy p{margin-top:9px;font-size:11px;line-height:1.4}.reference-home .build-panel .house-sketch{opacity:.8;grid-area:1/2/3;width:100%;max-width:none;height:165px;max-height:none;margin:0}.reference-home .build-checklist{grid-area:1/3/3;gap:10px;margin:32px 0 0;font-size:16px;line-height:1.1;transform:rotate(-6deg)}.reference-home .build-checklist li{gap:5px}.reference-home .build-checklist li:before{flex-shrink:0;width:10px;height:10px}.reference-home .build-cta{z-index:1;grid-area:2/1/auto/3;place-self:end start;min-height:32px;margin:0;padding:0 10px;font-size:11px}@media (max-width:1100px) and (min-width:601px){.reference-home .build-panel{grid-template-columns:1.1fr 1fr .8fr}.reference-home .build-panel h3{font-size:24px}.reference-home .build-panel-copy p{font-size:13px}.reference-home .build-checklist{font-size:21px}}@media (max-width:600px){.reference-home .build-panel{grid-template-columns:1.2fr 1fr;gap:14px 8px}.reference-home .build-panel .house-sketch{grid-area:1/2;height:145px}.reference-home .build-checklist{grid-area:2/2;gap:6px;margin:0;font-size:17px}.reference-home .build-cta{white-space:normal;grid-area:2/1;padding:8px}}.featured-art svg.category-icon.material-sketch{width:96px;height:96px;margin:8px}.featured-lead .featured-art svg.category-icon.material-sketch{width:156px;height:156px}.discovery-tool-icon{align-self:center;width:36px;height:36px}.reference-home .build-panel h3{font-size:18px}.reference-home .study-note{right:12px}@media (max-width:800px){.reference-home .study-checklist{gap:14px;font-size:20px;transform:none}.reference-home .study-checklist li{gap:6px}.reference-home .study-note{padding-block:4px;line-height:1.2;transform:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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}
