/* Max Flight Deck 說明文件（色系跟程式主視窗一樣，嵌在主視窗裡看起來是同一個程式） */
:root{--bg:#17191C;--panel:#1D2023;--line:#26292D;--line2:#2E3338;--tx:#ECEEF0;--mu:#9AA1A9;--dim:#6E757D;--acc:#4DA3D9}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.7 "Segoe UI","Microsoft JhengHei UI","PingFang TC","Noto Sans TC",system-ui,sans-serif}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.top{border-bottom:1px solid var(--line);background:#111315}
.top .wrap{padding-top:9px;padding-bottom:9px;display:flex;align-items:baseline;gap:16px}
.feat{font-weight:600;flex:1;min-width:0}
.lang{flex-shrink:0;font-size:12.5px;color:var(--mu);border:1px solid var(--line2);border-radius:4px;padding:1px 8px}
.lang:hover{color:var(--tx);text-decoration:none;border-color:var(--mu)}
.adrow{display:flex;gap:16px;flex-wrap:wrap;padding:14px 0}
.ad{display:flex;align-items:center;justify-content:center}
.ad:empty{display:none}
.ad.preview{border:2px dashed var(--line2);border-radius:6px;flex-direction:column;gap:2px;color:var(--mu);background:rgba(77,163,217,.05);font-size:13px}
.ad.promo{flex-direction:column;gap:6px;text-align:center;padding:14px;border:1px solid var(--line2);border-radius:6px;background:linear-gradient(135deg,rgba(77,163,217,.12),rgba(77,163,217,.03));color:var(--tx);text-decoration:none;font-size:14.5px;line-height:1.5;max-width:100%;box-sizing:border-box}
.ad.promo:hover{text-decoration:none;border-color:var(--mu)}
.ad.promo b{font-size:16px;color:var(--tx)}
.ad.ad-mid.promo{flex-direction:row;flex-wrap:wrap;gap:8px}
.ad.preview b{color:var(--tx);font-weight:600;letter-spacing:.04em}
.ad-mid{margin:18px 0;max-width:100%}
.cols{display:flex;gap:28px;align-items:flex-start}
main{flex:1;min-width:0}
aside{width:300px;flex-shrink:0;font-size:13px}
h1{font-size:20px;line-height:1.4;margin:6px 0 4px;font-weight:600}
h1 .cat{color:var(--acc);margin-right:6px}
.meta{display:flex;gap:14px;font-size:12.5px;margin-bottom:14px}
article p{margin:0 0 10px}
article ol{margin:0 0 12px;padding-left:22px}
article li{margin:4px 0}
.more{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}
.more h3,aside h3{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--mu);text-transform:uppercase;letter-spacing:.06em}
.more h2{font-size:16px;margin:0 0 8px}
.more h2 a{color:var(--tx)}
.more p{margin:0 0 8px;color:#C9CED3}
.more ol{padding-left:22px;color:#C9CED3}
aside section{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
aside p{margin:0;color:var(--mu)}
aside h4{margin:10px 0 4px;font-size:12px;color:var(--dim);font-weight:600}
.toc{margin:0;padding-left:20px;color:var(--dim)}
.toc li{margin:2px 0}
.toc li.on a{color:var(--tx);font-weight:600}
footer{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}
footer a{color:var(--mu)}
@media (max-width:900px){.cols{display:block}aside{width:auto;margin-top:24px}}
@media (max-width:720px){.adrow .ad{width:100%!important}}

/* 2026-11-06: pictures in articles */
.dimg{margin:16px 0}
.dimg img{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
.dimg figcaption{color:var(--mu);font-size:12.5px;margin-top:6px}