:root {
  --navy: #1B2440;
  --blue: #2563EB;
  --muted: #64748B;
  --border: #E7EAF2;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--navy);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
.container { max-width: 760px; margin: 0 auto; padding: 0 24px 80px; }
nav {
  border-bottom: 1px solid var(--border);
  padding: 16px 24px;
  margin-bottom: 48px;
}
nav a {
  font-family: 'Sora', sans-serif;
  font-weight: 800;
  font-size: 22px;
  color: var(--navy);
  text-decoration: none;
}
nav a .t { color: #0D9488; } nav a .p { color: #7C3AED; } nav a .b { color: #2563EB; }
h1 { font-family: 'Sora', sans-serif; font-size: 32px; margin-bottom: 8px; letter-spacing: -0.02em; }
.updated { color: var(--muted); font-size: 14px; margin-bottom: 36px; }
h2 { font-family: 'Sora', sans-serif; font-size: 20px; margin: 36px 0 12px; }
p, li { font-size: 15px; color: #3A4358; margin-bottom: 12px; }
ul { padding-left: 22px; margin-bottom: 12px; }
a { color: var(--blue); }
.notice {
  background: #FFFBEB; border-radius: 12px; padding: 14px 18px;
  font-size: 13.5px; color: #7A5B00; margin-bottom: 28px;
}