/* =========== © 2026 Centroarts - https://m1r.ru =========== */

@font-face {
	font-display: swap;
	font-family: 'Source Serif 4';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/ss4-400.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Source Serif 4';
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/ss4-600.woff2') format('woff2');
}

:root {
	--f-serif: "Source Serif 4", Georgia, Cambria, "Times New Roman", Times, serif;

	--atext-f: var(--f-serif);
	--atext-fs: 18px;
	--atext-lh: 1.6;
	--atext-gap: .875em;
	--atext-list-pad: 1.525em;
}
@media (min-width: 768px) {
  :root { --atext-fs: 21px; }
}
.article-head {
  --mb-heading: 0px;
  margin-bottom: var(--atext-gap);
}
.bg-hero .article-head { padding-top: 12px; }
.article-head > .m-meta { margin-top: 12px; gap: 16px; }
.article-head > .m-meta:first-child { margin-bottom: 12px; margin-top: 0; }
.article-head .m-author a .avatar { --avatar-size: 24px; }

.article-head-info { opacity: .7; font-size: var(--fs-herotext); margin-top: 8px; text-wrap: balance; }
.article-head-info p:last-child { margin-bottom: 0; }

/* -- Article Alert -- */
.alert-sect-content { text-align: center; }
.alert-sect-content .alert-img { margin-bottom: var(--g-sect); }
.alert-sect-content .alert-img img { border-radius: 50%; }

.article-stat { font-size: var(--fs-2); margin: var(--g-sect) 0; }

/* -- Text -- */
.atext {
	font-family: var(--atext-f);
	font-size: var(--atext-fs);
	line-height: var(--atext-lh);

	overflow-wrap: break-word;
}
.atext h1, .atext h2, .atext h3, .atext h4, .atext h5, .atext h6 { font-family: var(--f); }
.box .atext { --atext-fs: var(--fs); --atext-lh: 1.5; }
.box .atext h2, .box .atext h3, .box .atext h4, .box .atext h5 { font-size: 1.125em; }

.atext p { background: none !important; }
/* .atext p br:last-child:first-child { display: none; } */

.atext img {
	max-width: 100%; width: 100%; height: auto !important;
	border-radius: var(--rd-box); display: block;
	filter: brightness(0.98);
}
.atext img + br, .atext p + br { display: none; }
.atext > img:not(:first-child), .atext p > img:not(:first-child) { margin: var(--atext-gap) 0; }
.atext .sect { --g-sect: var(--atext-gap); }

.atext i { font-style: italic; }

.atext h3, .atext h4, .atext h5, .atext h6, .atext .h3,
.atext .h4, .atext .h5, .atext .h6, .atext h2:not(.book-title) {
	font-size: 1.125em; line-height: 1.25; margin-bottom: .325em; margin-top: var(--atext-gap);
	scroll-margin-top: var(--scroll-top-space);
}
.atext h5, .atext .h5 { font-size: 1.05em; }
.atext h4 + h4, .atext h4 + h5, .atext h5 + h5 { margin-top: 0; }

.atext ul, .atext p,
.atext figure, .atext .quote, .atext blockquote,
.atext table, .atext .table-box, .atext .video-embed { margin: var(--atext-gap) 0; }
.video-embed {
  position: relative; width: 100%;
  aspect-ratio: 16 / 9; overflow: hidden;
  border-radius: var(--rd-box); background-color: var(--c-body-tone);
}
.video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.atext ul:first-child, .atext p:first-child,
.atext figure:first-child, .atext .quote:first-child,
.atext .quote_block:first-child { margin-top: 0; }

.atext ul:last-child, .atext p:last-child,
.atext figure:last-child, .atext .quote:last-child,
.atext .quote_block:last-child, .atext blockquote { margin-bottom: 0; }

.atext h2 + ul, .atext h3 + ul, .atext h4 + ul, .atext h5 + ul,
.atext h2 + p, .atext h3 + p, .atext h4 + p, .atext h5 + p,
.atext h2 + figure, .atext h3 + figure, .atext h4 + figure, .atext h5 + figure,
.atext h2 + .video-embed, .atext h3 + .video-embed, .atext h4 + .video-embed, .atext h5 + .video-embed,
.atext h2 + .quote, .atext h3 + .quote, .atext h4 + .quote, .atext h5 + .quote,
.atext h2 + .quote_block, .atext h3 + .quote, .atext h4 + .quote_block, .atext h5 + .quote_block,
.atext h2 + blockquote, .atext h3 + blockquote, .atext h4 + blockquote, .atext h5 + blockquote, 
.atext h2 + .dle-spoiler , .atext h3 + .dle-spoiler , .atext h4 + .dle-spoiler , .atext h5 + .dle-spoiler { margin-top: 0 !important; }

.atext p + ul, .atext p + ol { margin-top: -.325em; }

.atext figure figcaption { 
	display: block; font-size: var(--fs-1); color: var(--c-text-mute); margin-top: .5em; line-height: 1.3;
	font-family: var(--f-serif); padding-left: .25em; padding-right: .25em;
}

