:root {
  --paper: #FDFDFB; --ink: #16233A; --navy: #122A4C; --gold: #B98F3E;
  --mute: #5B6A80; --line: #E3E6E1; --gold-tint: #FBF7EE; --gold-soft: #E8DCC2;
  --serif: ui-serif, 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.7; font-size: 16px; }
.nav { border-bottom: 1px solid var(--line); background: #fff; }
.nav-inner { max-width: 760px; margin: 0 auto; padding: 15px 24px; display: flex; justify-content: space-between; align-items: center; }
.brand { font-family: var(--serif); font-size: 17px; font-weight: 600; color: var(--navy); text-decoration: none; }
.brand b { color: var(--gold); }
.nav a.back { font-size: 14px; color: var(--mute); text-decoration: none; }
.nav a.back:hover { color: var(--navy); }
main { max-width: 760px; margin: 0 auto; padding: 56px 24px 88px; }
h1 { font-family: var(--serif); font-weight: 600; color: var(--navy); font-size: 34px; margin: 0 0 6px; }
.updated { font-family: var(--mono); font-size: 12px; color: var(--mute); letter-spacing: .06em; margin-bottom: 36px; }
h2 { font-family: var(--serif); font-weight: 600; color: var(--navy); font-size: 21px; margin: 36px 0 10px; }
p, li { color: var(--ink); font-size: 15.5px; }
ul { padding-left: 22px; }
a { color: var(--gold); }
.notice { background: var(--gold-tint); border: 1px solid var(--gold-soft); border-radius: 8px; padding: 14px 18px; font-size: 14px; color: #6E5626; margin-bottom: 32px; }
footer { border-top: 1px solid var(--line); padding: 28px 24px; text-align: center; font-family: var(--mono); font-size: 12px; color: var(--mute); }
footer a { color: var(--gold); text-decoration: none; }