/*
Theme Name: Прометей
Theme URI: https://promlegal.ru/
Description: Лёгкая тема для сайта ООО «Прометей»: один CSS-файл без JavaScript, секции главной — паттерны редактора блоков. Замена Avada.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: promlegal
*/

/* ===== Шрифты ========================================================= */
@font-face {
	font-family: "Manrope";
	src: url("assets/fonts/manrope.woff") format("woff");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

/* Файл шрифта уже лежит в медиатеке — его загружали для Avada */
@font-face {
	font-family: "BankGothic";
	src: url("../../uploads/2026/05/Bank_Gothic_MediumRUS-BY-LYAJKA_0.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* ===== Переменные ===================================================== */
:root {
	--pl-copper: #c06c3d;
	--pl-bg: #000;
	--pl-dark: #0f0f0e;
	--pl-text: #fff;
	--pl-soft: rgba(255, 255, 255, 0.82);
	--pl-dim: rgba(255, 255, 255, 0.6);
	--pl-font: Manrope, Arial, Helvetica, sans-serif;
	--pl-display: BankGothic, Manrope, Arial, sans-serif;
	--pl-gutter: clamp(16px, 4vw, 40px);
	/* Где по горизонтали стоит центр текста в секциях с маской (на экранах от 1000px).
	   Считается от ширины экрана, поэтому композиция одинакова на любом мониторе. */
	--pl-hero-x: 64%;
	--pl-approach-x: 40%;
	--pl-contacts-x: 62%;
	--pl-arc-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100C40 0 60 0 100 100Z' fill='%23c06c3d' fill-opacity='.47'/%3E%3C/svg%3E");
	--pl-arc-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0C55 180 100 0 100 0Z' fill='%23c06c3d' fill-opacity='.47'/%3E%3C/svg%3E");
}

/* ===== Основа ========================================================= */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--pl-bg);
	color: var(--pl-text);
	font-family: var(--pl-font);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.site-main {
	flex: 1 0 auto;
}

img,
svg,
video,
iframe {
	max-width: 100%;
}

img {
	height: auto;
}

a {
	color: var(--pl-copper);
	text-decoration: none;
	transition: color 0.2s, opacity 0.2s;
}

a:hover,
a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

:focus-visible {
	outline: 2px solid var(--pl-copper);
	outline-offset: 3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 0.6em;
	color: var(--pl-text);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

h1 { font-size: clamp(2rem, 1.4rem + 2.2vw, 3.25rem); }
h2 { font-size: clamp(1.625rem, 1.2rem + 1.5vw, 2.375rem); }
h3 { font-size: clamp(1.125rem, 1rem + 0.4vw, 1.375rem); }
h4 { font-size: 1.125rem; }

p {
	margin: 0 0 1em;
}

mark {
	background: none;
	color: inherit;
}

.has-copper-color { color: var(--pl-copper) !important; }

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.skip-link:focus {
	clip: auto;
	width: auto;
	height: auto;
	top: 8px;
	left: 8px;
	z-index: 100000;
	padding: 10px 16px;
	background: #fff;
	color: #000;
}

/* ===== Шапка ========================================================== */
.site-header {
	position: relative;
	z-index: 20;
	background: var(--pl-bg);
}

.site-header--overlay {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: transparent;
}

.admin-bar .site-header--overlay { top: 32px; }

@media (max-width: 782px) {
	.admin-bar .site-header--overlay { top: 46px; }
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: clamp(16px, 2.5vw, 32px) clamp(16px, 3vw, 56px);
}

.site-logo {
	display: block;
	line-height: 0;
}

.site-logo__img {
	display: block;
	width: clamp(140px, 13vw, 230px);
	height: auto;
}

.site-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-nav a {
	color: var(--pl-text);
	font-size: 0.9375rem;
	font-weight: 600;
}

.site-nav a:hover,
.site-nav .current-menu-item a {
	color: var(--pl-copper);
	text-decoration: none;
}

/* ===== Страница из блоков (главная) ================================== */
.entry-content--front > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.pl-section {
	padding-right: var(--pl-gutter);
	padding-left: var(--pl-gutter);
}

/* Подписи над заголовками */
.pl-eyebrow {
	margin-bottom: 0.75rem;
	color: var(--pl-copper);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

/* Заголовок шрифтом Bank Gothic: стиль «Акцидентный» для любого заголовка */
.is-style-display {
	font-family: var(--pl-display);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.35;
}

/* Тонкая линия-разделитель */
.wp-block-separator.pl-rule {
	width: min(560px, 85%);
	height: 0;
	margin: 1.5rem auto !important;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.55);
	opacity: 1;
	background: none;
}

/* Медные маски и дуги поверх фоновых фото */
.pl-mask {
	position: relative;
	isolation: isolate;
}

.pl-mask::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-repeat: no-repeat;
}

.pl-mask > .wp-block-cover__inner-container,
.pl-mask > .pl-contacts__box {
	position: relative;
	z-index: 2;
}

/* ===== Первый экран =================================================== */
.pl-hero.wp-block-cover {
	padding: clamp(120px, 14vw, 200px) var(--pl-gutter) clamp(80px, 9vw, 140px);
	background: var(--pl-bg);
}

.pl-mask--hero::after {
	background-image: var(--pl-arc-up), url("assets/img/mask-hero.svg");
	background-position: center bottom, center;
	background-size: 100% 50px, cover;
}

.pl-hero .pl-hero__content {
	max-width: 640px !important;
	text-align: center;
}

.pl-hero .is-style-display {
	margin: 0;
	font-size: clamp(1.375rem, 0.9rem + 1.7vw, 2.375rem);
}

.pl-hero .is-style-display {
	text-wrap: balance;
}

.pl-hero .is-style-display mark {
	display: block;
}

.pl-hero .pl-eyebrow {
	margin-bottom: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.pl-lead {
	margin: 0;
	color: var(--pl-soft);
	font-size: clamp(0.9375rem, 0.85rem + 0.3vw, 1.0625rem);
}

@media (min-width: 1000px) {
	/* Текст — в «окне» с городом справа, ближе к центру экрана */
	.pl-hero .pl-hero__content {
		margin-right: 0 !important;
		margin-left: max(0px, calc(var(--pl-hero-x) - 320px)) !important;
	}
}

/* ===== Направления и карточки ======================================== */
.pl-services {
	padding-top: clamp(64px, 8vw, 110px);
	padding-bottom: clamp(64px, 9vw, 130px);
	background: var(--pl-dark);
}

.pl-services > h2 {
	margin-bottom: 0;
}

.pl-features {
	max-width: 920px !important;
	margin-top: clamp(40px, 5vw, 64px) !important;
	gap: clamp(40px, 5vw, 72px) clamp(32px, 5vw, 80px) !important;
}

.pl-feature {
	text-align: center;
}

.pl-feature > * {
	margin-top: 0 !important;
}

.pl-icon {
	margin: 0 auto 18px !important;
}

.pl-icon img {
	display: block;
	width: 44px;
	height: 44px;
	transition: transform 0.3s ease, filter 0.3s ease;
}

/* Наведение на направление: иконка чуть растёт и светится медью */
.pl-feature:hover .pl-icon img,
.pl-feature:focus-within .pl-icon img {
	transform: scale(1.18);
	filter: brightness(1.35) drop-shadow(0 0 10px rgba(192, 108, 61, 0.75));
}

.pl-feature h3 {
	margin-bottom: 12px;
	font-size: 1.125rem;
}

.pl-feature p {
	margin: 0;
	color: var(--pl-soft);
	font-size: 0.9375rem;
	line-height: 1.65;
}

@media (max-width: 700px) {
	.pl-features {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

.pl-cards {
	max-width: 1080px !important;
	margin-top: clamp(64px, 8vw, 110px) !important;
	margin-bottom: 0 !important;
	gap: clamp(24px, 4vw, 64px) !important;
}

.pl-card.wp-block-cover {
	height: 100%;
	min-height: 360px;
	padding: clamp(24px, 3vw, 40px);
	overflow: hidden;
	border-radius: 4px;
}

.pl-card .wp-block-cover__image-background {
	transition: transform 0.6s ease;
}

.pl-card:hover .wp-block-cover__image-background {
	transform: scale(1.04);
}

.pl-card h3 {
	font-size: clamp(1.25rem, 1rem + 0.7vw, 1.625rem);
}

.pl-card p {
	margin: 0;
	color: var(--pl-soft);
	font-size: 0.875rem;
	font-weight: 600;
}

/* ===== Системный подход ============================================== */
.pl-approach.wp-block-cover {
	padding: clamp(80px, 10vw, 140px) var(--pl-gutter);
	background: var(--pl-bg);
}

.pl-mask--approach::after {
	background-image: var(--pl-arc-down), var(--pl-arc-up), url("assets/img/mask-approach.svg");
	background-position: center top, center bottom, center;
	background-size: 100% 50px, 100% 50px, cover;
}

/* У обложки «по левому краю» контейнер сжимается по тексту — растягиваем на всю ширину */
.pl-approach.wp-block-cover .wp-block-cover__inner-container {
	width: 100% !important;
}

.pl-approach .pl-panel {
	max-width: 600px !important;
	margin-right: 0 !important;
	margin-left: max(0px, calc(var(--pl-approach-x) - 300px)) !important;
	padding: clamp(24px, 3vw, 40px);
	background: radial-gradient(circle at left center, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0) 100%);
}

.pl-panel h2 {
	font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);
}

.pl-panel p {
	color: var(--pl-soft);
	font-size: 0.9375rem;
}

.pl-panel p:last-child {
	margin-bottom: 0;
}

/* ===== Как мы работаем =============================================== */
.wp-block-columns.pl-process {
	gap: 0 !important;
	margin: 0;
	background: #1a1a1a;
}

.pl-process > .wp-block-column {
	display: flex;
}

.pl-process__half.wp-block-cover {
	width: 100%;
	min-height: 520px !important;
	padding: clamp(48px, 6vw, 90px) clamp(20px, 5vw, 80px);
}

/* Текст каждой половины — блок одинаковой ширины по центру половины.
   Блоки обеих половин одной высоты: верх и низ совпадают («квадрат»),
   этапы распределяются по высоте равномерно. */
.pl-process__half.wp-block-cover {
	align-items: stretch !important;
	justify-content: center !important;
}

.pl-process__half.wp-block-cover .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	width: min(500px, 100%) !important;
	margin: 0 !important;
}

.pl-process__half .pl-step {
	margin-top: auto !important;
	padding-top: 1.75rem;
}

.pl-process__half .wp-block-cover__inner-container > .pl-step:first-child {
	margin-top: 0 !important;
	padding-top: 0;
}

.pl-process__half .wp-block-cover__inner-container > * {
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.pl-process h2 {
	margin-bottom: 1.5rem;
}

.pl-step {
	margin-bottom: 0.5rem !important;
	font-size: 1rem;
}

.pl-process p {
	margin: 0;
	color: var(--pl-soft);
	font-size: 0.9375rem;
}

/* ===== Контакты ====================================================== */
.pl-contacts {
	padding-top: clamp(72px, 9vw, 120px);
	padding-bottom: clamp(60px, 7vw, 90px);
	overflow: hidden;
	background: var(--pl-bg);
}

/* Медная волна: на десктопе сдвинута влево, чтобы освободить место под контакты */
.pl-mask--contacts::after {
	background-image: url("assets/img/mask-contacts.svg");
	background-position: center;
	background-size: cover;
}

.pl-contacts::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	height: 50px;
	pointer-events: none;
	background: var(--pl-arc-down) center top / 100% 50px no-repeat;
}

.pl-contacts .pl-contacts__box {
	max-width: 560px !important;
	text-align: center;
}

.pl-contacts__box > * {
	margin-top: 0 !important;
}

.pl-contacts__title {
	margin-bottom: 0.5rem !important;
	font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
}

.pl-contacts__note {
	margin-bottom: 1.75rem !important;
	text-wrap: balance;
	color: var(--pl-soft);
	font-size: 0.9375rem;
}

.pl-map iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	border: 3px solid var(--pl-copper);
	border-radius: 10px;
	background: #111;
}

@media (min-width: 1000px) {
	.pl-mask--contacts::after {
		transform: translateX(-10%);
	}

	/* Ближе к центру, но не левее медной волны (она доходит примерно до 40% экрана) */
	.pl-contacts .pl-contacts__box {
		margin-right: 0 !important;
		margin-left: min(calc(100% - 560px), max(calc(var(--pl-contacts-x) - 280px), calc(41vw - var(--pl-gutter)))) !important;
	}
}

/* Карта на всю секцию под медной волной */
.pl-contacts--map {
	min-height: clamp(440px, 46vw, 720px);
	padding: 0 !important;
}

.pl-contacts--map > .pl-map {
	position: absolute;
	inset: 0;
	z-index: 0;
	max-width: none !important;
	margin: 0 !important;
}

.pl-contacts--map > .pl-map iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	border: 0;
	border-radius: 0;
}

