*{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#20313a;--deep:#143642;--teal:#1d7a5f;--paper:#f7f8f7;--card:#ffffff;--line:#dde3e0;--mut:#66727a}
body{font:15.5px/1.7 'Segoe UI','PT Sans',Tahoma,Verdana,sans-serif;color:var(--ink);background:var(--paper)}
a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
.top{background:var(--deep);color:#dfe9ea}
.top .wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 28px;padding:18px 20px}
.brand{font:800 21px/1.2 'Segoe UI',Tahoma,sans-serif;color:#fff;letter-spacing:.4px}
.brand i{font-style:normal;color:#57c2a3}
.brand small{display:block;font:400 12px/1.4 Tahoma,sans-serif;color:#9fb3b8;letter-spacing:0}
.top nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px 20px}
.top nav a{color:#cfe0e0;font-size:13.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:4px 0;border-bottom:2px solid transparent}
.top nav a:hover{color:#fff;border-bottom-color:#57c2a3;text-decoration:none}
.strip{background:#e7ece9;border-bottom:1px solid var(--line)}
.strip .wrap{padding:7px 20px;font:12px/1.5 Verdana,sans-serif;color:var(--mut)}
h1.pg{font:700 30px/1.25 'Segoe UI',Tahoma,sans-serif;color:var(--deep);padding:34px 0 4px}
.lead{color:var(--mut);max-width:660px;margin-bottom:8px}
.hr{height:3px;width:64px;background:var(--teal);border-radius:2px;margin:14px 0 26px}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px;padding-bottom:46px}
main{min-width:0}
article.post{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:26px 28px;margin-bottom:22px}
article.post h2{font:700 20px/1.35 'Segoe UI',Tahoma,sans-serif;color:var(--deep)}
article.post h2 a{color:var(--deep)}
article.post p.m{font:11.5px/1.5 Verdana,sans-serif;color:var(--mut);text-transform:uppercase;letter-spacing:.7px;margin:2px 0 10px}
article.post p.x{color:#3d4a52}
article.post p.more{margin-top:12px}
figure.art{margin:20px 0}
figure.art img{width:100%;height:auto;display:block;border-radius:6px;border:1px solid var(--line)}
figure.art figcaption{font:12px/1.5 Verdana,sans-serif;color:var(--mut);margin-top:7px}
.doc p{margin:0 0 14px}
.doc h2{font:700 22px/1.3 'Segoe UI',Tahoma,sans-serif;color:var(--deep);margin:30px 0 10px;scroll-margin-top:20px}
.doc h2 .num{color:var(--teal);font-family:'Courier New',monospace;margin-right:9px}
.doc ul,.doc ol{margin:0 0 14px 22px}
.doc li{margin-bottom:7px}
.toc{background:#eef4f1;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:6px;padding:14px 18px;margin:18px 0 22px}
.toc b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--mut);margin-bottom:8px}
.toc a{display:block;font-size:14px;margin:4px 0}
.meta{font:11.5px/1.6 Verdana,sans-serif;color:var(--mut);text-transform:uppercase;letter-spacing:.7px}
aside .box{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin-bottom:18px}
aside .box h3{font:700 14px/1.4 Tahoma,sans-serif;color:var(--deep);margin-bottom:10px;text-transform:uppercase;letter-spacing:.4px}
aside .box a{display:block;font-size:14px;padding:6px 0;border-bottom:1px dashed var(--line)}
aside .box a:last-child{border-bottom:0}
aside .note{background:#eef4f1;border:1px solid var(--line);border-radius:8px;padding:14px 16px;font:13px/1.6 Tahoma,sans-serif;color:#41505a}
.pn{display:flex;justify-content:space-between;gap:14px;margin-top:22px}
.pn a{font-size:14px}
.foot{background:var(--deep);color:#a9bdc2}
.foot .wrap{display:flex;flex-wrap:wrap;gap:8px 26px;padding:22px 20px;font-size:13px}
.foot a{color:#cfe0e0}.foot a:hover{color:#fff}
.foot .r{margin-left:auto;font:11.5px/1.6 Verdana,sans-serif;color:#7e949b}
@media(max-width:820px){.grid{grid-template-columns:1fr}aside{order:2}}