/*
 * News article (single post) — owner's request 03.10: the same balanced reading layout as the guides.
 * The text column is wider (≈ 796 px); the header, the cover photo and the "at a glance" strip are no wider than the
 * reading layout (column + the "In this story" sidebar), so picture and text start on one left edge. The cover is
 * 16:9 from 760 px up (4:3 on phones, as in the design). The page's generated CSS (assets/css/p/article.css) sits in
 * @layer el: these unlayered rules win over it.
 */
.cvGdoQD {
	--na-col: 796px;
	--na-side: 300px;
	--na-gap: clamp(32px, 3.4vw, 48px);
	--na-pad: clamp(16px, 3vw, 48px);
	--na-w: var(--na-col);
}
@media (width >= 1200px) {
	.cvGdoQD { --na-w: calc(var(--na-col) + var(--na-gap) + var(--na-side)); }
	.c3w6r0l { grid-template-columns: minmax(0, var(--na-col)) var(--na-side); gap: var(--na-gap); }
}
@media (width < 1200px) {
	.c3w6r0l { grid-template-columns: minmax(0, var(--na-col)); }
}
.cRi1lmx,
.cSrF69f,
.clKdYo4,
.c3w6r0l { max-width: calc(var(--na-w) + 2 * var(--na-pad)); }
.clPJ3iG { max-width: 920px; } /* the headline keeps its line length on the wider header */
@media (width >= 760px) {
	.cBxMDrU { aspect-ratio: 16 / 9; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}

/* ---------- Audit 03.10 ---------- */
/* "More … news" lines up with the reading layout above it (audit L20) */
.czLQV10 { max-width: calc(var(--na-w) + 2 * var(--na-pad)); }
/* "At a glance" with fewer figures (only live ones next to live ones, inc/content.php wc_glance_items()): no empty cells */
@media (width >= 900px) {
	.cYLFUC7[style*="--wc-gl-n:3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cYLFUC7[style*="--wc-gl-n:2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cYLFUC7[style*="--wc-gl-n:1"] { grid-template-columns: minmax(0, 1fr); }
}
@media (width < 900px) {
	.cYLFUC7 > :last-child:nth-child(odd) { grid-column: 1 / -1; }
}
/* share buttons in the light theme: the white X / Telegram / Facebook marks on white circles were invisible (audit H10) */
html[data-theme=light] .c4u6kAJ img { filter: invert(1); }
/* tag chips and "More from …" inside the article body keep their own look, not the prose link style (audit L1) */
.wc-prose a.cWOyX9C { color: var(--t32Xzor); text-decoration: none; }
.wc-prose a.cWOyX9C:hover { color: var(--tpO3L5j); }
.wc-prose a.cPux90i { color: var(--tAWe4DZ); text-decoration: none; }
/* comment replies (assets/js/likes.js): one step in under their conversation, whom they answer, the form's note */
.cubguuk > li[data-depth="1"] { margin-left: clamp(24px, 5vw, 48px); }
.wc-cm-re { display: block; margin: 2px 0 4px; font-size: 13px; color: var(--tT6XaDa); }
.wc-cm-to { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; padding: 8px 8px 8px 16px; border-radius: 14px; background: var(--tyeS3s6); font-size: 14px; font-weight: 600; color: var(--tZYQMwj); }
.wc-cm-x { flex: 0 0 auto; width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: inherit; font: inherit; font-size: 20px; line-height: 1; cursor: pointer; }
.wc-cm-x:hover, .wc-cm-x:focus-visible { background: var(--tyeS3s6); }