:root{--max: 720px;--br: 8px;--shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}*{box-sizing:border-box}body{font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;margin:2rem}main{max-width:var(--max);margin-inline:auto}header,footer{max-width:var(--max);margin:0 auto 1rem;opacity:.8}ul{padding-left:1.25rem}nav[aria-label="pagination"]{display:flex;gap:1rem;align-items:center;margin-top:1rem}.blog .blog__posts{list-style:none;padding:0}.blog .blog__posts li{background:#f9f9f9;border-radius:var(--br);box-shadow:var(--shadow);padding:1rem;margin-bottom:1rem}.blog .blog__posts li a{text-decoration:none;color:#333;font-weight:bold;font-size:1.25rem}.blog .blog__posts li small{color:gray}