:root{color-scheme:dark;--bg:#091522;--panel:#12263a;--ink:#f1f6fc;--muted:#b7c9dc;--line:#30465b;--cyan:#70d7f4;--green:#a2e4c3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--bg);font:17px/1.8 "Segoe UI","Microsoft JhengHei",sans-serif}a{color:var(--cyan);text-underline-offset:5px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.skip{position:fixed;top:-100px;z-index:20;padding:12px;background:white;color:#123}.skip:focus{top:0}.top{position:sticky;top:0;z-index:8;background:#091522f5;border-bottom:1px solid var(--line)}.top-inner{max-width:1500px;margin:auto;padding:14px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:21px;color:white;text-decoration:none;font-weight:750}.brand span{color:var(--cyan)}.top nav{display:flex;gap:22px;align-items:center;font-size:15px}.top nav a{color:var(--muted);text-decoration:none}.print{background:transparent;color:var(--ink);border:1px solid var(--line);padding:6px 14px;border-radius:4px}.shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:46px;padding:34px 32px 50px}.side{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 115px);overflow:auto;padding-right:18px;font-size:15px}.side strong{display:block;color:var(--muted);font-size:13px;letter-spacing:.08em;margin:20px 0 10px}.side a{display:block;padding:8px 12px;text-decoration:none;color:var(--muted);border-left:2px solid transparent}.side a:hover,.side a[aria-current=page]{color:var(--cyan);background:var(--panel);border-color:var(--cyan)}main{min-width:0}.crumb{font-size:14px;color:var(--muted);margin-bottom:24px}.eyebrow{color:var(--cyan);font-size:14px;font-weight:700;letter-spacing:.08em;margin:0 0 12px}h1{font-size:clamp(30px,3.2vw,46px);line-height:1.35;letter-spacing:-.02em;margin:0 0 22px}h2{font-size:28px;line-height:1.45;margin:0 0 16px}h3{font-size:20px;line-height:1.5;margin:0 0 10px}p{margin:0 0 18px}.lead{color:var(--muted);font-size:19px;max-width:900px}.context{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);padding:22px 0;gap:32px;margin:28px 0}.context h2{font-size:16px;color:var(--cyan);margin-bottom:8px}.context p{font-size:16px;margin:0}.agenda{background:var(--panel);padding:24px 28px;margin-bottom:28px;border-left:3px solid var(--cyan)}.agenda h2{font-size:22px}.agenda ol{padding-left:22px;margin:0}.toc{display:flex;flex-wrap:wrap;gap:8px 22px;border-bottom:1px solid var(--line);padding:0 0 24px;font-size:15px}.unit{padding:38px 0;border-bottom:1px solid var(--line)}.unit-head{display:flex;gap:18px;align-items:flex-start}.unit-no{color:var(--cyan);font-size:30px;font-weight:750;min-width:44px;line-height:1.4}.unit .purpose{font-size:18px;color:var(--muted)}.steps{padding:0;list-style:none;counter-reset:n;margin:24px 0}.steps li{position:relative;counter-increment:n;padding:0 0 18px 34px}.steps li:before{content:counter(n);position:absolute;left:0;color:var(--cyan);font-weight:700}.steps p{color:var(--muted);font-size:16px;margin:5px 0 0}.figure{margin:26px 0;background:#0b1d2b;border:1px solid var(--line)}.figure a{display:block;position:relative}.figure img{width:100%;height:auto;display:block}.figure .zoom-label{position:absolute;right:10px;bottom:10px;background:#071824ed;padding:4px 12px;color:white;font-size:14px}.figure figcaption{padding:16px 20px;color:var(--muted);font-size:15px}.figure figcaption strong{color:var(--cyan)}.look{border-left:3px solid var(--cyan);padding:4px 0 4px 18px;font-size:16px}.outcomes{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;background:var(--panel);padding:24px;margin-top:22px}.outcomes h3{color:var(--green);font-size:18px}.outcomes ul{padding-left:22px;font-size:16px;margin:0}.outcomes p{font-size:16px;margin:0}.table-scroll{overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:16px;min-width:580px}th,td{padding:16px 14px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--cyan);background:var(--panel)}td:first-child{font-weight:650;width:23%}.note{font-size:15px;color:var(--muted);border-left:2px solid var(--line);padding-left:18px;margin:24px 0}.next{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:28px 0}.primary{display:inline-block;background:var(--cyan);color:#082034;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:24px 0}.card{display:block;border:1px solid var(--line);background:var(--panel);padding:24px;text-decoration:none;color:var(--ink)}.card:hover{border-color:var(--cyan)}.card h3{font-size:23px}.card p{font-size:16px;color:var(--muted)}.card .more{color:var(--cyan);font-size:15px}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.phase-grid a{border-top:3px solid var(--cyan);padding:20px 0;text-decoration:none}.phase-grid h3{color:var(--ink)}.phase-grid p{font-size:16px;color:var(--muted)}.home-section{padding:34px 0;border-top:1px solid var(--line)}.home-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;margin-bottom:34px}.home-hero img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--line)}.home-hero figcaption{font-size:14px;color:var(--muted)}figure{margin:0}.home-shell{max-width:1280px;margin:auto;padding:42px 32px}footer{border-top:1px solid var(--line);padding:22px 32px;color:var(--muted);font-size:14px;text-align:center}.questions{padding:26px 0}.questions li{margin-bottom:12px}.supplement{border:1px solid var(--line);padding:20px 24px;margin:24px 0}.supplement h2{font-size:21px}.supplement p{font-size:16px}.lightbox{width:96vw;max-width:none;height:94vh;max-height:none;background:#071522;color:white;border:1px solid var(--line);padding:16px}.lightbox::backdrop{background:#000c}.viewer-bar{display:flex;gap:14px;align-items:center;margin-bottom:12px}.viewer-bar p{margin:0 auto 0 0;font-size:15px}.viewer-bar button{padding:7px 15px;background:#193c53;color:white;border:1px solid var(--cyan)}.viewer-body{overflow:auto;height:calc(100% - 60px);display:flex;align-items:flex-start;justify-content:center}.viewer-body img{max-width:100%;max-height:100%;object-fit:contain}.viewer-body.full{display:block}.viewer-body.full img{max-width:none;max-height:none;width:auto}.back-top{display:inline-block;margin-top:20px;font-size:15px}[hidden]{display:none!important}
@media(max-width:1050px){.shell{grid-template-columns:210px minmax(0,1fr);gap:25px;padding-inline:22px}.outcomes{grid-template-columns:1fr}.home-hero{grid-template-columns:1fr}.home-hero figure{max-width:850px}.phase-grid{gap:22px}}
@media(max-width:760px){body{font-size:16px}.top-inner{padding:12px 20px;flex-wrap:wrap;gap:8px}.top nav{gap:16px;flex-wrap:wrap}.shell{display:block;padding:22px}.side{position:static;max-height:none;padding:0 0 20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.side nav{display:flex;flex-wrap:wrap;gap:4px 10px}.side strong{width:100%}.side a{padding:5px 8px}.context,.card-grid,.phase-grid{grid-template-columns:1fr}.home-shell{padding:28px 22px}.agenda{padding:20px}.unit{padding:28px 0}.outcomes{padding:20px}.unit-no{min-width:32px;font-size:25px}h2{font-size:25px}.lead{font-size:18px}.viewer-bar{flex-wrap:wrap}.viewer-bar p{width:100%}.viewer-body{height:calc(100% - 100px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{:root{color-scheme:light;--ink:#10283b;--muted:#384d60;--line:#bbc9d5;--cyan:#00688b;--green:#186b45;--panel:#fff}body{background:white;font-size:11pt}.top,.side,.toc,.next,.zoom-label,.back-top,.lightbox,.skip{display:none!important}.shell{display:block;padding:0}.home-shell{padding:0}.home-hero{display:block}.home-hero figure{max-width:600px;margin:20px auto}.figure{background:white;break-inside:avoid}.figure img{max-height:110mm;object-fit:contain}.figure figcaption{font-size:10pt}.unit{padding:22px 0}.unit-head{break-after:avoid}.outcomes{break-inside:avoid}.table-scroll{overflow:visible}table{min-width:0;font-size:10pt}tr,.steps li{break-inside:avoid}.lead,.purpose{font-size:12pt!important}.brand{color:#123}h1{font-size:28pt}h2{font-size:20pt}.card{break-inside:avoid}.card-grid{grid-template-columns:1fr 1fr}footer{padding:15px 0;font-size:9pt}@page{size:A4;margin:15mm}}