@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-stretch:75% 88%;font-display:swap;src:url(/static/fonts/bricolage-grotesque-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-stretch:75% 88%;font-display:swap;src:url(/static/fonts/bricolage-grotesque-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Caveat";font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/fonts/caveat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Caveat";font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/fonts/caveat-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/ibm-plex-mono-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/ibm-plex-mono-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}


:root{
  
  --brique:#B85C38 ; --brique-fonce:#9C4928 ;
  --brun:#2E1F1A ; --creme:#FAF6EE ;
  --moutarde:#C99A2E ; --sauge:#87A878 ;
  --peche:#F4D9A8 ;
  
  --logo-trait:var(--brique); --logo-trait-aplat:var(--peche);
  
  --papier-blanc:#FFFFFF ; --encre-impression:#1A1412 ; --noir:#000000 ;
}
:root{
  
  color-scheme:light;
  --bg:#FAF6EE ; --surface:#FFFDF9 ; --surface-2:#EDE7DE ;
  --rail:#EDE7DE ; --line:#E1D8CB ; --bord:#8C7869 ;
  --ink:#2E1F1A ; --muted:#65524A ; --accent:#9C4928 ;
  --accent-ink:#FFF9F1 ; --accent-soft:#F6DCC6 ; --aplat:#B0502C ;
  --aplat-ink:#FFF8EF ; --prof:#3B5C4B ; --prof-ink:#FFFFFF ;
  --prof-soft:#DDE8DC ; --ok:#3A6531 ; --ok-soft:#DFEBD5 ;
  --warn:#7F5310 ; --warn-soft:#F5E4C0 ; --bad:#A3271B ;
  --bad-soft:#F7DBD3 ; --focus:#9C4928 ; --dot:#2E1F1A ;
  --dot-ink:#FFFCF6 ;
  --accent-hover:#893715 ; --accent-press:#792901 ;
  --selection:#F2D98C ; --selection-ink:var(--ink);
  --ombre-rgb:46 31 26; --melange:multiply; --grain:var(--grain-brun);
  --wood:#4A2E1E; --wood-edge:#4A2E1E; --spruce:#E9CF9C; --spruce-edge:#B38A52; --fret:#A8A39B; --string:#80786F;
  --pearl:#F6EEDF; --hole:#261810; --nut:#F6EEDF; --case:rgba(184,92,56,.42);
  
  --m-guitare:#B0502C ; --m-guitare-texte:#9C4928 ;
  --m-guitare-doux:#F6DDCF ; --m-guitare-sur:#FFF8EF ;
  --m-saz:#D2A02B ; --m-saz-texte:#7A560B ;
  --m-saz-doux:#F5E6BC ; --m-saz-sur:#2E1F1A ;
  --m-piano:#2E1F1A ; --m-piano-texte:#2E1F1A ;
  --m-piano-doux:#E8DED5 ; --m-piano-sur:#FBF6EE ;
  --m-devoirs:#86AC74 ; --m-devoirs-texte:#3F6533 ;
  --m-devoirs-doux:#E1EDD8 ; --m-devoirs-sur:#1D2A17 ;
  --m-chant:#A9466F ; --m-chant-texte:#9A3F66 ;
  --m-chant-doux:#F6DDE7 ; --m-chant-sur:#FFF8F9 ;
  --m-dessin:#4A6FA5 ; --m-dessin-texte:#3E6296 ;
  --m-dessin-doux:#DFE7F3 ; --m-dessin-sur:#FAFCFF ;
  --m-couture:#7B56A8 ; --m-couture-texte:#6E4C99 ;
  --m-couture-doux:#ECE2F5 ; --m-couture-sur:#FCFAFF ;
  --m-composition:#357778 ; --m-composition-texte:#2D6A6B ;
  --m-composition-doux:#D8ECEB ; --m-composition-sur:#F6FFFE ;
}
:root{
  
  --ground:var(--bg); --champ-bord:var(--bord); --line-strong:var(--bord); --caret:var(--accent);
  
  --m:var(--accent); --m-texte:var(--accent); --m-doux:var(--accent-soft); --m-sur:var(--accent-ink); --matiere:var(--m);
  
  --display:"Bricolage Grotesque","Inter",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --hand:"Caveat","Segoe Print",cursive;
  
  --t-legende:.875rem;                                    
  --t-petit:.9375rem;                                     
  --t-corps:1.0625rem;                                    
  --t-grand:1.1875rem;                                    
  --t-titre-4:1.1875rem;                                  
  --t-titre-3:clamp(1.3125rem,1.26rem + .22vw,1.4375rem); 
  --t-titre-2:clamp(1.625rem,1.52rem + .45vw,1.875rem);   
  --t-titre-1:clamp(2.0625rem,1.87rem + .79vw,2.5rem);    
  --t-titre-0:clamp(2.5625rem,2.21rem + 1.46vw,3.375rem); 
  --t-affiche:clamp(3.25rem,2.05rem + 4.94vw,6rem);       
  --i-affiche:.92; --i-serre:1.1; --i-titre:1.25; --i-texte:1.6;
  --large-titre:88%; --large-affiche:78%;                 
  --mesure:68ch;
  
  --s0:2px; --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  
  --r-petit:3px; --r-champ:6px; --r-bloc:8px; --r-pastille:6px; --r-rond:999px;
  
  --ombre-1:0 1px 1px rgb(var(--ombre-rgb) / .06),0 6px 16px -10px rgb(var(--ombre-rgb) / .32);
  --ombre-2:0 1px 2px rgb(var(--ombre-rgb) / .08),0 12px 24px -12px rgb(var(--ombre-rgb) / .40);
  --ombre-3:0 2px 6px rgb(var(--ombre-rgb) / .10),0 18px 36px -14px rgb(var(--ombre-rgb) / .48);
  --ombre:var(--ombre-1);
  
  --d-appui:120ms; --d-court:180ms; --d-moyen:240ms;
  --courbe-sortie:cubic-bezier(0.23,1,0.32,1); --courbe-deplacement:cubic-bezier(0.77,0,0.175,1);
  
  --z-dessus:1; --z-entete:20; --z-menu:30; --z-barre:40; --z-panneau:50; --z-bandeau:60; --z-evitement:70;
  
  --focus-epaisseur:2px; --focus-ecart:3px;
  
  --page-max:1440px; --gouttiere:clamp(16px,3vw,40px); --barre-bas:64px;
  
  --grain-brun:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .18 0 0 0 0 .12 0 0 0 0 .1 0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.16'/%3E%3C/svg%3E");
  --grain-clair:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.07'/%3E%3C/svg%3E");
}
[data-encre="guitare"]{--m:var(--m-guitare);--m-texte:var(--m-guitare-texte);--m-doux:var(--m-guitare-doux);--m-sur:var(--m-guitare-sur)}
[data-encre="saz"]{--m:var(--m-saz);--m-texte:var(--m-saz-texte);--m-doux:var(--m-saz-doux);--m-sur:var(--m-saz-sur)}
[data-encre="piano"]{--m:var(--m-piano);--m-texte:var(--m-piano-texte);--m-doux:var(--m-piano-doux);--m-sur:var(--m-piano-sur)}
[data-encre="devoirs"]{--m:var(--m-devoirs);--m-texte:var(--m-devoirs-texte);--m-doux:var(--m-devoirs-doux);--m-sur:var(--m-devoirs-sur)}
[data-encre="chant"]{--m:var(--m-chant);--m-texte:var(--m-chant-texte);--m-doux:var(--m-chant-doux);--m-sur:var(--m-chant-sur)}
[data-encre="dessin"]{--m:var(--m-dessin);--m-texte:var(--m-dessin-texte);--m-doux:var(--m-dessin-doux);--m-sur:var(--m-dessin-sur)}
[data-encre="couture"]{--m:var(--m-couture);--m-texte:var(--m-couture-texte);--m-doux:var(--m-couture-doux);--m-sur:var(--m-couture-sur)}
[data-encre="composition"]{--m:var(--m-composition);--m-texte:var(--m-composition-texte);--m-doux:var(--m-composition-doux);--m-sur:var(--m-composition-sur)}
[data-encre]{--matiere:var(--m);--marque:color-mix(in srgb,var(--m) var(--marque-part),transparent)}
:root{--marque-part:42%;--marque:color-mix(in srgb,var(--m) var(--marque-part),transparent);--surimp-ep:.3em;--surimp-dec:.03em}
body[data-encre],[data-outil],[data-metronome],[data-tuner]{--accent:var(--m-texte);--accent-soft:var(--m-doux);
  --accent-hover:color-mix(in srgb,var(--m-texte) 86%,var(--ink));--accent-press:color-mix(in srgb,var(--m-texte) 76%,var(--ink))}


:root[data-theme="clair"]{
  color-scheme:light;
  --bg:#F7F5F2 ; --surface:#FFFFFF ; --surface-2:#EFEBE5 ;
  --rail:#EFEBE5 ; --line:#E2DCD3 ; --bord:#857A71 ;
  --ink:#1F1915 ; --muted:#5A5049 ; --accent:#8F3F22 ;
  --accent-ink:#FFFFFF ; --accent-soft:#F8E5DB ; --aplat:#8F3F22 ;
  --aplat-ink:#FFFFFF ; --prof:#274C77 ; --prof-ink:#FFFFFF ;
  --prof-soft:#E3EAF4 ; --ok:#1F6B45 ; --ok-soft:#DDF0E4 ;
  --warn:#8A560C ; --warn-soft:#F8EBD6 ; --bad:#B42318 ;
  --bad-soft:#FBE3DF ; --focus:#8F3F22 ; --dot:#1F1915 ;
  --dot-ink:#FFFFFF ;
  --accent-hover:#7C2E0E ; --accent-press:#6C1F00 ;
  --selection:#F6DE94 ; --selection-ink:var(--ink);
  --ombre-rgb:31 25 21; --melange:multiply; --grain:none;
  --wood:#3A2921; --wood-edge:#3A2921; --spruce:#E8D2A6; --spruce-edge:#B99664; --fret:#A9B0B4; --string:#7F878C;
  --pearl:#F2EDE2; --hole:#221914; --nut:#F3EEE2; --case:rgba(143,63,34,.45);
}
:root[data-theme="bois"]{
  color-scheme:light;
  --bg:#EADCC6 ; --surface:#F8F1E5 ; --surface-2:#EFE3CF ;
  --rail:#E5D7BF ; --line:#CDB797 ; --bord:#7E6650 ;
  --ink:#2A1C13 ; --muted:#5A4636 ; --accent:#863711 ;
  --accent-ink:#FFF7EE ; --accent-soft:#F0D3B9 ; --aplat:#863711 ;
  --aplat-ink:#FFF7EE ; --prof:#34466F ; --prof-ink:#FFFFFF ;
  --prof-soft:#DFE2EC ; --ok:#2D6337 ; --ok-soft:#D9E8D3 ;
  --warn:#7A4A06 ; --warn-soft:#F3DFBC ; --bad:#9E2418 ;
  --bad-soft:#F4D8D0 ; --focus:#863711 ; --dot:#2A1C13 ;
  --dot-ink:#FFF7EE ;
  --accent-hover:#732500 ; --accent-press:#631600 ;
  --selection:#F2D27E ; --selection-ink:var(--ink);
  --ombre-rgb:42 28 19; --melange:multiply; --grain:var(--grain-brun);
  --wood:#4A2E1E; --wood-edge:#4A2E1E; --spruce:#E9CF9C; --spruce-edge:#B38A52; --fret:#A8A39B; --string:#80786F;
  --pearl:#F6EEDF; --hole:#261810; --nut:#F6EEDF; --case:rgba(134,55,17,.42);
}
:root[data-theme="foret"]{
  color-scheme:light;
  --bg:#E9F0E5 ; --surface:#F8FBF6 ; --surface-2:#D9E5D3 ;
  --rail:#D9E5D3 ; --line:#C6D6C0 ; --bord:#6E8273 ;
  --ink:#15231A ; --muted:#4A5E51 ; --accent:#2C673A ;
  --accent-ink:#FFFFFF ; --accent-soft:#D3E7D1 ; --aplat:#2C673A ;
  --aplat-ink:#FFFFFF ; --prof:#683879 ; --prof-ink:#FFFFFF ;
  --prof-soft:#ECE0F1 ; --ok:#1D6A42 ; --ok-soft:#D3EDDD ;
  --warn:#835209 ; --warn-soft:#F1E3C2 ; --bad:#A7281C ;
  --bad-soft:#F5DBD5 ; --focus:#2C673A ; --dot:#15231A ;
  --dot-ink:#FFFFFF ;
  --accent-hover:#19562A ; --accent-press:#05481D ;
  --selection:#E9DC8C ; --selection-ink:var(--ink);
  --ombre-rgb:21 35 26; --melange:multiply; --grain:var(--grain-brun);
  --wood:#2F3B2A; --wood-edge:#2F3B2A; --spruce:#E2D3A5; --spruce-edge:#A99461; --fret:#A6AFA5; --string:#7C877D;
  --pearl:#F1F0E3; --hole:#1B2217; --nut:#F1F0E3; --case:rgba(44,103,58,.42);
}
@media print{
  :root:root:root{
    color-scheme:light; --logo-trait:var(--brique); --marque-part:42%;
    --bg:#F7F5F2 ; --surface:#FFFFFF ; --surface-2:#EFEBE5 ;
    --rail:#EFEBE5 ; --line:#E2DCD3 ; --bord:#857A71 ;
    --ink:#1F1915 ; --muted:#5A5049 ; --accent:#8F3F22 ;
    --accent-ink:#FFFFFF ; --accent-soft:#F8E5DB ; --aplat:#8F3F22 ;
    --aplat-ink:#FFFFFF ; --prof:#274C77 ; --prof-ink:#FFFFFF ;
    --prof-soft:#E3EAF4 ; --ok:#1F6B45 ; --ok-soft:#DDF0E4 ;
    --warn:#8A560C ; --warn-soft:#F8EBD6 ; --bad:#B42318 ;
    --bad-soft:#FBE3DF ; --focus:#8F3F22 ; --dot:#1F1915 ;
    --dot-ink:#FFFFFF ;
    --accent-hover:#7C2E0E ; --accent-press:#6C1F00 ;
    --selection:#F6DE94 ; --selection-ink:var(--ink);
    --ombre-rgb:31 25 21; --melange:multiply; --grain:none;
    --wood:#3A2921; --wood-edge:#3A2921; --spruce:#E8D2A6; --spruce-edge:#B99664; --fret:#A9B0B4; --string:#7F878C;
    --pearl:#F2EDE2; --hole:#221914; --nut:#F3EEE2; --case:rgba(143,63,34,.45);
    --grain:none;
    --m-guitare:#B0502C ; --m-guitare-texte:#9C4928 ;
    --m-guitare-doux:#F6DDCF ; --m-guitare-sur:#FFF8EF ;
    --m-saz:#D2A02B ; --m-saz-texte:#7A560B ;
    --m-saz-doux:#F5E6BC ; --m-saz-sur:#2E1F1A ;
    --m-piano:#2E1F1A ; --m-piano-texte:#2E1F1A ;
    --m-piano-doux:#E8DED5 ; --m-piano-sur:#FBF6EE ;
    --m-devoirs:#86AC74 ; --m-devoirs-texte:#3F6533 ;
    --m-devoirs-doux:#E1EDD8 ; --m-devoirs-sur:#1D2A17 ;
    --m-chant:#A9466F ; --m-chant-texte:#9A3F66 ;
    --m-chant-doux:#F6DDE7 ; --m-chant-sur:#FFF8F9 ;
    --m-dessin:#4A6FA5 ; --m-dessin-texte:#3E6296 ;
    --m-dessin-doux:#DFE7F3 ; --m-dessin-sur:#FAFCFF ;
    --m-couture:#7B56A8 ; --m-couture-texte:#6E4C99 ;
    --m-couture-doux:#ECE2F5 ; --m-couture-sur:#FCFAFF ;
    --m-composition:#357778 ; --m-composition-texte:#2D6A6B ;
    --m-composition-doux:#D8ECEB ; --m-composition-sur:#F6FFFE ;
  }
}


@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    color-scheme:dark; --logo-trait:var(--peche); --marque-part:34%;
    --bg:#101413 ; --surface:#181D1B ; --surface-2:#222926 ;
    --rail:#1C2220 ; --line:#2F3833 ; --bord:#7D8A84 ;
    --ink:#E6EBE8 ; --muted:#A2AEA8 ; --accent:#E8A28C ;
    --accent-ink:#1A0E0B ; --accent-soft:#3B241D ; --aplat:#9E4A30 ;
    --aplat-ink:#FFF6F2 ; --prof:#9DBBE6 ; --prof-ink:#0F1826 ;
    --prof-soft:#1D2939 ; --ok:#62CD97 ; --ok-soft:#163226 ;
    --warn:#E5B262 ; --warn-soft:#3A2C14 ; --bad:#F2907F ;
    --bad-soft:#3B1C19 ; --focus:#E8A28C ; --dot:#E6EBE8 ;
    --dot-ink:#101413 ;
    --accent-hover:#FCB59F ; --accent-press:#FFC5AE ;
    --selection:#4F4419 ; --selection-ink:var(--ink);
    --ombre-rgb:0 0 0; --melange:screen; --grain:var(--grain-clair);
    --wood:#2C1F19; --wood-edge:#6A5043; --spruce:#CDB081; --spruce-edge:#8E6F45; --fret:#C9CED1; --string:#B8BEC2;
    --pearl:#E9E2D2; --hole:#0B0807; --nut:#E9E2D2; --case:rgba(232,162,140,.5);
    --m-guitare:#E8876A ; --m-guitare-texte:#F0A184 ;
    --m-guitare-doux:#3D2219 ; --m-guitare-sur:#1E110B ;
    --m-saz:#E2B54C ; --m-saz-texte:#E9C263 ;
    --m-saz-doux:#382B12 ; --m-saz-sur:#1E160A ;
    --m-piano:#D6C2B0 ; --m-piano-texte:#DFCCBB ;
    --m-piano-doux:#30271F ; --m-piano-sur:#1E1712 ;
    --m-devoirs:#9CC48A ; --m-devoirs-texte:#AACF99 ;
    --m-devoirs-doux:#22311D ; --m-devoirs-sur:#132010 ;
    --m-chant:#E78DB2 ; --m-chant-texte:#EFA3C2 ;
    --m-chant-doux:#3B1F2B ; --m-chant-sur:#2A0E1B ;
    --m-dessin:#8DB1E3 ; --m-dessin-texte:#A2C0EA ;
    --m-dessin-doux:#1E2B3D ; --m-dessin-sur:#0D1828 ;
    --m-couture:#BEA0E2 ; --m-couture-texte:#CBB2E8 ;
    --m-couture-doux:#2C2339 ; --m-couture-sur:#1D1029 ;
    --m-composition:#76C6C4 ; --m-composition-texte:#8DD2D0 ;
    --m-composition-doux:#16302F ; --m-composition-sur:#08201F ;
  }
}
:root[data-theme="dark"],:root[data-theme="nuit"]{
  color-scheme:dark; --logo-trait:var(--peche); --marque-part:34%;
  --bg:#101413 ; --surface:#181D1B ; --surface-2:#222926 ;
  --rail:#1C2220 ; --line:#2F3833 ; --bord:#7D8A84 ;
  --ink:#E6EBE8 ; --muted:#A2AEA8 ; --accent:#E8A28C ;
  --accent-ink:#1A0E0B ; --accent-soft:#3B241D ; --aplat:#9E4A30 ;
  --aplat-ink:#FFF6F2 ; --prof:#9DBBE6 ; --prof-ink:#0F1826 ;
  --prof-soft:#1D2939 ; --ok:#62CD97 ; --ok-soft:#163226 ;
  --warn:#E5B262 ; --warn-soft:#3A2C14 ; --bad:#F2907F ;
  --bad-soft:#3B1C19 ; --focus:#E8A28C ; --dot:#E6EBE8 ;
  --dot-ink:#101413 ;
  --accent-hover:#FCB59F ; --accent-press:#FFC5AE ;
  --selection:#4F4419 ; --selection-ink:var(--ink);
  --ombre-rgb:0 0 0; --melange:screen; --grain:var(--grain-clair);
  --wood:#2C1F19; --wood-edge:#6A5043; --spruce:#CDB081; --spruce-edge:#8E6F45; --fret:#C9CED1; --string:#B8BEC2;
  --pearl:#E9E2D2; --hole:#0B0807; --nut:#E9E2D2; --case:rgba(232,162,140,.5);
}
:root[data-theme="ocean"]{
  color-scheme:dark; --logo-trait:var(--peche); --marque-part:34%;
  --bg:#0C1822 ; --surface:#12212D ; --surface-2:#1A2D3B ;
  --rail:#152633 ; --line:#28405A ; --bord:#7393AC ;
  --ink:#E2EDF4 ; --muted:#9DB3C2 ; --accent:#5CC6E8 ;
  --accent-ink:#06202B ; --accent-soft:#133548 ; --aplat:#1F6F8C ;
  --aplat-ink:#F2FBFF ; --prof:#F2B880 ; --prof-ink:#2A1606 ;
  --prof-soft:#3A2A1B ; --ok:#62D9A8 ; --ok-soft:#113529 ;
  --warn:#F0C266 ; --warn-soft:#3A3016 ; --bad:#FF968C ;
  --bad-soft:#3E1D1D ; --focus:#5CC6E8 ; --dot:#E2EDF4 ;
  --dot-ink:#0C1822 ;
  --accent-hover:#71DAFC ; --accent-press:#82EAFF ;
  --selection:#1E4D63 ; --selection-ink:var(--ink);
  --ombre-rgb:0 0 0; --melange:screen; --grain:var(--grain-clair);
  --wood:#16293A; --wood-edge:#3D5A74; --spruce:#BFD6E2; --spruce-edge:#6F93A8; --fret:#C4D2DB; --string:#AFC2CE;
  --pearl:#E2EDF4; --hole:#050C12; --nut:#E2EDF4; --case:rgba(92,198,232,.45);
}
:root[data-theme="dark"],:root[data-theme="nuit"],:root[data-theme="ocean"]{
  --m-guitare:#E8876A ; --m-guitare-texte:#F0A184 ;
  --m-guitare-doux:#3D2219 ; --m-guitare-sur:#1E110B ;
  --m-saz:#E2B54C ; --m-saz-texte:#E9C263 ;
  --m-saz-doux:#382B12 ; --m-saz-sur:#1E160A ;
  --m-piano:#D6C2B0 ; --m-piano-texte:#DFCCBB ;
  --m-piano-doux:#30271F ; --m-piano-sur:#1E1712 ;
  --m-devoirs:#9CC48A ; --m-devoirs-texte:#AACF99 ;
  --m-devoirs-doux:#22311D ; --m-devoirs-sur:#132010 ;
  --m-chant:#E78DB2 ; --m-chant-texte:#EFA3C2 ;
  --m-chant-doux:#3B1F2B ; --m-chant-sur:#2A0E1B ;
  --m-dessin:#8DB1E3 ; --m-dessin-texte:#A2C0EA ;
  --m-dessin-doux:#1E2B3D ; --m-dessin-sur:#0D1828 ;
  --m-couture:#BEA0E2 ; --m-couture-texte:#CBB2E8 ;
  --m-couture-doux:#2C2339 ; --m-couture-sur:#1D1029 ;
  --m-composition:#76C6C4 ; --m-composition-texte:#8DD2D0 ;
  --m-composition-doux:#16302F ; --m-composition-sur:#08201F ;
}
:root[data-theme="contraste"]{
  --logo-trait-aplat:currentColor;
  color-scheme:dark; --logo-trait:var(--peche); --marque-part:34%;
  --bg:#000000 ; --surface:#000000 ; --surface-2:#161616 ;
  --rail:#0D0D0D ; --line:#8C8C8C ; --bord:#FFFFFF ;
  --ink:#FFFFFF ; --muted:#E3E3E3 ; --accent:#FFD400 ;
  --accent-ink:#000000 ; --accent-soft:#2E2600 ; --aplat:#FFD400 ;
  --aplat-ink:#000000 ; --prof:#7FDBFF ; --prof-ink:#000000 ;
  --prof-soft:#002A3B ; --ok:#6BFFA3 ; --ok-soft:#00311A ;
  --warn:#FFC24D ; --warn-soft:#332200 ; --bad:#FF8A8A ;
  --bad-soft:#3A0000 ; --focus:#FFD400 ; --dot:#FFFFFF ;
  --dot-ink:#000000 ;
  --accent-hover:#FFE45C ; --accent-press:#FFF0A3 ;
  --selection:#FFD400 ; --selection-ink:#000000 ;
  --ombre-rgb:0 0 0; --melange:normal; --grain:none;
  --wood:#000000; --wood-edge:#FFFFFF; --spruce:#FFFFFF; --spruce-edge:#FFFFFF; --fret:#FFFFFF; --string:#FFFFFF;
  --pearl:#FFD400; --hole:#000000; --nut:#FFFFFF; --case:rgba(255,212,0,.55);
  --m-guitare:#FF9A73 ; --m-guitare-texte:#FFB08F ;
  --m-guitare-doux:#3A1608 ; --m-guitare-sur:#000000 ;
  --m-saz:#FFD24A ; --m-saz-texte:#FFDB6E ;
  --m-saz-doux:#332600 ; --m-saz-sur:#000000 ;
  --m-piano:#E9DCCF ; --m-piano-texte:#F2E8DE ;
  --m-piano-doux:#2A221C ; --m-piano-sur:#000000 ;
  --m-devoirs:#A6E08E ; --m-devoirs-texte:#B7E8A2 ;
  --m-devoirs-doux:#13290C ; --m-devoirs-sur:#000000 ;
  --m-chant:#FF9CC8 ; --m-chant-texte:#FFB3D5 ;
  --m-chant-doux:#3A0E22 ; --m-chant-sur:#000000 ;
  --m-dessin:#9CC6FF ; --m-dessin-texte:#B3D3FF ;
  --m-dessin-doux:#0A2140 ; --m-dessin-sur:#000000 ;
  --m-couture:#D2AEFF ; --m-couture-texte:#DEC2FF ;
  --m-couture-doux:#25103D ; --m-couture-sur:#000000 ;
  --m-composition:#7FE6E2 ; --m-composition-texte:#9CEDEA ;
  --m-composition-doux:#062A29 ; --m-composition-sur:#000000 ;
}


