/* 入口の見た目。等幅は Roboto Mono（0に点が入る書体は使わない） */
:root {
  --ink: #1d1d1f;
  --muted: #6b6b70;
  --rule: #e3e3e6;
  --paper: #f6f6f7;
  --surface: #ffffff;
  --accent: #1f3a5f;
  --accent-soft: #eef2f7;
  --radius: 12px;
  --shadow: 0 1px 2px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06);
  --font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #f2f2f4; --muted: #a0a0a8; --rule: #35353a;
    --paper: #161619; --surface: #1f1f23; --accent: #9db8da; --accent-soft: #23303f;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45);
  }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font);
       line-height: 1.7; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.wrap { max-width: 880px; margin: 0 auto; padding: 48px 16px 72px; }