/**
 * PREVALA — Layout global (page.html.twig).
 *
 * Charge en plus de tokens.css + base.css. Definit le squelette de page
 * (main, sidebars) et son responsive.
 */

  .previensmoi-main {
    display: block;
    min-height: 60vh;
    max-width: 1280px;
    margin-inline: auto;
    padding: var(--previensmoi-space-8) var(--previensmoi-space-4);
  }

  /* Sur la home, on cache le main vide (la page est composee de sections
     hero + features qui vivent en dehors du <main>). Le <main> reste
     present dans le DOM pour respecter le skip-link RGAA 12.10. */
  .previensmoi-main--hidden {
    min-height: 0;
    padding: 0;
  }

  .previensmoi-main .sr-only,
  .previensmoi-main--hidden .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .previensmoi-main:focus {
    outline: none;
  }

  .previensmoi-main__content {
    width: 100%;
  }

  .previensmoi-main__sidebar {
    margin-top: var(--previensmoi-space-8);
  }

  @media (min-width: 1024px) {
    .previensmoi-main {
      padding: var(--previensmoi-space-12) var(--previensmoi-space-8);
    }
  }