/* HOUSE surface layer: one readable path across investigations, working papers,
   branches, and opportunity desks. It adds orientation only; the underwriting
   copy and source data remain page-owned. */
.house-reading-path {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  margin: 22px 0 8px;
  border: 1px solid var(--line);
  background: var(--line);
}

.house-reading-path a {
  min-height: 76px;
  padding: 12px 14px;
  color: var(--muted);
  background: var(--card);
  text-decoration: none;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.house-reading-path a:hover,
.house-reading-path a:focus-visible {
  color: var(--ink);
  background: color-mix(in srgb, var(--card) 82%, var(--site-accent));
  transform: translateY(-2px);
}

.house-reading-path a.is-current {
  color: var(--ink);
  box-shadow: inset 0 3px var(--site-accent);
}

.house-reading-path small,
.house-reading-path strong {
  display: block;
}

.house-reading-path small {
  margin-bottom: 10px;
  color: var(--site-accent);
  font: 10px var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.house-reading-path strong {
  font: 18px/1.05 var(--font-display);
  font-weight: 400;
}

.house-reading-path-note {
  margin: 0 0 12px;
  color: var(--muted);
  font: 10px/1.5 var(--mono);
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* House heroes contain a full metadata/source/state stack. They are not the
   two-column summary heroes used by the Calls and Gurus surfaces. */
.power-page .power-hero {
  display: block;
  align-items: initial;
}

.house-power-page .power-section,
.power-page > article > .power-close {
  scroll-margin-top: 28px;
}

.house-power-page .power-section:nth-of-type(n),
.power-page > article > .power-section:nth-of-type(n) {
  animation: house-section-rise .5s ease both;
}

@keyframes house-section-rise {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
  .house-reading-path { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .house-reading-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .house-reading-path a { min-height: 68px; padding: 10px 11px; }
  .house-reading-path strong { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .house-reading-path a { transition: none; }
  .house-power-page .power-section,
  .power-page > article > .power-close { animation: none; }
}