/* Version 26 - harmonisation globale des alignements et des conteneurs. */
@media screen {
  body.home-page main > :is(.hero,.section,.content-group,.arv-art),
  body.home-page .site-footer {
    width:min(1180px,calc(100% - 40px)) !important;
    max-width:1180px !important;
    box-sizing:border-box;
    margin-inline:auto !important;
  }

  body.home-page .section-title {
    width:100%;
    max-width:none !important;
    grid-template-columns:50px minmax(0,1fr);
    box-sizing:border-box;
  }

  body.home-page main > .content-group {
    grid-template-columns:50px minmax(0,1fr);
  }

  body.home-page .section-title > span {
    align-self:start;
  }

  body.home-page :is(
    .path-cards,.assessments,.qualifications,.preparation-grid,
    .organisation-grid,.arv-qualification-rows,.arv-resource-grid,
    .uq-grid,.steps,.levels,.domains
  ) {
    width:100%;
    max-width:none;
    box-sizing:border-box;
  }

  body.home-page :is(
    .path-cards,.assessments,.qualifications,.preparation-grid,
    .organisation-grid,.arv-qualification-rows,.arv-resource-grid,
    .uq-grid,.steps,.levels,.domains
  ) > * {
    min-width:0;
    box-sizing:border-box;
  }

  body.home-page #espace-enseignant {
    padding-inline:0 !important;
    background:transparent;
    border-bottom:0;
  }

  body.home-page #organisation .organisation-grid {
    grid-template-columns:1fr;
  }

  body.home-page #planification,
  body.home-page #mode-emploi {
    grid-column:1 / -1;
    width:100%;
  }

  body.home-page #organisation .organisation-grid > article,
  body.home-page #mode-emploi {
    min-height:0;
  }

  body.home-page #ligne-du-temps {
    width:min(1180px,calc(100% - 40px)) !important;
    max-width:1180px !important;
  }

  body.home-page #ligne-du-temps > :is(.section-title,.doc-actions,iframe) {
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box;
  }

  body.home-page #ligne-du-temps iframe {
    display:block;
    margin:0;
  }

  /* Les introductions et encadrés suivent toute la largeur de leur section. */
  body.home-page .section-title > div > p,
  body.home-page main > .section > p,
  body.home-page .notice,
  body.home-page .date-status,
  body.home-page .uq-note,
  body.home-page .contact-privacy-note {
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box;
  }

  body.home-page #evaluations .score {
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap;
    gap:10px 28px;
    text-align:center;
  }

  body.home-page #evaluations .score > :is(strong,span) {
    text-align:center;
  }

  body.home-page .site-footer.arv-persistent-footer {
    position:static !important;
    inset:auto !important;
    height:auto !important;
    min-height:84px !important;
    max-height:none !important;
    margin-top:72px !important;
    padding:22px 0 28px !important;
    overflow:visible !important;
    transform:none !important;
    z-index:auto !important;
    border-top:1px solid #ddd2d4;
    box-shadow:none !important;
  }

  html.arv-navigation-ready body.home-page {
    padding-bottom:0 !important;
  }

  html body.home-page #arv-back-to-top {
    bottom:14px !important;
  }
}

@media screen and (max-width:760px) {
  body.home-page main > :is(.hero,.section,.content-group,.arv-art),
  body.home-page .site-footer {
    width:calc(100% - 24px) !important;
  }

  body.home-page .section-title,
  body.home-page main > .content-group {
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
  }

  body.home-page #espace-enseignant {
    padding-inline:0 !important;
  }

  body.home-page #ligne-du-temps {
    width:calc(100% - 24px) !important;
  }

  body.home-page .site-footer.arv-persistent-footer {
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:8px 12px;
    min-height:0 !important;
    margin-top:52px !important;
    padding:18px 0 22px !important;
  }

  body.home-page .site-footer .brand {
    grid-row:1 / 3;
    grid-column:1;
  }

  body.home-page .site-footer .footer-credit,
  body.home-page .site-footer .arv-counter {
    grid-column:2;
    text-align:left;
  }
}