*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F5F9FA;color:#192638;font:16px/1.75 'Open Sans',system-ui,sans-serif}
aside{position:fixed;width:260px;height:100vh;background:#fff;border-right:1px solid #d5dfe3;padding:32px 22px}aside img{width:216px;margin:0 0 30px}
nav a{display:block;text-decoration:none;color:#536474;padding:10px 15px;border-radius:8px;margin:4px 0}nav a[aria-current=page]{background:#DDF3EC;color:#192638;font-weight:600}
main{max-width:1160px;margin-left:260px;padding:48px 64px 96px}h1{font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-1.2px}h2{font-size:25px;line-height:1.3;margin-top:42px}h3{font-size:20px;margin-top:30px}a{color:#246f70;text-underline-offset:3px}p,li{max-width:900px}pre{background:#192638;color:#F5F9FA;padding:20px;border-radius:12px;overflow:auto;line-height:1.6;font-size:13px}code{font-family:ui-monospace,monospace;font-size:.9em}
p code,li code,td code{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:10px;text-align:left;border:1px solid #d5dfe3;overflow-wrap:anywhere}th{background:#DDF3EC}
footer{margin-top:60px;border-top:1px solid #d5dfe3;padding-top:20px;font-size:13px;color:#536474}
.table-wrap{overflow:auto}blockquote{border-left:3px solid #2D8687;margin:20px 0;padding-left:20px}
@font-face{font-family:'Open Sans';src:url('assets/open-sans.ttf');font-weight:300 800;font-display:swap}
@media(max-width:800px){aside{position:static;width:auto;height:auto;padding:18px 16px;border-right:0;border-bottom:1px solid #d5dfe3}aside img{width:200px;margin:0 0 12px}nav{display:flex;flex-wrap:wrap}nav a{padding:7px 10px;font-size:14px;margin:0}main{margin:0;padding:24px 18px 64px}th,td{min-width:110px}pre{font-size:12px}}
