/* Exact styles from maket/.../novost-4.html, scoped to individual posts. */
html:has(body.single-post),
body.single-post {
	background: #f4f4f4;
}

/* The shared source stylesheet paints `.main-content` white for ordinary
 * pages. A news article needs the source's grey canvas around its white page. */
body.single-post #main-content {
	background: #f4f4f4;
}

.lpm-news-post { background: transparent; }
.lpm-news-post .page { max-width: 980px; margin: 0 auto; padding: 36px 56px 56px; background: #fff; }
.lpm-news-post .crumbs { font-size: 12px; letter-spacing: 1.3px; text-transform: uppercase; color: #8391a7; margin-bottom: 18px; }
.lpm-news-post .crumbs a { color: #8391a7; text-decoration: none; }
.lpm-news-post .crumbs a:hover { color: #0d315c; }
.lpm-news-post .crumbs .current { color: #0d315c; font-weight: 600; }
.n-date { font-size: 13px; color: #75839a; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 8px; }
.n-title { font-size: 34px; line-height: 1.2; color: #0d315c; margin: 0 0 12px; font-weight: 700; letter-spacing: -0.3px; }
.n-sub { font-size: 16px; line-height: 1.5; color: #444; margin: 0 0 24px; max-width: 760px; }
.n-rule { display: block; width: 54px; height: 3px; background: #f8bb37; margin: 6px 0 24px; }
.n-hero { width: 100%; margin: 0 0 28px; border-radius: 10px; overflow: hidden; background: #f4f4f4; }
.n-hero img { width: 100%; height: auto; display: block; max-height: 480px; object-fit: cover; }
.n-body { font-size: 15.5px; line-height: 1.75; color: #222; }
.n-body p { margin: 0 0 16px; }
.n-body h3 { font-size: 20px; color: #0d315c; margin: 28px 0 10px; }
.n-body ul { margin: 0 0 16px; padding-left: 22px; }
.n-body li { margin-bottom: 6px; }
.n-body img { max-width: 100%; height: auto; }
.n-figure { margin: 24px 0; }
.n-figure img { width: 100%; max-height: 460px; object-fit: contain; background: #f4f4f4; border-radius: 8px; display: block; }
.n-figure figcaption { font-size: 13px; color: #75839a; margin-top: 8px; text-align: center; font-style: italic; }
.n-back { display: inline-flex; align-items: center; gap: 8px; margin-top: 30px; padding: 11px 20px; background: #0d315c; color: #fff; text-decoration: none; border-radius: 6px; font-size: 13.5px; font-weight: 600; }
.n-back:hover { background: #082343; }
@media (max-width: 640px) { .lpm-news-post .page { padding: 24px 20px 48px; } .n-title { font-size: 22px; } .n-sub { font-size: 14.5px; } .n-body { font-size: 14.5px; line-height: 1.7; } .n-hero img { max-height: 280px; } }