.dle-spoiler {
	--spoiler-brd: 1px dashed var(--c-border);
	--spoiler-rd: var(--rd-box);
	--spoiler-fs: var(--fs);
	--spoiler-lh: var(--lh);
	--spoiler-pad: 16px;
	
	border-radius: var(--spoiler-rd);
	border: var(--spoiler-brd);
	font-size: var(--spoiler-fs);
	line-height: var(--spoiler-lh);
	margin: var(--atext-gap) 0;
}
.title_spoiler { padding: var(--spoiler-pad); display: flex; gap: 6px; position: relative; z-index: 1; font-weight: bold; }
.title_spoiler > a:first-child { padding: 4px; }
.title_spoiler > a:first-child svg { width: 16px; height: 16px; display: block; }
.title_spoiler + .text_spoiler { padding-top: 0; }
.title_spoiler a { text-decoration: none !important; }
.title_spoiler a.spoiler-btn::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.text_spoiler { padding: var(--spoiler-pad); }

.atext ul, .atext ol { padding-left: var(--atext-list-pad); }
.atext ul { list-style: disc; } 
.atext ul > li { display: list-item; }
.atext li + li { margin-top: .125em; }

.atext ul.content a { color: inherit; }
.atext ul.content a:hover { color: var(--color-sec); }

.atext ul > li ul { font-size: .875em; list-style: circle; }
.atext ul > li ul > li { margin-top: .25em; }
.atext ul ul, .atext ol ul, .atext ol ol, .atext ul ol { margin: .5em 0 !important; }

.atext ol { list-style-type: none; counter-reset: num; }
.atext ol > li::after, .atext ul > li::after { content: ""; clear: both; display: block; }
.atext ol > li::before {
	content: counter(num) '. '; counter-increment: num;
	float: left; margin-left: calc(var(--atext-list-pad)/-1);
	width: var(--atext-list-pad); padding-right: .25em;
}

.atext a { text-decoration: underline; text-decoration-color: hsl(var(--c-link)); }
.atext a:hover { opacity: 1; color: hsl(var(--c-link-hover)); text-decoration: none; }

.atext .title_quote { display:none; }
.atext .quote, .atext blockquote {
	position: relative; padding-left: 1.5em; margin-left: 1em;
	font-family: var(--f-serif);
}
.atext .quote::after, .atext blockquote::after {
  content: ""; position: absolute; inset: 0; right: auto; width: 6px; border-radius: 3px; pointer-events: none; margin-left: 0;
  background-color: var(--c-border);
}
.atext p:empty { display: none; }
.atext p:last-child, .atext ul:last-child, .atext ol:last-child, .atext .table-box:last-child { margin-bottom: 0; }

.hide { background-color: #f0f0f0; padding: 8px; color: hsl(var(--c-primary)); margin: 0 0 var(--atext-gap) 0 }
.hide a { text-decoration: underline; }
.hide a:hover { text-decoration: none; }

/* Table */
.table-box {
	overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
	.table-box {
		margin-left: var(--wrp-p-inv) !important; margin-right: var(--wrp-p-inv) !important;
		padding-left: var(--wrp-p); padding-right: var(--wrp-p);
	}
}
.table-box table { margin: 0 !important; border-width: 0; min-width: 700px; }

.atext table { width: 100%; margin: 0; font-size: var(--fs); line-height: var(--lh); }
.atext table td, .atext table th { padding: 8px 16px 8px 0px; vertical-align: top; border-bottom: 1px solid var(--c-border); }
.atext table thead th, .atext table thead td {
	vertical-align: bottom;
	border-bottom: 2px solid hsl(var(--c-primary)); font-size: var(--fs-2);
	text-transform: uppercase;
}

/* Source Marker */
.m1r-source-marker { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Foot */
.meta-tags + .meta-tags { margin-top: 8px; }
.meta-tags_label { font-size: var(--fs-1); color: var(--c-text-mute); }

.full-tools .btn { --btn-h: 48px; --btn-pad: 10px; }
.full-tools .btn:not(.full-tools-coms):not(.btn-mono) { --btn-fw: normal; }

@media (min-width: 640px) {
	.full-tools .btn { --btn-h: 44px; --btn-pad: 8px; }
	.full-tools .btn-line:not(.full-tools-coms):not(:hover) { --btn-sw: none; }
}
@media (max-width: 639.9px) {
	.full-tools { gap: 6px; }
	.full-tools .btn { min-width: var(--btn-h); }
	.full-tools .btn.full-tools-coms { margin-inline-end: auto; }
	.full-tools .btn:not(.full-tools-coms):not(.btn-mono) .btn-cont { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
}
@media (max-width: 575.9px) {
	.full-tools-fly { position: sticky; z-index: 20; bottom: 20px; }
	.full-tools-fly .btn:not(.btn-mono) {
		--btn-c-bg: hsla(var(--c-body-light), 0.6); --btn-sw: inset 0 0 0 1px var(--c-border);
		backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
	}
	.article-page .full-tools-fly .btn:not(.btn-mono) { --btn-c-bg: hsla(var(--c-body-article), 0.6); }
	.full-tools-fly .btn.btn-tone { --btn-sw: inset 0 0 0 1px hsla(var(--c-primary), 0.2); }
}

/* iLinks */
.ilink { display: flex; align-items: center; gap: 12px; }
.ilink + .ilink { margin-top: var(--g-gap); }
.ilink .cont { flex: 1 1 auto; }
.ilink .im:last-child { opacity: .3; transition: opacity .2s ease; }
.ilink:hover .im:last-child { opacity: 1; }
.ilink .im:first-child {
	display: flex; align-items: center; justify-content: center; flex-shrink: 0;
	width: 48px; height: 48px; border-radius: 50%;
	color: hsl(var(--c-primary)); background-color: hsla(var(--c-primary),0.1);
	transition: background-color .2s ease;
}
.ilink:hover .im:first-child { background-color: hsla(var(--c-primary),0.15); }