:root{color-scheme:light;font-family:Manrope,Arial,sans-serif;color:#586166;background:#fff}
*{box-sizing:border-box}
body{margin:0;padding:0 24px;font-size:17px;line-height:1.7}
header,main,footer{width:100%;max-width:680px;margin-inline:auto}
header{padding:32px 0 28px;border-bottom:1px solid #D7DFDA}
header a{display:inline-block}
header img{display:block;width:150px;height:auto}
main{padding:40px 0 32px;overflow-wrap:anywhere}
h1,h2{line-height:1.25;color:#202426;letter-spacing:-.025em}
h1{font-size:clamp(1.9rem,5vw,2.5rem);margin:0 0 28px}
h2{font-size:1.3rem;color:#255549;margin:36px 0 14px}
p{margin:0 0 20px}
ul{padding-left:24px;margin:0 0 24px}
li{padding-left:3px;margin:8px 0}
strong{color:#202426}
a{color:#BC4432;text-underline-offset:4px}
a:hover{color:#255549}
a:focus-visible{outline:2px solid #255549;outline-offset:5px}
.how-to{border-top:1px solid #D7DFDA;margin-top:32px}
footer{border-top:1px solid #D7DFDA;padding:24px 0 40px;font-size:15px}
footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}
@media(max-width:480px){body{padding-inline:20px;font-size:16px}header{padding:24px 0}main{padding-top:32px}footer nav{gap:14px 20px}}