:root{--ink:#2f3a31;--sub:#6b7a6d;--line:#e4e6e0;--bg:#faf9f6;--accent:#2d7a4f}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  line-height:1.9;font-size:15px}
header{background:#fff;border-bottom:1px solid var(--line);padding:18px 24px}
header a{color:var(--accent);text-decoration:none;font-weight:700;font-size:17px}
main{max-width:820px;margin:0 auto;padding:40px 24px 80px}
h1{font-size:26px;margin:0 0 8px;letter-spacing:.02em}
.meta{color:var(--sub);font-size:13px;margin:0 0 36px}
h2{font-size:17px;margin:38px 0 10px;padding-left:11px;border-left:4px solid var(--accent)}
h3{font-size:15px;margin:22px 0 6px}
p,li{margin:8px 0}
ol,ul{padding-left:1.4em}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
th{background:#f1f3ee;white-space:nowrap}
.note{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin:18px 0}
.todo{background:#fef9ec;border:1px solid #f0d9a8;border-radius:8px;padding:14px 18px;margin:18px 0;font-size:14px}
footer{border-top:1px solid var(--line);margin-top:50px;padding-top:20px;color:var(--sub);font-size:13px}
footer a{color:var(--accent)}