/* ============================================================
   mb-vaktekst.css
   SEO- en GEO-teksten onder de vacaturezoekpagina's van
   meesterbaan.nl.

   Plaatsing: https://scholen.meesterbaan.nl/docs/mb-vaktekst.css
   Aanroep als eerste regel van het CMS-veld:
   <link rel="stylesheet" href="https://scholen.meesterbaan.nl/docs/mb-vaktekst.css">

   Opmaak doet niets voor de ranking. Wat telt staat in de HTML:
   koppen als vraag, FAQ-microdata en cijfers met peildatum. Dit
   bestand doet alleen het minimum dat voorkomt dat het blok er
   kapot uitziet, want de site heeft geen enkele regel voor de
   twee klassen die het CMS gebruikt.

   Drie dingen:
   1. koppen onderscheidbaar maken van lopende tekst; de root van
      de site is 14px, dus een kop op 1rem is even groot als de
      tekst eronder en zonder regel valt hij terug op 28px
   2. leesbare regelbreedte en regelafstand
   3. het blok visueel scheiden van de vacatures erboven

   Het blok is bewust rustiger dan de vacaturelijst: de aandacht
   hoort naar de vacatures te gaan.
   ============================================================ */

.seo-footer-text,
.guidance-faq-container {
    color: #4A4A48;
    font-size: 14px;
    line-height: 1.6;
    max-width: 70ch;
}

.seo-footer-text {
    border-top: 1px solid #E6E6E6;
    padding-top: 18px;
}

.seo-footer-text h2,
.guidance-faq-container h2 {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 600;
    color: #1B202A;
    margin: 22px 0 6px;
}

.seo-footer-text > h2:first-child {
    margin-top: 0;
}

.seo-footer-text h3,
.guidance-faq-container h3 {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: #1B202A;
    margin: 0 0 4px;
}

.seo-footer-text p,
.guidance-faq-container p {
    margin: 0 0 12px;
}

.seo-footer-text h2 + p,
.seo-footer-text h3 + p {
    margin-top: 0;
}

.seo-footer-text strong,
.guidance-faq-container strong {
    font-weight: 600;
    color: #1B202A;
}

.seo-footer-text a,
.guidance-faq-container a {
    color: #0061D4;
    text-decoration: none;
}

.seo-footer-text a:hover,
.guidance-faq-container a:hover {
    text-decoration: underline;
}

.seo-footer-text ul,
.seo-footer-text ol {
    margin: 0 0 12px;
    padding-left: 19px;
}

.seo-footer-text li {
    margin-bottom: 4px;
}

.guidance-faq-container {
    margin-top: 22px;
    border-top: 1px solid #E6E6E6;
    padding-top: 18px;
}

.guidance-faq-container h2 {
    margin: 0 0 12px;
}

.guidance-faq-container [itemprop="mainEntity"] {
    margin-bottom: 14px;
}

.guidance-faq-container [itemprop="text"] {
    margin: 0;
}

@media (max-width: 575px) {

    .seo-footer-text h2,
    .guidance-faq-container h2 {
        font-size: 15px;
        margin-top: 20px;
    }
}