*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.05}
p{margin:0}
a{color:inherit}
button{font:inherit;color:inherit}
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar-in{max-width:860px;margin:0 auto;padding:10px 16px 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.brand svg{width:28px;height:28px;flex:none}
.brand b{font:700 23px/1 var(--display);letter-spacing:.05em;text-transform:uppercase}
.brand span{display:block;font-size:12px;color:var(--muted);letter-spacing:.02em}
.mode{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px;gap:2px}
.mode button{border:0;background:transparent;padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;cursor:pointer;color:var(--muted)}
.mode button[aria-pressed="true"][data-mode="eleve"]{background:var(--accent);color:var(--accent-ink)}
.mode button[aria-pressed="true"][data-mode="prof"]{background:var(--prof);color:var(--prof-ink)}
.tabs{flex-basis:100%;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 -4px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;border:0;background:none;padding:10px 12px 11px;font:600 17px/1 var(--display);letter-spacing:.03em;text-transform:uppercase;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer}
.tabs button[aria-current="page"]{color:var(--ink);border-bottom-color:var(--accent)}
[data-mode="prof"] .tabs button[aria-current="page"]{border-bottom-color:var(--prof)}
.prof-banner{display:none;background:var(--prof);color:var(--prof-ink);font-size:13px;font-weight:700;text-align:center;padding:5px 16px;letter-spacing:.02em}
[data-mode="prof"] .prof-banner{display:block}
.wrap{max-width:860px;margin:0 auto;padding-inline:16px;padding-block:28px 72px}
[data-mode="eleve"] .only-prof{display:none!important}
[data-mode="prof"] .only-eleve{display:none!important}
.page-head{display:grid;gap:10px;margin-bottom:28px}
.eyebrow{font:600 15px/1 var(--display);letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
[data-mode="prof"] .eyebrow{color:var(--prof)}
h1{font-size:clamp(38px,8vw,56px);font-weight:700}
.lede{font-size:18px;color:var(--muted);max-width:62ch}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.chip{font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.print-head{display:none}
.lesson section{margin-top:40px}
.lesson h2{font-size:30px;display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.lesson h2 .n{font:800 1em/1 var(--display);color:var(--accent);min-width:1.1em;font-variant-numeric:tabular-nums lining-nums}
.ver-prof h2 .n{color:var(--prof)}
.ver-prof h2{color:var(--ink)}
h3{font-size:22px;margin:22px 0 8px}
.prose{display:grid;gap:10px;max-width:66ch}
.prose ul,.prose ol{margin:0;padding-left:22px;display:grid;gap:6px}
.prose strong{font-weight:700}
.fig{margin:16px 0 0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:10px;break-inside:avoid;grid-template-columns:minmax(0,1fr)}
.fig figcaption{font-size:14px;color:var(--muted)}
.fig .scroll,.lesson .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.fig svg{display:block}
.svg-fluid{width:100%;height:auto}
.anat{max-width:420px;margin:0 auto}
.side{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.side > :first-child{flex:none}
.side .prose{flex:1 1 260px}
.tip{background:var(--surface-2);border-radius:8px;padding:12px 14px;margin-top:14px;max-width:66ch}
.tip .lab{display:block;font:700 14px/1.3 var(--body);color:var(--accent);margin-bottom:4px}
.ver-prof .tip .lab{color:var(--prof)}
.goal{background:var(--accent-soft);border-radius:10px;padding:16px 18px;display:grid;gap:8px}
.ver-prof .goal{background:var(--prof-soft)}
.goal h3{margin:0;font-size:20px}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.checks label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.checks input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ok);flex:none}
.chord{margin:0;display:inline-grid;justify-items:center;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 8px 8px;min-width:128px}
.chord .ch-name{font:700 26px/1 var(--display)}
.chord .ch-fr{font-size:13px;color:var(--muted);margin-top:2px}
.chord .ch-tag{font-size:12px;font-weight:700;color:var(--accent);margin-top:2px}
.chordsvg{width:133px;height:auto}
.chords-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.arrow-big{font:700 34px/1 var(--display);color:var(--accent)}
.chord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.chord-grid .chord{min-width:0}
.c-nut{fill:var(--ink)} .c-fret{stroke:var(--muted);stroke-width:1.2} .c-str{stroke:var(--ink)}
.c-dot{fill:var(--dot)} .c-fi{fill:var(--dot-ink);font:600 11px var(--mono)}
.c-x{stroke:var(--muted);stroke-width:1.8;fill:none;stroke-linecap:round} .c-o{fill:none;stroke:var(--ink);stroke-width:1.5}
.c-sn{fill:var(--muted);font:500 10px var(--mono)} .c-base{fill:var(--ink);font:600 12px var(--mono)}
.t-line{stroke:var(--muted);stroke-width:1} .t-bar{stroke:var(--ink);stroke-width:1.4}
.t-bg{fill:var(--surface)} .t-n{fill:var(--ink);font:600 13px var(--mono)} .t-s{fill:var(--muted);font:500 10px var(--mono)}
.t-ly{fill:var(--ink);font:400 12px var(--body)}
.s-down{stroke:var(--accent);stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.s-up{stroke:var(--ink);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.s-ghost{stroke:var(--line);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.s-beat{font:700 16px var(--display);fill:var(--ink)} .s-et{font:400 12px var(--body);fill:var(--muted)}
.bars{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;font:700 22px/1 var(--display)}
.bars span{padding:14px 18px;border-left:2px solid var(--ink);min-width:74px;text-align:center}
.bars span:last-of-type{border-right:2px solid var(--ink)}
.bars em{font:600 16px/1 var(--mono);color:var(--muted);align-self:center;padding-left:12px;font-style:normal}
.g-wood{fill:var(--wood);stroke:var(--wood-edge);stroke-width:1.5}
.g-top{fill:var(--spruce);stroke:var(--spruce-edge);stroke-width:2}
.g-ring{fill:none;stroke:var(--spruce-edge)} .g-hole{fill:var(--hole)}
.g-fret{stroke:var(--fret);stroke-width:1.6} .g-str{stroke:var(--string)} .g-nut{fill:var(--nut)}
.g-pearl{fill:var(--pearl)} .g-key{fill:var(--fret)} .g-shaft{stroke:var(--fret);stroke-width:3}
.g-case{fill:var(--case)}
.lbl{font:700 16px var(--body);fill:var(--ink)} .lead{stroke:var(--muted);stroke-width:1.1;fill:none} .lead-dot{fill:var(--accent)}
.hand-part{fill:var(--surface-2);stroke:var(--muted);stroke-width:1.5}
.badge{fill:var(--accent)} .badge-t{fill:var(--accent-ink);font:700 13px var(--mono)} .badge-p{fill:var(--muted)}
.sname{font:700 15px var(--body);fill:var(--ink)} .snum{fill:var(--accent)} .snum-t{fill:var(--accent-ink);font:700 12px var(--mono)}
.fp-ok{fill:var(--ok)} .fp-warn{fill:var(--warn)} .fp-bad{fill:var(--bad)} .fp-sym{stroke:var(--dot-ink);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fp-t{font:700 16px var(--body)} .fp-t.ok{fill:var(--ok)} .fp-t.warn{fill:var(--warn)} .fp-t.bad{fill:var(--bad)}
.fp-s{font:400 14px var(--body);fill:var(--muted)} .fp-case{font:600 10px var(--mono);fill:var(--pearl)}
.legend{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.legend li{display:flex;gap:10px;align-items:center}
.legend .k{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:700 13px var(--mono);flex:none}
.legend .k.p{background:var(--muted)}
.steps{display:grid;border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.step .when{font:600 14px/1.5 var(--mono);color:var(--prof);font-variant-numeric:tabular-nums}
.step b{font-weight:700}
.fixes{display:grid;gap:8px}
.fix{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.fix > div{background:var(--surface);padding:10px 12px}
.fix small{display:block;font:700 13px/1.3 var(--body);margin-bottom:3px}
.fix .seen small{color:var(--bad)} .fix .do small{color:var(--ok)}
.quotes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.quotes li{font-size:17px;padding:8px 12px;background:var(--prof-soft);border-radius:8px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:grid;gap:6px;align-content:start}
.box h3{margin:0;font-size:19px}
.qa{display:grid;gap:12px;max-width:66ch}
.qa b{display:block}
.quiz{margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 14px}
.quiz summary{cursor:pointer;font-weight:700}
.quiz p{margin-top:6px;color:var(--ok);font-weight:700}
.gloss{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 20px;margin:0}
.gloss div{display:grid;gap:2px}
.gloss dt{font:700 19px/1.1 var(--display);letter-spacing:.02em}
.gloss dd{margin:0;color:var(--muted);font-size:15px}
.scores{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.scores label{display:grid;gap:3px;font-size:12px;color:var(--muted);text-align:center}
.scores input{width:54px;padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:600 16px var(--mono);text-align:center}
.best{font-weight:700;margin-left:6px;align-self:center}
.progress{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:grid;gap:10px}
.progress .big{font:700 34px/1 var(--display);font-variant-numeric:tabular-nums}
.progress .big small{font-size:18px;color:var(--muted)}
.bar{height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.bar i{display:block;height:100%;width:100%;background:var(--ok);transform:scaleX(var(--p,0));transform-origin:left center;transition:transform var(--d-moyen) var(--courbe-sortie)}
.term{margin-top:40px}
.term > h2{font-size:15px;font-family:var(--body);font-weight:700;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:6px}
.module h3{font-size:26px;margin:22px 0 6px}
.module h3 span{font:600 14px var(--mono);color:var(--accent);margin-right:8px}
.rows{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:28px 34px 1fr;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}
.row input{width:20px;height:20px;margin:3px 0 0;accent-color:var(--ok)}
.row .num{font:600 15px/1.6 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}
.row .tt{font-weight:700;font-size:17px;line-height:1.35}
.row .tt button{border:0;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
[data-mode="prof"] .row .tt button{color:var(--prof)}
.row .ds{color:var(--muted);font-size:15px;margin-top:2px}
.st{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;margin-top:2px}
.st.ready{background:var(--ok-soft);color:var(--ok)}
.st.todo{background:var(--surface-2);color:var(--muted)}
.row.is-done .tt{text-decoration:line-through;text-decoration-color:var(--ok)}
.l2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}
.l2 .box ol{margin:0;padding-left:20px;font-size:15px;color:var(--muted);display:grid;gap:3px}
.annex{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}
.annex li{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-weight:700}
.annex li button{border:0;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.session{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:10px}
.session div{background:var(--surface);padding:10px 12px}
.session b{display:block;font:600 14px var(--mono);color:var(--prof)}
.lnav{display:flex;gap:8px;align-items:center;margin-bottom:22px}
.lnav label{flex:1;min-width:0;display:flex}
.lnav select{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:700 16px var(--body)}
.lnav button{flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:700 18px var(--body);cursor:pointer}
.lnav button:disabled{opacity:.35;cursor:default}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lesson-end{margin-top:48px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lesson-end button{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:12px 16px;font:700 16px/1.3 var(--body);color:var(--accent);cursor:pointer;text-align:left}
[data-mode="prof"] .lesson-end button{color:var(--prof)}
.lesson-end button:last-child{margin-left:auto;text-align:right}
.n-str{stroke:var(--muted)} .n-fret{stroke:var(--muted);stroke-width:1.4} .n-nut{fill:var(--ink)} .n-mark{fill:var(--surface-2)}
.n-dot{fill:var(--dot)} .n-root{fill:var(--accent)} .n-open{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
.n-lab{fill:var(--dot-ink);font:700 10px var(--body)} .n-lab-r{fill:var(--accent-ink);font:700 10px var(--body)} .n-lab-o{fill:var(--ink);font:700 10px var(--body)}
.n-case{fill:var(--muted);font:500 10px var(--mono)}
.t-ab{fill:var(--accent);font:700 10px var(--mono)}
.s-x{stroke:var(--accent);stroke-width:3.5;fill:none;stroke-linecap:round}
.lesson pre{margin:0;font:500 14px/1.55 var(--mono);white-space:pre;overflow-x:auto;color:var(--ink)}
.lesson table{border-collapse:collapse;width:100%;font-size:15px}
.lesson th,.lesson td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.lesson th{background:var(--surface-2);font-weight:700}
.page-head a,.prose a{color:var(--accent);text-underline-offset:3px}
main *{min-width:0}
main{overflow-wrap:break-word}
.level-h{font:700 clamp(30px,6vw,40px)/1.05 var(--display);margin:56px 0 6px}
.level-lede{color:var(--muted);max-width:62ch}
#chord-grid .level-h:first-child{margin-top:8px}
#chord-grid .chord-grid{margin-top:14px}
.lnav select{width:100%}
@media (max-width:560px){
  .step{grid-template-columns:62px 1fr;gap:10px}
  .fix{grid-template-columns:1fr}
  .row{grid-template-columns:24px 28px 1fr}
  .row .st{grid-column:3;justify-self:start}
  .lesson h2{font-size:26px}
}
@media print{
  @page{size:A4;margin:12mm 13mm 14mm}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body{background:var(--surface);font-size:11.5pt;line-height:1.45}
  .topbar,.prof-banner,.no-print,.quiz,.lnav,.lesson-end{display:none!important}
  .wrap{max-width:none;padding:0}
  .print-head{display:flex;justify-content:space-between;gap:12px;font-size:10pt;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:14px}
  .lesson section{margin-top:22px}
  .fig,.goal,.tip,.chord,.box,.step,.fix{break-inside:avoid}
  h2,h3{break-after:avoid}
  .fig{padding:8px 10px;margin-top:10px}
  .anat{max-width:240px}
  .fig .svg-fluid:not(.anat){max-width:105mm;min-width:0!important}
  .lesson h2{font-size:22px;margin-bottom:8px}
  h1{font-size:34px}
  .tip{margin-top:8px;padding:8px 12px}
  .scroll{overflow:visible!important}
}


*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;accent-color:var(--accent);caret-color:var(--caret);
  scrollbar-color:var(--bord) transparent;scroll-padding-top:96px;scroll-behavior:smooth}
body{margin:0;background-color:var(--ground);background-image:var(--grain);color:var(--ink);font:400 var(--t-corps)/var(--i-texte) var(--body);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::selection{background:var(--selection);color:var(--selection-ink)}
::placeholder{color:var(--muted);opacity:1}
h1,h2,h3,h4{margin:0;color:inherit;font-family:var(--display);font-optical-sizing:auto;text-wrap:balance;letter-spacing:0}
h1{font-size:var(--t-titre-1);font-weight:800;font-stretch:var(--large-titre);line-height:var(--i-serre);letter-spacing:-.015em}
h2{font-size:var(--t-titre-2);font-weight:750;font-stretch:var(--large-titre);line-height:var(--i-titre);letter-spacing:-.01em}
h3,.h3{font-family:var(--display);font-size:var(--t-titre-3);font-weight:700;line-height:var(--i-titre);letter-spacing:0}
h3{margin:var(--s5) 0 var(--s2)}
h4{margin:var(--s4) 0 var(--s1);font-family:var(--body);font-size:var(--t-titre-4);font-weight:700;line-height:1.35}
h5,h6{margin:0;font-size:var(--t-corps);font-weight:700}
p{margin:0}
main p{max-width:var(--mesure)}
b,strong{font-weight:700}
small{font-size:var(--t-petit)}
em,i{font-style:italic}
code,kbd,samp{font-family:var(--mono);font-size:.92em}
code{background:var(--surface-2);padding:1px 5px;border-radius:var(--r-petit)}
hr{border:0;border-top:1px solid var(--line);margin:var(--s5) 0}
abbr[title]{text-decoration:underline dotted;text-underline-offset:.2em}
.num,td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
time,.chiffres{font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration-thickness:.075em;text-underline-offset:.2em}
:is(p,dd,td,figcaption,.lede,.prose li,.legal li,.article-body li) > a:not([class]){color:var(--accent);text-decoration-color:currentColor}
@media (hover:hover) and (pointer:fine){ a:hover{text-decoration-thickness:.14em} }
img,video{max-width:100%;height:auto}
svg{max-width:100%}
iframe{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer}
input[type=checkbox],input[type=radio]{width:22px;height:22px;margin:0;flex:none;accent-color:var(--accent)}
input[type=range]{accent-color:var(--accent);min-height:44px}
fieldset{min-width:0;min-inline-size:0}
:where(a,button,summary,label,select,input[type=checkbox],input[type=radio],[role=button]){touch-action:manipulation}
button,summary{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
table{border-collapse:collapse}
th{text-align:left}
td,th{vertical-align:top}
:focus-visible{outline:var(--focus-epaisseur) solid var(--focus);outline-offset:var(--focus-ecart)}
main:focus,[tabindex="-1"]:focus{outline:none}
[hidden]{display:none!important}
.sr,.sr-only,.rep-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.muted{color:var(--muted)}
.small{font-size:var(--t-petit)}
.mono,textarea.mono{font-family:var(--mono)}
.skip{position:absolute;left:-9999px;top:0;z-index:var(--z-evitement)}
.skip:focus{left:12px;top:12px;background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:var(--r-champ);box-shadow:var(--ombre-3)}
main{overflow-wrap:break-word}
main *{min-width:0}
.scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
:is(.msg-body,.secret,.cal-link){overflow-wrap:anywhere}
@media (max-width:600px){
  main table:not(.table-argent){display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
}
@media (max-width:899.98px){ html{scroll-padding-top:16px;scroll-padding-bottom:calc(var(--barre-bas) + 20px + env(safe-area-inset-bottom,0px))} }
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;
    transition-property:opacity,color,background-color,border-color,outline-color!important}
}
@media print{
  body{background:var(--surface);background-image:none}
}


.btn{--btn-fond:var(--accent);--btn-texte:var(--accent-ink);--btn-bord:var(--accent);--btn-survol:var(--accent-hover);--btn-survol-bord:var(--btn-survol);
  --btn-appui:var(--accent-press);
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:44px;padding:10px 18px;
  border:2px solid var(--btn-bord);border-radius:var(--r-champ);background:var(--btn-fond);color:var(--btn-texte);
  font:600 var(--t-corps)/1.2 var(--body);letter-spacing:0;text-align:center;text-decoration:none;cursor:pointer;
  transition:background-color var(--d-court) var(--courbe-sortie),border-color var(--d-court) var(--courbe-sortie),
    color var(--d-court) var(--courbe-sortie),transform var(--d-appui) var(--courbe-sortie)}
:root a.btn{color:var(--btn-texte);text-decoration:none}
.btn .ic,.btn svg{width:20px;height:20px;flex:none}
@media (hover:hover) and (pointer:fine){
  .btn:hover{background:var(--btn-survol);border-color:var(--btn-survol-bord)}
}
.btn:active:not(:disabled):not([aria-disabled="true"]){transform:scale(.97);background:var(--btn-appui);border-color:var(--btn-survol-bord);transition-duration:var(--d-appui)}
.btn:disabled,.btn[aria-disabled="true"]{--btn-fond:var(--surface-2);--btn-texte:var(--muted);--btn-bord:var(--line);--btn-survol:var(--surface-2);
  --btn-survol-bord:var(--line);cursor:not-allowed}
.btn[aria-busy="true"]{cursor:progress;pointer-events:none}
.btn[aria-busy="true"]::before{content:"";width:1em;height:1em;flex:none;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;
  animation:btn-tourne .8s linear infinite}
@keyframes btn-tourne{to{transform:rotate(1turn)}}
.btn-ghost{--btn-fond:var(--surface);--btn-texte:var(--accent);--btn-bord:var(--accent);--btn-survol:var(--accent-soft);--btn-survol-bord:var(--accent);
  --btn-appui:var(--accent-soft)}
.btn-lien{--btn-fond:transparent;--btn-texte:var(--accent);--btn-bord:transparent;--btn-survol:var(--accent-soft);--btn-survol-bord:transparent;
  --btn-appui:var(--accent-soft);padding-inline:10px;font-weight:600;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.075em}
:root a.btn-lien{text-decoration:underline}
.btn-danger{--btn-fond:var(--bad);--btn-texte:var(--dot-ink);--btn-bord:var(--bad);--btn-survol:color-mix(in srgb,var(--bad) 86%,var(--ink));
  --btn-appui:color-mix(in srgb,var(--bad) 76%,var(--ink))}
.btn-done{--btn-fond:var(--ok);--btn-texte:var(--dot-ink);--btn-bord:var(--ok);--btn-survol:color-mix(in srgb,var(--ok) 86%,var(--ink));
  --btn-appui:color-mix(in srgb,var(--ok) 76%,var(--ink))}
.btn-matiere{--btn-fond:var(--m);--btn-texte:var(--m-sur);--btn-bord:var(--m);--btn-survol:color-mix(in srgb,var(--m) 94%,var(--ink));
  --btn-survol-bord:var(--m-texte);--btn-appui:color-mix(in srgb,var(--m) 90%,var(--ink))}
.btn-matiere[aria-pressed="true"]{--btn-fond:var(--ink);--btn-texte:var(--surface);--btn-bord:var(--ink);--btn-survol:var(--ink);--btn-survol-bord:var(--ink);
  --btn-appui:var(--ink)}
.btn-lien-danger{--btn-texte:var(--bad);--btn-survol:var(--bad-soft);--btn-appui:var(--bad-soft)}
.btn-small{padding:6px 14px;font-size:var(--t-petit)}
@media (pointer:fine){ .btn-small{min-height:36px} }
.btn-icone{width:44px;padding:0}
.btn-large{width:100%}
.play-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 14px;border:1.5px solid var(--accent);border-radius:var(--r-champ);
  background:var(--surface);color:var(--accent);font:600 var(--t-petit)/1.2 var(--body);cursor:pointer;
  transition:background-color var(--d-court) var(--courbe-sortie),transform var(--d-appui) var(--courbe-sortie)}
@media (hover:hover) and (pointer:fine){ .play-btn:hover{background:var(--accent-soft)} }
.play-btn:active{transform:scale(.97)}
.play-btn[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.chord .play-btn{margin-top:6px}
.row-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
:is(.sommaire-carte,.nc-lien,.pub-choix,.ad-enfant,.mf-etape > a,.cp-raccourcis a,.na-raccourcis a,.nr-tuile,.msg-fil,.sem-cours,
  .ns-liste a,.outils-liste a){transition:background-color var(--d-court) var(--courbe-sortie),border-color var(--d-court) var(--courbe-sortie),
  transform var(--d-appui) var(--courbe-sortie)}
:is(.sommaire-carte,.nc-lien,.pub-choix,.ad-enfant,.mf-etape > a,.cp-raccourcis a,.na-raccourcis a,.nr-tuile,.msg-fil,.sem-cours,
  .ns-liste a,.outils-liste a):active{transform:scale(.985)}


.choix{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0;padding:0;list-style:none}
.choix-titre{display:block;margin:0 0 var(--s2);color:var(--ink);font:600 var(--t-corps)/1.35 var(--body)}
.choix-titre-petit{color:var(--muted);font:600 var(--t-legende)/1.3 var(--body)}
.choix-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-width:44px;min-height:44px;padding:8px 14px;
  border:1.5px solid var(--champ-bord);border-radius:var(--r-champ);background:var(--surface);color:var(--ink);font:600 var(--t-petit)/1.2 var(--body);
  text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;
  transition:background-color var(--d-court) var(--courbe-sortie),border-color var(--d-court) var(--courbe-sortie),transform var(--d-appui) var(--courbe-sortie)}
:root a.choix-btn{color:var(--ink);text-decoration:none}
@media (hover:hover) and (pointer:fine){ .choix-btn:hover{border-color:var(--ink)} }
.choix-btn:active:not(:disabled){transform:scale(.97);transition-duration:var(--d-appui)}
:root .choix-btn:is([aria-pressed="true"],[aria-current="page"],[aria-current="true"]){border-color:var(--m-texte);background:var(--m-doux);font-weight:700;
  text-decoration:underline;text-decoration-color:var(--marque);text-decoration-thickness:var(--surimp-ep);text-underline-offset:var(--surimp-dec);
  text-decoration-skip-ink:none}
.choix-btn:disabled,.choix-btn[aria-disabled="true"]{background:var(--surface-2);color:var(--muted);border-color:var(--line);cursor:not-allowed}
.choix-btn.is-right{border-color:var(--ok);background:var(--ok-soft);color:var(--ink);font-weight:700;box-shadow:inset 0 0 0 1px var(--ok)}
.choix-btn.is-wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--ink);font-weight:700;text-decoration:line-through;text-decoration-color:var(--bad)}
.choix-nb{color:var(--muted);font:700 var(--t-legende)/1 var(--body);font-variant-numeric:tabular-nums}
:root .choix-btn:is([aria-pressed="true"],[aria-current]) .choix-nb{color:var(--ink)}
.choix-barre{display:inline-flex;flex-wrap:nowrap;gap:0;width:fit-content;max-width:100%;justify-self:start}
.choix-barre > .choix-btn{flex:1 1 auto;border-radius:0}
.choix-barre > .choix-btn + .choix-btn{margin-left:-1.5px}
.choix-barre > .choix-btn:first-child{border-radius:var(--r-champ) 0 0 var(--r-champ)}
.choix-barre > .choix-btn:last-child{border-radius:0 var(--r-champ) var(--r-champ) 0}
.choix-barre > .choix-btn:only-child{border-radius:var(--r-champ)}
.choix-barre > .choix-btn:is([aria-pressed="true"],[aria-current]),.choix-barre > .choix-btn:focus-visible{z-index:var(--z-dessus)}
@media print{ .choix-btn{border-color:var(--line)} }


.form{display:grid;gap:var(--s4);max-width:440px}
.form-wide{max-width:none}
.field{display:grid;gap:6px;font:600 var(--t-corps)/1.35 var(--body)}
.field > span,.field > legend{font-weight:600}
.field small,.field .muted{font-weight:400}
.field-inline{display:flex;align-items:center;gap:var(--s3);margin:6px 0}
:is(.form,.field,.search,.inline-form,.consent,.lnav,.schedule-form,.minutes-form,.transpose,.eq-choix,.eq-filtre,.eq-ecrire,.eq-msg-autre,.mdp)
  :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden],[type=submit],[type=button],[type=color],[type=image],[type=reset]),select,textarea),
.video-input,.champ{
  min-height:44px;padding:9px 12px;border:1.5px solid var(--champ-bord);border-radius:var(--r-champ);background:var(--surface);color:var(--ink);
  font:400 var(--t-corps)/1.35 var(--body);max-width:100%;
  transition:border-color var(--d-court) var(--courbe-sortie),background-color var(--d-court) var(--courbe-sortie)}
:is(.form,.field,.search,.inline-form,.consent,.schedule-form,.mdp) textarea,textarea.champ{min-height:96px;resize:vertical;line-height:1.5}
@media (hover:hover) and (pointer:fine){
  :is(.form,.field,.search,.inline-form,.consent,.lnav,.schedule-form,.eq-choix,.eq-filtre,.eq-ecrire,.mdp)
    :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden],[type=submit],[type=button]),select,textarea):hover,.champ:hover{border-color:var(--ink)}
}
:is(.form,.field,.search,.inline-form,.consent,.lnav,.schedule-form,.eq-choix,.eq-filtre,.eq-ecrire,.mdp)
  :is(input,select,textarea):focus-visible,.champ:focus-visible{border-color:var(--accent);outline:var(--focus-epaisseur) solid var(--focus);outline-offset:1px}
:is(.form,.field,.inline-form,.mdp) :is(input,select,textarea)[aria-invalid="true"],.champ[aria-invalid="true"]{border-color:var(--bad);background:var(--bad-soft)}
:is(input,select,textarea):disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}
select{contain:paint}
input[type=file]{max-width:100%;color:var(--muted);font:400 var(--t-petit)/1.4 var(--body)}
input[type=file]::file-selector-button{min-height:44px;margin:0 var(--s3) 0 0;padding:0 var(--s4);border:2px solid var(--accent);border-radius:var(--r-champ);
  background:var(--surface);color:var(--accent);font:600 var(--t-petit)/1 var(--body);cursor:pointer;transition:background-color var(--d-court) var(--courbe-sortie)}
@media (hover:hover) and (pointer:fine){ input[type=file]::file-selector-button:hover{background:var(--accent-soft)} }
.field-erreur{display:flex;gap:6px;align-items:flex-start;margin:2px 0 0;color:var(--bad);font:600 var(--t-petit)/1.4 var(--body)}
.field-aide{margin:0;color:var(--muted);font:400 var(--t-petit)/1.45 var(--body)}
.consent{display:flex;gap:var(--s3);align-items:flex-start;min-height:44px;padding-block:var(--s1);font:500 var(--t-corps)/1.45 var(--body);cursor:pointer}
.consent input[type=checkbox],.consent input[type=radio]{margin-top:1px}
.consent select{min-height:44px;padding:6px 10px;font-size:var(--t-petit)}
.consent-select{flex-wrap:wrap}
.consent-select select{flex:1 1 100%;margin-left:34px;max-width:calc(100% - 34px)}
fieldset.field{border:0;padding:0;margin:0;display:grid;gap:var(--s2)}
fieldset.field legend{margin-bottom:6px;padding:0;font:600 var(--t-corps)/1.35 var(--body)}
.checklist{display:grid;gap:var(--s2);max-height:320px;overflow:auto;padding:4px 2px;overscroll-behavior:contain}
.checklist .consent{flex-wrap:wrap}
.checklist .consent > span{flex:1 1 100%;padding-left:34px;overflow-wrap:anywhere}
.choix-carte{display:flex;gap:var(--s3);align-items:center;min-height:48px;padding:12px 14px;border:1.5px solid var(--champ-bord);border-radius:var(--r-champ);
  background:var(--surface);cursor:pointer}
.choix-carte:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.search{display:flex;gap:var(--s2);margin-bottom:var(--s2);max-width:520px}
.search input{flex:1;min-width:0}
.inline-form{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.inline-form input{width:160px}
.inline-form select{max-width:100%}
.mdp{display:flex;align-items:stretch;min-width:0}
:is(.form,.field,.inline-form,.mdp) .mdp input,.mdp input{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}
:is(.form,.field,.inline-form,.mdp) .mdp:has(> .mdp-voir[hidden]) input{border-radius:var(--r-champ)}
.mdp-voir{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:44px;min-height:44px;padding:0 12px;
  border:1.5px solid var(--champ-bord);border-left:0;border-radius:0 var(--r-champ) var(--r-champ) 0;background:var(--surface-2);color:var(--ink);
  font:600 var(--t-petit)/1 var(--body);cursor:pointer}
.mdp-voir svg{width:20px;height:20px;flex:none}
.mdp-voir[aria-pressed="true"]{background:var(--accent-soft)}
.inline-form .mdp input{width:170px}
.field input.code-6{font:600 1.375rem/1.2 var(--mono);letter-spacing:.2em;max-width:12ch}


.flash{display:block;position:relative;max-width:72ch;padding:12px 16px 12px calc(26px + var(--s3));border-radius:var(--r-bloc);background:var(--surface-2);
  color:var(--ink);font:600 var(--t-corps)/1.45 var(--body);animation:flash-entre var(--d-moyen) var(--courbe-sortie) both}
.flash::before{content:"";position:absolute;left:16px;top:calc(12px + .45em);width:10px;height:10px;border-radius:var(--r-petit);background:currentColor}
.flash > *{margin:0}
.flash a{color:inherit}
.flash-ok{background:var(--ok-soft);color:var(--ok)}
.flash-err{background:var(--bad-soft);color:var(--bad)}
.flash-warn{background:var(--warn-soft);color:var(--warn)}
.flash-info{background:var(--accent-soft);color:var(--ink)}
@keyframes flash-entre{from{opacity:0;transform:translateY(-4px)}}
.reserve{display:grid;gap:var(--s2);justify-items:start;margin:var(--s4) 0;padding:var(--s4) var(--s5);border:1.5px dashed var(--accent);
  border-radius:var(--r-bloc);background:var(--surface);color:var(--ink)}
.reserve p{margin:0;max-width:62ch}
.reserve-t{display:flex;align-items:center;gap:var(--s2);font:700 var(--t-titre-4)/1.3 var(--body)}
.reserve-t .ic{width:20px;height:20px;flex:none;color:var(--accent)}
.reserve-plus{color:var(--muted)}
.reserve-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s1)}
.locked > .reserve{border:0;background:none;padding:0;margin:0}
.locked > .reserve + .small{margin:0}
.reserve-mini{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:var(--s2) 0 0;font-size:var(--t-petit);color:var(--muted)}
.reserve-mini .ic{width:16px;height:16px;flex:none;color:var(--accent)}
.reserve-mini span{color:var(--ink);font-weight:600}
.reserve-mini a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.apercu-banner{position:sticky;top:0;z-index:50;background:var(--accent,#9c4a26);color:#fff;text-align:center;font:var(--t-petit)/1.4 var(--body);padding:8px 16px}
.apercu-banner a{color:#fff;font-weight:700;margin-left:.5em;text-decoration:underline}
.staging-banner{background:var(--warn);color:var(--dot-ink);text-align:center;font:700 var(--t-petit)/1.3 var(--body);padding:6px 16px}
.prof-banner{display:block;background:var(--prof);color:var(--prof-ink);font:700 var(--t-legende)/1.3 var(--body);text-align:center;padding:5px 16px}
.season-banner{background:var(--aplat);color:var(--aplat-ink);text-align:center;padding:8px 16px;font-weight:600}
.season-banner a{color:inherit;text-decoration:none}
@media (hover:hover) and (pointer:fine){ .season-banner a:hover{text-decoration:underline} }
.acces-bandeau{position:relative;background:var(--accent-soft);color:var(--ink);font-size:var(--t-petit)}
.acces-bandeau.is-fort{background:var(--warn-soft)}
.acces-bandeau-cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.acces-bandeau-cb:checked + .acces-bandeau-in{display:none}
.acces-bandeau-in{display:flex;align-items:center;gap:var(--s2);max-width:1200px;margin:0 auto;padding:2px 4px 2px 16px}
.acces-bandeau-in p{flex:1;margin:0;padding:6px 0;line-height:1.4}
.acces-bandeau-in a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.acces-bandeau-in .btn{text-decoration:none;margin-left:6px;min-height:36px;vertical-align:middle}
.acces-bandeau-x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-champ);cursor:pointer;
  font-size:22px;line-height:1;color:var(--ink)}
@media (hover:hover) and (pointer:fine){ .acces-bandeau-x:hover{background:var(--surface-2)} }
.acces-bandeau-x .ic{width:20px;height:20px}
.acces-bandeau-cb:focus-visible + .acces-bandeau-in .acces-bandeau-x{outline:var(--focus-epaisseur) solid var(--focus);outline-offset:-3px}
@media (max-width:600px){
  .acces-bandeau-in{padding-left:12px;gap:4px}
  .acces-bandeau-plus{display:none}
  .acces-bandeau-in .btn{display:inline-flex;margin:4px 0 4px 6px;min-height:44px}
}
.install-bar{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:var(--z-bandeau);display:flex;flex-wrap:wrap;
  align-items:center;gap:var(--s2);padding:10px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-bloc);
  box-shadow:var(--ombre-3);font-size:var(--t-petit)}
.install-bar span{flex:1 1 100%}
@media (max-width:899.98px){ .install-bar{bottom:calc(var(--barre-bas) + 8px + env(safe-area-inset-bottom,0px))} }
@media print{ .acces-bandeau,.apercu-banner,.staging-banner,.install-bar{display:none} }


.etiquette-m{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--r-petit);background:var(--m);color:var(--m-sur);
  font:700 var(--t-petit)/1.1 var(--body);text-decoration:none;white-space:nowrap}
.etiquette-m-doux{background:var(--m-doux);color:var(--m-texte)}
a.etiquette-m{min-height:44px;padding-inline:14px;transition:transform var(--d-appui) var(--courbe-sortie)}
a.etiquette-m:active{transform:scale(.97)}
.etiquettes-encre{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.etiquettes-encre li{max-width:none}
a.etiquette-affiche{min-height:48px;padding-inline:16px;font:800 var(--t-corps)/1 var(--display);font-stretch:var(--large-titre);text-transform:uppercase;letter-spacing:.02em}
@media (hover:hover) and (pointer:fine){ a.etiquette-affiche:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px} }
.etiquette-m:is([aria-current],[aria-pressed="true"]){background:var(--m-doux);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--m-texte);
  text-decoration:underline;text-decoration-color:var(--marque);text-decoration-thickness:var(--surimp-ep);text-underline-offset:var(--surimp-dec);text-decoration-skip-ink:none}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s1)}
.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-petit);background:var(--surface-2);color:var(--muted);
  font:600 var(--t-legende)/1.3 var(--body)}
.chip.chip-libre{background:var(--ok-soft);color:var(--ok)}
.chip.chip-reserve{background:var(--accent-soft);color:var(--ink)}
.st{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-petit);white-space:nowrap;
  font:600 var(--t-legende)/1.3 var(--body)}
.st.ready{background:var(--ok-soft);color:var(--ok)}
.st.todo{background:var(--surface-2);color:var(--muted)}
.st.warn{background:var(--warn-soft);color:var(--warn)}
.st.bad{background:var(--bad-soft);color:var(--bad)}
.bad{color:var(--bad)}
.badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-rond);background:var(--bad);color:var(--dot-ink);
  font:700 .8125rem/1 var(--body);font-variant-numeric:tabular-nums;vertical-align:2px;letter-spacing:0}
.pastille-m,.eq-dot{display:inline-block;flex:none;width:10px;height:10px;margin-right:8px;border-radius:2px;background:var(--m);vertical-align:1px}
.key{display:inline-block;width:12px;height:12px;border-radius:var(--r-petit);border:1px solid var(--bord);vertical-align:-1px}
.key.is-done{background:var(--ok);border-color:var(--ok)}
.key.is-part{background:var(--ok-soft);border-color:var(--ok)}


.page-head{display:grid;gap:var(--s2);margin:var(--s2) 0 var(--s5)}
.page-head > h1{max-width:30ch}
.page-head h1{margin:0}
.page-head a:where(:not(.btn,.etiquette-m,.choix-btn)){color:var(--accent);text-underline-offset:.2em}
.lede{max-width:60ch;margin:0;color:var(--muted);font-size:var(--t-grand);line-height:1.5}
.eyebrow{margin:0;color:var(--muted);font:600 var(--t-petit)/1.3 var(--body);letter-spacing:0;text-transform:none}
.box{display:grid;gap:var(--s3);align-content:start;padding:var(--s4) 0 0;background:none;border:0;border-top:2px solid var(--ink);border-radius:0;
  box-shadow:none}
.box .box{padding-top:var(--s3);border-top:1px solid var(--line)}
.box > *{margin-top:0;margin-bottom:0}
.box > h3 + p.muted,.box > h3 + .muted{margin-top:calc(-1 * var(--s1))}
.box h4{margin:var(--s2) 0 0}
.box-wide{grid-column:1/-1}
.box a:not(.btn):where(:not(.etiquette-m,.choix-btn)){color:var(--accent)}
.box details > summary{min-height:44px;display:flex;align-items:center;gap:var(--s2);cursor:pointer;font-weight:600}
.box details > summary:not(.btn){color:var(--accent)}
.box details > summary.btn{display:inline-flex;width:auto;list-style:none}
.box details > summary.btn::-webkit-details-marker{display:none}
.box details[open] > summary{margin-bottom:var(--s2)}
.dash,.card-grid{display:grid;gap:var(--s6);grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));align-items:start}
.two{display:grid;gap:var(--s5) var(--s6);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.dash > *,.card-grid > *{min-width:0}
:is(.box,.dash,.two,.card-grid,.tiles,.a-faire,.aide-page,.flash,.search) + :is(.box,.dash,.two,.card-grid,.tiles,section,.a-faire,.row-actions){margin-top:var(--s4)}
:is(.box,.dash,.two,.card-grid,.tiles,.a-faire,.aide-page,.flash,.search) + :is(.box,.dash,.two,.card-grid){margin-top:var(--s6)}
:is(.dash,.card-grid,.two,.tiles) > :is(.box,.tile,section,article,form,div,a){margin-top:0}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:var(--s4) var(--s5);margin-bottom:var(--s4)}
.tile{display:grid;gap:2px;align-content:start;padding:var(--s3) 0 0;background:none;border:0;border-top:2px solid var(--ink);border-radius:0;box-shadow:none}
.tile b{font:800 var(--t-titre-1)/1 var(--display);font-stretch:var(--large-titre);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.tile span{font:600 var(--t-petit)/1.3 var(--body);color:var(--ink)}
.tile small{color:var(--muted);font-size:var(--t-legende)}
.tile-ok{border-top-color:var(--ok)} .tile-ok b{color:var(--ok)}
.tile-warn{border-top-color:var(--warn)} .tile-warn b{color:var(--warn)}
.tile-bad{border-top-color:var(--bad)} .tile-bad b{color:var(--bad)}
.plain{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.plain a:not(.btn):where(:not(.etiquette-m,.choix-btn)){color:var(--accent)}
.hw{list-style:none;margin:0;padding:0;display:grid}
.hw li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2) var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.hw li:last-child{border-bottom:0}
.hw li > div:first-child{flex:1 1 260px;min-width:0}
.hw li > div:last-child{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
.hw li:is(.is-done,.is-off) b{text-decoration:line-through;color:var(--muted)}
.hw li.is-new{margin:0 -10px;padding:var(--s3) 10px;border-radius:var(--r-champ);background:var(--accent-soft)}
.a-faire{margin-block:var(--s3)}
.a-faire h3{margin-bottom:4px}
.a-faire-liste{list-style:none;margin:0;padding:0}
.a-faire-liste li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;padding:9px 0;border-top:1px solid var(--line)}
.a-faire-liste li:first-child{border-top:0}
.a-faire-liste li > span{flex:1 1 260px;min-width:0}
.vide{display:grid;gap:var(--s2);justify-items:start;padding:var(--s5);border:1.5px dashed var(--bord);border-radius:var(--r-bloc);color:var(--muted)}
.vide > *{margin:0}
.vide b,.vide strong{color:var(--ink)}
.aide-page{position:relative;width:fit-content;margin:var(--s1) 0 var(--s4)}
.aide-page > summary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-width:44px;min-height:44px;padding:0 var(--s3);cursor:pointer;
  list-style:none;border:1px solid var(--bord);border-radius:var(--r-champ);background:transparent;color:var(--muted);font:600 var(--t-legende)/1.2 var(--body)}
