:root { --bg:#f6f3ec; --fg:#1f2a33; --muted:#6b7680; --accent:#1d5c7a; --line:#d9d2c3; --card:#fffdf8; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#141a1f; --fg:#e6e9ec; --muted:#98a3ad; --accent:#7fb7d4; --line:#2c353d; --card:#1b232a; }
}
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.65 "PT Serif", Georgia, serif; }
a { color:var(--accent); }
.wrap { max-width:860px; margin:0 auto; padding:0 16px; }
header.site { border-bottom:1px solid var(--line); }
header.site .wrap { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding-top:20px; padding-bottom:16px; }
.logo { display:flex; align-items:center; gap:10px; color:var(--fg); text-decoration:none; font-size:1.35rem; font-weight:bold; }
.logo img { width:34px; height:34px; }
nav a { font:15px/1 system-ui, sans-serif; text-decoration:none; margin-left:18px; color:var(--muted); }
nav a:first-child { margin-left:0; }
nav a.on, nav a:hover { color:var(--accent); }
main { padding:28px 0 48px; }
h1 { font-size:2rem; line-height:1.2; margin:.2em 0 .4em; }
h2 { font-size:1.3rem; margin:1.6em 0 .4em; }
.lead { font-size:1.15rem; color:var(--muted); }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:16px; margin:20px 0; }
.card { background:var(--card); border:1px solid var(--line); border-radius:8px; padding:18px; }
.card h3 { margin:0 0 .3em; font-size:1.1rem; }
.meta { font:13px/1.4 system-ui, sans-serif; color:var(--muted); }
table { border-collapse:collapse; width:100%; font:15px/1.5 system-ui, sans-serif; margin:12px 0; }
td, th { border-bottom:1px solid var(--line); padding:8px 6px; text-align:left; vertical-align:top; }
footer { border-top:1px solid var(--line); padding:20px 0 32px; font:14px/1.5 system-ui, sans-serif; color:var(--muted); }
.hull { display:block; width:100%; max-width:520px; height:auto; margin:8px 0 4px; }