/* Main navigation: small pictograms and quiet submenus. */
header>.nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 22px;min-height:0;padding:17px 0 0}
header>.nav>.brand{grid-column:1;grid-row:1;min-width:0;gap:12px}
header>.nav>.brand img{width:43px;height:46px}
header>.nav>.brand strong{font-size:15px;line-height:1.5}
header>.nav>.brand small{font-size:11px;line-height:1.5}
header>.nav>.nav-actions{grid-column:2;grid-row:1;display:flex;gap:8px}
header>.nav .desktop-preferences-slot{display:flex}
header>.nav .mobile-preferences-slot{display:none}
header>.nav>.links{grid-column:1/-1;grid-row:2;position:static;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:clamp(10px,1.25vw,18px);min-width:0;max-height:none;margin:0;padding:9px 4px 15px;left:auto;right:auto;top:auto;border:0;box-shadow:none;background:transparent;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-padding-inline:8px;scrollbar-width:thin;font-size:14px;font-weight:500}
header>.nav>.links>.nav-group{position:static;flex:0 0 auto;border:0}
header>.nav>.links summary,header>.nav>.links>.nav-contact,header>.nav>.links>.nav-ludotheque,header>.nav>.links>.nav-faq{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:49px;padding:9px 0;font-size:14px;font-weight:500;line-height:1.5;white-space:nowrap;overflow-wrap:normal}
header>.nav>.links>.nav-contact,header>.nav>.links>.nav-ludotheque,header>.nav>.links>.nav-faq{flex:0 0 auto}
header>.nav>.links .nav-creature.nav-origami{order:-1;display:block;width:18px;height:18px;flex:0 0 18px;margin:0;transform:none}
header>.nav>.links>.nav-group>.mega{position:absolute;top:100%;left:0;right:0;z-index:45;min-width:0;max-width:none;max-height:calc(100dvh - var(--site-header-height,170px) - 12px);margin:0;padding:25px 30px 29px;border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:0 0 8px 8px;background:#fff;box-shadow:0 18px 32px #1c403713;overflow-y:auto}
header>.nav>.links>.nav-group[open]>.mega{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
header>.nav>.links .mega>strong{grid-column:1/-1;margin:0 0 16px;font-size:12px;font-weight:500;line-height:1.8;color:var(--teal)}
header>.nav>.links .mega>a{display:block;min-height:46px;margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;font-size:13px;font-weight:500;line-height:1.7}
header>.nav>.links .mega>a:hover,header>.nav>.links .mega>a:focus-visible,header>.nav>.links .mega>a[aria-current=page]{background:transparent;color:var(--forest);text-decoration-line:underline;text-decoration-color:#b9d793;text-decoration-thickness:2px;text-underline-offset:5px}
@media(max-width:980px){header>.nav>.links{gap:18px;justify-content:flex-start}header>.nav>.brand strong{font-size:14px}}
@media(max-width:600px){header>.nav{gap:7px 12px;padding-top:12px}header>.nav>.brand{gap:8px}header>.nav>.brand strong{font-size:12px}header>.nav>.brand small{font-size:10px}header>.nav>.nav-actions{gap:4px}header>.nav>.links{padding-top:5px;padding-bottom:10px}header>.nav>.links>.nav-group>.mega{padding:20px}header>.nav>.links>.nav-group[open]>.mega{grid-template-columns:1fr}}
@media print{header>.nav{display:none}}
/* These additions only expose a toggle and stacked links on mobile/tablet. */
header>.nav>.nav-actions>.menu-toggle{display:none;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--forest);font-size:12px;line-height:1.5}
header>.nav>.nav-actions>.menu-toggle svg{width:18px;height:18px}
@media (max-width:1024px),(max-width:1366px) and (hover:none) and (pointer:coarse){
 header>.nav>.nav-actions>.menu-toggle{display:inline-flex}
 header>.nav>.links{display:none;width:100%;margin:0;padding:9px 0 14px;border-top:1px solid var(--line);overflow:visible}
 header>.nav>.links.open{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;max-height:calc(100dvh - 115px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
 header>.nav>.links>.nav-group,header>.nav>.links>.nav-contact,header>.nav>.links>.nav-ludotheque,header>.nav>.links>.nav-faq{width:100%;flex:0 0 auto}
 header>.nav>.links summary,header>.nav>.links>.nav-contact,header>.nav>.links>.nav-ludotheque,header>.nav>.links>.nav-faq{width:100%;min-height:48px;padding:12px 6px;font-size:14px;border-bottom:1px solid var(--line)}
 header>.nav>.links>.nav-group>.mega{position:static;width:100%;max-width:none;min-width:0;max-height:none;margin:4px 0 10px;padding:14px 18px 17px;border:0;border-radius:6px;box-shadow:none;background:var(--soft);overflow:visible}
 header>.nav>.links>.nav-group[open]>.mega{display:grid;grid-template-columns:1fr;gap:0}
 header>.nav>.links .mega>strong{margin-bottom:8px}
 header>.nav>.links .mega>a{min-height:44px;padding:11px 0}
}
@media (max-width:480px){
 header>.nav>.brand>span{display:none}
 header>.nav .preference-current-language{display:none}
}