:root{color-scheme:dark;--bg:#09141c;--panel:#101f2a;--line:#293c47;--muted:#a4b6c0;--ink:#e9f1f4;--accent:#77d9e6;--gold:#e8c38a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 'Segoe UI',Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;padding:6px 13px}button:hover{border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:fixed;top:-60px;left:20px;z-index:100;background:var(--panel);padding:12px}.skip:focus{top:6px}.topbar{position:fixed;inset:0 0 auto;height:80px;background:#09141cf5;border-bottom:1px solid var(--line);z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 35px}.brand{display:flex;gap:13px;color:var(--ink);font-size:14px;letter-spacing:.06em;line-height:1.3}.brand:hover{text-decoration:none}.brand small{display:block;font-size:9px;letter-spacing:.27em;color:var(--accent);margin-top:5px}.brand-mark{font-size:38px;color:var(--accent);line-height:1}.brand b{color:var(--accent)}.top-actions{display:flex;gap:24px;align-items:center}.edition{font-size:12px;color:var(--muted)}#menu{display:none}#sidebar{position:fixed;top:80px;bottom:0;left:0;width:285px;border-right:1px solid var(--line);padding:30px 22px;overflow:auto}#sidebar label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:8px}.search-wrap{position:relative}input{width:100%;border:1px solid var(--line);background:#07121a;color:var(--ink);border-radius:5px;padding:10px 24px 10px 10px;font-size:12px}.search-wrap kbd{position:absolute;right:10px;top:9px;color:var(--muted);font-size:12px}.nav-group{font-size:10px;letter-spacing:.16em;color:#77919e;margin:27px 10px 8px;text-transform:uppercase}nav a{display:flex;gap:12px;color:#b0c1cb;font-size:13px;padding:7px 10px;border-left:2px solid transparent;line-height:1.5}nav a span{color:#667f8b;font-size:10px;min-width:16px;margin-top:2px}nav a:hover,nav a.active{color:var(--accent);background:#112834;text-decoration:none;border-color:var(--accent)}.side-note{font-size:11px;color:#879fab;border-top:1px solid var(--line);padding-top:18px;margin:25px 10px 0}main{max-width:1510px;margin-left:285px;padding:132px 7vw 35px}.chapter{max-width:1010px;padding-bottom:72px;margin-bottom:62px;border-bottom:1px solid var(--line);scroll-margin-top:108px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:16px}h1,h2,h3{line-height:1.2;font-weight:550;letter-spacing:-.025em}h1{font-size:clamp(42px,4.6vw,72px);margin:0 0 22px}h1 span{color:var(--accent)}h2{font-size:30px;margin:42px 0 18px}h3{font-size:20px;margin:30px 0 12px}.chapter>h2:first-of-type{margin-top:0;font-size:37px}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:680px}p{max-width:820px}li{margin:9px 0;color:#c6d4dc}strong{color:var(--ink);font-weight:600}.quicklinks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.quicklinks a{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:17px;font-size:13px;color:var(--ink)}.quicklinks a span{color:var(--accent);font-size:23px}figure{margin:30px 0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#0c1922}figure img{display:block;width:100%;height:auto;cursor:zoom-in}figure button{display:block;padding:0;border:0;border-radius:0;width:100%;background:transparent}figcaption{padding:12px 17px;color:var(--muted);font-size:12px;line-height:1.6}figure.portrait img{max-height:540px;width:auto;max-width:100%;margin:auto}.note{border-left:3px solid var(--accent);background:#112530;padding:17px 22px;margin:26px 0;color:#c6d6de}.note.planned{border-color:var(--gold);background:#28261f}.badge{display:inline-block;color:var(--gold);border:1px solid #65563e;border-radius:3px;font-size:10px;letter-spacing:.09em;padding:3px 7px;text-transform:uppercase;vertical-align:middle;margin-left:9px}.table-wrap{overflow:auto;margin:20px 0}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#10212c}td,th{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{color:var(--ink);font-weight:550;min-width:120px}td{color:#b9cbd5}code,kbd{font-family:Consolas,monospace;font-size:.87em;background:#152c38;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}pre{white-space:pre-wrap;border:1px solid var(--line);padding:20px;font-size:13px;background:#081118;color:#bcd3dd;overflow:auto}.diagram{display:flex;gap:10px;align-items:center;margin:25px 0;flex-wrap:wrap}.diagram a{flex:1;min-width:160px;border:1px solid var(--line);padding:17px;color:var(--ink);background:var(--panel)}.diagram small{display:block;color:var(--muted);font-size:12px}.diagram>span{color:var(--accent)}.placeholder{border:1px dashed #746248;background:repeating-linear-gradient(135deg,#181f24,#181f24 16px,#1b2329 16px,#1b2329 17px);padding:40px 28px;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.placeholder b{font-size:20px;color:#e7c797}.placeholder p{font-size:13px;color:#c3b7a4;max-width:580px;margin-bottom:0}.placeholder small{font-size:10px;letter-spacing:.15em;color:#b19a75}.hotspot-wrap{position:relative}.hotspot-wrap img{cursor:default}.hotspot{position:absolute;display:grid;place-items:center;background:var(--accent);color:#071820;font-size:13px;font-weight:700;width:30px;height:30px;border:2px solid #0e2330;border-radius:50%;box-shadow:0 0 0 5px #74d8e933}.hotspot:hover{background:white;text-decoration:none}.hotspot-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;list-style:none;padding:0}.hotspot-list a{font-size:14px}.hotspot-list b{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;margin-right:9px;color:var(--accent)}details{border:1px solid var(--line);background:#0d1d27;margin:10px 0;border-radius:5px}summary{cursor:pointer;padding:14px 18px;color:var(--ink);font-weight:550}details>div{padding:0 18px 12px;color:#b9cbd5}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery figure{margin:0}.gallery img{aspect-ratio:16/9;object-fit:contain}.search-hit{border-color:var(--accent)}[hidden]{display:none!important}footer{color:#8099a6;font-size:12px;display:flex;justify-content:space-between;gap:20px}dialog{width:min(96vw,1700px);max-height:95vh;background:#0b1922;border:1px solid var(--line);color:var(--ink);padding:18px;border-radius:8px}dialog::backdrop{background:#000c}dialog img{display:block;max-height:78vh;max-width:100%;margin:auto;object-fit:contain}dialog p{margin:14px auto 0;font-size:13px;color:var(--muted);text-align:center}#close-image{display:block;margin:0 0 15px auto}.print-note{font-size:12px;color:var(--muted)}@media(min-width:1700px){main{padding-left:110px;padding-right:110px}}@media(max-width:1050px){#sidebar{width:240px}main{margin-left:240px;padding:115px 35px 30px}.quicklinks{grid-template-columns:1fr}.topbar{padding:0 25px}.edition{display:none}}@media(max-width:720px){.topbar{height:70px;padding:0 18px}.brand{font-size:11px}.brand-mark{font-size:30px}.top-actions{gap:8px}.top-actions button{font-size:11px;padding:7px}#menu{display:block}#sidebar{display:none;top:70px;width:min(90vw,320px);background:var(--bg);z-index:19;box-shadow:20px 0 40px #0008}#sidebar.open{display:block}main{margin-left:0;padding:105px 22px 28px}.chapter{padding-bottom:40px;margin-bottom:38px}.chapter>h2:first-of-type{font-size:30px}h2{font-size:26px}.lead{font-size:18px}.gallery,.hotspot-list{grid-template-columns:1fr}.hotspot{width:23px;height:23px;font-size:10px}.diagram{flex-direction:column;align-items:stretch}.diagram>span{text-align:center;transform:rotate(90deg)}footer{flex-direction:column}td,th{padding:10px}figure{margin:23px 0}}@media print{html{scroll-behavior:auto}body{background:white;color:#18242b;font-size:10pt;line-height:1.5}.topbar,#sidebar,.quicklinks,#menu,.skip,dialog,#no-results,.hotspot{display:none!important}main{margin:0;padding:0;max-width:none}.chapter,.chapter[hidden]{display:block!important;margin:0;padding:0 0 20px;border-color:#ddd;break-before:page;max-width:none}.chapter:first-child{break-before:auto}.chapter h2,.chapter h3{color:#152c36}h1{font-size:38pt}h1 span,.eyebrow,a{color:#246879}.lead,p,li,td,figcaption,strong,.note{color:#253a44}.note,th,code,kbd,details{background:#f1f5f6;border-color:#aaa}.note.planned{background:#fff8e9}figure{background:white;border-color:#ccc;break-inside:avoid}figure img{max-height:420px;object-fit:contain}figure.portrait img{max-height:320px}figcaption{font-size:9pt}table{font-size:9pt}tr{break-inside:avoid}h2,h3{break-after:avoid}.placeholder{background:#f8f6f1;min-height:120px}.placeholder p,.placeholder b{color:#755c2f}.gallery{grid-template-columns:1fr 1fr}.print-note{display:none}.diagram a{background:#f1f5f6;color:#153741}.diagram small{color:#435d6c}footer{margin-top:20px}}
.language-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#language{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:7px 10px;font:12px Segoe UI,Arial,sans-serif;max-width:170px}@media(max-width:720px){#language{max-width:110px;font-size:11px;padding:7px 5px}.top-actions{gap:6px}.brand{max-width:135px}.brand-mark{display:none}}
.hotspot{transform:translate(-50%,-50%)}.detail-gallery img{aspect-ratio:auto;max-height:470px;width:auto;max-width:100%;margin:auto}.brush-key{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.brush-key>div{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:13px;background:var(--panel);border-radius:5px}.brush-key img{width:56px;height:50px;object-fit:contain}.brush-key span{font-size:12px;line-height:1.5}.brush-key small{display:block;color:var(--accent);font-size:9px;letter-spacing:.1em}@media(max-width:1050px){.brush-key{grid-template-columns:1fr 1fr}}@media(max-width:720px){.brush-key{grid-template-columns:1fr}}@media print{.brush-key>div{background:white;break-inside:avoid}.brush-key{grid-template-columns:1fr 1fr 1fr}}
/* Prominent entry points and readable, numbered workspace links. */
.quicklinks a{font-size:19px;font-weight:600;line-height:1.4;min-height:112px;padding:22px}.quicklinks a span{font-size:28px}
.hotspot-list{gap:14px 20px}.hotspot-list li{margin:0}.hotspot-list a{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:600;line-height:1.4;min-height:76px;padding:15px;border:1px solid var(--line);border-radius:6px;background:var(--panel);height:100%}.hotspot-list a:hover{background:#17323f;text-decoration:none;border-color:var(--accent)}.hotspot-list b{flex:none;width:34px;height:34px;margin:0;font-size:16px}.hotspot-list small{display:block;color:var(--muted);font-size:14px;font-weight:400;line-height:1.5;margin-top:5px}.annotated-scroll{overflow-x:auto}.transfer-map{min-width:720px}.transfer-map .hotspot{width:32px;height:32px;font-size:15px}
@media(max-width:720px){.quicklinks a{font-size:18px;min-height:82px;padding:18px}.hotspot-list a{font-size:18px}.transfer-map .hotspot{width:28px;height:28px;font-size:13px}}
@media print{.annotated-scroll{overflow:visible}.transfer-map{min-width:0}.transfer-map .hotspot{display:grid!important;box-shadow:none}.hotspot-list a{background:white;color:#153741;font-size:12pt;min-height:0;padding:10px}.hotspot-list small{color:#435d6c;font-size:10pt}.hotspot-list li{break-inside:avoid}}
.run-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.run-options>div{padding:22px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:6px}.run-options h4{font-size:21px;line-height:1.3;margin:0 0 14px}.run-options p{font-size:16px}.run-options a{font-size:17px;font-weight:600}@media(max-width:720px){.run-options{grid-template-columns:1fr}}@media print{.run-options>div{background:white;break-inside:avoid}.run-options h4{color:#153741}}
/* Read numbered area keys down each column: 1–4, then 5–8. */
.hotspot-list{grid-auto-flow:column;grid-template-rows:repeat(4,auto)}
@media screen and (max-width:720px){.hotspot-list{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr}}
@media print{.hotspot-list{grid-template-columns:1fr 1fr}}
/* Paired screenshot markers and descriptions share a neutral hover/focus cue. */
.hotspot-list a.area-highlight{background:#424b52;border-color:#abb2b8;color:#fff}
.hotspot-list a.area-highlight b{background:#626b73;border-color:#bdc3c8;color:#fff}
.hotspot-list a.area-highlight small{color:#e4e7e9}
.hotspot.area-highlight{background:#b9bec3;color:#101820;border-color:#eef0f2;box-shadow:0 0 0 5px #aeb5bc66}
@media print{.hotspot-list a.area-highlight{background:white;color:#153741;border-color:#aaa}.hotspot-list a.area-highlight small{color:#435d6c}.hotspot.area-highlight{box-shadow:none}}
/* Clickable regions on the opening screenshot; source pixels remain unchanged. */
.welcome-map-canvas{min-width:720px}.area-rectangle{position:absolute;display:block;border:1px solid #d0d5db99;border-radius:7px;background:#a0a6ae33;transition:background .12s,border-color .12s}.area-rectangle:hover,.area-rectangle:focus-visible{background:#b7bdc466;border-color:#eef0f3;z-index:5;text-decoration:none}.area-tooltip{display:none;position:absolute;top:calc(100% + 7px);left:0;width:max-content;max-width:260px;padding:9px 12px;border:1px solid #858e97;border-radius:6px;background:#263039;color:#fff;font-size:14px;line-height:1.4;font-weight:500;box-shadow:0 4px 14px #0008;pointer-events:none}.area-rectangle:hover .area-tooltip,.area-rectangle:focus-visible .area-tooltip{display:block}.tooltip-left .area-tooltip{left:auto;right:0}.tooltip-above .area-tooltip{top:auto;bottom:calc(100% + 7px)}@media print{.welcome-map-canvas{min-width:0}.area-rectangle{display:none}.area-tooltip{display:none!important}}
/* Separate optional choices from the short main procedure. */
.event-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.event-links a{padding:9px 14px;border:1px solid #43525e;border-radius:6px;background:#152631;font-weight:600}.event-links a:hover,.event-links a:focus-visible{background:#384650;color:#fff}.chapter h3[id^="event-"]{font-size:27px;margin-top:52px;color:var(--accent)}@media print{.event-links a{background:white;color:#153741}.chapter h3[id^="event-"]{break-after:avoid}}
.optional-actions{margin:24px 0;padding:18px 22px;border:1px solid #43525e;border-radius:7px;background:#111e27}.optional-actions h3{font-size:19px;margin:0 0 12px;color:#c2d0d8}.optional-actions ul{margin:0;padding-left:22px}.optional-actions li:last-child{margin-bottom:0}@media print{.optional-actions{background:#f6f8f9;border-color:#bbc4ca}.optional-actions h3{color:#344c59}}
.event-name{color:var(--accent);font-weight:600}.event-name:hover,.event-name:focus-visible{color:var(--accent);text-decoration:underline}
.glossary-term{color:inherit;text-decoration-line:underline;text-decoration-style:dashed;text-decoration-color:#8b969e;text-underline-offset:4px;text-decoration-thickness:1px}.glossary-term:hover,.glossary-term:focus-visible{color:var(--accent);text-decoration-style:dashed}#glossary-tooltip{position:fixed;z-index:50;max-width:min(340px,calc(100vw - 24px));padding:12px 15px;border:1px solid #61727c;border-radius:7px;background:#20313d;color:#edf3f6;font-size:14px;line-height:1.55;box-shadow:0 5px 22px #0006;pointer-events:none}.glossary-entry{margin:26px 0}.glossary-entry h3{color:var(--accent)}#sidebar{overscroll-behavior-y:contain}@media print{#glossary-tooltip{display:none}.glossary-term{text-decoration:none;color:inherit}}
.snapshot-explainer{margin:28px 0;padding:24px}.snapshot-explainer h3{margin-top:0;color:var(--accent);font-size:24px}.snapshot-flow{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:8px;margin:24px 0}.flow-stage{align-self:stretch;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 9px;background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--ink)}.flow-stage svg{width:36px;height:36px;color:var(--accent)}.flow-stage strong{font-size:16px;line-height:1.35}.flow-stage small{font-size:13px;line-height:1.45;color:var(--muted)}.flow-stage:hover{border-color:var(--accent);text-decoration:none;background:#17303c}.flow-arrow{color:var(--accent);font-size:21px;text-align:center}@media(max-width:720px){.snapshot-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}.flow-stage{padding:14px}}@media print{.snapshot-explainer{break-inside:avoid}.flow-stage{background:white;color:#153741}.flow-stage strong,.flow-stage small{color:#153741}}