.top-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.top-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;text-decoration:none;color:inherit}.top-nav a:hover,.top-nav a[aria-current=page]{color:#183fea;text-decoration:underline;text-underline-offset:6px}.top-nav a:focus-visible{outline:3px solid #183fea;outline-offset:3px}
@media(max-width:650px){.site-header,.gallery .site-header{flex-wrap:wrap;gap:12px;align-items:flex-start}.top-nav{width:100%;gap:28px}.gallery .stage{padding:24px 7%}.gallery .lesson{font-size:clamp(1.75rem,7vw,2.5rem);overflow-wrap:break-word}.gallery .controls{flex-wrap:wrap;padding-bottom:max(20px,env(safe-area-inset-bottom))}.gallery .theme{font-size:14px}.gallery .credit{overflow-wrap:break-word}}

/* A small illustrated signature shared by the supporting pages. */
.brand-characters{display:flex;width:112px;height:100px;flex:0 0 112px;overflow:hidden;border-radius:45% 48% 40% 42%;pointer-events:none;opacity:.93}
.brand-characters img{display:block;width:56px;height:100px;object-fit:cover;object-position:left center}
.brand-characters img+img{object-position:right center}
.site-header .brand-characters,.story-header .brand-characters{margin-left:auto;margin-right:20px}
@media(max-width:650px){.brand-characters{width:84px;height:76px;flex-basis:84px}.brand-characters img{width:42px;height:76px}.site-header .brand-characters,.story-header .brand-characters{margin-right:0}.why-page .story-header{flex-wrap:wrap}.why-page .story-nav-link{flex-basis:100%}}