/* Page "Les établissements" - styles specifiques.
   Le composant carte est dans carte-occitanie.css ; le commun dans main.css. */

.page-hero{background:var(--sarcelle-encre);color:var(--papier);padding:0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch;min-height:340px}
.hero-txt{padding:56px 0 56px 0;align-self:center}
.hero-txt .eyebrow{color:var(--sarcelle);margin-bottom:16px}
.hero-txt h1{font-family:var(--serif);font-weight:600;font-size:clamp(30px,4.5vw,46px);line-height:1.1}
.hero-txt p{color:rgba(251,248,242,0.78);font-size:16px;max-width:440px;margin-top:18px;line-height:1.6}
.hero-img{background:linear-gradient(135deg,#3a342c,#2a2622);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:rgba(251,248,242,0.5);text-align:center;padding:0 20px}

section{padding:60px 0}
.sec-head{margin-bottom:28px}
.sec-head .eyebrow{color:var(--sarcelle-fonce)}
.sec-head h2{font-family:var(--serif);font-weight:600;font-size:clamp(24px,3.5vw,34px);line-height:1.12;margin-top:8px}

/* Genese */
.genese{border-bottom:0.5px solid rgba(28,26,23,0.1)}
.gen-tl{max-width:760px;position:relative;padding-left:30px}
.gen-tl::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:rgba(28,26,23,0.14)}
.gen-item{position:relative;padding-bottom:30px}
.gen-item:last-child{padding-bottom:0}
.gen-item::before{content:"";position:absolute;left:-29px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--sarcelle-fonce)}
.gen-date{font-family:var(--mono);font-size:13px;color:var(--sarcelle-fonce);font-weight:500;margin-bottom:2px}
.gen-titre{font-family:var(--serif);font-size:18px;font-weight:600;margin-bottom:6px}
.gen-item p{font-size:14px;color:#3A352E;line-height:1.65;margin-bottom:8px}
.gen-item p:last-child{margin-bottom:0}
.gen-highlight{background:var(--sarcelle-encre);color:var(--papier);border-radius:10px;padding:18px 22px;margin-bottom:0}
.gen-highlight .gen-date{color:var(--papier);font-weight:600}
.gen-highlight .gen-titre{color:var(--papier)}
.gen-highlight p{color:rgba(251,248,242,0.8)}

/* Lycees */
.lycees{background:var(--kraft);border-bottom:0.5px solid rgba(28,26,23,0.1)}
/* Legende en colonne a gauche, carte a droite. */
.lyc-layout{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:40px;align-items:start}
.lyc-cats{display:grid;grid-template-columns:1fr;gap:26px}
.lyc-cat h3{font-family:var(--serif);font-size:17px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:9px}
.lyc-cat h3 .leg-dot{width:12px;height:12px}
.lyc-cat ul{list-style:none}
.lyc-cat li{font-size:14px;color:#3A352E;padding:3px 0 3px 14px;position:relative}
.lyc-cat li::before{content:"·";position:absolute;left:3px;color:var(--acier);font-weight:700}
.lyc-cat li .ville{color:var(--acier);font-size:13px}

/* Cadrage de la carte sur cette page : la fenetre visible va de 1% a 70% en
   largeur et de 0 a 94% en hauteur du SVG, soit environ un quart de l'Occitanie
   ampute a l'est, ou aucun etablissement n'est place ; le point le plus a l'est
   (Revel) est a 44%, il reste donc largement dans le cadre.
   Les trois valeurs vont de pair : hauteur du cadre = 0.94 x 0.7071 / 0.69
   (0.7071 = rapport hauteur/largeur du SVG), largeur de la scene = 1 / 0.69,
   decalage = -0.01 / 0.69. */
.lycees .carte-frame{position:relative;height:0;padding-top:96.3%}
.lycees .carte-stage{position:absolute;top:0;left:-1.45%;width:144.93%;
  max-width:none;margin:0;transform:none}

@media(max-width:980px){
  .lyc-layout{grid-template-columns:1fr}
  .lyc-cats{grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:32px}
}
@media(max-width:860px){
  .hero-grid{grid-template-columns:1fr}
  .hero-img{min-height:240px}
  .lyc-cats{grid-template-columns:1fr;gap:20px}
}