.house-directory-header .directory-header-row { align-items: center; }
.house-header-copy { max-width: 520px; }
.house-preview-section { padding-top: 72px; }
.house-preview-shell { display: grid; overflow: hidden; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .62fr); border: 1px solid var(--line); background: rgba(10, 20, 26, .74); }
.house-chamber-panel { min-width: 0; padding: 30px 30px 24px; border-right: 1px solid var(--line); }
.chamber-toolbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.chamber-title strong { font-family: var(--serif); font-size: clamp(32px, 3.4vw, 48px); font-weight: 450; line-height: 1; }
.chamber-note { max-width: none; color: var(--muted); font-size: 10px; line-height: 1.5; text-align: right; white-space: nowrap; }
.house-view-controls { display: flex; align-items: center; gap: 8px; overflow-x: auto; padding: 16px 0; border-bottom: 1px solid var(--line); scrollbar-width: none; }
.house-view-controls::-webkit-scrollbar { display: none; }
.house-view-controls > span { flex: 0 0 auto; margin-right: 8px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.house-view-controls button { flex: 0 0 auto; min-height: 34px; padding: 0 13px; border: 1px solid transparent; color: var(--muted); background: transparent; font: inherit; font-size: 10px; font-weight: 600; cursor: pointer; }
.house-view-controls button:hover, .house-view-controls button:focus-visible { color: var(--text); }
.house-view-controls button[aria-selected="true"] { border-color: rgba(97, 199, 178, .55); color: var(--text); background: rgba(97, 199, 178, .08); }
.house-position-legend { display: flex; flex-wrap: wrap; gap: 12px 26px; min-height: 52px; align-items: center; padding: 13px 0 5px; }
.house-legend-item { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; }
.house-legend-dot { width: 10px; height: 10px; border-radius: 50%; background: #42555e; }
.house-legend-dot.is-fast, .house-seat-preview.is-fast, .house-legend-dot.is-position-5, .house-seat-preview.is-position-5 { background: #e9bd55; fill: #e9bd55; }
.house-legend-dot.is-guardrails, .house-seat-preview.is-guardrails, .house-legend-dot.is-position-3, .house-seat-preview.is-position-3 { background: #61c7b2; fill: #61c7b2; }
.house-legend-dot.is-position-2, .house-seat-preview.is-position-2 { background: #e56f88; fill: #e56f88; }
.house-legend-dot.is-slow, .house-seat-preview.is-slow, .house-legend-dot.is-position-1, .house-seat-preview.is-position-1 { background: #c96bd8; fill: #c96bd8; }
.house-legend-dot.is-position-4, .house-seat-preview.is-position-4 { background: #82bdf2; fill: #82bdf2; }
.house-legend-count { display: inline-grid; min-width: 23px; height: 20px; place-items: center; padding: 0 6px; border: 1px solid var(--line); border-radius: 999px; color: var(--text); font-size: 9px; font-variant-numeric: tabular-nums; }
.house-chamber-canvas { display: grid; min-height: 560px; place-items: center; }
.house-chamber-svg { display: block; width: min(100%, 900px); height: auto; overflow: visible; }
.house-seat-preview { fill: #42555e; stroke: rgba(221, 235, 234, .22); stroke-width: 1; transition: fill .22s ease, stroke .22s ease, r .22s ease, filter .22s ease; }
.house-seat-preview.is-reviewed { stroke: rgba(239, 247, 245, .9); stroke-width: 1.4; cursor: pointer; }
.house-seat-preview.is-reviewed:hover, .house-seat-preview.is-reviewed:focus { filter: drop-shadow(0 0 7px rgba(97, 199, 178, .75)); outline: none; }
.house-seat-preview.is-selected { stroke: #f6fbfa; stroke-width: 2.6; filter: drop-shadow(0 0 8px rgba(97, 199, 178, .82)); }
.house-dais { fill: none; stroke: rgba(97, 199, 178, .48); stroke-width: 2; }
.house-center-mark { fill: #61c7b2; opacity: .7; }
.house-chamber-caption { display: flex; justify-content: space-between; gap: 20px; padding-top: 18px; border-top: 1px solid var(--line); color: #87989f; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.house-preview-inspector { display: flex; min-width: 0; flex-direction: column; padding: 34px; background: var(--surface); }
.house-preview-inspector img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 18%; border: 1px solid var(--line); filter: saturate(.78) contrast(1.03); }
.house-preview-inspector .house-member-meta { margin-top: 28px; }
.house-preview-inspector h2 { max-width: 340px; margin: 15px 0 14px; font-family: var(--serif); font-size: clamp(38px, 2.8vw, 48px); font-weight: 450; line-height: 1; }
.house-preview-inspector > strong { font-size: 13px; line-height: 1.45; }
.house-preview-inspector > p { margin: 18px 0 30px; color: var(--muted); font-size: 12px; line-height: 1.72; }
.house-preview-inspector .text-link { margin-top: auto; color: var(--teal); font-size: 9px; font-weight: 700; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.coverage-caveat { display: flex; justify-content: space-between; gap: 20px; padding: 18px 2px 0; color: var(--muted); font-size: 10px; }
.house-member-preview-section { padding-top: 78px; border-top: 1px solid var(--line); }
.house-member-intro { align-items: end; margin-bottom: 34px; }
.house-member-intro h2 { margin: 12px 0 0; font-family: var(--serif); font-size: clamp(48px, 5.2vw, 76px); font-weight: 450; line-height: .98; }
.house-member-intro > p { max-width: 650px; margin: 0 0 6px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.house-member-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.house-member-card { display: grid; min-width: 0; color: inherit; text-decoration: none; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(10, 20, 26, .72); transition: background .18s ease; }
.house-member-card:hover, .house-member-card:focus-visible { background: #102129; }
.house-member-card:focus-visible { outline: 2px solid var(--teal); outline-offset: -3px; }
.house-member-card img { display: block; width: 100%; height: 220px; object-fit: cover; object-position: center 20%; border-bottom: 1px solid var(--line); filter: saturate(.78) contrast(1.03); }
.house-member-card-copy { display: flex; min-height: 310px; flex-direction: column; padding: 25px 24px 23px; }
.house-member-meta { color: var(--teal); font-size: 9px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.house-member-card h3 { margin: 17px 0 11px; font-family: var(--serif); font-size: 31px; font-weight: 450; line-height: 1; }
.house-member-card strong { font-size: 12px; line-height: 1.45; }
.house-member-card p { margin: 14px 0 26px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.house-member-link { margin-top: auto; color: var(--teal); font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.house-member-expansion { display: flex; justify-content: space-between; gap: 20px; padding: 20px 2px 0; color: var(--muted); font-size: 10px; }
.house-member-expansion a { color: var(--text); text-decoration: none; }

@media (max-width: 1120px) {
  .house-member-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .house-preview-shell { grid-template-columns: 1fr; }
  .house-chamber-panel { border-right: 0; border-bottom: 1px solid var(--line); }
  .house-preview-inspector { display: grid; grid-template-columns: 210px minmax(0, 1fr); column-gap: 28px; }
  .house-preview-inspector img { grid-row: 1 / 7; }
  .house-preview-inspector .house-member-meta { margin-top: 0; }
  .house-preview-inspector h2 { margin-top: 12px; }
  .house-preview-inspector .text-link { margin-top: 12px; }
}

@media (max-width: 700px) {
  .house-directory-header .directory-header-row { display: block; }
  .house-header-copy { margin-top: 24px; }
  .house-preview-section { padding-top: 44px; }
  .house-chamber-panel { padding: 22px 14px 20px; }
  .chamber-toolbar { display: block; }
  .chamber-note { margin-top: 14px; text-align: left; white-space: normal; }
  .house-view-controls { flex-wrap: wrap; overflow: visible; gap: 7px 4px; }
  .house-view-controls > span { width: 100%; margin: 0 0 2px; }
  .house-view-controls button { padding: 0 9px; font-size: 9px; }
  .house-position-legend { gap: 10px 18px; }
  .house-chamber-canvas { min-height: 330px; }
  .house-chamber-caption { align-items: flex-start; flex-direction: column; padding-right: 7px; padding-left: 7px; }
  .house-preview-inspector { display: flex; padding: 24px; }
  .house-preview-inspector img { aspect-ratio: 16 / 10; }
  .house-preview-inspector .house-member-meta { margin-top: 22px; }
  .coverage-caveat { align-items: flex-start; flex-direction: column; }
  .house-member-preview-section { padding-top: 52px; }
  .house-member-intro { display: block; }
  .house-member-intro > p { margin-top: 22px; }
  .house-member-grid { grid-template-columns: 1fr; }
  .house-member-card img { height: 300px; }
  .house-member-card-copy { min-height: 0; }
  .house-member-expansion { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: no-preference) {
  .house-seat-preview { animation: house-seat-arrive .45s ease both; animation-delay: calc(var(--seat-index) * .7ms); }
}

@keyframes house-seat-arrive {
  from { opacity: 0; transform: scale(.4); transform-origin: center; }
  to { opacity: 1; transform: scale(1); }
}