body{margin:0;background:#f8fafc;color:#0f172a;font:17px/1.65 system-ui,sans-serif}main{padding:40px 20px}article{max-width:760px;margin:auto;background:white;padding:40px;border:1px solid #e2e8f0;border-radius:16px}h1{font-size:32px;line-height:1.2}h2{font-size:22px;line-height:1.3}section{margin-top:32px}a{color:#3730a3;text-underline-offset:3px}blockquote{margin:16px 0;padding:20px;border-left:4px solid #6366f1;background:#eef2ff}li{margin:10px 0}a:focus-visible{outline:3px solid #6366f1;outline-offset:4px}@media(max-width:600px){main{padding:16px}article{padding:24px}h1{font-size:28px}}