:root { --navy: #0f2a43; }
* { box-sizing: border-box; }
body.doc {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1b2430;
  line-height: 1.65;
  background: #fff;
}
.doc header {
  background: var(--navy);
  color: #fff;
  padding: calc(env(safe-area-inset-top) + 12px) 16px 12px;
}
.doc header a { color: #fff; text-decoration: none; font-weight: 700; }
.doc main { max-width: 720px; margin: 0 auto; padding: 20px 16px 48px; }
.doc h1 { font-size: 24px; margin: 8px 0 12px; }
.doc h2 { font-size: 18px; margin: 28px 0 6px; }
.doc p, .doc li { font-size: 15px; }
.doc ul { padding-left: 20px; }
.doc a { color: #1f6fd1; }
.doc .updated { color: #666; font-size: 13px; }
.doc footer {
  border-top: 1px solid #e3e7ec;
  max-width: 720px;
  margin: 0 auto;
  padding: 16px;
  font-size: 13px;
  color: #555;
}