/* Yana Berg — текстовые страницы (page.php): документы и правовая информация. */

.yb-doc__cover {
	padding: 150px var(--yb-gutter) 72px;
	background: var(--yb-ink);
	color: var(--yb-white);
}

.yb-doc__cover-inner {
	max-width: var(--yb-container);
	margin: 0 auto;
	padding-top: 24px;
}

.yb-doc .yb-doc__title {
	max-width: 14ch;
	margin: 48px 0 0;
	font-family: var(--yb-font-display);
	font-size: clamp(48px, 7vw, 104px);
	font-weight: 400;
	line-height: 0.95;
	letter-spacing: var(--yb-track-display);
	text-transform: none;
	color: var(--yb-white);
}

.yb-doc__body {
	padding: 88px var(--yb-gutter) 120px;
	background: var(--yb-paper);
	color: var(--yb-ink-text);
}

.yb-doc__content {
	max-width: 720px;
	margin: 0 auto;
	font-size: var(--yb-fs-lg);
	line-height: 1.7;
}

.yb-doc .yb-doc__content > * {
	margin: 0 0 20px;
}

.yb-doc .yb-doc__content h2 {
	margin: 56px 0 16px;
	font-family: var(--yb-font-display);
	font-size: var(--yb-fs-3xl);
	font-weight: 400;
	line-height: 1.15;
	text-transform: none;
	letter-spacing: 0;
	color: var(--yb-ink-text);
}

.yb-doc .yb-doc__content h2:first-child {
	margin-top: 0;
}

.yb-doc .yb-doc__content p,
.yb-doc .yb-doc__content li {
	color: var(--yb-ink-text);
}

.yb-doc .yb-doc__content ul {
	padding-left: 1.2em;
}

.yb-doc .yb-doc__content li {
	margin-bottom: 8px;
}

.yb-doc .yb-doc__content li::marker {
	color: var(--yb-marsala);
}

.yb-doc .yb-doc__content a {
	color: var(--yb-marsala);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.yb-doc .yb-doc__content strong {
	font-weight: 600;
}

/* Таблицы (cookies): на телефоне прокручиваются по горизонтали внутри колонки. */
.yb-doc .yb-doc__content table {
	display: block;
	width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	font-size: var(--yb-fs-sm);
	line-height: 1.5;
}

.yb-doc .yb-doc__content th,
.yb-doc .yb-doc__content td {
	min-width: 160px;
	padding: 12px 16px 12px 0;
	border-bottom: 1px solid var(--yb-paper-line);
	text-align: left;
	vertical-align: top;
	color: var(--yb-ink-text);
}

.yb-doc .yb-doc__content th {
	font-size: var(--yb-fs-label);
	font-weight: 600;
	letter-spacing: var(--yb-track-caps);
	text-transform: uppercase;
	color: var(--yb-paper-muted);
}

/* Подводка в начале документа. */
.yb-doc .yb-doc__content .yb-doc__lead {
	font-size: var(--yb-fs-xl);
	line-height: 1.5;
	color: var(--yb-paper-muted);
}

@media (max-width: 900px) {
	.yb-doc__cover {
		padding: 120px var(--yb-gutter-sm) 56px;
	}

	.yb-doc__body {
		padding: 56px var(--yb-gutter-sm) 88px;
	}

	.yb-doc__content {
		font-size: var(--yb-fs-md);
	}
}