.family-selector{border-top:1px solid var(--line);padding:24px 0 15px;margin-bottom:15px}.family-selector h2,.style-heading h2{font-size:20px;letter-spacing:-.5px;font-weight:600}.family-selector p{font-size:12px;color:#526359;line-height:1.65;margin:7px 0 16px;max-width:85ch}#family-options{display:flex;flex-wrap:wrap;gap:8px}#family-options button{border:1px solid #cdd7c8;border-radius:24px;padding:12px 20px;background:transparent;font-size:12px;min-height:44px}#family-options button[aria-pressed=true]{background:#2f4b41;color:white;border-color:#2f4b41}#family-fit-note{min-height:2em;margin-bottom:0;font-size:11px}.style-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.style-heading>span{font-size:11px;color:var(--muted)}.design-options{grid-template-columns:repeat(8,minmax(140px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;gap:10px}.design-option{scroll-snap-align:start}.design-option img{height:102px}.design-option-title{font-size:11px;margin:12px 10px 7px}.design-option>small{margin:0 10px;font-size:10px}.family-concept{margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.family-concept>summary{padding:20px 0;cursor:pointer;font-size:19px;font-weight:600}.family-concept summary small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin:7px 0 0 20px}.family-concept-body>p{font-size:13px;line-height:1.75;margin:18px 0;max-width:68ch}.family-concept-body>p.small{font-size:11px}.family-concept-body>a{display:inline-block;margin-bottom:22px}.family-visual{position:relative;aspect-ratio:1.45;background:#e7ecdf;border-radius:6px;overflow:hidden}.family-visual img,.family-visual>div#family-3d{width:100%;height:100%;object-fit:cover}.family-visual canvas{display:block;width:100%;height:100%;touch-action:none}.family-view-buttons{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;background:white;border-radius:5px;padding:4px;white-space:nowrap}.family-view-buttons button{background:white;border:0;border-radius:4px;padding:12px;font-size:11px}.family-view-buttons button[aria-pressed=true]{background:#2f4b41;color:white}.commerce-details{border-top:1px solid var(--line);padding:17px 0;font-size:12px}.commerce-details>summary{cursor:pointer}.commerce-details .compatibility-panel{border:0;padding:10px 0;margin:0}.design-description>p.small{line-height:1.6}.studio-visual{position:static}.kit-contents{max-height:520px}.family-market-link{display:inline-block;margin-top:12px;font-size:13px;text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.family-selector{padding-top:20px}.family-selector h2{font-size:19px}#family-options{gap:6px}#family-options button{padding:10px 14px;font-size:11px}.family-selector p{font-size:11px}.family-visual{aspect-ratio:1.1}.style-heading h2{font-size:19px}.style-heading>span{font-size:10px}.design-options{margin-bottom:15px}.family-concept>summary{font-size:18px}.family-concept-body>p{font-size:12px}}
/* Apartment-aware guidance stays compact; the detailed room brief is optional. */
#family-options button:disabled{color:#6e776d;background:#eef0e8;border-color:#e0e4da;cursor:not-allowed}#family-options button small{display:block;font-size:9px;line-height:1.3;margin-top:4px}#family-options button{align-self:stretch}.design-guidance{padding:16px 20px;background:#edf1e6;border-radius:6px;margin:5px 0 24px}.design-guidance>p{font-size:15px;line-height:1.55;margin:0 0 10px;font-weight:500}.design-guidance summary{font-size:12px;cursor:pointer;color:#385043}.design-guidance details>p{font-size:11px;line-height:1.6;color:#526359;margin:12px 0 0}#room-program{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}#room-program div{display:flex;flex-direction:column;gap:5px}#room-program b{font-size:12px;font-weight:600}#room-program span{font-size:11px;line-height:1.6;color:#526359}.design-option{position:relative;padding-bottom:12px;min-height:200px}.style-recommendation{display:block;margin:8px 10px 0;font-size:9px;font-weight:600;color:#456341}.design-option.active .style-recommendation{color:inherit}@media(max-width:600px){.design-guidance{padding:14px}.design-guidance>p{font-size:13px}#room-program{grid-template-columns:1fr}.style-heading>span{max-width:130px;text-align:right;line-height:1.4}#family-options button{flex:0 0 auto;max-width:100%}}