/* Un menu principal, les rubriques du module restent a proximite du contenu. */
.crew-navigation-ready .topbar{z-index:110;flex-wrap:nowrap;gap:12px;min-height:60px;overflow:visible;padding-left:18px;padding-right:18px}
.crew-navigation-ready .topbar .logo small,.crew-navigation-ready .topbar .navtoggle{display:none!important}
.crew-navigation-ready .topbar .logo svg{width:132px!important}
.crew-navigation-ready .topbar .tb-left{flex:none}
.crew-navigation-ready .topbar .tb-right{margin-left:auto;flex:none}
.crew-navigation-ready .topbar .tb-right>a[href="/crew.html"]{display:none}
.crew-navigation-core #side,.crew-navigation-core .nav-scrim,.crew-navigation-ready .crew-mobile-nav,.crew-navigation-ready #tabs{display:none!important}
.crew-navigation-core .shell>.main{max-width:none;width:100%}
.crew-global-nav{display:flex;align-items:center;gap:2px;margin:0 auto;font-family:var(--sans,system-ui)}
.crew-menu-direct{display:flex;align-items:center;gap:2px}
.crew-global-nav a,.crew-global-nav summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 12px;border-radius:7px;color:var(--muted,#a0aec0);font-size:13px;line-height:1.4;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box}
.crew-global-nav a:hover,.crew-global-nav summary:hover{background:var(--s2,#1a2330);color:var(--text,#f0f4f8)}
.crew-global-nav a[aria-current],.crew-global-nav .crew-menu-current{background:rgba(0,214,138,.1);color:var(--signal,#00d68a)}
.crew-global-nav a:focus-visible,.crew-global-nav summary:focus-visible,.crew-menu-trigger:focus-visible,.crew-menu-close:focus-visible{outline:2px solid var(--signal,#00d68a);outline-offset:2px}
.crew-menu-group{position:relative}.crew-menu-group>summary{list-style:none}.crew-menu-group>summary::-webkit-details-marker{display:none}.crew-menu-group>summary::after{content:'⌄';font-size:14px;opacity:.65}
.crew-menu-links{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:6px;background:var(--surface,#111820);border:1px solid var(--border-h,#384451);border-radius:10px;box-shadow:0 12px 30px #0006;max-height:calc(100dvh - 90px);overflow:auto}
.crew-menu-links a{min-height:42px}.crew-menu-trigger{display:none}
.crew-menu-dialog{color:var(--text,#f0f4f8);background:var(--surface,#111820);border:1px solid var(--border-h,#384451);border-radius:14px;padding:0;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;overflow:auto;box-sizing:border-box}
.crew-menu-dialog::backdrop{background:#000a}.crew-menu-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;background:var(--surface,#111820);z-index:1;border-bottom:1px solid var(--border-h,#384451)}
.crew-menu-close{width:44px;height:44px;border:1px solid var(--border-h,#384451);border-radius:8px;background:none;color:inherit;font-size:24px}
.crew-section-menu{flex:0 0 212px;width:212px;background:var(--surface,#111820);border-right:1px solid var(--border,#28313c);min-width:0}
.crew-section-menu>summary{font-size:12px;color:var(--muted,#a0aec0);padding:14px 16px;cursor:pointer}
body.crew-navigation-ready .crew-section-menu>.side{position:static;display:block;transform:none;width:100%;max-width:none;height:auto;max-height:none;overflow:visible;box-shadow:none;border:0;white-space:normal;padding:0 10px 16px}
body.crew-navigation-ready .crew-section-menu>.side a{display:flex;white-space:normal;min-height:40px}
@media(min-width:1101px){.crew-section-menu>summary{pointer-events:none;list-style:none}.crew-navigation-ready .topbar .switcher .nm{max-width:100px;overflow:hidden;text-overflow:ellipsis}.crew-navigation-ready .topbar .switcher .g{display:none}}
@media(max-width:1100px){
 .crew-navigation-ready .topbar{padding:env(safe-area-inset-top) 12px 0;gap:10px;min-height:58px}
 .crew-menu-trigger{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid var(--border-h,#384451);border-radius:8px;background:none;color:var(--text,#f0f4f8);font:600 14px var(--sans,system-ui);flex:none;margin-left:auto}
 .crew-navigation-ready .topbar .tb-right{margin-left:0}.crew-navigation-ready .topbar .tb-right .pill{display:none}
 .crew-menu-dialog .crew-global-nav{display:block;padding:10px 12px 18px}
 .crew-menu-dialog .crew-menu-direct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:8px}
 .crew-menu-dialog .crew-global-nav a,.crew-menu-dialog .crew-global-nav summary{min-height:46px;font-size:14px;white-space:normal;padding:12px}
 .crew-menu-dialog .crew-menu-group{border-top:1px solid var(--border,#28313c);padding:6px 0}
 .crew-menu-dialog .crew-menu-links{position:static;border:0;box-shadow:none;padding:0 0 4px 8px;min-width:0;max-height:none;overflow:visible;background:none}
 .crew-menu-dialog .crew-menu-group>summary{justify-content:space-between;color:var(--text,#f0f4f8)}
 .crew-menu-dialog .crew-menu-links a{font-weight:500}
 .crew-navigation-ready .shell{display:flex;flex-direction:column}
 .crew-section-menu{width:auto;flex:none;border-right:0;border-bottom:1px solid var(--border,#28313c)}
 .crew-section-menu>summary{min-height:46px;padding:13px 16px;box-sizing:border-box}
 .crew-section-menu:not([open])>.side{display:none!important}
 .crew-navigation-ready .shell>.main{width:100%;min-width:0}
}
@media(max-width:420px){.crew-navigation-ready .topbar .logo svg{width:96px!important}.crew-navigation-ready .topbar .switcher .g,.crew-navigation-ready .topbar .switcher .nm{display:none}.crew-navigation-ready .topbar .switcher{gap:4px}.crew-menu-trigger{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.crew-global-nav *{scroll-behavior:auto}}

@media(max-width:1100px){
 .crew-menu-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;margin:0;overscroll-behavior:contain;background:var(--deep,#0a0e14)}
 .crew-menu-dialog>header{padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));min-height:68px;background:var(--deep,#0a0e14)}
 .crew-menu-dialog>header strong{font-size:18px;letter-spacing:-.02em}
 .crew-menu-dialog .crew-global-nav{max-width:640px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
 .crew-menu-dialog .crew-menu-direct{gap:8px;margin-bottom:22px}
 .crew-menu-dialog .crew-menu-direct a{min-height:62px;font-size:15px;font-weight:650;background:var(--surface,#111820);border:1px solid var(--border-h,#384451);padding:12px 14px;justify-content:flex-start}
 .crew-menu-dialog .crew-menu-group{margin:0;padding:0;border:0}
 .crew-menu-dialog .crew-menu-group h2{font:600 13px var(--sans,system-ui);letter-spacing:.02em;margin:0 0 10px;padding:0;background:none;color:var(--muted,#a0aec0)}
 .crew-menu-dialog .crew-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;margin-bottom:22px}
 .crew-menu-dialog .crew-menu-links a{min-height:52px;font-size:14px;font-weight:500;padding:12px;background:var(--surface,#111820);border:1px solid var(--border,#28313c);border-radius:8px}
 .crew-menu-dialog .crew-global-nav a{min-width:0;overflow-wrap:anywhere;touch-action:manipulation;line-height:1.45;color:var(--text,#f0f4f8)}
 .crew-menu-dialog .crew-global-nav a[aria-current]{border-color:var(--signal,#00d68a);color:var(--signal,#00d68a);background:rgba(0,214,138,.1)}
 .crew-menu-dialog .crew-global-nav a:active{background:var(--s2,#1a2330)}
 body:has(.crew-menu-dialog[open]){overflow:hidden}
}

@media(min-width:1101px){
 .crew-global-nav .crew-menu-group>summary{gap:10px;border:1px solid transparent;transition:background .12s}
 .crew-global-nav .crew-menu-group>summary::after{content:'';width:6px;height:6px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.8}
 .crew-global-nav .crew-menu-group[open]>summary{background:var(--s2,#1a2330);border-color:var(--border-h,#384451);color:var(--text,#f0f4f8)}
 .crew-global-nav .crew-menu-group[open]>summary::after{transform:translateY(2px) rotate(225deg)}
 .crew-global-nav .crew-menu-links{box-sizing:border-box;width:244px;min-width:0;padding:8px;top:calc(100% + 6px);border-radius:12px;background:var(--surface,#111820);box-shadow:0 16px 40px #0005,0 2px 8px #0003;overscroll-behavior:contain;scrollbar-width:thin}
 .crew-global-nav .crew-menu-links a{min-height:44px;padding:11px 12px;gap:12px;margin:2px 0;font-size:14px;font-weight:500;line-height:1.5;white-space:normal;color:var(--text,#f0f4f8);border:1px solid transparent;border-radius:7px}
 .crew-global-nav .crew-menu-links a:hover{background:var(--s2,#1a2330);border-color:var(--border,#28313c)}
 .crew-global-nav .crew-menu-links a[aria-current]{color:var(--signal,#00d68a);background:rgba(0,214,138,.1);font-weight:600}
 .crew-global-nav .crew-menu-links a[aria-current]::after{content:'';width:6px;height:6px;margin-left:auto;flex:none;border-radius:50%;background:currentColor}
}

/* Onglets des rubriques, partages entre les pages existantes. */
.crew-area-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 22px;padding:4px;width:fit-content;max-width:100%;box-sizing:border-box;border:1px solid var(--border-h,#384451);border-radius:10px;background:var(--surface,#111820)}
.crew-area-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;box-sizing:border-box;border-radius:6px;color:var(--muted,#a0aec0);text-decoration:none;font:600 13px/1.4 var(--sans,system-ui);text-align:center}
.crew-area-tabs a:hover{background:var(--s2,#1a2330);color:var(--text,#f0f4f8)}
.crew-area-tabs a[aria-current]{background:rgba(0,214,138,.1);color:var(--signal,#00d68a);box-shadow:inset 0 0 0 1px rgba(0,214,138,.3)}
.crew-area-tabs a:focus-visible{outline:2px solid var(--signal,#00d68a);outline-offset:2px}
#crewArea:not(:empty){padding:16px 20px 0}#crewArea .crew-area-tabs{margin-bottom:16px}
.cfg-team{padding-top:24px}.cfg .cfg-tabs{flex-wrap:wrap}.cfg-team h1{font-size:21px}
@media(max-width:600px){
 .crew-area-tabs{display:flex;width:100%;gap:4px;margin-bottom:18px}
 .crew-area-tabs a{flex:1 1 0;min-width:0;padding:10px 8px;overflow-wrap:anywhere;white-space:normal}
 #crewArea:not(:empty){padding:12px 12px 0}
 .cfg .cfg-tabs button{white-space:normal;overflow-wrap:anywhere}
 .cfg .cfg-tabs button:last-child:nth-child(odd){grid-column:1 / -1}
 .crew-menu-dialog .crew-menu-direct{margin-bottom:18px}
 .crew-menu-dialog .crew-menu-direct a:last-child:nth-child(odd),.crew-menu-dialog .crew-menu-links a:last-child:nth-child(odd){grid-column:1 / -1}
}