/* YaoDun Help — local, accessible documentation chrome. */
:root {
  --page:#fff; --canvas:#faf9f6; --sidebar:#fafaf9; --surface:#fff; --surface-soft:#f6f5f2;
  --ink:#202326; --body:#42484e; --muted:#626c74; --faint:#6b737b;
  --line:#e9e9e5; --line-strong:#dcddd8; --gold:#8c6513; --gold-bright:#f2c94c;
  --gold-soft:#f9f2df; --gold-line:#e9d59b; --link:#8b6412;
  --warning:#fff8eb; --warning-line:#dfac4c; --info:#f2f7fa;
  --shadow:0 14px 45px rgba(24,32,38,.09); --header:70px; --sidebar-width:264px;
  color-scheme:light;
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  font-synthesis:none; text-rendering:optimizeLegibility;
}
:root[data-theme="dark"], body[data-theme="dark"] {
  --page:#15181c; --canvas:#111418; --sidebar:#111418; --surface:#1b1f24; --surface-soft:#20252b;
  --ink:#f2f3f1; --body:#c4cbd0; --muted:#939da5; --faint:#87929b;
  --line:#2a3037; --line-strong:#3b444d; --gold:#e7c66e; --gold-bright:#f2cc62;
  --gold-soft:#302b1e; --gold-line:#68562d; --link:#e7c66e;
  --warning:#2c251a; --warning-line:#bf9145; --info:#1c2830;
  --shadow:0 18px 55px rgba(0,0,0,.32); color-scheme:dark;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--header) + 32px); }
