.mk{--slate:#1d2a33;--slate-2:#26363f;--line-dark:#3a4b55;--paper:#fff}.mk-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.mk-nav{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);background:#e7ebeeeb;position:sticky;top:0}.mk-nav .mk-wrap{align-items:center;gap:2rem;height:68px;display:flex}.mk-nav nav{align-items:center;gap:1.6rem;margin-left:auto;display:flex}.mk-nav nav a{color:var(--ink);font-weight:500;text-decoration:none}.mk-nav nav a:hover{color:var(--treated)}.mk-nav nav a.button{color:#fff}.mk-nav .mk-links{gap:1.6rem;display:flex}@media (max-width:760px){.mk-nav .mk-links{display:none}.mk-nav nav{gap:1rem}}.mk-display{letter-spacing:-.025em;margin:0 0 1.5rem;font-family:Archivo Variable,system-ui,sans-serif;font-size:clamp(3.2rem,8.4vw,7.4rem);font-weight:800;font-stretch:62%;line-height:.9}.mk-h2{letter-spacing:-.02em;max-width:16ch;margin:0 0 1.25rem;font-family:Archivo Variable,system-ui,sans-serif;font-size:clamp(2.3rem,5vw,4rem);font-weight:800;font-stretch:68%;line-height:.95}.mk-h3{margin:0 0 .5rem;font-family:Archivo Variable,system-ui,sans-serif;font-size:1.45rem;font-weight:700;font-stretch:78%;line-height:1.15}.mk-lede{max-width:38em;color:var(--ink);font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.55}.mk-quiet{color:var(--ink-quiet)}.mk-section{padding:clamp(4.5rem,9vw,8rem) 0}.mk-section.white{background:var(--paper)}.mk-section.dark{background:var(--slate);color:#e8eef1}.mk-section.dark .mk-quiet{color:#a9b8c1}.mk-section.dark a:not(.button){color:#b9d39f}.mk-hero{padding:clamp(3rem,6vw,5.5rem) 0 clamp(4rem,7vw,6rem)}.mk-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}@media (max-width:960px){.mk-hero-grid{grid-template-columns:1fr}}.mk-cta{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.mk-cta .button{padding:.9rem 1.4rem;font-size:1.05rem}.mk-served{color:var(--ink-quiet);max-width:34em;margin-top:2rem;font-size:.95rem}.mk-config{background:var(--paper);border:1px solid var(--rule);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px #1d2a3359}.mk-config-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.25rem;display:flex}.mk-config-head strong{font-family:Archivo Variable,system-ui,sans-serif;font-size:1.15rem;font-stretch:78%}.mk-config-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}@media (max-width:620px){.mk-config-body{grid-template-columns:1fr}}.mk-config-plan{border-right:1px solid var(--rule);padding:1rem}.mk-config-plan .plan{background:0 0;border:0}.mk-config-controls{align-content:start;gap:.95rem;padding:1.1rem 1.25rem;display:grid}.mk-config-controls label{gap:.3rem;font-size:.92rem;font-weight:600}.mk-range{grid-template-columns:1fr auto;align-items:center;gap:.6rem;display:grid}.mk-range output{font-variant-numeric:tabular-nums;text-align:right;min-width:4.5ch;font-weight:600}input[type=range]{accent-color:var(--treated);background:0 0;border:0;padding:0}.mk-verdict{background:var(--treated-wash);border-radius:10px;gap:.35rem;margin:0 1.25rem 1.25rem;padding:.9rem 1rem;display:grid}.mk-verdict.warn{background:#fbf0d6}.mk-verdict strong{font-size:1.05rem}.mk-verdict .small{margin:0}.mk-sides{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr;gap:0;display:grid}.mk-sides>div{padding:2.25rem 2.5rem 0 0}.mk-sides>div+div{border-left:1px solid var(--rule);padding-left:2.5rem}@media (max-width:820px){.mk-sides{grid-template-columns:1fr}.mk-sides>div+div{border-left:0;border-top:1px solid var(--rule);margin-top:2.25rem;padding-left:0}}.mk-checks{gap:.85rem;margin:1.25rem 0 1.75rem;padding:0;list-style:none;display:grid}.mk-checks li{padding-left:1.9rem;position:relative}.mk-checks li:before{content:"";border-left:3px solid var(--treated);border-bottom:3px solid var(--treated);width:1rem;height:.55rem;position:absolute;top:.35em;left:0;transform:rotate(-45deg)}.mk-steps{counter-reset:mk;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;display:grid}@media (max-width:900px){.mk-steps{grid-template-columns:1fr 1fr}}@media (max-width:560px){.mk-steps{grid-template-columns:1fr}}.mk-steps li{counter-increment:mk;border-top:4px solid var(--treated);padding-top:1.1rem;list-style:none}.mk-steps li:before{content:counter(mk);color:var(--treated);margin-bottom:.6rem;font-family:Archivo Variable,system-ui,sans-serif;font-size:3.4rem;font-weight:800;font-stretch:62%;line-height:1;display:block}.mk-steps ol,.mk-steps{padding:0}.mk-show{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.mk-show.flip{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}@media (max-width:960px){.mk-show,.mk-show.flip{grid-template-columns:1fr}}.mk-frame{background:var(--paper);border:1px solid var(--rule);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -32px #1d2a3366}.mk-frame-bar{border-bottom:1px solid var(--rule);color:var(--ink-quiet);justify-content:space-between;align-items:center;padding:.7rem 1rem;font-size:.85rem;display:flex}.mk-example{color:var(--ink-quiet);border:1px solid var(--rule);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:600}.mk-frame .compare{font-size:.9rem}.mk-frame .compare tbody th{width:9.5rem}.mk-section.dark .mk-frame{color:var(--ink);border-color:var(--line-dark)}.mk-counties{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:0;margin-top:2.5rem;display:grid}@media (max-width:900px){.mk-counties{grid-template-columns:1fr 1fr}}@media (max-width:560px){.mk-counties{grid-template-columns:1fr}}.mk-county{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper);padding:1.5rem 1.4rem}.mk-county h3{margin-bottom:.25rem}.mk-county ul{margin:.75rem 0 0;padding-left:1.1rem;font-size:.95rem}.mk-county ul li+li{margin-top:.3rem}.mk-points{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3.5rem;display:grid}@media (max-width:900px){.mk-points{grid-template-columns:1fr}}.mk-points>div{border-top:1px solid var(--line-dark);padding-top:1.25rem}.mk-section:not(.dark) .mk-points>div{border-top-color:var(--rule)}.mk-consent{gap:.75rem;padding:1.4rem 1.5rem;display:grid}.mk-consent .check{font-size:.95rem}.mk-honest{grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem;display:grid}@media (max-width:820px){.mk-honest{grid-template-columns:1fr}}.mk-honest ul{gap:.6rem;margin:.75rem 0 0;padding-left:1.1rem;display:grid}.mk-close{border-radius:16px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.mk-close>div{padding:clamp(2rem,5vw,3.5rem)}.mk-close>div:first-child{background:var(--treated);color:#fff}.mk-close>div:last-child{background:var(--slate);color:#e8eef1}.mk-close .button{color:var(--treated);background:#fff;border-color:#fff}.mk-close>div:last-child .button{color:var(--slate)}@media (max-width:760px){.mk-close{grid-template-columns:1fr}}.mk-footer{background:var(--slate);color:#a9b8c1;padding:3.5rem 0 3rem;font-size:.95rem}.mk-footer .mk-wrap{grid-template-columns:1.4fr 1fr 1fr;gap:2rem;display:grid}@media (max-width:760px){.mk-footer .mk-wrap{grid-template-columns:1fr}}.mk-footer a{color:#e8eef1;text-decoration:none}.mk-footer a:hover{text-decoration:underline}.mk-footer .wordmark{color:#fff}.mk-footer ul{gap:.45rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.plan-draw line{stroke-dasharray:2400;stroke-dashoffset:2400px;animation:1.6s ease-out forwards mk-draw}.plan-draw g:nth-of-type(2) line{animation-delay:.15s}@keyframes mk-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.plan-draw line{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}.mk-nav nav a,.mk-config-head strong{white-space:nowrap}@media (max-width:620px){.mk-config-plan{border-right:0;border-bottom:1px solid var(--rule)}.mk-config-head span{display:none}}@media (max-width:420px){.mk-nav .mk-wrap{gap:.75rem}.mk-nav nav .button{padding:.55rem .8rem;font-size:.95rem}}.mk-connect{gap:.5rem;max-width:640px;margin-top:2rem;display:grid}.mk-guide{grid-template-columns:15rem minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}@media (max-width:860px){.mk-guide{grid-template-columns:1fr}.mk-toc{position:static!important}}.mk-toc{position:sticky;top:90px}.mk-toc ul{border-left:2px solid var(--rule);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.mk-toc a{color:var(--ink);padding-left:.9rem;text-decoration:none;display:block}.mk-toc a:hover{color:var(--treated)}.mk-guide-body{gap:3rem;max-width:46rem;display:grid}.mk-guide-body section{scroll-margin-top:90px}.mk-guide-body .mk-h3{font-size:1.8rem}.mk-steps{gap:.6rem;margin:0;padding-left:1.4rem;display:grid}.mk-steps li::marker{color:var(--treated);font-family:Archivo Variable,system-ui,sans-serif;font-weight:800}.mk-prompts{gap:.6rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.mk-prompts li{background:var(--galvanized);border-left:4px solid var(--treated);border-radius:0 var(--radius) var(--radius) 0;padding:.8rem 1rem}.mk-two{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:600px){.mk-two{grid-template-columns:1fr}}.mk-faq dt{margin-top:1rem;font-weight:700}.mk-faq dd{color:var(--ink-quiet);margin:.25rem 0 0}.mk-shapes{flex-wrap:wrap;gap:.5rem;display:flex}.mk-shapes button{border:2px solid var(--rule);cursor:pointer;background:#fff;border-radius:8px;padding:.25rem;line-height:0}.mk-shapes button.on{border-color:var(--treated);background:var(--treated-wash)}.mk-shapes button:focus-visible{outline:3px solid var(--stamp);outline-offset:2px}.mk-hero.designing{padding-bottom:clamp(3rem,6vw,5rem)}.mk-hero-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:clamp(1.5rem,4vw,4rem);margin-bottom:clamp(1.75rem,3.5vw,2.75rem);display:grid}.mk-hero-top .mk-lede{margin:0}.mk-hero-top .mk-cta{margin-top:1.25rem}@media (max-width:960px){.mk-hero-top{grid-template-columns:1fr;align-items:start}}.designer{background:var(--paper,#fff);border:1px solid var(--rule);border-radius:14px;display:grid;overflow:hidden;box-shadow:0 30px 60px -30px #1d2a3359}.designer-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.designer-head h2{margin:0;font-size:1.55rem}.designer-head h2:focus{outline:none}.designer-sub{color:var(--ink-quiet);margin:.15rem 0 0}.designer-head-actions{flex-wrap:wrap;gap:.6rem;display:flex}.designer-body{grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr);display:grid}.designer-canvas{border-right:1px solid var(--rule);min-width:0;padding:.75rem}.designer-canvas .plan{border:0}.designer-controls{align-content:start;gap:.95rem;padding:1.1rem 1.25rem;display:grid}.designer-controls label{gap:.3rem;font-size:.92rem;font-weight:600}.designer-foot{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;padding:1.25rem;display:grid}.designer-foot .mk-verdict{margin:0}.designer-convert{justify-items:start;gap:.6rem;display:grid}.designer-convert p{margin:0}.designer-tally{font-size:1.05rem}.designer-cta{padding:.9rem 1.5rem;font-size:1.1rem}.text-button{color:var(--treated);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:860px){.designer-body,.designer-foot{grid-template-columns:1fr}.designer-canvas{border-right:0;border-bottom:1px solid var(--rule)}}.designer.full:not(.standalone){z-index:100;box-shadow:none;border:0;border-radius:0;position:fixed;inset:0;overflow:auto}.designer.standalone{border-left:0;border-right:0;border-radius:0;min-height:calc(100vh - 68px)}.designer.full{grid-template:"head head""canvas side""canvas foot"minmax(0,1fr)/minmax(0,1fr) 340px}.designer.full .designer-head{grid-area:head}.designer.full .designer-body{display:contents}.designer.full .designer-canvas{border-right:1px solid var(--rule);background:#f4f6f8;grid-area:canvas}.designer.full .designer-canvas .plan svg{max-height:calc(100vh - 250px)}.designer.full .designer-controls{grid-area:side}.designer.full .designer-foot{border-top:1px solid var(--rule);grid-area:foot;grid-template-columns:1fr;align-content:start}@media (max-width:860px){.designer.full{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"head""canvas""side""foot"}.designer.full .designer-canvas{border-right:0}.designer.full .designer-canvas .plan svg{max-height:none}}.shared-design{padding:2.5rem 0 4rem}.shared-design .mk-h2{margin-bottom:1.25rem}.shared-grid{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);align-items:start;gap:2rem;display:grid}@media (max-width:860px){.shared-grid{grid-template-columns:1fr}}.shared-facts{gap:.6rem;margin:0;display:grid}.shared-facts div{grid-template-columns:6.5rem 1fr;gap:.5rem;display:grid}.shared-facts dt{color:var(--ink-quiet)}.shared-facts dd{margin:0}.gonzo-toggle{color:var(--ink);border:2px dashed var(--ink);letter-spacing:.01em;background:#fff;font-weight:700}.gonzo-toggle.on{color:#fff;background:#2a5596;border:2px solid #2a5596}.levels{background:#f1f5fb;border:1.5px solid #2a5596;border-radius:10px;gap:.6rem;padding:.75rem;display:grid}.level-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.level-tabs button{color:var(--ink);border:1.5px solid var(--rule);background:#fff;border-radius:999px;padding:.3rem .75rem;font-size:.9rem;font-weight:600}.level-tabs button.on{color:#fff;background:#2a5596;border-color:#2a5596}.level-tabs button.on .quiet{color:#d6e2f5}.level-tabs .add-level{color:#2a5596;border-style:dashed}.railing-kinds button{justify-items:center;gap:.2rem;width:5.6rem;padding:.35rem .4rem;font-size:.78rem;line-height:1.1;display:grid}.furniture-palette{flex-wrap:wrap;gap:.35rem;display:flex}.railing-kinds button,.railing-kinds button.on{color:var(--ink);font-weight:600}
