/*
 * Rubrikskala (nov 2026). Ligger utanför Sass eftersom temats Sass bara går att bygga i deployen.
 * Regel: H1 > H2 > H3 > H4 på alla skärmbredder, i både sidor och blogginlägg.
 * Sidtiteln (.black-line) är H1 på sidor, evenemang och inlägg. Startsidan har loggan som H1.
 * Testsida lokalt: /rubriktest/ och /blog/aktuellt/rubriktest-inlagg/.
 */
.content-part h1 { font-size: 32px; }
.content-part h2 { font-size: 26px; }
.content-part h3 { font-size: 21px; }
.content-part h4 { font-size: 18px; }
.content-part h5 { font-size: 16px; }
.content-part h6 { font-size: 14px; }

/* Blockens rubriker (H2) får inte bli större än sidtiteln. */
.blocks-part .inner h2 { font-size: 26px; }

@media (max-width: 767px) {
    .content-part h1 { font-size: 26px; }
    .content-part h2 { font-size: 22px; }
    .content-part h3 { font-size: 19px; }
    .content-part h4 { font-size: 17px; }
    .content-part h5 { font-size: 15px; }
    .content-part h6 { font-size: 14px; }
    .blocks-part .inner h2 { font-size: 22px; }
    /* Puffarnas H3 var 24px i mobilen, lika stor som sidtiteln. */
    .puffs figure .overlay h3 { font-size: 19px; }
}

/*
 * Textrytm (förslag 6 nov 2026, kundens testsida /test/).
 * Standard för webben: brödtext 16 px med radavstånd 1,6. Rubriker med radavstånd 1,2 och
 * luft ovanför men nära sin egen text, så att man ser vad rubriken hör till.
 * Versalerna får lite spärrning. Rubrik 4–6 i Book (400) eftersom Light blir för svag
 * i små storlekar. Sidtiteln (.black-line) har egen layout och rörs inte.
 */
.content-part p,
.content-part li {
    font-size: 16px;
    line-height: 1.6;
}
.content-part p { margin: 0 0 1em; }

.content-part h1:not(.black-line),
.content-part h2,
.content-part h3,
.content-part h4,
.content-part h5,
.content-part h6 {
    line-height: 1.2;
    letter-spacing: 0.02em;
    margin: 1.6em 0 0.45em;
}
.content-part h4,
.content-part h5,
.content-part h6 { font-weight: 400 !important; } /* temat sätter 300 !important på alla rubriker */
.content-part h5 { letter-spacing: 0.05em; }
.content-part h6 { letter-spacing: 0.08em; }

/*
 * Länkar och listor i löptext (förslag 6 nov 2026).
 * Länkar: svart text med understrykning, så att de syns utan att vara beroende av färg
 * (temats blå #568dc3 når bara 3,4:1 mot vitt och var understruken först vid hover).
 * Hover: text och understrykning tonar till en ljusare grå.
 * Listor: samma storlek och radavstånd som brödtexten, tydligt indrag och lite luft mellan punkterna.
 */
.content-part .text-content a,
.content-part p a,
.content-part li a {
    color: #111111;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: #111111;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.content-part .text-content a:hover,
.content-part .text-content a:focus-visible,
.content-part p a:hover,
.content-part li a:hover {
    color: #555555;
    text-decoration-color: #555555;
}

.content-part ul,
.content-part ol {
    margin: 0 0 1em;
    padding-left: 1.4em;
}
.content-part li {
    margin-bottom: 0.4em;
    padding-left: 0.2em;
}
.content-part ul { list-style: square; }
.content-part ul ul { list-style: disc; margin: 0.4em 0 0; }
.content-part ol { list-style: decimal; }
.content-part li::marker { color: #111111; }

/*
 * Citat (blockquote) i löptext (förslag 6 nov 2026, kundens testinlägg "Test").
 * I prod var citaten 17,5 px mot brödtextens 14 px, vilket kunden tyckte var för mycket.
 * Nu: bara lite större än brödtexten, kursiv Gotham och ett svart streck till vänster
 * i samma anda som strecken under sidtitlarna, i stället för temats blekgrå kant.
 */
.content-part blockquote {
    margin: 1.5em 0;
    padding: 0.1em 0 0.1em 1.25em;
    border-left: 3px solid #111111;
    font-size: inherit;
}
.content-part blockquote p {
    font-size: 18px;
    line-height: 1.5;
    font-style: italic;
    margin: 0 0 0.5em;
}
.content-part blockquote p:last-child { margin-bottom: 0; }

@media (max-width: 767px) {
    .content-part blockquote p { font-size: 17px; }
}