body { margin:0; background:var(--page); color:var(--body); font-size:15px; line-height:1.7; }
button,input { font:inherit; }
button,a,input { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; }
button { color:inherit; }
button:disabled { cursor:default; opacity:.55; }
[hidden] { display:none!important; }
:focus-visible { outline:3px solid var(--gold-bright); outline-offset:4px; border-radius:4px; }
::selection { background:#ecd48d66; color:var(--ink); }
svg { flex-shrink:0; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.skip-link { position:fixed; top:9px; left:12px; padding:10px 18px; border-radius:8px; background:var(--ink); color:var(--page); z-index:200; transform:translateY(-170%); }
.skip-link:focus { transform:none; }

.topbar { height:var(--header); position:fixed; inset:0 0 auto; z-index:50; display:flex; align-items:center; gap:28px; padding:0 28px; border-bottom:1px solid var(--line); background:var(--page); }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; width:calc(var(--sidebar-width) - 28px); flex-shrink:0; }
.brand img { width:36px; height:36px; border-radius:10px; }
.brand-copy { display:flex; align-items:baseline; gap:12px; white-space:nowrap; }
.brand-copy strong { color:var(--ink); font-size:20px; font-weight:750; letter-spacing:.035em; }
.brand-copy>span { padding-left:12px; border-left:1px solid var(--line-strong); font-size:13px; color:var(--muted); line-height:1.1; }
.search-open { width:360px; max-width:40vw; height:38px; display:flex; align-items:center; gap:10px; padding:0 12px; background:var(--surface-soft); border:1px solid var(--line); border-radius:8px; text-align:left; color:var(--muted); font-size:13px; transition:border-color .15s,background .15s; }
.search-open:hover { border-color:var(--line-strong); background:var(--surface); }
.search-open svg { width:17px; height:17px; }
.search-open>.kbd { margin-left:auto; }
.kbd { display:inline-flex; align-items:center; justify-content:center; min-height:21px; padding:0 5px; background:var(--surface); color:var(--muted); border:1px solid var(--line-strong); border-radius:4px; font:11px/1.5 Consolas,"SFMono-Regular",monospace; white-space:nowrap; }
.header-tools { display:flex; align-items:center; gap:16px; margin-left:auto; }
.print-link { display:flex; align-items:center; gap:7px; color:var(--muted); text-decoration:none; font-size:13px; white-space:nowrap; }
.print-link:hover { color:var(--ink); }
.print-link svg { width:16px; height:16px; }
.header-divider { height:20px; width:1px; background:var(--line); }
.icon-button { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:7px; border:0; border-radius:7px; background:transparent; color:var(--muted); }
.icon-button:hover { background:var(--surface-soft); color:var(--ink); }
.icon-button svg { width:20px; height:20px; }
.menu-toggle { display:none; }

.sidebar { position:fixed; top:var(--header); left:0; bottom:0; width:var(--sidebar-width); padding:26px 20px 0; border-right:1px solid var(--line); background:var(--sidebar); overflow-y:auto; overscroll-behavior:contain; display:flex; flex-direction:column; z-index:40; scrollbar-width:thin; scrollbar-color:var(--line-strong) transparent; }
.sidebar-heading { display:flex; align-items:center; gap:8px; margin:0 10px 22px; color:var(--ink); font-size:13px; font-weight:650; }
.guide-mark { height:14px; width:11px; border:1.5px solid var(--gold); border-radius:2px; position:relative; }
.guide-mark:after { content:""; position:absolute; left:2px; top:2px; bottom:2px; border-left:1px solid var(--gold); }
#nav-groups { padding-bottom:28px; flex:1; }
.nav-group { margin-bottom:24px; }
.nav-group h2 { margin:0 10px 9px; color:var(--faint); font-size:11px; font-weight:600; letter-spacing:.08em; }
.nav-link { position:relative; display:flex; align-items:center; gap:10px; min-height:35px; padding:7px 10px; margin:2px 0; border-radius:6px; color:var(--muted); text-decoration:none; font-size:13px; line-height:1.5; transition:background .12s,color .12s; }
.nav-number { flex-shrink:0; color:var(--faint); font-size:10px; font-weight:500; letter-spacing:.03em; min-width:16px; font-variant-numeric:tabular-nums; }
.nav-link:hover { background:var(--surface-soft); color:var(--ink); }
.nav-link.active { color:var(--gold); background:var(--gold-soft); font-weight:650; }
.nav-link.active .nav-number { color:var(--gold); }
.nav-link.active:before { content:""; width:3px; height:16px; border-radius:2px; background:var(--gold); position:absolute; left:-20px; }
.sidebar-footer { display:flex; align-items:flex-start; gap:9px; margin:0 -20px; padding:18px 25px 20px; border-top:1px solid var(--line); background:var(--sidebar); }
.sidebar-footer strong { display:block; font-size:11px; font-weight:600; color:var(--muted); }
.sidebar-footer div>span { display:block; margin-top:2px; color:var(--faint); font-size:10px; }
.version-dot { height:6px; width:6px; background:var(--gold); border-radius:50%; margin-top:7px; flex-shrink:0; }
.loading-nav { font-size:12px; color:var(--muted); padding:10px; }
.nav-overlay { position:fixed; inset:var(--header) 0 0; z-index:35; background:rgba(10,17,23,.38); backdrop-filter:blur(2px); }

.page-shell { margin-left:var(--sidebar-width); padding:calc(var(--header) + 46px) 46px 60px; min-height:100vh; outline:none; }
.reading-layout { display:grid; grid-template-columns:minmax(0,760px) 168px; gap:48px; max-width:1040px; margin:0 auto; align-items:start; }
.article { min-width:0; }
.hero-kicker { display:inline-flex; align-items:center; gap:7px; color:var(--gold); font-size:12px; font-weight:600; letter-spacing:.035em; margin-bottom:14px; }
.hero-kicker:before { content:""; width:6px; height:6px; background:var(--gold); border-radius:50%; }
.article-title { color:var(--ink); font-size:34px; line-height:1.4; letter-spacing:-.035em; font-weight:730; margin:0 0 14px; }
.article-lead { color:var(--muted); font-size:16px; line-height:1.95; margin:0 0 22px; max-width:670px; }
.page-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; font-size:11px; color:var(--faint); border-bottom:1px solid var(--line); padding-bottom:24px; margin-bottom:30px; }
.page-meta a { text-decoration:none; color:var(--muted); }
.page-meta a:hover { color:var(--gold); }
.page-meta button { border:0; background:none; color:var(--muted); padding:0; font-size:inherit; }
.page-meta button:hover { color:var(--gold); }
.section { padding-top:6px; margin-top:32px; scroll-margin-top:96px; }
.section:first-of-type { margin-top:0; }
.section-heading { display:flex; align-items:center; gap:10px; color:var(--ink); font-size:22px; line-height:1.6; letter-spacing:-.025em; margin:0 0 16px; font-weight:680; scroll-margin-top:96px; }
.section-anchor { font-size:16px; color:var(--faint); text-decoration:none; opacity:0; transition:opacity .12s; }
.section-heading:hover .section-anchor,.section-anchor:focus { opacity:1; }
.article-body { color:var(--body); line-height:1.95; font-size:14px; overflow-wrap:anywhere; }
.article-body p { margin:0 0 17px; }
.article-body h3 { color:var(--ink); font-size:16px; font-weight:680; margin:27px 0 11px; line-height:1.6; }
.article-body h4 { color:var(--ink); font-size:14px; margin:21px 0 9px; }
.article-body strong { color:var(--ink); font-weight:650; }
.article-body a:not(.button):not(.feature-card) { color:var(--link); text-decoration:none; text-decoration-thickness:1px; text-underline-offset:4px; border-bottom:1px solid var(--gold-line); }
.article-body a:not(.button):hover { border-bottom-color:var(--gold); }
.article-body ul,.article-body ol { padding-left:23px; margin:10px 0 23px; }
.article-body li { padding-left:3px; margin:8px 0; }
.article-body li::marker { color:var(--muted); font-variant-numeric:tabular-nums; }
.article-body li>p { margin-bottom:9px; }
.article-body li>ul,.article-body li>ol { margin:7px 0 10px; }
.article-body code { font-family:Consolas,"SFMono-Regular","Microsoft YaHei UI",monospace; font-size:.89em; background:var(--surface-soft); color:var(--ink); border:1px solid var(--line); border-radius:5px; padding:1px 5px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.article-body pre { position:relative; margin:20px 0 25px; padding:20px 22px; border:1px solid #2e3741; border-radius:9px; background:#17202a; color:#e5ecf1; line-height:1.8; overflow:auto; scrollbar-width:thin; tab-size:2; }
.article-body pre code { background:none; border:0; padding:0; color:inherit; white-space:pre; word-break:normal; font-size:12px; line-height:1.8; display:block; }
.article-body table { display:block; width:100%; max-width:100%; overflow-x:auto; margin:20px 0 27px; border:1px solid var(--line); border-radius:8px; border-spacing:0; border-collapse:separate; font-size:12px; line-height:1.8; scrollbar-width:thin; }
.article-body thead { background:var(--surface-soft); }
.article-body th { font-weight:650; color:var(--ink); text-align:left; white-space:nowrap; }
.article-body th,.article-body td { padding:12px 15px; border-bottom:1px solid var(--line); vertical-align:top; min-width:100px; }
.article-body th+th,.article-body td+td { border-left:1px solid var(--line); }
.article-body tbody tr:last-child td { border-bottom:0; }
.article-body td:first-child { color:var(--ink); }
.article-body table code { font-size:11px; white-space:normal; }
.article-body blockquote { margin:22px 0; padding:6px 0 6px 18px; border-left:3px solid var(--gold-line); color:var(--muted); }
.article-body blockquote p:last-child { margin-bottom:0; }
.callout,.article-body>aside,.article-body .note { border:1px solid var(--gold-line); border-left:3px solid var(--gold); padding:15px 18px; margin:21px 0 24px; border-radius:0 8px 8px 0; background:var(--gold-soft); color:var(--body); font-size:13px; line-height:1.9; }
.callout p:last-child,.article-body>aside p:last-child,.article-body .note p:last-child { margin-bottom:0; }
.callout.warning,.article-body>aside.warning { background:var(--warning); border-color:var(--warning-line); }
.callout.info,.article-body>aside.info { background:var(--info); border-color:var(--line-strong); }
.callout.tip,.article-body>aside.tip { background:var(--gold-soft); }
.article-body hr { border:0; border-top:1px solid var(--line); margin:30px 0; }
.feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:23px 0 30px; }
.feature-card { display:block; padding:20px; border:1px solid var(--line); border-radius:10px; background:var(--surface); text-decoration:none; transition:transform .15s,border-color .15s,box-shadow .15s; }
.feature-card:hover { border-color:var(--gold-line); box-shadow:0 6px 20px #8c722a0c; transform:translateY(-2px); }
.card-icon { display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; background:var(--gold-soft); color:var(--gold); border-radius:7px; margin-bottom:12px; }
.card-icon svg { width:18px; height:18px; }
.feature-card strong,.feature-card h3 { display:block; margin:0 0 7px; color:var(--ink); font-size:14px; font-weight:650; }
.feature-card p { margin:0; font-size:12px; color:var(--muted); line-height:1.8; }
.action-row { display:flex; gap:12px; flex-wrap:wrap; margin:22px 0 30px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:9px 16px; border:1px solid var(--line-strong); border-radius:7px; background:var(--surface); color:var(--ink); text-decoration:none; font-size:13px; font-weight:550; }
.button:hover { border-color:var(--gold-line); background:var(--surface-soft); }
.button.primary { background:#20262c; border-color:#20262c; color:#fff; }
.button.primary:hover { background:#333a42; }
[data-theme="dark"] .button.primary { background:var(--gold-bright); border-color:var(--gold-bright); color:#1e1d17; }
.button svg { width:16px; height:16px; }
.doc-figure { margin:25px 0 29px; padding:10px; background:var(--canvas); border:1px solid var(--line); border-radius:10px; }
.doc-figure img { display:block; width:100%; max-height:500px; object-fit:contain; border-radius:5px; cursor:zoom-in; background:#14171c; }
.figure-caption,.doc-figure figcaption { color:var(--muted); margin:10px 5px 1px; font-size:11px; line-height:1.8; }
.page-footer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:46px; border-top:1px solid var(--line); padding-top:25px; }
.prevnext-card { display:flex; flex-direction:column; padding:16px 18px; text-decoration:none; border:1px solid var(--line); border-radius:8px; color:var(--ink); font-size:13px; line-height:1.8; }
.prevnext-card:hover { border-color:var(--gold-line); background:var(--canvas); }
.prevnext-card span:first-child,.prevnext-card small { font-size:11px; color:var(--muted); }
.prevnext-card:last-child { text-align:right; }
.toc { position:sticky; top:calc(var(--header) + 44px); padding-left:16px; border-left:1px solid var(--line); max-height:calc(100vh - 150px); overflow-y:auto; scrollbar-width:thin; }
.toc h2,.toc-title { margin:0 0 13px; color:var(--ink); font-size:11px; font-weight:650; }
.toc-link { display:block; font-size:11px; line-height:1.8; padding:5px 0; color:var(--muted); text-decoration:none; overflow-wrap:anywhere; }
.toc-link:hover,.toc-link.active { color:var(--gold); }
.toc-link.active { font-weight:600; }

dialog { color:var(--body); }
dialog::backdrop { background:rgba(20,26,32,.4); backdrop-filter:blur(4px); }
#search-dialog { width:min(660px,calc(100vw - 32px)); max-height:min(650px,calc(100dvh - 100px)); margin:12vh auto auto; padding:0; border:1px solid var(--line-strong); border-radius:13px; background:var(--surface); box-shadow:var(--shadow); overflow:hidden; }
#search-dialog[open] { display:flex; flex-direction:column; }
.search-field-wrap { flex-shrink:0; padding:16px 17px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--line); }
.search-field-wrap>svg { width:20px; height:20px; color:var(--gold); }
#search-input { min-width:0; flex:1; height:33px; padding:0; border:0; background:transparent; outline:none; color:var(--ink); font-size:14px; }
#search-input::placeholder { color:var(--faint); }
#search-input::-webkit-search-cancel-button { display:none; }
#search-close { flex-shrink:0; }
.search-results { overflow-y:auto; min-height:100px; padding:10px; overscroll-behavior:contain; }
.result-group { padding:9px 12px 5px; color:var(--muted); font-size:10px; font-weight:600; letter-spacing:.04em; }
.search-result { display:block; text-decoration:none; width:100%; border:1px solid transparent; background:transparent; text-align:left; border-radius:7px; padding:12px; color:var(--body); line-height:1.8; margin:3px 0; }
.search-result:hover,.search-result:focus-visible,.search-result.active { border-color:var(--gold-line); background:var(--gold-soft); }
.search-result strong { display:block; color:var(--ink); font-size:13px; font-weight:650; }
.search-result p { color:var(--muted); font-size:12px; margin:4px 0 0; }
.search-result span { font-size:11px; color:var(--muted); }
.search-result mark { background:#ecd48d70; color:inherit; padding:0 1px; border-radius:2px; }
.search-empty { padding:32px 20px; text-align:center; font-size:13px; color:var(--muted); }
.search-dialog-footer { padding:10px 17px; border-top:1px solid var(--line); background:var(--canvas); color:var(--muted); font-size:10px; display:flex; justify-content:space-between; align-items:center; flex-shrink:0; gap:10px; }
.search-dialog-footer .kbd { font-size:9px; min-height:18px; margin-right:4px; }
#image-dialog { width:min(1450px,calc(100vw - 40px)); max-width:none; max-height:calc(100dvh - 44px); overflow:visible; border:0; background:transparent; padding:0; margin:auto; }
#image-dialog::backdrop { background:rgba(5,9,14,.83); backdrop-filter:blur(5px); }
#image-preview { display:block; width:100%; max-height:calc(100dvh - 112px); object-fit:contain; border-radius:7px; }
.image-close { position:absolute; top:-12px; right:-12px; border:1px solid #6e7782; background:#1d252f; color:#fff; box-shadow:0 4px 10px #0004; z-index:2; }
.image-close:hover { background:#303b49; color:#fff; }
#image-caption { color:#cbd2da; font-size:12px; text-align:center; line-height:1.7; margin:12px 0 0; }
.toast { position:fixed; bottom:28px; left:calc(50% + 100px); z-index:150; max-width:calc(100vw - 32px); padding:10px 18px; border:1px solid var(--line-strong); border-radius:8px; background:var(--ink); color:var(--page); font-size:12px; box-shadow:var(--shadow); opacity:0; pointer-events:none; transform:translate(-50%,10px); transition:opacity .2s,transform .2s; }
.toast.show,.toast.visible { opacity:1; transform:translate(-50%,0); }
.initial-loading { min-height:300px; padding-top:50px; color:var(--muted); font-size:13px; }
.loading-line { display:block; width:130px; height:4px; border-radius:4px; background:var(--gold-line); margin-bottom:24px; }
.noscript-notice { position:fixed; z-index:100; left:20px; right:20px; bottom:20px; padding:16px; background:var(--surface); border:1px solid var(--gold-line); border-radius:9px; box-shadow:var(--shadow); }
.noscript-notice a { color:var(--gold); }

@media (max-width:1240px) {
  .reading-layout { display:block; max-width:760px; }
  .toc { display:none; }
  .page-shell { padding-left:46px; padding-right:46px; }
  .topbar { gap:20px; }
  .search-open { width:330px; }
}
@media (max-width:980px) {
  :root { --header:64px; }
  .topbar { padding:0 20px; gap:14px; }
  .menu-toggle { display:inline-flex; flex-shrink:0; }
  .brand { width:auto; margin-right:auto; gap:10px; }
  .brand img { width:32px; height:32px; }
  .brand-copy strong { font-size:18px; }
  .brand-copy>span { font-size:12px; }
  .search-open { width:235px; max-width:32vw; }
  .header-tools { margin-left:0; gap:12px; }
  .sidebar { transform:translateX(-100%); transition:transform .2s ease; box-shadow:var(--shadow); }
  body.nav-open .sidebar,.sidebar.open { transform:translateX(0); }
  body.nav-open { overflow:hidden; }
  .page-shell { margin-left:0; padding:calc(var(--header) + 35px) 36px 48px; }
  .reading-layout { max-width:760px; }
  .toast { left:50%; }
}
@media (max-width:600px) {
  :root { --header:60px; --sidebar-width:270px; }
  body { font-size:14px; }
  .topbar { gap:8px; padding:0 13px; }
  .menu-toggle { width:30px; padding:5px; }
  .brand { gap:8px; }
  .brand img { height:29px; width:29px; border-radius:8px; }
  .brand-copy { gap:0; }
  .brand-copy strong { font-size:17px; }
  .brand-copy>span { display:none; }
  .search-open { width:34px; height:34px; padding:8px; border:0; background:transparent; flex-shrink:0; }
  .search-open svg { width:19px; height:19px; }
  .search-open>span { display:none; }
  .header-tools { gap:3px; }
  .header-divider { display:none; }
  .print-link { width:32px; height:34px; justify-content:center; }
  .print-link>span { display:none; }
  .print-link svg { width:18px; height:18px; }
  #theme-toggle { height:32px; width:32px; }
  .page-shell { padding:calc(var(--header) + 29px) 22px 38px; }
  .hero-kicker { font-size:11px; margin-bottom:12px; }
  .article-title { font-size:28px; letter-spacing:-.025em; margin-bottom:12px; }
  .article-lead { font-size:14px; line-height:1.9; margin-bottom:18px; }
  .page-meta { gap:6px 13px; padding-bottom:20px; margin-bottom:24px; font-size:10px; }
  .article-body { font-size:13px; line-height:1.95; }
  .section { margin-top:28px; scroll-margin-top:82px; }
  .section-heading { font-size:20px; line-height:1.55; margin-bottom:13px; scroll-margin-top:82px; }
  .section-anchor { opacity:.6; font-size:14px; }
  .article-body h3 { font-size:15px; margin-top:23px; }
  .article-body ul,.article-body ol { padding-left:20px; }
  .article-body pre { padding:16px; margin:17px -2px 22px; border-radius:7px; }
  .article-body pre code { font-size:11px; }
  .article-body th,.article-body td { min-width:95px; padding:10px 12px; }
  .callout,.article-body>aside,.article-body .note { padding:13px 14px; font-size:12px; }
  .feature-grid { grid-template-columns:1fr; gap:10px; margin:20px 0 24px; }
  .feature-card { padding:17px 18px; }
  .card-icon { width:29px; height:29px; margin-bottom:10px; }
  .feature-card strong,.feature-card h3 { font-size:13px; }
  .action-row { gap:9px; }
  .button { padding:8px 12px; font-size:12px; }
  .doc-figure { margin:20px -5px 24px; padding:6px; border-radius:8px; }
  .figure-caption,.doc-figure figcaption { margin:7px 4px 2px; font-size:10px; }
  .page-footer { gap:9px; padding-top:20px; margin-top:34px; }
  .prevnext-card { padding:13px 12px; font-size:12px; }
  .prevnext-card span:first-child,.prevnext-card small { font-size:10px; }
  #search-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 36px); margin:18px auto auto; border-radius:10px; }
  .search-field-wrap { padding:11px 12px; gap:8px; }
  .search-field-wrap>svg { width:18px; height:18px; }
  #search-input { font-size:16px; }
  #search-close { height:30px; width:30px; }
  .search-result { padding:10px; }
  .search-results { padding:7px; }
  .search-dialog-footer { font-size:9px; padding:9px 12px; }
  #image-dialog { width:calc(100vw - 22px); }
  .image-close { top:-15px; right:0; }
  #image-caption { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*:before,*:after { transition:none!important; animation:none!important; }
}
@media print {
  .topbar,.sidebar,.toc,.nav-overlay,.page-footer,.toast,dialog { display:none!important; }
  .page-shell { margin:0; padding:0; }
  .reading-layout { display:block; max-width:none; }
  body { background:white; color:#222; }
  .article-body pre { background:#f6f6f6; color:#111; white-space:pre-wrap; }
  .doc-figure,.callout,table { break-inside:avoid; }
}

/* Questions remain individually scannable in long troubleshooting chapters. */
.faq-item { margin:12px 0; padding:17px 19px; border:1px solid var(--line); border-radius:9px; background:var(--surface-soft); }
.faq-item > strong:first-child { display:block; margin-bottom:7px; color:var(--ink); font-size:15px; line-height:1.6; }