:root { --ink: #173b3a; --teal: #17645f; --teal-hover: #104e49; --canvas: #f7f5ef; --surface: #ffffff; --text: #233c3b; --muted: #526664; --border: #d8e1dc; --font: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--canvas); color: var(--text); font: 16px/1.6 var(--font); -webkit-font-smoothing: antialiased; }
a { color: var(--teal); }
a:hover { color: var(--teal-hover); }
:focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; }
header { background: var(--surface); border-bottom: 1px solid var(--border); }
header .wrap { display: flex; align-items: center; min-height: 68px; }
header img { height: 40px; width: auto; display: block; }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 16px; }
main { padding: 48px 0 64px; }
h1 { font-size: 36px; line-height: 1.2; color: var(--ink); margin: 0 0 8px; }
h2 { font-size: 21px; color: var(--ink); margin: 36px 0 8px; }
.updated { color: var(--muted); font-size: 14px; margin: 0 0 24px; }
footer { border-top: 1px solid var(--border); padding: 32px 0; font-size: 14px; color: var(--muted); }
footer .wrap { display: flex; gap: 16px; flex-wrap: wrap; justify-content: space-between; }