:root{--bg:#f7f4ed;--bg-panel:#fbf9f4;--ink:#1a1815;--ink-soft:#5a554b;--ink-faint:#8a847a;--accent:#b14a1f;--accent-deep:#7a2f0f;--good:#2d6a4f;--bad:#b14a1f;--rule:#e2dccb;--rule-strong:#c8bfa8;--sidebar-w:260px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.65}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);color:#e2dccb;z-index:100;background:#1a1815;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex}.sidebar-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.sidebar-close{color:#8a847a;cursor:pointer;background:0 0;border:none;font-size:18px;display:none}.sidebar-nav{flex-direction:column;gap:2px;padding:8px 12px;display:flex}.sidebar-link{color:#c8bfa8;border-radius:6px;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:block}.sidebar-link:hover{color:#f7f4ed;background:#ffffff0f}.sidebar-link--active{color:#f7f4ed;background:#ffffff1a;font-weight:500}.sidebar-overlay{display:none}.main{margin-left:var(--sidebar-w);flex:1;min-width:0}.topbar{display:none}.content{max-width:900px;padding:48px 40px 120px}@media (width<=768px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar--open .sidebar-close{display:block}.sidebar-overlay{z-index:99;background:#0006;display:block;position:fixed;inset:0}.main{margin-left:0}.topbar{border-bottom:1px solid var(--rule);background:var(--bg);z-index:50;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.content{padding:32px 20px 80px}}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:flex}.hamburger span{background:var(--ink);border-radius:1px;width:20px;height:2px;display:block}.topbar-title{letter-spacing:-.01em;font-size:14px;font-weight:600}.article{max-width:680px}.article .eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-family:ui-monospace,monospace;font-size:11px;font-weight:500;display:block}.article h1{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,4vw,38px);font-weight:700;line-height:1.12}.article .lede{color:var(--ink-soft);margin-bottom:40px;font-size:18px;line-height:1.6}.article h2{letter-spacing:-.01em;margin:48px 0 12px;font-size:22px;font-weight:600}.article h3{margin:0 0 4px;font-size:17px;font-weight:600}.article p{color:var(--ink-soft);margin-bottom:16px}.article p strong{color:var(--ink);font-weight:600}.article p em{font-style:italic}.article section{margin-bottom:48px}.section-cards{flex-direction:column;gap:12px;margin-top:16px;display:flex}.section-card{background:var(--bg-panel);border:1px solid var(--rule-strong);color:inherit;border-radius:8px;padding:20px 24px;display:block}.section-card-link{color:inherit;text-decoration:none}.section-card-link:hover h3{color:var(--accent)}.section-card h3{color:var(--ink);margin-bottom:10px;transition:color .15s}.section-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.section-outputs{margin:0 0 12px;padding:0;list-style:none}.section-outputs li{color:var(--ink);padding:4px 0;font-family:ui-monospace,monospace;font-size:13px;font-weight:500}.section-outputs li:before{content:"→ ";color:var(--good)}.section-read-if{color:var(--ink-faint);margin:0;font-size:13px;font-style:italic}.section-read-if strong{color:var(--ink-soft);font-style:normal}.target-list{margin:12px 0 16px;padding:0;list-style:none}.target-list li{color:var(--ink);padding:6px 0;font-family:ui-monospace,monospace;font-size:14px}.target-list li strong{color:var(--accent)}.read-more{color:var(--accent);font-size:14px;font-weight:500;text-decoration:none}.read-more:hover{text-decoration:underline}.assembly-legend{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.assembly-legend-item{align-items:stretch;gap:8px;display:flex}.assembly-legend-number{align-items:center;padding-right:4px;font-family:ui-monospace,monospace;font-size:20px;font-weight:700;line-height:1;display:flex}.assembly-legend-color{flex-shrink:0;align-self:stretch;width:5px}.wall-section{margin:16px 0}.wall-section-diagram{border-top:2px solid #1a1815;border-bottom:2px solid #1a1815;display:flex;overflow:visible}.wall-layer{border-right:2px solid #1a1815;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.wall-layer:first-child{border-left:2px solid #1a1815}.wall-layer-label{writing-mode:vertical-rl;color:#0000008c;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.02em;font-family:ui-monospace,monospace;font-size:9px;transform:rotate(180deg)}.wall-layer-label--horizontal{writing-mode:horizontal-tb;font-size:10px;transform:none}.wall-layer--hat_channel .wall-layer-label,.wall-layer--rockwool .wall-layer-label{color:#ffffffbf}.wall-layer--air{background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#0050a014 4px 5px)!important}.wall-layer--rockwool{background-image:radial-gradient(circle,#ffffff40 1px,#0000 1px)!important;background-size:5px 5px!important}.wall-section-labels{margin-top:6px;display:flex}.wall-label{text-align:center;justify-content:center;display:flex}.wall-label-text{color:var(--ink-soft);font-family:ui-monospace,monospace;font-size:10px;line-height:1.3}.wall-label-dim{color:var(--ink-faint);font-size:9px}.wall-legend{color:var(--ink-soft);flex-wrap:wrap;gap:12px;margin:12px 0;font-family:ui-monospace,monospace;font-size:11px;display:flex}.wall-legend-item{align-items:center;gap:5px;display:inline-flex}.wall-legend-swatch{border:1px solid #0000001f;border-radius:2px;width:14px;height:14px}.compare-assemblies{flex-direction:column;gap:16px;margin-bottom:48px;display:flex}.compare-card{border:1px solid var(--rule-strong);background:var(--bg-panel);padding:16px 20px}.compare-card-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.compare-card-number{font-family:ui-monospace,monospace;font-size:20px;font-weight:700;line-height:1}.compare-card-name{border:none;border-bottom:1px solid var(--rule);color:var(--ink);background:0 0;outline:none;flex:1;padding:4px 0;font-size:15px;font-weight:600}.compare-card-name:focus{border-bottom-color:var(--accent)}.compare-btn-remove{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px}.compare-btn-remove:hover{color:var(--bad)}.compare-layers{flex-direction:column;gap:6px;display:flex}.compare-select{border:1px solid var(--rule-strong);background:var(--bg);min-width:0;color:var(--ink);flex:1;padding:6px 8px;font-family:inherit;font-size:13px}.compare-thickness{align-items:center;gap:4px;display:flex}.compare-input{border:1px solid var(--rule-strong);background:var(--bg);width:60px;color:var(--ink);text-align:right;padding:6px 8px;font-family:ui-monospace,monospace;font-size:13px}.compare-unit{color:var(--ink-faint);font-family:ui-monospace,monospace;font-size:12px}.compare-mass-label{color:var(--ink-soft);min-width:70px;font-family:ui-monospace,monospace;font-size:11px}.compare-btn-x{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.compare-btn-x:hover{color:var(--bad)}.compare-btn-clone{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.compare-btn-clone:hover{color:var(--ink)}.compare-btn-insert{background:var(--rule);border:2px solid var(--rule-strong);color:var(--ink-faint);cursor:pointer;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:11px;display:flex}.compare-btn-insert:hover{background:var(--accent);border-color:var(--accent);color:#fff}.compare-btn-insert--active{background:var(--accent);border-color:var(--accent-deep);color:#fff}.compare-btn-add-layer{border:1px dashed var(--rule-strong);color:var(--ink-soft);cursor:pointer;background:0 0;margin-top:10px;padding:6px 14px;font-family:inherit;font-size:13px}.compare-btn-add-layer:hover{border-color:var(--accent);color:var(--accent)}.compare-add-buttons{flex-direction:column;gap:8px;margin-top:12px;display:flex}.compare-btn-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.compare-btn-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);min-width:50px;font-family:ui-monospace,monospace;font-size:10px}.compare-btn-mat{background:var(--bg);border:1px solid var(--rule-strong);color:var(--ink-soft);cursor:pointer;padding:4px 10px;font-family:ui-monospace,monospace;font-size:12px}.compare-btn-mat:hover{border-color:var(--ink);color:var(--ink)}.compare-btn-mat--spring{border-style:dashed}.compare-btn-mat--spring:hover{border-color:var(--accent);color:var(--accent)}.compare-layers-table{border-collapse:collapse;width:100%}.compare-td-insert{width:36px;padding:4px 2px}.compare-td-name{width:200px;color:var(--ink);padding:4px 8px;font-size:13px;font-weight:500}.compare-td-input{white-space:nowrap;width:100px;padding:4px}.compare-td-actions{width:32px;padding:4px 2px}.compare-layer-row{align-items:center;gap:8px;display:flex}.compare-layer-name{color:var(--ink);min-width:100px;font-size:13px;font-weight:500}.compare-btn-add-assembly{border:1px dashed var(--rule-strong);color:var(--ink-soft);cursor:pointer;background:0 0;padding:14px 20px;font-family:inherit;font-size:14px}.compare-btn-add-assembly:hover{border-color:var(--accent);color:var(--accent)}.doc-goals{counter-reset:goals;padding:0;list-style:none}.doc-goals li{counter-increment:goals;border-top:1px solid var(--rule);color:var(--ink-soft);padding:14px 0;font-size:15px;line-height:1.6}.doc-goals li:last-child{border-bottom:1px solid var(--rule)}.doc-goals li:before{content:counter(goals) ".";color:var(--accent);margin-right:10px;font-weight:700}.doc-goals li strong{color:var(--ink)}
