/* Юридические документы: шапка, плитки, плавающее оглавление, «коротко о главном», разделы.
   ==========================================================================

   ПО ОБРАЗЦУ ВЛАДЕЛЬЦА 28.10.2026 (tusovka.co.il/privacy-policy/, SCRUM-889). Отдельный файл, а не
   правка `legal.css`: тот же `legal.css` держит колонку справки, и новая раскладка документа не
   имеет права её задеть. Отсюда `legal.css` нужен документам только ради пометки о переводе
   (`.sc-legal__note`).

   Контейнер - общий с шапкой и подвалом (`--container-max` / `--container-pad`), своего нет:
   правило проекта «хедер = контент = футер». Своих токенов `--sc-` файл не объявляет. */

.sc-lg {
	background: var(--sc-l-plane, var(--sc-bg-page));
	color: var(--sc-text);
}

.sc-lg__wrap {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: var(--container-max, 1120px);
	margin-inline: auto;
	padding-inline: var(--container-pad, 24px);
}

/* --- шапка документа ---------------------------------------------------- */

.sc-lg__top {
	padding-block: var(--sc-space-32) var(--sc-space-24);
	border-block-end: var(--sc-rule-w-hair) solid var(--sc-hairline);
}

.sc-lg__crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sc-space-8);
	margin-block-end: var(--sc-space-16);
	font-size: var(--sc-text-body-sm);
	color: var(--sc-text-muted);
}
.sc-lg__crumbs a {
	color: var(--sc-text-muted);
	text-decoration: none;
}
.sc-lg__crumbs a:hover {
	color: var(--sc-text);
	text-decoration: underline;
}
.sc-lg__crumbs [aria-current] {
	color: var(--sc-text);
}

.sc-lg__headrow {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--sc-space-16) var(--sc-space-32);
}
.sc-lg__headtext {
	min-inline-size: 0;
	flex: 1 1 32rem;
}
.sc-lg__h1 {
	margin: 0;
	font-family: var(--sc-font-display, inherit);
	font-size: clamp(2rem, 1.4rem + 2.4vw, 2.75rem);
	line-height: 1.12;
	letter-spacing: -0.01em;
}
.sc-lg__lead {
	margin-block: var(--sc-space-8) 0;
	max-inline-size: 60ch;
	font-size: var(--sc-text-lead);
	line-height: var(--sc-lh-lead);
	color: var(--sc-text-muted);
}

.sc-lg__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sc-space-8);
}
.sc-lg__badge {
	display: inline-flex;
	align-items: center;
	min-block-size: 36px;
	padding-inline: var(--sc-space-12);
	border-radius: var(--sc-radius-pill);
	background: var(--sc-surface);
	border: var(--sc-rule-w-hair) solid var(--sc-hairline);
	font-size: var(--sc-text-body-sm);
	color: var(--sc-text-muted);
	white-space: nowrap;
}
.sc-lg__print {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-block-size: 36px;
	padding-inline: var(--sc-space-12);
	border: var(--sc-rule-w-hair) solid var(--sc-hairline);
	border-radius: var(--sc-radius-pill);
	background: var(--sc-surface);
	color: var(--sc-text);
	font: inherit;
	font-size: var(--sc-text-body-sm);
	cursor: pointer;
}
.sc-lg__print:hover {
	background: var(--sc-quiet-hover);
}
.sc-lg__print svg {
	inline-size: 18px;
	block-size: 18px;
}

/* Плитки соседних документов: текущий подсвечен, остальные - путь к ним в один нажим. */
.sc-lg__docs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sc-space-8);
	margin-block-start: var(--sc-space-24);
}
.sc-lg__doc-tile {
	display: inline-flex;
	align-items: center;
	min-block-size: 40px;
	padding-inline: var(--sc-space-16);
	border: var(--sc-rule-w-hair) solid var(--sc-hairline);
	border-radius: var(--sc-radius-btn, 10px);
	background: var(--sc-surface);
	color: var(--sc-text);
	font-size: var(--sc-text-body-sm);
	font-weight: var(--sc-fw-medium);
	text-decoration: none;
}
.sc-lg__doc-tile:hover {
	border-color: var(--sc-ink-500);
}
.sc-lg__doc-tile[aria-current] {
	border-color: var(--sc-selected-border);
	background: var(--sc-selected-surface);
	color: var(--sc-selected-on);
}

