*{box-sizing:border-box}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1d1d1f;background:#fafafa}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px;background:#fff;min-height:100vh}
header a{color:#b8860b;font-weight:700;text-decoration:none;font-size:18px}
h1{font-size:28px;line-height:1.25;margin:24px 0 4px}h2{font-size:20px;margin:32px 0 8px}h3{font-size:17px;margin:20px 0 6px}
.meta{color:#6e6e73;font-size:14px}a{color:#0066cc}ul{padding-left:22px}li{margin:4px 0}
.note{background:#fff8e1;border-left:4px solid #e0a800;padding:10px 14px;border-radius:4px}
nav.links a{display:block;padding:14px 16px;margin:10px 0;border:1px solid #e5e5ea;border-radius:10px;text-decoration:none;font-weight:600}
footer{margin-top:48px;color:#6e6e73;font-size:13px;border-top:1px solid #e5e5ea;padding-top:16px}
@media(max-width:480px){h1{font-size:24px}main{padding:24px 16px 48px}}