:root { --sea: #0f4c6e; --sea-dark: #0b2f44; --text: #1d2b33; --muted: #5f6f78; --sand: #f7f3ec; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--text); background: var(--sand); line-height: 1.65; padding: 32px 16px; }
main { max-width: 760px; margin: 0 auto; background: #fff; border-radius: 14px; padding: clamp(20px, 5vw, 48px); box-shadow: 0 6px 24px rgba(11, 47, 68, 0.08); }
h1, h2 { font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; color: var(--sea-dark); line-height: 1.25; }
h1 { font-size: 2rem; margin: 16px 0 24px; }
h2 { font-size: 1.2rem; margin: 28px 0 8px; }
a { color: var(--sea); }
.back { text-decoration: none; font-weight: 600; }
.small { color: var(--muted); font-size: 0.88rem; margin-top: 28px; }
.todo { background: #fff3a8; outline: 2px dashed #e0b400; border-radius: 3px; padding: 0 3px; }