.offentlig-artikkel,
.offentlig-artikkel__brodsmuler {
    max-width: 58rem;
    margin: 0 auto;
    padding: 1rem;
}
.offentlig-artikkel {
    padding-bottom: 3rem;
    overflow-wrap: anywhere;
}
/* _PublicLayout setter padding: 0 på .public-site__main.container, så de negative margene på
   Bootstrap-radene i kortrutenettet har ingenting å trekkes fra og stikker 8 px ut på hver
   side — nok til vannrett rulling på hele siden. Guideoversikten er den eneste siden i denne
   malen med et .row-rutenett, så gutteren legges her i stedet for på containeren. */
.offentlig-oversikt { padding-inline: 1rem; }
.offentlig-artikkel h1 { font-size: clamp(2rem, 5vw, 3rem); }
.offentlig-artikkel__tekst { line-height: 1.75; }
.offentlig-artikkel__tekst h2 { margin-top: 2rem; }
.offentlig-artikkel__tekst img { max-width: 100%; height: auto; }
.offentlig-artikkel__tekst table { display: block; overflow-x: auto; max-width: 100%; }
.offentlig-artikkel__tekst th,
.offentlig-artikkel__tekst td { padding: .5rem; border-bottom: 1px solid var(--bs-border-color); }
.offentlig-artikkel__innhold,
.offentlig-artikkel__relatert {
    padding: 1.25rem;
    margin: 2rem 0;
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
}
.offentlig-artikkel__tekst [id] { scroll-margin-top: 6rem; }