*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;color:#1f2933;background:#f7f9fb}
header,main,footer{max-width:48rem;margin:0 auto;padding:1rem}
header{border-bottom:1px solid #d9e2ec}
.brand{font-weight:700;font-size:1.25rem;color:#1f3a5f;text-decoration:none}
h1{color:#1f3a5f;font-size:1.75rem;margin:1rem 0 .5rem}
h2{color:#1f3a5f;font-size:1.15rem;margin:1.25rem 0 .25rem}
a{color:#1f5fa6}
.product{background:#fff;border:1px solid #d9e2ec;border-radius:.5rem;padding:.75rem 1rem;margin:1rem 0}
.button{display:inline-block;padding:.4rem .9rem;border-radius:.35rem;background:#1f3a5f;color:#fff;text-decoration:none}
.note{background:#fff;border-left:4px solid #1f3a5f;padding:.5rem .75rem}
footer{border-top:1px solid #d9e2ec;font-size:.9rem;color:#52606d}
@media (max-width:30rem){h1{font-size:1.4rem}header,main,footer{padding:.75rem}}