/* ==========================================================================
   Policy / legal pages — local/templates/vepr
   Страницы: /legal/agreement, /legal/confidential, /legal/cookie
   ========================================================================== */

.page-content{
	max-width:1600px;
	margin:0 auto;
	padding:56px 12px 80px;
	font-family:'Manrope',"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
	color:#3a3c42;
}

.privacy-hero{
	margin-bottom:8px;
	padding-bottom:28px;
	border-bottom:1px solid #ecedef;
}
.privacy-hero h1{
	margin:0;
	font-size:34px;
	line-height:1.18;
	font-weight:700;
	letter-spacing:-.01em;
	color:#16181c;
	text-wrap:balance;
}

.privacy-section{ margin:34px 0 0; }

.privacy-title{
	font-size:22px;
	font-weight:700;
	line-height:1.3;
	color:#16181c;
	margin:0 0 14px;
	padding-left:14px;
	border-left:3px solid #e53533;
}
.privacy-subtitle{
	font-size:17px;
	font-weight:600;
	color:#16181c;
	margin:26px 0 10px;
}
.privacy-text{
	font-size:15px;
	line-height:1.75;
	color:#3a3c42;
	margin:0 0 14px;
}

.privacy-list{
	margin:0 0 16px;
	padding-left:22px;
	font-size:15px;
	line-height:1.75;
	color:#3a3c42;
}
.privacy-list li{ margin-bottom:9px; }
.privacy-list li::marker{ color:#e53533; }

.notice-box{
	background:#f6f7f8;
	border:1px solid #ecedef;
	border-left:3px solid #e53533;
	border-radius:10px;
	padding:20px 22px;
	margin:26px 0;
}
.notice-title{
	font-weight:700;
	color:#16181c;
	margin:0 0 8px;
	font-size:16px;
}
.notice-box .privacy-text:last-child{ margin-bottom:0; }

.contact-link{
	color:#e53533;
	text-decoration:none;
	border-bottom:1px solid rgba(229,53,51,.35);
	transition:border-color .15s;
}
.contact-link:hover{ border-color:#e53533; }

@media (max-width:600px){
	.page-content{ padding:36px 16px 56px; }
	.privacy-hero h1{ font-size:26px; }
	.privacy-title{ font-size:19px; }
}

/* ==========================================================================
   Двухколоночная раскладка документа: контент + навигация по разделам
   ========================================================================== */
.doc-grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) 260px;
	gap:52px;
	align-items:start;
	margin-top:24px;
}
.doc-main{ min-width:0; }
.doc-main .privacy-section:first-child{ margin-top:0; }
.doc-toc{ position:sticky; top:96px; }
.doc-toc__inner{ border-left:2px solid #ecedef; padding-left:20px; }
.doc-toc__ttl{
	display:block; margin-bottom:14px;
	font-size:12px; text-transform:uppercase; letter-spacing:.08em;
	color:#9598a0; font-weight:700;
}
.doc-toc ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.doc-toc a{
	font-size:13.5px; line-height:1.4; color:#5a5b5c; text-decoration:none;
	transition:color .12s ease;
}
.doc-toc a:hover{ color:#e53533; }
.doc-toc a.active{ color:#e53533; font-weight:600; }
.privacy-title, .privacy-subtitle{ scroll-margin-top:100px; }

@media (max-width:900px){
	.doc-grid{ grid-template-columns:1fr; gap:0; }
	.doc-toc{ display:none; }
}
