:root{
  --iron:#000000; --iron-2:#071D35; --surface:#0E2842;
  --chalk:#F0EDE6; --body:#D9D5CC; --dust:#9B97A0; --faint:#5A5765;
  --run:#A1A5DD; --run-bright:#BCCCDD; --hair:rgba(98,135,175,.30);
  --hair-soft:rgba(255,255,255,.08); --r:6px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{
  font-family:'Rubik',system-ui,sans-serif;background:var(--iron);color:var(--chalk);
  line-height:1.75;font-size:17px;-webkit-font-smoothing:antialiased;
  padding:0 20px 80px;
}
a{color:var(--run-bright)}
:focus-visible{outline:3px solid var(--run-bright);outline-offset:3px;border-radius:2px}
.wrap{max-width:720px;margin-inline:auto}
header.bar{
  border-bottom:1px solid var(--hair-soft);margin-bottom:38px;
  padding-block:18px;
}
.logo{display:inline-flex;align-items:center;font-weight:900;font-size:18px;color:var(--chalk);text-decoration:none}
h1{font-weight:900;font-size:clamp(28px,6vw,42px);line-height:1.15;margin-bottom:10px}
h2{font-weight:900;font-size:clamp(20px,3.4vw,25px);line-height:1.25;margin:38px 0 12px}
h3{font-weight:700;font-size:18px;margin:22px 0 6px}
p{color:var(--body);margin-bottom:14px;max-width:62ch}
ul{list-style:none;margin:0 0 16px}
li{color:var(--body);position:relative;padding-right:20px;margin-bottom:9px;max-width:62ch}
li::before{content:"";position:absolute;right:0;top:12px;width:7px;height:7px;border-radius:50%;background:var(--run)}
.updated{color:var(--dust);font-size:15px;margin-bottom:8px}
.box{background:var(--surface);border:1px solid var(--hair);border-radius:8px;padding:22px 20px;margin:26px 0}
.box p:last-child{margin-bottom:0}
.contact a{display:inline-block;margin-left:14px}
footer{border-top:1px solid var(--hair-soft);margin-top:48px;padding-top:22px;color:var(--dust);font-size:15px}
footer a{color:var(--dust)}
.back{display:inline-block;margin-top:14px;color:var(--run-bright)}

.cc-link{background:none;border:none;cursor:pointer;color:var(--run-bright);font:inherit;padding:0;text-decoration:underline}
