:root { --bg:#FAF6F0; --text:#1E1C1A; --muted:#5F5952; --accent:#B8401F; --border:#E9E1D6; --surface:#fff; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
header { border-bottom:1px solid var(--border); background:var(--surface); }
header .wrap { display:flex; align-items:center; justify-content:space-between; padding-top:14px; padding-bottom:14px; }
.wrap { max-width:760px; margin:0 auto; padding:0 16px; }
.logo { font-weight:800; font-size:20px; color:var(--text); text-decoration:none; }
nav a { margin-left:16px; color:var(--muted); text-decoration:none; font-size:15px; }
nav a:hover, a { color:var(--accent); }
main { padding:32px 0 64px; }
h1 { font-size:36px; line-height:1.15; letter-spacing:-0.5px; margin:0 0 8px; }
h2 { font-size:22px; margin:36px 0 8px; }
.meta { color:var(--muted); font-size:15px; }
.note { background:#FCE7DF; border-radius:14px; padding:12px 16px; font-size:15px; }
table { width:100%; border-collapse:collapse; font-size:15px; background:var(--surface); }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--border); vertical-align:top; }
footer { border-top:1px solid var(--border); padding:24px 0; color:var(--muted); font-size:14px; }
@media (max-width: 560px) { nav a { margin-left:10px; font-size:14px; } h1 { font-size:30px; } table { display:block; overflow-x:auto; } }