/* A small shared frame; the learning spaces keep their own visual language. */
.rwp-app-nav{box-sizing:border-box;display:flex;align-items:center;gap:1.5rem;padding:10px max(16px,calc((100vw - 1200px)/2));border-bottom:1px solid #d8d0bf;background:#f5f1e7;color:#22201c;font:14px/1.4 Arial,sans-serif;position:relative;z-index:20;min-height:53px}
.rwp-app-brand{display:inline-flex;align-items:center;gap:7px;color:#22201c;text-decoration:none;font-size:17px;font-weight:750;white-space:nowrap}.rwp-app-brand svg{width:28px;height:28px}.rwp-app-fit{color:#514f45;font-size:12px}.rwp-app-return{margin-left:auto;color:#2e5141;text-decoration:underline;white-space:nowrap;font-size:13px}.rwp-app-nav a:focus-visible{outline:3px solid #8f3a20;outline-offset:4px}
@media(max-width:560px){.rwp-app-nav{gap:10px;flex-wrap:wrap;padding-block:8px}.rwp-app-fit{order:3;flex-basis:100%;font-size:11px}.rwp-app-brand{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* The introductory map is decorative. Keep it on larger screens, reach the activity sooner on phones. */
@media(max-width:600px){
 main>section[aria-label="Game introduction"]{display:block;margin:1.2rem 0 1.5rem;padding:0;min-height:0}
 main>section[aria-label="Game introduction"]>[aria-hidden="true"]{display:none}
 main>section[aria-label="Game introduction"] h2{font-size:1.9rem;max-width:22ch}
 main>section[aria-label="Game introduction"] p{font-size:1rem;line-height:1.5;margin-top:.8rem}
}