/* --- тело: оглавление + статья ------------------------------------------ */

.sc-lg__body {
	display: grid;
	grid-template-columns: 262px minmax(0, 1fr);
	align-items: start;
	gap: var(--sc-space-40, 40px);
	padding-block: var(--sc-space-32) var(--sc-space-80, 80px);
}

/* Плавающий сайдбар (`~/.claude/floating-sidebar-rules.md`): sticky + `top` из скрипта. */
.sc-lg__toc {
	position: sticky;
	inset-block-start: calc(var(--sc-header-h, 64px) + 24px);
	align-self: start;
}
.sc-lg__tocbox {
	padding: var(--sc-space-16);
	border: var(--sc-rule-w-hair) solid var(--sc-hairline);
	border-radius: var(--sc-radius-lg, 16px);
	background: var(--sc-surface);
}
.sc-lg__toch {
	margin-block: 0 var(--sc-space-8);
	padding-inline: var(--sc-space-8);
	font-size: var(--sc-text-caption);
	font-weight: var(--sc-fw-bold);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--sc-text-muted);
}
.sc-lg__toclist {
	display: grid;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sc-lg__toclist a {
	display: grid;
	grid-template-columns: 1.75rem minmax(0, 1fr);
	gap: var(--sc-space-4, 4px);
	padding-block: 7px;
	padding-inline: var(--sc-space-8);
	border-radius: var(--sc-radius-sm, 8px);
	font-size: var(--sc-text-body-sm);
	line-height: 1.35;
	color: var(--sc-text-muted);
	text-decoration: none;
}
.sc-lg__toclist a:hover {
	background: var(--sc-quiet-hover);
	color: var(--sc-text);
}
.sc-lg__toclist a.is-active {
	background: var(--sc-selected-surface);
	color: var(--sc-text);
	font-weight: var(--sc-fw-medium);
}
.sc-lg__tocnum {
	font-variant-numeric: tabular-nums;
	color: var(--sc-ink-500);
}
.sc-lg__toclist a.is-active .sc-lg__tocnum {
	color: var(--sc-accent);
}

/* Лента чипов - на узком экране вместо оглавления. */
.sc-lg__chips {
	display: none;
}

.sc-lg__doc {
	display: grid;
	gap: var(--sc-space-16);
	min-inline-size: 0;
}

/* --- коротко о главном --------------------------------------------------- */

.sc-lg__sum {
	padding-block: var(--sc-space-24);
	padding-inline: var(--sc-space-24);
	border-radius: var(--sc-radius-lg, 16px);
	background: var(--sc-selected-surface);
}
.sc-lg__eyebrow {
	margin: 0;
	font-size: var(--sc-text-caption);
	font-weight: var(--sc-fw-bold);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--sc-selected-on);
}
.sc-lg__sumh {
	margin-block: 4px var(--sc-space-16);
	font-family: var(--sc-font-heading, inherit);
	font-size: var(--sc-text-h3);
	line-height: var(--sc-lh-h3);
}
.sc-lg__sumlist {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--sc-space-12) var(--sc-space-24);
	margin: 0;
	padding: 0;
	list-style: none;
}
.sc-lg__sumlist li {
	position: relative;
	padding-inline-start: 30px;
	font-size: var(--sc-text-body-sm);
	line-height: var(--sc-lh-body-sm);
}
/* Галочка - кругом с отметкой, рисуется фоном: в тексте пункта значка нет, чтец читает только слова. */
.sc-lg__sumlist li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 1px;
	inline-size: 20px;
	block-size: 20px;
	border-radius: 50%;
	background: var(--sc-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}
.sc-lg__sumnote {
	margin-block: var(--sc-space-16) 0;
	font-size: var(--sc-text-caption);
	font-style: italic;
	color: var(--sc-text-muted);
}

/* --- разделы ------------------------------------------------------------- */