/* Медь над картой — непрозрачная, того же оттенка, что над чёрным */
.pl-contacts--map.pl-mask--contacts::after {
	background-image: url("assets/img/mask-contacts-map.svg");
}

@media (min-width: 1000px) {
	/* Карта начинается у медной волны: её центр (метка офиса) — посередине «окна»,
	   кнопки масштаба справа остаются на экране */
	.pl-contacts--map > .pl-map {
		left: 18%;
	}
}

@media (max-width: 999px) {
	.pl-contacts--map.pl-mask--contacts::after {
		opacity: 1;
	}
}

/* Кнопки масштаба карты */
.pl-zoom {
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid rgba(192, 108, 61, 0.6);
	border-radius: 10px;
	background: rgba(10, 10, 10, 0.88);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
	transform: translateY(-50%);
}

.pl-zoom button {
	width: 42px;
	height: 42px;
	border: 0;
	background: none;
	color: #fff;
	font: 400 1.5rem/1 var(--pl-font);
	cursor: pointer;
	transition: color 0.2s, background 0.2s;
}

.pl-zoom button + button {
	border-top: 1px solid rgba(192, 108, 61, 0.35);
}

.pl-zoom button:hover:not(:disabled) {
	background: rgba(192, 108, 61, 0.2);
	color: var(--pl-copper);
}

