/* ==========================================================================
   De pagina met de wettelijke informatie.

   Eén kolom leestekst, zonder de kleurwissels van de homepage. Deze pagina
   wordt gezocht en niet gelezen: iemand komt hier voor één gegeven, meestal
   een nummer of een polis. Alles staat daarom onder een eigen kop, met genoeg
   ruimte ertussen om te kunnen scannen.
   ========================================================================== */

/* De balk bovenaan. Geen sitenavigatie: die bestaat uit ankers naar secties
   van de homepage, en die staan hier niet. */
.jur__balk {
  border-block-end: 1px solid var(--lijn, rgb(0 0 0 / 0.1));
  padding-block: 1.25rem;
  background: var(--wit, #fff);
}

.jur__balkwrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.jur {
  display: grid;
  gap: clamp(2rem, 4vw, 3rem);
  margin-block-start: clamp(2.5rem, 5vw, 3.5rem);
}

.jur .h3 {
  margin-block-end: 0.9rem;
}

.jur .body + .sterlijst {
  margin-block-start: 1rem;
}

/* De gegevens van de associatie: dezelfde definitielijst als in het
   contactblok, maar met wat meer lucht boven zich. */
.jur__gegevens {
  margin-block-start: 1.5rem;
}

.jur__lid + .jur__lid {
  margin-block-start: 1.75rem;
}

.jur__naam {
  font-weight: var(--kop-gewicht);
  margin-block-end: 0.75rem;
}

.jur__codex {
  list-style: none;
  padding: 0;
  margin-block-start: 1rem;
  display: grid;
  gap: 0.5rem;
  font-size: var(--fs-klein);
}

/* Melding dat een tekst nog bevestigd moet worden door het kantoor. Zelfde
   markering als de ontbrekende gegevens elders op de site, maar met een kader
   erom: het gaat hier over de hele pagina en niet over één veld. */
.jur__ontwerp {
  margin-block-start: 1.5rem;
  padding: 0.85rem 1.1rem;
  border: 1px dashed color-mix(in srgb, currentColor 35%, transparent);
  font-size: var(--fs-klein);
  font-style: italic;
  opacity: 0.85;
}

/* Het artikelnummer boven de titel, in de maat van een bovenkopje. */
.jur__nr {
  display: block;
  font-size: var(--fs-micro);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-tekst);
  margin-block-end: 0.35rem;
}

/* De leden van een artikel, genummerd zoals in een overeenkomst. */
.jur__leden {
  margin: 0;
  /* base.css zet de opsommingstekens uit voor alle lijsten; hier zijn ze net
     nodig, want naar een lid van een artikel wordt genummerd verwezen. */
  list-style: decimal;
  padding-inline-start: 1.6rem;
  display: grid;
  gap: 0.7rem;
  max-width: 62ch;
}

.jur__leden li::marker {
  color: var(--accent-tekst);
  font-size: var(--fs-klein);
}