/* ── manual：齒輪隔壁的「手冊」鈕＋操作手冊頁（目錄、內文、截圖、放大看） ── */
.manual-slot{display:inline-flex;flex:0 0 auto}
/* 上圖下字、寬 44（跟齒輪一樣大）：電腦側欄（名字＋齒輪＋手冊＋收起鈕）、手機上方列都很擠，這樣才放得下又看得懂 */
.manual-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:var(--tap);min-height:var(--tap);padding:0;border:0;border-radius:var(--r-md);
  background:none;color:var(--side-text);font-size:var(--fs-cap);font-weight:800;line-height:1.5;white-space:nowrap}
.manual-btn:hover,.manual-btn:focus-visible{background:var(--side2);color:#fff}
.manual-btn svg{flex:0 0 auto;width:18px;height:18px}
/* 手機上方列：名字前的小三角形在窄螢幕先收起來，整列才放得下 */
@media (max-width:420px){.topbar .brand .bi{display:none}}
@media (max-width:380px){.topbar .brand{font-size:var(--fs-md)}.topbar .toptabs button{padding:0 var(--sp-2)}.topbar .row1{gap:var(--sp-1)}}

#page-manual{max-width:860px}
.mn-head{margin-bottom:var(--sp-5)}
.mn-wait{color:var(--ink-2);font-size:var(--fs-body)}
.mn-toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-7);margin-bottom:var(--sp-8)}
.mn-toc summary{font-size:var(--fs-md);font-weight:800;min-height:var(--tap);display:flex;align-items:center;cursor:pointer}
.mn-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.mn-toc li.lv3{padding-left:var(--sp-7)}
.mn-toc button{display:block;width:100%;text-align:left;min-height:var(--tap);border:0;background:none;color:var(--people-ink);font-size:var(--fs-body);line-height:var(--lh-tight);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm)}
.mn-toc li.lv2 > button{font-weight:800;color:var(--ink)}
.mn-toc button:hover,.mn-toc button:focus-visible{background:var(--surface-2)}
.mn-body{font-size:var(--fs-body);line-height:1.75;color:var(--ink);overflow-wrap:anywhere}
.mn-body h1{font-size:var(--fs-2xl);font-weight:900;line-height:var(--lh-tight);margin:0 0 var(--sp-5)}
.mn-body h2{font-size:var(--fs-xl);font-weight:900;line-height:var(--lh-tight);margin:var(--sp-8) 0 var(--sp-5);padding-top:var(--sp-6);border-top:3px solid var(--money)}
.mn-body h3{font-size:var(--fs-lg);font-weight:800;line-height:var(--lh-tight);margin:var(--sp-8) 0 var(--sp-3)}
.mn-body h2,.mn-body h3{scroll-margin-top:var(--sp-7)}
.mn-body h2:focus,.mn-body h3:focus{outline:none}
.mn-body blockquote{margin:0 0 var(--sp-6);padding:var(--sp-4) var(--sp-6);background:var(--surface);border-left:4px solid var(--money);color:var(--ink-2)}
.mn-body blockquote p{margin:var(--sp-1) 0}
.mn-body hr{border:0;border-top:1px dashed var(--line);margin:var(--sp-8) 0}
.mn-body ol,.mn-body ul{padding-left:1.4em}
.mn-body li{margin:var(--sp-1) 0}
.mn-tablewrap{overflow-x:auto;margin:var(--sp-5) 0}
.mn-body table{border-collapse:collapse;width:100%;background:var(--surface)}
.mn-body td,.mn-body th{border:1px solid var(--line);padding:var(--sp-3) var(--sp-4);text-align:left;vertical-align:top;min-width:6em}
.mn-body th{background:var(--surface-2)}
.mn-note{background:var(--warn-bg);color:var(--ink);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md)}
.mn-fig{margin:var(--sp-6) 0 var(--sp-8);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4)}
.mn-zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;min-height:var(--tap)}
.mn-fig img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:var(--r-sm);background:var(--surface-2)}
.mn-fig.mn-phone img{max-width:min(100%,360px)}
.mn-fig figcaption{font-size:var(--fs-sm);color:var(--ink-2);margin-top:var(--sp-3);line-height:var(--lh-tight)}
.mn-foot{margin:var(--sp-8) 0}
.mn-dlg{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;border:0;background:var(--bg);color:var(--ink)}
.mn-dlg::backdrop{background:var(--scrim)}
.mn-dlg-bar{position:sticky;top:0;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-6);background:var(--surface);border-bottom:1px solid var(--line)}
.mn-dlg-t{flex:1;min-width:0;font-size:var(--fs-sm);color:var(--ink-2)}
.mn-dlg-img{overflow:auto;height:calc(100vh - 62px)}
.mn-dlg-img img{display:block;max-width:none;width:max(100%,900px);height:auto}
@media (min-width:1000px){.mn-dlg-img img{width:auto;max-width:none}}
@media (max-width:999px){.mn-body h2,.mn-body h3{scroll-margin-top:150px}}