/* ═══════════════════════════════════════════
   ROYSEN · Текстові сторінки (доставка, оферта,
   конфіденційність, повернення) — .prose з page-blog.css
   ═══════════════════════════════════════════ */

.tp{ padding:24px 0 100px; }

.tp-head{ display:flex; flex-direction:column; gap:10px; margin-bottom:56px; max-width:900px; }
.tp-title{
	font-size:clamp(48px, 5vw, 72px);
	font-weight:500; line-height:1.1; text-transform:uppercase;
}
.tp-updated{ font-size:13px; color:var(--muted); }
.tp-intro{ font-size:16px; line-height:1.6; color:var(--muted); max-width:640px; margin-top:8px; }

.tp-layout{
	display:grid;
	grid-template-columns:300px minmax(0,1fr);
	gap:48px 96px;
	align-items:start;
}
.tp-layout--plain{ grid-template-columns:minmax(0,1fr); }

/* ─── Зміст (липкий) ─── */
.tp-toc{
	position:sticky; top:96px;
	display:flex; flex-direction:column; gap:16px;
	border-top:1px solid var(--line);
	padding-top:20px;
}
.tp-toc ol{
	list-style:none; margin:0; padding:0;
	display:flex; flex-direction:column;
}
.tp-toc li{ border-bottom:1px solid var(--line); }
.tp-toc a{
	display:block; padding:12px 2px;
	font-size:14px; line-height:1.4; color:var(--ink);
	text-decoration:none;
	transition:padding-left .2s, background .2s;
}
.tp-toc a:hover{ padding-left:10px; background:var(--yellow-soft); }

/* ─── Секції ─── */
.tp-body{ max-width:800px; display:flex; flex-direction:column; gap:56px; }
.tp-section{ scroll-margin-top:110px; }
.tp-section__title{
	display:flex; align-items:baseline; gap:16px;
	font-size:24px; font-weight:500; line-height:1.3; text-transform:uppercase;
	padding-bottom:14px; margin-bottom:20px;
	border-bottom:1px solid var(--line);
}
.tp-section__num{
	font-size:13px; font-weight:400; letter-spacing:.08em;
	color:var(--muted); flex:none;
}
.tp-section:target .tp-section__title{ border-bottom-color:var(--yellow); }

/* Типографіка .prose приїздить з page-blog.css; локальні дрібниці: */
.tp .prose{ font-size:15px; }
.tp .prose h2{ font-size:20px; margin-top:32px; }
.tp .prose h3{ font-size:16px; margin-top:24px; }
