body {
  margin: 0;
  background: #FBFBFF;
  color: #1E1B4B;
  font: 400 16.5px/1.7 "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: #4F46E5; }
:focus-visible { outline: 3px solid #8B5CF6; outline-offset: 3px; border-radius: 4px; }
header { border-bottom: 1px solid #E3E0F5; }
header div, main, footer div { width: min(760px, 100% - 40px); margin-inline: auto; }
header div { display: flex; align-items: center; height: 64px; gap: 10px; }
header a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #1E1B4B; font: 800 20px "Plus Jakarta Sans", system-ui, sans-serif; }
main { padding: 48px 0 72px; }
h1 { font: 800 clamp(32px, 4.5vw, 44px)/1.1 "Plus Jakarta Sans", system-ui, sans-serif; letter-spacing: -.03em; margin: 0 0 8px; }
.updated { color: #6E6B93; margin: 0 0 32px; }
h2 { font: 700 21px/1.3 "Plus Jakarta Sans", system-ui, sans-serif; margin: 40px 0 8px; letter-spacing: -.01em; }
p, li { color: #4B4875; }
ul { padding-left: 22px; }
li { margin: 4px 0; }
table { border-collapse: collapse; width: 100%; font-size: 15px; margin: 12px 0; }
th, td { text-align: left; padding: 10px 8px; border-bottom: 1px solid #E3E0F5; vertical-align: top; }
th { color: #1E1B4B; font-weight: 600; }
td { color: #4B4875; }
footer { border-top: 1px solid #E3E0F5; padding: 28px 0 40px; color: #6E6B93; font-size: 14px; }
footer div { display: flex; gap: 20px; flex-wrap: wrap; }
footer a { color: #6E6B93; text-decoration: none; }
footer a:hover { color: #1E1B4B; }