.pl-zoom button:disabled {
	opacity: 0.35;
	cursor: default;
}

@media (max-width: 600px) {
	.pl-zoom {
		top: auto;
		right: 12px;
		bottom: 36px;
		transform: none;
	}
}

/* Карта Яндекса (API v3) поверх того же контейнера */
.pl-ymap {
	position: absolute;
	inset: 0;
}

.pl-osm.is-yandex {
	background: #eceae6;
}

.pl-dark-map .pl-osm.is-yandex {
	background: #222;
}

.pl-ymarker {
	position: relative;
	width: 0;
	height: 0;
}

/* Карта OpenStreetMap из плиток */
.pl-osm {
	overflow: hidden;
	background: #e4e0d8;
	user-select: none;
}

.pl-osm__tiles {
	position: absolute;
	inset: 0;
}

.pl-osm__tiles img {
	position: absolute;
	width: 256px;
	height: 256px;
	max-width: none;
	opacity: 0;
	transition: opacity 0.4s;
	pointer-events: none;
}

.pl-osm__tiles img.is-in {
	opacity: 1;
}

.pl-osm__pin {
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	color: #fff;
	text-decoration: none !important;
}

.pl-osm__pin[hidden] {
	display: none;
}

.pl-osm__dot {
	position: absolute;
	top: -9px;
	left: -9px;
	width: 18px;
	height: 18px;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--pl-copper);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.pl-osm__dot::after {
	content: "";
	position: absolute;
	inset: -3px;
	border-radius: 50%;
	border: 2px solid var(--pl-copper);
	animation: pl-pulse 2.2s ease-out infinite;
}

