:root{--r:#b9152d;--n:#102f49;--m:#5d7286;--l:#d7e2ec}
*{box-sizing:border-box}
body{margin:0;background:#f4f7fb;color:var(--n);font:16px/1.7 'Outfit',Arial,sans-serif}
header{background:#fff;border-bottom:1px solid var(--l)}
header .in{max-width:860px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
header a.brand{font-weight:800;font-size:20px;color:var(--n);text-decoration:none}header a.brand span{color:var(--r)}
nav a{color:var(--m);text-decoration:none;margin-left:16px;font-size:14px}nav a.on,nav a:hover{color:var(--r)}
main{max-width:860px;margin:28px auto;padding:0 20px}
article{background:#fff;border:1px solid var(--l);border-radius:16px;padding:32px 34px}
h1{font-size:30px;line-height:1.2;margin:0 0 20px;color:var(--n)}
h2{font-size:18px;margin:28px 0 8px;text-transform:uppercase;letter-spacing:.3px}
p,li{color:#22374a}li{margin:6px 0}
mark{background:#fff3a3}
footer{max-width:860px;margin:0 auto;padding:18px 20px 40px;color:var(--m);font-size:13px}
footer a{color:var(--m)}
@media(max-width:600px){article{padding:22px 18px}h1{font-size:25px}}