* { box-sizing: border-box; }
body { font-family: Arial, Helvetica, sans-serif; margin:0; color:#222; background:#f7f9fb; }
.header { background:#fff; border-bottom:1px solid #e6eef3; padding:12px 20px; display:flex; align-items:center; gap:24px; }
.header .logo { display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.header nav { margin-left:auto; }
.header nav a { margin-left:18px; text-decoration:none; color:#0a6f9b; font-weight:600; }
.container { max-width:900px; margin:36px auto; padding:0 20px; }
h1 { color:#0a6f9b; }
.footer { text-align:center; font-size:13px; color:#666; padding:28px 0; margin-top:40px; }
.article { background:#fff; padding:20px; border-radius:8px; box-shadow:0 1px 2px rgba(10,30,40,0.04); }
.small { font-size:0.95em; color:#444; }
@media(max-width:600px){ .header { padding:10px; } .header nav a { margin-left:10px; } }