/* scolarite.css - styles spécifiques à la page Scolarité */
:root{
  --muted:#6b7280;
  --bg:#fafafa;
  --card:#ffffff;
  --radius:10px;
} 

.scolarite-main{padding-block:2.5rem 4rem}
.hero-inner{display:grid;grid-template-columns:1fr 320px;gap:1.25rem;align-items:center}
.hero-card{background:var(--card);padding:1rem;border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.hero-card dl{margin:0}
.hero-card dt{font-weight:600;color:var(--muted)}
.hero-card dd{margin:0 0 0.75rem 0}

.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;list-style:none;padding:0;margin:0}
.timeline-item{background:var(--card);padding:1rem;border-radius:10px;box-shadow:0 6px 16px rgba(8,15,20,0.04);transition:transform .22s ease,box-shadow .22s ease}
.timeline-item:focus-within,.timeline-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(8,15,20,0.08)}
.timeline time{display:block;font-weight:600;color:var(--accent)}
.timeline p{margin:.25rem 0 0 0;color:var(--muted)}

.tabs{display:flex;gap:.5rem;margin-block:1rem;border-radius:8px}
.tab{background:var(--card);border:1px solid #e6e6e6;padding:.6rem .9rem;border-radius:8px;cursor:pointer}
.tab[aria-selected="true"]{background:linear-gradient(180deg,var(--accent),var(--accent-600));color:var(--text-on-accent);border-color:transparent;box-shadow:0 6px 18px rgba(var(--brand-rgb),0.12)}
.tab:focus{outline:3px solid rgba(9,122,49,0.2);outline-offset:2px}

.fees{width:100%;border-collapse:collapse;background:var(--card);box-shadow:0 6px 16px rgba(8,15,20,0.04);border-radius:8px;overflow:hidden}
.fees caption{font-weight:600;padding:.8rem 1rem;text-align:left;background:#f8f9fa}
.fees th,.fees td{padding:.75rem 1rem;border-top:1px solid #f1f1f1;text-align:left}
.fees thead th{background:#fafafa;font-weight:700}

.note{margin-top:1rem;padding:.9rem;border-left:4px solid var(--accent);background:linear-gradient(90deg,#f8fbff,#fff);border-radius:6px}

/* Responsive */
@media (max-width:800px){
  .hero-inner{grid-template-columns:1fr;}
  .hero-card{order:3}
}

/* Prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  *{transition:none!important}
}

/* Print friendly */
@media print{
  body{color:#000;background:#fff}
  .nav-menu,.nav-toggle,.hero-actions,footer{display:none}
  .timeline-item,.fees{box-shadow:none;border:1px solid #ddd}
}