/* Ingebedde applicatie (de afsluitstraat) binnen de site-kop en -voettekst.
   Gegenereerd door deploy-iziwise-staging.mjs.

   Dit bestand gaat alleen over de PLAATSING van de straat in de pagina: waar hij
   staat en wat eromheen zit. Raak hier niets aan van de straat zelf - geen
   typografie, geen kleuren van zijn componenten, geen hoeken van zijn panelen.
   Er stond hier ooit zo'n blok en dat duwde de straat weg van zichzelf; sinds de
   site zijn huisstijl volgt (brands/iziwise/style.css) is het ook niet meer nodig.

   Wat er wel staat: een kader om de straat heen, zoals hij ook op een garagesite
   in een frame in de pagina zit. Binnenin houdt hij zijn eigen achtergrond, zodat
   zijn witte panelen daar tegen afsteken zoals bedoeld. */

/* De band tussen kop en voettekst waarin het kader staat. */
body.has-embedded-app main#main {
  padding: clamp(2rem, 4vw, 3.5rem) var(--gutter, 20px);
}

/* Het kader zelf. */
body.has-embedded-app .page.in-site-shell {
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  background: var(--izi-bg, #f7f9f8);
  border: 1px solid var(--rule, #dfe5e2);
  border-radius: var(--radius, 16px);
}

@media (max-width: 860px) {
  body.has-embedded-app main#main { padding: 1.25rem 0; }
  /* Op een telefoon is een kader met marges verspilde breedte: dan over de volle
     breedte, alleen met een lijn boven en onder. */
  body.has-embedded-app .page.in-site-shell {
    padding: 1.25rem 1rem;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
}