@keyframes pl-pulse {
	from { transform: scale(1); opacity: 0.9; }
	to { transform: scale(3.2); opacity: 0; }
}

.pl-osm__label {
	position: absolute;
	top: 0;
	left: 18px;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	padding: 8px 14px;
	border: 1px solid rgba(192, 108, 61, 0.6);
	border-radius: 8px;
	background: rgba(10, 10, 10, 0.9);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
	font-size: 0.8125rem;
	line-height: 1.35;
	white-space: nowrap;
}

.pl-osm__label strong {
	font-family: var(--pl-display);
	font-weight: 400;
	letter-spacing: 0.06em;
}

.pl-osm__label span {
	color: var(--pl-copper);
	font-weight: 600;
}

.pl-osm__pin:hover .pl-osm__label {
	border-color: var(--pl-copper);
}

@media (max-width: 600px) {
	/* На телефоне подпись над точкой, по центру */
	.pl-osm__label {
		top: -18px;
		left: 0;
		transform: translate(-50%, -100%);
		align-items: center;
	}
}

.pl-osm__copy {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 2px 8px;
	background: rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 11px;
}

.pl-dark-map .pl-osm {
	background: #1d1d1d;
}

.pl-dark-map .pl-osm__tiles {
	filter: invert(0.9) hue-rotate(180deg) saturate(0.6) brightness(0.9);
}

.pl-dark-map .pl-osm__copy {
	background: rgba(0, 0, 0, 0.6);
	color: #aaa;
}

