/*
Theme Name: Deepseekers
Theme URI: deepseek.ru
Description: DeepSeek нейросеть - продвинутый чат с ИИ
Author: Aleksey Petrenko
Author URI: lehus.ru

Version: 1.0.0

Text Domain: deepseekers
*/

:root {
	--bg-color: #fff;
    --accent: #a13bff; 
    --accent-10: #fdf4ff;
    --accent-20: #F0DFFF;
    --secondary: #0A8BFF;
    --secondary-10: #EAF6FF;
    --secondary-20: #D2ECFF;
    --tertiary: #FF5731;
    --title: #2F2935;
    --text: #2F2935;
    --gray: #908EA2;
    --gray-10: #F6F8FA;
    --gradient: linear-gradient(90deg, #8d12ff 0%, #4f0099 100%);
    --gradient-color-2: rgba(240, 223, 255, 1);
    --separator: #DFBCFF;
}

html.dark {
  --bg-color: #121212;
  --text: #8f8b8b;
  --title: #ffffff;
  --accent-10: rgba(253, 244, 255, 0.05);
  --accent-20: rgba(253, 244, 255, 0.1);
  --secondary-10: rgba(234, 246, 255, 0.05);
  --gray-10: rgba(253, 244, 255, 0.05);
  --gradient-color-2: rgba(240, 223, 255, 0.2);
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: var(--text)
}
::before, ::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html { scroll-behavior: smooth; }
a {text-decoration: none;}
table {border-collapse: collapse;}
ol, ul, li {list-style: none;}
img {display: block;}


/*-------------------------------------------------------------- 
# Grid
--------------------------------------------------------------*/
.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.row {display: flex; flex-wrap: wrap; }

.col-0 {display: none;}

.col-1 {
	width: calc(100% / 12);
	box-sizing: border-box;
	padding: 0 15px;
}

.col-2 {
	width: calc(100% / 6);
	box-sizing: border-box;
	padding: 0 15px;
}

.col-3 {
	width: 25%;
	box-sizing: border-box;
	padding: 0 15px;
}

.col-4 {
	width: calc(100% / 3);
	box-sizing: border-box;
	padding: 0 15px;
}

.col-6 {
	width: 50%;
	box-sizing: border-box;
	padding: 0 15px;
}

.col-8 {
	width: calc(100% / 1.5);
	box-sizing: border-box;
	padding: 0 15px;
}

.col-9 {
	width: 75%;
	box-sizing: border-box;
	padding: 0 15px;
}

.col-12 {
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
}

.offset-1 {
	margin-left: calc(100% / 12);
}

.offset-2 {
	margin-left: calc(100% / 6);
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: calc(100% / 3);
}

/* xxs iPhone 5  */
@media (min-width: 320px) {
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-6,
	.col-8,
	.col-9,
	.col-12 {
		padding: 0 15px;
	}
}

/* xs iPhone X  */
@media (min-width: 375px) {
	.col-xs-12 {
		width: 100%;
	}

	.col-xs-9 {
		width: 75%;
	}

	.col-xs-8 {
		width: calc(100% / 1.5);
	}

	.col-xs-6 {
		width: 50%;
	}

	.col-xs-4 {
		width: calc(100% / 3);
	}

	.col-xs-3 {
		width: 25%;
	}

	.offset-xs-1 {
		margin-left: calc(100% / 12);
	}

	.offset-xs-2 {
		margin-left: calc(100% / 6);
	}

	.offset-xs-3 {
		margin-left: 25%;
	}

	.offset-xs-4 {
		margin-left: calc(100% / 3);
	}
}

/* sm iPhone Plus  */
@media (min-width: 414px) {
	.col-12 {
		width: 100%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-8 {
		width: calc(100% / 1.5);
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-4 {
		width: calc(100% / 3);
	}

	.col-sm-3 {
		width: 25%;
	}

	.offset-sm-1 {
		margin-left: calc(100% / 12);
	}

	.offset-sm-2 {
		margin-left: calc(100% / 6);
	}

	.offset-sm-3 {
		margin-left: 25%;
	}

	.offset-sm-4 {
		margin-left: calc(100% / 3);
	}
}

/* md Tablet */
@media (min-width: 720px) {
	.container {
		max-width: 90%;
		padding: 0;
	}

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-6,
	.col-8,
	.col-9,
	.col-12 {
		padding: 0 10px;
	}

	.col-md-12 {
		display: block;
		width: 100%;
	}

	.col-md-9 {
		display: block;
		width: 75%;
	}

	.col-md-8 {
		display: block;
		width: calc(100% / 1.5);
	}

	.col-md-6 {
		display: block;
		width: 50%;
	}

	.col-md-5 {
		display: block;
		width: calc(100% / 12 * 5);
	}

	.col-md-4 {
		display: block;
		width: calc(100% / 3);
	}

	.col-md-3 {
		display: block;
		width: 25%;
	}

	.offset-md-1 {
		margin-left: calc(100% / 12);
	}

	.offset-md-2 {
		margin-left: calc(100% / 6);
	}

	.offset-md-3 {
		margin-left: 25%;
	}

	.offset-md-4 {
		margin-left: calc(100% / 3);
	}

}

/* lg old PC */
@media (min-width: 1024px) {
    .container {
        width: 100%;
        max-width: 1344px;
    }
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-6,
	.col-8,
	.col-9,
	.col-12 {
		padding: 0 8px;
	}

	.col-lg-12 {
		display: block;
		width: 100%;
	}

	.col-lg-10 {
		display: block;
		width: calc(100% / 12 * 10);
	}

	.col-lg-9 {
		display: block;
		width: 75%;
	}

	.col-lg-8 {
		display: block;
		width: calc(100% / 1.5);
	}

	.col-lg-7 {
		display: block;
		width: calc(100% / 12 * 7);
	}

	.col-lg-6 {
		display: block;
		width: 50%;
	}

	.col-lg-5 {
		display: block;
		width: calc(100% / 12 * 5);
	}

	.col-lg-4 {
		display: block;
		width: calc(100% / 3);
	}

	.col-lg-3 {
		display: block;
		width: 25%;
	}

	.col-lg-2 {
		display: block;
		width: calc(100% / 6);
	}

	.offset-lg-0 {
		margin-left: 0;
	}

	.offset-lg-1 {
		margin-left: calc(100% / 12);
	}

	.offset-lg-2 {
		margin-left: calc(100% / 6);
	}

	.offset-lg-3 {
		margin-left: 25%;
	}

	.offset-lg-4 {
		margin-left: calc(100% / 3);
	}

	.offset-lg-8 {
		margin-left: calc(100% / 1.5);
	}
}

/*-------------------------------------------------------------- 
# Main Style
--------------------------------------------------------------*/
body {background-color: var(--bg-color);}
main + * {margin-top: 32px;}
@media screen and (max-width: 1023px) {
	.ait > .col-lg-6 {padding-bottom: 32px;}
}
@media screen and (min-width: 1024px) {
	.ait {align-items: flex-start;}
	.ait > .col-lg-6 {padding-top: 32px; padding-bottom: 32px}
	.ait > header.main-header,
	.ait > aside {min-height: 100vh; padding: 32px 0; position: sticky; top: 0;}
	.admin-bar > .container {margin-top: -32px;}
}

h1 {font-size: 32px; line-height: 40px; font-weight: 500; color: var(--title);}
h1 + * {margin-top: 16px;}
h1 span {color: var(--accent); background-color: var(--accent-20); padding: 0 12px; border-radius: 10px;}
h2 {font-size: 26px; line-height: 32px; font-weight: 500; color: var(--title);}
h2 + * {margin-top: 24px;}
h3 {font-size: 20px; line-height: 30px; font-weight: 500; color: var(--title);}
h3 + * {margin-top: 24px;}
h4 {font-size: 16px; line-height: 24px; font-weight: 500; color: var(--title);}
h4 + * {margin-top: 24px;}
h5 {font-size: 12px; line-height: 20px; text-transform: uppercase; font-weight: 500; color: var(--title);}
svg	{display: block;}
p {font-size: 16px; line-height: 1.5;}
p.large {font-size: 20px;}
p.small {font-size: 14px;}
p b, p strong {font-weight: 600;}
i, em {font-style: italic;}
main a:hover {color: var(--accent)}
button {cursor: pointer; box-shadow: none; border: none; background: none}
blockquote {margin-left: -15px; margin-right: -15px; padding: 24px 16px; background-color: var(--secondary-10); position: relative;}
blockquote p {font-size: 20px; font-style: italic; position: relative; z-index: 10;}
blockquote cite {margin-top: 12px; font-size: 14px; color: var(--secondary); padding-left: 32px; position: relative;}
blockquote > cite::before {content: ''; display: block; width: 20px; height: 1px; background-color: var(--secondary); position: absolute; left: 0; top: 8px;}
blockquote::after {content: ''; display: block; width: 68px; height: 52px; position: absolute; right: 16px; top: 24px; z-index: 1;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA2OCA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYxLjk2MTYgNC40ODIyOEM2NS44OTAzIDguNjQwNDQgNjggMTMuMzA3MiA2OCAyMC44NzIyQzY4IDM0LjE3NzEgNTguNjMyIDQ2LjEwNDkgNDUuMDAyIDUyTDQxLjU5NzYgNDYuNzYyM0M1NC4zMTcgMzkuOTAxMSA1Ni44MDI2IDMxLjAwMTYgNTcuNzk2NSAyNS4zOTAyQzU1Ljc0ODYgMjYuNDQ2IDUzLjA2NzcgMjYuODE3MSA1MC40Mzk3IDI2LjU3NDVDNDMuNTU4NiAyNS45Mzg0IDM4LjEzNTMgMjAuMzA2NCAzOC4xMzUzIDEzLjMwNzJDMzguMTM1MyA1Ljk1NzgzIDQ0LjExMTIgMCA1MS40ODI3IDBDNTUuNTc1MSAwIDU5LjQ4ODIgMS44NjQ3MiA2MS45NjE2IDQuNDgyMjhaTTIzLjgyNjEgNC40ODIyOEMyNy43NTQ4IDguNjQwNDQgMjkuODY0NSAxMy4zMDcyIDI5Ljg2NDUgMjAuODcyMkMyOS44NjQ1IDM0LjE3NzEgMjAuNDk2NSA0Ni4xMDQ5IDYuODY2NTMgNTJMMy40NjIyMSA0Ni43NjIzQzE2LjE4MTMgMzkuOTAxMSAxOC42NjcyIDMxLjAwMTYgMTkuNjYwOCAyNS4zOTAyQzE3LjYxMyAyNi40NDYgMTQuOTMyMiAyNi44MTcxIDEyLjMwNDIgMjYuNTc0NUM1LjQyMzE0IDI1LjkzODQgMCAyMC4zMDY0IDAgMTMuMzA3MkMwIDUuOTU3ODMgNS45NzU4MyAwIDEzLjM0NzQgMEMxNy40Mzk2IDAgMjEuMzUyOCAxLjg2NDcyIDIzLjgyNjEgNC40ODIyOFoiIGZpbGw9IiNDRkVCRkYiLz4KPC9zdmc+Cg==');
}
.dark blockquote::after {opacity: 0.1;}
blockquote + *, .wp-caption + * {margin-top: 24px;}
a.btn {display: inline-block; font-size: 16px; line-height: 1.5; color: var(--text); padding: 12px 24px; border-radius: 14px; background-color: var(--accent-10); color: var(--text); border: none; box-shadow: none; cursor: pointer;}
a.btn.accent {background-color: var(--accent); color: #fff;}
a.btn:hover {background-color: var(--text); color: #fff}
.dark hr {opacity: 0.2;}
hr.single, hr.wp-block-separator {height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: var(--accent-20); margin: 24px 0;}
hr.double {height: 10px; border-width: 1px 0 1px 0; border-style: solid; border-color: var(--separator); margin-bottom: 24px;}
hr.star {border: none; height: 12px; background-image: url(assets/star.png); background-repeat: repeat-x; background-position: -8px center; margin: 40px 0;}

code {background: var(--accent-10); color: var(--tertiary); padding: 2px 4px; border-radius: 4px; font-family: Consolas, Monaco, "Courier New", monospace; font-size: 0.95em; }
pre {background: #2d2d2d; color: #f8f8f2; padding: 1em; border-radius: 8px; overflow-x: auto; line-height: 1.5; font-family: Consolas, Monaco, "Courier New", monospace; margin: 1.5em 0; }
pre code {background: none; color: inherit; font-size: 0.95em; }
@media screen and (min-width: 720px) {
	h1 {font-size: 40px; line-height: 1.2;}
	h2 {font-size: 32px; line-height: 1.2; font-weight: 400; color: var(--title);}
	h3 {font-size: 24px; line-height: 32px; font-weight: 400; color: var(--title);}
	h4 {font-size: 20px; line-height: 30px; font-weight: 400; color: var(--title);}
	h5 {font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: 400; color: var(--title);}
	p.large {font-size: 24px;}
	blockquote {padding: 32px; margin-left: 0; margin-right: 0; width: 100%; border-radius: 40px;}
	.wp-block-table {width: 100%; padding: 16px; margin-left: 0; margin-right: 0; border: 1px solid var(--separator); border-radius: 40px;}
	blockquote::after {right: 24px} 
	.post-thumbnail img {border-radius: 40px}
	.wp-block-table table tr:last-child td {border: 0}
	.wp-block-image img {border-radius: 40px}
}


main .post-content ul + *,
											main .post-content ol + * {margin-top: 24px;}
main .post-content ul li,
main .post-content ol li {font-size: 16px; line-height: 1.5; position: relative;}
main .post-content ul li:not(:last-child),
main .post-content ol li:not(:last-child) {margin-bottom: 8px}
main .post-content ul li {padding-left: 24px}
main .post-content ul li::before {content: ''; display: block; width: 10px; height: 10px; background-size: 10px; position: absolute; left: 3px;	top: 7px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjM5MjM5IDAuNDEyMjk2QzUuNjIwNCAtMC4xMzc0MzEgNi4zNzk1NiAtMC4xMzc0MzMgNi42MDc1NyAwLjQxMjI5Nkw3LjIyMjEyIDEuODkzMzZDNy43NTI3MSAzLjE3MjU3IDguNzQxODUgNC4xOTM1MSA5Ljk4NTAyIDQuNzQ1NjNMMTEuNjAyMyA1LjQ2NDE4QzEyLjEzMzEgNS42OTk5MyAxMi4xMzMxIDYuNDcyOTMgMTEuNjAyMyA2LjcwODY2TDkuOTMzMDEgNy40NDk5M0M4LjcyMTAxIDcuOTg4MiA3Ljc0ODc5IDguOTcyOTIgNy4yMDg5MyAxMC4yMDk5TDYuNjAyNDQgMTEuNjAwMUM2LjM2OTE3IDEyLjEzNDEgNS42MzA3NSAxMi4xMzQxIDUuMzk3NTIgMTEuNjAwMUw0Ljc5MTAzIDEwLjIwOTlDNC4yNTEyMSA4Ljk3MjkyIDMuMjc4OTQgNy45ODgyIDIuMDY2OTUgNy40NDk5M0wwLjM5NzYzNyA2LjcwODY2Qy0wLjEzMzE5NyA2LjQ3MjkzIC0wLjEzMzE5NiA1LjY5OTkzIDAuMzk3NjM3IDUuNDY0MThMMi4wMTQ5NCA0Ljc0NTYzQzMuMjU4MSA0LjE5MzUxIDQuMjQ3MjUgMy4xNzI1OSA0Ljc3Nzg0IDEuODkzMzZMNS4zOTIzOSAwLjQxMjI5NlpNNi4wMDAzNSA0LjUwMDI1QzUuMTcxODYgNC41MDAyNSA0LjUwMDI0IDUuMTcxODcgNC41MDAyNCA2LjAwMDM2QzQuNTAwMyA2LjgyODc5IDUuMTcxOSA3LjUwMDQ3IDYuMDAwMzUgNy41MDA0N0M2LjgyODY0IDcuNTAwMjggNy41MDA0IDYuODI4NjggNy41MDA0NiA2LjAwMDM2QzcuNTAwNDYgNS4xNzE5OCA2LjgyODY4IDQuNTAwNDMgNi4wMDAzNSA0LjUwMDI1WiIgZmlsbD0iIzhEMTJGRiIvPgo8L3N2Zz4K');
}
main .post-content ol {counter-reset: num;}
main .post-content ol li {padding-left: 32px}
main .post-content ol li::before {content: counter(num); counter-increment: num; display: block; width: 18px; font-size: 14px; line-height: 1.5; font-weight: 600; position: absolute; left: 2px; top: 1px; color: var(--accent);}
main .post-content ol li::after {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: var(--accent); position: absolute; left: 18px; top: 11px;}
main .post-content li > ol,
main .post-content li > ul {margin-top: 8px}

main .archive-description ul + *,
main .archive-description ol + * {margin-top: 24px;}
main .archive-description ul li,
main .archive-description ol li {font-size: 16px; line-height: 1.5; position: relative;}
main .archive-description ul li:not(:last-child),
main .archive-description ol li:not(:last-child) {margin-bottom: 8px}
main .archive-description ul li {padding-left: 24px}
main .archive-description ul li::before {content: ''; display: block; width: 10px; height: 10px; background-size: 10px; position: absolute; left: 3px;	top: 7px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjM5MjM5IDAuNDEyMjk2QzUuNjIwNCAtMC4xMzc0MzEgNi4zNzk1NiAtMC4xMzc0MzMgNi42MDc1NyAwLjQxMjI5Nkw3LjIyMjEyIDEuODkzMzZDNy43NTI3MSAzLjE3MjU3IDguNzQxODUgNC4xOTM1MSA5Ljk4NTAyIDQuNzQ1NjNMMTEuNjAyMyA1LjQ2NDE4QzEyLjEzMzEgNS42OTk5MyAxMi4xMzMxIDYuNDcyOTMgMTEuNjAyMyA2LjcwODY2TDkuOTMzMDEgNy40NDk5M0M4LjcyMTAxIDcuOTg4MiA3Ljc0ODc5IDguOTcyOTIgNy4yMDg5MyAxMC4yMDk5TDYuNjAyNDQgMTEuNjAwMUM2LjM2OTE3IDEyLjEzNDEgNS42MzA3NSAxMi4xMzQxIDUuMzk3NTIgMTEuNjAwMUw0Ljc5MTAzIDEwLjIwOTlDNC4yNTEyMSA4Ljk3MjkyIDMuMjc4OTQgNy45ODgyIDIuMDY2OTUgNy40NDk5M0wwLjM5NzYzNyA2LjcwODY2Qy0wLjEzMzE5NyA2LjQ3MjkzIC0wLjEzMzE5NiA1LjY5OTkzIDAuMzk3NjM3IDUuNDY0MThMMi4wMTQ5NCA0Ljc0NTYzQzMuMjU4MSA0LjE5MzUxIDQuMjQ3MjUgMy4xNzI1OSA0Ljc3Nzg0IDEuODkzMzZMNS4zOTIzOSAwLjQxMjI5NlpNNi4wMDAzNSA0LjUwMDI1QzUuMTcxODYgNC41MDAyNSA0LjUwMDI0IDUuMTcxODcgNC41MDAyNCA2LjAwMDM2QzQuNTAwMyA2LjgyODc5IDUuMTcxOSA3LjUwMDQ3IDYuMDAwMzUgNy41MDA0N0M2LjgyODY0IDcuNTAwMjggNy41MDA0IDYuODI4NjggNy41MDA0NiA2LjAwMDM2QzcuNTAwNDYgNS4xNzE5OCA2LjgyODY4IDQuNTAwNDMgNi4wMDAzNSA0LjUwMDI1WiIgZmlsbD0iIzhEMTJGRiIvPgo8L3N2Zz4K');
}
main .archive-description ol {counter-reset: num;}
main .archive-description ol li {padding-left: 32px}
main .archive-description ol li::before {content: counter(num); counter-increment: num; display: block; width: 18px; font-size: 14px; line-height: 1.5; font-weight: 600; position: absolute; left: 2px; top: 1px; color: var(--accent);}
main .archive-description ol li::after {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: var(--accent); position: absolute; left: 18px; top: 11px;}
main .archive-description li > ol,
main .archive-description li > ul {margin-top: 8px}
label {cursor: pointer;}
textarea {resize: vertical; vertical-align: bottom;}
input[type="text"], input[type="email"], textarea {font-size: 16px; line-height: 1.5; padding: 12px 20px; background-color: var(--accent-10); border: 1px solid var(--separator); border-radius: 14px}
input[type="submit"] {font-size: 16px; line-height: 1.5; padding: 12px 24px; border-radius: 14px; background-color: var(--accent-10); color: var(--text); border: none; box-shadow: none; cursor: pointer;}
.dark input[type="submit"] {background-color: var(--accent); color: #fff}
input[type="submit"]:hover {background-color: var(--accent); color: #fff}
.dark input[type="submit"]:hover {opacity: 0.8;}

input[type="checkbox"] {display: none;}
input[type="checkbox"] ~ label {display: inline-block; font-size: 14px; line-height: 1.5; padding-left: 36px; position: relative;}
input[type="checkbox"] ~ label::before {content: ''; display: inline-block; width: 24px; height: 24px; border-radius: 8px; border: 1px solid var(--gray); position: absolute; left: 0; top: 2px}
input[type="checkbox"]:checked ~ label::before {background-color: var(--accent); border-color: var(--accent)}
input[type="checkbox"]:checked ~ label::after {content: ''; display: block; width: 8px; height: 14px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; border-radius: 0 0 2px 0; transform: rotateZ(45deg); position: absolute; top: 5px; left: 8px;}

::placeholder {font-size: 16px; line-height: 1.5; color: var(--gray)}
.wp-block-table {margin-left: -15px; margin-right: -15px; padding: 0 15px; width: calc(100% + 30px); overflow-x: auto;}
.wp-block-table + * {margin-top: 32px;}
.wp-block-table table {border: none;}
.wp-block-table table thead {border: none}
.wp-block-table table th {padding: 12px; border-width: 0 0 2px 0; border-style: solid; border-color: var(--separator); font-size: 14px; line-height: 1.5; font-weight: 600; text-align: left;}
.wp-block-table table td {padding: 12px; border-width: 0 0 1px 0; border-style: solid; border-color: var(--separator); font-size: 14px; line-height: 1.5; }
.wp-block-image + * {margin-top: 32px}
.wp-block-image img, .post-content img {border-radius: 32px; max-width: 100%; height: auto;}
figcaption {text-align: center; font-size: 14px; line-height: 1.5; color: var(--gray); margin: 12px 0 0!important;}
.entry-meta {display: flex; align-items: center; flex-wrap: wrap; row-gap: 10px; column-gap: 10px;}
.entry-meta + * {margin-top: 24px;}
.post-author {display: flex; align-items: center; gap: 5px; font-size: 14px;}
p.news_source {font-size: 14px; color: var(--gray)}
a.main-cat {display: inline-flex; align-items: center; gap: 6px; font-size: 14px; line-height: 24px; font-weight: 500; background-color: var(--accent-10); padding: 2px 12px; border-radius: 15px;}
a.main-cat:has(svg) {padding-left: 2px;}

/* Header */
header.main-header {display: flex; flex-direction: column;}
.header-content {display: flex; flex-direction: column; gap: 32px; padding-top: 32px;}
.header-top {display: flex; justify-content: space-between; align-items: center; height: 64px; position: relative;}
.header-top::after {content: ''; display: block; height: 1px; background-color: var(--accent-20); position: absolute; left: 0; right: 0; bottom: -1px;}
.site-logo svg {display: block;s}
button.header-btn-theme {display: block; width: 20px; height: 20px; border-radius: 50%; overflow: hidden; border: 2px solid var(--gray); position: relative}
button.header-btn-theme::before {content: ''; display: block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--gray); position: absolute; top: -2px; left: 6px;}
button.header-btn-menu {display: flex; width: 48px; height: 48px; padding: 16px 28px 14px 0; flex-direction: column; justify-content: space-between;}
button.header-btn-menu span {display: block; width: 100%; height: 2px; border-radius: 1px; background-color: var(--gray);}
.site-info {display: flex; align-items: end; padding: 0 14px; flex: 1 1 100%;}
ul.site-info-links {display: flex; flex-wrap: wrap; gap: 10px; align-items: center;}
ul.site-info-links a {font-size: 14px;}
ul.site-info-links a:hover {color: var(--accent)}
@media screen and (max-width: 1023px) {
	body {padding-top: 80px;}
	body.admin-bar {padding-top: 36px;}
	body.no-scroll {touch-action: none;}
	header.main-header {position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: var(--bg-color);}
	.header-top { margin: 0 -15px; padding: 0 15px; flex-direction: row-reverse;}
	.header-content {height: calc(100vh - 64px); padding-bottom: 24px; overflow: auto;}
	header.main-header.open .header-content {display: flex!important;}
	button.header-btn-theme {margin-left: 28px}
}
@media screen and (min-width: 1024px) {
	.narrow {width: 100%; max-width: 240px}
	.header-top {flex-direction: row-reverse; height: 48px; padding: 0 14px}
	.header-top::after {display: none;}
	button.header-btn-menu {display: none}
	.header-content {display: flex!important; flex: 1 1 100%;}
	.entry-meta {column-gap: 20px;}
}

/* Форма поиска */
.screen-reader-text {border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;}
.search-form {display: flex; align-items: center; gap: 10px; height: 48px; border-radius: 14px; padding: 0 12px; background-color: var(--gray-10); border: 2px solid transparent;}
.search-form button {width: 24px; flex: 24px 0 0;}
.search-form label {flex: 100% 1 1; height: 100%;}
.search-form:has(input:focus) {background-color: transparent; border-color: var(--accent)}
input[type="search"] {width: 100%; height: 100%; border: none; font-size: 16px; font-weight: 400; background-color: transparent; outline: none}

/* Кнопка Топ Ai */
.top-ai {display: flex; gap: 10px; align-items: center; height: 48px; padding: 0 14px; border-radius: 14px; border: 2px solid var(--accent-20); position: relative;}
.top-ai:has(a:hover) {border-color: var(--accent)}
.top-ai + * {margin-top: 32px}
.top-ai svg {flex: 24px 0 0}
.top-ai a {font-weight: 500; flex: 100% 1 1;}
.top-ai a::before {content: ''; display: block; position: absolute; inset: 0;}
.top-ai span {display: block; font-size: 14px; line-height: 24px; font-weight: 500; text-align: center; background-color: var(--accent-20); border-radius: 8px; padding: 0 8px; min-width: 32px; flex-shrink: 0;}

/* Виджет меню */
.widget + * {margin-top: 32px}
h4.widget-title { font-size: 14px; line-height: 1; font-weight: 300; color: var(--gray); padding-left: 14px;}
h4.widget-title.bold {padding-left: 0; color: var(--title); font-weight: 600; }
h4.widget-title + * {margin-top: 10px;}
ul.widget-menu li a {display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 14px; font-size: 16px; border-radius: 14px; color: var(--title);}
ul.widget-menu li a:hover,
ul.widget-menu li.current-menu-item a {background: linear-gradient(90deg, rgba(240, 223, 255, 0) 0%, var(--gradient-color-2) 100%);}
ul.widget-menu li:not(:last-child) {margin-bottom: 2px}

/* Виджет списки */
.widget-list li {display: flex; flex-direction: column; gap: 4px; padding: 8px 0; position: relative;}
.widget-list li.li-border-bottom:not(:last-child) {border-bottom: 1px solid var(--accent-20)}
.widget-list li p {font-size: 14px; color: var(--title)}
.widget-list li p.li-title {font-size: 13px; line-height: 1; color: var(--gray)}
.widget-list li p a {color: var(--title); text-decoration: underline; text-decoration-color: var(--tertiary)}
.widget-list li p a:hover {color: var(--tertiary)}
.widget-list.timeline {position: relative;}
.widget-list.timeline::before {content: ''; display: block; width: 6px; height: 6px; background-color: var(--accent-20); border-radius: 50%; position: absolute; left: -2px; bottom: 9px; }
.widget-list.timeline li {padding-left: 17px;}
.widget-list.timeline li::before {content: ''; display: block; width: 2px; background-color: var(--accent-20); position: absolute; left: 0; top: 0; bottom: 0;} 
.widget-list.timeline li:first-child::before {top: 15px;}
.widget-list.timeline li:last-child::before {bottom: 12px; }
.widget-list.timeline li::after {content: ''; display: block; width: 8px; height: 8px; position: absolute; left: -3px; top: 11px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNTk0OTggMC4yNzQ4NDlDMy43NDY5NyAtMC4wOTE2MTYgNC4yNTMwNCAtMC4wOTE2MTcgNC40MDUwNCAwLjI3NDg0OUw0LjgxNDcgMS4yNjIxOEM1LjE2ODQxIDIuMTE0OTQgNS44Mjc3OCAyLjc5NTUyIDYuNjU2NSAzLjE2MzU4TDcuNzM0NjIgMy42NDI2QzguMDg4NDYgMy43OTk3NSA4LjA4ODQ2IDQuMzE1MDYgNy43MzQ2MiA0LjQ3MjIxTDYuNjIxODMgNC45NjYzNkM1LjgxMzg5IDUuMzI1MTkgNS4xNjU3OSA1Ljk4MTYzIDQuODA1OTEgNi44MDYyNEw0LjQwMTYyIDcuNzMzMDJDNC4yNDYxMSA4LjA4ODk5IDMuNzUzODcgOC4wODkgMy41OTg0IDcuNzMzMDJMMy4xOTQxIDYuODA2MjRDMi44MzQyNSA1Ljk4MTYzIDIuMTg2MTIgNS4zMjUxOSAxLjM3ODE5IDQuOTY2MzZMMC4yNjUzOTYgNC40NzIyMUMtMC4wODg0NjU3IDQuMzE1MDYgLTAuMDg4NDY1MiAzLjc5OTc1IDAuMjY1Mzk2IDMuNjQyNkwxLjM0MzUyIDMuMTYzNThDMi4xNzIyMyAyLjc5NTUyIDIuODMxNjEgMi4xMTQ5NSAzLjE4NTMxIDEuMjYyMThMMy41OTQ5OCAwLjI3NDg0OVoiIGZpbGw9IiM4RDEyRkYiLz4KPC9zdmc+Cg==');
}

/* Archive */
.cat-info {padding: 24px; border-radius: 40px; border: 1px solid var(--accent-20); background: radial-gradient(50% 100% at 100% 0%, var(--gradient-color-2) 0%, rgba(240, 223, 255, 0) 100%);}
.cat-info + * {margin-top: 32px;}
.parent-category + * {margin-top: 16px;}
.archive-description + * {margin-top: 16px; }
.archive-description p {font-size: 14px; color: var(--gray)}
.archive-description p + * {margin-top: 24px;}
.archive-description .wp-block-table {background-color: var(--bg-color);}
.archive-description .wp-block-table table {width: 100%;}
.news-list + * {margin-top: 40px;}
.news-list> h2{margin: 0 32px;}
.post-item.fw + * {margin-top: 40px;}
.post-item.fw .cat-post-thumbnail {margin-bottom: 16px}
.post-item.fw .cat-post-thumbnail img {border-radius: 40px; width: 100%; max-width: 100%; height: auto;}
.post-item.fw .cat-post-thumbnail-text {display: flex; align-items: center; justify-content: center; background-color: var(--accent-20); border-radius: 40px; max-width: 100%; margin-bottom: 16px; aspect-ratio: 16 / 9; background-size: cover; background-position: center;}
.post-item.fw:nth-child(5n) .cat-post-thumbnail-text {background-image: url(assets/bg-thumb-01.jpg);}
.post-item.fw:nth-child(5n+1) .cat-post-thumbnail-text {background-image: url(assets/bg-thumb-02.jpg)}
.post-item.fw:nth-child(5n+2) .cat-post-thumbnail-text {background-image: url(assets/bg-thumb-03.jpg)}
.post-item.fw:nth-child(5n+3) .cat-post-thumbnail-text {background-image: url(assets/bg-thumb-04.jpg)}
.post-item.fw:nth-child(5n+4) .cat-post-thumbnail-text {background-image: url(assets/bg-thumb-05.jpg)}
.post-item.fw .cat-post-thumbnail-text span {width: 100%; padding: 32px; text-align: center; font-size: 30px; font-weight: 300; letter-spacing: 5px; color: #fff; text-transform: uppercase;}
.post-item.fw h3.entry-title {padding: 0 16px; font-size: 24px; line-height: 1.5; margin-bottom: 16px}
.post-item.fw h3.entry-title a {color: var(--title); font-weight: 500;}
.post-item.fw h3.entry-title a:hover {color: var(--accent)}
.post-item.fw .entry-summary {padding: 0 16px; margin-bottom: 16px;}
.post-item.fw .entry-summary p {color: var(--gray);}
.post-item.fw .entry-footer {display: flex; padding: 0 16px; flex-wrap: wrap; row-gap: 10px; column-gap: 20px; align-items: center}
.post-item.fw .post-date {font-size: 16px; line-height: 1.5; color: var(--gray);}
@media screen and (min-width: 720px) {
	.cat-info {padding: 32px}
	.cat-info + * {margin-top: 32px;}
	.news-list + * {margin-top: 56px;}
	.tag-news-list{max-width: 720px; margin-right: auto;}
	.post-item.fw + * {margin-top: 56px;}
	.post-item.fw .cat-post-thumbnail-text span {font-size: 60px;}
}
@media screen and (min-width: 1024px){
	.post-item.fw .cat-post-thumbnail {margin-bottom: 24px}
	.post-item.fw h3.entry-title,
	.post-item.fw .entry-summary,
	.post-item.fw .entry-footer {padding: 0 32px;}
}

/* Post */
.post-thumbnail img {width: 100%; height: auto; border-radius: 32px;}
.post-thumbnail + * {margin-top: 32px;}
.post-thumbnail:has(figcaption) + * {margin-top: 16px;}
.entry-date {font-size: 14px; line-height: 1.5; color: var(--text)}
.view-count {display: flex; align-items: center; font-size: 14px; line-height: 1.6; color: var(--text); gap: 6px}
.post-content section + * {margin-top: 32px;}
.single p.large + *,
.post-content p + *  {margin-top: 24px;}
.post-content p + p {margin-top: 16px;}
.post-content a {color: var(--secondary); cursor: pointer;}
.post-content a:hover {text-decoration: underline;}
details {display: block; padding: 16px 16px; border-radius: 24px; border: 1px solid var(--accent-20)}
details + * {margin-top: 24px;}
details + details {margin-top: 4px;}
details summary {cursor: pointer; list-style: none; position: relative; padding-right: 24px}
details summary + * {margin-top: 12px;}
details summary::-webkit-details-marker {display: none;}
details summary::before {content: ''; display: block; width: 16px; height: 2px; background-color: var(--accent); position: absolute; right: 5px; top: 9px; }
details summary::after {content: ''; display: block; width: 2px; height: 16px; background-color: var(--accent); position: absolute; right: 12px; top: 2px; transition: 0.2s;}
details[open] summary::after {transform: rotateZ(90deg);}

/* Похожие посты */
.similar {display: flex; flex-wrap: wrap; gap: 24px;}
.similar + * {margin-top: 24px;}
.similar-post img {width: 100%; height: auto; border-radius: 20px; border: 1px solid var(--accent-20); background-color: var(--accent-10);}
.similar-post img + * {margin-top: 12px;}
.similar-post h4 {font-size: 16px; line-height: 1.5; padding: 0 12px}
.similar-post a + * {margin-top: 6px;}
.similar-post a:hover h4 {color: var(--secondary);}
.similar-post-meta {display: flex; align-items: center; gap: 16px; font-size: 12px; padding: 0 12px; opacity: 0.6;}
@media screen and (min-width: 720px) {
	.similar-post {width: calc(50% - 12px)}
}

/* Search */
.search h1 {padding: 0 16px;}
@media screen and (min-width: 1024px) {
	.search h1 {padding: 0 32px;}
}

/* 404 */
.error-404 {display: flex; flex-direction: column; align-items: center; padding: 32px;}
.error-404 > img {aspect-ratio: 1 / 1; width: 300px; max-width: 100%; height: auto; border-radius: 50%; margin-bottom: 16px}
.error-404 h1 + * {margin-top: 8px;}
.error-404 p + * {margin-top: 24px;}

/* Breadcrumb */
.breadcrumb {display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1.5; margin-bottom: 30px;}
.breadcrumb span {color: var(--gray)}
.breadcrumb a {color: var(--text)}
.breadcrumb a:hover {text-decoration: underline;}
span.slash {padding: 0 8px}
@media screen and (min-width: 1024px){
	.breadcrumb {height: 48px; margin-bottom: 32px}
}

/* Rightbar */
aside.rightbar {display: flex; flex-direction: column; align-items: flex-end;}
@media screen and (max-width: 1023px){
	aside.rightbar {display: none}
}

/* News-Topical */

.news-topical + * {margin-top: 32px;}
.news-topical-head {display: flex; align-items: baseline; gap: 12px;}
.news-topical-head + * {margin-top: 16px;}
.news-topical h2 {font-size: 20px; font-weight: 600; margin: 0; padding: 0;}
.news-topical h2 + * {margin-top: 0;}
p.today {font-size: 14px; color: var(--gray);}
ul.news-topical-list + * {margin-top: 10px;}
ul.news-topical-list li:not(:last-child) {margin-bottom: 10px}
ul.news-topical-list li a {font-size: 16px; line-height: 1.5; color: var(--text)}
ul.news-topical-list li a:hover {color: var(--accent)}
button.load-more {display: inline-block; font-size: 16px; color: var(--secondary); font-weight: 500;}
button.load-more:after {content: ''; display: inline-block; width: 8px; height: 8px; border-width: 0 2px 2px 0; border-style: solid; border-color: var(--secondary); margin-left: 6px; transform: rotateZ(45deg) translateY(-4px);}
@media screen and (min-width: 720px){
	.news-topical {display: block; padding: 24px; border-radius: 40px; border: 1px solid var(--accent-20); background: radial-gradient(50% 100% at 100% 0%, var(--gradient-color-2) 0%, rgba(240, 223, 255, 0) 100%)}
	.dark .news-topical {background: none}
}
@media screen and (min-width: 1024px){
	.news-topical {padding: 32px;}
}


/* TOC */
.toc li {}
.toc li a {display: block; color: var(--text); font-size: 16px; line-height: 1.5; padding: 8px 14px; border-radius: 14px}
.toc li a.active,
.toc li a:hover {background: linear-gradient(90deg, rgba(240, 223, 255, 0) 0%, var(--gradient-color-2) 100%);}
.toc ul ul {padding-left: 24px}
.toc ul ul li {font-size: 14px}

/* Share */
ul.share {display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding-left: 14px;}
ul.share li a {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--accent-20)}
ul.share li a:hover {background-color: var(--accent-20);}

/* Hot News */
.hot-news-banner {display: flex; flex-direction: column; justify-content: flex-end; background: url(assets/hot-bg.jpg); background-position: top center; background-color: var(--accent-10); border-radius: 40px; width: 100%; min-height: 360px; padding: 46px 5px 5px 5px; position: relative;}
.hot-news-banner + .reactions {margin-top: 10px;}
.hot-news-banner > a {display: block; background-color: var(--bg-color); padding: 16px 20px; border-radius: 36px;}
.hot-news-banner > a::after {content: ''; display: block; position: absolute; inset: 0}
.badge {display: inline-flex; gap: 4px; align-items: center; padding: 5px 7px; border-radius: 13px; font-size: 12px; line-height: 1;  text-transform: uppercase;  background-color: var(--tertiary); position: absolute; top: 10px; left: 50%; transform: translateX(-50%);}
.badge span {color: #fff; font-weight: 500;}

/* Метки */
ul.post-tags {display: flex; flex-wrap: wrap; gap: 4px;}
ul.post-tags li a {display: inline-flex; gap: 4px; font-size: 16px; line-height: 1.5; padding: 8px 24px; border-radius: 20px; background-color: var(--accent-10);}
ul.post-tags li a:has(svg) {padding: 8px 16px;}
ul.post-tags li a:hover {background-color: var(--accent-20);}
ul.post-tags + * {margin-top: 32px;}

/* Reactions */
ul.emoji-list {display: flex; flex-wrap: wrap; align-items: center; gap: 4px;}
.widget ul.emoji-list {justify-content: center;}
ul.emoji-list li {display: flex; align-items: center; gap: 5px; background-color: var(--accent-10); font-size: 14px; line-height: 16px; padding: 6px 8px; border-radius: 14px; cursor: pointer}
ul.emoji-list li:hover {background-color: var(--accent-20);}

/* Comments */
ol.comment-list {}
ol.comment-list li {border-top: 1px solid var(--separator);}
ol.comment-list > li {padding-left: 36px; position: relative;}
.comment article {padding: 20px 0;}
.comment-meta {display: flex; gap: 12px; align-items: center;}
.comment-meta + * {margin-top: 10px;}
img.avatar {width: 24px; height: 24px; border-radius: 50%;}
ol.comment-list > li > article img.avatar {position: absolute; left: 0; top: 20px;}
b.comment-author {font-size: 16px; line-height: 1.5; font-weight: 500; color: var(--title)}
span.comment-date {font-size: 14px; line-height: 1.5; color: var(--gray)}
.comment-content + * {margin-top: 10px;}
.comment-content p {color: var(--text)}
.reply a {font-size: 14px; line-height: 1.5; color: var(--secondary)}
.comment-form {display: flex; flex-wrap: wrap; gap: 16px;}
.comment-form textarea {height: 120px; resize: none}
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"] {width: 100%;}
.comment-form .comment-form-comment {width: 100%;}
.comment-form .comment-form-author,
.comment-form .comment-form-email {width: calc(50% - 8px);}
.comment-form-cookies-consent {padding-left: 20px;}
.comment-respond {position: relative;}
.comment-respond > small {position: absolute; right: 20px; bottom: 24px;}
.comment-respond > small a {display: block; padding: 10px 20px; border-radius: 22px; background-color: var(--secondary-10); font-size: 14px; line-height: 24px; color: var(--secondary)}
.comment-respond > small a:hover {background-color: var(--secondary-20);}
p.form-submit {width: 100%;}
p.form-submit input[type="submit"] {width: 100%;}

/* Пагинация */
.pagination + * {margin-top: 32px;}
.nav-links { display: flex; align-items: center; justify-content: center; gap: 4px;}
.nav-links > span,
.nav-links > a {display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; font-size: 14px; line-height: 1; font-weight: 500; border-radius: 50%; border: 1px solid transparent; position: relative; flex-shrink: 0;}
.nav-links > span {border-color: var(--accent-20)}
.nav-links > a:hover {border-color: var(--accent)}
.nav-links > a.next {padding-right: 3px;}
.nav-links > a.prev {padding-left: 3px;}
.nav-links > a.next::before,
.nav-links > a.prev::before {content: ''; display: block; width: 8px; height: 8px; border-width: 2px 2px 0 0; border-style: solid; border-color: var(--text); transform: rotateZ(45deg);}
.nav-links > a.prev::before {transform: rotateZ(-135deg);}

/* Баннеры растяжки */
.dsk-wow {display: flex; flex-wrap: wrap; align-items: center; border-radius: 24px; min-height: 48px; padding: 60px 4px 4px 4px; position: relative; margin-bottom: 16px}
.dsk-wow.tertiary {background-color: var(--tertiary);}
.dsk-wow.secondary {background-color: var(--secondary);}
.dsk-wow-content {display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; z-index: 10;}
.dsk-wow-content p {color: #fff;}
.dsk-wow-content p span {color: #FFE240;}
a.dsk-wow-btn {display: inline-block; font-size: 16px; line-height: 1.5; font-weight: 500; padding: 8px 24px; color: var(--text); background-color: #FFE240; border-radius: 20px}
a.dsk-wow-btn:hover {color: var(--text)}
.dsk-wow > picture img {position: absolute;}
.dsk-wow-close {display: block; width: 48px; height: 48px; position: absolute; right: 0; top: 0;}
.dsk-wow-close::before,
.dsk-wow-close::after {content: ''; display: block; width: 2px; height: 14px; background-color: #fff; border-radius: 1px; position: absolute; left: 23px; top: 17px; transform: rotateZ(45deg);}
.dsk-wow-close::after {transform: rotateZ(-45deg);}
@media screen and (max-width: 719px) {
	.dsk-wow-content {flex-direction: column; background-color: rgba(19, 1, 20, 0.1); backdrop-filter: blur(10px); padding: 20px 8px; border-radius: 20px}
	.dsk-wow-1 > picture img {top: -20px; left: 50%; transform: translateX(-50%); z-index: 20}
	.dsk-wow-2 > picture img {top: -40px; left: 50%; transform: translateX(-50%); z-index: 20}
}
@media screen and (min-width: 720px) {
	.dsk-wow {padding: 4px 48px 4px 24px; margin-bottom: 30px;}
	.dsk-wow-1 > picture img {left: 35%; top: -28px;}
	.dsk-wow-2 > picture img {left: 48%; bottom: 0;}
}