/* 利用者マニュアル(manual.mjs が作る /manual・/en/manual)。土台は legal.css。 */
body.manual header a.brand { display: inline-flex; align-items: center; gap: 8px; }
body.manual header a.brand img { border-radius: 6px; }
body.manual header nav { display: flex; align-items: center; gap: 16px; font-size: 14px; }
body.manual header nav > a { color: #c9d0de; text-decoration: none; }
body.manual header nav > a:hover { color: #e7eaf3; }
body.manual header nav a.login { background: #4f46e5; color: #fff; padding: 6px 14px; border-radius: 999px; font-weight: 500; }
body.manual header nav a.login:hover { background: #5b53f0; color: #fff; }
body.manual h1 { font-size: 28px; }
body.manual h2 { font-size: 20px; margin-top: 48px; padding-top: 8px; border-top: 1px solid #222b45; scroll-margin-top: 16px; }
body.manual h3 { font-size: 16px; margin: 28px 0 6px; scroll-margin-top: 16px; }
body.manual code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9em; background: #1a2340; border-radius: 4px; padding: 1px 5px; overflow-wrap: anywhere; }
body.manual li { margin: 4px 0; }
body.manual .toc { background: #141c33; border: 1px solid #222b45; border-radius: 12px; padding: 12px 20px; margin: 24px 0 8px; }
body.manual .toc p { margin: 0 0 4px; font-weight: 600; font-size: 14px; color: #8590a8; }
body.manual .toc ol { margin: 0; padding-left: 20px; columns: 2; column-gap: 32px; font-size: 14px; }
body.manual .toc a { text-decoration: none; }
@media (max-width: 560px) {
  body.manual header nav { gap: 12px; font-size: 13px; }
  body.manual header nav a.login { padding: 5px 10px; }
  body.manual .toc ol { columns: 1; }
  body.manual h1 { font-size: 24px; }
}