/* MachinePilot homepage visual baseline. Load after the legacy scenario stylesheet. */
:root{color-scheme:light;--bg:#eef6fc;--panel:#eff8ff;--ink:#082951;--muted:#476582;--line:#d3e5f5;--cyan:#006bcb;--green:#006bcb}
html{scroll-padding-top:110px}
body{background:var(--bg);color:var(--ink);font-family:"Microsoft JhengHei","Segoe UI",sans-serif;font-size:16px;line-height:1.8}
body>main.home-shell,body>.shell{max-width:1100px;background:#fff;margin:0 auto}
h1,h2,h3{color:var(--ink)}
h1{font-size:clamp(28px,3.1vw,40px);line-height:1.4;font-weight:750;margin-bottom:20px}
h2{font-size:26px}h3{font-size:20px}
a{color:#006bcb}a:focus-visible,button:focus-visible{outline:3px solid #0087dc;outline-offset:4px}
.home-shell{padding:0 40px 40px}
.home-hero{margin:0 -40px 32px;padding:48px 40px 36px;gap:30px;grid-template-columns:1.05fr 1fr;background:linear-gradient(115deg,#fff 0%,#eff8ff 100%)}
.home-hero .lead{font-size:18px;margin-bottom:0}
.home-hero img{background:#fff;border:1px solid var(--line);border-radius:9px}
.home-hero figcaption{padding-top:10px;font-size:14px;color:var(--muted)}
.eyebrow{color:#087dc8;font-size:13px;letter-spacing:.08em}
.home-section{padding:36px 0;border-top:1px solid var(--line)}
.card-grid{gap:18px;margin:24px 0 0}
.card{background:linear-gradient(125deg,#fff,#f5faff);border:1px solid #c8dff2;border-radius:9px;padding:26px;display:flex;flex-direction:column;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.card h3{font-size:23px}.card p{color:var(--muted)}.card .eyebrow{color:#087dc8}.card .more{margin-top:auto;font-weight:650;color:#006bcb}
.card:hover{border-color:#0087dc;box-shadow:0 6px 18px #0829510a}
.phase-grid{gap:18px}.phase-grid a{padding:22px;background:#eff8ff;border:1px solid var(--line);border-radius:9px}.phase-grid h3{font-size:20px}.phase-grid span{color:#006bcb;font-size:15px;font-weight:650}
.shell{grid-template-columns:200px minmax(0,1fr);gap:30px;padding:32px 32px 48px}
.side{top:90px;max-height:calc(100dvh - 110px);padding:6px 14px 16px 0;border-right:1px solid var(--line);font-size:14px}
.side strong{color:var(--ink);letter-spacing:0;font-size:13px;margin-top:18px}
.side a{color:var(--muted);padding:8px 10px;border-radius:0 5px 5px 0}
.side a:hover,.side a[aria-current=page]{color:#006bcb;background:#e5f3ff;border-left-color:#0087dc}
.crumb{font-size:13px;margin-bottom:22px}.lead{color:var(--muted);font-size:18px}
.context{border:0;padding:0;gap:16px;margin:26px 0}
.context>div{padding:22px;background:#f5faff;border:1px solid var(--line);border-radius:9px}
.context h2{color:#006bcb;font-size:18px}.context p{font-size:16px}
.agenda{background:#eff8ff;border:1px solid var(--line);border-left:3px solid #0087dc;border-radius:0 9px 9px 0;padding:24px;margin-bottom:24px}
.agenda h2{font-size:22px}.agenda ol{padding-left:24px}
.outcomes{background:#eff8ff;border:1px solid var(--line);border-radius:9px;gap:24px;padding:24px}
.outcomes h3{color:#006bcb}.outcomes p,.outcomes ul{font-size:16px}
.toc{gap:9px 12px;padding-bottom:24px;font-size:14px}
.toc a{background:#f5faff;border:1px solid var(--line);border-radius:5px;padding:7px 11px;text-decoration:none}
.toc a:hover{border-color:#0087dc}
.unit{padding:36px 0;scroll-margin-top:100px}.unit-head{gap:14px}.unit-no{color:#087dc8;min-width:38px}.unit .purpose{font-size:17px}
.steps p{color:var(--muted)}.steps li:before{color:#006bcb}
.figure{background:#f5faff;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.figure img{background:#fff}.figure .zoom-label{background:#006bcb;color:#fff;border-radius:5px}
.figure figcaption{color:var(--muted)}.figure figcaption strong{color:#006bcb}
.look{background:#f5faff;border-left:3px solid #0087dc;padding:14px 18px;border-radius:0 6px 6px 0}
.note{background:#f5faff;border:1px solid var(--line);border-left:3px solid #0087dc;padding:15px 18px;border-radius:0 6px 6px 0;color:var(--muted)}
.table-scroll{border:1px solid var(--line);border-radius:9px}th{background:#eff8ff;color:var(--ink)}td{background:#fff}tbody tr:nth-child(even) td{background:#f8fcff}
.supplement{background:#f5faff;border:1px solid var(--line);border-radius:9px;padding:24px}
.questions{margin-top:24px;padding:24px;background:#eff8ff;border-radius:9px}.questions h2{font-size:23px}
.primary{background:#0071d4;color:#fff;border-radius:5px;padding:10px 18px}.primary:hover{background:#005eb5;color:#fff}
.next{align-items:center}.next a:not(.primary){font-weight:650}
body>footer{background:#073965;color:#fff;border:0;padding:24px;font-size:13px}body>footer a{color:#fff}
.lightbox{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:9px}.lightbox::backdrop{background:#001c38b8}
.viewer-bar button{background:#0071d4;border:1px solid #0071d4;color:#fff;border-radius:5px}.viewer-body{background:#eff8ff}
@media(max-width:1050px){.home-hero{grid-template-columns:1fr 1fr}.shell{grid-template-columns:180px minmax(0,1fr);gap:24px;padding:28px 24px}.outcomes{grid-template-columns:1fr}.side{top:115px;max-height:calc(100dvh - 135px)}}
@media(max-width:760px){.home-shell{padding:0 20px 28px}.home-hero{grid-template-columns:1fr;margin:0 -20px 26px;padding:32px 20px 26px;gap:24px}.home-hero figure{width:100%}.home-section{padding:28px 0}.shell{display:block;padding:24px 20px}.side{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.side nav{display:flex;flex-wrap:wrap}.side a{border:1px solid var(--line);border-radius:5px;margin-bottom:5px}.context,.card-grid,.phase-grid{grid-template-columns:1fr}.context>div,.card,.agenda,.outcomes,.supplement{padding:20px}.unit h2{font-size:23px}.next .primary{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}
@media print{body{background:#fff}.side,body>footer,.toc,.next{display:none}.shell{display:block;max-width:none;padding:0}.home-shell{padding:0}.home-hero{margin:0;padding:20px 0;background:#fff}.context>div,.outcomes,.agenda{background:#fff}.figure{break-inside:avoid}.unit{scroll-margin-top:0}}