:root {
	--bg: #f7f9fc;
	--card: #ffffff;
	--text: #0f172a;
	--muted: #475569;
	--accent: #2563eb;
}

html, body {
	margin: 0;
	padding: 0;
	background: var(--bg);
	color: var(--text);
	font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
		"Helvetica Neue", Arial
}

.wrap {
	max-width: 860px;
	margin: 40px auto;
	padding: 0 16px
}

.card {
	background: var(--card);
	border-radius: 14px;
	box-shadow: 0 4px 24px rgba(2, 6, 23, .06);
	padding: 28px
}

h2 {
	margin: 24px 0 8px;
	font-size: 1.25rem
}

p.lead {
	color: var(--muted);
	margin: 0 0 16px
}

ol, ul {
	margin: 0 0 12px 22px
}

.methods li strong {
	color: var(--accent)
}

.note {
	font-size: .95rem;
	color: var(--muted)
}