/* «Тёмная карта» из настроек темы: перекрашивает карту под чёрный сайт */
.pl-dark-map .pl-map iframe {
	filter: invert(0.9) hue-rotate(180deg) saturate(0.8) brightness(0.95);
}

/* ===== Мобильные: маски легче, чтобы не перекрывать текст ============ */
@media (max-width: 999px) {
	.pl-mask--hero::after,
	.pl-mask--approach::after,
	.pl-mask--contacts::after {
		opacity: 0.55;
	}

	.pl-approach .pl-panel {
		background: rgba(0, 0, 0, 0.55);
	}

	.pl-process__half.wp-block-cover {
		min-height: 0 !important;
	}
}

/* ===== Плашка о cookie =============================================== */
.pl-cookie {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	display: flex;
	align-items: center;
	gap: 18px;
	max-width: 560px;
	padding: 16px 18px 16px 20px;
	border: 1px solid rgba(192, 108, 61, 0.45);
	border-radius: 10px;
	background: rgba(15, 15, 14, 0.96);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
	color: var(--pl-soft);
	font-size: 0.8125rem;
	line-height: 1.5;
	animation: pl-cookie-in 0.35s ease both;
}

.pl-cookie[hidden] {
	display: none;
}

.pl-cookie.is-closing {
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.25s, transform 0.25s;
}

.pl-cookie__text {
	margin: 0;
}

.pl-cookie__btn {
	flex: none;
	padding: 10px 20px;
	border: 0;
	border-radius: 40px;
	background: var(--pl-copper);
	color: #fff;
	font: 700 0.875rem/1 var(--pl-font);
	cursor: pointer;
	transition: background 0.2s;
}

.pl-cookie__btn:hover {
	background: #a85a30;
}

@keyframes pl-cookie-in {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: none; }
}

@media (max-width: 600px) {
	.pl-cookie {
		right: 10px;
		bottom: 10px;
		left: 10px;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		max-width: none;
	}
}

/* ===== Подвал ======================================================== */
.site-footer {
	padding: 40px var(--pl-gutter) 48px;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	background: var(--pl-bg);
	color: var(--pl-dim);
	font-size: 0.8125rem;
	line-height: 1.6;
	text-align: center;
}

.site-footer__inner {
	max-width: 1200px;
	margin: 0 auto;
}

.site-footer__phone {
	display: inline-block;
	margin-bottom: 4px;
	font-family: var(--pl-display);
	font-size: 1.25rem;
	letter-spacing: 0.06em;
}

.site-footer__email {
	display: block;
	width: max-content;
	margin: 0 auto 14px;
	font-size: 0.9375rem;
	font-weight: 600;
}

.site-footer__req {
	max-width: 760px;
	margin: 0 auto 10px;
}

.site-footer__copy {
	margin: 0;
	opacity: 0.7;
}

/* ===== Обычные страницы и записи ===================================== */
.page-article {
	max-width: 860px;
	margin: 0 auto;
	padding: clamp(32px, 5vw, 64px) var(--pl-gutter) clamp(56px, 8vw, 96px);
}

.page-header {
	margin-bottom: 2rem;
}

.page-title {
	margin: 0;
}

.page-meta {
	margin: 0.5rem 0 0;
	color: var(--pl-dim);
	font-size: 0.875rem;
}

.page-article .entry-content {
	color: var(--pl-soft);
}

.page-article .entry-content > * + * {
	margin-top: 1.25rem;
}

.page-article .entry-content h2,
.page-article .entry-content h3 {
	margin-top: 2.25rem;
}

.page-article .entry-content ul,
.page-article .entry-content ol {
	padding-left: 1.4em;
}

.page-article .entry-content table {
	width: 100%;
	border-collapse: collapse;
}

.page-article .entry-content th,
.page-article .entry-content td {
	padding: 8px 10px;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.post-list {
	display: grid;
	gap: 32px;
}

.post-card__title {
	margin-bottom: 0.4rem;
	font-size: 1.375rem;
}

.post-card__title a {
	color: var(--pl-text);
}

.nav-links {
	display: flex;
	gap: 12px;
	margin-top: 40px;
}

/* ===== Редактор блоков =============================================== */
.editor-styles-wrapper {
	background: var(--pl-bg);
	color: var(--pl-text);
}

/* ===== Меньше движения, если так настроена система =================== */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*,
	*::before,
	*::after {
		transition: none !important;
	}
}

.editor-styles-wrapper .editor-post-title {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 24px var(--pl-gutter) 0;
}