/* Pages légales — mêmes couleurs et typographies que la page d'accueil */
:root {
	--bg: #0d0d0d;
	--line: #2a2a2a;
	--text: #ece8e1;
	--soft: #cfcac1;
	--muted: #9a958c;
	--accent: #d8a24a;
	--serif: 'Cormorant Garamond', Georgia, serif;
	--sans: 'Inter', system-ui, sans-serif;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body {
	background: var(--bg);
	color: var(--text);
	font: 300 1rem/1.7 var(--sans);
	-webkit-font-smoothing: antialiased;
}
a {
	color: var(--accent);
}
.wrap {
	width: min(820px, 100% - 32px);
	margin-inline: auto;
}
header {
	border-bottom: 1px solid var(--line);
}
header .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 68px;
	padding: 10px 0;
}
/* logo + « MKDesign » dessous, le texte occupe 95 % de la largeur du logo (comme sur l'accueil) */
.brand {
	--logo-h: 62px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(var(--logo-h) * 0.07);
	font-family: 'Exo 2', var(--sans);
	font-weight: 400;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}
.brand img {
	height: var(--logo-h);
	width: auto;
}
.brand span {
	font-size: calc(var(--logo-h) * 0.157);
	letter-spacing: 0.15em;
	margin-right: -0.15em;
	white-space: nowrap;
}
.back {
	font-size: 0.76rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--muted);
	text-decoration: none;
}
.back:hover {
	color: var(--accent);
}
main {
	padding: 70px 0 90px;
}
h1 {
	font-family: var(--serif);
	font-weight: 400;
	font-size: clamp(2.2rem, 6vw, 3.4rem);
	line-height: 1.1;
	margin-bottom: 10px;
}
.updated {
	color: var(--muted);
	font-size: 0.85rem;
	margin-bottom: 44px;
}
h2 {
	font-family: var(--serif);
	font-weight: 400;
	font-size: 1.7rem;
	margin: 42px 0 12px;
}
p,
li {
	color: var(--soft);
}
p + p,
ul {
	margin-top: 10px;
}
ul {
	padding-left: 1.2em;
}
li + li {
	margin-top: 6px;
}
strong {
	color: var(--text);
	font-weight: 500;
}
.todo {
	color: var(--accent);
	border-bottom: 1px dashed var(--accent);
}
footer {
	border-top: 1px solid var(--line);
	padding: 30px 0;
	color: var(--muted);
	font-size: 0.84rem;
}
footer .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}
footer a {
	color: var(--muted);
}