.aide-page > summary::-webkit-details-marker{display:none}
.aide-page > summary .ic{width:20px;height:20px;flex:none;color:var(--accent)}
@media (hover:hover) and (pointer:fine){ .aide-page > summary:hover{border-color:var(--ink);color:var(--ink)} }
.aide-page[open] > summary{border-color:var(--accent);color:var(--ink)}
:is(.aplat,.aplat-matiere) .aide-page > summary,:is(.aplat,.aplat-matiere) .aide-page > summary .ic{color:inherit;border-color:currentColor}
.page-head:has(> .aide-page){position:relative}
.page-head:has(> .aide-page) > h1{padding-right:calc(5.5rem + var(--s3))}
.page-head > .aide-page{position:absolute;top:0;right:0;margin:0;z-index:var(--z-menu)}
@media (max-width:599.98px){
  .aide-mot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .aide-page > summary{padding:0}
  .page-head:has(> .aide-page) > h1{padding-right:calc(44px + var(--s3))}
}
.aide-corps{display:grid;gap:6px;margin-top:var(--s2);padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-bloc);background:var(--surface);color:var(--ink);
  line-height:1.5;box-shadow:var(--ombre-3);animation:replie-entre var(--d-court) var(--courbe-sortie)}
.page-head > .aide-page > .aide-corps{position:absolute;top:100%;right:0;width:min(34rem,calc(100vw - 2 * var(--gouttiere)))}
.aide-corps p{margin:0}
.aide-corps .aide-h{font-weight:700;margin-top:6px}
.aide-corps ol,.aide-corps ul{margin:0;padding-left:22px;display:grid;gap:4px}
@keyframes replie-entre{from{opacity:0;transform:translateY(-2px)}}
@media print{ .aide-page{display:none} }


:is(.admin-table,table.table,.recettes){width:100%;border-collapse:collapse;font-size:var(--t-petit)}
.admin-table{min-width:640px}
.admin-table-s{min-width:0}
:is(.admin-table,table.table,.recettes) th{padding:10px 12px;border-bottom:2px solid var(--ink);color:var(--ink);font:700 var(--t-legende)/1.3 var(--body);
  letter-spacing:0;text-transform:none;text-align:left;vertical-align:bottom;background:none}
:is(.admin-table,table.table,.recettes) td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}
:is(.admin-table,table.table,.recettes) :is(th,td):first-child{padding-left:0}
:is(.admin-table,table.table,.recettes) :is(th,td).num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
:is(.admin-table,table.table,.recettes) tfoot :is(th,td){border-bottom:0;border-top:2px solid var(--ink);font-weight:700}
.recettes .is-refunded td{color:var(--muted)}
@media (hover:hover) and (pointer:fine){
  .admin-table tbody tr:hover td{background:var(--surface-2)}
}
.table-vide td{padding:var(--s4) 0;color:var(--muted)}
.big-number{font-size:1.15em;margin:10px 0}
.big-number b{font-variant-numeric:tabular-nums}
.eq-mini{width:100%;border-collapse:collapse;font-size:var(--t-petit)}
.eq-mini td{padding:7px 0;border-bottom:1px solid var(--line)}
.eq-mini tr:last-child td{border-bottom:0}
.eq-mini td.num{padding-left:var(--s4);font-weight:600}
@media print{ .admin-table tbody tr:hover td{background:none} }
@media (max-width:600px){
  .scroll:has(> .table-cartes){overflow:visible}
  :is(.admin-table,table.table).table-cartes{min-width:0;display:block}
  :is(.admin-table,table.table).table-cartes thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  :is(.admin-table,table.table).table-cartes :is(tbody,tfoot){display:block}
  :is(.admin-table,table.table).table-cartes tr{display:block;padding:var(--s3) 0;border-bottom:1px solid var(--line)}
  :is(.admin-table,table.table).table-cartes tfoot tr{border-bottom:0;border-top:2px solid var(--ink)}
  :is(.admin-table,table.table).table-cartes :is(td,th){display:block;position:relative;padding:3px 0 3px 8.5rem;border:0;text-align:left;min-height:1.6em}
  :is(.admin-table,table.table).table-cartes :is(td,th).num{text-align:left}
  :is(.admin-table,table.table).table-cartes td::before{content:attr(data-col);position:absolute;left:0;top:4px;width:8rem;color:var(--muted);font:600 var(--t-legende)/1.4 var(--body);overflow-wrap:anywhere}
  :is(.admin-table,table.table).table-cartes tr > :first-child{padding-left:0;font-size:var(--t-corps)}
  :is(.admin-table,table.table).table-cartes tr > :first-child::before,:is(.admin-table,table.table).table-cartes td[data-col=""]::before,:is(.admin-table,table.table).table-cartes td:not([data-col])::before{content:none}
  :is(.admin-table,table.table).table-cartes td[data-col=""],:is(.admin-table,table.table).table-cartes td:not([data-col]){padding-left:0}
  :is(.admin-table,table.table).table-cartes td[data-col=""]:not(:first-child){margin-top:var(--s2)}
  :is(.admin-table,table.table).table-cartes td :is(.inline-form,details){margin:0}
  
  :is(.admin-table,table.table).table-cartes td:empty{display:none}
  :is(.admin-table,table.table).table-cartes td .st{white-space:normal}
  @media (hover:hover) and (pointer:fine){ :is(.admin-table,table.table).table-cartes tbody tr:hover td{background:none} }
}


.tb-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:0;margin:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.tb-chiffre{display:grid;align-content:start;gap:2px;padding:var(--s3) var(--s4) var(--s3) 0}
.tb-chiffre + .tb-chiffre{padding-left:var(--s4);border-left:1px solid var(--line)}
.tb-chiffre dt{order:2;font:600 var(--t-legende)/1.3 var(--body);color:var(--ink)}
.tb-chiffre dd{display:contents}
.tb-chiffre b{order:1;font:800 var(--t-titre-2)/1.05 var(--display);font-stretch:var(--large-titre);font-variant-numeric:tabular-nums lining-nums;overflow-wrap:anywhere}
.tb-chiffre small{order:3;color:var(--muted);font-size:var(--t-legende);line-height:1.35}
.tb-chiffre.is-warn b{color:var(--warn)} .tb-chiffre.is-bad b{color:var(--bad)}
.tb-chiffres-doux .tb-chiffre b{font-size:var(--t-titre-3)}
@media (max-width:600px){
  .tb-chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tb-chiffre,.tb-chiffre + .tb-chiffre{padding:var(--s3) var(--s3) var(--s3) 0;border-left:0}
  .tb-chiffre:nth-child(even){padding-left:var(--s3);border-left:1px solid var(--line)}
  .tb-chiffre:nth-child(n+3){border-top:1px solid var(--line)}
}
.jauge{height:10px;border-radius:var(--r-petit);background:var(--surface-2);overflow:hidden;max-width:32rem;flex:1}
.jauge > i{display:block;height:100%;background:var(--m);transform:scaleX(var(--p,0));transform-origin:left center;transition:transform var(--d-moyen) var(--courbe-sortie)}
.jauge.is-ok > i{background:var(--ok)}
.jauge-petite{height:6px;max-width:14rem;margin-top:4px}


.site-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:var(--z-entete);background-color:var(--ground);background-image:var(--grain);
  border-bottom:2px solid var(--ink)}
.site-top-in{position:relative;max-width:var(--page-max);min-height:64px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);
  padding:8px max(var(--gouttiere),env(safe-area-inset-right)) 8px max(var(--gouttiere),env(safe-area-inset-left))}
.site-brand{display:flex;align-items:center;gap:10px;min-height:44px;margin-right:auto;color:var(--ink);text-decoration:none}
.site-brand .logo{width:38px;height:38px;flex:none}
.site-brand b{display:flex;align-items:center;font:800 1.625rem/1 var(--display);font-stretch:85%;letter-spacing:-.01em;text-transform:none}
.site-brand .logo-nom{display:block;width:auto;height:23px;aspect-ratio:209/29.2;flex:none;overflow:visible}
.site-brand .logo-trait{fill:var(--logo-trait)}
.site-brand .brand-tag{display:none;font:600 var(--t-legende)/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
@media (min-width:600px){ .site-brand .brand-tag{display:inline} }
@media (min-width:900px) and (max-width:1180px){ .site-brand .brand-tag{display:none} }
.site-actions{display:flex;align-items:center;gap:var(--s2)}
@media (max-width:899.98px){ .site-top{position:relative} .site-top-in{min-height:58px} }
.theme-picker{position:relative}
.theme-picker > summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px;
  border:1.5px solid var(--bord);border-radius:var(--r-champ);background:var(--surface);color:var(--ink);font:600 var(--t-petit)/1 var(--body);cursor:pointer}
.theme-picker > summary::-webkit-details-marker{display:none}
.theme-picker > summary svg{width:20px;height:20px}
.theme-picker > summary span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.theme-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-menu);display:grid;gap:2px;min-width:240px;padding:6px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-bloc);box-shadow:var(--ombre-3);transform-origin:top right;
  animation:menu-entre var(--d-moyen) var(--courbe-sortie)}
.theme-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 10px;border:0;border-radius:var(--r-champ);background:none;
  color:var(--ink);font:600 var(--t-petit)/1.25 var(--body);text-align:left;cursor:pointer}
@media (hover:hover) and (pointer:fine){ .theme-menu button:hover{background:var(--surface-2)} }
.theme-menu button[aria-pressed="true"]{color:var(--ink)}
.theme-menu .theme-nom{display:block}
.theme-menu small{display:block;font-weight:400;font-size:var(--t-legende);color:var(--muted)}
.theme-menu .sw{width:28px;height:28px;flex:none;border-radius:var(--r-petit);border:1px solid var(--bord)}
@keyframes menu-entre{from{opacity:0;transform:translateY(-4px) scale(.98)}}
.nav-barre ul{list-style:none;margin:0;padding:0}
.nav-barre a{position:relative;color:var(--muted);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.nav-barre .nb-ic{width:20px;height:20px;flex:none}
.nav-barre .badge{margin-left:2px}
@media (min-width:900px){
  .nav-barre ul{display:flex;align-items:center;gap:2px}
  .nav-barre a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border-radius:var(--r-champ);font:600 var(--t-petit)/1.2 var(--body);
    transition:background-color var(--d-court) var(--courbe-sortie),color var(--d-court) var(--courbe-sortie)}
  .nav-barre a[aria-current="page"]{color:var(--ink)}
  .nav-barre a.nb-inscription{border:1.5px solid var(--accent);color:var(--ink)}
  .nav-barre a.nb-gestion{border:1.5px solid var(--bord);margin-left:6px}
  .nav-barre a.nb-gestion[aria-current="page"]{border-color:var(--m)}
}
@media (min-width:900px) and (hover:hover) and (pointer:fine){ .nav-barre a:hover{background:var(--surface-2);color:var(--ink)} }
@media (min-width:900px) and (max-width:1180px){ .nav-barre a{padding:0 10px} }
@media (max-width:899.98px){
  .nav-barre{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-barre);background-color:var(--ground);background-image:var(--grain);border-top:2px solid var(--ink);
    padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);transition:visibility 0s linear .35s}
  .nav-barre ul{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  .nav-barre a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--barre-bas);padding:6px 2px 7px;
    font:600 .8125rem/1.15 var(--body);text-align:center;transition:background-color 150ms ease}
  .nav-barre .nb-ic{width:24px;height:24px}
  .nav-barre a:active{background:var(--surface-2);transition:none}
  .nav-barre a[aria-current="page"]{color:var(--ink)}
  .nav-barre .badge{position:absolute;top:5px;left:calc(50% + 5px);margin:0}
  .nav-barre ul:has(> li:nth-child(5)) a{font-size:.75rem}
  body{padding-bottom:calc(var(--barre-bas) + env(safe-area-inset-bottom,0px))}
  
  body:has(:is(input:not([type=checkbox],[type=radio],[type=range]),textarea,select):focus) .nav-barre{visibility:hidden;transition-delay:0s}
  
  html{scroll-padding-bottom:calc(var(--barre-bas) + 16px + env(safe-area-inset-bottom,0px))}
}
.site-sub{border-top:1px solid var(--line);background:var(--m-doux)}
.site-sub-in{max-width:var(--page-max);margin:0 auto;padding:0 var(--gouttiere);display:flex;align-items:center;gap:2px;min-height:48px;overflow-x:auto;
  scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:var(--gouttiere);-webkit-overflow-scrolling:touch}
.site-sub-in::-webkit-scrollbar{display:none}
.site-sub-nom{display:inline-flex;align-items:center;gap:8px;flex:none;margin-right:var(--s3);color:var(--ink);font:800 1.0625rem/1 var(--display);
  font-stretch:var(--large-titre);scroll-snap-align:start}
.site-sub-nom::before{content:"";width:12px;height:12px;border-radius:2px;background:var(--m)}
.site-sub a{display:inline-flex;align-items:center;flex:none;min-height:48px;padding:0 12px;color:var(--ink);text-decoration:none;white-space:nowrap;
  font:600 var(--t-petit)/1 var(--body);scroll-snap-align:start}
@media (hover:hover) and (pointer:fine){ .site-sub a:hover:not([aria-current]){text-decoration:underline;text-decoration-color:var(--bord);text-underline-offset:.3em} }
.site-sub a[aria-current="page"]{font-weight:700}
@media (max-width:899.98px){
  .site-sub-in{padding:0 16px;scroll-padding-inline:16px;mask-image:linear-gradient(90deg,var(--ink) calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(90deg,var(--ink) calc(100% - 32px),transparent)}
  
  .site-sub-nom{position:sticky;left:-16px;z-index:var(--z-dessus);align-self:stretch;margin:0 calc(-1 * var(--s3)) 0 -16px;padding:0 var(--s5) 0 16px;
    background:linear-gradient(90deg,var(--m-doux) calc(100% - var(--s4)),transparent)}
}
.site-foot{margin-top:var(--s7);border-top:2px solid var(--ink)}
.site-foot-in{max-width:var(--page-max);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);justify-content:space-between;align-items:center;
  padding:var(--s4) max(var(--gouttiere),env(safe-area-inset-right)) var(--s4) max(var(--gouttiere),env(safe-area-inset-left));font-size:var(--t-petit);color:var(--muted)}
.site-foot nav{display:flex;flex-wrap:wrap;gap:0 var(--s4)}
.site-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}
.site-foot .made-by{margin:0;width:100%;font-size:var(--t-legende)}
.site-foot .made-by a{min-height:44px}
@media print{ .site-top,.site-foot,.nav-barre,.site-sub,.skip{display:none!important} }


.pespace-main{min-width:0}
.pmenu-col{display:none}
.pmenu ul{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.pmenu-h{margin:0;padding:2px 12px 6px;color:var(--muted);font:700 var(--t-legende)/1.2 var(--body)}
.pmenu a{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:6px 12px;border-radius:var(--r-champ);color:var(--ink);
  text-decoration:none;font:500 var(--t-petit)/1.25 var(--body);transition:background-color var(--d-court) var(--courbe-sortie)}
.pmenu a .ic{color:var(--muted)}
.pmenu a > span{flex:1;min-width:0}
.pmenu a .pmenu-txt{display:grid;flex:1;min-width:0}
.pmenu a .pmenu-txt,.pmenu a .pmenu-txt > span{overflow-wrap:normal;word-break:normal;hyphens:manual}
.pmenu a small{display:block;font:500 .8125rem/1.25 var(--body);color:var(--muted)}
.pmenu a .badge{flex:none;min-width:22px;padding:0 6px}
@media (hover:hover) and (pointer:fine){ .pmenu a:hover{background:var(--surface-2)} }
.pmenu a[aria-current="page"]{color:var(--ink);font-weight:700}
.pmenu a[aria-current="page"] .ic{color:var(--m-texte)}
.pmenu-g + .pmenu-g{border-top:1px solid var(--line);margin-top:var(--s2);padding-top:var(--s3)}
.pmenu-reglages > summary{display:flex;align-items:center;gap:var(--s2);min-height:44px;padding:6px 12px;border-radius:var(--r-champ);cursor:pointer;list-style:none;
  color:var(--muted);font:700 var(--t-legende)/1.2 var(--body)}
.pmenu-reglages > summary::-webkit-details-marker{display:none}
@media (hover:hover) and (pointer:fine){ .pmenu-reglages > summary:hover{background:var(--surface-2)} }
.pmenu-chev{width:24px;height:24px;flex:none;margin-left:auto;color:var(--accent);transition:transform var(--d-court) var(--courbe-sortie)}
:is(.pmenu-tel,.pmenu-reglages)[open] .pmenu-chev{transform:rotate(180deg)}
.pmenu-reglages .pmenu-chev{width:18px;height:18px;color:var(--muted)}
.pmenu-in .pmenu-g + .pmenu-g{margin-top:0}
@media (min-width:1100px){
  .pespace{display:grid;grid-template-columns:264px minmax(0,1fr);gap:36px;align-items:start}
  .pmenu-col{display:grid;gap:0;padding:var(--s3) 0 0;border-top:2px solid var(--ink)}
  .pmenu-col a,.pmenu-col .pmenu-reglages > summary{margin-inline:calc(-1 * var(--s3))}
  .pmenu-col .pmenu-h{padding-inline:0}
  .pmenu-tel{display:none}
}
@media (min-width:1100px) and (min-height:1180px){ .pmenu-col{position:sticky;top:84px} }
@media (min-width:1100px) and (pointer:fine){ .pmenu-col a{min-height:36px;padding-block:5px} }
.pmenu-tel{margin:0 0 var(--s4)}
.pmenu-tel > summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 14px;border:2px solid var(--ink);border-radius:var(--r-bloc);
  background:var(--surface);color:var(--ink);cursor:pointer}
.pmenu-tel > summary::-webkit-details-marker{display:none}
.pmenu-lab{display:grid;gap:2px;flex:1;min-width:0}
.pmenu-lab small{font:600 var(--t-legende)/1.2 var(--body);color:var(--muted)}
.pmenu-lab b{font:800 1.125rem/1.2 var(--display);color:var(--ink)}
.pmenu-tel[open] > summary{border-radius:var(--r-bloc) var(--r-bloc) 0 0;background:var(--accent-soft)}
.pmenu-in{display:grid;gap:var(--s4);padding:14px;border:2px solid var(--ink);border-top:0;border-radius:0 0 var(--r-bloc) var(--r-bloc);background:var(--surface);
  max-height:calc(100dvh - 140px);overflow:auto;overscroll-behavior:contain;animation:menu-entre var(--d-moyen) var(--courbe-sortie);transform-origin:top center}
.pmenu-in ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.pmenu-in a{border:1px solid var(--line);background:var(--surface-2)}
@media (min-width:700px){ .pmenu-in{grid-template-columns:repeat(3,minmax(0,1fr))} .pmenu-in ul{grid-template-columns:1fr} }
.prof-tabs{display:flex;flex-wrap:nowrap;gap:2px;margin:4px 0 var(--s5);padding:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);
  overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--s4)}
.prof-tabs::-webkit-scrollbar{display:none}
.prof-tabs a{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:44px;margin:0 0 -1px;padding:0 var(--s4);border:0;border-radius:0;background:none;
  color:var(--muted);font:600 var(--t-petit)/1.2 var(--body);letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;
  box-shadow:inset 0 -3px 0 transparent;scroll-snap-align:start}
@media (hover:hover) and (pointer:fine){ .prof-tabs a:hover{color:var(--ink);box-shadow:inset 0 -3px 0 var(--bord)} }
.prof-tabs a[aria-current="page"]{color:var(--ink);font-weight:700}
.ariane ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin:0 0 var(--s3);padding:0;font:500 var(--t-petit)/1.3 var(--body);color:var(--muted)}
.ariane li{display:inline-flex;align-items:center;gap:6px}
.ariane li + li::before{content:"/";color:var(--bord)}
.ariane a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}
.ariane [aria-current="page"]{color:var(--ink);font-weight:600}
.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin:var(--s5) 0}
.pagination a,.pagination span{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 12px;border:1.5px solid var(--bord);
  border-radius:var(--r-champ);background:var(--surface);color:var(--ink);text-decoration:none;font:600 var(--t-petit)/1 var(--body);font-variant-numeric:tabular-nums}
.pagination [aria-current="page"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.pagination .pagination-suite{margin-left:auto}
details[data-menu][open] > :not(summary){animation:menu-entre var(--d-moyen) var(--courbe-sortie)}
.tb-plus[open] > :not(summary),details.appareils[open] > :not(summary){animation:replie-entre var(--d-court) var(--courbe-sortie)}


.sommaire{margin:var(--s2) 0 var(--s6);min-width:0}
.sommaire-t{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 var(--s3);color:var(--ink);font:800 var(--t-titre-4)/1.2 var(--display);
  font-stretch:var(--large-titre)}
.sommaire-nb{color:var(--muted);font:600 var(--t-legende)/1 var(--body)}
.sommaire-liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2) var(--s5);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.sommaire-liste li{margin:0;min-width:0;max-width:none}
.sommaire-carte{display:block;height:100%;min-height:44px;padding:10px 0 6px;border-top:2px solid var(--ink);color:var(--ink);text-decoration:none}
.sommaire-txt{display:block;min-width:0}
.sommaire-txt b{display:block;font:700 var(--t-corps)/1.3 var(--body);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.22em;
  text-decoration-thickness:.12em;transition:text-decoration-color var(--d-court) var(--courbe-sortie)}
.sommaire-txt small{display:block;margin-top:2px;color:var(--muted);font-size:var(--t-petit);line-height:1.4}
@media (hover:hover) and (pointer:fine){ .sommaire-carte:hover .sommaire-txt b{text-decoration-color:var(--m)} }
.sommaire-carte:focus-visible{outline-offset:2px}
.sommaire-et{display:inline-block;margin-top:6px;padding:2px 7px;border-radius:var(--r-petit);background:var(--warn-soft);color:var(--warn);
  font:600 var(--t-legende)/1.3 var(--body)}
@media (max-width:600px){
  .sommaire{margin-bottom:var(--s5)}
  .sommaire-t{font-size:var(--t-corps);margin-bottom:var(--s2)}
  .sommaire-liste{display:flex;gap:var(--s2);overflow-x:auto;padding-bottom:4px;margin-inline:calc(-1 * var(--gouttiere));padding-inline:var(--gouttiere);
    scroll-padding-inline:var(--gouttiere);scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .sommaire-liste::-webkit-scrollbar{display:none}
  .sommaire-liste li{flex:none;scroll-snap-align:start}
  .sommaire-carte{display:flex;align-items:center;padding:8px 14px;border:1.5px solid var(--bord);border-radius:var(--r-champ);background:var(--surface);white-space:nowrap}
  .sommaire-txt{display:flex;align-items:center;gap:8px}
  .sommaire-txt b{font-size:var(--t-petit)}
  .sommaire-txt small{display:none}
  .sommaire-et{margin:0}
}
.section-pleine{margin:0 0 var(--s7);padding:var(--s4) 0 0;border:0;border-top:2px solid var(--ink);border-radius:0;background:none;box-shadow:none;
  scroll-margin-top:96px;min-width:0}
.section-pleine-tete{display:flex;align-items:flex-start;gap:var(--s3);flex-wrap:wrap;margin:0 0 var(--s4)}
.section-pleine-titre{flex:1 1 240px;min-width:0}
.section-pleine-titre h2{margin:0}
.section-pleine-titre p{margin:6px 0 0}
.section-pleine-seul{margin-left:auto}
.section-pleine-corps{min-width:0}
.section-pleine-corps > .box:only-child{border:0;padding:0;margin:0;background:transparent;box-shadow:none;max-width:none}
.section-pleine-corps > .box:only-child > h3:first-child{display:none}
.section-pleine-haut{margin:var(--s3) 0 0;text-align:right;font-size:var(--t-petit)}
.section-pleine-haut a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent)}
@media (max-width:600px){
  .section-pleine{margin-bottom:var(--s6);scroll-margin-top:12px}
  .section-pleine-seul{margin-left:0}
}
@media print{ .section-pleine{padding:0;break-inside:auto} }


.index{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid}
.index-filet{border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.index > :where(li){position:relative;max-width:none;margin:0 calc(-1 * var(--s3));padding:var(--s3);transition:background-color var(--d-court) var(--courbe-sortie)}
.index > :where(li) + :where(li){border-top:1px solid var(--line)}
.index-lien{color:var(--ink);font-weight:650;text-decoration:none}
:root .index-lien{color:var(--ink)}
.index-lien::after{content:"";position:absolute;inset:0}
.index > li :is(.btn,.chip,.etiquette-m,button,input,select){position:relative;z-index:var(--z-dessus)}
@media (hover:hover) and (pointer:fine){
  .index > li:hover{background:var(--m-doux)}
  .index > li:hover .index-lien{text-decoration:underline;text-decoration-color:var(--m-texte);text-underline-offset:.2em}
}
.index > li:active{background:var(--m-doux)}
.index > li:has(.index-lien:focus-visible){background:var(--m-doux)}
.index > li:has(.index-lien[aria-current]){background:var(--m-doux)}
.index-lien[aria-current]{text-decoration:underline;text-decoration-color:var(--marque);text-decoration-thickness:var(--surimp-ep);text-underline-offset:var(--surimp-dec);
  text-decoration-skip-ink:none}
.index-num{font:800 var(--t-titre-4)/1 var(--display);font-stretch:var(--large-titre);color:var(--m-texte);font-variant-numeric:tabular-nums lining-nums}
.index-texte{margin:0;color:var(--muted);font-size:var(--t-petit);line-height:1.5;max-width:var(--mesure)}
.index-meta{margin:0;color:var(--muted);font-size:var(--t-legende);line-height:1.35}
@media print{
  .index > :where(li){margin:0;padding:3pt 0}
  .index > li:hover{background:none}
}
.lecture-suites{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--s3) var(--s4);align-items:stretch;margin-top:var(--s7)}
.lecture-suites .ls{display:grid;gap:var(--s1);align-content:center;min-height:44px;padding:var(--s3) var(--s4);border:1.5px solid var(--bord);border-radius:var(--r-bloc);
  background:var(--surface);color:var(--ink);text-decoration:none;touch-action:manipulation;
  transition:border-color var(--d-court) var(--courbe-sortie),background-color var(--d-court) var(--courbe-sortie),transform var(--d-appui) var(--courbe-sortie)}
.lecture-suites .ls-apres{text-align:right;justify-items:end}
.lecture-suites .ls-vide{border:0;background:none;padding:0}
.ls-sens{display:inline-flex;align-items:center;gap:var(--s1);font:600 var(--t-legende)/1.2 var(--body);color:var(--m-texte)}
.ls-sens .ic{width:16px;height:16px}
.ls-titre{font:750 var(--t-titre-4)/1.25 var(--display);font-stretch:var(--large-titre);text-wrap:balance}
.ls-n{margin-right:.35em;color:var(--m-texte);font-variant-numeric:tabular-nums lining-nums}
.ls-sommaire{align-self:center;display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s2);font-weight:600;color:var(--m-texte);white-space:nowrap}
.ls-sommaire .ic{width:18px;height:18px}
@media (hover:hover) and (pointer:fine){ .lecture-suites .ls:hover{border-color:var(--ink);background:var(--m-doux)} }
.lecture-suites .ls:active{transform:scale(.985)}
@media (max-width:719.98px){
  .lecture-suites{grid-template-columns:minmax(0,1fr)}
  .lecture-suites .ls-apres{order:-1}
  .lecture-suites .ls-vide{display:none}
  .lecture-suites .ls-avant{text-align:left}
  .ls-sommaire{justify-self:start}
}
.lecture-meta{display:flex;flex-wrap:wrap;gap:var(--s1) 0;margin:var(--s1) 0 0;font:600 var(--t-legende)/1.4 var(--body)}
.lecture-meta > *{padding:0 var(--s3);border-left:1px solid var(--bord)}
.lecture-meta > :first-child{padding-left:0;border-left:0}
@media print{ .lecture-suites,.lecture-meta{display:none!important} }


.affiche-titre{margin:0;font:800 var(--t-affiche)/var(--i-affiche) var(--display);font-stretch:var(--large-affiche);letter-spacing:-.01em;
  text-transform:uppercase;text-wrap:balance}
.page-head > h1.affiche-titre:not(.mh-titre){font-size:clamp(2.25rem,1.6rem + 2.6vw,3.75rem)}
.affiche-titre[data-repere]{--passe:var(--m);animation:repere-cale 380ms var(--courbe-sortie) 120ms both}
@keyframes repere-cale{from{text-shadow:.06em .045em 0 var(--passe)}to{text-shadow:0 0 0 var(--passe)}}
@media (prefers-reduced-motion:reduce){ .affiche-titre[data-repere]{animation:none} }
.aplat{background:var(--aplat);color:var(--aplat-ink)}
.aplat-matiere{background:var(--m);color:var(--m-sur)}
:is(.aplat,.aplat-matiere) :is(a:not(.btn),h1,h2,h3,p){color:inherit}
:is(.aplat,.aplat-matiere) .btn{--btn-fond:var(--aplat-ink);--btn-texte:var(--aplat);--btn-bord:var(--aplat-ink);--btn-survol:var(--aplat-ink);--btn-appui:var(--aplat-ink)}
.aplat-matiere .btn{--btn-texte:var(--m)}
:is(.aplat,.aplat-matiere) .btn-ghost{--btn-fond:transparent;--btn-texte:currentColor;--btn-bord:currentColor;--btn-survol:transparent;--btn-survol-bord:currentColor}
:is(.aplat,.aplat-matiere) :focus-visible{outline-color:currentColor}
.surimpression{position:relative;isolation:isolate}
.surimpression::after{content:"";position:absolute;z-index:-1;left:-.12em;right:-.12em;bottom:.06em;height:.48em;background:var(--m);opacity:.42;
  mix-blend-mode:var(--melange);pointer-events:none}
.surimpression-texte{text-decoration:underline;text-decoration-color:var(--marque);text-decoration-thickness:var(--surimp-ep);
  text-underline-offset:var(--surimp-dec);text-decoration-skip-ink:none}
:is(.nav-barre a[aria-current="page"] .nb-lab,.site-sub a[aria-current="page"],.pmenu a[aria-current="page"] .pmenu-txt > span,
  .prof-tabs a[aria-current="page"],.toc a[aria-current] > span:last-child,.theme-menu button[aria-pressed="true"] .theme-nom){
  text-decoration:underline;text-decoration-color:var(--marque);text-decoration-thickness:var(--surimp-ep);text-underline-offset:var(--surimp-dec);
  text-decoration-skip-ink:none}
:is(.nav-barre a[aria-current="page"] .nb-lab,.site-sub a[aria-current="page"],.pmenu a[aria-current="page"] .pmenu-txt > span,
  .prof-tabs a[aria-current="page"]){text-decoration-thickness:.5em;text-underline-offset:-.32em}
.encre-calque{mix-blend-mode:var(--melange);pointer-events:none}
.programme{display:grid;gap:0;margin:0;padding:0;list-style:none}
.programme > :is(div,li){display:grid;grid-template-columns:minmax(6.5em,auto) minmax(0,1fr);gap:var(--s1) var(--s4);align-items:baseline;max-width:none;
  margin:0;padding:10px 0;border-top:1px solid currentColor}
