:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; color:#111;}
*{box-sizing:border-box}
body{margin:0;padding:2rem;line-height:1.6;background:#fff;color:#111;}
.container{max-width:820px;margin:0 auto;}
header{margin-bottom:1.25rem}
h1{font-size:2rem;margin:0 0 .25rem}
h2{font-size:1.25rem;margin-top:1.25rem}
nav{margin-top:.5rem;margin-bottom:1rem}
a{color:#0b63b6;text-decoration:none}
a:hover{text-decoration:underline}
.hero{padding:1.25rem 0;border-bottom:1px solid #eee}
.optin{border:1px solid #eee;padding:1rem;margin-top:1rem;border-radius:8px}
.footer{border-top:1px solid #eee;margin-top:2rem;padding-top:1rem;color:#666;font-size:.9rem}
.article{margin-bottom:1.5rem}
.small{font-size:.9rem;color:#666}
.badge{display:inline-block;background:#0b63b6;color:#fff;padding:.25rem .5rem;border-radius:999px;font-size:.8rem}
.ul{padding-left:1rem}
.note{background:#f7f9fb;border-left:4px solid #e3eef9;padding:0.75rem;margin:1rem 0;border-radius:6px}