/********/
/* TEXT */
/********/

h2,
p,
li,
summary,
legend,
.radio-setting,
.check-setting,
.range-setting,
th,
td,
figcaption {
  line-height: calc(1.6 * var(--line-height-factor));
  text-wrap:pretty;
}


/* headings en p */

h2 {
  margin:0;
  font-size:1.1em;
  font-size:clamp(1.1em, 3vw, 1.2em);
}

h2.h2--center  {
  text-align:center;
}

h3 {
  font-size:1em;
}

h3 em {
  font-weight:400;
  background-color:var(--bg--h3);
  padding:0 .25em;
}

h2 + p {
  margin-top:0;
}

strong {
  background-color: var(--bg-strong);
  padding:0 .25em;
}


/* figcaption */

figcaption,
.note {
  text-wrap:wrap;
}

figcaption strong,
.note strong {
  background:none;
  padding:0;
}


/* interaction */

::selection {
  background-color: var(--bg-selection);
  color:var(--clr-selection)
}


/* list */

.list--alfa {
 list-style-type:lower-alpha;
}

.list--large {
  display:grid;
  gap:1em;
  padding-left:1em;
}

.list--large li {
  padding-left:.5em;
}

.list--medium {
  display:grid;
  gap:.33em;
  padding-left:1em;
}

.list--medium li {
  padding-left:.5em;
}

.list--small {
  padding-left:1em;
}

.list--medium li {
  padding-left:.5em;
}

.list--sub {
  padding-left:2em;
}

.list--sub li {
  padding-left:.25em;
}