.programme > :is(div,li):last-child{border-bottom:1px solid currentColor}
.programme :is(dt,.programme-min){font:800 var(--t-titre-4)/1.2 var(--display);font-stretch:var(--large-titre)}
.programme dd{margin:0}
.programme time{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.programme > li{grid-template-columns:4.25em minmax(0,1fr)}
.programme-min{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums lining-nums}
.programme-min .num{font-size:1.35em}
.chiffre-affiche{font:800 var(--t-titre-0)/1 var(--display);font-stretch:var(--large-titre);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em}


:root{--d-menu:160ms; --d-sortie:100ms; --d-entree:220ms; --d-flash:200ms; --d-tampon:280ms}
@keyframes pn-ouvre{from{opacity:0;transform:translateY(-4px)}}
@keyframes pn-menu{from{opacity:0;transform:translateY(-4px) scale(.98)}}
details[open]:not([data-ouvre]) > :not(summary){animation:none}
details[open][data-ouvre] > :not(summary){animation:pn-ouvre var(--d-menu) var(--courbe-sortie)}
details[open][data-ouvre] > :is(.theme-menu,.pmenu-in){animation-name:pn-menu}
@supports selector(::details-content){
  .theme-picker::details-content{transition:opacity var(--d-sortie) var(--courbe-sortie),content-visibility var(--d-sortie) allow-discrete}
  .theme-picker:not([open])::details-content{opacity:0}
  .theme-picker[open]::details-content{opacity:1;transition:none}
}
.flash{animation-duration:var(--d-flash)}
@keyframes pn-barre-entre{from{opacity:0;transform:translateY(12px)}}
@keyframes pn-barre-sort{to{opacity:0;transform:translateY(8px)}}
.install-bar.is-entree{animation:pn-barre-entre var(--d-entree) var(--courbe-sortie) both}
.install-bar.is-sortie{animation:pn-barre-sort var(--d-sortie) var(--courbe-sortie) both;pointer-events:none}
@keyframes pn-bulle{from{opacity:0;transform:translateY(8px) scale(.98)}}
.thread li.is-nouveau{animation:pn-bulle var(--d-entree) var(--courbe-sortie) both;transform-origin:100% 100%}
@keyframes pn-encre-pose{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pn-trait-pose{from{text-decoration-color:transparent;text-decoration-thickness:.12em}}
.surimpression.vient-de::after,.une-tag.vient-de input:checked + span::after{animation:pn-encre-pose var(--d-moyen) var(--courbe-sortie) both}
.view .checks label.vient-de,.course-side li.is-done.vient-de .side-t,.mus-seg.vient-de[aria-pressed="true"]{animation:pn-trait-pose var(--d-court) var(--courbe-sortie) both}
.btn-fini{position:relative}
.btn-fini.vient-de .coche path{stroke-dasharray:24;stroke-dashoffset:-24;animation:pn-coche var(--d-moyen) var(--courbe-sortie) 60ms forwards}
@keyframes pn-coche{to{stroke-dashoffset:0}}
.tampon{display:inline-block;padding:1px 8px;border:2px solid currentColor;border-radius:var(--r-petit);color:var(--m-texte);background:none;
  font:800 var(--t-petit)/1.2 var(--display);font-stretch:var(--large-titre);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
  mix-blend-mode:var(--melange);pointer-events:none;-webkit-user-select:none;user-select:none;transform:rotate(-7deg);
  animation:pn-tampon var(--d-tampon) var(--courbe-sortie) 120ms both}
.tampon-coin{position:absolute;top:-15px;right:10px;z-index:var(--z-dessus)}
.quiz-end.is-parfait b,.fq-score .tampon{margin-inline:.15em}
.quiz-end.is-parfait b{display:inline-block;padding:1px 8px;border:2px solid currentColor;border-radius:var(--r-petit);color:var(--m-texte);
  font-variant-numeric:tabular-nums;mix-blend-mode:var(--melange);transform:rotate(-4deg);animation:pn-tampon-l var(--d-tampon) var(--courbe-sortie) 80ms both}
@keyframes pn-tampon{0%{opacity:0;transform:rotate(-13deg) scale(1.4)}60%{opacity:1;transform:rotate(-7deg) scale(.96)}100%{opacity:1;transform:rotate(-7deg) scale(1)}}
@keyframes pn-tampon-l{0%{opacity:0;transform:rotate(-9deg) scale(1.35)}60%{opacity:1;transform:rotate(-4deg) scale(.96)}100%{opacity:1;transform:rotate(-4deg) scale(1)}}
.side-prog-barre i{transition:transform var(--d-moyen) var(--courbe-sortie)}
:is(.rep-ligne,.fg-ligne,.pc-etape,.pc-classe,.fm-ligne,.pg-liens a):active{background-color:var(--m-doux);transition-duration:0s}
:is(.theme-menu button,.side-mod a):active{background-color:var(--surface-2);transition-duration:0s}
:is(.card-link,.rep-carte,.stamps a,.lgrid a){transition:transform var(--d-appui) var(--courbe-sortie)}
:is(.card-link,.rep-carte):active{transform:scale(.985)}
:is(.stamps,.lgrid) a:active{transform:scale(.97)}
:is(main,.site-top,.site-foot) a:not([class]):active,summary:active,.site-brand:active,.mdp-voir:active,.ls-sommaire:active{opacity:.7}
@media (max-width:899.98px){ .nav-barre a[aria-current="page"]:active{background:var(--surface-2)} }
@keyframes pn-fondu{from{opacity:0}}
@keyframes pn-fondu-trait{from{text-decoration-color:transparent}}
@media (prefers-reduced-motion:reduce){
  details[open][data-ouvre] > :not(summary),.flash,.install-bar.is-entree,.thread li.is-nouveau,.tampon,.quiz-end.is-parfait b,
  .surimpression.vient-de::after,.une-tag.vient-de input:checked + span::after{animation-name:pn-fondu!important;animation-duration:150ms!important}
  .view .checks label.vient-de,.course-side li.is-done.vient-de .side-t,.mus-seg.vient-de[aria-pressed="true"]{animation-name:pn-fondu-trait!important;animation-duration:150ms!important}
  .btn-fini.vient-de .coche path{animation:none!important;stroke-dashoffset:0}
}


.wrap{max-width:var(--page-max);margin:0 auto;padding:28px max(var(--gouttiere),env(safe-area-inset-right)) 72px max(var(--gouttiere),env(safe-area-inset-left))}
.ic{width:18px;height:18px;flex:none}
.auth{max-width:520px;margin-inline:auto}
.auth .form + p,.auth .form + .muted{margin-top:var(--s4)}
.danger{margin-top:28px}
.danger summary{cursor:pointer;color:var(--bad);font-weight:700}
.danger .form{margin-top:12px}
:is(.danger,.waitlist,.pause-offer) > summary{min-height:44px;padding-block:10px}
.legal{max-width:760px}
.legal h2{margin-top:var(--s5)}
.legal p,.legal ul{max-width:66ch}
.page-compte .two,.page-admin .two{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.etapes-2fa{padding-left:22px}
.etapes-2fa li{margin:0 0 16px}
.etapes-2fa .qr{margin:10px 0}
.qr{background:var(--papier-blanc);padding:12px;border-radius:var(--r-bloc);width:max-content;max-width:100%}
.qr svg{display:block;width:220px;height:220px}
.secret{font:600 var(--t-petit) var(--mono);background:var(--surface-2);padding:2px 6px;border-radius:var(--r-petit);word-break:break-all}
.cle-groupes{margin:8px 0 0;padding:10px 12px;border-radius:var(--r-champ);background:var(--surface-2)}
.cle-groupes .secret{display:block;padding:0;background:none;color:var(--ink);font:600 1.1875rem/1.5 var(--mono);letter-spacing:.06em;word-spacing:.35em;
  word-break:normal;overflow-wrap:normal}
.cle-2fa .row-actions{margin-top:8px}
.band{margin-top:64px;display:grid;gap:14px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;max-width:900px}
.plan{background:none;border:0;border-top:2px solid var(--ink);border-radius:0;padding:var(--s4) 0 0;display:grid;gap:8px;align-content:start}
.plan-best{border-top-color:var(--accent);border-top-width:4px}
.plan h3{margin:0}
.price{font:800 var(--t-titre-1)/1 var(--display);font-variant-numeric:tabular-nums} .price small{font:400 var(--t-corps) var(--body);color:var(--muted)}
.checkout{display:grid;gap:12px}
.level{margin-top:34px}
.progress-line{display:flex;align-items:center;gap:12px;margin:8px 0 4px}
.progress-line .bar{flex:1;max-width:320px}
.progress-line span{font-weight:700;font-variant-numeric:tabular-nums}
.term-h{font:600 var(--t-petit)/1.2 var(--body);color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px;margin:28px 0 0}
.row{grid-template-columns:28px 34px 1fr auto}
.row .tt a{color:var(--accent);text-underline-offset:3px}
@media (max-width:560px){ .row{grid-template-columns:24px 28px 1fr} .row .st{grid-column:3;justify-self:start} }
.modules-grid{display:grid;gap:18px 28px}
@media (min-width:1100px){ .modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
.modules-grid .module{background:none;border:0;border-top:2px solid var(--ink);border-radius:0;padding:6px 0 10px}
.modules-grid .module h3{margin-top:12px}
.modules-grid .rows{border-top:0}
.modules-grid .row:last-child{border-bottom:0}
.stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.stats div{background:none;border:0;border-top:2px solid var(--ink);border-radius:0;padding:10px 0 0;display:grid;min-width:8rem}
.stats b{font:800 var(--t-titre-2)/1 var(--display);font-variant-numeric:tabular-nums}
.lnav a.lnav-btn,.lnav .lnav-btn{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1.5px solid var(--champ-bord);border-radius:var(--r-champ);
  background:var(--surface);color:var(--ink);font:700 18px var(--body);text-decoration:none}
.lnav button{border:1.5px solid var(--champ-bord);border-radius:var(--r-champ)}
.lnav .is-off{opacity:.35}
.scores input{border-color:var(--champ-bord)}
.version-switch{display:flex;gap:6px;margin:-8px 0 18px}
.version-switch a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--r-champ);background:var(--surface-2);color:var(--muted);
  text-decoration:none;font-weight:600;font-size:var(--t-petit)}
.version-switch a[aria-current="page"]{background:var(--prof);color:var(--prof-ink)}
.lesson-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}
.locked{background:none;border:0;border-top:2px solid var(--ink);border-radius:0;padding:var(--s4) 0 0;display:grid;gap:10px;justify-items:start}
.checks label{display:block;position:relative;min-height:32px;padding-left:34px}
.checks label input{position:absolute;left:0;top:1px;margin:0;width:22px;height:22px}
.lesson-page{display:grid;gap:32px;align-items:start}
.course-side,.lesson-rail{display:none}
@media (min-width:1100px){
  .lesson-page{grid-template-columns:minmax(0,1fr) 250px}
  .lesson-rail{display:block;position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto}
  .tools-inline{display:none}
}
.rail-h{font:600 var(--t-petit)/1.3 var(--body);color:var(--muted);margin:0 0 8px}
body[data-matiere] .lesson-page .course-side .rail-h{color:var(--m-texte)}
.toc ol{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:2px;border-left:2px solid var(--line)}
.toc a{display:block;padding:5px 10px;margin-left:-2px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:var(--t-petit);line-height:1.35}
@media (hover:hover) and (pointer:fine){ .toc a:hover{color:var(--ink)} }
.toc a[aria-current]{color:var(--ink);border-left-color:var(--m);font-weight:700}
.lesson-rail .lesson-tools{margin:0;padding:0;border:0;flex-direction:column}
.lesson-rail .lesson-tools .btn{width:100%}
.side-mod{margin-bottom:14px}
.side-mod-h{font-weight:700;font-size:var(--t-legende);color:var(--muted);margin:0 0 4px}
.side-mod ol{list-style:none;margin:0;padding:0}
.side-mod a{display:grid;grid-template-columns:24px 1fr auto;gap:6px;align-items:baseline;padding:5px 8px;border-radius:var(--r-champ);color:var(--ink);
  text-decoration:none;font-size:var(--t-petit);line-height:1.3}
@media (hover:hover) and (pointer:fine){ .side-mod a:hover{background:var(--surface-2)} }
.side-mod li[aria-current] a{background:var(--m-doux);color:var(--ink);font-weight:700}
.side-n{font:500 12px var(--mono);color:var(--muted)}
.side-ok{color:var(--ok);font-weight:700}
.side-lock{color:var(--muted)}
.side-mod li.is-done .side-t{color:var(--muted)}
@media print{ .lnav,.lesson-tools,.version-switch{display:none!important} }


.ap-date{font:500 var(--t-petit)/1.3 var(--body);color:var(--muted)}
.ap-cours{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.ap-cours-li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3) var(--s4);max-width:none;padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.ap-cours-txt{display:grid;gap:2px;flex:1 1 16rem;min-width:0}
.ap-groupe{display:inline-flex;align-items:baseline;font:700 var(--t-titre-4)/1.3 var(--body);overflow-wrap:anywhere}
.ap-detail{color:var(--muted);font-size:var(--t-petit)}
.ap-etat{font-size:var(--t-petit);font-weight:600}
.ap-etat.is-afaire{color:var(--warn)}
.ap-encre,.ap-oui{position:relative;isolation:isolate}
.ap-encre::after,.ap-oui::after{content:"";position:absolute;z-index:-1;left:-.12em;right:-.12em;bottom:.04em;height:.5em;background:var(--m);opacity:.45;
  mix-blend-mode:var(--melange);pointer-events:none}
.ap-cours-li > .btn:not(.btn-small){min-width:12rem}
@media (max-width:600px){ .ap-cours-li > .btn{flex:1 1 100%} }
.ap-prochain{margin:var(--s3) 0 0;font-size:var(--t-corps);line-height:1.5}
.ap-prochain a{font-weight:600}
.ap-oublis{margin:0 0 var(--s3);color:var(--warn);font-weight:600}
.ap-seances{display:flex;flex-wrap:wrap;gap:var(--s2)}
.ap-seance{display:inline-grid;gap:1px;min-width:6.5rem;min-height:44px;padding:6px 12px;border:1.5px solid var(--bord);border-radius:var(--r-champ);background:var(--surface);
  color:var(--ink);text-decoration:none;font:600 var(--t-petit)/1.25 var(--body);font-variant-numeric:tabular-nums;transition:transform var(--d-appui) var(--courbe-sortie)}
:root a.ap-seance{color:var(--ink);text-decoration:none}
.ap-seance small{font:500 var(--t-legende)/1.25 var(--body);color:var(--muted)}
.ap-seance.is-fait{border-color:var(--m);background:var(--m-doux)}
.ap-seance.is-fait small{color:var(--ink)}
.ap-seance.is-afaire{border-color:var(--warn);background:var(--warn-soft)}
.ap-seance.is-afaire small{color:var(--warn);font-weight:700}
.ap-seance:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){ .ap-seance:hover{border-color:var(--accent)} }
.ap{display:grid;gap:var(--s3);max-width:42rem}
.ap > *{margin:0}
.ap .ariane ol{margin:0}
.ap-titre{display:flex;align-items:baseline;font:750 var(--t-titre-2)/1.15 var(--display);font-stretch:var(--large-titre);font-variant-numeric:lining-nums;overflow-wrap:anywhere}
.ap-quand{color:var(--muted);font-size:var(--t-corps)}
.ap-form{display:grid;counter-reset:presents}
.ap-liste{display:grid;min-width:0;margin:0;padding:0;border:0}
.ap-liste > legend{float:left;width:100%;margin:0 0 var(--s3);padding:0;font:600 var(--t-petit)/1.45 var(--body);color:var(--muted)}
.ap-ligne{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:var(--s3);min-height:64px;padding:var(--s2) var(--s3);
  border-top:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.ap-ligne:last-child{border-bottom:1px solid var(--line)}
.ap-case-in{position:absolute;left:var(--s3);top:50%;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.ap-case{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--bord);border-radius:var(--r-petit);background:var(--surface);color:transparent}
.ap-case svg{width:22px;height:22px}
.ap-nom{display:grid;gap:2px;min-width:0;font:600 var(--t-corps)/1.3 var(--body);overflow-wrap:anywhere}
.ap-nom small{font:500 var(--t-legende)/1.3 var(--body);color:var(--muted)}
.ap-mot{font:700 var(--t-petit)/1.2 var(--body);white-space:nowrap}
.ap-non{display:none;color:var(--bad)}
.ap-ligne:has(.ap-case-in:checked){counter-increment:presents}
.ap-ligne:has(.ap-case-in:checked) .ap-case{background:var(--m);border-color:var(--m);color:var(--m-sur)}
.ap-ligne:has(.ap-case-in:not(:checked)){background:var(--bad-soft)}
.ap-ligne:has(.ap-case-in:not(:checked)) .ap-case{border-color:var(--bad)}
.ap-ligne:has(.ap-case-in:not(:checked)) .ap-oui{display:none}
.ap-ligne:has(.ap-case-in:not(:checked)) .ap-non{display:inline}
.ap-ligne:has(.ap-case-in:focus-visible){outline:var(--focus-epaisseur) solid var(--focus);outline-offset:-2px;z-index:var(--z-dessus)}
.ap-ligne:active{background:var(--surface-2)}
@media (hover:hover) and (pointer:fine){ .ap-ligne:hover .ap-case{border-color:var(--ink)} }
.ap-barre{position:sticky;bottom:0;z-index:var(--z-dessus);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);
  margin-top:var(--s4);padding:var(--s3) 0;background:var(--bg);border-top:2px solid var(--ink)}
@media (max-width:899.98px){ .ap-barre{bottom:calc(var(--barre-bas) + env(safe-area-inset-bottom,0px))} }
.ap-total{margin:0;font:600 var(--t-corps)/1.2 var(--body);font-variant-numeric:tabular-nums}
.ap-compte{font:800 var(--t-titre-3)/1 var(--display)}
.ap-compte::before{content:counter(presents)}
@media (max-width:600px){ .ap-barre .btn{flex:1 1 auto} }
@supports not selector(:has(*)){
  .ap-total,.ap-mot,.ap-case{display:none}
  .ap-case-in{position:static;width:24px;height:24px;opacity:1;pointer-events:auto}
}
.msg-body{white-space:pre-wrap;margin-top:4px;overflow-wrap:anywhere}
.msg-body a{color:var(--accent);text-underline-offset:.2em;overflow-wrap:anywhere}
.thread{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:var(--s2);max-height:460px;overflow:auto;overscroll-behavior:contain}
.thread li{max-width:85%;padding:8px 12px;border-radius:var(--r-bloc);background:var(--surface-2)}
.thread li.me{justify-self:end;background:var(--accent-soft)}
.thread .who{display:block;font-size:var(--t-legende);color:var(--muted);font-weight:700}
.notes{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.notes li{border-top:1px solid var(--line);padding:8px 0 2px;display:grid;gap:4px;justify-items:start}
.lgrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;max-width:460px;margin:10px 0 6px}
.lgrid a{display:grid;place-items:center;aspect-ratio:1;min-height:30px;border-radius:var(--r-petit);border:1px solid var(--line);background:var(--surface);color:var(--muted);
  font:600 var(--t-legende) var(--body);font-variant-numeric:tabular-nums;text-decoration:none}
:root .lgrid a{text-decoration:none}
.lgrid a.is-done{background:var(--m);border-color:var(--m);color:var(--m-sur)}
.lgrid a.is-part{background:var(--m-doux);border-color:var(--m);color:var(--ink)}
@media (max-width:600px){ .lgrid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none} .lgrid a{min-height:44px} }
.card-grid .progress-line{margin:4px 0}
.card-grid .progress-line span:first-child{min-width:70px}
.box .consent{overflow-wrap:anywhere}
.pespace-main .box .prof-tabs{margin-bottom:var(--s2)}
.eq-outils{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3) var(--s5)}
.eq-choix{align-items:center;gap:var(--s2) var(--s3)}
.eq-choix label{font:600 var(--t-petit)/1.2 var(--body);color:var(--muted)}
.eq-choix select{min-height:44px}
.eq-saison > *{margin:0}
.eq-saison{display:grid;gap:var(--s3)}
.eq-saison > .eq-h{margin:0}
.eq-sommes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--s3) var(--s6);margin:0;padding:var(--s3) 0;border-top:2px solid var(--ink)}
.eq-somme{display:grid;align-content:start;gap:2px;min-width:0}
.eq-somme dt{font:600 var(--t-petit)/1.3 var(--body);color:var(--muted)}
.eq-somme dd{margin:0;display:grid;gap:2px}
.eq-somme b{font:800 var(--t-titre-1)/1.05 var(--display);font-stretch:var(--large-titre);font-variant-numeric:tabular-nums lining-nums;overflow-wrap:anywhere}
.eq-somme span{color:var(--muted);font-size:var(--t-petit)}
.eq-somme.is-reste b{color:var(--warn)}
.eq-jauge-saison{max-width:none;height:12px}
.eq-montant{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.eq-commande{font-weight:600}
.eq-recettes{display:grid;gap:var(--s5) var(--s6);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-items:start}
.eq-recette .eq-h3{margin-top:0}
.eq-recette .eq-mini th{font:700 var(--t-legende)/1.3 var(--body);text-align:left;padding:0 0 6px;border-bottom:2px solid var(--ink)}
.eq-recette .eq-mini th.num{text-align:right}
.eq-recette .eq-mini td.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.eq-recette .eq-mini tfoot td{border-top:2px solid var(--ink);border-bottom:0;font-weight:700}
.eq-impayes td.num{color:var(--bad);font-weight:700}
.eq-coupe{overflow-wrap:anywhere}
.eq-demandes > li > div:first-child > p,.eq-familles > li > div:first-child > p,.eq-recus > li > div:first-child > p{margin:0 0 2px}
.eq-demande-qui{font-size:var(--t-corps)}
.eq-echeances{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;gap:var(--s2)}
.eq-echeances > li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3);max-width:none;padding-top:var(--s2);border-top:1px solid var(--line)}
.eq-echeances > li > span:first-child{flex:1 1 16rem;min-width:0}
.eq-cours{display:inline-flex;align-items:baseline;flex-wrap:wrap;color:var(--ink);font-size:var(--t-petit)}
.pespace-main .hw > li > div:first-child{line-height:1.55}
.eq-recus .inline-form{margin-top:4px}
.eq-retour a{color:var(--accent);font-weight:600}
.pespace-main .card-grid.eq-detail{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.eqm-sec > .eq-h .eq-dot{width:12px;height:12px;margin-right:0}
.eqm-fils{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.eqm-fil{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);max-width:none;padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.eqm-txt{flex:1 1 18rem;min-width:0;display:grid;gap:2px}
.eqm-txt > p{margin:0}
.eqm-nom{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-corps)}
.eqm-fil.is-new .eqm-apercu{color:var(--ink)}
.eqm-groupes{display:flex;flex-wrap:wrap;gap:var(--s1)}
.eqm-groupes .chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
.eqm-apercu{color:var(--muted);font-size:var(--t-petit);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eqm-quand{color:var(--muted);font-size:var(--t-legende)}
.eqm-fil > .btn{flex:none}
@media (max-width:600px){ .eqm-fil > .btn{flex:1 1 100%} }
.eqm-sans{margin-top:var(--s3)}
.eqm-sans > summary{min-height:44px;display:inline-flex;align-items:center;cursor:pointer;color:var(--accent);font-weight:600}
.eqm-sans > .eqm-fils{margin-top:var(--s2)}
.eq-msg-resume{margin:0;color:var(--muted)}
.eq-msg-resume b{color:var(--ink)}
.eq-reponses{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:0 var(--s4)}
.eq-reponses > details[open]{grid-column:1/-1}
.pespace-main .box .eq-reponses > details > summary{margin-top:0}
.eq-msg-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3) var(--s4)}
.eq-ecrire{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
.eq-ecrire label{font:600 var(--t-petit)/1.2 var(--body);color:var(--muted)}
.eq-rep-grille{display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start}
.eq-rep-grille h4{margin:0 0 var(--s2)}
.eq-bilan{align-items:flex-start}
.pespace-main .hw.bilans > li.eq-bilan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--s3) var(--s6);align-items:start;padding:var(--s4) 0}
.pespace-main .hw.bilans > li.eq-bilan:first-child{padding-top:0}
.pespace-main .hw.bilans > li > :is(.eq-bilan-info,.eq-bilan-mot){display:block}
.eq-bilan-info .consent{margin-top:var(--s2)}
.eq-bilan-mot textarea{width:100%}
@media (max-width:760px){ .pespace-main .hw.bilans > li.eq-bilan{grid-template-columns:1fr} }
.eq-bilan .bilan-lines{margin:6px 0 8px;padding-left:18px}
.pespace-main .form > .eq-barre{justify-self:stretch}
.eq-barre{position:sticky;bottom:0;z-index:var(--z-dessus);margin:0;padding:var(--s3) 0;background:var(--bg);border-top:2px solid var(--ink)}
@media (max-width:899.98px){ .eq-barre{bottom:calc(var(--barre-bas) + env(safe-area-inset-bottom,0px))} }
.eq-bilans{gap:var(--s3)}
.eq-bilans-liste{border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.page-aide-suivi main > .eq-vide{margin-top:var(--s4)}
.page-aide-suivi .row-actions + .box{margin-top:var(--s4)}
.play-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0 4px;font-size:var(--t-petit);color:var(--muted)}
.play-bar label{display:inline-flex;align-items:center;gap:6px}
.play-bar input[type=range]{width:110px}
.play-bar output{font:600 var(--t-legende) var(--mono);min-width:3ch;color:var(--ink)}
.play-neck{margin:10px 0 4px}
rect.t-bg.is-playing{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5}
.chord.is-playable{cursor:pointer;border-radius:var(--r-champ)}
.chord.is-playable:focus-visible{background:var(--accent-soft)}
@media (hover:hover) and (pointer:fine){ .chord.is-playable:hover{background:var(--accent-soft)} }


.btn .ic-jouer{width:18px;height:18px}
:is(.page-outils main,[data-outil],[data-metronome]) .btn-icone{font-size:1.375rem;font-weight:700}
:is(.saz-verdict,.piano-retour,.dessin-bouts,.dessin-phrase,.dessin-ensuite,.dessin-pose-n,.devoirs-consigne,.devoirs-retour,.devoirs-indice,
  .devoirs-statut,.chant-annonce,.chant-cible,.fr-grand,.saz-manche-info,.metro-lire){max-width:none}
.outil-reglages{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.outil-reglages > summary{display:flex;align-items:center;gap:var(--s3);min-height:48px;padding:var(--s1) 0;cursor:pointer;list-style:none;font-size:var(--t-petit)}
.outil-reglages > summary::-webkit-details-marker{display:none}
.outil-reglages-resume{flex:1;min-width:0;color:var(--muted)}
.outil-reglages-resume b{color:var(--ink)}
.outil-reglages-changer{flex:none;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
.outil-reglages[open] > summary .outil-reglages-changer{text-decoration:none}
.outil-reglages-corps{display:grid;gap:var(--s3);padding:var(--s2) 0 var(--s4)}
@media (min-width:640px){ .outil-reglages-corps{grid-template-columns:repeat(2,minmax(0,1fr))} .outil-reglages-corps > .outil-plein{grid-column:1/-1} }
.outil-conseil{display:flex;gap:var(--s3);max-width:var(--mesure);margin:0;font-size:var(--t-petit);line-height:1.5}
.outil-conseil::before{content:"";flex:none;width:10px;height:10px;margin-top:.5em;border-radius:2px;background:var(--m)}
.cadran{display:grid;gap:var(--s2);justify-items:center;padding:var(--s5) var(--s4) var(--s4);border-radius:var(--r-bloc);background:var(--surface-2);text-align:center}
.cadran-note{font:800 clamp(3.5rem,3rem + 2.4vw,4.75rem)/1 var(--display);font-stretch:var(--large-titre);font-variant-numeric:tabular-nums;color:var(--ink)}
.cadran-note:empty{min-height:1em}
.cadran-info{min-height:2.9em;max-width:46ch;color:var(--muted);font-size:var(--t-petit)}
.cadran-jauge{position:relative;width:100%;height:40px;border:1.5px solid var(--bord);border-radius:var(--r-petit);
  background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),var(--line) calc(10% - 1px) 10%),var(--surface)}
.cadran-jauge > i{position:absolute;left:45%;width:10%;top:0;bottom:0;background:var(--ok-soft);border-inline:2px solid var(--ok)}
.cadran-jauge > b{position:absolute;top:0;bottom:0;background:var(--ok-soft);border-inline:2px solid var(--ok)}
.cadran-jauge{container-type:inline-size}
.cadran-aiguille{position:absolute;left:50%;top:-8px;width:6px;height:52px;margin-left:-3px;border-radius:var(--r-petit);background:var(--ink);
  box-shadow:0 0 0 2px var(--surface);transform:translateX(calc(var(--pos,0) * 1cqi));transition:transform var(--d-appui) linear}
@supports not (width:1cqi){ .cadran-aiguille{left:calc(50% + var(--pos,0) * 1%);transform:none} }
.cadran.is-ok .cadran-note,.cadran.is-juste .cadran-note{color:var(--ok)}
.cadran.is-ok .cadran-jauge > i,.cadran.is-juste .cadran-jauge > b{background:var(--ok)}
.cadran-echelle{display:flex;justify-content:space-between;width:100%;color:var(--muted);font:600 var(--t-legende)/1.3 var(--body);font-variant-numeric:tabular-nums}
.temps{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.temps-case,.metro-beats span{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--bord);border-radius:var(--r-petit);background:var(--surface);
  color:var(--muted);font:700 var(--t-petit)/1 var(--body);font-variant-numeric:tabular-nums;transition:background-color var(--d-moyen) var(--courbe-sortie),border-color var(--d-moyen) var(--courbe-sortie)}
.metro-beats span.strong,.temps-case.is-fort{border-color:var(--m-texte);border-width:3px;color:var(--ink)}
.metro-beats span.on,.temps-case.is-on{background:var(--m);border-color:var(--m-texte);color:var(--m-sur);transition:none}
.metro-tempo{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0 var(--s3);max-width:440px}
.metro-lire{margin:0;display:grid;justify-items:center;text-align:center}
.metro-lire output{font:800 clamp(3rem,2.6rem + 2vw,4rem)/1 var(--display);font-stretch:var(--large-titre);font-variant-numeric:tabular-nums;
  color:var(--ink);text-align:center}
.metro-lire span{color:var(--muted);font-size:var(--t-legende);text-align:center}
[data-bpm-range]{display:block;width:100%;max-width:440px;margin:var(--s2) 0}
.metro-beats{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 var(--s4);min-height:36px}
.metro-pied{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s3) var(--s5)}
.metro-pied .field-inline{margin:0}
.metro-pied .field-inline select{min-width:5em}
.metro-pied .row-actions{margin:0}
[data-metronome] > p.muted{margin-top:var(--s3)}
.ref-notes{display:flex;flex-wrap:wrap;gap:var(--s2)}
.backing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--s3)}
.backing-grid input[type=range]{width:100%}
.backing-hint{margin:var(--s2) 0;color:var(--muted);font-size:var(--t-petit)}
.backing-now{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s3);margin:var(--s2) 0}
.backing-now b{font:800 var(--t-titre-1)/1 var(--display);font-stretch:var(--large-titre)}
.backing-now span{color:var(--muted)}
.backing-bars{display:flex;flex-wrap:wrap;gap:var(--s1);margin-bottom:var(--s2)}
.backing-bars span{min-width:44px;padding:6px 10px;border:1.5px solid var(--bord);border-radius:var(--r-petit);color:var(--muted);text-align:center;
  font:600 var(--t-legende)/1.3 var(--mono)}
