/* v33 House promotions + Admin gate. Quiet, same family as the sponsor card. */
#houseHome:empty, #houseMore:empty { display: none; }
button.house-card { width: 100%; text-align: left; font: inherit; cursor: pointer; }
button.house-card:hover, button.house-card:focus-visible { border-color: var(--gold-dim); outline: none; }
.house-list { display: flex; flex-direction: column; gap: 8px; margin: 6px 0 10px; }
.house-row {
  display: flex; flex-direction: column; gap: 2px; text-align: left; font: inherit; cursor: pointer;
  padding: 10px 14px; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--r-md, 14px); color: var(--text); overflow-wrap: anywhere;
}
.house-row:hover, .house-row:focus-visible { border-color: var(--gold-dim); outline: none; }
.house-sheet-bg {
  position: fixed; inset: 0; z-index: 1200; display: flex; align-items: flex-end; justify-content: center;
  background: rgba(0, 0, 0, .55);
}
.house-sheet {
  width: 100%; max-width: 520px; box-sizing: border-box; padding: 20px 20px calc(20px + env(safe-area-inset-bottom));
  background: var(--surface); color: var(--text); border: 1px solid var(--line);
  border-radius: 20px 20px 0 0; display: flex; flex-direction: column; gap: 10px; overflow-wrap: anywhere;
}
.house-sheet h3 { margin: 0; color: var(--gold); }
.house-sheet p { margin: 0; color: var(--text-dim); }
.house-sheet .pill.wide { text-align: center; text-decoration: none; }
.house-form { display: flex; flex-direction: column; gap: 8px; }
.house-form textarea { width: 100%; box-sizing: border-box; font: inherit; }
.adm-gate[hidden] { display: none; }
#view-admin.adm-locked > *:not(#admGate) { display: none; }

/* v33 fresh-eyes: the card must look tappable */
.house-more { display: block; margin-top: 6px; font-size: .8rem; color: var(--gold, #b8902e); font-weight: 600; }
.house-intro { font-size: .82rem; margin: -4px 0 8px; }