/* Página «¿Qué cambiar en casa?»: solo estilos propios; el resto viene de style.css */
.casa label { display: flex; flex-direction: column; gap: 6px; font-size: .9rem; }
.casa input[type=number], .casa select { width: 100%; min-height: 44px; font: inherit; color: var(--text); background: var(--surface-2, transparent); border: 1px solid var(--line-2, var(--line)); border-radius: 8px; padding: 8px 10px; }
.casa input::placeholder { color: var(--muted); opacity: .8; }
.casa-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 14px 0; }
.casa-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; align-items: start; }
.casa-card:not(:has(.casa-have)) { grid-column: 1 / -1; }   /* карточка без галочки (лампы) — на всю ширину: соседние не растягиваются в пустые коробки */
.casa-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.casa-card.on { border-color: var(--accent); }
.casa-card h3 { margin: 0; font-size: 1.05rem; }
.casa-card .casa-have { flex-direction: row; align-items: center; gap: 10px; font-weight: 500; }
.casa-card .casa-have input { width: 20px; height: 20px; min-height: 0; }
.casa-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; }
.casa-fields.off { display: none; }
.casa-start { font-size: 1rem; }
.casa-start p { margin: 6px 0; }
.casa-results { display: flex; flex-direction: column; gap: 14px; margin-top: 16px; }
.casa-row { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 16px 18px; min-width: 0; }
.casa-row h3 { margin: 0 0 6px; font-size: 1.05rem; overflow-wrap: anywhere; }
.casa-row p { margin: 4px 0; overflow-wrap: anywhere; }
.casa-badge { display: inline-block; font: 600 .78rem var(--mono, monospace); padding: 3px 10px; border-radius: 999px; margin-bottom: 8px; border: 1px solid var(--line-2, var(--line)); }
.casa-badge.pays { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.casa-badge.long, .casa-badge.none { color: var(--warn, var(--muted)); }
.casa-row .casa-notes { margin: 8px 0 0; padding-left: 18px; color: var(--muted); font-size: .85rem; }
.casa-row .casa-notes li { margin: 3px 0; }
.casa-row.dim { opacity: .82; }
@media (max-width: 520px) { .casa-cards { grid-template-columns: 1fr; } .casa-fields { grid-template-columns: 1fr 1fr; } }
#sources, #sources li, #sources a { overflow-wrap: anywhere; word-break: break-word; }