
:root{--brand:#1F4E78;--text:#1f2937;--muted:#6b7280;--line:#d9dee5;--bg:#f7f8fa;--card:#fff}
*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}body{margin:0}
header{background:var(--brand);color:#fff}.wrap{max-width:920px;margin:0 auto;padding:24px}header .wrap{padding-top:26px;padding-bottom:26px}
.brand{font-weight:700;font-size:1.15rem;letter-spacing:.02em}.nav{margin-top:8px}.nav a{color:#fff;margin-right:18px;text-decoration:none}.nav a:hover{text-decoration:underline}
main.wrap{padding-top:36px;padding-bottom:56px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 2px 10px rgba(0,0,0,.03)}
h1{font-size:2rem;line-height:1.2;margin:0 0 24px;color:#111827}h2{font-size:1.35rem;line-height:1.3;margin:34px 0 12px;color:var(--brand)}h3{font-size:1.08rem;line-height:1.35;margin:24px 0 8px}
p{margin:0 0 14px}ul{margin:0 0 14px 22px}a{color:var(--brand)}footer{border-top:1px solid var(--line);margin-top:36px;padding-top:20px;color:var(--muted);font-size:.92rem}
@media(max-width:680px){.wrap{padding-left:16px;padding-right:16px}.card{padding:22px}h1{font-size:1.65rem}}