.backing-bars span.on{background:var(--m);border-color:var(--m-texte);color:var(--m-sur)}
.tools-carnet{margin-top:var(--s4)}
.player{display:grid;gap:var(--s3);margin:var(--s2) 0 0}
.player > .field{max-width:var(--mesure)}
.player > p{margin:0}
.player-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3)}
.player-time{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}
.player-seek{width:100%}
.player-speed{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);font-weight:600}
.player-speed input{flex:1;min-width:140px}
.player-speed b{min-width:4.5ch;font-variant-numeric:tabular-nums}
.player [data-loop][aria-pressed="true"]{--btn-fond:var(--m-doux);--btn-texte:var(--ink);--btn-bord:var(--m-texte);--btn-survol:var(--m-doux)}
.cc-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s4);align-items:start}
@media (max-width:560px){ .cc-grid{grid-template-columns:minmax(0,1fr)} .cc-grid .chord{justify-self:center} }
.cc-now{margin:var(--s3) 0 var(--s1);font-weight:700}
.cc-now:empty{display:none}
.cc-strings{list-style:none;margin:var(--s2) 0 0;padding:0;border-top:2px solid var(--ink)}
.cc-strings:empty{display:none}
.cc-strings li{max-width:none;min-height:44px;display:flex;align-items:center;padding:var(--s2) var(--s2);border-bottom:1px solid var(--line);color:var(--muted)}
.cc-strings li.is-now{background:var(--m-doux);color:var(--ink);font-weight:700}
.cc-strings li.is-ok{color:var(--ok);font-weight:600}
.cc-strings li.is-bad{color:var(--bad);font-weight:600}
.cc-strings li.is-mute{text-decoration:line-through}
.quiz-q{font-weight:600;margin:var(--s2) 0}
.quiz-fig svg{max-width:150px;height:auto}
.quiz-msg{min-height:1.5em;margin:var(--s2) 0 0}
.quiz-choices{margin:var(--s2) 0}
.routine-launch{margin:4px 0 12px}
.routine-panel{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-panneau);background:var(--surface);border-top:2px solid var(--ink);box-shadow:var(--ombre-3);padding-bottom:env(safe-area-inset-bottom,0px)}
.routine-bar{height:5px;background:var(--surface-2)}
.routine-bar i{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .25s linear}
.routine-in{max-width:1100px;margin:0 auto;padding:12px 16px;display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center}
.routine-step{font:600 14px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0}
.routine-text{margin:2px 0;font-weight:700}
.routine-next{margin:0}
.routine-time{font:700 44px/1 var(--display);font-variant-numeric:tabular-nums}
.routine-controls{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.tile-ok{border-color:var(--ok);background:var(--ok-soft)} .tile-ok b{color:var(--ok)}
.minutes-form{display:flex;flex-wrap:wrap;gap:6px}
.journal{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;align-items:end;height:130px;padding-top:6px}
.jbar{display:grid;grid-template-rows:1fr auto;height:100%;gap:4px;text-align:center}
.jbar i{align-self:end;display:block;background:var(--accent);border-radius:var(--r-petit) var(--r-petit) 0 0;min-height:2px}
.jbar span{font-size:11px;color:var(--muted)}
.badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.badges li{border:1px dashed var(--line);border-radius:var(--r-bloc);padding:10px 12px;display:grid;gap:2px;color:var(--muted)}
.badges li b{color:var(--muted)}
.badges li.is-won{border:1px solid var(--ok);background:var(--ok-soft);color:var(--ink)}
.badges li.is-won b{color:var(--ok)}
.badges small{font-size:12px}
.stamp-mod{margin:6px 0}
.stamp-mod p{margin:0 0 4px}
.stamps{display:flex;flex-wrap:wrap;gap:4px}
.stamps a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px dashed var(--line);color:var(--muted);font:600 12px var(--mono);text-decoration:none}
.stamps a.is-done{border:2px solid var(--ok);background:var(--ok-soft);color:var(--ok)}
.cert-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.certificate{max-width:900px;margin:0 auto;border:3px double var(--accent);border-radius:var(--r-bloc);padding:48px 32px;text-align:center;background:var(--surface);display:grid;gap:10px}
.cert-eyebrow{font:700 18px var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0}
.certificate h1{font-size:clamp(34px,6vw,56px);margin:0}
.cert-lede{margin:12px 0 0;color:var(--muted)}
.cert-name{font:700 clamp(40px,8vw,72px)/1.05 var(--display);margin:0;color:var(--accent)}
.cert-text{max-width:60ch;margin:8px auto 0}
.cert-foot{display:flex;justify-content:space-around;gap:20px;margin-top:28px;flex-wrap:wrap}
.cert-foot div{display:grid;gap:2px} .cert-foot span{font-size:13px;color:var(--muted)} .cert-foot b{font:700 20px var(--display)}
@media print{
  .page-certificat .site-top,.page-certificat .site-foot,.cert-actions,.staging-banner{display:none!important}
  .page-certificat main{padding:0}
  .certificate{border-color:var(--brique-fonce);margin-top:40px}
  
  @page certificat{size:A4 landscape;margin:12mm}
  .page-certificat .certificate{page:certificat}
}
.recorder{display:grid;gap:10px;max-width:640px}
.rec-time{font:700 18px var(--mono);color:var(--bad);align-self:center}
.recorder audio,.thread audio{width:100%;max-width:420px;display:block;margin:6px 0}
.thread li.has-rec{max-width:95%}
.song-grid{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-bloc);padding:14px 16px;font:600 17px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-width:900px}
.transpose{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.transpose b{min-width:12ch;text-align:center}
.mono,textarea.mono{font-family:var(--mono)}


.plans-h{font-size:26px;margin:26px 0 4px}
.prof-head{display:grid;gap:24px;align-items:start;max-width:1000px}
@media (min-width:760px){ .prof-head{grid-template-columns:220px 1fr} }
.prof-photo{width:220px;height:220px;max-width:100%;border-radius:var(--r-bloc);object-fit:cover;border:1px solid var(--line);background:var(--surface-2)}
.box .prof-photo{width:160px;height:160px}
.prof-photo-empty{display:grid;place-items:center;font:700 96px/1 var(--display);color:var(--accent)}
.stars{color:var(--warn);letter-spacing:2px;font-size:18px}
.stars-off{color:var(--line)}
.reviews{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.reviews li{background:none;border:0;border-top:2px solid var(--ink);border-radius:0;padding:var(--s3) 0 0;display:grid;gap:6px}
.photo-upload{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.photo-upload input[type=file]{max-width:100%}
.page-salle .field select{max-width:100%}
.checkout .field{max-width:640px}
.hw li.is-off b{text-decoration:line-through;color:var(--muted)}
.song-hit{display:flex;gap:10px;align-items:center;min-width:0}
.song-hit img{width:44px;height:44px;border-radius:var(--r-champ);flex:none;object-fit:cover;background:var(--surface-2)}
.song-results li{align-items:center}
.box h4{margin-top:14px}
.lesson-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}
.lesson-picks label{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:var(--r-champ);padding:6px 4px;font:600 14px var(--mono);cursor:pointer;background:var(--surface)}
.lesson-picks label:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}
.lesson-picks input{accent-color:var(--accent);margin:0}
.ranking{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px}
.ranking li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:baseline;padding:6px 10px;border-radius:var(--r-champ);background:var(--surface-2)}
.ranking li.is-me{background:var(--accent-soft)}
.ranking .rank{font:700 16px var(--display);color:var(--accent)}
.ranking .mins{font-variant-numeric:tabular-nums;font-weight:700}
.ranking small{grid-column:2/-1;color:var(--muted);font-size:12px}
.cal-link{overflow-wrap:anywhere;background:var(--surface-2);padding:6px 8px;border-radius:var(--r-champ)}
.lesson-video{margin:0 0 20px;max-width:900px}
.video-box{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:var(--r-bloc);overflow:hidden;background:var(--noir)}
.video-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lesson-video figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.video-input{width:100%;min-width:220px}
.gift-plan{cursor:pointer;position:relative}
.gift-plan input{position:absolute;top:14px;right:14px;width:20px;height:20px;accent-color:var(--accent)}
.gift-plan:has(input:checked){border:2px solid var(--accent);background:var(--accent-soft)}
.gift-card{max-width:620px;margin:0 auto;border:3px double var(--accent);border-radius:var(--r-bloc);padding:36px 28px;text-align:center;background:var(--surface);display:grid;gap:10px}
.gift-card h1{font-size:clamp(34px,6vw,52px);margin:0}
.gift-to{font-size:20px;margin:0}
.gift-msg{font-style:italic;max-width:40ch;margin:0 auto}
.gift-code{font:700 28px var(--mono);letter-spacing:.08em;background:var(--surface-2);border-radius:var(--r-bloc);padding:10px 14px;margin:8px auto;display:inline-block}
.gift-band{background:none;border:0;border-top:2px solid var(--ink);border-radius:0;padding:var(--s4) 0 0}
@media print{ .gift-card{border-color:var(--brique-fonce);margin-top:40px} }
.pause-box{border:1.5px dashed var(--accent);border-radius:var(--r-bloc);padding:10px 14px;margin:12px 0}
.pause-offer{margin:12px 0}
.pause-offer summary{cursor:pointer;color:var(--accent);font-weight:600}
.pause-form .consent{display:flex;gap:8px;align-items:flex-start;margin:6px 0}
.level-form .level-q{border:1px solid var(--line);border-radius:var(--r-champ);padding:10px 14px;margin:0 0 10px}
.level-form legend{font-weight:600;padding:0 4px}
.level-form label{display:inline-flex;align-items:center;gap:6px;margin:6px 18px 0 0;cursor:pointer}
.level-invite form{display:inline-block;margin-left:6px}
.level-invite p{display:inline-block;margin:6px 8px 6px 0}
.promo-field{max-width:260px}
.flyer-page{background:var(--papier-blanc);color:var(--encre-impression)}
.flyer-tools{text-align:center;margin:12px}
.flyer{max-width:148mm;margin:0 auto 24px;padding:10mm 12mm;text-align:center;border:1px dashed var(--encre-impression);background:var(--papier-blanc);color:var(--encre-impression)}
.flyer-brand{letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin:0}
.flyer h1{font:700 40px/1.1 var(--display);margin:6px 0;color:var(--encre-impression)}
.flyer-sub{font-size:16px;margin:0 0 10px}
.flyer-offer{font-size:24px;font-weight:700;margin:12px 0}
.flyer-offer span{font-size:16px;font-weight:400}
.flyer-offer b{display:inline-block;border:2px solid var(--encre-impression);padding:2px 12px;letter-spacing:.08em}
.flyer-qr svg{width:46mm;height:46mm}
.flyer-url{font-size:12px;word-break:break-all;margin:4px 0}
.flyer-small{font-size:11px;color:var(--encre-impression)}
@media print{@page flyer{size:A5;margin:8mm}.flyer{page:flyer;border:0;padding:0;margin:0 auto}}
.waitlist{margin-top:8px}
.waitlist summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:15px}
.pl-day{margin:14px 0 4px}
.pl-day::first-letter{text-transform:uppercase}
.appel-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);font-size:18px;cursor:pointer}
.appel-row input{width:26px;height:26px}
.attest{max-width:180mm;margin:0 auto 24px;padding:12mm;background:var(--papier-blanc);color:var(--encre-impression);border:1px dashed var(--encre-impression)}
.attest h1{font:700 30px/1.1 var(--display);margin:0 0 12px;color:var(--encre-impression)}
.attest .table{width:100%;margin:12px 0}
.attest-sign{margin-top:28px;font-weight:700}
@media screen and (max-width:600px){.attest{padding:16px}.attest .table{display:block;overflow-x:auto;max-width:100%}}
.audition-prog li{margin:8px 0;font-size:17px}
.affiche h1{font-size:54px}
@media print{.attest{border:0;padding:0}}
.install-ways .is-current{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.install-ways .steps li{margin:6px 0}
.install-qr svg{width:160px;height:160px;background:var(--papier-blanc);padding:6px;border-radius:var(--r-champ)}


.msg-photo{display:block;max-width:min(100%,320px);max-height:320px;margin:6px 0;border-radius:var(--r-champ);border:1px solid var(--line);object-fit:contain;background:var(--surface)}
.thread .seen{color:var(--ok);font-weight:600}
.thread li.is-private{outline:1px dashed var(--line)}
.msg-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.quick-replies{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.photo-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 10px}
.photo-pick .btn{cursor:pointer}
[data-ref-label]{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px}
.before-after{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.before-after audio{width:100%}
.card-link{display:block;color:inherit;text-decoration:none}
@media (hover:hover) and (pointer:fine){ .card-link:hover h2{text-decoration:underline} }
.card-link h2{font-size:var(--t-titre-4);margin:0 0 6px}
.conseils-index{max-width:900px;margin-top:var(--s5)}
.conseils-lien{font:750 var(--t-titre-4)/1.25 var(--display);font-stretch:var(--large-titre);text-wrap:balance}
.conseils-index > li{display:grid;gap:var(--s1);padding-block:var(--s4)}
.article{max-width:var(--mesure)}
.article .page-head{max-width:none}
.article-body{font-size:var(--t-corps);line-height:var(--i-texte)}
.article-body > :first-child{margin-top:0}
.article-body h2{margin:var(--s7) 0 var(--s3);font-size:var(--t-titre-2)}
.article-body :is(ul,ol){padding-left:1.3em;display:grid;gap:var(--s2)}
.article-body a{color:var(--accent);text-underline-offset:.2em}
.conseils-autres{margin-top:var(--s8);max-width:900px}
.conseils-autres > h2{margin:0;font-size:var(--t-titre-3)}
.conseils-suite{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin-top:var(--s7);padding-top:var(--s4);border-top:1px solid var(--line);
  max-width:900px;font-weight:600}
@media print{ .conseils-suite{display:none} }
.hw.bilans > li{display:block}
.hw.bilans > li > div{display:grid;gap:8px}
.bilan-lines{list-style:disc;margin:4px 0 0;padding-left:20px}
.bilan-lines li{border:0;padding:2px 0;display:list-item}
.hw.bilans textarea{width:100%}


.tip .lab,.fix small,.routine-step,.term > h2,.tabs button,.cert-eyebrow,.s-beat,.ranking .rank{font-family:var(--body)}
.outil-bloc .h3{margin:0}
.outil-seul{display:grid;gap:14px}
.prof-encart ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.prof-encart li{display:flex;gap:14px;align-items:center}
.prof-mini{width:72px;height:72px;border-radius:var(--r-bloc);flex:none;object-fit:cover;border:1px solid var(--line);background:var(--surface-2);display:grid;
  place-items:center;font:800 2rem/1 var(--display);color:var(--m-texte)}
.matiere-intro{display:grid;gap:20px;align-items:start;margin:22px 0 8px}
@media (min-width:900px){ .matiere-intro{grid-template-columns:minmax(0,1fr) 360px;gap:36px} }
.matiere-texte{font-size:var(--t-corps);line-height:1.7}
.matiere-texte p{margin:0}
.fiche-pratique{padding:18px 20px}
.fp-titre{margin:0 0 4px}
.fp{margin:0}
.fp > div{padding:11px 0;border-top:1px solid var(--line)}
.fp > div:first-child{border-top:0}
.fp dt{margin:0 0 4px;color:var(--muted);font:600 var(--t-petit)/1.3 var(--body)}
.fp dd{margin:0;line-height:1.5}
.fp-creneaux{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fp-creneaux li{display:grid;gap:1px;font-variant-numeric:tabular-nums}
.fp-creneaux li > span{color:var(--muted);font-size:var(--t-petit)}
.fp-creneaux .fp-complet{color:var(--bad);font-weight:700}
.fp-btn{display:flex;justify-content:center;text-align:center;width:100%;margin-top:10px}
.rep-carte{display:grid;gap:6px;align-content:start}
.rep-carte h3{margin:0}
.rep-resume{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.rep-morceau{margin-top:8px}
.rep-tab{margin-top:10px}
.rep-tab > summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.relecture{border:1.5px dashed var(--warn);background:var(--warn-soft);border-radius:var(--r-bloc);padding:10px 14px;margin:0 0 16px;display:grid;gap:8px}
.relecture-tete{margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.relecture-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.relecture-corriger{flex:1 1 260px}
.relecture-corriger > summary{cursor:pointer;font-weight:700;color:var(--accent);min-height:44px;display:flex;align-items:center}
.relecture-corriger .form{margin-top:6px}
.relecture-props{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.relecture-props li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-champ);padding:8px 10px;display:grid;gap:4px}
.relecture-props p{margin:0}
.relecture-resume > li{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);align-items:baseline}
.relecture-resume .index-lien{min-width:9em;font-weight:700}
.relecture-resume .st{position:relative;z-index:var(--z-dessus)}


body:not([data-logged]) .aide-page{display:none}
.pub-tuile{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--r-petit);background:var(--m);color:var(--m-sur)}
.pub-tuile .ic{width:22px;height:22px}
.pub-tuile-l{width:60px;height:60px}
.pub-tuile-l .ic{width:30px;height:30px}
.pub-choix-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.pub-choix-liste li{max-width:none}
.pub-choix{display:flex;align-items:center;gap:var(--s3);min-height:56px;padding:6px 12px 6px 6px;border-radius:var(--r-champ);border:1px solid var(--line);
  background:var(--surface);color:var(--ink);text-decoration:none;font:600 var(--t-corps)/1.2 var(--body);
  transition:background-color var(--d-court) var(--courbe-sortie),border-color var(--d-court) var(--courbe-sortie),transform var(--d-appui) var(--courbe-sortie)}
:root a.pub-choix{color:var(--ink)}
.pub-choix:active{transform:scale(.985);background:var(--m-doux)}
@media (hover:hover) and (pointer:fine){ .pub-choix:hover{border-color:var(--m);background:var(--m-doux)} }
.pub-choix .pub-tuile{width:42px;height:42px}
.pub-choix span{min-width:0;overflow-wrap:normal;word-break:normal}
@media (max-width:420px){ .pub-choix{gap:var(--s2);padding:5px 8px 5px 5px;font-size:var(--t-petit)} .pub-choix .pub-tuile{width:32px;height:32px}
  .pub-choix .pub-tuile .ic{width:18px;height:18px} }
.page-matiere [data-tete="matiere"]{max-width:none;margin:-28px 0 var(--s6);padding:var(--s6) 0 var(--s7);gap:var(--s3);
  box-shadow:0 0 0 100vmax var(--m);clip-path:inset(0 -100vmax)}
.page-matiere [data-tete="matiere"] .mh-titre{font-size:min(var(--t-affiche),calc((100vw - 2 * var(--gouttiere)) / 6.4));color:var(--m-sur);max-width:none}
.page-matiere [data-tete="matiere"] .mh-long{font-size:var(--t-titre-0);text-wrap:balance}
.page-matiere [data-tete="matiere"] .lede{max-width:46ch;color:var(--m-sur);font-size:var(--t-grand)}
.page-matiere [data-tete="matiere"] .hero-cta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);margin-top:var(--s2)}
.page-matiere [data-tete="matiere"] .hero-cta .btn:first-child{min-height:52px;padding-inline:var(--s5);font-weight:700}
.page-matiere [data-tete="matiere"] :is(.mh-ligne,.flash){margin:0}
.page-matiere [data-tete="matiere"] a.btn ~ a.btn{--btn-fond:transparent;--btn-texte:var(--m-sur);--btn-bord:var(--m-sur);--btn-survol:transparent;--btn-appui:transparent;
  --btn-survol-bord:var(--m-sur)}
.page-matiere [data-tete="matiere"] a.btn:first-child{--btn-fond:var(--m-sur);--btn-texte:var(--m);--btn-bord:var(--m-sur);--btn-survol:var(--m-sur);--btn-appui:var(--m-sur)}
.page-matiere [data-tete="matiere"] .mh-ligne a{color:var(--m-sur);text-decoration:underline;text-underline-offset:.2em}
.page-matiere [data-tete="matiere"] :focus-visible{outline-color:var(--m-sur)}
@media (max-width:599.98px){ .page-matiere [data-tete="matiere"] .hero-cta .btn{flex:1 1 100%} }
.ville-faits{display:grid;gap:var(--s6) var(--s7);margin-bottom:var(--s6)}
.ville-faits h2{margin:0 0 var(--s3);font:800 var(--t-titre-2)/1.1 var(--display);font-stretch:var(--large-titre)}
.ville-faits p{margin:0 0 var(--s2);max-width:52ch}
@media (min-width:900px){ .ville-faits{grid-template-columns:minmax(0,7fr) minmax(0,5fr)} }
.ville-faits .pg{color:var(--ink)}
.ville-faits .pg .pg-complet{color:var(--bad)}
.matiere-intro{margin:var(--s6) 0 var(--s2)}
.matiere-texte.prose{gap:var(--s3)}
.pub-section{margin-top:var(--s8);display:grid;gap:var(--s3)}
.pub-section > h2{margin:0}
.pub-section > :is(.lede,.muted){margin:0 0 var(--s2)}
@media (max-width:600px){ .pub-section{margin-top:var(--s7)} }
.fiche-pratique{padding:var(--s5);border-top:1px solid var(--line)}
.fiche-pratique .btn{--btn-fond:var(--m);--btn-texte:var(--m-sur);--btn-bord:var(--m);--btn-survol:var(--m-texte);--btn-survol-bord:var(--m-texte);--btn-appui:var(--m-texte)}
.fp-titre{font:800 var(--t-titre-3)/1.2 var(--display);font-stretch:var(--large-titre);margin:0 0 var(--s2)}
.fp dt{font:600 var(--t-legende)/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}
.fp dd{font-size:var(--t-corps)}
.fp-creneaux li > b{font-weight:700;font-variant-numeric:tabular-nums}
.page-matiere .rep-grille{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.outils-liste{list-style:none;margin:0;padding:0;display:grid;gap:0 var(--s6);background:none;border:0;border-top:2px solid var(--ink);border-radius:0}
@media (min-width:800px){ .outils-liste{grid-template-columns:repeat(2,minmax(0,1fr))} .outils-liste li:last-child:nth-child(odd){grid-column:1 / -1} }
.outils-liste li{max-width:none;border-bottom:1px solid var(--line)}
.outils-liste a{display:grid;gap:4px;height:100%;padding:var(--s4) 0;color:var(--ink);text-decoration:none;transition:background-color var(--d-court) var(--courbe-sortie)}
.outils-liste a:active{background:var(--m-doux)}
@media (hover:hover) and (pointer:fine){ .outils-liste a:hover{background:var(--m-doux)} }
.outils-liste b{font:700 var(--t-corps)/1.3 var(--body);color:var(--m-texte)}
.outils-liste span{font-size:var(--t-petit);color:var(--muted);line-height:1.45}
.liens-matiere h3{margin:0;font:700 var(--t-corps)/1.3 var(--body);color:var(--m-texte)}
.band .liens-matiere{margin-top:var(--s3)}
.cours-liste .trimestre{background:none;border:0;border-top:2px solid var(--ink);border-radius:0}
.trimestre > summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) 20px;gap:4px var(--s4);align-items:baseline;
  padding:var(--s4) 0;min-height:44px}
.trimestre > summary::-webkit-details-marker{display:none}
.trimestre > summary::after{content:"";grid-column:3;grid-row:1;align-self:center;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:rotate(45deg);transition:transform var(--d-court) var(--courbe-sortie)}
.trimestre[open] > summary::after{transform:rotate(-135deg)}
@media (hover:hover) and (pointer:fine){ .trimestre > summary:hover .trim-titre{text-decoration:underline;text-decoration-color:var(--m);text-underline-offset:5px} }
.trim-titre{font:800 var(--t-titre-2)/1.15 var(--display);font-stretch:var(--large-titre)}
.trim-detail{font:600 var(--t-petit)/1.3 var(--body);color:var(--muted)}
.trim-mods{grid-column:1 / 3;font-size:var(--t-petit);color:var(--muted)}
.trimestre[open] .trim-mods{display:none}
@media (max-width:600px){ .trimestre > summary{grid-template-columns:minmax(0,1fr) 20px;padding:var(--s4)} .trim-detail{grid-column:1} .trim-mods{grid-column:1} }
.trim-modules{display:grid;gap:var(--s5) var(--s6);padding:var(--s4) var(--s5) var(--s5);border-top:1px solid var(--line)}
@media (min-width:1000px){ .trim-modules{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .trim-modules{padding:var(--s3) var(--s4) var(--s4)} }
.mod h3{margin:0 0 var(--s2);display:grid;gap:2px;font:700 var(--t-titre-4)/1.3 var(--body)}
.mod-n{font:600 var(--t-legende)/1.2 var(--body);color:var(--muted)}
.lecons{list-style:none;margin:0;padding:0;display:grid}
.lecon{display:grid;grid-template-columns:2em minmax(0,1fr) auto;gap:var(--s3);align-items:start;padding:10px 0;border-top:1px solid var(--line);max-width:none}
.lecon-n{font:600 var(--t-petit)/1.6 var(--body);color:var(--muted);font-variant-numeric:tabular-nums}
.lecon a{font-weight:700;font-size:var(--t-corps);line-height:1.35;color:var(--accent);text-underline-offset:3px}
.lecon p{margin:2px 0 0;font-size:var(--t-petit);line-height:1.45;color:var(--muted)}
.lecon .st{display:inline-flex;align-items:center;gap:4px;margin-top:2px}
.lecon .st .ic{width:13px;height:13px}
.lecon-ferme .ic{width:16px;height:16px;margin-top:4px;color:var(--muted)}
.lecon.is-done a{color:var(--ink)}
.tc-liste{list-style:none;margin:var(--s5) 0 0;padding:0;border-top:2px solid var(--ink)}
.tc{display:grid;gap:var(--s3) var(--s6);padding-block:var(--s5);border-bottom:1px solid var(--line);max-width:none}
@media (min-width:900px){ .tc{grid-template-columns:minmax(0,4fr) minmax(0,5fr) auto;align-items:start} }
.tc-nom{margin:0;font:800 var(--t-titre-1)/1 var(--display);font-stretch:var(--large-titre);text-transform:uppercase}
.tc-nom a{color:var(--m-texte);text-decoration:none}
@media (hover:hover) and (pointer:fine){ .tc-nom a:hover{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.12em} }
.tc-resume{margin:var(--s2) 0 0;max-width:44ch}
.tc-contenus{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tc-contenus li{max-width:none}
.tc-contenus a{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);min-height:44px;padding:10px 0;border-bottom:1px solid var(--line);
  color:var(--ink);text-decoration:none}
.tc-contenus a b{font-weight:700}
.tc-contenus a small{font-size:var(--t-petit);color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}
@media (hover:hover) and (pointer:fine){ .tc-contenus a:hover b{text-decoration:underline;text-decoration-color:var(--m);text-decoration-thickness:2px;text-underline-offset:4px} }
.tc-act{margin:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.tc-note{display:flex;gap:var(--s2);align-items:flex-start;max-width:68ch;margin:0;color:var(--muted);font-size:var(--t-petit)}
.tc-note .ic{flex:none;width:18px;height:18px;margin-top:2px}
.semaine{display:grid;gap:var(--s5)}
@media (min-width:640px) and (max-width:999px){ .semaine{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--s4)} }
@media (min-width:1000px){ .semaine{grid-template-columns:repeat(var(--jours,6),minmax(0,1fr));gap:var(--s2);align-items:start} }
.sem-jour{display:grid;gap:var(--s2);align-content:start}
.sem-j{margin:0;font:800 var(--t-titre-4)/1.2 var(--display);font-stretch:var(--large-titre);padding-bottom:var(--s2);border-bottom:2px solid var(--ink)}
.sem-liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.sem-liste li{max-width:none}
.sem-cours{display:grid;gap:2px;align-content:start;min-height:44px;padding:10px 12px;border-radius:var(--r-champ);color:var(--ink);text-decoration:none;
  background:var(--m-doux);transition:transform var(--d-appui) var(--courbe-sortie)}
:root a.sem-cours{color:var(--ink)}
.sem-cours:active{transform:scale(.985)}
@media (hover:hover) and (pointer:fine){ .sem-cours:hover .sem-m{text-decoration:underline} }
.sem-h{font:700 var(--t-petit)/1.3 var(--body);font-variant-numeric:tabular-nums}
.sem-m{font:700 var(--t-corps)/1.25 var(--body)}
.sem-qui,.sem-ou{font-size:var(--t-legende);line-height:1.35}
.sem-complet{font:700 var(--t-legende)/1.3 var(--body);color:var(--bad)}
@media (max-width:639px){ .sem-liste{grid-template-columns:repeat(2,minmax(0,1fr))} .sem-cours{padding:8px 10px} }
.page-portes-ouvertes .page-head{margin-bottom:var(--s4)}
.po-dates{display:grid;gap:var(--s4)}
.po-dates > h2,.po-essai > h2{margin:0}
.po-date{display:grid;gap:var(--s5);scroll-margin-top:90px}
@media (min-width:1000px){ .po-date{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s6);align-items:start} }
.po-tete{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s4);align-items:start}
.po-feuille{margin:0;width:92px;display:grid;justify-items:center;text-align:center;border-radius:var(--r-bloc);overflow:hidden;border:2px solid var(--ink);
  background:transparent}
.po-feuille span:first-child{width:100%;padding:5px 0;background:var(--aplat);color:var(--aplat-ink);font:700 var(--t-legende)/1.2 var(--body)}
.po-feuille b{font:800 2.875rem/1 var(--display);padding-top:6px;font-variant-numeric:lining-nums tabular-nums}
.po-feuille span:last-child{padding:0 4px 8px;font:600 var(--t-legende)/1.2 var(--body);color:var(--muted)}
.po-infos{display:grid;gap:var(--s2);min-width:0}
.po-infos h3{margin:0;font:800 var(--t-titre-2)/1.1 var(--display);font-stretch:var(--large-titre)}
.po-mat{margin:0;justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:var(--r-petit);
  font:700 var(--t-legende)/1.3 var(--body);background:var(--m);color:var(--m-sur)}
.po-dot{display:none}
.po-faits{list-style:none;margin:var(--s1) 0 0;padding:0;display:grid;gap:6px}
.po-faits li{display:flex;gap:10px;align-items:flex-start;max-width:none}
.po-faits .ic{margin-top:3px;color:var(--muted)}
.po-faits .po-plein{color:var(--bad);font-weight:700}
.po-details{margin:var(--s2) 0 0;padding-top:var(--s3);border-top:1px solid var(--line);white-space:pre-line}
.po-form{display:grid;gap:var(--s3);align-content:start}
@media (min-width:1000px){ .po-form{border-left:1px solid var(--line);padding-left:var(--s6)} }
@media (max-width:999px){ .po-form{border-top:1px solid var(--line);padding-top:var(--s5)} }
.po-form-t{margin:0;font:700 var(--t-titre-4)/1.3 var(--body)}
.po-champs{display:grid;gap:var(--s3)}
@media (min-width:560px){
  .po-champs{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}
  .po-champs > .field{grid-column:span 2}
  .po-champs > .field:nth-child(-n+2){grid-column:span 3}
}
.po-form .field input,.po-form .field select{width:100%;min-height:46px}
.po-aide{margin:calc(-1 * var(--s1)) 0 0}
.po-form .btn{justify-self:start;min-width:220px}
@media (max-width:600px){ .po-form .btn{justify-self:stretch} .po-feuille{width:76px} .po-feuille b{font-size:2.375rem} }
.po-plein-note{margin:0}
.po-vide{display:grid;gap:var(--s2)}
.po-vide p{margin:0}
.po-statut{display:flex;gap:10px;align-items:center;font-size:var(--t-corps)}
.po-statut .ic{color:var(--accent);width:22px;height:22px}
.page-portes-ouvertes .po-essai{margin-top:var(--s7);display:grid;gap:var(--s3)}
.po-essai > .lede{margin:0 0 var(--s3)}
.insc{display:grid;gap:var(--s5);align-items:start}
@media (min-width:1000px){
  .insc{grid-template-columns:minmax(0,760px) 320px;gap:var(--s6)}
  .insc-tarif{grid-column:2;grid-row:1;position:sticky;top:96px}
  .insc-form{grid-column:1;grid-row:1}
}
.insc-tarif{display:grid;gap:var(--s2)}
.insc-tarif h2,.insc-tarif p{margin:0}
.insc-prix b{font:800 var(--t-titre-0)/1 var(--display);font-stretch:var(--large-titre);font-variant-numeric:tabular-nums lining-nums}
.insc-tarif a{color:var(--accent);text-underline-offset:3px}
.insc-form.form{gap:var(--s4)}
.insc-form fieldset.insc-etape{background:none;border:0;border-top:2px solid var(--ink);border-radius:0;padding:var(--s4) 0 0;gap:var(--s3)}
.insc-form fieldset.insc-etape{display:block;min-width:0;min-inline-size:0;max-width:100%;font-weight:400;font-size:var(--t-corps)}
.insc-corps{display:grid;gap:var(--s3);min-width:0;clear:both}
.insc-form fieldset.insc-etape > legend{float:left;width:100%;max-width:100%;white-space:normal;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3);
  margin:0 0 var(--s1);padding:0;font:700 var(--t-titre-4)/1.3 var(--body)}
.insc-n{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--r-petit);background:var(--m);color:var(--m-sur);
  font:800 var(--t-corps)/1 var(--display);font-variant-numeric:tabular-nums}
.insc-fac{font:500 var(--t-legende)/1.3 var(--body);color:var(--muted)}
.insc-etape .consent{font-weight:500;min-height:44px}
.insc-etape ol,.insc-etape .muted.small{font-weight:400}
.insc-lieu{display:block;font-weight:400}
.insc-etape ol{margin:0;padding-left:22px;display:grid;gap:6px}
.insc-etape .btn{justify-self:start;min-width:260px;margin-top:var(--s2);min-height:52px;font-weight:700}
@media (max-width:600px){ .insc-etape .btn{justify-self:stretch;min-width:0} }
.insc-erreur a{color:inherit;font-weight:700}
.insc-etape:has([aria-invalid="true"]){border-color:var(--bad)}
.auth-duo{display:grid;gap:var(--s6);align-items:start;max-width:1040px;margin-inline:auto}
@media (min-width:900px){ .auth-duo{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:var(--s7)} }
.auth-duo .auth{margin:0;max-width:none}
.auth-duo .auth .form{max-width:none}
.auth .form + p.muted{margin-top:var(--s4)}
.auth p.muted + p.muted{margin-top:var(--s1)}
.auth-cours{display:grid;gap:var(--s3)}
@media (min-width:900px){ .auth-cours{margin-top:var(--s7)} }
.auth-cours h2,.auth-cours p{margin:0}
.auth-cours > p{color:var(--muted)}
.auth-cours .auth-essai{color:var(--ink)}
.page-offrir .page-head,.page-abonnement .page-head{max-width:46rem}
.acces-choix{display:grid;gap:var(--s6);margin-top:var(--s5)}
@media (min-width:900px){ .acces-choix{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--s7)} }
.acces-choix h2{margin:0 0 var(--s3);font:800 var(--t-titre-2)/1.1 var(--display);font-stretch:var(--large-titre)}
.acces-choix p{margin:0 0 var(--s3)}
.legal.prose{max-width:var(--mesure)}
.legal.prose h2{margin-top:var(--s6)}
.insc-erreur ul{margin:var(--s1) 0 0;padding-left:1.2em}
.insc-erreur p{margin:0}


.band[id^="fiches-"]{scroll-margin-top:96px}
@media (max-width:600px){ .band[id^="fiches-"]{scroll-margin-top:12px} }


.fa-tete{margin-bottom:var(--s4)}
.fa-accueil{display:grid;gap:var(--s6);align-items:start}
.fa-accueil > *{min-width:0;margin:0}
.fa-zone-cours{display:grid;gap:var(--s6);align-content:start;min-width:0}
.fa-zone-cours > *{margin:0;min-width:0}
@media (min-width:900px){ .fa-accueil{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);column-gap:var(--s7)} }
.fa-section > h2{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s3);font-size:var(--t-titre-3)}
.fa-nb{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:var(--r-rond);background:var(--surface-2);color:var(--ink);
  font:700 var(--t-petit)/1 var(--body);font-variant-numeric:tabular-nums}
.fa-rien{margin:0;color:var(--muted)}
.fa-suite{display:flex;flex-wrap:wrap;gap:0 var(--s5);margin:var(--s2) 0 0}
.fa-suite a,.fa-prochain-lien a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.fa-zone-suivi{display:grid;gap:var(--s6);align-content:start}
.fa-zone-suivi > *{margin:0}
.fa-maintenant{display:grid;gap:var(--s4)}
.fa-prochain{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s4);align-items:start;padding:var(--s4) 0 0;border-top:2px solid var(--ink)}
.fa-date{display:grid;justify-items:center;align-content:center;gap:2px;width:72px;min-height:84px;margin:0;padding:var(--s2) 0;border:2px solid var(--ink);
  border-radius:var(--r-champ);background:transparent;color:var(--ink);font:700 var(--t-legende)/1.1 var(--body);text-transform:lowercase;font-variant-numeric:tabular-nums}
.fa-date b{font:800 var(--t-titre-1)/1 var(--display);font-stretch:var(--large-titre);font-variant-numeric:tabular-nums lining-nums}
.fa-prochain-txt{display:grid;gap:var(--s1);min-width:0}
.fa-prochain-txt > *{margin:0}
.fa-quand{font-size:var(--t-titre-3);line-height:1.15}
.fa-heure{display:block;font-variant-numeric:tabular-nums lining-nums}
.fa-quoi{margin-top:var(--s1)}
.fa-lieu{display:flex;gap:var(--s2);align-items:flex-start;color:var(--muted);font-size:var(--t-petit);line-height:1.4}
.fa-lieu .ic{flex:none;width:18px;height:18px;margin-top:1px;color:var(--m-texte)}
.fa-alerte{margin-top:var(--s1)}
@media (max-width:600px){ .fa-prochain{gap:var(--s3)} .fa-date{width:64px;min-height:76px} }
.fa-reprendre{display:grid;gap:var(--s2)}
.fa-reprendre-btn{display:grid;justify-content:start;justify-items:start;gap:2px;width:100%;padding:12px 18px;text-align:left}
.fa-reprendre-t{font:700 var(--t-corps)/1.25 var(--body)}
.fa-reprendre-d{font:500 var(--t-petit)/1.35 var(--body)}
.fa-matieres{list-style:none;margin:0;padding:0;display:grid}
.fa-matiere{display:grid;gap:var(--s2);max-width:none;padding:var(--s4) 0;border-top:1px solid var(--line)}
.fa-matiere:first-child{border-top:2px solid var(--ink)}
.fa-m-tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s1) var(--s4)}
.fa-m-tete h3{margin:0;font:800 var(--t-titre-3)/1.15 var(--display);font-stretch:var(--large-titre)}
.fa-m-tete h3 a{color:var(--m-texte);text-decoration:none}
@media (hover:hover) and (pointer:fine){ .fa-m-tete h3 a:hover{text-decoration:underline;text-underline-offset:.2em} }
.fa-m-compte{color:var(--muted);font:600 var(--t-petit)/1.3 var(--body);font-variant-numeric:tabular-nums}
.fa-barre{display:block;height:8px;border-radius:var(--r-petit);background:var(--surface-2);overflow:hidden}
.fa-barre i{display:block;height:100%;background:var(--m);mix-blend-mode:var(--melange)}
.fa-m-liens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--s5)}
.fa-m-liens li{max-width:none}
.fa-m-liens a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--m);
  text-decoration-thickness:2px;text-underline-offset:.32em}
@media (hover:hover) and (pointer:fine){ .fa-m-liens a:hover{color:var(--m-texte)} }
.fa-messages{list-style:none;margin:0 0 var(--s3);padding:0;display:grid;border-top:2px solid var(--ink)}
.fa-messages li{max-width:none;border-bottom:1px solid var(--line)}
.fa-message{display:grid;gap:var(--s1);padding:var(--s3) 0;color:var(--ink);text-decoration:none;transition:transform var(--d-appui) var(--courbe-sortie)}
.fa-message:active{transform:scale(.985)}
@media (hover:hover) and (pointer:fine){ .fa-message:hover .fa-message-txt{text-decoration:underline;text-decoration-color:var(--m);text-underline-offset:.2em} }
.fa-message-qui{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--s2);font-size:var(--t-petit)}
.fa-message-qui .pastille-m{margin:0}
.fa-message-txt{font-weight:600;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fa-devoirs{list-style:none;margin:0;padding:0;display:grid}
.fa-devoirs li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 var(--s1);align-items:baseline;max-width:none;padding:var(--s2) 0;border-top:1px solid var(--line)}
.fa-devoirs li:first-child{border-top:0;padding-top:0}
.fa-devoirs b{font-weight:600;overflow-wrap:anywhere}
.fa-pour{display:block;color:var(--muted);font-size:var(--t-petit)}
.fa-raccourcis ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.fa-raccourcis li{max-width:none;border-bottom:1px solid var(--line)}
.fa-raccourcis a{display:grid;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:var(--s3);min-height:52px;color:var(--ink);font-weight:600;
  text-decoration:none;transition:background-color var(--d-court) var(--courbe-sortie)}
