:root{--bg:#111;--paper:#fff;--ink:#222;--link:#1c2a4a;--muted:#6b6b6b;--line:#d9d9d9;--soft:#f3f3f3;--accent:#1c2a4a;--col:181px;--gap:19px;--top:124px;--font:Verdana,Geneva,Tahoma,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--bg) url("/bg.svg") center top/cover no-repeat fixed;font-family:var(--font);font-size:14px;line-height:1.7;color:var(--ink)}
img{max-width:100%;height:auto}
a{color:var(--link)}
.layout{display:grid;grid-template-columns:calc(var(--col)*2 + var(--gap)) minmax(0,1fr);gap:var(--gap);max-width:1175px;margin:0 auto;padding-top:var(--top);min-height:100vh}
.sidebar{position:relative;display:grid;grid-template-columns:var(--col) var(--col);gap:var(--gap)}
.col{background:var(--paper)}
.col-nav{display:flex;flex-direction:column;padding:18px 18px 28px}
.logo{display:block;width:122px;margin-bottom:76px}
.logo img{display:block;width:100%}
.nav-toggle{display:none}
.menu,.submenu{list-style:none;margin:0;padding:0}
.menu a{display:block;padding:6px 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--link);line-height:1.4}
.menu a:hover,.menu a:focus-visible{color:#000}
.menu li.is-current>a,.menu a[aria-current="page"]{font-weight:700;color:#000}
.signet{margin-top:auto;padding-top:40px;width:36px;height:auto}
.submenu{display:none;position:absolute;top:128px;left:calc(var(--col) + var(--gap));width:var(--col);padding:0 18px}
.menu li.is-open>.submenu{display:block}
.col-sub{min-height:100%}
.content{padding:40px 44px 64px;min-width:0;overflow-wrap:break-word}
.content>*:first-child{margin-top:0}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{font-weight:700;line-height:1.25;color:#000;margin:1.8em 0 .6em;letter-spacing:.02em}
.content h1{font-size:28px;text-transform:uppercase;letter-spacing:.08em}
.content h2{font-size:21px}
.content h3{font-size:17px}
.content h4{font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.content h5{font-size:14px}
.content h6{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.content p{margin:0 0 1.2em}
.content .lead{font-size:16px;line-height:1.7;color:#000}
.content ul,.content ol{margin:0 0 1.2em;padding-left:1.4em}
.content li{margin-bottom:.35em}
.content li>ul,.content li>ol{margin:.35em 0 0}
.content ul{list-style:square}
.content ul.plain{list-style:none;padding:0}
.content dl{margin:0 0 1.2em}
.content dt{font-weight:700;margin-top:.8em}
.content dd{margin:0 0 .4em 1.4em}
.content blockquote{margin:1.6em 0;padding:.4em 0 .4em 24px;border-left:4px solid var(--accent);font-style:italic;color:#333}
.content blockquote cite{display:block;margin-top:.6em;font-size:12px;font-style:normal;color:var(--muted)}
.content .callout,.content aside{margin:1.6em 0;padding:18px 22px;background:var(--soft);border-left:4px solid var(--accent);font-size:13px}
.content .callout>:last-child,.content aside>:last-child{margin-bottom:0}
.content .footnote,.content small{font-size:12px;color:var(--muted)}
.content .footnotes{margin-top:2.4em;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.content sup,.content sub{font-size:.75em;line-height:0}
.content hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.content figure{margin:1.8em 0}
.content figure img{display:block;width:100%}
.content figcaption{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.5}
.content img{display:block}
.content img.left{float:left;margin:4px 24px 12px 0;max-width:45%}
.content img.right{float:right;margin:4px 0 12px 24px;max-width:45%}
.content::after{content:"";display:block;clear:both}
.content .table-wrap{overflow-x:auto;margin:1.6em 0;-webkit-overflow-scrolling:touch}
.content table{width:100%;border-collapse:collapse;font-size:13px}
.content caption{text-align:left;font-size:12px;color:var(--muted);padding-bottom:8px}
.content th,.content td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.content thead th{border-bottom:2px solid #000;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.content tbody tr:nth-child(even){background:var(--soft)}
.content code,.content pre,.content kbd{font-family:Consolas,Menlo,monospace;font-size:13px}
.content code{background:var(--soft);padding:2px 5px}
.content pre{background:var(--soft);padding:16px;overflow-x:auto;margin:0 0 1.2em}
.content pre code{background:none;padding:0}
.content mark{background:#ffe97a}
.content abbr[title]{text-decoration:none;border-bottom:1px dotted currentColor}
.content a{text-underline-offset:3px}
.content a:hover{color:#000}
.content .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:1.6em 0}
.content .btn{display:inline-block;padding:10px 20px;background:var(--accent);color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.content .btn:hover{background:#000;color:#fff}
.content form{margin:1.6em 0}
.content label{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.content input,.content textarea,.content select{width:100%;margin-bottom:18px;padding:10px 12px;font:inherit;border:1px solid #bbb;border-radius:0;background:#fff}
.content input:focus,.content textarea:focus,.content select:focus{outline:2px solid var(--accent);outline-offset:0}
.content iframe,.content video{max-width:100%;border:0}
@media(max-width:1220px){.layout{margin:0 20px}}
@media(max-width:900px){
:root{--top:0px}
body{background-attachment:scroll}
.layout{display:block;margin:0;padding-top:0;min-height:0}
.sidebar{display:block}
.col-sub{display:none}
.col-nav{padding:14px 18px}
.brand{display:flex;align-items:center;justify-content:space-between}
.logo{margin:0;width:96px}
.nav-toggle{display:block;width:44px;height:44px;padding:11px 9px;background:none;border:0;cursor:pointer}
.nav-toggle span{display:block;height:3px;background:#000;margin:5px 0;transition:transform .3s,opacity .3s}
.nav-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.nav{display:none;padding-top:18px}
.nav.is-open{display:block}
.menu a{padding:10px 0}
.submenu{position:static;width:auto;padding:0 0 6px 18px}
.signet{display:none}
.content{padding:28px 18px 48px;margin-top:var(--gap)}
.content h1{font-size:23px}
.content h2{font-size:19px}
.content img.left,.content img.right{float:none;margin:0 0 16px;max-width:100%}
}
@media(max-width:480px){body{font-size:13px}.content{padding:22px 14px 40px}}