/* Public content is visible before the app mounts, including without JavaScript. */
.seo-initial { box-sizing: border-box; width: 100%; height: 100%; overflow-y: auto; padding: clamp(24px, 5vw, 72px); color: #292722; background: #f1eee7; font: 1rem/1.65 system-ui, sans-serif; }
.seo-initial h1 { font-size: clamp(2rem, 5vw, 4rem); line-height: 1.1; margin: 1rem 0; }
.seo-initial h2 { font-size: 1.25rem; line-height: 1.35; margin-top: 2rem; }
.seo-initial p, .seo-initial section { max-width: 75ch; overflow-wrap: anywhere; }
.seo-initial a { color: #92221c; }
.seo-initial nav, .site-information-footer nav { display: flex; flex-wrap: wrap; gap: 0 20px; }
.seo-initial nav a, .site-information-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.seo-welcome { color: #fff; background: #0b0c0e; display: flex; flex-direction: column; justify-content: center; }
.seo-brand { letter-spacing: .12em; font-weight: 700; }
body:has(.site-information-footer) { display: flex; flex-direction: column; }
body:has(.site-information-footer) #root { height: auto; min-height: 0; flex: 1; }
.site-information-footer { flex: none; padding: 8px clamp(16px, 3vw, 40px); background: #101114; color: #d8d9de; font: 14px/1.4 system-ui, sans-serif; border-top: 1px solid #35363c; }
.site-information-footer p { margin: 0; }
.site-information-footer a { color: #eceef3; text-underline-offset: 3px; }
.site-information-footer a:focus-visible, .seo-initial a:focus-visible { outline: 2px solid #e78b72; outline-offset: 3px; }
body:has(#member-access-main) .site-information-footer,
body:has([data-testid="motor-app"]) .site-information-footer { display: none; }
/* Preserve the app's existing responsive layout and allow long link labels to wrap. */
@media (max-width: 480px) {
  .site-information-footer { padding-block: 4px; }
  .site-information-footer p { font-size: 14px; }
  .site-information-footer nav { gap: 0 14px; }
}