.dk{--dk-membrane:#2b2e31;--dk-b1:#846f5c;--dk-b2:#7a6553;--dk-joist:#a4ae79;--dk-joist-edge:#59642f;--dk-pad:#e3e5e0;--dk-post:#c4c7c2;--dk-hatch:#16191c4d}.dk[data-board=softwood]{--dk-b1:#cca66f;--dk-b2:#c29b63}.dk-card{container-type:inline-size}.dk-plan{--dk-maxh:300px;--dk-w:min(calc(100cqw - 52px), calc(var(--dk-ratio) * var(--dk-maxh)));grid-template-columns:var(--dk-w) 40px;grid-template-areas:"house.""svg dimd""dimw.";justify-content:center;column-gap:8px;display:grid}@media (min-width:1024px){.dk-plan{--dk-maxh:420px}}.dk-house{box-sizing:border-box;background:repeating-linear-gradient(135deg, var(--dk-hatch) 0 1.5px, transparent 1.5px 6px);border-bottom:2px solid var(--color-ink);grid-area:house;justify-content:center;align-items:center;height:16px;display:flex}.dk-house span{background:var(--color-mount);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);padding:0 4px;font-size:9px}.dk-svg{grid-area:svg;width:100%;height:auto;display:block}.dk-svg rect{vector-effect:non-scaling-stroke}.dk-membrane{fill:var(--dk-membrane)}.dk-board{fill:var(--dk-b1)}.dk-board2{fill:var(--dk-b2)}.dk-join{fill:var(--color-ink)}.dk-joist{fill:var(--dk-joist);stroke:var(--dk-joist-edge);stroke-width:1px}.dk-pad{fill:var(--dk-pad);stroke:var(--color-ink);stroke-width:1px}.dk-post{fill:var(--dk-post);stroke:var(--color-ink);stroke-width:1px}.dk-dimw{grid-area:dimw;align-items:center;gap:6px;margin-top:8px;display:flex}.dk-dimd{flex-direction:column;grid-area:dimd;align-items:center;gap:4px;display:flex}.dk-dimw>span:not(.dk-num),.dk-dimd>span:not(.dk-num){background:var(--color-accent)}.dk-dimw .dk-tick{width:1.5px;height:10px}.dk-dimw .dk-line{flex:1;height:1.5px}.dk-dimd .dk-tick{width:10px;height:1.5px}.dk-dimd .dk-line{flex:1;width:1.5px}.dk-num{font-family:var(--font-mono);color:var(--color-accent);white-space:nowrap;font-size:11px}