/* Colles : habillage refonte (chargé après le style de la page) */
:root{ --text-dim:#a9a79f; --text-faint:#8a8880; }
nav{ padding:20px 48px; }
.nav-logo{ font-size:1.4rem; }
.breadcrumb{ font-size:.88rem; }
.page-header{ padding:72px max(48px,calc((100% - 1080px)/2)) 40px; }
.page-header::after{ display:none; }
.page-eyebrow{ font-size:.75rem; margin-bottom:14px; }
.page-title{ font-size:clamp(2.4rem,5vw,3.5rem); line-height:1.05; }
.colles-body,.colle-body{ max-width:none; padding:56px max(48px,calc((100% - 1080px)/2)) 96px; }
.intro{ font-size:1.05rem; color:var(--text-dim); }

/* Liste des colles */
.colles-grid{ grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)); gap:16px; }
.colle-card{ border-radius:20px; padding:26px 28px; min-height:170px; }
.colle-card .num{ font-size:2.6rem; }
.colle-card .theme{ font-size:1.2rem; }
.colle-card .dates{ font-size:.85rem; }
.colle-card.a-venir{ opacity:.6; background:transparent; }

/* Page d'une colle */
.pill{ font-family:'DM Sans',sans-serif; font-size:.85rem; letter-spacing:0; padding:8px 16px; }
.docs{ gap:20px; }
.doc-card{ border-radius:20px; padding:32px; }
.doc-card .doc-tag{ font-size:.7rem; color:var(--text-faint); }
.doc-card .doc-title{ font-size:1.7rem; }
.doc-card .doc-desc{ font-size:.95rem; color:var(--text-dim); }
.doc-card .doc-cta{ border-top:0; padding-top:0; justify-content:flex-start; }
.doc-card .doc-cta span{ display:inline-block; background:var(--accent); color:#0d0d0f; font-weight:500; font-size:.95rem; padding:13px 22px; border-radius:999px; }
.doc-card .doc-cta b{ display:none; }
.doc-card.exos .doc-cta span{ background:var(--accent2); }
.listes{ gap:20px; align-items:start; }
.listes > div{ background:var(--surface); border:1px solid var(--border); border-radius:20px; padding:32px; }
.liste-titre{ font-size:1.5rem; }
.listes li{ font-size:.95rem; line-height:1.6; color:#d6d3cb; }
.a-savoir{ border-radius:20px; padding:28px 32px; background:var(--surface2); border:1px solid #3a3a46; border-left:6px solid var(--accent3); }
.a-savoir h3{ font-size:.75rem; }
.a-savoir li{ font-size:.95rem; color:#d6d3cb; line-height:1.7; }
@media (max-width:768px){
  nav{ padding:14px 20px; }
  .page-header{ padding:48px 20px 28px; }
  .colles-body,.colle-body{ padding:32px 20px 64px; }
  .listes > div{ padding:24px 22px; }
}