*{box-sizing:border-box} :root{--foreground:#263c32;--muted-foreground:#657369;--background:#fffef9;--muted:#edf0e8;--border:#cdd6cc;--viz-series-1:#697b67;--viz-series-2:#9b693c;--viz-series-3:#447d91;--viz-series-4:#628c43;--viz-series-5:#936395;--viz-series-6:#368b88}body{margin:0;background:#f4f5ee;color:var(--foreground);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1220px;margin:auto;padding:44px 28px}h1,h2,h3,p{margin-top:0}h1{font:clamp(32px,5vw,52px)/1.1 Georgia,serif;max-width:720px;margin-bottom:22px}h2{font:26px/1.2 Georgia,serif}h3{font-size:17px}.intro{max-width:880px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#65784e;margin-bottom:12px}.note,.text-small{font-size:14px}.note,.text-muted{color:var(--muted-foreground)}a{color:#294e40;text-underline-offset:4px}a:focus-visible,select:focus-visible{outline:3px solid #9e7634;outline-offset:4px}.plan-card{padding:24px;background:var(--background);border:1px solid #dce1d8;border-radius:16px;margin:30px 0}.viz-controls{margin-bottom:12px}.form-label{display:grid;gap:6px;font-weight:600}.form-select{font:inherit;color:inherit;padding:12px;border:1px solid #a9b8a8;border-radius:8px;background:white;width:100%;max-width:480px;min-width:0}.viz-row{display:flex;flex-wrap:wrap;gap:8px 22px;margin:16px 0}#basement-plan{width:100%;max-width:1050px;margin:auto}.comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 44px}.comparison article{padding:24px;border:1px solid #dce1d8;border-radius:12px;background:#fffef9}.comparison p{font-size:15px}.comparison a{font-weight:600}.planning{border-top:1px solid #dce1d8;padding-top:30px}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}.notes-grid p{font-size:15px}.page-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid #dce1d8;padding-top:22px;font-size:14px}.page-footer span{color:var(--muted-foreground)}#layouts{scroll-margin-top:110px} @media(max-width:700px){main{padding:28px 16px}.plan-card{padding:14px 8px}.comparison,.notes-grid{grid-template-columns:1fr}.comparison article{padding:20px}.form-select{font-size:14px}.viz-row{font-size:12px;gap:8px 14px}}@media print{.site-header,.site-skip,.page-footer{display:none}main{padding:0}.plan-card,.comparison article{break-inside:avoid}.comparison{display:block}.comparison article{margin-bottom:12px}}

  #basement-basement .basement-key {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:14px 0;}
  #basement-basement .basement-key > div {min-width:0;}
  #basement-basement .basement-key .basement-dot {display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--zone-color);}
  #basement-basement .basement-svg {display:block;width:100%;overflow:visible;}
  #basement-basement .basement-svg text {fill:var(--foreground);font-family:inherit;font-weight:400;}
  #basement-basement .basement-svg .secondary {fill:var(--muted-foreground);}
  @media(max-width:420px) {#basement-basement .basement-key {grid-template-columns:1fr;}}

.basement-svg{display:block;width:100%;height:auto;overflow:visible}.basement-svg text{fill:var(--foreground);font-family:inherit}.basement-svg .secondary{fill:var(--muted-foreground)}.layout-stepping{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:480px;margin:12px 0 20px}.layout-stepping button{font:inherit;min-height:44px;padding:8px 14px;border:1px solid #b9c5b4;border-radius:8px;background:#edf0e8;color:#294e40;cursor:pointer}.layout-stepping button:disabled{opacity:.4;cursor:default}.layout-stepping button:focus-visible{outline:3px solid #9e7634;outline-offset:3px}.layout-stepping span{font-size:13px;white-space:nowrap}.layout-card-link{display:block;text-decoration:none;border-radius:8px;outline-offset:5px}.layout-card-link[aria-current]{outline:3px solid #668850}.layout-card-link h2{font-size:23px;margin:15px 0}.layout-meta{color:#657369;font-size:13px!important}.comparison{grid-template-columns:repeat(2,minmax(0,1fr))}#selected-pitch{margin-top:16px}.basement-key strong{font-size:14px}.basement-key .text-muted{font-size:13px}@media(max-width:700px){.comparison{grid-template-columns:1fr}.layout-stepping{gap:8px}.layout-stepping button{font-size:14px}}@media print{.comparison{display:none}.layout-stepping{display:none}}

.finished-swatch{display:inline-block;width:16px;height:12px;background:#e9f3df;border:1px solid #73935a;vertical-align:middle}.earlier-options{margin:0 0 36px}.earlier-options summary{font-size:20px;cursor:pointer;padding:16px 0}.earlier-options summary:focus-visible{outline:3px solid #9e7634;outline-offset:3px}