/* Orthophonie, Pass Éducation : socle (tokens, base, bandeau PE, barre des niveaux PE).
   Les composants du hub sont dans or.css. Aucune dépendance, aucune image de fond. */
:root{
 --ink:#15324A;--ink2:#4A5D6E;--line:#D6E3E8;--paper:#F7FAFB;--white:#fff;
 --or-ink:#0E5E6F;--or-ink-f:#0A4652;--or-tint:#E3F2F4;--or-tint2:#F0F8F9;
 --or-cta:#E8604C;--or-cta-f:#B8402C;--or-cta-p:#FCE9E5;--or-sun:#F4B740;--or-sun-p:#FDF3DC;
 --lien:#0B5868;--pe-rouge:#E2452E;--pe-bleu:#2F6BD9;
 --font:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 --disp:"Fredoka","Nunito",system-ui,sans-serif;
 --r:20px;--r-s:12px;--wrap:1140px;--ombre:0 1px 2px rgba(21,50,74,.06),0 8px 24px rgba(21,50,74,.07)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:1.03rem;line-height:1.6;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:var(--lien)}
h1,h2,h3,h4{font-family:var(--disp);font-weight:600;line-height:1.15;margin:0 0 .5em;text-wrap:balance;color:var(--ink)}
h1{font-size:clamp(1.65rem,5vw,2.6rem)}
h2{font-size:clamp(1.35rem,3.2vw,1.8rem)}
h3{font-size:1.2rem}
p{margin:0 0 1rem}
:focus-visible{outline:3px solid var(--or-cta-f);outline-offset:2px;border-radius:4px}
.or-skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:100;border-radius:0 0 10px 0}
.or-skip:focus{left:0}
.or-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---------- bandeau Pass Éducation (repris des hubs PE) ---------- */
.pe-top{background:#fff;border-bottom:1px solid var(--line)}
.pe-top__in{max-width:var(--wrap);margin:0 auto;padding:.3rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.pe-top__logo img{display:block;width:104px;height:auto}
.pe-top__links{display:flex;align-items:center;gap:.9rem;font-size:.85rem;font-weight:700}
.pe-top__link{color:var(--ink);text-decoration:none}
.pe-top__link:hover{color:var(--pe-bleu);text-decoration:underline}
.pe-top__btn{background:#C73A25;color:#fff;text-decoration:none;padding:.4rem .8rem;border-radius:999px;white-space:nowrap;font-weight:800}
.pe-top__btn:hover{background:#A8301E}
@media(max-width:760px){.pe-top__link{display:none}.pe-top__links{gap:.4rem}.pe-top__btn{font-size:.8rem;padding:.35rem .7rem}}
.ame-niveau-bar{background:linear-gradient(90deg,#f4f6fb,#eef2fb);border-bottom:1px solid #e3e6ef;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ame-niveau-bar::-webkit-scrollbar{display:none}
.ame-niveau-list{display:flex;gap:.1rem;list-style:none;margin:0;padding:0 .5rem;white-space:nowrap}
.ame-niveau-list li{margin:0;padding:0}
.ame-niveau-bar .ame-niveau-list li a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:44px;padding:0 .45rem;font-size:.84rem;font-weight:800;color:#1d2b53;text-decoration:none;border-radius:8px;transition:background .15s,color .15s}
.ame-niveau-list a:hover,.ame-niveau-list a:focus-visible{background:#fff;color:var(--pe-bleu)}
.ame-niveau-list sup{font-size:.6em;margin-left:1px}
.ame-niveau-list .is-mat a{border-bottom:3px solid #F7C948}
.ame-niveau-list .is-ele a{border-bottom:3px solid #1F9D6A}
.ame-niveau-list .is-col a{border-bottom:3px solid #F08A24}
.ame-niveau-list .is-lyc a{border-bottom:3px solid #7B5EA7}
@media(min-width:900px){.ame-niveau-list{justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
