/* ==========================================================================
   MAHSEN: pagina/website-laten-nakijken.css
   Wat alleen /website-laten-nakijken draagt, naast publiek.css
   (design-system.md §6 en §10). pages/website-laten-nakijken hangt dit blad
   zelf, via partials/stijlblad in @push('stijl'), zodat het ná publiek.css
   komt en de andere pagina's het niet laden.

   Onder dezelfde regels als publiek.css, en op zijn tokens: geen eigen
   tokenblok, geen letter, geen basis (OntwerpregelsTest). Elke selector draagt
   een klasse die alleen deze pagina heeft; de paginakop, de kolommen, de
   stippen en de vragen staan in publiek.css, want een andere pagina draagt ze
   ook.

   De zin onder de knop (held-actie--rapport) is dezelfde regel als
   held-actie--gestapeld in pagina/software-op-maat.css, onder een eigen naam en
   op een ander breekpunt. Zolang publiek.css aan zijn grens zit (§10), staat
   hij in elk van de twee bladen, en niet als gedeelde klasse in publiek.css.
   ========================================================================== */

/* De kop: vanaf 56.25rem zet publiek.css de zin naast de knop, op 22rem. Hier
   werden haar twee zinnen (wat erna gebeurt, en de verrekening) daar een blok
   van zes regels dat het van de knop won, met de knop in het midden ernaast.
   Eronder, op de breedte van het antwoord, leest ze als de voorwaarde bij de
   actie, zoals op een gsm. */
@media (min-width: 56.25rem) {
  .held-actie--rapport { display: block; }
  .held-actie--rapport .onder-knop { max-width: 34rem; margin-top: 0.9rem; }
}

/* Wat wij nakijken en de drie besluiten: de stippen van publiek.css, met meer
   lucht tussen de regels, want een regel beslaat op een gsm drie tot vijf
   regels tekst. Zo doen /software-op-maat en /website-onderhoud het met hun
   lijsten. */
.nazicht { gap: 1rem; }