/* ==========================================================
   _19-page.css — standardsidmallen (page.php)
   Sidor utan egen mall, t.ex. integritets- och cookiepolicyn.
   Centrerad läsyta (--read-width), vänsterställd text.
   Egna klasser (inte .entry-title/.entry-content) så att projekt-
   och artikelreglerna i _16/_99 inte slår igenom.
   ========================================================== */
/* Innehållsytan centrerad; titel och text på samma vänsterlinje.
   max-width räknar in sidmarginalen så att texten blir --read-width bred.
   width: 100% behövs eftersom main är ett flexbarn (margin:auto krymper det). */
.page-default {
    box-sizing: border-box;
    width: 100%;
    max-width: calc(var(--read-width) + 2 * var(--padding-x));
    margin-inline: auto;
    padding: var(--section-y-sm) var(--padding-x) var(--section-y);
}
.page-default__article {
    text-align: left;
}

/* h1 = sidtiteln, samma rubrikstil som artiklarna */
.page-default__title {
    margin: 0 0 var(--sp-10);
    font-family: var(--font-display);
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 700;
    line-height: 1.1;
    text-wrap: balance;
    color: var(--color-text);
}

.page-default__content {
    font-family: var(--font-display);
    font-size: 18px;
    line-height: 1.6;
    color: var(--color-text);
}
.page-default__content > * { margin: 0 0 var(--sp-5); }
.page-default__content > :last-child { margin-bottom: 0; }
.page-default__content :is(p, li) {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.page-default__content :is(ul, ol) { padding-left: 1.25em; }
.page-default__content li + li { margin-top: var(--sp-2); }

.page-default__content h2 {
    margin: var(--sp-12) 0 var(--sp-4);
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 500;
    line-height: 1.25;
}
.page-default__content h3 {
    margin: var(--sp-8) 0 var(--sp-3);
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: 500;
    line-height: 1.3;
}
.page-default__content > :is(h2, h3):first-child { margin-top: 0; }

.page-default__content a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    border-bottom: 0;
}
.page-default__content a:hover { text-decoration-thickness: 2px; }

.page-default__content img { max-width: 100%; height: auto; }
.page-default__content :is(table, pre) { max-width: 100%; overflow-x: auto; display: block; }
.page-default__pages { margin-top: var(--sp-10); }