/**
 * Privacy Policy & Terms and Conditions — shared legal document layout
 * with a sticky table of contents.
 */

.tbp-legal-page {
	background: var(--tbp-color-background);
	color: var(--tbp-color-text);
}

.tbp-legal-hero {
	padding-block: clamp(3rem, 7vw, 5rem);
	background: var(--tbp-color-surface-soft);
	border-bottom: 1px solid var(--tbp-color-border);
}
.tbp-legal-hero__inner { max-width: 46rem; }
.tbp-legal-kicker { margin: 0 0 0.5rem; color: var(--tbp-color-gold-500); font-weight: 800; letter-spacing: 0.02em; }
.tbp-legal-hero h1 { margin: 0; font-size: clamp(1.9rem, 4.5vw, 3rem); }
.tbp-legal-updated { margin: 0.6rem 0 0; color: var(--tbp-color-text-muted); font-size: 0.95rem; }

.tbp-legal-section { padding-block: clamp(2.5rem, 6vw, 4.5rem); }

.tbp-legal-layout {
	display: grid;
	grid-template-columns: 15rem minmax(0, 1fr);
	gap: 3rem;
	align-items: start;
}

.tbp-legal-toc {
	position: sticky;
	top: 1.5rem;
	padding: 1.25rem;
	border: 1px solid var(--tbp-color-border);
	border-radius: var(--tbp-radius-lg);
	background: var(--tbp-color-surface);
}
.tbp-legal-toc__title { margin: 0 0 0.75rem; color: var(--tbp-color-heading); font-weight: 800; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.03em; }
.tbp-legal-toc ul { display: grid; gap: 0.5rem; list-style: none; margin: 0; padding: 0; }
.tbp-legal-toc a {
	color: var(--tbp-color-text-muted);
	font-size: 0.92rem;
	line-height: 1.5;
	text-decoration: none;
	transition: color var(--tbp-transition-fast, .18s ease);
}
.tbp-legal-toc a:hover,
.tbp-legal-toc a:focus-visible { color: var(--tbp-color-primary); }

.tbp-legal-body { display: grid; gap: 2.25rem; max-width: 44rem; }
.tbp-legal-block { scroll-margin-top: 1.5rem; }
.tbp-legal-block h2 { margin: 0 0 0.75rem; font-size: 1.4rem; }
.tbp-legal-block p { margin: 0 0 0.85rem; color: var(--tbp-color-text-muted); line-height: 1.9; }
.tbp-legal-block p:last-child { margin-bottom: 0; }

.tbp-legal-notice {
	padding: 1rem 1.25rem;
	border: 1px solid var(--tbp-color-gold-500);
	border-radius: var(--tbp-radius-md);
	background: var(--tbp-color-gold-100);
	color: #704f00;
	font-weight: 600;
	line-height: 1.8;
}
html[data-theme="dark"] .tbp-legal-notice { background: #3c310d; color: #ffe89b; }

@media (max-width: 900px) {
	.tbp-legal-layout { grid-template-columns: 1fr; }
	.tbp-legal-toc { position: static; }
}