:root{--max:900px}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f8fa;color:#172033;line-height:1.65}
header{background:#111827;color:#fff;padding:42px 0}
.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}
h1{margin:0 0 10px;font-size:2.35rem}
h2{margin-top:0}
h3{margin-bottom:.4rem}
.lead{color:#d1d5db;font-size:1.08rem}
nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}
nav a{color:#bfdbfe;text-decoration:none}
main{padding:38px 0}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin:0 0 22px}
a{color:#1d4ed8}
footer{border-top:1px solid #e5e7eb;padding:24px 0 36px;color:#475569}
.small{font-size:.92rem;color:#64748b}
ul{padding-left:1.3rem}
.notice{background:#eef6ff;border-left:4px solid #2563eb;padding:14px 16px;margin:20px 0}