:root{--navy:#1a2433;--gold:#c8a45c;--paper:#faf7f0;--ink:#22293a;--line:#e3ddd0;--muted:#6b7280;}
*{box-sizing:border-box;}body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--paper);color:var(--ink);line-height:1.65;}
a{color:var(--navy);}
.shell{display:flex;min-height:100vh;}
nav{width:250px;flex-shrink:0;background:var(--navy);color:#fff;padding:28px 0;}
nav .brand{font-size:20px;font-weight:800;padding:0 24px 18px;letter-spacing:0.02em;}
nav .brand span{color:var(--gold);}
nav a{display:block;color:#cdd4e0;text-decoration:none;padding:8px 24px;font-size:14px;border-left:3px solid transparent;}
nav a:hover{color:#fff;}
nav a.active{color:#fff;border-left-color:var(--gold);background:rgba(255,255,255,0.04);font-weight:700;}
main{flex:1;max-width:760px;padding:48px 56px 80px;}
h1{font-size:30px;margin:0 0 6px;}
.lead{font-size:17px;color:#3b4254;margin-top:4px;}
h2{font-size:19px;margin-top:30px;border-bottom:1px solid var(--line);padding-bottom:4px;}
code{background:#efe9dc;padding:1px 5px;border-radius:3px;font-size:13px;}
ol.steps li{margin-bottom:10px;}
ul li{margin-bottom:6px;}
.footer{margin-top:48px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);font-style:italic;}
@media(max-width:760px){.shell{flex-direction:column;}nav{width:100%;}main{padding:28px 20px;}}