/*
 * The three public legal pages (privacy.html, terms.html, data-deletion.html). They are plain files, not console
 * routes: a provider's reviewer — and its crawler, which runs no JavaScript — must be able to read them without an
 * account, and the console is a client-rendered SPA behind a login. Meta asks every app for a privacy policy, terms
 * and data-deletion instructions URL before it will enable Facebook Login (dev, 2026-09-21).
 */
:root {
	--ink: #33475b;
	--body: #495057;
	--muted: #6b7884;
	--line: #e3e8ec;
	--brand: #ff3d57;
	--bg: #f6f9fa;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--body);
	font:
		16px/1.7 'Hind Madurai',
		Sarabun,
		system-ui,
		-apple-system,
		'Segoe UI',
		sans-serif;
}

header {
	background: #fff;
	border-bottom: 1px solid var(--line);
}

header .inner,
main,
footer .inner {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 20px;
}

header .inner {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 64px;
}

header img {
	height: 28px;
	width: auto;
}

header a {
	color: var(--ink);
	font-weight: 700;
	text-decoration: none;
}

main {
	padding-top: 32px;
	padding-bottom: 48px;
}

h1 {
	color: var(--ink);
	font-size: 28px;
	line-height: 1.3;
	margin: 0 0 4px;
}

h2 {
	color: var(--ink);
	font-size: 19px;
	margin: 32px 0 8px;
}

.updated {
	color: var(--muted);
	font-size: 14px;
	margin: 0 0 24px;
}

.lead {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 16px 20px;
	margin: 0 0 24px;
}

ul,
ol {
	padding-left: 22px;
}

li {
	margin: 6px 0;
}

a {
	color: var(--brand);
}

code {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 4px;
	padding: 1px 5px;
	font-size: 14px;
}

.th {
	color: var(--muted);
}

footer {
	border-top: 1px solid var(--line);
	background: #fff;
	color: var(--muted);
	font-size: 14px;
}

footer .inner {
	padding-top: 20px;
	padding-bottom: 28px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
}