body{margin:0;background:#f7f9fc;color:#17243b;font:16px/1.9 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce3ee}a{color:#244dc4}article{background:#fff;border:1px solid #dce3ee;border-radius:16px;padding:32px}h1{font-size:1.8rem;line-height:1.5}h2{font-size:1.2rem;margin-top:2em}.meta{color:#657184;font-size:.85rem}li{margin:16px 0}@media(max-width:600px){header,main,footer{padding:16px}article{padding:20px}h1{font-size:1.45rem}}