.fa-raccourcis a > .ic:first-child{color:var(--accent)}
.fa-raccourcis .fa-chevron{width:18px;height:18px;color:var(--muted)}
.fa-raccourcis a:active{background:var(--surface-2)}
@media (hover:hover) and (pointer:fine){ .fa-raccourcis a:hover span{text-decoration:underline;text-underline-offset:.2em} }
.fa-zone-enfants{display:grid;gap:var(--s7)}
.fa-enfant{display:grid;gap:var(--s3);padding:var(--s4) 0 0;border-top:2px solid var(--ink)}
.fa-enfant > *{margin:0}
.fa-enfant-tete{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3)}
.fa-enfant-tete h2{font-size:var(--t-titre-2);overflow-wrap:anywhere}
.fa-etiquettes{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.fa-lignes{display:grid;margin:0}
.fa-lignes > div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:var(--s1) var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line)}
.fa-lignes dt{color:var(--muted);font:600 var(--t-petit)/1.6 var(--body)}
.fa-lignes dd{margin:0;overflow-wrap:anywhere}
.fa-dd-sous{display:block;color:var(--muted);font-size:var(--t-petit);line-height:1.4}
.fa-enfant-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}
.fa-afaire .a-faire-liste{border-top:2px solid var(--ink)}
.fa-afaire .a-faire-liste li{padding:var(--s3) 0}
.fa-afaire .a-faire-liste li > span{overflow-wrap:anywhere}
@media (max-width:600px){ .fa-lignes > div{grid-template-columns:6.5em minmax(0,1fr)} }
@media (max-width:359.98px){ .fa-lignes > div{grid-template-columns:minmax(0,1fr)} }
.fa-vide{margin:0 0 var(--s6)}
#enseignements + .fa-raccourcis{margin-top:var(--s7)}
.fa-inscrire{margin-top:var(--s8)}
.fa-inscrire > h2{font-size:var(--t-titre-3)}
.fa-inscrire > .muted{margin:0 0 var(--s3)}
.fa-autre{max-width:var(--mesure);margin:var(--s7) 0 0;color:var(--muted)}
.fa-public{margin:var(--s6) 0 var(--s4);font-size:var(--t-petit)}
.fa-public a{color:var(--muted)}
.mc{display:grid;gap:var(--s6)}
.mc > :is(.box,section,div,h2,nav),.mc :is(.mc-haut,.mc-col,.mc-duo) > :is(.box,section,div){margin:0}
.mc-haut,.mc-duo{display:grid;gap:var(--s6);align-items:start}
.mc-col{display:grid;gap:var(--s6);min-width:0}
@media (min-width:900px){
  .mc-haut{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .mc-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.mc > h2.mc-h2{margin:var(--s5) 0 0}
.mc > .sommaire{margin:var(--s3) 0 0}
.mc .form > .btn,.mc .row-actions .btn{justify-self:start}
.mc-groupe{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s1);font:600 var(--t-corps)/1.35 var(--body);color:var(--ink);overflow-wrap:anywhere}
.mc-groupe::before{content:"";flex:none;width:10px;height:10px;border-radius:2px;background:var(--m)}
.mc-cours{display:grid;gap:var(--s3)}
.mc-cours > *{margin:0}
.mc-lieu{display:flex;gap:var(--s2);align-items:flex-start;color:var(--muted);font-size:var(--t-petit)}
.mc-lieu .ic{flex:none;margin-top:2px;color:var(--m-texte)}
.mc-prochain{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s2) var(--s4);align-items:center;padding:var(--s3) 0;border-top:2px solid var(--ink)}
.mc-prochain-txt{min-width:0}
.mc-quand{margin:0;font-size:var(--t-grand);line-height:1.3}
.mc-quand b{font-weight:700}
.mc-action{grid-column:1/-1}
.mc-action .inline-form{justify-content:flex-start}
@media (min-width:560px){ .mc-prochain{grid-template-columns:auto minmax(0,1fr) auto} .mc-action{grid-column:auto} }
.mc-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.mc-prochain.is-off .mc-quand,.mc-suite li.is-off > div > b{text-decoration:line-through;color:var(--muted)}
.mc-suite{list-style:none;margin:0;padding:0;display:grid}
.mc-suite li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px var(--s3);max-width:none;padding:var(--s1) 0;border-top:1px solid var(--line)}
.mc-suite li > div{min-width:0}
.mc-pied{display:grid;gap:var(--s3);margin-top:var(--s2);padding-top:var(--s4);border-top:1px solid var(--line)}
.mc-reglage{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--s1) var(--s3);align-items:start}
.mc-reglage > .ic{color:var(--muted);margin-top:3px}
.mc-reglage p{margin:0;font-size:var(--t-petit)}
.mc-reglage > .inline-form,.mc-reglage > .btn{grid-column:2;justify-self:start}
.mc-reglage details{margin-top:var(--s1)}
.mc-reglage summary{font-size:var(--t-petit)}
.mc-reglage .cal-link{overflow-wrap:anywhere}
.mc .hw li.is-new{margin:0;padding:var(--s3)}
:is(#devoirs,#discussion,#messages) :is(h2,h3) .badge{vertical-align:3px}
.mc-discussion .thread{max-height:none}
.pe-cartes{display:grid;gap:var(--s6);grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));align-items:start}
.pe-carte{display:grid;gap:var(--s2);align-content:start;padding:var(--s4) 0 0;border-top:2px solid var(--ink)}
.pe-carte > *{margin:0}
.pe-carte > h2{overflow-wrap:anywhere}
.pe-groupes{list-style:none;margin:0;padding:0;display:grid;gap:var(--s1)}
.pe-groupes li{display:flex;align-items:baseline;max-width:none}
.pe-groupes li > span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.pe-acces{display:flex;flex-wrap:wrap;gap:6px var(--s3);align-items:center}
.pe-nouveau{font-weight:700;color:var(--accent)}
.pe-carte > .pe-ouvrir{margin-top:var(--s2)}
.pe-h2{margin:var(--s7) 0 var(--s4)}
.pe-ajouter{display:grid;gap:var(--s6);grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:start}
.pe-ajouter > .box{margin:0}
.pe-delier{margin-top:var(--s6)}
.cp{display:grid;gap:var(--s6)}
.cp > :is(div,nav,h2){margin:0}
.cp-haut,.cp-grille{display:grid;gap:var(--s6);align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.cp :is(.cp-haut,.cp-grille) > :is(.box,section,div){margin:0}
.cp-haut .box{min-height:100%}
.cp > h2.cp-h2{margin:var(--s5) 0 0;font-size:var(--t-titre-3)}
.cp-id{overflow-wrap:anywhere}
.cp-haut .plain li{display:block;line-height:1.5;max-width:none}
.cp-haut .plain li + li{padding-top:var(--s3);border-top:1px solid var(--line)}
.cp-haut .plain li a{font-weight:600}
.cp-barre{display:block;height:8px;margin-top:var(--s2);border-radius:var(--r-petit);background:var(--surface-2);overflow:hidden}
.cp-barre i{display:block;height:100%;min-width:4px;background:var(--m);mix-blend-mode:var(--melange)}
.cp-supprimer{margin-top:var(--s6)}
.cp-pleine :is(.cp-haut,.cp-grille),.cpt-pleine{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){ .cp-pleine :is(.cp-haut,.cp-grille){grid-template-columns:repeat(2,minmax(0,1fr))} }
:is(.cp-pleine,.cpt-pleine) [id],.cp-pleine .cp-h2,.cp-supprimer,#cpt-supprimer{scroll-margin-top:96px}
.acces-age .box{margin:var(--s4) 0}
.acces-age .box h2{margin-top:0}
.acces-parent{border:1.5px solid var(--accent)}
.acces-etapes{margin:var(--s2) 0 var(--s3);padding-left:1.4em;display:grid;gap:var(--s2)}
.ad-enfants{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ad-enfant{display:grid;gap:var(--s2);align-content:start;transition:border-color var(--d-court) var(--courbe-sortie),box-shadow var(--d-court) var(--courbe-sortie)}
.ad-enfant > *{margin:0}
@media (hover:hover) and (pointer:fine){ .ad-enfant:hover{border-color:var(--accent)} }
.ad-enfant.is-hors{box-shadow:none;background:var(--surface-2)}
.ad-ouvrir{display:inline-flex;align-items:center;gap:var(--s1);margin-top:var(--s2);font-weight:650;color:var(--accent)}
.ad-ouvrir .ic{width:18px;height:18px;transition:transform var(--d-court) var(--courbe-sortie)}
@media (hover:hover) and (pointer:fine){ .ad-enfant:hover .ad-ouvrir .ic{transform:translateX(3px)} }
.ad-moi{margin-top:var(--s5)}
.lesson-page .rail-h,.lesson-page .side-mod-h{font:650 14px/1.3 var(--body);letter-spacing:0;text-transform:none}
.lesson-page .tip .lab{font:650 14px/1.3 var(--body);letter-spacing:0;text-transform:none}
.lesson-page .lesson :is(section,h2,h3,[id]){scroll-margin-top:84px}
@media (min-width:900px){ .lesson-page .lesson :is(section,h2,h3,[id]){scroll-margin-top:136px} }
.lesson-page .lesson .prose{max-width:68ch;line-height:1.65}
.lesson-page .lesson .prose :is(p,li){max-width:none}
.lesson-page .lesson :is(.fig figcaption,.mus-aide){font-size:14.5px;line-height:1.5}
.lesson-page .lesson .page-head .lede{max-width:60ch}
@media (min-width:900px){
  .lesson-page .lesson section{margin-top:var(--s7)}
  .lesson-page .lesson h2{margin-bottom:var(--s3)}
  .lesson-page .lesson .prose{font-size:17px}
}
.lesson-page .toc a{font-size:14.5px}


.pespace-main > *{margin-block:0}
.pespace-main > * + *{margin-top:var(--s5)}
.pespace-main > .pmenu-tel{margin-bottom:var(--s4)}
.pespace-main > :is(section,.tb,details.tb-plus,.eq-section) + :is(section,.tb,details.tb-plus,.eq-section){margin-top:var(--s7)}
.pespace-main :is(.dash,.card-grid,.eq-grille) > *{margin-top:0}
.pespace-main > .flash + *{margin-top:var(--s5)}
.pespace-main .card-grid{align-items:start}
@media (max-width:600px){ .pespace-main > :is(section,.tb,details.tb-plus,.eq-section) + :is(section,.tb,details.tb-plus,.eq-section){margin-top:var(--s6)} }
.eq-tete{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--s2) var(--s5);margin-top:var(--s2)}
.eq-tete > .page-head{flex:1 1 20rem;margin:0;gap:var(--s1)}
.eq-tete .lede{font-size:var(--t-corps);max-width:72ch}
.pespace-main > .eq-tete + *{margin-top:var(--s5)}
.pespace-main > .lede{font-size:var(--t-corps);max-width:72ch}
.eq-h{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s3);font:750 var(--t-titre-3)/1.2 var(--display);font-stretch:var(--large-titre)}
.eq-h .badge{vertical-align:0}
.eq-h3{margin:var(--s5) 0 var(--s2);font:700 var(--t-titre-4)/1.3 var(--body)}
:where(.eq-vide){margin:0}
.eq-vide{color:var(--muted);font-size:var(--t-petit);line-height:1.5;max-width:72ch}
.eq-vide b{color:var(--ink);font-weight:600}
.eq-vide-a-faire{padding:var(--s3) var(--s4);border:1.5px dashed var(--bord);border-radius:var(--r-bloc)}
@media (min-width:601px){ .pespace-main .form > :is(.btn,button[type=submit]),.pespace-main .form > .row-actions{justify-self:start} }
.eq-form{max-width:46rem}
.eq-form .field input{max-width:20rem}
.eq-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--s3) var(--s4);align-items:end}
.eq-champs-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.eq-champs .backing-grid{display:contents}
.eq-champs > p{margin:0;align-self:center}
.pespace-main .field > span{font-weight:600}
.pespace-main fieldset.field legend{font-weight:600;font-size:var(--t-petit)}
.eq-liste{list-style:none;margin:0;padding:0}
.eq-liste > li{max-width:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line)}
.eq-liste > li:first-child{border-top:0;padding-top:0}
.eq-liste > li:last-child{padding-bottom:0}
.eq-liste > li > :is(.btn,.st,.inline-form):last-child{margin-left:auto}
.eq-li-txt{flex:1 1 260px;min-width:0;display:grid;gap:2px}
.eq-li-txt > .muted{overflow-wrap:anywhere}
.pespace-main :is(.hw,.plain,.eq-liste,.tb-liste,.notes) > li{max-width:none}
.eq-nom{display:inline-flex;align-items:baseline;min-width:0}
.tb{display:grid;gap:var(--s7) var(--s6);grid-template-columns:minmax(0,1fr)}
.tb > *{margin:0;min-width:0}
.tb-main{display:grid;gap:var(--s7);align-content:start}
.tb-main > *{margin:0}
@media (min-width:1280px){ .tb{grid-template-columns:minmax(0,1fr) 300px} .tb-jour{grid-column:1/-1} }
@media (max-width:600px){ .tb,.tb-main{gap:var(--s6)} }
.tb-jour{gap:var(--s3)}
.tb-jour > .eq-h{margin:0}
.tb-jour .ap-cours{border-top:0}
.tb-jour .ap-cours-li{padding-top:0}
.tb-jour .ap-cours-li:last-child{border-bottom:0}
.tb-jour .ap-cours + .tb-prochain{padding-top:var(--s3);border-top:1px solid var(--line)}
.tb-calme{margin:0;font-size:var(--t-corps)}
.tb-prochain{display:grid;gap:var(--s2);margin:0;max-width:none}
.tb-prochain .tb-prochain-t{margin:0;font:700 var(--t-petit)/1.3 var(--body);color:var(--muted)}
.tb-programme > div{grid-template-columns:minmax(9.5em,auto) minmax(0,1fr)}
.tb-programme dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--s3)}
.tb-programme time{font-size:var(--t-titre-4)}
.tb-programme a{font-weight:600}
.tb-lieu{flex-basis:100%;color:var(--muted);font-size:var(--t-petit);line-height:1.4}
@media (max-width:600px){ .tb-programme > div{grid-template-columns:minmax(0,1fr)} }
.tb-oublis{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tb-oublis li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);max-width:none;padding:var(--s3) 0 0}
.tb-oublis li > span{flex:1 1 16rem;min-width:0}
.tb-liste{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.tb-liste > li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.tb-liste > li > :first-child{flex:1 1 16rem;min-width:0}
.tb-liste > li > :is(.btn,.inline-form){flex:none}
.tb-msg-txt{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px var(--s2)}
.tb-msg-txt .chip{justify-self:start}
.tb-apercu{grid-column:1/-1;color:var(--muted);font-size:var(--t-petit);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tb-h3{margin:var(--s5) 0 var(--s2);font:700 var(--t-petit)/1.3 var(--body);color:var(--muted)}
.tb-alerte > .box{background:var(--bad-soft);border-color:var(--bad);box-shadow:none}
.tb-alerte > .box h3{color:var(--bad)}
.pespace-main .tb-plus{margin-top:var(--s7)}
.pespace-main .tb-plus > summary{flex-wrap:wrap;min-height:56px;font:700 var(--t-corps)/1.3 var(--body)}
.pespace-main .tb-plus > summary > span{flex:none}
.eq-2l{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pespace-main .tb-plus > summary small{font-size:var(--t-petit)}
.pespace-main .tb-plus-in{gap:var(--s5)}
.eq-bas .box{box-shadow:none;background:transparent}
.tb-cote .nc-cartes{grid-template-columns:1fr}
.lc{display:grid;gap:var(--s2)}
.lc + .lc{margin-top:var(--s6)}
.lc-nom{margin:0;font:800 var(--t-titre-3)/1.15 var(--display);font-stretch:var(--large-titre)}
.lc-nom a{color:var(--ink);text-decoration:none}
.lc-liens{margin:0}
.lc-liens > li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--s3);margin-inline:0;padding-inline:0}
.lc-n{color:var(--ink);font:700 var(--t-corps)/1 var(--body);text-align:right}
.lc-n .num{font-variant-numeric:tabular-nums lining-nums}
.pespace-main .admin-table td a{overflow-wrap:anywhere}
.pespace-main td.eq-actions{text-align:right}
.pespace-main td.eq-actions > .inline-form{display:inline-flex;margin:0 0 0 var(--s2)}
.pespace-main .admin-table td .muted{overflow-wrap:anywhere}
.eq-section{scroll-margin-top:96px}
.eq-h2{margin:0 0 var(--s4);padding-top:var(--s5);border-top:2px solid var(--ink);font:750 var(--t-titre-2)/1.2 var(--display);font-stretch:var(--large-titre)}
.eq-grille{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.eq-grille > *{margin:0;min-width:0}
.eq-duo{display:grid;gap:var(--s7) var(--s6);grid-template-columns:minmax(0,1fr);align-items:start}
.eq-duo > *{margin:0;min-width:0}
@media (min-width:1100px){ .eq-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} }
.pespace-main > :is(section,.eq-section,.eq-duo) + :is(section,.eq-section,.eq-duo){margin-top:var(--s7)}
.p-mode-emploi{margin-top:var(--s2)}
.pespace-main [id]{scroll-margin-top:96px}
.eq-ancres{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);margin:0;padding:0;list-style:none;font-size:var(--t-petit)}
.eq-ancres a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-weight:600}
.eq-resume{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--s3) var(--s5);margin:0;padding:var(--s4) 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.eq-resume div{display:grid;gap:2px;min-width:0}
.eq-resume dt{font:600 var(--t-legende)/1.3 var(--body);color:var(--muted)}
.eq-resume dd{margin:0;font-size:var(--t-corps);overflow-wrap:anywhere}
.eq-resume a{color:var(--accent);font-weight:600}
.eq-tete-groupe{display:grid;gap:var(--s3)}
.eq-contexte{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);margin:0;padding:0;list-style:none;color:var(--muted);font-size:var(--t-corps)}
.eq-contexte b{color:var(--ink);font-weight:600}
.eq-tete-groupe .row-actions{margin:0}
.eq-renommer{flex-wrap:nowrap}
.eq-renommer input{flex:1 1 auto;min-width:0;width:auto}
.eq-offrir > summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--accent);font-weight:600;font-size:var(--t-petit)}
.eq-offrir[open] .inline-form{margin-top:var(--s2)}
.eq-offrir .inline-form input{width:150px}
.eq-zone-danger{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}
.eq-planning{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.eq-planning > li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--s1) var(--s4);max-width:none;padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.eq-planning > li > div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s3);font-variant-numeric:tabular-nums}
.eq-planning > li.is-off > div:first-child b{text-decoration:line-through;color:var(--muted)}
.eq-planning > li > details{justify-self:end;text-align:right}
.eq-planning > li > details[open]{grid-column:1/-1;justify-self:stretch;text-align:left}
.eq-planning > li > details > summary{display:flex;align-items:center;justify-content:flex-end;min-height:44px;margin:0;cursor:pointer;color:var(--accent);font-weight:600;font-size:var(--t-petit)}
.eq-planning > li > details[open] > summary{justify-content:flex-start}
.eq-planning .eq-abs{flex-basis:100%;color:var(--muted);font-size:var(--t-petit)}
.eq-planning > li > .inline-form{justify-self:end}
.eq-planning-reglages{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);margin-top:var(--s3)}
.eq-ajout{margin-top:var(--s3)}
.eq-ajout > summary{min-height:44px;display:inline-flex;align-items:center;cursor:pointer;color:var(--accent);font-weight:600}
.eq-zone-danger > summary{min-height:44px;display:inline-flex;align-items:center;cursor:pointer;font-weight:600}
.eq-zone-danger[open]{display:grid;gap:var(--s3);justify-items:start;padding:var(--s4);border:1.5px dashed var(--bad);border-radius:var(--r-bloc);background:var(--bad-soft)}
.eq-zone-danger p{margin:0;max-width:60ch}
.eq-deux{display:grid;gap:var(--s7) var(--s6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start}
.eq-deux > *{margin:0;min-width:0}
.eq-deux > .box > .eq-h,.pespace-main > .box > .eq-h{margin:0}
.eq-envoyes{border-top:2px solid var(--ink)}
.eq-envoyes > li > div:first-child > p{margin:var(--s1) 0 0}
.eq-demandes{border-top:2px solid var(--ink)}
.pespace-main :is(.eq-demandes,.eq-familles,.eq-recus,.eq-envoyes) details > summary,.eq-prof-actions details > summary{min-height:44px;display:inline-flex;align-items:center;
  cursor:pointer;color:var(--accent);font-weight:600;font-size:var(--t-petit)}
.eq-prof-actions{display:grid;justify-items:end;gap:0}
.eq-prof-actions > details[open]{justify-self:stretch}
.eq-prof-actions > .eq-zone-danger{margin:0;padding-top:0;border-top:0}
.eq-annuler > summary,.eq-zone-danger > summary{color:var(--bad)}
.eq-note{font-weight:600;font-variant-numeric:tabular-nums}
.eq-recherche{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);max-width:42rem}
.eq-recherche > label{flex-basis:100%;font:600 var(--t-petit)/1.3 var(--body)}
.eq-recherche > input{flex:1 1 14rem;min-width:0}
.eq-h-detail{font:500 var(--t-petit)/1.3 var(--body);color:var(--muted)}
.eq-h .eq-h-detail{margin-left:var(--s1)}
.pespace-main .eq-eleves > .eq-vide{margin-top:var(--s4)}
.pespace-main .msg-tools .btn{--btn-fond:transparent;--btn-bord:transparent;--btn-texte:var(--bad);--btn-survol:var(--bad-soft);--btn-survol-bord:transparent;
  --btn-appui:var(--bad-soft);text-decoration:underline;text-underline-offset:.2em}
.eq-comptes-filtres{display:grid;gap:var(--s3)}
.eq-comptes-filtre > .choix-titre{margin-bottom:var(--s1)}
.eq-comptes .st{white-space:normal}
.eq-comptes .st time{white-space:nowrap}
.eq-comptes td:nth-child(5){white-space:nowrap}
@media (min-width:601px){ .eq-comptes td:first-child{min-width:15rem} .eq-comptes td:nth-child(2){min-width:7rem} .eq-comptes td:nth-child(3){min-width:9rem} .eq-comptes td:nth-child(4){min-width:10rem} }
.eq-comptes-remise > summary{min-height:44px;display:inline-flex;align-items:center;cursor:pointer;color:var(--accent);font-weight:600;font-size:var(--t-petit)}
.eq-comptes-remise[open] > .form{margin:var(--s1) 0 var(--s2);max-width:22rem;gap:var(--s2)}
.eq-comptes-liste > .eq-vide{margin-top:var(--s3)}


.nc-cartes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--s6)}
.nc-cartes > li{max-width:none}
.nc-carte{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) 0 0;border-top:2px solid var(--ink)}
.nc-tete{display:flex;align-items:center;gap:var(--s3)}
.nc-tete h3{margin:0;font:700 var(--t-titre-3)/1.15 var(--display);font-stretch:var(--large-titre)}
.nc-tete h3 a{color:var(--ink);text-decoration:none}
@media (hover:hover) and (pointer:fine){ .nc-tete h3 a:hover{text-decoration:underline} }
.nc-resume{margin:0;color:var(--muted);font-size:var(--t-petit);line-height:1.45}
.nc-liens{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.nc-liens li{max-width:none}
.nc-lien{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:6px 12px;border-radius:var(--r-champ);
  background:var(--surface-2);border:1px solid transparent;color:var(--ink);text-decoration:none;font:600 var(--t-petit)/1.2 var(--body)}
.nc-lien .ic{color:var(--m-texte)}
.nc-lien small{font:500 var(--t-legende)/1.2 var(--body);color:var(--muted);text-align:right}
@media (hover:hover) and (pointer:fine){ .nc-lien:hover{border-color:var(--m-texte);background:var(--m-doux)} }
.nc-prof{border:1px dashed var(--muted);background:var(--surface)}
.nc-action{margin:0}
.nc-action .btn{width:100%;justify-content:center;text-align:center}
.nc-bravo{font-weight:600;color:var(--ink)}
.nc-reserve{display:flex;gap:var(--s2);align-items:flex-start;margin:0 0 var(--s3);font-size:var(--t-petit);color:var(--muted)}
.nc-reserve .ic{width:16px;height:16px;margin-top:2px}
.nc-pied{margin:auto 0 0}
.nc-insc{display:inline-flex;align-items:center;min-height:44px;font-weight:650;color:var(--ink)}
@media (max-width:600px){ .nc-cartes{grid-template-columns:1fr} }
.ns-version{display:inline-flex;gap:0;margin-top:var(--s2);border:1.5px solid var(--accent);border-radius:var(--r-bloc);overflow:hidden;width:max-content;max-width:100%}
.ns-version a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;color:var(--ink);text-decoration:none;font:600 15px/1 var(--body)}
.ns-version a[aria-current="page"]{background:var(--accent);color:var(--accent-ink)}
.ns-trimestre{margin:0 0 var(--s6)}
.ns-h2{font-size:clamp(24px,2.6vw,28px);margin:0 0 var(--s2)}
.ns-h2 small{display:block;font:500 14px/1.4 var(--body);color:var(--muted);margin-top:2px}
.ns-h3{margin:var(--s4) 0 var(--s2);font:650 15px/1.3 var(--body);color:var(--muted)}
.ns-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px}
.ns-liste li{max-width:none}
.ns-liste a{display:flex;align-items:center;gap:12px;min-height:50px;padding:6px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-bloc);
  color:var(--ink);text-decoration:none;font:500 15.5px/1.3 var(--body)}
@media (hover:hover) and (pointer:fine){ .ns-liste a:hover{border-color:var(--matiere,var(--accent))} }
.ns-n{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;font:700 14px/1 var(--body);
  background:color-mix(in srgb,var(--matiere,var(--accent)) 16%,var(--surface));color:var(--ink)}
.ns-t{flex:1;min-width:0}
.ns-etat{display:inline-flex;flex:none;color:var(--muted)}
.ns-etat .ic{width:18px;height:18px}
.ns-fait{color:var(--ok)}
@media (max-width:600px){ .ns-liste{grid-template-columns:1fr} }
.nr{margin:0 0 var(--s5)}
.nr-h{font:650 var(--t-petit)/1.3 var(--body);color:var(--muted);margin:0 0 var(--s2)}
.nr-tuiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:0 var(--s5);border-top:2px solid var(--ink)}
.nr-tuiles li{max-width:none;border-bottom:1px solid var(--line)}
.nr-tuile{display:flex;align-items:center;gap:var(--s3);min-height:56px;padding:var(--s2) 0;color:var(--ink);text-decoration:none}
@media (hover:hover) and (pointer:fine){ .nr-tuile:hover b{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.2em} }
.nr-tuile .ic{flex:none;width:22px;height:22px;color:var(--accent)}
.nr-lab{display:grid;gap:2px;min-width:0}
.nr-lab b{font:700 var(--t-corps)/1.2 var(--body)}
.nr-lab small{font:500 var(--t-legende)/1.25 var(--body);color:var(--muted)}
.nr-cours{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s3)}
.nr-cours-h{font:600 var(--t-legende)/1.2 var(--body);color:var(--muted);margin-right:2px}
.nr-cours a{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-champ);
  background:var(--surface);color:var(--ink);text-decoration:none;font:600 var(--t-petit)/1 var(--body)}
@media (hover:hover) and (pointer:fine){ .nr-cours a:hover{border-color:var(--m-texte);background:var(--m-doux)} }
.nr-point{width:10px;height:10px;border-radius:var(--r-petit);background:var(--m);flex:none}
.na-section{margin:var(--s6) 0 0}
.na-section > h2{margin:0 0 var(--s3)}
.na-section > h2 a{color:inherit;text-decoration:none}
@media (hover:hover) and (pointer:fine){ .na-section > h2 a:hover{text-decoration:underline} }
.na-plus{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 0}
.na-enfants{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--s6)}
.na-enfants li{max-width:none}
.na-enfant{display:grid;gap:var(--s2);padding:var(--s4) 0 0;border-top:2px solid var(--ink)}
.na-enfant h3{margin:0;font:700 22px/1.15 var(--display)}
.na-enfant p{margin:0}
.na-enfant-cours{display:flex;flex-wrap:wrap;gap:6px}
.na-pastille{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:var(--r-pastille);text-decoration:none;color:var(--ink);font:600 14px/1 var(--body);
  background:color-mix(in srgb,var(--matiere,var(--accent)) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--matiere,var(--accent)) 40%,var(--line))}
.na-enfant-act{display:flex;flex-wrap:wrap;gap:var(--s2)}
.na-raccourcis{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s5) 0 0}
.na-raccourcis a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 14px;border:1px solid var(--line);border-radius:var(--r-pastille);
  background:var(--surface);color:var(--ink);text-decoration:none;font:600 15px/1.2 var(--body)}
.na-raccourcis a .ic{color:var(--accent)}
@media (hover:hover) and (pointer:fine){ .na-raccourcis a:hover{border-color:var(--accent);background:var(--accent-soft)} }
.na-inscrire .pub-choix-liste{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.na-public{margin:var(--s6) 0 var(--s4);font-size:15px}
.na-public a{color:var(--muted)}
.na-retour{margin:0 0 var(--s3)}
.page-head .ecrire-prof,.page-head [data-ecrire-prof]{margin-top:var(--s2)}
@media (max-width:420px){ .na-inscrire .pub-choix-liste{grid-template-columns:repeat(2,minmax(0,1fr))} }
.tb-plus{margin-top:var(--s5);background:none;border:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);border-radius:0}
.tb-plus > summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 0;cursor:pointer;font:650 16px/1.3 var(--body);color:var(--ink);list-style:none}
.tb-plus > summary::-webkit-details-marker{display:none}
.tb-plus > summary::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--d-court) var(--courbe-sortie);flex:none}
.tb-plus[open] > summary::before{transform:rotate(45deg)}
.tb-plus > summary small{font:500 14px/1.3 var(--body);color:var(--muted)}
.tb-plus-in{padding:0 var(--s4) var(--s4);display:grid;gap:var(--s4)}
.tb-plus-in > *{margin:0}
.tb-h2{font:650 15px/1.3 var(--body);color:var(--muted);margin:var(--s5) 0 var(--s2)}
.cpt{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s4);align-items:start}
.cpt > *{margin:0 !important}
details.appareils{display:block;padding:0}
details.appareils > summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-height:56px;padding:var(--s4) var(--s5);cursor:pointer;list-style:none}
details.appareils > summary::-webkit-details-marker{display:none}
details.appareils > summary .h3{font:650 18px/1.3 var(--body);color:var(--ink)}
details.appareils > summary small{font:500 14px/1.3 var(--body);color:var(--muted)}
details.appareils > summary::after{content:"Voir";margin-left:auto;font:600 14px/1 var(--body);color:var(--ink);text-decoration:underline}
details.appareils[open] > summary::after{content:"Masquer"}
.appareils-in{padding:0 var(--s5) var(--s4)}
@media (max-width:600px){ details.appareils > summary{padding:var(--s4)} .appareils-in{padding:0 var(--s4) var(--s4)} }
@media (max-width:600px){
  .nc-liens{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nc-lien{grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;row-gap:1px;align-content:center;min-height:56px;padding:6px 10px}
  .nc-lien .ic{grid-row:1 / span 2}
  .nc-lien small{grid-column:2;text-align:left;font-size:12.5px}
  .nc-resume{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
.box .na-raccourcis{margin-top:var(--s2)}


.msg-delai{margin:var(--s3) 0 0;max-width:60ch;padding:var(--s2) var(--s3);border-radius:var(--r-bloc);background:var(--accent-soft);color:var(--ink);
  font:500 var(--t-petit)/1.45 var(--body)}
.msg-page{display:grid;gap:var(--s3)}
.msg-page > *{margin:0}
.msg-page > .msg-h2{margin-top:var(--s5);font-size:var(--t-titre-3);overflow-wrap:anywhere}
.msg-page > .msg-h2:first-child{margin-top:0}
.msg-fils{list-style:none;margin:0;padding:0;display:grid;gap:0 var(--s6);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));border-top:2px solid var(--ink)}
.msg-fils li{margin:0;max-width:none;border-bottom:1px solid var(--line)}
.msg-fil{display:grid;grid-template-columns:minmax(0,1fr) 20px;column-gap:var(--s3);row-gap:var(--s1);align-items:center;min-height:44px;padding:var(--s3) 0;
  border:0;border-radius:0;background:none;color:var(--ink);text-decoration:none;line-height:1.35;
  transition:transform var(--d-appui) var(--courbe-sortie),border-color var(--d-court) var(--courbe-sortie)}
.msg-fil > :not(.msg-fil-chevron){grid-column:1}
.msg-fil-chevron{grid-column:2;grid-row:1 / span 4;width:20px;height:20px;color:var(--muted)}
.msg-fil:active{transform:scale(.985)}
@media (hover:hover) and (pointer:fine){ .msg-fil:hover .msg-fil-tete{text-decoration:underline;text-decoration-color:var(--m);text-underline-offset:.2em} .msg-fil:hover .msg-fil-chevron{color:var(--m-texte)} }
.msg-fil.is-new .msg-fil-tete b{text-decoration:underline;text-decoration-color:var(--marque);text-decoration-thickness:var(--surimp-ep);text-underline-offset:var(--surimp-dec);text-decoration-skip-ink:none}
.msg-fil.is-new .msg-fil-apercu{font-weight:600}
.msg-fil-tete{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font-size:var(--t-grand)}
.msg-fil-tete .pastille-m{margin:0}
.msg-fil-nom{font-weight:700}
.msg-fil-prof{color:var(--muted);font-size:var(--t-petit);overflow-wrap:anywhere}
.msg-fil-apercu{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:var(--t-petit);color:var(--ink)}
.msg-fil-apercu b{font-weight:700}
.msg-fil-vide{color:var(--muted)}
.msg-fil-date{color:var(--muted);font-size:var(--t-legende)}
.msg-sans-cours{margin:0;max-width:none;padding:var(--s3) var(--s4);border:1.5px dashed var(--bord);border-radius:var(--r-bloc);line-height:1.5}
.msg-sans-cours a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.msg-vide{display:grid;gap:var(--s3);max-width:640px}
.msg-vide > *{margin:0}
.msg-mon-cours{display:grid;gap:var(--s2);margin-top:var(--s7);padding-top:var(--s4);border-top:2px solid var(--ink)}
.msg-mon-cours > *{margin:0}
.msg-liens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--s5)}
.msg-liens li{margin:0;max-width:none}
.msg-liens a{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);
  text-decoration-thickness:2px;text-underline-offset:.32em}
