body{font-family:system-ui,sans-serif;margin:0;color:#1a1a1a;line-height:1.5}
header,main,footer{max-width:60rem;margin:0 auto;padding:1rem}
header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid #ddd}
footer{color:#666;font-size:.85rem;border-top:1px solid #ddd}
.btn{display:inline-block;background:#0a58ca;color:#fff;padding:.6rem 1rem;border-radius:6px;text-decoration:none}
.note{background:#eef6ff;padding:.5rem .75rem;border-radius:6px}
.variant-mobile main{padding:.75rem;font-size:1.05rem}.variant-mobile .btn{display:block;text-align:center}
.variant-tablet main{max-width:44rem}
.variant-desktop h1{font-size:2.4rem}