:root {
	--bg: #1c130b;
	--card: #2b1d10;
	--wood: #b98a52;
	--text: #f4ead8;
	--muted: #c9b79c;
	--gold: #ffd36b;
	--blue: #3a73d6;
}
* { box-sizing: border-box; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font: 17px/1.6 "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
}
.band {
	height: 14px;
	background:
		linear-gradient(45deg, var(--blue) 25%, transparent 25%, transparent 75%, var(--blue) 75%) 0 0 / 22px 14px,
		linear-gradient(45deg, var(--blue) 25%, #f4f4f8 25%, #f4f4f8 75%, var(--blue) 75%) 11px 7px / 22px 14px;
}
header, main, footer { max-width: 860px; margin: 0 auto; padding: 0 20px; }
header { padding-top: 28px; padding-bottom: 8px; }
header a.brand { color: var(--gold); text-decoration: none; font-weight: 700; font-size: 1.4rem; }
nav { margin-top: 6px; }
nav a { color: var(--muted); margin-right: 18px; text-decoration: none; }
nav a:hover { color: var(--gold); }
h1 { color: var(--gold); font-size: 2.1rem; margin: 18px 0 8px; }
h2 { color: var(--wood); margin-top: 32px; font-size: 1.3rem; }
h3 { margin-top: 22px; font-size: 1.05rem; }
a { color: var(--gold); }
.card {
	background: var(--card);
	border: 2px solid #4a3218;
	border-radius: 12px;
	padding: 20px 24px;
	margin: 20px 0;
}
.lang { color: var(--muted); font-size: 0.95rem; }
footer { color: var(--muted); font-size: 0.9rem; padding-top: 30px; padding-bottom: 40px; }
footer a { color: var(--muted); }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 18px; }
dt { color: var(--muted); }
dd { margin: 0; }
@media (max-width: 600px) {
	dl { grid-template-columns: 1fr; }
	dt { margin-top: 8px; }
}