:root { font-family: system-ui, sans-serif; color: #172b3d; background: #f4f7fa; }
body { margin: 0; } header { background: #142e44; padding: 1rem 3vw; display: flex; justify-content: space-between; align-items: center; } header a { color: white; font-weight: 700; }
main { max-width: 1280px; margin: 2rem auto; padding: 0 3vw 3rem; } a { color: #005ca8; } h1 { font-size: 1.8rem; } h1 code { font-size: 1.1rem; }
.notice { border-left: 4px solid #207c8a; padding: .8rem 1rem; background: #e3eff2; } section { margin-top: 2rem; } .scroll { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; background: white; } th, td { padding: .8rem; text-align: left; border-bottom: 1px solid #d6dfe7; vertical-align: top; } th { background: #e9eef3; }
code { overflow-wrap: anywhere; } td code { font-size: .8rem; } dt { font-weight: 600; margin-top: .7rem; } dd { margin: .25rem 0 0; overflow-wrap: anywhere; }
button { background: #00619a; color: white; border: 0; border-radius: 4px; padding: .65rem 1rem; cursor: pointer; } .login { max-width: 24rem; }
label { display: block; margin: 1rem 0; } input:not([type=hidden]) { display: block; padding: .7rem; width: 100%; box-sizing: border-box; margin-top: .4rem; border: 1px solid #8298a9; border-radius: 4px; }
summary { cursor: pointer; padding: 1rem 0; } [role=alert] { color: #a72020; }