:root { --ink: #2b2530; --muted: #6b6470; --accent: #c8553d; --bg: #fbf7f1; --card: #fff; }
* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.6 Georgia, "Times New Roman", serif; color: var(--ink); background: var(--bg); }
header { background: var(--ink); color: #fff; padding: 18px 16px; }
header a { color: #fff; text-decoration: none; font-weight: bold; }
nav { max-width: 760px; margin: 0 auto; display: flex; gap: 18px; flex-wrap: wrap; align-items: baseline; }
nav .brand { font-size: 20px; margin-right: auto; }
nav a.small { font-weight: normal; opacity: .85; font-size: 15px; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 60px; }
h1 { font-size: 32px; line-height: 1.2; }
h2 { margin-top: 36px; color: var(--accent); }
.card { background: var(--card); border-radius: 10px; padding: 16px 20px; margin: 16px 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #e6dfd6; }
code { background: #efe8de; padding: 1px 5px; border-radius: 4px; }
footer { color: var(--muted); font-size: 14px; text-align: center; padding: 30px 16px; }