/* Filières convergence — selection as an editorial decision surface. */
.filieres-page .page-hero{
  text-align:start;
  max-width:none;
  padding:clamp(116px,15vw,170px) clamp(20px,7vw,96px) clamp(54px,7vw,84px);
  border-bottom:1px solid var(--craie-doree-border);
  background:var(--ardoise,#101d19);
}
.filieres-page .page-hero > *{max-width:760px;margin-inline:0;}
.filieres-page .page-eyebrow,.filieres-page .page-title,.filieres-page .page-sub{position:relative;}
.filieres-page .page-title{font-size:clamp(44px,7vw,82px);letter-spacing:-.045em;line-height:.98;max-width:11ch;}
.filieres-page .page-sub{max-width:560px;line-height:1.7;}
.filieres-page .filiere-section{padding:clamp(34px,5vw,64px) clamp(20px,7vw,96px) 88px;background:var(--black-2);}
.filieres-page .container{max-width:1180px;}
.filieres-page .type-toggle-wrap{justify-content:flex-start;margin-bottom:24px;}
.filieres-page .type-toggle{border-radius:var(--radius-pill);background:transparent;border-color:var(--vgl-v3-line);}
.filieres-page .type-btn{min-height:44px;border-radius:var(--radius-pill);padding-inline:18px;}
.filieres-page .type-info{max-width:760px;margin-bottom:54px;border-radius:0;border-inline-start:2px solid var(--craie-doree);padding:12px 16px;background:transparent!important;border-block:0!important;}
.filieres-page .section-label{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.filieres-page .section-label::before{content:'';width:28px;height:1px;background:currentColor;}
.filieres-page .selector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--vgl-v3-line);border-inline-start:1px solid var(--vgl-v3-line);}
.filieres-page .fil-btn{
  min-height:240px;
  padding:28px 24px;
  border:0!important;
  border-inline-end:1px solid var(--vgl-v3-line)!important;
  border-bottom:1px solid var(--vgl-v3-line)!important;
  border-radius:0;
  background:transparent!important;
  transition:background-color .2s ease,color .2s ease;
}
.filieres-page .fil-btn::before{
  content:counter(filiere);
  counter-increment:filiere;
  position:absolute;
  inset-block-start:18px;
  inset-inline-end:20px;
  font:500 11px var(--font-mono,'DM Mono',monospace);
  color:var(--craie-doree-border);
  letter-spacing:.1em;
}
.filieres-page .selector-grid{counter-reset:filiere;}
.filieres-page .fil-btn:hover{transform:none;border-color:var(--vgl-v3-line)!important;background:var(--craie-doree-dim)!important;}
.filieres-page .fil-btn::after{opacity:1;transform:none;inset-block-end:20px;inset-inline-end:22px;top:auto;color:var(--craie-doree-border);transition:transform .18s ease,color .18s ease;}
.filieres-page .fil-btn:hover::after{color:var(--craie-doree);transform:translate(2px,-2px);}
.filieres-page .fil-btn-icon{color:var(--craie-doree);width:30px;height:30px;margin-bottom:22px;}
.filieres-page .fil-btn-icon.txt{font-family:var(--font-mono,'DM Mono',monospace);}
.filieres-page .fil-btn-name,.filieres-page .fil-btn-name-ar{font-family:var(--font-head,'Syne',sans-serif);font-size:19px;line-height:1.15;font-weight:400;max-width:20ch;}
.filieres-page .fil-btn-count,.filieres-page .fil-btn-count-ar{margin-top:2px;line-height:1.5;}
.filieres-page .fil-btn-tag{margin-top:auto;border-radius:var(--radius-pill);background:transparent;border-color:var(--craie-doree-border);color:var(--craie-doree);padding:4px 9px;}
.filieres-page #grid-libre .fil-btn-tag{border-color:var(--blue-border);color:var(--blue);background:transparent;}
.filieres-page #libre-note{border-radius:0!important;border-inline-start:2px solid var(--blue);background:transparent!important;border-block:1px solid var(--vgl-v3-line)!important;}
.filieres-page .cta-band{padding:72px 20px;border-top:1px solid var(--craie-doree-border);background:var(--ardoise);}
@media(max-width:767px){
  .filieres-page .page-hero{padding:108px 20px 48px;}
  .filieres-page .page-title{font-size:clamp(42px,13vw,60px);}
  .filieres-page .filiere-section{padding:32px 16px 64px;}
  .filieres-page .type-toggle-wrap{margin-bottom:18px;}
  .filieres-page .type-btn{padding-inline:14px;}
  .filieres-page .type-info{margin-bottom:38px;}
  .filieres-page .selector-grid{grid-template-columns:1fr 1fr;}
  .filieres-page .fil-btn{min-height:210px;padding:22px 16px;}
  .filieres-page .fil-btn-name,.filieres-page .fil-btn-name-ar{font-size:16px;}
  .filieres-page .fil-btn-icon{margin-bottom:18px;}
}
@media(max-width:390px){
  .filieres-page .selector-grid{grid-template-columns:1fr;}
  .filieres-page .fil-btn{min-height:176px;}
}
@media(prefers-reduced-motion:reduce){
  .filieres-page .fil-btn,.filieres-page .fil-btn::after{transition:none;}
}