/* Refinement of all three directions, 29 September 2026.
   Typography follows the 17 px / 28 px body rhythm of the A2C Vlasta article. */
body { font-size:17px; line-height:1.65; }
html[data-style] .article-page .hero-copy h1 {font-size:40px;line-height:1.16;margin-bottom:20px;}
html[data-style] .article-page .hero-intro {font-size:18px;line-height:1.6;}
html[data-style] .article-page .hero-intro h3 {font-size:21px;line-height:1.35;}
html[data-style] .article-page .hero-intro p+p {margin-top:14px;}
html[data-style] .article-page .article-byline {font-size:12px;line-height:1.7;margin-top:22px;}
html[data-style] .article-page .text-link {font-size:17px;margin-top:16px;gap:12px;text-decoration:none;}
html[data-style] .article-page .text-link:hover {text-decoration:underline;}
html[data-style] .article-page .article-hero {padding-bottom:32px;gap:38px;}
html[data-style] .article-page .article-hero>.photo img {aspect-ratio:4/3;max-height:440px;}
html[data-style] .article-page .article-hero.hero-compact>.photo img {aspect-ratio:3/2;max-height:360px;}

/* A single table of contents, with consistent column edges and no badges. */
html[data-style] .contents {border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#faf9f5;padding:21px 26px 13px;}
html[data-style] .contents h2 {font-size:21px;line-height:1.3;margin:0 0 8px;color:var(--gold-dark);}
html[data-style] .contents nav {display:block;}
html[data-style] .contents .contents-links {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:0;}
html[data-style] .contents .contents-links li {margin:0;padding:0;min-width:0;}
html[data-style] .contents .contents-links a {display:flex;align-items:center;max-width:none;min-height:46px;border-top:1px solid #e6e0d3;padding:10px 0;color:#62532e;font:13px/1.45 var(--ui);text-decoration:none;}
html[data-style] .contents .contents-links a:hover {color:var(--gold-dark);text-decoration:underline;}
html[data-style] .reading-layout {padding-top:28px;}

/* A quiet heading hierarchy and tighter, aligned reading measure. */
html[data-style] .article-page .chapter {padding:32px 0;}
html[data-style] .article-page .chapter-heading {display:block;margin-bottom:18px;}
html[data-style] .article-page .chapter-heading h2 {font-size:29px;line-height:1.22;max-width:100%;}
html[data-style] .article-page .chapter-copy {max-width:740px;}
html[data-style] .article-page .chapter-copy p,
html[data-style] .article-page .chapter-copy li {font-size:17px;line-height:1.65;}
html[data-style] .article-page .chapter-copy p+p {margin-top:14px;}
html[data-style] .article-page .chapter-copy h3 {font-size:22px;line-height:1.3;margin:22px 0 12px;}
html[data-style] .article-page .chapter-copy h3:first-child {margin-top:0;}
html[data-style] .article-page .source-list {margin:14px 0 18px;}
html[data-style] .article-page .text-only>.chapter-heading {max-width:740px;margin-left:auto;margin-right:auto;}
html[data-style] .article-page .symptoms .chapter-copy,
html[data-style] .article-page .symptoms>.chapter-heading {max-width:1000px;}
html[data-style] .article-page .symptoms .source-list li {padding:6px 0;}
html[data-style] .article-page .hormone .chapter-layout,
html[data-style] .article-page .mineral .chapter-layout {padding-left:0;}
html[data-style] .article-page .hormone .chapter-copy {max-width:740px;}
html[data-style] .article-page .hormone .source-list {gap:0 24px;}
html[data-style] .article-page .faq-items {margin-top:24px;}
html[data-style] .article-page .faq summary {padding:18px 0;}
html[data-style] .article-page .faq summary h3 {font-size:21px;line-height:1.35;margin:0;}
html[data-style] .article-page .faq-answer {padding-bottom:20px;}
html[data-style] .article-page .faq-answer p {font-size:17px;}
html[data-style] .article-page .care-steps {gap:12px;}
html[data-style] .article-page .care-steps li {padding:14px 22px;}
html[data-style] .article-page .care-steps h3 {font-size:20px;margin:0 0 10px;}

/* Align photographs with the start of the passage; a short passage gets
   a genuinely smaller photograph instead of vertically centred whitespace. */
html[data-style] .article-page .with-image .chapter-layout {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:36px;align-items:start;}
html[data-style] .article-page .with-image .chapter-copy {width:100%;max-width:none;padding:0;}
html[data-style] .article-page .with-image .photo {width:100%;max-width:470px;}
html[data-style] .article-page .with-image .photo img {aspect-ratio:3/2;max-height:315px;}
html[data-style] .article-page .compact-copy .chapter-layout {grid-template-columns:minmax(0,1fr) 260px;gap:34px;}
html[data-style] .article-page .compact-copy .chapter-copy {grid-column:1;grid-row:1;max-width:830px;margin:0;}
html[data-style] .article-page .compact-copy .photo {grid-column:2;grid-row:1;max-width:260px;justify-self:end;}
html[data-style] .article-page .compact-copy .photo img {aspect-ratio:3/2;height:auto;max-height:174px;}
html[data-style] .article-page .photo figcaption {font-size:10px;line-height:1.5;margin-top:8px;}

html[data-style] .article-page .hero-compact>.photo {max-width:420px;justify-self:end;}
html[data-style] .article-page .hero-compact>.photo img {max-height:280px;}

/* Article-specific sources, with plain titles and the subject each covers. */
.article-references {max-width:940px;margin:0 auto;padding:32px 0 18px;}
.article-references>h2 {font-size:25px;line-height:1.3;margin-bottom:14px;}
.references-context {font:12px/1.65 var(--ui);color:var(--muted);margin:0 0 14px;max-width:800px;}
.reference-list {list-style:none;padding:0;margin:0;}
.reference-list>li {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;padding:15px 0;border-top:1px solid var(--line);}
.reference-title {font:13px/1.55 var(--ui);min-width:0;}
.reference-title a {color:var(--gold-dark);text-decoration:none;}
.reference-title a:hover {text-decoration:underline;}
.reference-title>span {display:block;color:var(--muted);font-size:11px;margin-top:5px;}
.reference-list>li>p {font:12px/1.65 var(--ui);color:var(--muted);margin:0;}
.medical-note {padding:18px 0 0;margin-top:4px;border-top:1px solid var(--line);}
.medical-note p {font:12px/1.65 var(--ui);color:var(--muted);}

/* Related articles keep equal alignment without tall empty cards. */
html[data-style] .related {margin:44px 0;}
html[data-style] .related h2 {font-size:29px;margin-bottom:20px;}
html[data-style] .related-grid {gap:20px;}
html[data-style] .related-card {display:flex;flex-direction:column;align-items:stretch;padding:23px 22px;}
html[data-style] .related-card>span:first-child {font-size:10px;}
html[data-style] .related-card h3 {font-size:23px;line-height:1.3;min-height:0;margin:12px 0 22px;}
html[data-style] .related-card .read-more {margin-top:auto;padding-top:0;font-size:12px;}
html[data-style] .next-step {padding:30px 34px;gap:30px;}
html[data-style] .next-step h2 {font-size:28px;}
html[data-style] .next-step p {font-size:17px;}
html[data-style] .next-step .button {font-size:17px;}

/* Keep the three directions distinct. The classic heading participates in
   layout instead of relying on a fixed-height absolute title. */
html[data-style=klasika] .article-page .article-hero {grid-template-columns:1fr 1fr;grid-template-rows:auto min-content min-content min-content 1fr;column-gap:34px;row-gap:22px;padding-top:0;align-items:start;}
html[data-style=klasika] .article-page .hero-copy {display:contents;}
html[data-style=klasika] .article-page .hero-copy h1 {position:static;grid-row:1;grid-column:1/-1;font-size:34px;padding-bottom:20px;margin:0;border-bottom:1px solid var(--line);}
html[data-style=klasika] .article-page .hero-intro {grid-column:1;grid-row:2;}
html[data-style=klasika] .article-page .article-byline {grid-column:1;grid-row:3;margin:0;}
html[data-style=klasika] .article-page .text-link {grid-column:1;grid-row:4;justify-self:start;margin:0;}
html[data-style=klasika] .article-page .article-hero>.photo {grid-column:2;grid-row:2/6;}
html[data-style=klasika] .article-page .hero-compact {grid-template-columns:minmax(0,1fr) minmax(0,.7fr);}
html[data-style=klasika] .article-page .chapter-heading h2 {font-size:27px;}
html[data-style=klasika] .article-page .with-image .chapter-copy {grid-column:1;grid-row:1;}
html[data-style=klasika] .article-page .with-image .photo {grid-column:2;grid-row:1;}

html[data-style=pruvodce] .article-page .article-hero {padding:30px;}
html[data-style=pruvodce] .article-page .hero-copy h1 {font-size:37px;}
html[data-style=pruvodce] .article-page .reading-layout {grid-template-columns:220px minmax(0,1fr);gap:36px;padding-top:32px;}
html[data-style=pruvodce] .article-page .contents {padding:16px 18px;border:1px solid var(--line);top:24px;background:#faf9f5;}
html[data-style=pruvodce] .article-page .contents h2 {font-size:20px;margin-bottom:10px;}
html[data-style=pruvodce] .article-page .contents .contents-links {display:flex;flex-direction:column;gap:0;}
html[data-style=pruvodce] .article-page .contents .contents-links a {font-size:12px;min-height:44px;padding:11px 0;}
html[data-style=pruvodce] .article-page .chapter:first-child {padding-top:0;}
html[data-style=pruvodce] .article-page .chapter-heading h2 {font-size:28px;}
html[data-style=pruvodce] .article-page .with-image .chapter-layout {display:flex;flex-direction:column;gap:20px;}
html[data-style=pruvodce] .article-page .with-image .photo {max-width:none;}
html[data-style=pruvodce] .article-page .with-image .photo img {aspect-ratio:2.2;max-height:290px;}
html[data-style=pruvodce] .article-page .compact-copy .chapter-layout {display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:26px;}
html[data-style=pruvodce] .article-page .compact-copy .photo {max-width:210px;}
html[data-style=pruvodce] .article-page .compact-copy .photo img {aspect-ratio:3/2;max-height:140px;}

@media(max-width:1000px) {
 html[data-style] .article-page .hero-copy h1 {font-size:35px;}
 html[data-style] .contents .contents-links {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;}
 html[data-style] .article-page .compact-copy .chapter-layout {grid-template-columns:minmax(0,1fr) 225px;gap:26px;}
 html[data-style] .article-page .compact-copy .photo {max-width:225px;}
 html[data-style=pruvodce] .article-page .reading-layout {grid-template-columns:190px minmax(0,1fr);gap:26px;}
 html[data-style=pruvodce] .article-page .compact-copy .chapter-layout {grid-template-columns:minmax(0,1fr) 170px;gap:20px;}
 html[data-style=pruvodce] .article-page .compact-copy .photo {max-width:170px;}
}
@media(max-width:700px) {
 html[data-style] .article-page .hero-copy h1 {font-size:32px;line-height:1.2;}
 html[data-style] .article-page .hero-intro {font-size:18px;}
 html[data-style] .article-page .article-hero {gap:24px;padding-bottom:26px;}
 html[data-style] .article-page .article-hero>.photo img {aspect-ratio:3/2;max-height:none;}
 html[data-style] .article-page .hero-compact>.photo {max-width:none;}
 html[data-style] .article-page .article-byline {font-size:11px;}
 html[data-style] .contents {padding:18px 18px 8px;}
 html[data-style] .contents .contents-links {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;}
 html[data-style] .contents .contents-links a {font-size:12px;min-height:48px;padding:11px 0;}
 html[data-style] .article-page .chapter {padding:26px 0;}
 html[data-style] .article-page .chapter-heading {margin-bottom:16px;}
 html[data-style] .article-page .chapter-heading h2 {font-size:26px;line-height:1.24;}
 html[data-style] .article-page .chapter-copy p,
 html[data-style] .article-page .chapter-copy li {font-size:17px;line-height:1.65;}
 html[data-style] .article-page .chapter-copy h3 {font-size:21px;}
 html[data-style] .article-page .with-image .chapter-layout,
 html[data-style] .article-page .compact-copy .chapter-layout {display:flex;flex-direction:column;gap:18px;}
 html[data-style] .article-page .with-image .photo {max-width:none;width:100%;}
 html[data-style] .article-page .with-image .photo img {aspect-ratio:3/2;max-height:none;}
 html[data-style] .article-page .compact-copy .photo {max-width:260px;align-self:flex-start;}
 html[data-style] .article-page .compact-copy .photo img {max-height:174px;}
 html[data-style] .article-page .faq summary h3 {font-size:20px;}
 html[data-style] .article-page .care-steps h3 {font-size:19px;}
 html[data-style] .article-page .photo figcaption {font-size:10px;}
 html[data-style=klasika] .article-page .article-hero {display:flex;}
 html[data-style=klasika] .article-page .hero-copy {display:block;}
 html[data-style=klasika] .article-page .hero-copy h1 {font-size:31px;margin-bottom:20px;}
 html[data-style=klasika] .article-page .article-byline {margin-top:20px;}
 html[data-style=klasika] .article-page .text-link {margin-top:16px;}
 html[data-style=pruvodce] .article-page .article-hero {padding:22px;}
 html[data-style=pruvodce] .article-page .reading-layout {display:block;padding-top:24px;}
 html[data-style=pruvodce] .article-page .contents {position:static;padding:18px 18px 8px;max-height:none;margin-bottom:26px;}
 html[data-style=pruvodce] .article-page .contents .contents-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;}
 html[data-style=pruvodce] .article-page .contents .contents-links a {font-size:12px;min-height:48px;}
 .article-references {padding:26px 0 12px;}
 .article-references>h2 {font-size:24px;}
 .reference-list>li {display:block;padding:15px 0;}
 .reference-title {font-size:13px;}
 .reference-list>li>p {margin-top:8px;font-size:12px;}
 html[data-style] .related h2 {font-size:27px;}
 html[data-style] .related-card h3 {font-size:23px;}
 html[data-style] .next-step {padding:24px 22px;}
 html[data-style] .next-step h2 {font-size:26px;}
}
@media print {
 .article-references {break-inside:auto;}
 .reference-list>li {break-inside:avoid;}
}