/* Sidespecifik CSS for Main/screening.html.
   Laa foer i en <style>-blok inde i selve HTML-filen, hvor den var
   usynlig for en soegning i stilarket. Indholdet er ordret det samme,
   og linket staar samme sted i dokumentet, saa kaskaden er uaendret. */

/* Rigelig luft over. Beregneren skal have toppen for sig selv, og
   spoergsmaalene skal vaere noget, man ruller ned til, ikke noget der
   deler opmaerksomheden med knappen. */
.screening-info {
      margin-top: 6rem;
      padding-top: 2.5rem;
      border-top: 1px solid var(--border-subtle);
      text-align: left;
    }
    @media (max-width: 640px) {
      .screening-info { margin-top: 5rem; padding-top: 2rem; }
    }
/* Teksten under BMI-beregneren ligger nu i harmonikaer.
   Folk kommer for at blive screenet, ikke for at laese. Teksten bliver
   staaende, fordi den er det, Google og AI-tjenesterne laeser, men den
   staar ikke laengere i vejen for knappen. */

.screening-info__intro {
      margin: 0 0 1.25rem;
      color: var(--text-muted);
      line-height: 1.6;
    }
    /* Overskriften i en harmonika er en h2 af hensyn til dokumentets
       struktur, men den skal se ud som de andre harmonikaer paa sitet og
       ikke som en sektionsoverskrift. */
    .screening-info .faq-item summary .faq-item__spm {
      font-size: 1.02rem;
      margin: 0;
      font-weight: 600;
    }
    .screening-info .faq-container { max-width: none; margin: 0; }
    .screening-info .faq-item p:last-child,
    .screening-info .faq-item ol:last-child { margin-bottom: 0; }
    .screening-info .faq-item ol { margin-top: 0.25rem; }

    .screening-info h2:not(.t-h3):not(.faq-item__spm) {
      font-size: 1.35rem;
      margin: 2rem 0 0.75rem;
    }
    .screening-info h2:not(.t-h3):not(.faq-item__spm):first-child { margin-top: 0; }.screening-info h3:not(.t-h4), .screening-info .t-h3{
      font-size: 1.1rem;
      margin: 1.5rem 0 0.5rem;
    }
    .screening-info p {
      color: var(--text-muted);
      margin-bottom: 1rem;
    }
    .screening-info ol {
      color: var(--text-muted);
      padding-left: 1.25rem;
      margin-bottom: 1rem;
    }
    .screening-info li { margin-bottom: 0.5rem; }
    .screening-info a {
      color: var(--primary);
      font-weight: 600;
    }