/* Layout density — keep chrome thin */

body.layout-compact .xh-hero,
body.layout-compact .xh-hero-copy { min-height: min(32vh, 240px); }
body.layout-compact .xh-hero-copy { padding: 24px 22px 32px; }
body.layout-compact .xh-river .xh-card { flex-basis: 118px; }

body.layout-theater .xh-hero-shade {
  background:
    linear-gradient(0deg, rgba(17,17,19,.88) 10%, rgba(17,17,19,.25) 55%, rgba(17,17,19,.4) 100%),
    linear-gradient(90deg, rgba(17,17,19,.5), transparent 50%);
}
body.layout-theater .xh-grid { grid-template-columns: repeat(4, 1fr); gap: 14px 10px; }

body.layout-ranks .xh-board {
  background: transparent;
  border: 0;
  padding: 0;
}

@media (max-width: 900px) {
  body.layout-theater .xh-grid { grid-template-columns: repeat(2, 1fr); }
}