@media (hover:hover) and (pointer:fine){ .msg-liens a:hover{color:var(--accent)} }
.msg-liens li:target a{color:var(--accent)}
.msg-sous{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--s2);margin:var(--s1) 0 0;color:var(--muted);font-size:var(--t-corps)}
.msg-sous .pastille-m{margin:0}
.msg-sous b{color:var(--ink)}
.msg-discussion{display:grid;gap:var(--s3)}
.msg-discussion > *{margin:0}
.msg-discussion .thread{max-height:none}
.msg-aller{font-size:var(--t-petit)}
.msg-aller a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.msg-ecrire{border-top:1px solid var(--line);padding-top:var(--s3)}
.msg-ecrire .form{max-width:none}
.msg-ecrire textarea{width:100%;min-height:96px}
@media (min-width:700px){ .msg-ecrire .form > .btn[type="submit"]{justify-self:start;min-width:180px} }
.msg-suite{margin:var(--s4) 0 0}
.quick-replies .quick-reply{min-height:44px;max-width:100%;justify-content:flex-start;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.ecrire-prof{display:grid;gap:var(--s2);justify-items:start}
.ecrire-prof > *{margin:0}
.ecrire-prof-btn{display:inline-flex;align-items:center;min-height:44px}
.ecrire-prof-choix{max-width:100%}
.ecrire-prof-choix > summary{list-style:none;cursor:pointer}
.ecrire-prof-choix > summary::-webkit-details-marker{display:none}
.ecrire-prof-chevron{transition:transform var(--d-court) var(--courbe-sortie)}
.ecrire-prof-choix[open] .ecrire-prof-chevron{transform:rotate(180deg)}
.ecrire-prof-liste{list-style:none;margin:var(--s2) 0 0;padding:0;min-width:min(100%,280px);border:1px solid var(--line);border-radius:var(--r-bloc);background:var(--surface);
  box-shadow:var(--ombre-3);overflow:hidden} 
.ecrire-prof-liste li{margin:0;max-width:none}
.ecrire-prof-liste li + li{border-top:1px solid var(--line)}
.ecrire-prof-liste a{display:block;min-height:44px;padding:var(--s3) var(--s4);color:var(--ink);text-decoration:none;line-height:1.3;overflow-wrap:anywhere}
.ecrire-prof-liste a:active{background:var(--surface-2)}
@media (hover:hover) and (pointer:fine){ .ecrire-prof-liste a:hover{background:var(--surface-2)} }
.ecrire-prof-liste .muted{font-size:var(--t-petit)}
.ecrire-prof-delai{color:var(--muted);font-size:var(--t-petit);line-height:1.4;max-width:46ch}
.fa-section .ecrire-prof{margin-top:var(--s2)}
.eq-msg-resume{margin:0;color:var(--muted)}
.eq-msg-resume b{color:var(--ink)}
.eq-filtre{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
.eq-filtre label{font:600 14px/1.2 var(--body);color:var(--muted)}
.eq-filtre select,.eq-filtre .btn,.eq-msg-autre select,.eq-msg-autre .btn{min-height:44px}
.eq-msgs{display:grid;gap:var(--s2)}
.eq-msgs > *{margin:0}
.eq-msgs-h{font-size:clamp(20px,2vw,24px)}
.eq-msgs-h .muted{font-family:var(--body);font-weight:500}
.eq-fils{list-style:none;margin:0;padding:0}
.eq-fil{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);max-width:none;margin:0;padding:12px 0;border-top:1px solid var(--line)}
.eq-fil:first-child{border-top:0}
.eq-fil-txt{min-width:0;overflow-wrap:anywhere;line-height:1.45}
.eq-fil-txt .chip{vertical-align:1px}
.eq-fil.is-new .eq-fil-txt > a b{color:var(--accent)}
.eq-fil > .btn{flex:none;min-height:44px;display:inline-flex;align-items:center}
.eq-msg-autre{margin:var(--s4) 0}
.eq-msg-reponses > summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none}
.eq-msg-reponses > summary::-webkit-details-marker{display:none}
.eq-msg-reponses > summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);flex:none}
.eq-msg-reponses[open] > summary::before{transform:rotate(45deg)}
.eq-msg-reponses > summary h3{margin:0}
.eq-msg-reponses[open] > summary{margin-bottom:var(--s2)}


.rep-sommaire{margin:var(--s5) 0 0;scroll-margin-top:140px}
.rep-sommaire-h{margin:0 0 var(--s3);font-size:var(--t-titre-3)}
.rep-niveaux{margin:var(--s4) 0 0}
.rep-nb{display:inline-block;min-width:2ch;color:var(--muted);font:700 var(--t-legende)/1 var(--body);font-variant-numeric:tabular-nums}
.rep-rubriques{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:0 var(--s6);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));
  border-top:2px solid var(--ink)}
.rep-rubriques > li{max-width:none;border-bottom:1px solid var(--line)}
.rep-rubriques a{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);min-height:44px;padding:10px 0;color:var(--ink);text-decoration:none}
.rep-rubriques a > span:first-child{font-weight:600}
.rep-rubriques a .rep-nb{font:800 var(--t-titre-4)/1 var(--display);color:var(--m-texte)}
@media (hover:hover) and (pointer:fine){ .rep-rubriques a:hover > span:first-child{text-decoration:underline;text-decoration-color:var(--m);text-underline-offset:.2em} }
.rep-rubriques ul{list-style:none;margin:0 0 var(--s2) var(--s4);padding:0}
.rep-rubrique{margin-top:var(--s8);scroll-margin-top:140px}
.rep-rubrique h2,.rep-recueil{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s3)}
.rep-rubrique > h2{padding-top:var(--s4);border-top:2px solid var(--ink);margin:0}
.rep-nb-titre{font:600 var(--t-petit)/1.2 var(--body);color:var(--muted)}
.rep-recueil{margin:var(--s6) 0 0}
.rep-ligne{display:grid;grid-template-columns:minmax(0,1fr) minmax(8.5rem,auto);column-gap:var(--s6);padding-block:var(--s4)}
.rep-lien{grid-column:1;justify-self:start;font:750 var(--t-titre-4)/1.25 var(--display);font-stretch:var(--large-titre);text-wrap:balance}
.rep-origine{grid-column:1;margin:2px 0 0;color:var(--muted);font-size:var(--t-petit)}
.rep-resume{grid-column:1;margin:var(--s2) 0 0;max-width:68ch;font-size:var(--t-petit);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rep-meta{grid-column:2;grid-row:1 / span 3;margin:2px 0 0;display:grid;align-content:start;justify-items:end;gap:2px;text-align:right;
  font-size:var(--t-legende);line-height:1.35;color:var(--muted)}
.rep-meta span:first-child{font-weight:700;color:var(--ink)}
@media (max-width:599.98px){
  .rep-ligne{grid-template-columns:minmax(0,1fr)}
  .rep-meta{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;gap:0 var(--s3);justify-items:start;text-align:left;margin-top:var(--s2)}
}
.rep-haut{margin:var(--s3) 0 0}
.rep-haut a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--m-texte)}
.rep-vide{margin-top:var(--s5);padding:var(--s4);border:1.5px dashed var(--bord);border-radius:var(--r-bloc)}
.rep-tete .lede{max-width:60ch}
.rep-tete-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin:var(--s1) 0 0}
.rep-tete-meta > span{font:700 var(--t-legende)/1.3 var(--body);font-variant-numeric:tabular-nums}
.rep-versions{margin:var(--s4) 0 var(--s2)}
.rep-morceau > .prose{margin-top:var(--s4)}
.rep-version{margin-top:var(--s5)}
.rep-version-titre{margin:0 0 var(--s3);font-size:var(--t-titre-3)}
.rep-partition{min-width:0}
.rep-partition .mus-partition{margin:0;padding:var(--s4) 0;background:none;border:0;border-block:1px solid var(--line);border-radius:0;box-shadow:none}
.rep-tab{margin-top:var(--s3)}
.rep-tab > summary,.rep-sources > summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:600;color:var(--m-texte)}
.rep-sources{margin-top:var(--s6);max-width:var(--mesure)}
.rep-sources p{margin:0;font-size:var(--t-petit);line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.rep-extrait .muted{margin:0 0 var(--s2)}
.rep-reserve-note{margin:var(--s4) 0;padding:var(--s4);background:var(--surface);border:1.5px dashed var(--m-texte);border-radius:var(--r-bloc);color:var(--ink)}
@media print{
  .rep-versions,.rep-sommaire,.rep-haut,.rep-sources > summary{display:none}
  .rep-sources[open] p,.rep-sources p{display:block}
  .rep-partition .mus-partition{box-shadow:none;border:0;padding:0}
}
.fg-index{margin-top:var(--s5);max-width:900px}
.fg-ligne{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s5);align-items:start;padding-block:var(--s5)}
.fg-num{min-width:1.1em;font-size:var(--t-titre-0);line-height:.82;letter-spacing:-.03em;color:var(--m-texte)}
.fg-texte{display:grid;gap:var(--s2);min-width:0}
.fg-lien{font:750 var(--t-titre-3)/1.2 var(--display);font-stretch:var(--large-titre);text-wrap:balance}
.fg-parties{margin:0;color:var(--muted);font-size:var(--t-petit);line-height:1.5;max-width:var(--mesure)}
@media (max-width:599.98px){ .fg-ligne{gap:var(--s4)} .fg-num{font-size:var(--t-titre-1)} }
.fg-index + .pdf-links{margin-top:var(--s5)}
.fg-pastilles{margin:0 0 var(--s4)}
.fg-pastilles a{font-variant-numeric:tabular-nums}
.fg-pastilles a[aria-current="page"]{background:var(--m);border-color:var(--m);color:var(--m-sur);font-weight:800}
.fg-fiche{max-width:900px}
.view .fg-partie{font-size:var(--t-titre-2);margin:var(--s8) 0 var(--s4);padding-top:var(--s4);border-top:2px solid var(--ink)}
.fg-corps > p:first-child{font-size:var(--t-grand);line-height:1.5;color:var(--ink);max-width:60ch}
.view .two{gap:var(--s3);margin-top:var(--s4)}
.view .two .box{box-shadow:none}
.view .two .box > h3{font-size:var(--t-titre-4);font-family:var(--body);font-weight:700}
.accords-page .tip{margin-top:0}
.accords-actions{margin:var(--s3) 0 0}
.accords-page #chord-grid .level-h{font-size:var(--t-titre-2);margin:var(--s7) 0 0;padding-top:var(--s4);border-top:2px solid var(--ink)}
.accords-page #chord-grid .level-h:first-child{margin-top:var(--s6)}
.accords-page #chord-grid .chord-grid{margin-top:var(--s4);gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,136px),1fr))}
.accords-page .chord{border-radius:var(--r-bloc);border-color:var(--line);background:var(--surface);
  transition:border-color var(--d-court) var(--courbe-sortie),background-color var(--d-court) var(--courbe-sortie),transform var(--d-appui) var(--courbe-sortie)}
.accords-page .chord .ch-tag{color:var(--m-texte);font-variant-numeric:tabular-nums}
.accords-page .chord.is-playable{cursor:pointer;touch-action:manipulation}
@media (hover:hover) and (pointer:fine){ .accords-page .chord.is-playable:hover{border-color:var(--ink);background:var(--m-doux)} }
.accords-page .chord.is-playable:active{transform:scale(.985);background:var(--m-doux)}
@media print{ .accords-page .chord{break-inside:avoid} .accords-actions{display:none} }


.rep-outils{position:sticky;top:calc(var(--entete-h,0px) + env(safe-area-inset-top,0px));z-index:var(--z-dessus);
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin:var(--s4) calc(-1 * var(--s2)) 0;padding:var(--s3) var(--s2);
  background-color:var(--ground);background-image:var(--grain);border-bottom:1px solid var(--line)}
.rep-cherche{flex:1 1 18rem;display:flex}
.rep-cherche input{flex:1;min-width:0;min-height:44px;padding:9px 12px 9px 40px;border:1.5px solid var(--champ-bord);border-radius:var(--r-champ);
  background:var(--surface) no-repeat 12px 50%/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2365524A' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  color:var(--ink);font:400 var(--t-corps)/1.35 var(--body)}
.rep-cherche input:focus-visible,.rep-choix select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.rep-choix{display:grid;flex:0 1 auto}
.rep-choix select{min-height:44px;max-width:15rem;padding:8px 10px;border:1.5px solid var(--champ-bord);border-radius:var(--r-champ);background:var(--surface);
  color:var(--ink);font:400 var(--t-corps)/1.35 var(--body)}
.rep-outils-js .rep-ok{display:none}
.rep-compte{flex-basis:100%;margin:0;min-height:0;font-weight:600;color:var(--muted)}
.rep-compte:empty{display:none}
@media (max-width:599.98px){
  .rep-outils{gap:var(--s2);padding-block:var(--s2)}
  .rep-choix{flex:1 1 calc(33% - var(--s2));min-width:6.5rem}
  .rep-choix select{font-size:16px;padding-inline:8px}
  .rep-choix select{max-width:none;width:100%}
}
.rep-remonter{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:var(--z-barre);
  display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--accent-ink);
  box-shadow:var(--ombre-1);text-decoration:none;transition:opacity var(--d-court,.15s) ease,transform var(--d-court,.15s) ease}
.rep-remonter:not(.rep-remonter-visible){opacity:0;transform:translateY(8px);pointer-events:none}
@media (hover:hover) and (pointer:fine){ .rep-remonter:hover{background:var(--accent-hover)} }
.rep-remonter:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}
@media (max-width:899.98px){ .rep-remonter{bottom:calc(var(--barre-bas) + 16px + env(safe-area-inset-bottom,0px))} }
@media (prefers-reduced-motion:reduce){ .rep-remonter{transition:none} }
@media print{ .rep-outils,.rep-remonter{display:none} }


.mf-suite{list-style:none;margin:0 0 var(--s5);padding:0;display:grid;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.mf-etape{margin:0;max-width:none}
.mf-etape + .mf-etape{border-top:1px solid var(--line)}
.mf-etape > a,.mf-etape > div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--s3);align-items:start;height:100%;padding:var(--s4) 0;color:var(--ink);
  text-decoration:none;transition:background-color var(--d-court) var(--courbe-sortie)}
.mf-etape > a:active{background:var(--surface-2)}
@media (hover:hover) and (pointer:fine){ .mf-etape > a:hover{background:var(--surface-2)} }
.mf-etape-n{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-rond);border:2px solid var(--bord);color:var(--muted);
  font:700 var(--t-corps)/1 var(--body);font-variant-numeric:tabular-nums}
.mf-etape-n .ic{width:20px;height:20px}
.mf-etape-t{display:grid;gap:2px;min-width:0}
.mf-etape-t b{font:700 var(--t-corps)/1.3 var(--body)}
.mf-etape-t span{color:var(--muted);font-size:var(--t-petit);line-height:1.45}
.mf-etape.is-fait .mf-etape-n{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
.mf-etape.is-encours{background:var(--accent-soft)}
@media (hover:hover) and (pointer:fine){ .mf-etape.is-encours > a:hover{background:var(--accent-soft)} .mf-etape.is-encours > a:hover b{text-decoration:underline} }
.mf-etape.is-encours .mf-etape-n{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.mf-etape.is-encours .mf-etape-t span{color:var(--ink)}
.mf-etape.is-avenir .mf-etape-t b{color:var(--muted)}
@media (min-width:760px){
  .mf-suite{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mf-etape + .mf-etape{border-top:0;border-left:1px solid var(--line)}
}
.mf{display:grid;gap:var(--s4)}
.mf > :is(.box,section){margin:0}
.mf-eleves{list-style:none;margin:0;padding:0;display:grid}
.mf-eleve{display:grid;gap:var(--s3) var(--s5);max-width:none;padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.mf-eleve:first-child{padding-top:var(--s2)}
.mf-eleve:last-child{border-bottom:0}
@media (min-width:760px){ .mf-eleve{grid-template-columns:minmax(200px,1fr) minmax(0,2.2fr)} }
.mf-qui{display:grid;gap:var(--s1);align-content:start;justify-items:start;min-width:0}
.mf-qui > *{margin:0}
.mf-nom{font-size:var(--t-grand);line-height:1.3;overflow-wrap:anywhere}
.mf-nom b{font-weight:700}
.mf-id{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;color:var(--muted);font-size:var(--t-petit)}
.mf-id .ic{width:16px;height:16px}
.mf-id code{padding:2px 6px;border-radius:var(--r-petit);background:var(--surface-2);color:var(--ink);font:600 var(--t-petit)/1.2 var(--mono);overflow-wrap:anywhere}
.mf-detail{display:grid;gap:var(--s3);min-width:0}
.mf-detail > *{margin:0}
.mf-cours{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.mf-cours li{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s3);max-width:none}
.mf-cours li .pastille-m{margin:0}
.mf-cours-t{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.mf-reglages{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);align-items:flex-start}
.mf-reglages > *{margin:0}
.mf-reglages > p{display:flex;align-items:center;min-height:44px}
.mf-reglages summary,.mf-reglages a{font-size:var(--t-petit)}
.mf-reglages > p a{font-weight:600}
.mf-reglages details[open]{flex-basis:100%}
.mf-reglages .plain{margin:var(--s2) 0}
.mf-regler{display:grid;gap:var(--s5)}
@media (min-width:980px){
  .mf-regler{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s6)}
  .mf-regler-comment{padding-left:var(--s6);box-shadow:inset 1px 0 0 var(--line)}
}
.mf-regler-quoi > *{margin:0}
.mf-regler-quoi > * + *{margin-top:var(--s3)}
.mf-regler-comment{max-width:none;align-content:start}
.mf-regler-comment fieldset.field{gap:var(--s2)}
.mf-regler-comment fieldset .consent{align-items:center;min-height:48px;padding:var(--s3) var(--s4);border:1.5px solid var(--bord);border-radius:var(--r-champ);background:var(--surface);cursor:pointer}
@media (hover:hover) and (pointer:fine){ .mf-regler-comment fieldset .consent:hover{border-color:var(--accent)} }
.mf-regler-comment fieldset .consent:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.mf-regler-comment fieldset .consent input{margin:0}
.mf-commande{display:grid;gap:var(--s3)}
.mf-commande > :is(p,details,div,h3){margin:0}
.mf-commande h3{overflow-wrap:anywhere}
.page-ma-famille :is(.table-argent,.table-echeances) .num{white-space:nowrap;font-variant-numeric:tabular-nums}
.page-ma-famille .table-argent tfoot :is(th,td){background:none;border-bottom:0;border-top:2px solid var(--ink);padding-top:var(--s3);font:700 var(--t-corps)/1.3 var(--body);color:var(--ink)}
.page-ma-famille .table-argent tfoot td b{font-size:var(--t-grand)}
@media (max-width:600px){
  .page-ma-famille :is(.table-argent,.table-echeances) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .page-ma-famille :is(.table-argent,.table-echeances) :is(tbody,tfoot) tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s3);border-bottom:1px solid var(--line)}
  .page-ma-famille :is(.table-argent,.table-echeances) tbody td{border:0;padding:var(--s2) var(--s1) 2px}
  .page-ma-famille .table-argent tfoot tr{border-bottom:0;border-top:2px solid var(--ink)}
  .page-ma-famille .table-argent tbody td:nth-child(1){grid-area:1/1}
  .page-ma-famille .table-argent tbody td:nth-child(3){grid-area:1/2}
  .page-ma-famille .table-argent tbody td:nth-child(2){grid-area:2/1/3/3;padding:0 var(--s1) var(--s2);color:var(--muted)}
  .page-ma-famille .table-argent tfoot :is(th,td){border-top:0;padding:var(--s3) var(--s1) 0}
  .page-ma-famille .table-echeances tbody td:nth-child(1){grid-area:1/1;font-weight:700}
  .page-ma-famille .table-echeances tbody td:nth-child(3){grid-area:1/2}
  .page-ma-famille .table-echeances tbody td:nth-child(2){grid-area:2/1;padding-bottom:var(--s2);color:var(--muted)}
  .page-ma-famille .table-echeances tbody td:nth-child(4){grid-area:2/2;padding-bottom:var(--s2);text-align:right}
  .page-ma-famille .scroll:has(> :is(.table-argent,.table-echeances)){overflow:visible}
}
.page-progression .tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.page-progression .card-grid > .box,.page-morceaux .card-grid > .box{display:grid;gap:var(--s3);align-content:start}
.page-progression .card-grid > .box > *,.page-morceaux .card-grid > .box > *{margin:0}
.page-progression .minutes-form{display:flex;flex-wrap:wrap;gap:var(--s2)}
.page-progression .journal + .muted{margin-top:var(--s2)}
.page-progression .jbar span{font-size:var(--t-legende);white-space:nowrap;overflow:visible}
.page-progression .jbar i{background:var(--m);mix-blend-mode:var(--melange)}
.page-progression .bar i{background:var(--m);mix-blend-mode:var(--melange)}
.page-progression .badges small{font-size:var(--t-legende)}
.page-progression .badges li.is-won{border-color:var(--m-texte);background:var(--m-doux)}
.page-progression .badges li.is-won b{color:var(--m-texte)}
.page-progression .stamps a,.page-progression .lgrid a{min-width:44px;min-height:44px}
.page-progression :is(.stamps,.lgrid) a.is-done{border:2px solid var(--m-texte);background:var(--m-doux);color:var(--ink)}
.page-morceaux .box h4{margin-top:var(--s3)}
@media (min-width:900px){ .auth-duo.auth-duo-choix{grid-template-columns:minmax(0,1fr) minmax(0,440px)} }
.page-carnet .hw li > div:first-child{overflow-wrap:anywhere}


.lesson-page{gap:var(--s6)}
@media (min-width:1200px){
  .lesson-page{grid-template-columns:200px minmax(0,1fr) 210px;gap:var(--s7)}
  .lesson-page.no-side{grid-template-columns:minmax(0,1fr) 210px}
  .course-side{display:block;position:sticky;top:132px;max-height:calc(100vh - 150px);overflow:auto;overscroll-behavior:contain;padding:0 var(--s1) var(--s5) 0}
  .lesson-rail{top:132px;max-height:calc(100vh - 150px)}
  .page-cours .lnav{display:none}
}
.lesson-main{min-width:0}
.lesson-main .lesson{max-width:none}
.lesson-main > .ariane ol,.lecon-seule > .ariane ol{margin:0}
@media (max-width:599.98px){ .ariane-plus,.ariane .ariane-large{display:none} }
.lnav{display:flex;gap:var(--s2);align-items:center;margin:0 0 var(--s5)}
.lnav .lnav-btn{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--bord);border-radius:var(--r-champ);
  background:var(--surface);color:var(--ink);text-decoration:none;touch-action:manipulation}
.lnav .lnav-btn .ic{width:20px;height:20px}
.lnav .lnav-btn.is-off{opacity:.35}
@media (hover:hover) and (pointer:fine){ .lnav a.lnav-btn:hover{border-color:var(--ink);background:var(--m-doux)} }
.lnav a.lnav-btn:active{transform:scale(.97)}
.lnav select{min-height:44px;font-weight:600}
.view .page-head{margin:var(--s3) 0 var(--s6);max-width:none}
.lecon-tete{grid-template-columns:auto minmax(0,1fr);column-gap:var(--s5);align-items:start}
.lecon-tete > *{grid-column:2;min-width:0}
.lecon-num{--passe-num:var(--m-saz);position:relative;isolation:isolate;grid-column:1;grid-row:1 / span 2;margin:0;font:800 calc(var(--t-titre-1) * 2.1)/.78 var(--display);
  font-stretch:var(--large-titre);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.04em;color:var(--m-texte);user-select:none}
[data-encre="saz"] .lecon-num{--passe-num:var(--m-guitare)}
.lecon-num[data-n]::after{content:attr(data-n);content:attr(data-n) / "";position:absolute;left:0;top:0;color:var(--passe-num);mix-blend-mode:var(--melange);
  transform:translate(.07em,.05em);pointer-events:none}
:root[data-theme="contraste"] .lecon-num[data-n]::after{content:none}
.page-head.lecon-tete > h1.affiche-titre{font-size:clamp(2rem,1.5rem + 2.2vw,3.375rem)}
.lecon-tete h1{align-self:end}
.view .page-head .lede{max-width:60ch}
.view .page-head .chips{margin-top:var(--s1)}
.view .page-head .chip{border-radius:var(--r-petit);background:transparent;border:1px solid var(--bord);color:var(--ink);font-size:var(--t-legende);font-weight:600;padding:2px 8px}
@media (max-width:599.98px){
  .lecon-tete{column-gap:var(--s3)}
  .lecon-num{grid-row:1;font-size:calc(var(--t-titre-1) * 1.75)}
  .lecon-tete > :is(.lede,.chips,p){grid-column:1 / -1}
}
.view.lesson{font-size:var(--t-corps);line-height:var(--i-texte)}
.view.lesson{--mesure-lecture:33em}
.view.lesson .prose{max-width:var(--mesure-lecture);gap:var(--s3);font-size:var(--t-corps);line-height:var(--i-texte)}
.view.lesson .prose :is(p,li){max-width:none}
.view.lesson .prose :is(ul,ol){gap:var(--s2)}
.view.lesson .prose ul.programme{gap:0;padding:0;margin-top:var(--s1)}
.view .routine-launch{margin:0 0 var(--s4)}
body[data-encre] .view a:not(.btn):not(.chip){color:var(--m-texte);text-underline-offset:.2em}
.view.lesson section{margin-top:var(--s8)}
.view.lesson section > h2{font-size:var(--t-titre-2);padding-top:var(--s4);border-top:2px solid var(--ink);margin:0 0 var(--s4);gap:var(--s3)}
.view.lesson h2 .n{font:800 1em/1 var(--display);font-stretch:var(--large-titre);color:var(--m-texte);min-width:1.1em;
  font-variant-numeric:tabular-nums lining-nums}
.view.lesson h3{font-size:var(--t-titre-3);margin:var(--s6) 0 var(--s2)}
.view.lesson section > h3:first-of-type{margin-top:var(--s5)}
@media (max-width:599.98px){
  .view.lesson section{margin-top:var(--s7)}
  .view.lesson section > h2{font-size:var(--t-titre-2)}
}
.view.lesson :is(section,h2,h3,[id]){scroll-margin-top:24px}
@media (min-width:900px){ .view.lesson :is(section,h2,h3,[id]){scroll-margin-top:140px} }
.view.lesson .goal{background:var(--m-doux);border-radius:var(--r-bloc);padding:var(--s4) var(--s5) var(--s3);gap:var(--s1);max-width:var(--mesure-lecture)}
.view.lesson .goal-h{margin:0 0 var(--s1);font:700 var(--t-titre-3)/var(--i-titre) var(--display);font-stretch:var(--large-titre)}
.view .checks{gap:0}
.view .checks label{display:block;position:relative;min-height:44px;padding:10px 0 10px 36px;line-height:1.45;cursor:pointer}
.view .checks label input{position:absolute;left:0;top:10px;margin:0;width:24px;height:24px;accent-color:var(--m-texte)}
.view .checks label:has(input:checked){text-decoration:underline;text-decoration-color:var(--marque);text-decoration-thickness:var(--surimp-ep);
  text-underline-offset:var(--surimp-dec);text-decoration-skip-ink:none}
.view .tip{background:var(--surface-2);border-radius:var(--r-bloc);padding:var(--s3) var(--s4);margin-top:var(--s4);max-width:var(--mesure)}
.view.lesson .tip{max-width:var(--mesure-lecture)}
.view .tip .lab{font:700 var(--t-petit)/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--m-texte);margin-bottom:var(--s1)}
.view .box > h3:first-child{margin-top:0}
.view .fig{padding:var(--s4) 0;margin-top:var(--s4);border-block:1px solid var(--line)}
.view .fig figcaption{font-size:var(--t-petit);line-height:1.5;color:var(--muted);max-width:var(--mesure)}
.view .fig .mus-partition{margin:0;padding:0;border:0;border-radius:0;background:none}
:is(.view,.rep-partition) .mus-partition-barre{gap:var(--s2) var(--s3)}
[data-defile]:focus-visible{outline:var(--focus-epaisseur) solid var(--focus);outline-offset:2px;border-radius:var(--r-petit)}
.course-side .rail-h{margin:0 0 var(--s2);font:800 var(--t-titre-4)/1.25 var(--display);font-stretch:var(--large-titre);color:var(--ink);letter-spacing:0;text-transform:none}
.course-side .rail-h a{color:inherit;text-decoration:none}
@media (hover:hover) and (pointer:fine){ .course-side .rail-h a:hover{text-decoration:underline;text-decoration-color:var(--m);text-underline-offset:.2em} }
.side-prog{margin:0 0 var(--s4);font-size:var(--t-legende);color:var(--muted);font-variant-numeric:tabular-nums}
.side-prog-barre{display:block;height:6px;margin-bottom:6px;border-radius:var(--r-rond);background:var(--surface-2);overflow:hidden}
.side-prog-barre i{display:block;height:100%;background:var(--m);transform-origin:left center}
.course-side .side-mod{margin:0 0 var(--s4)}
.course-side .side-mod-h{margin:0 0 var(--s1);font:650 var(--t-legende)/1.3 var(--body);color:var(--muted);letter-spacing:0;text-transform:none}
.course-side .side-mod a{grid-template-columns:22px minmax(0,1fr) auto;gap:var(--s2);align-items:baseline;padding:6px var(--s2);min-height:36px;font-size:var(--t-petit)}
.course-side .side-n{font:600 var(--t-legende)/1 var(--body);font-variant-numeric:tabular-nums;color:var(--muted)}
.course-side li[aria-current] a{font-weight:700}
.course-side li[aria-current] .side-n{color:var(--m-texte)}
.course-side li.is-done .side-t{color:var(--ink);text-decoration:underline;text-decoration-color:var(--marque);text-decoration-thickness:var(--surimp-ep);
  text-underline-offset:var(--surimp-dec);text-decoration-skip-ink:none}
.side-ok,.side-lock{align-self:center;display:inline-flex}
.side-ok .ic{width:15px;height:15px;color:var(--m-texte)}
.side-lock .ic{width:14px;height:14px;color:var(--muted)}
.lesson-rail .rail-h,.toc .rail-h{margin:0 0 var(--s2);font:650 var(--t-legende)/1.3 var(--body);color:var(--muted);letter-spacing:0;text-transform:none}
.toc ol{border-left:0;gap:0;margin:0 0 var(--s5)}
.toc a{display:grid;grid-template-columns:1.6em minmax(0,1fr);gap:2px;align-items:baseline;margin-left:0;padding:6px 0;border-left:0;font-size:var(--t-petit);line-height:1.35;color:var(--muted)}
.toc a:not(:has(.toc-n)){grid-template-columns:minmax(0,1fr)}
.toc-n{font:800 var(--t-petit)/1 var(--display);font-variant-numeric:tabular-nums;color:var(--m-texte)}
.toc a[aria-current]{color:var(--ink);font-weight:700}
.toc-tel{max-width:var(--mesure-lecture,33em);margin:var(--s5) 0 0;border-block:1px solid var(--line)}
.toc-tel > summary{display:flex;align-items:center;gap:var(--s2);min-height:48px;cursor:pointer;list-style:none;font:700 var(--t-corps)/1.3 var(--body);color:var(--ink)}
.toc-tel > summary::-webkit-details-marker{display:none}
.toc-tel > summary small{color:var(--muted);font:600 var(--t-legende)/1 var(--body)}
.toc-tel > summary .ic{width:20px;height:20px;margin-left:auto;color:var(--m-texte);transition:transform var(--d-court) var(--courbe-sortie)}
.toc-tel[open] > summary .ic{transform:rotate(180deg)}
.toc-tel ol{list-style:none;margin:0 0 var(--s3);padding:0;display:grid}
.toc-tel a{display:grid;grid-template-columns:1.6em minmax(0,1fr);gap:var(--s1);align-items:baseline;min-height:44px;padding:var(--s2) 0;border-top:1px solid var(--line);
  color:var(--ink);text-decoration:none;font-size:var(--t-petit);line-height:1.35}
.toc-tel a:not(:has(.toc-n)){grid-template-columns:minmax(0,1fr)}
@media (min-width:1100px){ .toc-tel{display:none} }
@media print{ .toc-tel{display:none} }
.lesson-tools{display:grid;gap:var(--s3);justify-items:start;margin-top:var(--s7);padding-top:var(--s5);border-top:2px solid var(--ink)}
.lesson-rail .lesson-tools{margin:0;padding:var(--s4) 0 0;border-top:1px solid var(--line);justify-items:stretch}
body[data-encre] :is(.lesson-main,.lecon-seule,.rep-morceau) .btn:not(.btn-ghost):not(.btn-lien):not(.btn-danger):not(.btn-done):not(.btn-fini){
  --btn-fond:var(--m);--btn-texte:var(--m-sur);--btn-bord:var(--m);--btn-survol:color-mix(in srgb,var(--m) 94%,var(--ink));--btn-survol-bord:var(--m-texte);
  --btn-appui:color-mix(in srgb,var(--m) 90%,var(--ink))}
