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

@font-face {
	font-display: swap;
	font-family: 'Lora';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/lora-400.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Lora';
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/lora-700.woff2') format('woff2');
}

:root {
	--atext-f: inherit;
	--atext-fs: 18px;
	--atext-lh: 1.7;
	--atext-gap: 1em;
	--atext-list-pad: 1.525em;
}
@media (min-width: 768px) {
  :root { --atext-fs: 20px; }
}
@media (max-width: 991px) {
	.article { margin-top: 12px; }
}
.article-head {
  --mb-heading: 0;
  margin-bottom: var(--atext-gap);
}
.article-head > .m-meta { margin-top: 12px; gap: 16px; }
.article-head > .m-meta:first-child { margin-bottom: 12px; margin-top: 0; }
.article-head .m-rate { height: 24px; padding: 4px 8px; }
.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 Img -- */
.article-img { display: block; border-radius: var(--rd-box); position: relative; z-index: 1; margin-bottom: var(--atext-gap); }
.article-img:not(.cover) img { height: auto; width: 100%; vertical-align: top; border-radius: var(--rd-box); }

.article-img.cover { aspect-ratio: 16/9; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.article-img.cover img { border-radius: 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%; }

/* -- HGallery -- */
.hgallery .hscroll { display: flex; gap: var(--g-gap); }
.hgallery { margin-bottom: var(--g-sect); }

.hgallery .hscroll > a { display: flex; height: 280px; }
@media (min-width: 576px) {
	.hgallery .hscroll > a { height: 380px; }
}
.hgallery .hscroll > a img { height: 100%; object-fit: cover; width: auto; max-width: 80vw; border-radius: 8px; }
.hgallery .hscroll > a:first-child img {
	border-bottom-left-radius: var(--rd-box); border-top-left-radius: var(--rd-box);
}
.hgallery .hscroll > a:last-child img {
	border-bottom-right-radius: var(--rd-box); border-top-right-radius: var(--rd-box);
}

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

	overflow-wrap: break-word;
}
.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.25em; line-height: 1.3; 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 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 { 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 { 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;
}

.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: .325em; }

.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 {
	position: relative; padding-left: 1.5em; margin-left: 1em;
	font-family: var(--f-serif);
}
.atext .quote::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;
}

/* Статистика просмотров */
.article-stat { font-size: var(--fs-1); margin-top: var(--g-sect); }

/* Photo AI */
.photobox-ai { display: flex; font-size: var(--fs); gap: 16px; margin-top: var(--atext-gap); }
.photobox-ai .im { --i-size: 24px; --i-bg: var(--gradient); }
.photobox-ai .photobox-ai-cont { max-width: 500px; margin: 0; }

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

/* -- BugBox CTRL+ENTER -- */
.bug-box-sep, .bug-box { display: none; }
@media (min-width: 992px) {
	.bug-box-sep { display: block; }
	.bug-box, .bug-buttons { display: flex; align-items: center; }
	.bug-box { gap: 20px; pointer-events: none; user-select: none; }
	.bug-buttons { gap: 8px; flex-shrink: 0; }
	.bug-plus { position: relative; z-index: 1; padding-top: 14px; width: 14px; height: 0; overflow: hidden; }
	.bug-plus::after, .bug-plus::before {
		content: ""; position: absolute; left: 0; top: calc(50% - 1px);
		width: 100%; height: 0; border-top: 2px solid;
	}
	.bug-plus::before { transform: rotate(90deg); }
	.bug-buttons .btn {
		--btn-fs: var(--fs-1);
		--btn-sw: 0 0 0 4px hsla(var(--c-text),0.05), 0 2px 8px -2px hsla(0, 0%, 0%, .25);
		margin: 4px; height: 40px; padding: 10px 12px;
		line-height: 20px; font-size: var(--fs-1); font-weight: bold;
	}

	.bug-content { flex: 1 1 auto; }
	.bug-content > * { display: block; }
	.bug-title { font-weight: bold; }
}

/* -- Block Rate -- */
.foot-tiles {
	--tile-icons: hsl(var(--c-primary));

	display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--g-gap);
	margin: var(--g-sect) 0;
}
.foot-tiles .tile {
	--tile-bg: hsla(var(--c-primary), 0.15);
	min-height: 96px;
}

.rate-block { grid-column: span 2; }
@media (min-width: 768px) {
	.foot-tiles {
		grid-template-columns: repeat(4, 1fr);
	}
	.rate-block { grid-column: span 2; }
}

