body[data-site-section="sf-bay-area"] {
  --pao-color-standard: #176b7b;
  --pao-color-lighter: #20596c;
  --pao-color-very-light: #20596c;
  --detail-card-surface: #fff;
  --detail-card-surface-elevated: #f1f6f5;
  background: #edf2f2;
  color: #203c4a;
  letter-spacing: 0;
}
body[data-site-section="sf-bay-area"] * { letter-spacing: 0; }
body[data-site-section="sf-bay-area"] .detail-shell { max-width: 940px; padding: 1px 20px 20px; background: transparent; border-radius: 0; }
body[data-site-section="sf-bay-area"] .site-header { padding-top: 0; margin-bottom: 0; text-align: left; }
body[data-site-section="sf-bay-area"] .english-calendar-header .header-actions-right { position: static; }
body[data-site-section="sf-bay-area"] .english-calendar-header .account-header-link,
body[data-site-section="sf-bay-area"] .english-calendar-header .account-header-link:hover { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #203c4a; }
body[data-site-section="sf-bay-area"] .english-calendar-header .account-header-link svg { width: 20px; height: 20px; flex-shrink: 0; }
body[data-site-section="sf-bay-area"] a { color: #20596c; }
body[data-site-section="sf-bay-area"] a:hover { color: #154452; }
body[data-site-section="sf-bay-area"] .english-calendar-wordmark { color: #c32905; }
body[data-site-section="sf-bay-area"] .english-calendar-wordmark:hover { color: #a72a08; }
body[data-site-section="sf-bay-area"] :focus-visible { outline: 3px solid #186b89; outline-offset: 3px; }
body[data-site-section="sf-bay-area"] .sf-breadcrumbs { display: flex; flex-wrap: wrap; gap: 0 8px; align-items: center; padding: 14px 20px; background: #dae6e7 url('/sf-bay-area/_assets/bay-area-fog.svg') right bottom / auto 72px no-repeat; background-blend-mode: multiply; border-block: 1px solid #c4d5d7; font-size: 13px; line-height: 1.6; }
body[data-site-section="sf-bay-area"] .sf-breadcrumbs a { font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; }
body[data-site-section="sf-bay-area"] .sf-breadcrumb-separator { color: #536c74; }
body[data-site-section="sf-bay-area"] .sf-race-podium-card { margin: 0 0 24px; padding: 16px; border: 1px solid #c5d8d9; border-radius: 6px; background: #f1f6f5; }
body[data-site-section="sf-bay-area"] .sf-race-podium-card h3 { margin: 0 0 4px; font-size: 15px; }
body[data-site-section="sf-bay-area"] .sf-race-podium-card a { display: flex; align-items: center; min-height: 44px; font-size: 16px; font-weight: 600; overflow-wrap: anywhere; text-underline-offset: 3px; }
body[data-site-section="sf-bay-area"] .sf-race-podium-card time { display: block; color: #536c74; font-size: 13px; }
body[data-site-section="sf-bay-area"] .detail-main { display: block; background: #fff; padding: 0 20px; }
body[data-site-section="sf-bay-area"] .detail-main > section,
body[data-site-section="sf-bay-area"] .detail-main > details,
body[data-site-section="sf-bay-area"] .detail-main > .relay-partner-card { margin: 0; padding: 24px 0; border: 0; border-top: 1px solid #dbe5e6; border-radius: 0; background: transparent; box-shadow: none; }
body[data-site-section="sf-bay-area"] .detail-main > .hero { border-top: 0; padding-top: 20px; display: block; }
body[data-site-section="sf-bay-area"] .hero-copy { width: 100%; min-width: 0; }
body[data-site-section="sf-bay-area"] h1 { margin: 0 0 16px; color: #203c4a; font-size: 32px; line-height: 1.25; overflow-wrap: anywhere; }
body[data-site-section="sf-bay-area"] .sf-race-title-rule { border: 0; border-top: 1px solid #c4d5d7; margin: 0 0 24px; }
body[data-site-section="sf-bay-area"] h2,
body[data-site-section="sf-bay-area"] h3,
body[data-site-section="sf-bay-area"] h4 { color: #203c4a; }
body[data-site-section="sf-bay-area"] .detail-main :where(p, li, label),
body[data-site-section="sf-bay-area"] .calendar-action-label,
body[data-site-section="sf-bay-area"] .registration-period-label,
body[data-site-section="sf-bay-area"] .event-schedule-label,
body[data-site-section="sf-bay-area"] .event-schedule-date,
body[data-site-section="sf-bay-area"] .race-plan-count,
body[data-site-section="sf-bay-area"] .race-plan-review-prompt,
body[data-site-section="sf-bay-area"] .feedback-login-copy span,
body[data-site-section="sf-bay-area"] .relay-partner-field span { color: #203c4a; }
body[data-site-section="sf-bay-area"] .sf-essential-facts { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .8fr) minmax(0, 1.1fr); gap: 20px; }
body[data-site-section="sf-bay-area"] .sf-essential-facts .info-card { border: 0; border-radius: 0; padding: 0; box-shadow: none; background: transparent; min-width: 0; }
body[data-site-section="sf-bay-area"] .sf-essential-facts h3 { color: #536c74; font-size: 13px; font-weight: 600; margin: 0 0 6px; }
body[data-site-section="sf-bay-area"] .sf-essential-facts p { font-size: 16px; line-height: 1.5; margin: 0 0 8px; }
body[data-site-section="sf-bay-area"] .sf-essential-facts .muted { font-size: 13px; }
body[data-site-section="sf-bay-area"] .sf-registration-summary { font-size: 14px; font-weight: 700; color: #3d6560; margin: 20px 0 12px; }
body[data-site-section="sf-bay-area"] .hero-actions { margin-top: 16px; }
body[data-site-section="sf-bay-area"] .info-grid { gap: 20px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
body[data-site-section="sf-bay-area"] .info-grid .info-card { border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; }
body[data-site-section="sf-bay-area"] .muted,
body[data-site-section="sf-bay-area"] .save-race-status,
body[data-site-section="sf-bay-area"] .relay-partner-empty,
body[data-site-section="sf-bay-area"] .relay-partner-count,
body[data-site-section="sf-bay-area"] .feedback-status,
body[data-site-section="sf-bay-area"] .feedback-mode-note,
body[data-site-section="sf-bay-area"] .detail-disclaimer,
body[data-site-section="sf-bay-area"] .pb-circle-runners-status { color: #536c74; }
body[data-site-section="sf-bay-area"] .detail-main p.muted,
body[data-site-section="sf-bay-area"] .detail-main .detail-disclaimer p,
body[data-site-section="sf-bay-area"] .companion-race-name-secondary,
body[data-site-section="sf-bay-area"] .companion-race-list time { color: #536c74; }
body[data-site-section="sf-bay-area"] .button,
body[data-site-section="sf-bay-area"] .feedback-trigger,
body[data-site-section="sf-bay-area"] .feedback-reason { min-height: 44px; border-radius: 6px; color: #20596c; border-color: #b9cdd0; background: #f1f6f5; box-shadow: none; }
body[data-site-section="sf-bay-area"] .button.primary { color: #fff; background: #176b7b; border-color: #176b7b; }
body[data-site-section="sf-bay-area"] .button.primary:hover { color: #fff; background: #145868; }
body[data-site-section="sf-bay-area"] .button.secondary,
body[data-site-section="sf-bay-area"] .button.is-saved { color: #20596c; background: #e8f2ef; border-color: #94b9b4; }
body[data-site-section="sf-bay-area"] .button.disabled { color: #536c74; background: #edf2f2; border-color: #cad8da; opacity: 1; }
body[data-site-section="sf-bay-area"] .sf-calendar-actions { margin-top: 10px; }
body[data-site-section="sf-bay-area"] .sf-calendar-actions .event-calendar-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin: 0; }
body[data-site-section="sf-bay-area"] .sf-calendar-actions .calendar-button-small { position: relative; min-height: 28px; padding: 4px 8px; font-size: 12px; line-height: 1.4; width: auto; }
body[data-site-section="sf-bay-area"] .sf-calendar-download { display: inline-flex; align-items: center; min-height: 36px; font-size: 12px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
@media (pointer: coarse) {
  body[data-site-section="sf-bay-area"] .sf-calendar-download { min-height: 44px; }
  body[data-site-section="sf-bay-area"] .sf-calendar-actions .calendar-button-small::after { content: ''; position: absolute; inset: -8px 0; }
}
body[data-site-section="sf-bay-area"] .save-race-social-proof { color: #42615b; background: transparent; border: 0; padding: 0; box-shadow: none; text-shadow: none; cursor: default; }
body[data-site-section="sf-bay-area"] .detail-main .error,
body[data-site-section="sf-bay-area"] .race-photo-dialog-status.error { color: #a63836; }
body[data-site-section="sf-bay-area"] .event-status-notice { color: #7b3432; border-left: 3px solid #b34340; padding-left: 16px !important; background: #fff8f6 !important; }
body[data-site-section="sf-bay-area"] .event-status-notice h3 { color: #7b3432; }
body[data-site-section="sf-bay-area"] .feedback-panel summary { cursor: pointer; min-height: 44px; padding: 10px 0; color: #20596c; font-size: 15px; font-weight: 650; }
body[data-site-section="sf-bay-area"] .feedback-other-text,
body[data-site-section="sf-bay-area"] .feedback-target-select { color: #203c4a; background: #fff; border-color: #94b1b8; }
body[data-site-section="sf-bay-area"] .feedback-mode-note { background: #edf5f1; border-color: #c5dace; }
body[data-site-section="sf-bay-area"] .feedback-other-submit,
body[data-site-section="sf-bay-area"] .feedback-other-cancel { min-height: 44px; border-radius: 6px; color: #20596c; background: #f1f6f5; border-color: #94b1b8; }
body[data-site-section="sf-bay-area"] .relay-recruitment-row,
body[data-site-section="sf-bay-area"] .relay-partner-name,
body[data-site-section="sf-bay-area"] .pb-circle-runner-card { color: #203c4a; background: #f1f6f5; border-color: #c5d8d9; }
body[data-site-section="sf-bay-area"] .relay-recruitment-muted { color: #536c74; }
body[data-site-section="sf-bay-area"] .relay-partner-name-input,
body[data-site-section="sf-bay-area"] .race-photo-name-step input,
body[data-site-section="sf-bay-area"] .race-photo-caption-row input { color: #203c4a; background: #fff; border-color: #94b1b8; }
body[data-site-section="sf-bay-area"] .race-photo-dialog { background: #fff; color: #203c4a; border-color: #94b1b8; }
body[data-site-section="sf-bay-area"] .race-photo-dialog :where(p, label, strong),
body[data-site-section="sf-bay-area"] .race-photo-dialog-close { color: #203c4a; }
body[data-site-section="sf-bay-area"] .race-photo-dialog-close { border-color: #94b1b8; }
body[data-site-section="sf-bay-area"] .race-photo-private-notice { background: #fff8e5; border-color: #977629; }
body[data-site-section="sf-bay-area"] .race-photo-preview { background: #edf2f2; border-color: #94b1b8; }
body[data-site-section="sf-bay-area"] .site-footer { margin: 0; padding: 20px; background: #fff; border-top: 1px solid #dbe5e6; display: flex; flex-wrap: wrap; gap: 12px 24px; }
body[data-site-section="sf-bay-area"] .site-footer a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 768px) {
  body[data-site-section="sf-bay-area"] { padding: calc(10px + var(--pbd-safe-top)) 10px calc(10px + var(--pbd-safe-bottom)); background: #edf2f2; }
  body[data-site-section="sf-bay-area"] .detail-shell { padding: 1px 10px 10px; background: transparent; }
  body[data-site-section="sf-bay-area"] .detail-main { padding: 0 12px; }
  body[data-site-section="sf-bay-area"] h1 { font-size: 26px; }
  body[data-site-section="sf-bay-area"] .sf-essential-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  body[data-site-section="sf-bay-area"] .sf-essential-facts > :last-child { grid-column: 1 / -1; }
  body[data-site-section="sf-bay-area"] .sf-breadcrumbs { padding: 10px 12px; }
  body[data-site-section="sf-bay-area"] .site-footer { padding: 12px; }
}
@media (max-width: 360px) {
  body[data-site-section="sf-bay-area"] .english-calendar-wordmark { font-size: 18px; white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-site-section="sf-bay-area"] * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}