/* Shared brand tokens: keep page layouts while using one typeface and palette. */
:root { --font: "Nunito Sans", "Segoe UI", system-ui, sans-serif; --navy:#0b1d42; --navy-2:#13295a; --blue:#0047ab; --red:#e0183a; --ink:#12203d; --muted:#56627d; --line:#dce3ef; }
body { font-family:var(--font); }
button, input, select, textarea { font-family:inherit; }
.nav-team-cta { background:linear-gradient(100deg,var(--red) 0%,var(--red) 48%,var(--blue) 100%); }
body[data-page="play2learn"] { font-size:17px; }
body[data-page="play2learn"] h1, body[data-page="play2learn"] h2, body[data-page="play2learn"] h3 { font-family:var(--font); }
body[data-page="play2learn"] .eyebrow { font-family:"IBM Plex Mono",ui-monospace,monospace; font-weight:500; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline:3px solid #edac27; outline-offset:4px; }
@media(max-width:480px) { .hero-title-nowrap { white-space:normal; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }

.outcome:focus-visible { outline:3px solid #edac27; outline-offset:4px; }
.outcome:focus-visible strong { transform:translateY(-34px); color:#fff; }
.outcome:focus-visible p { opacity:1; transform:translateY(4px); }
@media(hover:none), (max-width:700px) {
 .outcome { min-height:unset; display:block; text-align:left; }
 .outcome strong, .outcome:hover strong, .outcome:focus-visible strong { transform:none; display:block; margin-bottom:10px; }
 .outcome p, .outcome:hover p, .outcome:focus-visible p { position:static; opacity:1; transform:none; margin:0; }
}