.tb-space-planner{--tb-space-dark:#10261f;--tb-space-green:#2f604b;--tb-space-soft:#f3efe5;--tb-space-zero:#d8b56a;--tb-space-one:#7fa486;--tb-space-two:#d9e5d9;background:#fff;border:1px solid #dfe5dd;border-radius:24px;box-shadow:0 18px 50px rgba(16,38,31,.08);padding:clamp(1.25rem,3vw,2.25rem);margin:2.5rem 0;color:var(--tb-space-dark)}
.tb-space-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--tb-space-green);margin:0 0 .45rem}
.tb-space-planner h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 .8rem}
.tb-space-intro{max-width:840px;color:#526159;line-height:1.65}
.tb-space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.tb-space-grid label{display:block;font-weight:750;margin-bottom:.4rem}
.tb-space-grid input,.tb-space-grid select{width:100%;box-sizing:border-box;border:1px solid #b9c5bc;border-radius:10px;background:#fff;padding:.78rem;font:inherit;color:var(--tb-space-dark)}
.tb-space-help{display:block;color:#68776f;font-size:.8rem;line-height:1.4;margin-top:.35rem}
.tb-space-action{border:0;border-radius:999px;background:var(--tb-space-dark);color:#fff;padding:.85rem 1.2rem;font:inherit;font-weight:800;cursor:pointer}
.tb-space-action:hover{background:var(--tb-space-green)}
.tb-space-error{background:#fff1ee;color:#8b291e;border-radius:10px;padding:.8rem 1rem;margin:1rem 0}
.tb-space-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1.4rem 0 .9rem}
.tb-space-result{background:var(--tb-space-soft);border-radius:14px;padding:1rem;min-height:90px;border-top:5px solid transparent}
.tb-space-result span,.tb-space-result strong{display:block}
.tb-space-result span{font-size:.78rem;line-height:1.3;color:#617067;margin-bottom:.5rem}
.tb-space-result strong{font-size:1.15rem;line-height:1.2}
.tb-space-zone0{border-color:var(--tb-space-zero)}
.tb-space-zone1{border-color:var(--tb-space-one)}
.tb-space-zone2{border-color:var(--tb-space-green)}
.tb-space-result-primary{grid-column:1/-1;background:var(--tb-space-dark);color:#fff}
.tb-space-result-primary span{color:#d9e6dd}
.tb-space-zone-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.4rem}
.tb-space-zone-key>div{display:grid;grid-template-columns:20px 1fr;column-gap:.55rem;align-items:center}
.tb-space-zone-key small{grid-column:2;color:#68776f}
.tb-space-swatch{width:18px;height:18px;border-radius:50%;display:block}
.tb-space-swatch-zero{background:var(--tb-space-zero)}
.tb-space-swatch-one{background:var(--tb-space-one)}
.tb-space-swatch-two{background:var(--tb-space-green)}
.tb-space-equation,.tb-space-note{line-height:1.6}
.tb-space-equation{border-left:4px solid var(--tb-space-green);padding-left:1rem}
.tb-space-note{font-size:.86rem;color:#68776f;margin-bottom:0}
@media(max-width:900px){.tb-space-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tb-space-grid,.tb-space-zone-key{grid-template-columns:1fr}}
@media(max-width:520px){.tb-space-results{grid-template-columns:1fr}}