:root { --accent: #1F3BFF; --ink: #111111; --muted: #5E5B55; --page: #F5F3EE; --card: #ECE9E1; --rule: #111111; --link: #1F3BFF; }
  @media (prefers-color-scheme: dark) {
    :root { --accent: #8DA0FF; --ink: #F2F0EA; --muted: #A5A29B; --page: #0F0F0E; --card: #1A1A18; --rule: #F2F0EA; --link: #8DA0FF; }
  }
  * { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; }
  body { margin: 0; background: var(--page); color: var(--ink); font: 17px/1.6 ui-serif, "New York", Georgia, "Times New Roman", serif; }
  .bar { border-top: 4px solid var(--rule); border-bottom: 1px solid var(--rule); }
  .bar div { max-width: 720px; margin: 0 auto; padding: 12px 20px; font: 700 .85rem/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; }
  main { max-width: 720px; margin: 0 auto; padding: 8px 20px 48px; }
  h1 { font-size: 2.4rem; line-height: 1.12; margin: 28px 0 6px; font-weight: 400; }
  h1 mark { background: none; color: var(--accent); font-style: italic; }
  h2 { font-size: 1.35rem; line-height: 1.3; margin: 36px 0 8px; font-weight: 700; border-top: 1px solid var(--rule); padding-top: 14px; }
  p, li { max-width: 68ch; }
  ul, ol { padding-left: 1.2em; }
  li { margin: 6px 0; }
  a { color: var(--link); text-decoration: underline; text-underline-offset: 3px; }
  .meta { color: var(--muted); font-size: .95rem; margin: 0 0 18px; font-style: italic; }
  .summary { background: var(--card); border-left: 4px solid var(--accent); padding: 14px 18px; margin: 18px 0; }
  .summary p { margin: 6px 0; }
  table { border-collapse: collapse; width: 100%; margin: 10px 0; font-size: .97rem; }
  th, td { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid var(--muted); }
  th { font-weight: 700; }
  footer { border-top: 1px solid var(--rule); margin-top: 40px; padding-top: 16px; color: var(--muted); font-size: .95rem; }