:root{--hdr:58px;--pad:100px;--hh:0px;--b:#244b63;--c:#252a2e;--a:#477d96;--bg:#f5f6f7}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--c);font:300 14px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;padding:var(--pad)}
header,main{max-width:800px;margin:0 auto}
header{position:fixed;top:0;left:var(--pad);right:var(--pad);z-index:10;display:flex;justify-content:space-between;align-items:flex-start;padding:20px 0 12px;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}
main{margin-top:142px}
h1{font-size:20px;line-height:26px;color:var(--b);font-weight:700}
h1 span{font-weight:300}
nav{display:flex;gap:10px}
nav a{color:var(--c);text-decoration:none}
nav a::before{content:"["}nav a::after{content:"]"}
nav a.on,nav a:hover{color:var(--b);font-weight:500}
section{display:grid;grid-template-columns:175px minmax(0,1fr);gap:20px;margin-bottom:50px;scroll-margin-top:calc(var(--hdr) + 20px)}
h2{font-size:20px;font-weight:500;text-transform:uppercase;color:var(--b);position:sticky;top:var(--hdr);align-self:start;z-index:4;background:var(--bg)}
.oh{position:sticky;top:calc(var(--hdr) + var(--hh));z-index:3;background:var(--bg)}
.jh{position:sticky;top:calc(var(--hdr) + var(--hh) + var(--oh,28px));z-index:2;background:var(--bg)}
.j+.j{margin-top:20px}
.j>.b{margin-left:125px}
.c{display:flex;flex-direction:column;gap:20px;min-width:0}
.r>*,.og,.j{min-width:0}
.r{display:grid;grid-template-columns:125px minmax(0,1fr)}
.y{align-self:end;font-size:18px;font-style:italic;white-space:nowrap}
.y.s{font-size:16px;font-weight:200}
.o{font-size:20px;font-weight:700}
.a{display:flex;flex-wrap:wrap;gap:0 10px;color:var(--a);font-weight:500}
.t{font-size:18px}.d{font-size:15px;margin-left:auto;text-align:right}
.aw{font-size:16px;font-weight:500}
.aw a,.b a{font-size:12px;font-style:italic;color:var(--c)}
.b{font-size:13px;line-height:1.8;overflow-wrap:break-word}
.b>p,.b>h4{font-size:14px;line-height:26px}
.b>h4{font-weight:400}
.b ul{padding-left:19.5px}
.b li{padding-left:2px}
@media(max-width:768px){:root{--pad:50px}main{margin-top:117px}.r{grid-template-columns:minmax(0,1fr)}.y:empty{display:none}.j>.b{margin-left:0}.a{flex-direction:column}.d{margin-left:0;text-align:left}}
@media(max-width:480px){:root{--hh:28px;--pad:25px}main{margin-top:92px}section{grid-template-columns:minmax(0,1fr)}}
h1 a{color:inherit;text-decoration:none}
.btn{display:inline-block;font:500 14px/1.4 inherit;color:var(--b);border:1px solid var(--b);padding:10px 18px;text-decoration:none;background:none;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--b);color:var(--bg)}
.tb{font-size:14px}
.tr{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center;padding:10px 0;border-top:1px solid #c9d0d5}
.tr:last-child{border-bottom:1px solid #c9d0d5}
.th{color:var(--b);font-weight:500;text-transform:uppercase;padding-top:0}
.tl{display:flex;flex-wrap:wrap;gap:6px}
.tl span{border:1px solid #8a9aa4;border-radius:4px;padding:1px 8px;font-size:13px}
.vn{overflow-x:auto}.vn svg{display:block;width:100%;min-width:460px;height:auto}
@media(max-width:480px){.tr{grid-template-columns:minmax(0,1fr);gap:6px}}