.sc-lg__sec {
	padding: var(--sc-space-24);
	border: var(--sc-rule-w-hair) solid var(--sc-hairline);
	border-radius: var(--sc-radius-lg, 16px);
	background: var(--sc-surface);
	scroll-margin-block-start: calc(var(--sc-header-h, 64px) + 24px);
}
.sc-lg__sechead {
	display: flex;
	align-items: center;
	gap: var(--sc-space-12);
	margin-block-end: var(--sc-space-12);
}
.sc-lg__secnum {
	display: inline-grid;
	place-items: center;
	flex: none;
	inline-size: 42px;
	block-size: 42px;
	border-radius: 12px;
	background: var(--sc-selected-surface);
	color: var(--sc-selected-on);
	font-weight: var(--sc-fw-bold);
	font-variant-numeric: tabular-nums;
}
.sc-lg__h2 {
	margin: 0;
	font-family: var(--sc-font-heading, inherit);
	font-size: 1.375rem;
	line-height: 1.25;
}
.sc-lg__text {
	max-inline-size: 72ch;
	font-size: var(--sc-text-body);
	line-height: 1.62;
	color: var(--sc-ink-800);
}
.sc-lg__text p {
	margin-block: 0 var(--sc-space-12);
}
.sc-lg__text p:last-child,
.sc-lg__list:last-child {
	margin-block-end: 0;
}
.sc-lg__list {
	margin-block: 0 var(--sc-space-12);
	padding-inline-start: 1.25rem;
}
.sc-lg__list li {
	margin-block-end: 6px;
}
.sc-lg__list li::marker {
	color: var(--sc-accent);
}

.sc-lg__foot {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sc-space-8) var(--sc-space-24);
	padding-block-start: var(--sc-space-16);
	font-size: var(--sc-text-body-sm);
}
.sc-lg__foot a {
	color: var(--sc-link);
}
.sc-lg__up {
	margin-inline-start: auto;
}

/* --- узкий экран: оглавление уходит, вместо него лента чипов ----------- */

@media (max-width: 980px) {
	.sc-lg__body {
		grid-template-columns: minmax(0, 1fr);
		padding-block-start: var(--sc-space-16);
	}
	.sc-lg__toc {
		display: none;
	}
	.sc-lg__chips {
		display: flex;
		gap: var(--sc-space-8);
		margin-inline: calc(var(--container-pad, 24px) * -1);
		padding-inline: var(--container-pad, 24px);
		padding-block-end: 4px;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.sc-lg__chips a {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		flex: none;
		min-block-size: 36px;
		padding-inline: var(--sc-space-12);
		border: var(--sc-rule-w-hair) solid var(--sc-hairline);
		border-radius: var(--sc-radius-pill);
		background: var(--sc-surface);
		color: var(--sc-text);
		font-size: var(--sc-text-body-sm);
		text-decoration: none;
		white-space: nowrap;
	}
	.sc-lg__chips a.is-active {
		border-color: var(--sc-selected-border);
		background: var(--sc-selected-surface);
	}
	.sc-lg__sumlist {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 560px) {
	/* Плитки документов - лентой, как чипы разделов: столбиком они занимали четыре строки первого экрана. */
	.sc-lg__docs {
		flex-wrap: nowrap;
		margin-inline: calc(var(--container-pad, 24px) * -1);
		padding-inline: var(--container-pad, 24px);
		overflow-x: auto;
		scrollbar-width: none;
	}
	.sc-lg__doc-tile {
		flex: none;
		white-space: nowrap;
	}
	.sc-lg__sec,
	.sc-lg__sum {
		padding: var(--sc-space-16);
	}
	.sc-lg__secnum {
		inline-size: 36px;
		block-size: 36px;
	}
	.sc-lg__h2 {
		font-size: 1.2rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sc-lg__toc {
		transition: none;
	}
}

/* Печать: только документ - без шапки сайта, плиток, оглавления и окна cookies. */
@media print {
	.sc-l-header,
	.sc-ln-foot,
	footer,
	.sc-lg__crumbs,
	.sc-lg__print,
	.sc-lg__docs,
	.sc-lg__toc,
	.sc-lg__chips,
	.sc-lg__foot,
	.sc-consent,
	.sc-consent-dlg {
		display: none !important;
	}
	.sc-lg,
	.sc-lg__sec,
	.sc-lg__sum {
		background: none;
		border-color: #ccc;
	}
	.sc-lg__body {
		display: block;
		padding: 0;
	}
	.sc-lg__sec {
		break-inside: avoid;
		margin-block-end: 12px;
	}
}