/* ==========================================================================
   Контент: записи, страницы, архивы, поиск, 404

   Шаблоны наследуются от родительской темы без изменений, поэтому здесь
   только оформление. Ширина колонки задаётся через --measure, а не жёсткими
   700px, и текст остаётся читаемым на любом экране.
   ========================================================================== */

.content-area {
	width: min(100% - 2 * var(--space-s), var(--container));
	margin-inline: auto;
	padding-block: var(--space-l) var(--space-2xl);
}

/* Главная задаёт свои отступы сама */
.chr-front.content-area {
	padding-block-start: var(--space-l);
}

/* --- Запись --- */

.hentry {
	max-width: var(--measure);
	margin-inline: auto;
}

.hentry + .hentry {
	margin-block-start: var(--space-2xl);
	padding-block-start: var(--space-l);
	border-block-start: 1px solid var(--c-rule-soft);
}

.entry-header {
	margin-block-end: var(--space-s);
}

.entry-title {
	font-size: var(--step-2);
	line-height: 1.25;
}

.entry-title a {
	color: inherit;
}

/*
 * Миниатюра записи скрыта — так было и в старой теме: изображения идут
 * внутри самого текста записи, а миниатюра дублировала бы первое из них.
 */
.entry-thumbnail {
	display: none;
}

.entry-meta {
	font-family: var(--font-ui);
	font-size: var(--step--1);
	color: var(--c-ink-soft);
}

.entry-meta a {
	color: inherit;
}

/*
 * В строке сведений остаётся только дата. Рубрика, метки, автор и ссылка
 * на комментарии скрывались и в старой теме.
 */
.entry-meta .categories-links,
.entry-meta .tags-links,
.entry-meta .author,
.entry-meta .comments-link,
.entry-meta .edit-link {
	display: none;
}

/* --- Текст записи --- */

.entry-content,
.entry-summary {
	font-size: var(--step-0);
	line-height: 1.75;
}

.entry-content > * + * {
	margin-block-start: var(--space-m);
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-block-start: var(--space-l);
}

.entry-content img,
.entry-content iframe,
.entry-content video {
	max-width: 100%;
	height: auto;
	margin-inline: auto;
}

.entry-content iframe {
	display: block;
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

.entry-content a {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.entry-content ul,
.entry-content ol {
	padding-inline-start: 1.5em;
}

.entry-content blockquote {
	padding-inline-start: var(--space-m);
	border-inline-start: 2px solid var(--c-rule-soft);
	font-style: italic;
}

.entry-content table {
	display: block;
	width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
}

/*
 * Широкий контент — таблицы, слайдеры, встроенные виджеты — не должен
 * растягивать страницу и включать горизонтальную прокрутку всего сайта.
 */
.entry-content > * {
	max-width: 100%;
}

/* --- Заголовок архива --- */

.archive-header,
.page-header {
	max-width: var(--measure);
	margin-inline: auto;
	margin-block-end: var(--space-l);
	padding: var(--space-m);
	background-color: var(--c-surface);
	text-align: center;
}

.archive-title,
.page-title {
	font-family: var(--font-display);
	font-size: var(--step-2);
	font-weight: 300;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.archive-meta {
	margin-block-start: var(--space-2xs);
	font-size: var(--step--1);
	color: var(--c-ink-soft);
}

/* --- Постраничная навигация --- */

.navigation {
	max-width: var(--measure);
	margin: var(--space-xl) auto 0;
	padding-block-start: var(--space-m);
	border-block-start: 1px solid var(--c-rule-soft);
	font-family: var(--font-ui);
}

.navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--space-s);
}

.navigation a {
	display: inline-block;
	padding: 0.4em 0.9em;
	border: 1px solid var(--c-rule);
	border-radius: var(--radius);
}

.navigation a:hover {
	background-color: var(--c-surface);
	text-decoration: none;
}

.nav-next {
	margin-inline-start: auto;
}

/* --- Поиск и 404 --- */

.no-results,
.error404 .page-content {
	max-width: var(--measure);
	margin-inline: auto;
	text-align: center;
}

.search-form,
.searchform {
	display: flex;
	gap: var(--space-2xs);
	justify-content: center;
	margin-block-start: var(--space-m);
}

.search-field,
.search-form input[type="search"] {
	flex: 1 1 auto;
	max-width: 22rem;
	padding: 0.5em 0.75em;
	background-color: #fff;
	border: 1px solid var(--c-rule-soft);
	border-radius: var(--radius);
}

.search-submit,
.search-form input[type="submit"] {
	padding: 0.5em 1em;
	background-color: var(--c-surface);
	border: 1px solid var(--c-rule);
	border-radius: var(--radius);
	cursor: pointer;
}

/* Виджеты сайдбара на сайте не используются, но на всякий случай */
.sidebar-container {
	display: none;
}