/* Shared geometry across the catalog, analysis pages and match screens. */
body.rs-site { --rs-header-height: 60px; --rs-brand-ink: #096b50; --rs-brand-detail: #36b99a; }
.rs-brand { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.rs-brand-mark { display: block; width: 34px; height: 34px; flex: none; }
.rs-brand-primary { fill: var(--rs-brand-ink); }
.rs-brand-secondary { fill: var(--rs-brand-detail); }
.rs-brand-wordmark { color: var(--text); font-size: 19px; font-weight: 750; line-height: 1; letter-spacing: 0; }
.rs-brand-wordmark > span { color: var(--rs-brand-ink); }
.rs-site .rs-brand-link { display: inline-flex; align-items: center; border: 0; background: transparent; padding: 0; box-shadow: none; text-decoration: none; }
.rs-site .rs-brand-link:hover { text-decoration: none; background: transparent; }
.rs-site .sidebar-brand.rs-brand-link { justify-content: flex-start; padding: 0 10px; }
.rs-auth .rs-brand { width: 100%; justify-content: center; min-height: 54px; }
.rs-auth .rs-brand-mark { width: 40px; height: 40px; }
.rs-auth .rs-brand-wordmark { font-size: 24px; }

.rs-site .app-shell .rs-workspace-header {
  position: sticky; top: 0; z-index: 15; display: flex; align-items: center; justify-content: space-between;
  gap: 16px; height: var(--rs-header-height); min-height: var(--rs-header-height); flex: none;
  padding: 0 var(--rs-gutter, 28px); border-bottom: 1px solid var(--border); background: var(--card); backdrop-filter: none;
}
.rs-header-brand, .rs-header-tools, .rs-quick-nav { display: flex; align-items: center; flex: none; }
.rs-header-brand { gap: 12px; min-width: 0; }
.rs-header-tools { gap: 12px; margin-left: auto; }
.rs-quick-nav { gap: 4px; padding-right: 12px; border-right: 1px solid var(--border); }
.rs-site .rs-workspace-header .sidebar-toggle { width: 36px; height: 36px; min-height: 36px; flex: 0 0 36px; }
.rs-site .rs-workspace-header .team-search-header {
  position: relative; inset: auto; z-index: auto; display: inline-flex; flex: none;
  height: 36px; min-height: 36px; width: 158px; padding: 0 10px; margin: 0; border-radius: 5px;
}
.rs-site .rs-quick-link {
  position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px;
  width: 36px; height: 36px; border: 1px solid transparent; border-radius: 5px; color: var(--muted); text-decoration: none;
}
.rs-quick-link > svg { width: 19px; height: 19px; flex: none; }
.rs-site .rs-quick-link:hover { background: var(--hover); color: var(--text); text-decoration: none; }
.rs-site .rs-quick-link[aria-current="page"] { background: var(--accent-soft); color: var(--accent); border-color: color-mix(in srgb, var(--accent) 18%, var(--border)); }
.rs-workspace-header [data-rs-tooltip]::after {
  content: attr(data-rs-tooltip); position: absolute; top: calc(100% + 8px); right: 0; z-index: 1;
  width: max-content; max-width: calc(100vw - 24px); padding: 5px 9px; border: 1px solid var(--border);
  border-radius: 4px; background: var(--text); color: var(--card); font-size: 11px; font-weight: 500;
  line-height: 18px; white-space: nowrap; pointer-events: none; visibility: hidden; opacity: 0;
}
.rs-workspace-header [data-rs-tooltip]:is(:hover, :focus-visible)::after { visibility: visible; opacity: 1; }

/* Availability has two nested sticky headings below the shared header. */
.rs-site .aw-fixture-head { top: var(--rs-header-height); }
.rs-site .aw-team-head { top: calc(var(--rs-header-height) + var(--aw-match-head-height)); }
@media (max-width: 760px) {
  .rs-site .app-shell .rs-workspace-header { padding-inline: 12px; gap: 8px; }
  .rs-header-brand { gap: 8px; }
  .rs-header-tools { gap: 6px; }
  .rs-quick-nav { padding-right: 6px; }
  .rs-site .rs-workspace-header .team-search-header { width: 36px; padding: 0; }
  .rs-workspace-header .team-search-header > span { display: none; }
}
@media (max-width: 480px) {
  .rs-workspace-header .rs-brand-wordmark { display: none; }
}
@media (max-width: 650px) {
  .rs-site .aw-team-head { top: var(--rs-header-height); }
}
@media (prefers-color-scheme: dark) {
  body.rs-site { --rs-brand-ink: #77d3ab; --rs-brand-detail: #36b99a; }
}