*{box-sizing:border-box}
body{margin:0;background:#F2F3EE;color:#141E2C;font-family:'Barlow',system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:#0655CE}
.wrap{max-width:820px;margin:0 auto;padding-inline:20px}
header{border-bottom:1px solid #D8DAD0;background:#F2F3EE}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap}
.nav .w{display:block;height:26px;width:auto}
.back{font-weight:600;font-size:15px;color:#3D4859;text-decoration:none}
.back:hover{color:#141E2C}
.doc{padding-block:56px 72px}
h1{font-family:'Archivo',system-ui,sans-serif;font-weight:900;font-size:clamp(32px,4.4vw,44px);line-height:1.08;margin:0}
.meta{margin:10px 0 28px;color:#5A6575;font-size:15px}
h2{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:22px;margin:36px 0 10px}
p{margin:0 0 14px;color:#3D4859}
ul{margin:0 0 14px;padding-left:22px;color:#3D4859}
li{margin-bottom:8px}
strong{color:#141E2C}
footer{background:#141E2C;color:#9AA5B4;font-size:14px;padding-block:28px}
footer .wrap{display:flex;gap:20px;flex-wrap:wrap}
footer a{color:#C9D2DE}
:focus-visible{outline:3px solid #FFB020;outline-offset:2px}