.rate-block { display: flex; align-items: center; overflow: hidden; }
.rate-block .title { font-size: 18px; font-weight: bold; max-width: 180px; flex-shrink: 0; }
.rate-block .link { display: block; font-size: var(--fs-1); margin-top: 4px; }
.rate-block .score {
	margin-left: auto; font-size: 48px; min-width: 90px; text-align: center; line-height: 1;
	font-weight: bold; position: relative; z-index: 1; color: var(--tile-icons);
}
.rate-block .mask {
	--rate-block-star-s: 238px;
	--mask-size: 100% 100%;
	--mask-pos: center;
	--mask-repeat: no-repeat;
	--mask-img: url("../img/multistar.svg");
	--mask-bg: var(--tile-icons);
	width: var(--rate-block-star-s); height: var(--rate-block-star-s); opacity: 0.07;
	position: absolute; z-index: -1; top: calc(50% - var(--rate-block-star-s) / 2); left: calc(50% - var(--rate-block-star-s) / 2);
	pointer-events: none;
}
.rate-block.rate-like { --tile-pad: 16px; }
.rate-block.rate-like .title { padding-left: 8px; }
.rate-block.rate-like .title span { display: block; }
.rate-like-btn {
	position: relative; z-index: 1; margin-left: auto; display: flex; align-items: center; gap: 12px;
	color: var(--tile-icons); font-size: 32px; font-weight: bold; line-height: 1; padding: 14px 16px; border-radius: 12px;
	box-shadow: inset 0 0 0 1px var(--tile-icons);
}
.rate-like-btn a { display: inherit; align-items: inherit; gap: inherit; text-align: center; }
.rate-like-btn .im {
	--i-size: 36px; flex-shrink: 0;
	transition: transform .2s ease;
}
.rate-like-btn a:hover .im { transform: rotate(-8deg); }
.rate-like-btn a span { display: block; min-width: 58px; }
.rate-like-btn a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.rate-like-btn .mask { --rate-block-star-s: 278px;}

.tile-fav .im, .tile-share .im { margin-bottom: 4px; color: var(--tile-icons); }
.tile-fav, .tile-share, .tile-fav a {
	--tile-pad: 14px 16px;
	text-align: center; display: flex; flex-direction: column;
	justify-content: center; align-items: center; font-size: var(--fs-1); line-height: 20px;
}
.tile-fav a { width: 100%; }
.tile-fav a::after { content: ""; position: absolute; inset: 0; }
.tile-fav::after, .tile-share::after {
	content: ""; position: absolute; inset: 0; z-index: -1;
	border-radius: inherit; background-color: hsl(var(--c-primary)); opacity: 0;
	transition: opacity .2s ease;
}
.tile-fav:hover::after, .tile-share:hover::after { opacity: .05; }

/* article-foot-tools */
.article-foot-tools { display: flex; margin: var(--g-sect) 0; gap: var(--g-gap); }
.afoot-btn { flex: 1; text-align: center; }
.afoot-btn .im {
	max-width: 24px; display: block; margin: 0 auto; margin-bottom: 4px;
	transition: color .2s ease, transform .2s ease;
}
.afoot-btn:hover .im { transform: translateY(-2px); color: hsl(var(--c-link-hover)); }

/* fb-link */
.fb-link {
	--fb-link-pad: 16px;
	display: flex; align-items: center; gap: var(--fb-link-pad);
	padding: var(--fb-link-pad); border: 1px solid var(--c-border);
	border-radius: 8px;
	transition: border-color .2s ease;
}
.fb-link:first-child { border-top-left-radius: var(--rd-box); border-top-right-radius: var(--rd-box); }
.fb-link:last-child { border-bottom-left-radius: var(--rd-box); border-bottom-right-radius: var(--rd-box); }
.fb-link + .fb-link { margin-top: 4px; }
.fb-link .avatar { --avatar-size: 44px; }
.fb-link > .im { opacity: .3; transition: opacity .2s ease; }
.fb-link .cont { flex: 1 1 auto; }
.fb-link .cont > * { display: block; }
.fb-link .title { font-weight: bold; }

.fb-link:hover > .im { opacity: 1; }
.fb-link:hover { border-color: hsla(var(--c-primary),0.4); }

@media (max-width: 575px) {
	.fb-link .cont .muted { font-size: var(--fs-2); }
}
@media (min-width: 576px) {
	.fb-link .avatar { --avatar-size: 48px; }
	.fb-link { --fb-link-pad: 20px; }
}

/* 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); }