/* site-web-v3 — complète la barre de navigation des pages : 7 onglets (Brief Studio, Formations). */
.nav-logo{display:flex;align-items:center;gap:.55rem;text-decoration:none}
.nav-links{display:flex;align-items:center}
.nav-links a{font-size:.82rem;color:rgba(var(--fg),.65);font-weight:400;padding:.4rem .68rem;border-radius:9999px;transition:color .2s,background .2s;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:rgb(var(--fg));background:rgba(var(--fg),.08)}
.nav-hamburger{display:none;background:none;border:1px solid rgba(var(--fg),.1);color:rgba(var(--fg),.6);font-size:1.1rem;cursor:pointer;padding:.28rem .55rem;border-radius:7px;flex-shrink:0;line-height:1;margin-left:.4rem}
@media(max-width:1180px){nav .nav-cta{display:none!important}}
@media(max-width:1000px){
  .nav-links{display:none!important;position:absolute;top:calc(100% + .55rem);left:0;right:0;flex-direction:column;align-items:stretch;background:rgba(var(--bgrgb),.97);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(var(--fg),.06);border-radius:1rem;padding:.7rem;gap:.15rem;z-index:200;box-shadow:0 20px 50px rgba(0,0,0,.7)}
  .nav-links a{text-align:center}
  .nav-pill{position:relative;overflow:visible!important}
  .nav-pill.open .nav-links{display:flex!important}
  .nav-hamburger{display:block!important}
}
@media(max-width:420px){.nav-logo span{display:none}}
/* pied de page : liens des onglets */
.fl{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.fl a{font-size:.78rem;color:rgba(var(--fg),.28);transition:color .2s}
.fl a:hover{color:rgba(var(--fg),.6)}
/* accueil : encart Brief Studio / Formations */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:900px;margin-inline:auto}
@media(max-width:700px){.duo{grid-template-columns:1fr}}
.duo .tr-card{display:flex;flex-direction:column;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.duo .tr-card:hover{transform:translateY(-4px)}
.duo-go{margin-top:1rem;font-size:.78rem;font-weight:600;color:var(--or)}
html[data-theme="rose"] .duo-go{color:var(--rose2)}
html[data-theme="blue"] .duo-go{color:var(--bleu2)}

/* v4 : l'encart de l'accueil passe à trois cartes (Brief Studio, Formations, Jumeau numérique) */
.duo.trio{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px}
@media(max-width:980px){.duo.trio{grid-template-columns:1fr;max-width:560px}}