:root {
  color-scheme: light dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif;
  line-height: 1.75;
  color: #1c2530;
  background: #f4f7fa;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #0969a8; text-underline-offset: 0.18em; }
.site-header, nav, main, footer { width: min(100% - 32px, 940px); margin-inline: auto; }
.site-header { display: flex; justify-content: space-between; gap: 16px; padding: 24px 0 12px; color: #52606d; }
.brand { color: #172b4d; font-weight: 800; text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: 6px 14px; border-block: 1px solid #d6dee7; padding: 10px 0; font-size: 0.88rem; }
nav a[aria-current="page"] { font-weight: 800; }
main { background: #fff; margin-top: 20px; padding: clamp(22px, 5vw, 54px); border-radius: 16px; box-shadow: 0 8px 24px rgba(16, 42, 67, 0.06); }
h1 { font-size: clamp(1.65rem, 5vw, 2.35rem); line-height: 1.3; }
h2 { margin-top: 2.2em; padding-bottom: 0.3em; border-bottom: 1px solid #dfe7ef; font-size: 1.3rem; }
h3 { margin-top: 1.8em; font-size: 1.08rem; }
.document-meta { color: #617181; font-size: 0.82rem; }
code { background: #edf2f7; border-radius: 4px; padding: 0.12em 0.32em; }
pre { overflow: auto; padding: 14px; border-radius: 8px; background: #172b4d; color: #fff; }
pre code { background: none; padding: 0; }
blockquote { margin-inline: 0; border-left: 4px solid #7bb4dc; padding: 8px 16px; background: #eef7fd; }
.table-scroll { overflow-x: auto; margin: 1.25em 0; }
table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 0.86rem; }
th, td { border: 1px solid #d7e0e8; padding: 9px; vertical-align: top; text-align: left; }
th { background: #edf4f8; }
.document-list { list-style: none; padding: 0; }
.document-list li { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid #e5eaf0; }
.document-list span { color: #617181; font-size: 0.82rem; }
.contact { margin-top: 36px; }
footer { padding: 24px 0 42px; color: #617181; font-size: 0.78rem; }
@media (prefers-color-scheme: dark) {
  :root { color: #e6edf3; background: #0e1621; }
  main { background: #17202c; box-shadow: none; }
  .brand { color: #fff; }
  a { color: #72c4fa; }
  nav, h2 { border-color: #384655; }
  code, th { background: #263544; }
  blockquote { background: #1d3445; }
  th, td { border-color: #3d4b59; }
}
@media (max-width: 560px) {
  .site-header { align-items: flex-start; flex-direction: column; }
  main { width: 100%; margin-top: 12px; border-radius: 0; }
  .document-list li { flex-direction: column; gap: 2px; }
}