:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #EFF6FF;
  color: #1E3A5F;
  line-height: 1.62;
  -webkit-text-size-adjust: 100%;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 40px 22px 90px; }
.card {
  background: #fff;
  border: 1px solid rgba(37,99,235,0.15);
  border-radius: 18px;
  padding: 34px;
}
h1 { font-size: 27px; margin: 0 0 4px; }
h2 { font-size: 18px; margin: 30px 0 10px; color: #1D4ED8; }
.updated { color: rgba(30,58,95,0.55); font-size: 14px; margin-bottom: 22px; }
p, li { font-size: 15.5px; }
p { margin: 12px 0; }
ul { padding-left: 20px; margin: 10px 0; }
li { margin: 6px 0; }
a { color: #2563EB; }
strong { color: #1E3A5F; font-weight: 600; }
.note { background: rgba(245,166,35,0.12); border: 1px solid rgba(245,166,35,0.4); border-radius: 12px; padding: 12px 16px; font-size: 14px; }
@media (max-width: 520px) { .card { padding: 22px; } .wrap { padding: 24px 14px 70px; } }
@media (prefers-color-scheme: dark) {
  body { background: #0B1220; color: #E2E8F0; }
  .card { background: #131C2E; border-color: rgba(96,165,250,0.22); }
  h2 { color: #60A5FA; }
  strong { color: #F1F5F9; }
  .updated { color: rgba(226,232,240,0.6); }
}