/* DECLAER — vacaturepagina
   Overgezet uit Declaer-vacature-template.html. De hero, de panelen
   ("En wat het niet is", .real uit werk-kaarten) en het formulier (.cform uit
   contact-formulier) bestaan al; hier staat alleen wat de vacaturepagina
   eraan toevoegt. Die blokstijlen laden op dit sjabloon mee via setup.php. */

/* De pillen onder de kop zijn die van de vacaturekaart op /vacatures/, zodat
   wie doorklikt hetzelfde ziet als waarop hij klikte. De opmaak stond alleen
   onder .job, dus buiten die kaart liep de tekst aan elkaar. */
.hero .tags{margin:16px 0 4px;display:flex;flex-wrap:wrap;gap:8px;}
.hero .tags span{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint);border:1px solid var(--line);
  border-radius:999px;padding:5px 12px;white-space:nowrap;}

/* De panelen onder elkaar, want een rij van drie dwingt drie even lange
   lijsten af en die heeft niet elke functie. De veertig pixels is het gat dat
   de rest van de site aanhoudt tussen een sectiekop en wat eronder staat. */
.vac-blok{margin-top:40px;display:grid;gap:18px;}
.vac-blok .real{margin-top:0;}

/* Het formulier op leesbreedte en niet in twee kolommen: bij solliciteren is
   er niets naast het formulier dat belangrijker is dan het formulier zelf. */
.solform{max-width:640px;}
.solform .cform{margin-top:0;}