:root {
  --club-safe-top: env(safe-area-inset-top, 0px);
  --club-safe-right: env(safe-area-inset-right, 0px);
  --club-safe-bottom: env(safe-area-inset-bottom, 0px);
  --club-safe-left: env(safe-area-inset-left, 0px);
}
/* 44 CSS px at device-width/initial-scale=1; no pt conversion or Retina multiplier. */
button, select, summary, [role="button"], div[tabindex="0"], a[download] {
  min-width: 44px;
  min-height: 44px;
  box-sizing: border-box;
}
button, select { font: inherit; padding: 8px 12px; }
[data-asset-reader] { color-scheme: dark; }
/* Match the project's dark secondary buttons, without styling unrelated app UI. */
[data-asset-reader] button, [data-asset-reader] select {
  background: rgba(240, 43, 146, .07);
  color: #ff9ccb;
  border: 1px solid rgba(240, 43, 146, .46);
  border-radius: 15px !important;
  font-weight: 800;
  cursor: pointer;
}
[data-asset-reader] select option { background: #0b1512; color: #f4fff5; }
[data-asset-reader] button[aria-selected="true"] { background: #f02b92; color: #061008; }
[data-asset-reader] button:disabled { opacity: .45; cursor: default; }
[data-asset-reader] button:focus-visible, [data-asset-reader] select:focus-visible {
  outline: 2px solid #ff9ccb;
  outline-offset: 2px;
}
[data-podcast-player] button:focus-visible { outline-width: 1px; outline-offset: 1px; }
[data-private-video] button:focus-visible { outline-width: 1px; outline-offset: 1px; }
[data-asset-reader] button, [data-asset-reader] select, [data-asset-reader] a[download], [data-private-pdf] a {
  scroll-margin-top: 16px;
  scroll-margin-bottom: calc(96px + var(--club-safe-bottom));
}
[data-private-pdf] {
  scroll-margin-top: 12px;
  scroll-margin-bottom: calc(96px + var(--club-safe-bottom));
}
[data-testid="club-shell"] {
  padding-top: var(--club-safe-top);
  padding-left: var(--club-safe-left);
  padding-right: var(--club-safe-right);
  padding-bottom: var(--club-safe-bottom);
}
[data-testid="club-nav"] {
  bottom: calc(12px + var(--club-safe-bottom)) !important;
  left: calc(12px + var(--club-safe-left)) !important;
  right: calc(12px + var(--club-safe-right)) !important;
}
[data-testid="entrance-content"] {
  bottom: calc(22px + var(--club-safe-bottom)) !important;
  left: calc(22px + var(--club-safe-left)) !important;
  right: calc(22px + var(--club-safe-right)) !important;
}