
:root{--ink:#111216;--gold:#ffc107;--muted:#61646d;--line:#e6e7eb;--paper:#f7f7f9;--font:'Barlow',system-ui,sans-serif;--heading:'Barlow Condensed',Impact,sans-serif}
*{box-sizing:border-box}a{color:inherit}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #795b00;outline-offset:4px}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:var(--font)}
.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:12px;z-index:30}.skip:focus{top:8px}
.guide-topbar{background:#101114;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 #292a2e}.guide-topbar>div{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px}.guide-topbar a{text-decoration:none;font-size:14px;font-weight:600}.guide-topbar a:hover{color:var(--gold)}.guide-topbar .brand{font:800 21px var(--heading);letter-spacing:.03em}.guide-topbar .brand b{color:var(--gold)}.guide-topbar .toplinks{display:flex;gap:22px;align-items:center}.guide-topbar small{color:#b5b7bf;font-size:11px}
.reader-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 0 3px}.reader-nav a,.reader-nav button,.download-select{display:inline-block;border:1px solid #dedfe5;border-radius:9px;padding:9px 12px;font:600 13px var(--font);text-decoration:none;color:#24262b;background:#fff;min-height:38px}.reader-nav .active{background:#ffc107;border-color:#ffc107;color:#2a1700}.reader-nav .downloads{margin-left:auto;display:flex;gap:7px;align-items:center}.reader-nav .pdf-link{background:#121317;color:white;border-color:#121317}.reader-nav .pdf-link[hidden]{display:none}.download-select{max-width:134px;padding:8px}
.guide-toc{margin:14px 0 0;border:1px solid #e3e4e8;border-radius:12px;background:#f8f8fa;padding:11px 14px}.guide-toc summary{cursor:pointer;font-weight:600;font-size:14px}.guide-toc ol{list-style:none;margin:12px 0 0;padding:0;columns:2;column-gap:20px}.guide-toc li{margin:0 0 8px;break-inside:avoid}.guide-toc a{font-size:13px;text-decoration:none;line-height:1.35;display:block}.guide-toc a:hover{text-decoration:underline}.reader-section{scroll-margin-top:72px}.source-note{color:#676b76;font-size:12px;line-height:1.5;margin-top:16px}.guide-related{padding:20px 0;display:flex;justify-content:space-between;gap:20px}.guide-related a{text-decoration:none;font-size:14px;max-width:48%}.guide-related a:last-child{text-align:right}.guide-related small{display:block;color:#737783;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.bar a{flex:1;display:flex;align-items:center;justify-content:center;height:52px;border-radius:12px;text-decoration:none;background:#1a1a1a;color:#f2f2f2;border:1px solid #333;font:800 18px var(--heading)}.bar{position:fixed;left:0;right:0;bottom:0;background:#0a0a0a;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:10px;z-index:9;max-width:900px;margin:auto;border-radius:16px 16px 0 0}.bar button{flex:1;height:52px;border:0;border-radius:12px;font:800 18px var(--heading);background:var(--gold);color:#2a1700}.bar button,.bar a{max-width:420px}.step img{object-fit:contain}.doc{overflow-wrap:break-word}.doc h1{line-height:1.03}.doc h2{line-height:1.12}.doc section{scroll-margin-top:76px}img{max-width:100%}.meta{flex-wrap:wrap}.mast{gap:14px}.tile.t1{background:#147738}.tile.t3{background:#ae4305}
@media(min-width:1260px){.guide-toc{position:fixed;left:calc((100vw - 1220px)/2);top:82px;width:205px;max-height:calc(100vh - 110px);overflow-y:auto;margin:0}.guide-toc summary{pointer-events:none}.guide-toc ol{columns:1}.guide-toc li{margin-bottom:10px}.guide-toc a{font-size:12.5px}.wrap{position:relative;left:70px}}
@media(max-width:600px){.guide-topbar>div{padding:12px 16px}.guide-topbar .toplinks{gap:13px}.guide-topbar .brand{font-size:19px}.guide-topbar small{display:none}.reader-nav .downloads{width:100%;margin-left:0}.reader-nav .download-select{flex:1;max-width:none}.guide-toc ol{columns:1}.doc h1{font-size:40px}.meta{font-size:11px}.glance{grid-template-columns:1fr!important}.guide-related{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.guide-topbar,.reader-nav,.guide-toc,.guide-related,.source-note,.skip,.bar{display:none!important}.wrap{left:0!important}.tile{print-color-adjust:exact}.step img{max-height:110mm;object-fit:contain}.doc h2,.step h3{break-after:avoid}.tip{break-inside:avoid}}
