.anchor-heading{display:flex;align-items:center}.anchor-heading .copy-anchor{width:30px;height:30px;margin-right:5px;cursor:copy;border:solid transparent 1px;border-radius:4px;transition:border .4s}.anchor-heading .copy-anchor path{transition:fill .4s;fill:#545454}.anchor-heading .copy-anchor:hover{border:solid #ccc 1px}.inputs-form .foundation-inputs,.inputs-form .roof-inputs{display:grid;grid-template-columns:220px 40px 220px auto;grid-template-rows:[header] auto [labels] auto [inputs] auto [sliders] auto;grid-template-areas:"header header header header" "width-label . depth-label ." "width-input times depth-input reset" "width-slider . depth-slider ."}.inputs-form .foundation-inputs legend,.inputs-form .roof-inputs legend{grid-area:header}.inputs-form .foundation-inputs .width-label,.inputs-form .roof-inputs .width-label{grid-area:width-label}.inputs-form .foundation-inputs .depth-label,.inputs-form .roof-inputs .depth-label{grid-area:depth-label}.inputs-form .foundation-inputs input[name=width],.inputs-form .foundation-inputs input[name=joist-width],.inputs-form .roof-inputs input[name=width],.inputs-form .roof-inputs input[name=joist-width]{grid-area:width-input}.inputs-form .foundation-inputs input[name=width-slider],.inputs-form .foundation-inputs input[name=joist-width-slider],.inputs-form .roof-inputs input[name=width-slider],.inputs-form .roof-inputs input[name=joist-width-slider]{grid-area:width-slider}.inputs-form .foundation-inputs input[name=depth],.inputs-form .foundation-inputs input[name=joist-thickness],.inputs-form .roof-inputs input[name=depth],.inputs-form .roof-inputs input[name=joist-thickness]{grid-area:depth-input}.inputs-form .foundation-inputs input[name=depth-slider],.inputs-form .foundation-inputs input[name=joist-thickness-slider],.inputs-form .roof-inputs input[name=depth-slider],.inputs-form .roof-inputs input[name=joist-thickness-slider]{grid-area:depth-slider}.inputs-form .foundation-inputs .times,.inputs-form .roof-inputs .times{grid-area:times;justify-self:center;align-self:center}.inputs-form .foundation-inputs .reset-button,.inputs-form .roof-inputs .reset-button{grid-area:reset}.inputs-form .height-inputs,.inputs-form .insulation-inputs{display:flex}.inputs-form .height-inputs input,.inputs-form .insulation-inputs input{display:block;width:220px}.inputs-form .reset-button{margin-left:10px}@media only screen and (max-width: 600px){.inputs-form .foundation-inputs,.inputs-form .roof-inputs{display:block}.inputs-form .foundation-inputs input,.inputs-form .roof-inputs input{display:block;width:100%}.inputs-form .foundation-inputs .times,.inputs-form .roof-inputs .times{display:none}.inputs-form .height-inputs,.inputs-form .insulation-inputs{display:block}.inputs-form .height-inputs input,.inputs-form .insulation-inputs input{width:100%}.inputs-form select{width:100%;margin-bottom:5px}.inputs-form .reset-button{margin:0}}.floor-plan .drawing .build-area,.floor-plan li.build-area::marker{fill:#ffecc8;color:#ffcf9d}.floor-plan .drawing .foundations,.floor-plan li.foundations::marker{fill:#b7b7b7;color:#b7b7b7}.floor-plan .drawing .dwarf-wall,.floor-plan li.dwarf-wall::marker{fill:#c96868;color:#c96868}.floor-plan .drawing .floor-space,.floor-plan li.floor-space::marker{fill:#99bc85;color:#99bc85}.floor-plan .drawing .floor-space-stripe{fill:#bfd8af}.floor-plan .diagram-key{list-style-type:square}.image-card{display:flex;border-radius:10px;overflow:hidden;border:#ccc solid 1px;margin:15px 0}.image-card .image-card-image{width:200px;background-size:cover;background-position:center}.image-card .image-card-text{flex-grow:1;flex-basis:0;padding:0 15px}@media only screen and (max-width: 600px){.image-card{flex-direction:column}.image-card .image-card-image{width:100%;height:200px;background-size:cover}}@media print{.image-card{border:none}.image-card .image-card-text{padding:0}}form.upgrade-form{display:flex;align-items:center}form.upgrade-form .access-code-inputs{flex-grow:1;display:flex}form.upgrade-form .access-code-inputs input.access-code-input{margin:0;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;width:100%}form.upgrade-form .access-code-inputs button.access-code-submit{margin:0;border-top-left-radius:0;border-bottom-left-radius:0}form.upgrade-form .access-code-or{padding:0 20px;color:#545454}form.upgrade-form .access-code-purchase{padding:0}@media only screen and (max-width: 600px){form.upgrade-form{flex-direction:column}form.upgrade-form .access-code-inputs{margin-bottom:10px}}.drawing-measurement .measurement{stroke-width:1;stroke:#d7a852}.drawing-measurement .measurement-value{font-size:12px;fill:#d7a852;text-anchor:middle;dominant-baseline:middle}.drawing-measurement .measurement-stroke{font-size:12px;stroke:#fff;stroke-width:.6em;stroke-linejoin:round;text-anchor:middle;dominant-baseline:middle}.foundation-layers{display:block;margin:20px auto}.drawing-label .label-value{font-size:12px;fill:#011010;text-anchor:middle;dominant-baseline:middle}.drawing-label .label-stroke{font-size:12px;stroke:#fff;stroke-width:.6em;stroke-linejoin:round;text-anchor:middle;dominant-baseline:middle}.drawing-label .pointer{stroke:#011010}.foundation-insulation,.roof-layers{display:block;margin:20px auto}.title-area .title{text-align:right;font-size:60px;line-height:1}.title-area .tier-status{display:flex;justify-content:flex-end;margin-top:6px}.title-area .tier-status .forget-me{margin-left:4px}.cover-image{display:block;margin:40px auto 10px;max-width:100%}#materials-chapter table .materials-name{width:200px}#materials-chapter table .materials-quantity{width:100px;text-align:center}#materials-chapter table .materials-notes{width:40%}#materials-chapter table tr td:nth-child(3){text-align:center}#footer{margin-top:40px;border-top:solid 3px #D7A852;background:#23272e;color:#fbf9f8}#footer .mid-content{padding-top:40px;padding-bottom:40px;text-align:center}#footer .mid-content a{color:#9498ff}#footer .mid-content a:hover{color:#a8acff}.forgot-access-code #email{margin-right:10px}#sketchup .download{color:#fbf9f8;background:#37afe1;border-radius:6px;border:#dee2e6 solid 1px;margin:15px 0;display:inline-block;padding:12px 26px;height:auto;text-decoration:none;transition:opacity .4s}#sketchup .download:hover{opacity:.8}#sketchup .example-images{margin:20px 0;display:flex;gap:5px;border-radius:10px;overflow:hidden}#sketchup .example-images img{width:25%;object-fit:cover}:root{--font-body: "Mulish", sans-serif;--font-code: "PT Mono", monospace;--text-base: 1.0625rem;--text-md: 1.2rem;--text-lg: 1.35rem;--text-xl: 1.65rem;--text-2xl: 2.15rem;--leading-tight: 1.25;--leading-body: 1.7;--weight-semibold: 600;--weight-bold: 700}body{color:#242424;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}.heading-eyebrow{margin-bottom:8px;color:#316b50;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,h4,h5,h6{margin-right:0;margin-left:0;color:#242424;font-family:var(--font-body);line-height:var(--leading-tight);text-wrap:balance;page-break-after:avoid}h1{margin-top:0;margin-bottom:1.5rem;font-size:var(--text-2xl);font-weight:var(--weight-bold);page-break-before:always;counter-reset:figurenum}h2{margin-top:2.5rem;margin-bottom:.85rem;padding-bottom:.45rem;border-bottom:1px solid #D7A852;font-size:var(--text-xl);font-weight:var(--weight-semibold)}h3{margin-top:2rem;margin-bottom:.65rem;font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em}h4{margin-top:1.5rem;margin-bottom:.5rem;font-size:var(--text-md);font-weight:var(--weight-semibold)}h5,h6{margin-top:1.25rem;margin-bottom:.5rem;font-size:var(--text-base);font-weight:var(--weight-semibold)}p{margin-top:0;margin-bottom:1.4rem}a{color:#316b50;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:#d7a852;text-underline-offset:4px;transition:color .15s ease}a:hover{color:#417c6c}a.arrow-link{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;padding-bottom:5px;border-bottom:2px solid #D7A852}a.arrow-link span{transition:transform .15s ease}a.arrow-link:hover span{transform:translate(4px)}ul,ol{margin-top:0;margin-bottom:1.4rem;padding-left:1.6rem}li{margin-bottom:.45rem}li>ul,li>ol{margin-top:.35rem;margin-bottom:.35rem}blockquote{margin:1.6rem 0;padding:.85rem 1.25rem;border-left:4px solid #D7A852;border-radius:0 4px 4px 0;color:#242424;font-style:italic}blockquote p:last-child{margin-bottom:0}code,pre{font-family:var(--font-code)}code{padding:.15em .4em;border:1px solid #D7A852;border-radius:2px;font-size:.88em}pre{overflow-x:auto;margin:1.6rem 0;padding:1.15rem 1.35rem;border:1px solid #D7A852;border-radius:8px;font-size:.88rem;line-height:1.55;-moz-tab-size:2;tab-size:2}pre code{padding:0;border:0;font-size:inherit}hr{margin:2.5rem 0;border:0;border-top:1px solid #D7A852}strong,b{font-weight:var(--weight-semibold)}em,i{font-style:italic}table{width:100%;margin:1.8rem 0;border-collapse:collapse;font-size:.95rem}th,td{padding:.7rem .9rem;text-align:left}th{border-bottom:2px solid #316B50;background:#f2f5f3;font-weight:var(--weight-semibold)}td{border-bottom:1px solid #d8dedb}tr:last-child td{border-bottom:0}table,figure{page-break-inside:avoid}.center{display:block;text-align:center}.measurement-text{color:#a84032;text-decoration:underline}.site-header{position:fixed;z-index:100;top:0;right:0;left:0;display:flex;min-height:76px;align-items:center;background:#316b50;border-bottom:3px solid #D7A852}.site-header .brand{display:flex;height:76px;margin:0 16px;flex-direction:column;justify-content:center;color:#fbf9f8;text-decoration:none}.site-header .brand .brand-title{font-family:Yellowtail,cursive;font-size:24px;font-style:italic;text-decoration:underline}.site-header .brand .brand-subtext{margin-top:-3px;font-size:9px;letter-spacing:.22em;text-align:center;text-transform:uppercase}.site-navigation ul{display:flex;margin:0;padding:0;flex-wrap:wrap;list-style:none}.site-navigation li{margin-bottom:0}.site-navigation a{display:block;padding:26px 20px;color:#fbf9f8;text-decoration:none;transition:background .2s}.site-navigation a:hover,.site-navigation a[aria-current=page]{background:#417c6c;color:#fbf9f8}.menu-toggle{display:none}@media (max-width: 650px){.site-header{flex-direction:column}.site-header .brand{align-self:center;flex-shrink:0}.site-header.has-js:not(.is-open) .site-navigation{display:none}.site-header.is-open .site-navigation{display:block}.menu-toggle{position:absolute;top:0;right:0;display:flex;width:76px;height:76px;padding:20px 23px;flex-direction:column;justify-content:center;gap:7px;border:0;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:30px;border-top:1.5px solid #FBF9F8}.site-navigation{width:100%}.site-navigation ul{flex-direction:column}.site-navigation a{padding:18px 20px;text-align:center}}@keyframes fade-in{0%{opacity:0}to{opacity:100}}.content{padding:100px 30px 30px;margin:0;animation:fade-in 1s}.content .narrow-content{max-width:960px;margin:0 auto}@media only screen and (max-width: 710px){.content{padding:100px 10px 10px}}label,legend{font-weight:600;margin:10px 0;display:block}label.small,legend.small{font-size:12px;margin:0}fieldset{border:none;padding:0;margin:0}input,button,select,textarea{margin:0;padding:6px 12px;border-radius:6px;border:#dee2e6 solid 1px;box-sizing:border-box;height:38px;text-align:left;font-size:16px;color:#011010;line-height:1.5;background:#fff;transition:all .2s}input:focus,button:focus,select:focus,textarea:focus{outline-style:solid;outline-color:#d7a852;outline-width:2px;border-color:#fff}input:disabled,button:disabled,select:disabled,textarea:disabled{background:#eaeaea;opacity:.8;color:#545454}input:invalid,button:invalid,select:invalid,textarea:invalid{outline-style:solid;outline-color:#ff7878;outline-width:2px;border-color:#fff}input[type=range]:focus,input[type=range]:invalid{outline:none}button{cursor:pointer}button.btn-link{font-weight:500;color:#316b50;border:none;padding:0;margin:0;height:auto}button.btn-link:hover{color:#417c6c}button.btn-link:focus{outline-style:none;outline-width:0px}.form-info{color:#23272e;font-size:12px;margin:2px 0 8px}.note{background:#fff;padding:5px 10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-left:solid 5px #eaeaea;color:#000}.alert{border-radius:4px;margin:10px 0;background:#fff;border:#7469B6 solid 2px;position:relative;padding:12px 18px 12px 60px}.alert :before{background:#7469b6;content:"Note";position:absolute;left:0;top:0;bottom:0;width:50px;font-weight:600;color:#fbf9f8;font-size:12px;font-style:normal;display:flex;align-items:center;justify-content:center}.alert.alert-info{border-color:#37afe1}.alert.alert-info :before{background:#37afe1;content:"Info"}.alert.alert-warn{border-color:#f0a04b}.alert.alert-warn :before{background:#f0a04b;content:"Warn"}.alert.alert-error{border-color:#ff7878}.alert.alert-error :before{background:#ff7878;content:"Error"}.alert.alert-upgrade{border-color:#d7a852}.alert.alert-upgrade :before{background:#d7a852;content:"Upgrade"}.alert *:first-child{margin-top:0}.alert *:last-child{margin-bottom:0}img.rounded{border-radius:10px}img.center{display:block;margin-left:auto;margin-right:auto}figure{max-width:400px;text-align:center;font-size:14px;margin-left:auto;margin-right:auto}figure img{max-width:400px;width:100%;display:block;margin-left:auto;margin-right:auto;margin-bottom:12px;border-radius:10px}.collapsible{border-bottom:#ccc solid 1px;border-top:#ccc solid 1px;overflow:hidden}.collapsible .collapse-header{cursor:pointer;display:flex}.collapsible .collapse-icon{margin-left:auto;margin-right:15px}.collapsible .collapse-content{height:auto;transition:height .3s ease;overflow:hidden}.collapsible.collapsed .collapse-content{height:0px}@media print{.collapsible.collapsed{display:none!important}}@page landscape{size:A4 landscape}.only-print{display:none}@media print{.no-print,.no-print *{display:none!important}.only-print{display:block!important}table .only-print{display:table-cell!important}.print-full-width{width:100%}.content-landscape *{page:landscape}input[type=range]{display:none!important}}.drawing .white{fill:#fbf9f8}.drawing .stud{stroke-width:1;stroke:#011010}.drawing .concrete,.drawing .paving{fill:#b7b7b7}.drawing .dpm,.drawing .dpc,.drawing .rubber{fill:none;stroke:#333;stroke-width:3px}.drawing .membrane{fill:none;stroke:#666;stroke-width:2px;stroke-dasharray:5px,2px}.drawing .vapour-barrier{fill:none;stroke:#5cb338;stroke-width:4px}.drawing .stud,.drawing .wood{fill:#e4c087}.drawing .sand{fill:#fada7a}.drawing .hardcore{fill:#de8f5f}.drawing .grass{fill:#658147}.drawing .dirt{fill:#ab886d}.drawing .conduit{fill:#41444b}.drawing .insulation{fill:#f0eaac}.drawing .plasterboard{fill:#d8c4b6}.drawing .brick{fill:#bd574e}.drawing .mortar{fill:none;stroke:#dedef0;stroke-width:4px}.drawing .bracket{fill:none;stroke:#088395;stroke-width:3px}body,html{margin:0;scroll-padding-top:100px}:root{background-color:#fbf9f8}.premium-content{margin:10px 0;border-top:#D7A852 solid 1px;border-bottom:#D7A852 solid 1px;border-right:#D7A852 dashed 1px;padding-right:10px;position:relative}.premium-content:after{content:"Premium";position:absolute;right:0;top:0;font-size:10px;padding:2px 6px;background:#d7a852;color:#fbf9f8}.fade-bottom{overflow:hidden;height:200px}.fade-bottom:before{content:"";background:linear-gradient(to bottom,transparent,#FBF9F8 100px);position:absolute;height:150px;right:0;left:0;bottom:0}.fade-bottom:after{content:"More premium content hidden...";position:absolute;right:0;left:0;bottom:0;font-size:10px;padding:2px 6px;text-align:center}@media print{.premium-content{border:none;padding-right:0}.premium-content:after{display:none}}