:root { color: #171a21; background: #f7f8fb; font: 16px/1.65 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; letter-spacing: 0; }
* { box-sizing: border-box; }
body { margin: 0; }
header { padding: 18px max(20px, calc((100vw - 820px) / 2)); border-bottom: 1px solid #dfe3ea; background: #fff; }
header a { color: #171a21; font-weight: 800; text-decoration: none; }
main { width: min(820px, calc(100% - 32px)); margin: 42px auto 72px; padding: 32px; border: 1px solid #dfe3ea; border-radius: 8px; background: #fff; }
h1 { margin: 0 0 8px; font-size: 36px; line-height: 1.15; }
h2 { margin: 30px 0 8px; font-size: 22px; line-height: 1.3; }
p, li, dd { color: #464d59; }
.updated { color: #747c89; font-size: 14px; }
a { color: #2157d5; }
ul, ol { padding-left: 22px; }
li + li { margin-top: 8px; }
dl { margin: 24px 0; }
dt { margin-top: 18px; font-weight: 800; color: #222832; }
dd { margin: 4px 0 0; }
.notice { margin: 22px 0; padding: 16px 18px; border-left: 4px solid #b74e36; background: #fff5f1; color: #373b43; }
.document-list { list-style: none; padding: 0; }
.document-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; padding: 14px 0; border-bottom: 1px solid #e5e8ee; }
.document-list span { color: #747c89; font-size: 13px; }
footer { padding: 28px 20px; border-top: 1px solid #dfe3ea; color: #747c89; background: #fff; text-align: center; font-size: 13px; }
footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin-bottom: 12px; }
footer p { margin: 0; color: inherit; }
@media (max-width: 600px) { main { margin-top: 20px; padding: 22px 18px; } h1 { font-size: 29px; } .document-list li { grid-template-columns: 1fr; gap: 3px; } }