:root { --ink: #0f1f24; --muted: #4a5a60; --teal: #007f93; --line: #dfe7e9; --bg: #f6f9fa; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--ink); background: var(--bg); }
header { background: linear-gradient(90deg, #0b1a1f 0%, #00616f 55%, var(--teal) 100%); color: #fff; padding: 16px; }
header a { color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; font-weight: 600; }
header img { width: 32px; height: 32px; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 48px; }
h1 { font-size: 28px; line-height: 1.25; margin: 8px 0 16px; }
h2 { font-size: 19px; margin: 28px 0 8px; }
a { color: var(--teal); }
.card { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 16px 20px; margin: 16px 0; }
ol, ul { padding-left: 22px; }
li { margin: 4px 0; }
footer { max-width: 720px; margin: 0 auto; padding: 0 16px 32px; color: var(--muted); font-size: 14px; }
.card h2:first-child { margin-top: 4px; }