/* Pagine di categoria dei quiz (/quiz-card/<slug>/): carica DOPO
   universal-landing.css e PRIMA di assets-tc/css/style.css.
   universal-landing.css e' scritto per pagine intere e ha regole su body,
   h1-h4, a e img: qui tornano ai valori dell'app, e valgono solo dentro
   .quiz-editorial, dove stanno le sezioni della landing.
   :where() tiene la specificita' a un solo elemento, cosi' le classi .ulp-*
   e il CSS dei quiz continuano a vincere. */

body { line-height: normal; color: var(--dark); }
h1, h2, h3, h4 { line-height: normal; }
h4 { font-family: inherit; }
a { color: revert; text-decoration: revert; }
img { max-width: revert; height: revert; display: revert; }

#quiz-tests { scroll-margin-top: 100px; }
.quiz-editorial { line-height: 1.6; color: var(--ulp-text); }
:where(.quiz-editorial) h1,
:where(.quiz-editorial) h2,
:where(.quiz-editorial) h3,
:where(.quiz-editorial) h4 { line-height: 1.2; font-family: var(--ulp-font-head); }
:where(.quiz-editorial) a { color: inherit; text-decoration: none; }
:where(.quiz-editorial) img { max-width: 100%; height: auto; display: block; }