/* Menu commun aux trois pages : barre du haut (marque, onglets, profil) ; sur téléphone les onglets passent en bas de l'écran */
.nav{position:sticky;top:0;z-index:30;background:var(--card);border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:6px 18px;padding:8px 16px}
.nav .brand{font-weight:700;color:var(--tx);text-decoration:none;white-space:nowrap;font-size:1.02rem}
.nav .tabs{display:flex;gap:4px;flex:1}
.nav .tabs a{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;color:var(--mut);text-decoration:none;font-size:.92rem;white-space:nowrap}
.nav .tabs a:hover{background:var(--bg);color:var(--tx)}
.nav .tabs a.on{background:color-mix(in srgb,var(--acc) 14%,var(--card));color:var(--acc);font-weight:600}
.nav .tabs a i{font-style:normal;font-size:1.1rem}
.nav .me{position:relative}
.nav .me>button{font:inherit;font-size:.9rem;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);cursor:pointer}
.nav .menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--card);border:1px solid var(--bd);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:6px;display:flex;flex-direction:column;z-index:40}
.nav .menu button,.nav .menu a{font:inherit;font-size:.92rem;text-align:left;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--tx);cursor:pointer;text-decoration:none;display:block}
.nav .menu button:hover,.nav .menu a:hover{background:var(--bg)}.nav .menu .pfio{display:flex;flex-direction:column;gap:0}
.nav .menu .pfio button{border:0!important;background:transparent!important;color:var(--tx)!important;font-size:.92rem!important;padding:10px 12px!important;text-align:left;min-height:0!important;display:block!important;border-radius:8px}
.nav .menu .pfio button:hover{background:var(--bg)!important}
.nav .menu hr{border:0;border-top:1px solid var(--bd);margin:4px 0;width:100%}
.nav .who-ask{display:flex;gap:6px;align-items:center}.nav .who-ask input{font:inherit;padding:6px 10px;border:1px solid var(--bd);border-radius:999px;background:var(--bg);color:var(--tx);width:9em}
.nav .who-ask button{font:inherit;padding:6px 14px;border-radius:999px;border:0;background:var(--acc);color:#fff;cursor:pointer}
@media(max-width:700px){
  .nav{padding:8px 12px 0;flex-wrap:wrap;gap:6px 8px}.nav .brand{flex:1}
  .nav .tabs{order:3;flex:1 0 100%;margin:0 -12px;padding:0 6px;gap:0;border-top:1px solid var(--bd)}
  .nav .tabs a{flex:1;justify-content:center;gap:5px;padding:10px 4px;border-radius:0;font-size:.88rem;border-bottom:3px solid transparent}
  .nav .tabs a.on{background:transparent;border-bottom-color:var(--acc)}.nav .tabs a i{font-size:1.05rem}
  .nav .who-ask input{width:7em}
}
.nav .loginlink{font-size:.9rem;padding:6px 14px;border-radius:999px;border:1px solid var(--acc);color:var(--acc);text-decoration:none;white-space:nowrap}