*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;background:#f5f7fa;color:#1e2a3e;padding:20px;max-width:1200px;margin:0 auto}
header,footer{text-align:center;margin:20px 0}
article{background:#fff;margin-bottom:30px;padding:25px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:box-shadow 0.2s}
article:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1)}
h1{font-size:1.9rem;margin-bottom:0.5rem;font-weight:700}
h2{font-size:1.5rem;margin:1rem 0 0.5rem}
h2 a{text-decoration:none;color:#1e3a8a}
h2 a:hover{text-decoration:underline}
img{max-width:100%;height:auto;border-radius:12px;margin:1rem 0}
.content p{margin-bottom:1rem}
.pagination{display:flex;gap:8px;justify-content:center;margin:2rem 0}
.pagination a{padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:#1e3a8a}
.pagination a:hover{background:#eef2ff}
@media (max-width:640px){body{padding:12px}article{padding:18px}h1{font-size:1.5rem}}