:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172333;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}a{color:#075cbd}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.side{background:#10263d;color:#d9e5f0;padding:28px 20px}.brand{font-size:21px;font-weight:800;color:white;margin-bottom:9px}.sub{font-size:12px;color:#a6bfd3;margin-bottom:36px}.side h3{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8da8bd}.navitem{display:block;border-radius:9px;padding:12px;color:#d9e5f0;text-decoration:none;font-size:14px;margin:6px 0}.navitem.active{background:#255477;color:white}.navitem.muted{opacity:.52}.main{max-width:1050px;width:100%;margin:auto;padding:40px 54px 90px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#087a81}.hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;line-height:1.08;margin:12px 0}.hero p{font-size:18px;line-height:1.6;color:#506174;max-width:720px}.meta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.pill{border-radius:30px;background:#e4edf3;padding:8px 13px;font-size:12px;font-weight:700;color:#2a5067}.card{background:white;border:1px solid #dfe6ed;border-radius:17px;padding:26px;margin-top:20px;box-shadow:0 6px 25px #18354a08}.card h2{margin:0 0 13px;font-size:23px;letter-spacing:-.025em}.card p,.card li{line-height:1.65;color:#415369}.card li{margin:6px 0}.stephead{display:flex;gap:14px;align-items:center}.num{background:#0a7d83;color:white;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;font-weight:800;flex:none}.stephead h2{margin:0}.step{padding:23px 0;border-bottom:1px solid #e6ebf0}.step:last-child{border:0}.step p{margin:10px 0 12px}.cmd{display:inline-block;background:#e9f2f7;border:1px solid #cce0eb;border-radius:6px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#145b76;font-size:.91em}.tip{background:#eff8f6;border-left:4px solid #0a8981;padding:14px 18px;border-radius:5px;margin:17px 0;line-height:1.55}.warning{background:#fff7e9;border-left:4px solid #d18a19;padding:14px 18px;border-radius:5px;margin:17px 0}.check{display:flex;gap:10px;align-items:start;margin:12px 0;color:#30475a}.check input{accent-color:#0b8584;width:18px;height:18px;flex:none;margin-top:2px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{background:#0b777f;color:white;border:0;padding:11px 16px;border-radius:9px;font-weight:700}.btn.secondary{background:#e6edf3;color:#25465b}.figure{border:1px solid #dce5ed;border-radius:12px;padding:14px;background:#fafcfd;margin:17px 0}.figure svg{width:100%;height:auto;display:block;max-height:240px}.caption{font-size:12px;color:#64758a;text-align:center;margin-top:8px}.details{border:1px solid #dce5ed;border-radius:9px;margin:10px 0;background:#fafcfd}.details summary{cursor:pointer;padding:13px 16px;font-weight:700;color:#20566a}.details p{padding:0 16px 13px;margin:0}.progress{height:8px;background:#dfe8ef;border-radius:20px;overflow:hidden}.bar{height:100%;width:0;background:#0a8585;transition:width .2s}.progresslabel{font-size:12px;color:#64758a;margin-top:8px}.ref{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref div{background:#f1f5f8;padding:12px;border-radius:9px}.ref strong{display:block;font-size:13px}.ref span{font-size:12px;color:#546a7b}.footer{font-size:12px;color:#7c8c9a;margin-top:30px}@media(max-width:850px){.layout{grid-template-columns:1fr}.side{padding:17px 20px}.side .sub,.side h3,.side .navitem.muted{display:none}.side .brand{margin:0 0 10px}.side .navitem{display:inline-block;margin:0}.main{padding:27px 20px 70px}.ref{grid-template-columns:1fr}}


.shot{margin:16px 0 22px;border:1px solid #dce5ed;border-radius:12px;overflow:hidden;background:#f6f8fa}
.shot img{display:block;width:100%;height:auto;cursor:zoom-in}
.shot figcaption{padding:10px 14px;font-size:12px;color:#546a7b;background:#f5f8fa;line-height:1.5}
.lightbox{position:fixed;inset:0;background:rgba(9,20,31,.92);z-index:1000;display:none;align-items:center;justify-content:center;padding:48px 24px}
.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}
.lightbox button{position:absolute;top:10px;right:18px;color:white;background:transparent;border:0;font-size:32px;cursor:pointer}
@media(min-width:1000px){.main{max-width:1120px}.shot{margin-left:0;margin-right:0}}