/* ============================================================
   driftless — legal page styles
   Shared by /legal/* pages (terms, privacy, sla, cookies).
   Adds: legal-review banner, last-updated field, print styles.
   Builds on the docs layout (ds/docs.css) and design tokens.
   ============================================================ */

/* ===== Legal review banner (draft notice, shown until legal review) ===== */
.legal-review-banner {
	margin: 0 0 var(--space-6) 0;
	padding: var(--space-4) var(--space-5);
	border-radius: var(--radius-md);
	border: 1px solid var(--amber-100);
	border-left: 4px solid var(--amber-500);
	background: var(--amber-50);
	color: var(--amber-700);
	font-size: var(--text-sm);
	line-height: var(--leading-relaxed);
}
.legal-review-banner strong {
	color: var(--amber-700);
}
.legal-review-banner code {
	font-family: var(--font-mono);
	background: rgba(255, 255, 255, 0.6);
}
.legal-review-banner a {
	color: var(--amber-700);
	text-decoration: underline;
}

/* ===== Last updated field (docs-header) ===== */
.last-updated {
	margin-top: var(--space-3);
	font-family: var(--font-mono);
	font-size: var(--text-2xs);
	font-weight: var(--fw-medium);
	letter-spacing: var(--tracking-caps);
	text-transform: uppercase;
	color: var(--text-muted);
}
.last-updated time {
	color: var(--text-body);
}

/* ===== Pending-review clause marker ===== */
/* Inline [Pending review: ...] text is wrapped in <code class="pending-review"> */
.pending-review {
	background: var(--amber-50);
	color: var(--amber-700);
	border: 1px solid var(--amber-100);
	padding: 1px 5px;
	border-radius: var(--radius-sm);
	font-size: 0.85em;
	white-space: normal;
}
/* Force pending-review clauses to wrap on narrow viewports. .docs-prose code
   (ds/docs.css) sets white-space: nowrap for inline code tokens; this
   higher-specificity rule restores wrapping for long pending-review sentences. */
.docs-prose code.pending-review {
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* ============================================================
   Print — legal pages are print-friendly: hide site chrome,
   drop the sidebar grid, keep the draft banner visible.
   ============================================================ */
@media print {
	/* Hide navigation, footer, and the in-page TOC. */
	.nav,
	.footer,
	.docs-toc,
	.nav-toggle {
		display: none !important;
	}
	/* Full-width prose: collapse the TOC + prose grid. */
	.docs-container {
		display: block !important;
	}
	.docs-prose {
		max-width: 100% !important;
	}
	.docs {
		padding: 0 !important;
		background: #fff !important;
	}
	.docs-header {
		border-bottom: 1px solid #ccc !important;
	}
	/* Keep the review banner: a printed draft must show it is not yet reviewed. */
	.legal-review-banner {
		background: #fff !important;
		border: 1px solid #ccc !important;
		border-left: 4px solid var(--amber-500) !important;
		color: #333 !important;
	}
	.legal-review-banner strong,
	.legal-review-banner a {
		color: #333 !important;
	}
	/* Avoid splitting a section across pages. */
	.docs-section {
		break-inside: avoid;
		page-break-inside: avoid;
	}
	/* Plain link styling for print. */
	.docs-prose a {
		color: #000 !important;
		text-decoration: underline;
	}
	/* Visible borders on key/value tables. */
	.kv-table th,
	.kv-table td {
		border: 1px solid #ccc !important;
	}
	/* Visible borders on severity / service-credit matrix tables. */
	.severity-matrix th,
	.severity-matrix td {
		border: 1px solid #ccc !important;
	}
}