#nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#316b50;border-bottom:solid 3px #D7A852;overflow:hidden;display:flex;height:76px;transition:height .2s}#nav .brand{text-decoration:none;color:#fbf9f8;margin:0 16px;display:flex;height:76px;flex-direction:column;justify-content:center}#nav .brand .brand-title{font-family:Yellowtail,serif;font-optical-sizing:auto;font-weight:400;font-style:italic;font-size:24px;text-decoration:underline}#nav .brand .brand-subtext{font-family:sans-serif;font-size:8px;display:flex;justify-content:space-between;text-transform:uppercase;margin-top:-5px}#nav .hamburger{display:none}#nav .nav-sections{display:flex;flex-wrap:wrap;justify-content:flex-start;flex-grow:0;overflow:hidden;list-style:none;margin:0;padding:0}#nav .nav-sections li a{display:block;color:#fbf9f8;white-space:nowrap;padding:26px 20px;transition:background .2s;text-decoration:none;font-weight:600;cursor:pointer}#nav .nav-sections li a:hover,#nav .nav-sections li a.active{background:#417c6c}@media only screen and (max-width: 650px){#nav{display:flex;flex-direction:column}#nav .brand{align-self:center;flex-shrink:0}#nav .hamburger{display:block;width:76px;height:76px;position:absolute;cursor:pointer;right:0;top:0}#nav .hamburger span{transition:margin .2s;display:block;border-bottom:#FBF9F8 1.5px solid;width:30px;margin:10px auto}#nav .hamburger span:first-child{margin-top:25px}#nav .hamburger.expanded span{display:block;border-bottom:#FBF9F8 1.5px solid;width:30px;margin:15px auto}#nav .hamburger.expanded span:first-child{margin-top:20px}}.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}.image-card .image-card-text{flex-grow:1;flex-basis:0;padding:0 15px}@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 .tier-subtitle{font-size:12px;text-transform:uppercase;letter-spacing:.2rem;color:#666;text-decoration:underline}.title-area .tier-status .forget-me{font-size:12px;margin-left:4px}.cover-image{display:block;margin:40px auto;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}body{font-size:16px;font-family:Red Hat Display,sans-serif;font-optical-sizing:auto;font-style:normal}h1,h2,h3,h4,h5{page-break-after:avoid}h1{page-break-before:always;counter-reset:figurenum;font-size:28px}h2{font-size:20px}h3{font-size:16px}h4,h5,h6{font-size:14px}h1,h2,h3,h4{margin:0;padding:18px 0}h5,h6{margin:0;padding:12px 0}a{font-weight:500;color:#1f28ff}a:hover{color:#000af0}table,figure{page-break-inside:avoid}.center{display:block;text-align:center}.measurement-text{text-decoration:underline;color:#a84032;font-style:italic}@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:#1f28ff;border:none;padding:0;margin:0;height:auto}button.btn-link:hover{color:#000af0}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}table{width:100%;border-spacing:0px;border-collapse:collapse;border-top:#777 solid 1px}table tr{border-bottom:#777 solid 1px;padding:0}body,html{margin:0;scroll-padding-top:100px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#213547;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}}