body[data-encre] :is(.lesson-main,.lecon-seule,.rep-morceau) .btn-ghost{--btn-texte:var(--m-texte);--btn-bord:var(--m-texte);--btn-survol:var(--m-doux);--btn-survol-bord:var(--m-texte)}
.btn.btn-fini[aria-pressed="true"]{--btn-fond:var(--m-doux);--btn-texte:var(--ink);--btn-bord:var(--m-texte);--btn-survol:var(--m-doux);--btn-survol-bord:var(--ink);--btn-appui:var(--m-doux)}
.btn-fini .coche{width:20px;height:20px;color:var(--m-texte)}
.lecon-actions{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lecon-actions li{max-width:none}
.lecon-actions :is(a,button){display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0;border:0;background:none;color:var(--m-texte);
  font:600 var(--t-petit)/1.3 var(--body);text-decoration:none;cursor:pointer;text-align:left;touch-action:manipulation}
.lecon-actions .ic{width:18px;height:18px;flex:none;color:var(--muted)}
@media (hover:hover) and (pointer:fine){ .lecon-actions :is(a,button):hover{text-decoration:underline;text-underline-offset:.2em} }
.lecon-actions :is(a,button):active{opacity:.7}
.lecon-actions:empty{display:none}
.lecon-seule{max-width:980px}
.lecon-seule .locked{max-width:var(--mesure)}
.locked{display:grid;gap:var(--s3);padding:var(--s4) 0 0;border-top:2px solid var(--ink)}
.locked > *{margin:0}
.lesson-main .quiz{margin-top:var(--s7);max-width:33em}
.quiz-h{font-size:var(--t-titre-3);margin:0}
.lesson-main .quiz > p{margin:0;color:var(--ink);font-weight:400}
.version-switch{margin:0 0 var(--s4)}
@media (max-width:599.98px){ .lesson-page{gap:var(--s5)} }
@media print{
  .ariane,.lnav,.lesson-tools,.course-side,.lesson-rail{display:none!important}
  .lesson-page{display:block}
  .lecon-num{font-size:44pt}
  .lecon-num[data-n]::after{content:none}
  .view.lesson section{margin-top:16pt;break-inside:auto}
  .view.lesson section > h2{padding-top:6pt;border-top-width:1.5pt;break-after:avoid}
  .view .fig{border-color:var(--line)}
  .view .checks label{min-height:0;padding:3pt 0 3pt 26pt}
  .view .checks label input{top:3pt;width:14pt;height:14pt}
  .view .checks label:has(input:checked){text-decoration:none}
  .fg-pastilles{display:none!important}
  .view .fg-partie{border-top-width:1pt}
}
.view .goal .fig{background:transparent;border:0;box-shadow:none;padding:0;margin-top:var(--s3)}
.view details.quiz{margin:var(--s2) 0 var(--s6);max-width:var(--mesure-lecture,var(--mesure));padding:0;border:0;border-block:1px solid var(--line);border-radius:0;background:none}
.view details.quiz > summary{display:flex;align-items:center;min-height:44px;font-weight:600;color:var(--m-texte);cursor:pointer}
.view details.quiz[open]{padding-bottom:var(--s3)}
.view details.quiz > p{margin:0 0 var(--s2);color:var(--ink);font-weight:500}
.view .fix small{font:700 var(--t-legende)/1.3 var(--body);letter-spacing:0;text-transform:none}
.view .fixes{max-width:860px}
.cours-liste .lecon-n{font:800 var(--t-petit)/1.5 var(--display);font-stretch:var(--large-titre);color:var(--m-texte);font-variant-numeric:tabular-nums lining-nums}
.cours-liste .lecon a{color:var(--m-texte)}
.cours-liste .lecon.is-done a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--marque);text-decoration-thickness:var(--surimp-ep);
  text-underline-offset:var(--surimp-dec);text-decoration-skip-ink:none}
.lecon-fait{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font:700 var(--t-legende)/1.3 var(--body);color:var(--m-texte);white-space:nowrap}
.lecon-fait .ic{width:14px;height:14px}


.pespace-main .box + .box{margin-top:var(--s4)}
.eq-lot-etapes{margin:0 0 var(--s3);padding-left:1.25rem;display:grid;gap:var(--s2);max-width:72ch}
.eq-lot-boutons{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-top:var(--s2)}
.eq-lot-actions{margin-top:var(--s4)}
.eq-lot-liste{margin-top:var(--s5)}
.eq-lot-liste > .eq-vide,.eq-lot-liste > p{margin-top:var(--s3)}
.eq-lot-groupes{margin-top:var(--s3)}
.eq-lot-groupes > summary{min-height:44px;display:inline-flex;align-items:center;cursor:pointer;color:var(--accent);font-weight:600;font-size:var(--t-petit)}
.eq-lot-groupes .chips{list-style:none;padding:0;margin:var(--s2) 0}
textarea[name="liste"]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--t-petit);line-height:1.5;width:100%;min-height:12rem}
.eq-lot .num{color:var(--muted)}
@media (min-width:601px){ .eq-lot td:nth-child(2){min-width:13rem} .eq-lot td:last-child{min-width:14rem} }


.reglage-actuel{margin:var(--s2) 0 var(--s3);overflow-wrap:anywhere}
.reglage-retour{margin-top:var(--s3)}
.reglage textarea,.reglage input[type="text"],.reglage input[type="email"],.reglage input[type="password"]{max-width:36rem}
.pespace-main input[type="file"]{max-width:100%;min-height:44px}
.documents-joints{margin-block:var(--s4)}
.documents-liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.documents-liste li{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s3)}
.documents-liste a{overflow-wrap:anywhere}


.page-accueil main.wrap{max-width:none;padding:0}
.page-accueil .site-foot{margin-top:0;background:transparent}
.sans-coupure{white-space:nowrap}
:is(.une-in,.prog-in,.essai-in,.salles-in,.asso-lien-in,.fin-in){max-width:var(--page-max);margin:0 auto;
  padding-inline:max(var(--gouttiere),env(safe-area-inset-left)) max(var(--gouttiere),env(safe-area-inset-right))}
.page-accueil .na-retour{max-width:var(--page-max);margin:0 auto;padding:var(--s3) var(--gouttiere)}
.site-brand .logo-mono{display:none}
.pg > div{grid-template-columns:5.8em minmax(0,1fr);gap:2px var(--s3)}
.pg dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--s2)}
.pg,.pg-liens{font-variant-numeric:normal}
:is(.pg,.pg-liens) .pg-h{font-weight:700;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
:is(.pg,.pg-liens) .pg-h-texte{font-weight:600;white-space:normal;font-variant-numeric:normal}
:is(.pg,.pg-liens) .pg-sous{flex-basis:100%;font-size:var(--t-petit);line-height:1.4}
:is(.pg,.pg-liens) .pg-complet{display:inline-block;padding:1px 6px;border:1.5px solid currentColor;border-radius:var(--r-petit);
  font:700 var(--t-legende)/1.3 var(--body);text-transform:uppercase;letter-spacing:.04em}
.prog{padding-block:var(--s8) var(--s7)}
:is(.prog-titre,.essai-titre,.salles-titre){font-size:var(--t-titre-0);max-width:22ch}
.prog-lede{margin:var(--s3) 0 0;max-width:58ch;font-size:var(--t-grand);line-height:1.5;color:var(--muted)}
.prog-tarifs{margin:var(--s3) 0 0;max-width:72ch;font-size:var(--t-corps);line-height:1.5;color:var(--ink)}
.prog-famille{margin-top:var(--s7)}
.prog-f{margin:0;padding-bottom:var(--s2);border-bottom:2px solid var(--ink);font:800 var(--t-titre-3)/1.1 var(--display);font-stretch:var(--large-titre);
  text-transform:uppercase;letter-spacing:.02em}
.pm{display:grid;gap:var(--s3) var(--s6);padding-block:var(--s5) var(--s6);border-bottom:1px solid var(--line);scroll-margin-top:var(--s4)}
.pm-nom{margin:0;font:800 var(--t-titre-1)/1 var(--display);font-stretch:var(--large-titre);text-transform:uppercase;letter-spacing:-.005em}
.pm-nom a{color:var(--m-texte);text-decoration:none}
@media (hover:hover) and (pointer:fine){ .pm-nom a:hover{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.12em} }
.pm-accroche{margin:var(--s2) 0 0;max-width:46ch}
.pm-qui{margin:var(--s1) 0 0;max-width:52ch;font-size:var(--t-petit);line-height:1.45;color:var(--muted)}
.pm-prog{display:grid;gap:var(--s2);min-width:0}
.pm-lieu,.pm-tarif,.pm-vide{margin:0;font-size:var(--t-petit);line-height:1.45;color:var(--muted)}
.pm-tarif{font-size:var(--t-corps);color:var(--ink)}
.pm-tarif b{font-weight:700;font-variant-numeric:tabular-nums lining-nums}
.pm-annee{font-size:var(--t-legende);color:var(--muted);white-space:nowrap}
@media (min-width:900px){ .pm{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start} }
.pg-liens{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.pg-liens li{max-width:none}
.pg-liens a{display:grid;grid-template-columns:5.8em minmax(0,1fr) auto;gap:2px var(--s3);align-items:baseline;min-height:48px;padding:10px var(--s2);
  border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background-color var(--d-court) var(--courbe-sortie)}
.pg-liens a:active{background:var(--m-doux)}
@media (hover:hover) and (pointer:fine){ .pg-liens a:hover{background:var(--m-doux)} .pg-liens a:hover .pg-essai{text-decoration:underline} }
.pg-j{font:800 var(--t-titre-4)/1.2 var(--display);font-stretch:var(--large-titre)}
.pg-d{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--s2);min-width:0}
.pg-liens .pg-complet{color:var(--bad)}
.pg-essai{display:inline-flex;align-items:center;gap:4px;color:var(--m-texte);font:700 var(--t-petit)/1 var(--body)}
.pg-essai::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
@media (min-width:600px){ .pg-liens .pg-sous{flex-basis:auto} }
@media (min-width:600px){
  .pg-d{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:2px var(--s3);align-items:baseline}
  .pg-d .pg-h{grid-column:1}
  .pg-d .pg-h-texte{grid-column:1 / -1}
  .pg-d :is(.pg-sous,.pg-complet){grid-column:2;justify-self:start}
}
@media (max-width:599.98px){ .pg-liens a{grid-template-columns:5.2em minmax(0,1fr) auto} }
.essai{padding-block:var(--s7) var(--s8)}
.essai-lede{margin:var(--s3) 0 0;max-width:60ch;font-size:var(--t-grand);line-height:1.5;color:var(--muted)}
.essai-bande{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);border-top:2px solid var(--ink)}
.essai-bande li{max-width:none;border-bottom:1px solid var(--line)}
.essai-bande a{display:grid;align-content:start;gap:var(--s1);height:100%;min-height:64px;padding:var(--s3) var(--s2);color:var(--ink);text-decoration:none;
  transition:background-color var(--d-court) var(--courbe-sortie)}
.essai-bande a:active{background:var(--m-doux)}
@media (hover:hover) and (pointer:fine){ .essai-bande a:hover{background:var(--m-doux)}
  .essai-bande a:hover .essai-nom{text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.15em} }
.essai-nom{font:800 var(--t-titre-4)/1.15 var(--display);font-stretch:var(--large-titre)}
.essai-m{font:700 var(--t-petit)/1.3 var(--body);color:var(--m-texte);font-variant-numeric:tabular-nums}
@media (min-width:700px){
  .essai-bande{grid-template-columns:repeat(4,minmax(0,1fr))}
  .essai-bande li + li{border-inline-start:1px solid var(--line)}
  .essai-bande li:nth-child(4n+1){border-inline-start:0}
  .essai-bande a{min-height:132px;padding:var(--s4) var(--s3) var(--s5)}
}
@media (min-width:1200px){
  .essai-bande{grid-template-columns:repeat(8,minmax(0,1fr))}
  .essai-bande li:nth-child(4n+1){border-inline-start:1px solid var(--line)}
  .essai-bande li:nth-child(8n+1){border-inline-start:0}
  .essai-bande a{min-height:168px}
}
.salles{padding-block:var(--s7) var(--s8)}
.salles-lede{margin:var(--s3) 0 0;max-width:60ch;font-size:var(--t-grand);line-height:1.5;color:var(--muted)}
.salles-liste{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;gap:var(--s6) var(--s5)}
.salle{display:grid;gap:var(--s2);align-content:start;max-width:none}
.salle-nom{margin:var(--s2) 0 0;font:800 var(--t-titre-3)/1.15 var(--display);font-stretch:var(--large-titre)}
.salle-adresse{margin:0;color:var(--muted);font-size:var(--t-petit);line-height:1.45}
.salle-cours{margin:0;display:flex;flex-wrap:wrap;gap:0 var(--s4)}
.salle-m{display:inline-flex;align-items:center;min-height:44px;color:var(--m-texte);font:700 var(--t-corps)/1.2 var(--body);text-decoration:none}
@media (hover:hover) and (pointer:fine){ .salle-m:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px} }
@media (min-width:700px){ .salles-liste{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))} }
@media (min-width:1100px){ .salles-liste:has(> li:nth-child(3):last-child){grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)} }
@media (min-width:700px){ .salles-liste .photo{aspect-ratio:auto;height:clamp(200px,22vw,300px)} }
.photo{margin:0;aspect-ratio:4 / 3;border:1px solid var(--ink);overflow:hidden;background:transparent}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo-attente{position:relative;isolation:isolate}
.photo-attente span{position:absolute;background:var(--m);mix-blend-mode:var(--melange)}
.forme-0 .forme-a{left:9%;top:14%;width:56%;aspect-ratio:1;border-radius:var(--r-rond)}
.forme-0 .forme-b{right:9%;bottom:-8%;width:42%;height:74%}
.forme-1 .forme-a{left:-6%;top:18%;width:68%;height:46%}
.forme-1 .forme-b{right:12%;top:-10%;width:40%;aspect-ratio:1;border-radius:var(--r-rond)}
.forme-2 .forme-a{left:16%;bottom:-24%;width:64%;aspect-ratio:1;border-radius:var(--r-rond)}
.forme-2 .forme-b{left:46%;top:12%;width:44%;height:38%}
.profs-titre{margin:var(--s7) 0 var(--s3);font:800 var(--t-titre-2)/1.1 var(--display);font-stretch:var(--large-titre)}
.profs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6)}
.profs li{display:flex;align-items:center;gap:var(--s3);max-width:none}
.profs .prof-mini{display:inline-grid;place-items:center;width:64px;height:64px;flex:none;border:1px solid var(--ink);object-fit:cover;
  font:800 var(--t-titre-3)/1 var(--display)}
.profs a{font-weight:700;color:var(--accent)}
.prof-titre{display:block;font-size:var(--t-petit);color:var(--muted)}
.asso-lien{padding-block:var(--s7);border-top:1px solid var(--line)}
.asso-lien-lede{margin:var(--s3) 0 0;max-width:60ch;font-size:var(--t-grand);line-height:1.5;color:var(--muted)}
.asso-lien-liste{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:var(--s3);max-width:60ch}
.asso-lien-liste li{padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.asso-lien-liste a{font-weight:600}
.foot-asso{margin:var(--s2) 0 0}


.une{position:relative;isolation:isolate;overflow:clip}
.une-in{position:relative;display:grid;gap:var(--s3);align-content:start;padding-block:0 var(--s7)}
.une-titre{--S:min(6rem,calc((100vw - 2 * var(--gouttiere)) / 3.62));--passe:var(--accent);font-size:var(--S);color:var(--ink)}
:is(.une-titre,.fin-titre,.mh-titre){font-variation-settings:"opsz" 96}
.une-l{display:block;position:relative;white-space:nowrap}
.une-l2{font-size:.415em;margin-block:.08em .04em}
.une-l3{font-size:.571em;color:var(--accent);--passe:var(--m-saz)}
.une-l::before{content:attr(data-l);content:attr(data-l) / "";position:absolute;inset:0;z-index:-1;color:var(--passe);mix-blend-mode:var(--melange);
  pointer-events:none;animation:une-cale 380ms var(--courbe-sortie) 120ms both}
@keyframes une-cale{from{transform:translate(.07em,.05em)}to{transform:none}}
@media (prefers-reduced-motion:reduce){ .une-l::before{animation:none} }
.une-chapeau{margin:0;max-width:38ch;font-size:var(--t-grand);line-height:1.45;color:var(--muted)}
.une-choix{border:0;margin:0;padding:0;min-width:0}
.une-choix legend{padding:0;margin:0 0 var(--s2);font:600 var(--t-petit)/1.3 var(--body);color:var(--ink)}
.une-tags{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;
  margin-inline:calc(-1 * var(--gouttiere));padding:4px var(--gouttiere) 6px;scroll-padding-inline:var(--gouttiere);
  mask-image:linear-gradient(90deg,var(--ink) calc(100% - 40px),transparent);-webkit-mask-image:linear-gradient(90deg,var(--ink) calc(100% - 40px),transparent)}
.une-tags::-webkit-scrollbar{display:none}
.une-tag{position:relative;flex:none;scroll-snap-align:start;cursor:pointer;-webkit-user-select:none;user-select:none}
.une-tag input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.une-tag span{position:relative;isolation:isolate;display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:2px solid var(--ink);
  border-radius:var(--r-petit);color:var(--ink);font:800 var(--t-corps)/1 var(--display);font-stretch:var(--large-titre);text-transform:uppercase;
  letter-spacing:.02em;white-space:nowrap;transition:transform var(--d-appui) var(--courbe-sortie),color var(--d-court) var(--courbe-sortie),border-color var(--d-court) var(--courbe-sortie)}
.une-tag:active span{transform:scale(.97)}
.une-tag input:checked + span{color:var(--m-sur);border-color:var(--m);background:var(--m)}
.une-tag.vient-de input:checked + span::after{content:"";position:absolute;z-index:-1;inset:-2px;border-radius:inherit;background:var(--ground);
  animation:une-encre-pose var(--d-moyen) var(--courbe-sortie) both}
@keyframes une-encre-pose{from{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}
@media (prefers-reduced-motion:reduce){ .une-tag.vient-de input:checked + span::after{display:none} }
.une-tag input:focus-visible + span{outline:var(--focus-epaisseur,2px) solid var(--focus);outline-offset:var(--focus-ecart,3px)}
@media (hover:hover) and (pointer:fine){
  .une-tag:hover input:not(:checked) + span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
}
.une-panneaux{display:grid;gap:var(--s6)}
@supports selector(:has(*)){
  .une-panneaux{display:block}
  .une-p{display:none}
  .une:has(.une-tag:nth-child(1) input:checked) .une-p:nth-child(1),.une:has(.une-tag:nth-child(2) input:checked) .une-p:nth-child(2),
  .une:has(.une-tag:nth-child(3) input:checked) .une-p:nth-child(3),.une:has(.une-tag:nth-child(4) input:checked) .une-p:nth-child(4),
  .une:has(.une-tag:nth-child(5) input:checked) .une-p:nth-child(5),.une:has(.une-tag:nth-child(6) input:checked) .une-p:nth-child(6),
  .une:has(.une-tag:nth-child(7) input:checked) .une-p:nth-child(7),.une:has(.une-tag:nth-child(8) input:checked) .une-p:nth-child(8),
  .une:has(.une-tag:nth-child(9) input:checked) .une-p:nth-child(9),.une:has(.une-tag:nth-child(10) input:checked) .une-p:nth-child(10),
  .une:has(.une-tag:nth-child(11) input:checked) .une-p:nth-child(11),.une:has(.une-tag:nth-child(12) input:checked) .une-p:nth-child(12){display:block}
}
.une.a-change .une-p{animation:une-p-entre var(--d-moyen) var(--courbe-sortie)}
@keyframes une-p-entre{from{opacity:0;transform:translateX(5px)}}
.une-p-t{margin:0 0 var(--s3);font:800 var(--t-titre-3)/1.1 var(--display);font-stretch:var(--large-titre);text-transform:uppercase;letter-spacing:.02em;
  color:var(--m-texte)}
@media (max-width:899.98px){ .une-p-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} }
.une-plus,.une-lieu,.une-vide,.une-suite{margin:var(--s2) 0 0;font-size:var(--t-petit);line-height:1.45;color:var(--muted)}
.une-lieu{display:flex;gap:var(--s2);align-items:flex-start}
.une-lieu .ic{width:18px;height:18px;flex:none;margin-top:2px}
.une-act{margin:var(--s4) 0 0}
.une .une-cta{min-height:56px;padding-inline:var(--s6);font-size:var(--t-grand);font-weight:700}
.une-suite{margin:var(--s3) 0 0}
:is(.compo-svg,.frise) .f{fill:var(--m);mix-blend-mode:var(--melange)}
:is(.compo-svg,.frise) .f .t{fill:none;stroke:var(--m)}
.une .f{transform-box:fill-box;transform-origin:center;transition:opacity 220ms var(--courbe-sortie),transform 220ms var(--courbe-sortie)}
@supports selector(:has(*)){
  .une .f{opacity:.5}
  .une:has(input[value="guitare"]:checked) .f[data-f="guitare"],.une:has(input[value="saz"]:checked) .f[data-f="saz"],
  .une:has(input[value="piano"]:checked) .f[data-f="piano"],.une:has(input[value="devoirs"]:checked) .f[data-f="devoirs"],
  .une:has(input[value="chant"]:checked) .f[data-f="chant"],.une:has(input[value="dessin"]:checked) .f[data-f="dessin"],
  .une:has(input[value="couture"]:checked) .f[data-f="couture"],.une:has(input[value="composition"]:checked) .f[data-f="composition"]{
    opacity:1;transform:scale(1.04)}
}
@media (prefers-reduced-motion:reduce){ .une .f{transform:none!important;transition-duration:150ms} }
.une-compo,.une-portee{display:none}
.frise{display:block;overflow:visible}
.une-frise{width:calc(100% + 2 * var(--gouttiere));height:auto;aspect-ratio:10 / 1;margin-inline:calc(-1 * var(--gouttiere))}
@media (max-width:599.98px){
  .une-choix legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .une .pg{--pg-j:6rem}
  .une .pg > div{grid-template-columns:var(--pg-j) minmax(0,1fr);padding-block:5px}
  .une .pg .pg-sous{flex:0 0 calc(100% + var(--pg-j) + var(--s3));margin-inline-start:calc(-1 * (var(--pg-j) + var(--s3)))}
  .une .une-act{margin-top:var(--s3)}
  .une .une-cta{width:100%}
}
@media (min-width:900px){
  .une-in{min-height:calc(100svh - 66px);padding-block:var(--s6) var(--s8);
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:1fr auto auto auto 1fr;
    grid-template-areas:". ." "titre panneaux" "chapeau panneaux" "choix panneaux" ". .";column-gap:clamp(32px,5vw,96px);row-gap:var(--s5);align-items:start}
  .une-frise{display:none}
  
  .une-compo{display:block;position:absolute;grid-column:2;top:0;bottom:0;left:0;right:calc(-1 * var(--gouttiere));z-index:0;pointer-events:none}
  .compo-svg{position:absolute;left:0;top:0;height:100%;width:auto;aspect-ratio:9 / 10}
  
  .une-portee{display:block;position:absolute;grid-column:1 / -1;left:calc(50% - 50vw);right:calc(50% - 50vw);bottom:12px;height:44px;z-index:0;
    pointer-events:none;mix-blend-mode:var(--melange);
    background:repeating-linear-gradient(90deg,var(--m) 0 4px,transparent 4px 22rem),repeating-linear-gradient(180deg,var(--m) 0 4px,transparent 4px 10px)}
  .une-titre{grid-area:titre;position:relative;z-index:1;font-stretch:var(--large-titre);
    --S:min(8.5rem,calc((min(100vw,var(--page-max)) - 2 * var(--gouttiere) - clamp(32px,5vw,96px)) * 5 / 12 / 4.3))}
  .une-chapeau{grid-area:chapeau}
  .une-choix{grid-area:choix}
  .une-tags{flex-wrap:wrap;overflow:visible;margin-inline:0;padding:0;mask-image:none;-webkit-mask-image:none}
  .une-panneaux{grid-area:panneaux;align-self:end;position:relative;z-index:1;width:min(38rem,100% - clamp(24px,4vw,72px));
    margin-inline-start:clamp(24px,4vw,72px);padding:var(--s4) var(--s5) var(--s5);border-top:2px solid var(--ink);
    background-color:var(--ground);background-image:var(--grain)}
  
  .une .pg dd{display:grid;grid-template-columns:9.2em minmax(0,1fr);gap:2px var(--s3);align-items:baseline}
  .une .pg dd .pg-h{grid-column:1}
  .une .pg dd .pg-h-texte{grid-column:1 / -1}
  .une .pg dd :is(.pg-sous,.pg-complet){grid-column:2;justify-self:start}
}
@media (min-width:600px) and (max-width:1199.98px){
  .une-frise{width:min(100%,40.5rem);aspect-ratio:9 / 1;margin-inline:0}
}
@media (min-width:900px) and (max-width:1199.98px){
  .une-compo,.une-portee{display:none}
  .une-frise{display:block;grid-area:frise;margin-block-end:var(--s3)}
  .une-in{min-height:0;grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"frise frise" "titre panneaux" "chapeau panneaux" "choix panneaux" ". ."}
  .une-panneaux{width:100%;margin-inline-start:0}
  .une .pg dd{display:flex}
}
.fin{padding-block:var(--s8)}
.fin-frise{width:min(100%,54rem);height:auto;aspect-ratio:9 / 1;margin:0 0 var(--s6)}
.fin-titre{font-size:min(var(--t-affiche),calc((100vw - 2 * var(--gouttiere)) / 7.2));max-width:14ch;color:var(--ink)}
.fin-texte{margin:var(--s4) 0 0;max-width:56ch;font-size:var(--t-grand);line-height:1.5;color:var(--muted)}
.fin-choix{margin-top:var(--s6)}
.fin-q{margin:0 0 var(--s3)}
.fin-cours{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.fin-cours li{max-width:none}
.fin a.fin-lien{min-height:48px;padding-inline:16px;border:2px solid var(--ink);background:transparent;color:var(--ink);
  font:800 var(--t-corps)/1 var(--display);font-stretch:var(--large-titre);text-transform:uppercase;letter-spacing:.02em;
  transition:transform var(--d-appui) var(--courbe-sortie),background-color var(--d-court) var(--courbe-sortie),color var(--d-court) var(--courbe-sortie)}
.fin a.fin-lien:is(:focus-visible,:active){background:var(--m);border-color:var(--m);color:var(--m-sur)}
.fin a.fin-lien:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){ .fin a.fin-lien:hover{background:var(--m);border-color:var(--m);color:var(--m-sur)} }
.fin-plus{margin:var(--s5) 0 0;font-size:var(--t-petit)}
@media (min-width:900px){
  .fin-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(32px,5vw,96px);align-items:end}
  .fin-frise{grid-column:1 / -1}
  .fin-titre{grid-column:1;grid-row:2 / span 2;font-size:var(--t-affiche)}
  .fin-texte,.fin-choix,.fin-plus{grid-column:2}
}


.ta-offres{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.ta-offre{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border:1.5px solid var(--line);border-radius:var(--r-bloc);background:var(--surface)}
.ta-offre.is-mis{border:2px solid var(--accent)}
.ta-offre h3{margin:0;font:800 var(--t-titre-3)/1.2 var(--display)}
.ta-prix{margin:0;font:800 var(--t-titre-2)/1.1 var(--display);color:var(--ink)}
.ta-prix small{font:600 var(--t-petit)/1.3 var(--body);color:var(--muted)}
.ta-detail{margin:0;font-size:var(--t-petit);color:var(--muted)}
.ta-liste{margin:var(--s2) 0 0;padding-left:1.2em;display:grid;gap:4px}
.ta-bloc{margin-top:var(--s7);max-width:68ch}
.ta-bloc h2{margin:0 0 var(--s3);font:800 var(--t-titre-2)/1.2 var(--display)}
.ta-bloc .form{max-width:none}
.tf-prix{margin:0;display:grid;gap:2px}
.tf-montant{font:600 var(--t-corps)/1.3 var(--body);color:var(--ink)}
.tf-montant b{font:800 var(--t-titre-2)/1.1 var(--display);color:var(--m-texte)}
.tf-total{font-size:var(--t-petit);color:var(--muted)}
.tf-infos{margin-top:var(--s6);max-width:68ch}
.tf-infos h2{margin:0 0 var(--s2);font:800 var(--t-titre-3)/1.2 var(--display)}
.tf-infos p,.tf-infos ul{margin:0 0 var(--s2)}
.tf-etapes{margin:0 0 var(--s3);padding-left:1.4em;display:grid;gap:var(--s2)}
.ta-payer{margin-top:auto;padding-top:var(--s3);display:grid;gap:var(--s2)}
.ta-payer form{margin:0}
.ta-payer .btn{width:100%;justify-content:center}
.ta-etapes{margin:0 0 var(--s3);padding-left:1.4em;display:grid;gap:var(--s2)}
.ta-essai{display:inline-block;margin:var(--s3) 0 0;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--ink);font-size:var(--t-petit)}


.deux-fa-icone{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:var(--s3);border-radius:var(--r-bloc);
  background:var(--accent-soft);color:var(--accent)}
.deux-fa-icone svg{width:26px;height:26px}
.deux-fa-large{max-width:640px}
.code-bloc{--cf:2rem;display:grid;gap:var(--s2);width:calc(7.2 * var(--cf) + 3px);max-width:100%;margin-top:var(--s3)}
.code-label{font-weight:700;color:var(--ink)}
.form .code-bloc input.code-cases[type="text"]{
  --case:1.2em; box-sizing:border-box; width:100%; max-width:100%; min-width:0; height:auto; padding:.55em 0;
  font:600 var(--cf)/1.1 var(--mono); letter-spacing:.6em; text-indent:.3em; text-align:left; color:var(--ink);
  border:1.5px solid var(--champ-bord); border-radius:var(--r-champ); background-color:var(--surface);
  background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--case) - 1.5px),var(--line) calc(var(--case) - 1.5px),var(--line) var(--case));
  background-clip:padding-box; caret-color:var(--caret);
}
.code-cases::placeholder{color:transparent}
.code-cases:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.code-aide{margin:0}
.code-envoi{width:100%;margin-top:var(--s2)}
.code-bloc-petit{--cf:1.5rem}
.code-bloc-petit .code-envoi{width:auto;justify-self:start}
.code-envoi[aria-busy="true"]{opacity:.7;cursor:progress}
@media (max-width:380px){ .code-bloc{--cf:1.65rem} .code-bloc-petit{--cf:1.35rem} }
.etapes-nombres{list-style:none;margin:var(--s5) 0 0;padding:0;counter-reset:etape;display:grid;gap:var(--s5)}
.etapes-nombres > li{position:relative;margin:0;padding-left:56px;counter-increment:etape}
.etapes-nombres > li::before{content:counter(etape);position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;
  border-radius:50%;background:var(--aplat);color:var(--aplat-ink);font:700 1.125rem/1 var(--body)}
.etapes-nombres h2{margin:0 0 var(--s1);font-size:var(--t-titre-4);line-height:1.3}
.etapes-nombres p{margin:0 0 var(--s2);max-width:60ch}
.etapes-nombres .qr{margin:var(--s3) 0}
.deux-fa-aide{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line)}
.deux-fa-aide summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;color:var(--accent)}
.deux-fa-aide summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--r-petit)}
.etapes-nombres .deux-fa-aide{margin-top:var(--s2)}


.cg-liens{margin:var(--s3) 0 0;font-size:var(--t-petit)}
.cg-liens a{color:var(--accent);font-weight:600}
.cg-grille{display:grid;gap:var(--s4);margin-top:var(--s5);grid-template-columns:1fr}
@media (min-width:900px){ .cg-grille{grid-template-columns:1fr 1fr;align-items:start} }
.cg-box{gap:var(--s3);min-width:0}
.cg-box .eq-h3{margin:0}
.cg-box p{margin:0}
.cg-non{color:var(--muted);font-size:var(--t-petit)}
.cg-role{padding:var(--s2) var(--s3);border:1.5px solid var(--line);border-radius:var(--r-champ);background:var(--surface)}
.cg-role + .cg-role{margin-top:var(--s2)}
.cg-role:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.cg-role:has(input:disabled){background:var(--surface-2);cursor:not-allowed}
.cg-role > span{min-width:0;overflow-wrap:anywhere}
.cg-confirme{padding:var(--s2) var(--s3);border-left:3px solid var(--accent);background:var(--surface-2);border-radius:var(--r-petit)}
.cg-confirme > span{min-width:0}
.cg-fusion-choix select{width:100%;max-width:100%;min-height:44px}
.cg-fusion{margin-top:var(--s5)}
.cg-cartes{display:grid;gap:var(--s3);grid-template-columns:1fr;align-items:stretch}
@media (min-width:700px){ .cg-cartes{grid-template-columns:1fr auto 1fr;align-items:center} }
.cg-carte{display:grid;gap:var(--s1);padding:var(--s3) var(--s4);border:1.5px solid var(--line);border-radius:var(--r-bloc);background:var(--surface);min-width:0}
.cg-carte p{margin:0;overflow-wrap:anywhere}
.cg-carte:last-child{border-style:dashed;border-color:var(--bad);background:var(--bad-soft)}
.cg-fleche{justify-self:center;font-size:1.6rem;color:var(--muted)}
@media (max-width:699px){ .cg-fleche{transform:rotate(90deg)} }
.cg-apercu{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.cg-apercu li{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.cg-apercu b{font-variant-numeric:tabular-nums}
.cg-suggestions{margin-top:var(--s5)}
.cg-suggestions li{padding:var(--s2) 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.cg-suggestions a{margin-left:var(--s2);color:var(--accent);font-weight:600}


.auto-liste,.auto-resume,.auto-familles{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.auto-liste li,.auto-resume li,.auto-familles > li{max-width:none;margin:0;overflow-wrap:anywhere}
.auto-liste .st{margin-left:var(--s1)}
.auto-familles{gap:var(--s3);margin:var(--s3) 0}
.auto-familles > li{padding-bottom:var(--s3);border-bottom:1px solid var(--line)}
.auto-familles > li:last-child{border-bottom:0}
.auto-familles .auto-liste{margin-top:var(--s1);color:var(--muted);font-size:var(--t-petit)}
.auto-resume li{padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.auto-resume li:last-child{border-bottom:0}
.auto-resume a{margin-left:var(--s2);font-size:var(--t-petit)}
.auto-confirmer{display:grid;gap:var(--s3);justify-items:start;margin:var(--s4) 0 var(--s5);padding:var(--s4);border:1.5px solid var(--bord);border-radius:var(--r-bloc)}
.auto-confirmer .consent{margin:0}
.auto-details{margin:var(--s3) 0}
.auto-details > summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.auto-reglages{display:grid;gap:var(--s4);margin:var(--s4) 0 var(--s5)}
@media (min-width:760px){ .auto-reglages{grid-template-columns:repeat(2,minmax(0,1fr))} }
.auto-reglage{margin:0}
.auto-choix{display:grid;gap:var(--s2);margin:0 0 var(--s3);padding:0;border:0;min-width:0}
.auto-famille{display:grid;gap:var(--s4);max-width:44rem}
.auto-eleve{display:grid;gap:var(--s2);margin:0;padding:var(--s4);border:1.5px solid var(--bord);border-radius:var(--r-bloc);min-width:0}
.auto-titre{margin:0 0 var(--s1);font-size:var(--t-corps);line-height:1.4;overflow-wrap:anywhere}
.auto-eleve .consent{margin:0;min-height:44px}
.auto-reglement{margin:0}
.auto-banniere{margin:0 0 var(--s4);border-color:var(--accent);background:var(--accent-soft)}
.auto-banniere h3,.auto-banniere p{margin-top:0}
.auto-relances td{vertical-align:top}
.auto-relances .eq-actions .btn{white-space:nowrap}