/* Help UI — theme-aware docs layout (syncs with web_serial_theme) */
:root, [data-theme="polish"]{
  --bg:#0F172A; --card:#1E293B; --line:#334155; --inner:#0F172A; --text:#e2e8f0; --muted:#94a3b8;
  --accent:#818cf8; --accent-bg:#4f46e5; --accent-2:#a5b4fc; --badge:rgba(49,46,129,.55);
  --ok:#34d399; --warn:#f59e0b; --danger:#e11d48; --shadow:0 18px 40px rgba(2,6,23,.35);
}
[data-theme="cyberpunk"]{--bg:#020617;--card:#0f172a;--line:#1e293b;--inner:#020617;--accent:#22d3ee;--accent-bg:#06b6d4;--accent-2:#67e8f9;--badge:rgba(8,47,73,.6);--text:#e2e8f0;--muted:#94a3b8}
[data-theme="retro"]{--bg:#0A0705;--card:#150F0B;--line:#78350f88;--inner:#0A0705;--accent:#f59e0b;--accent-bg:#d97706;--accent-2:#fbbf24;--badge:rgba(120,53,15,.45);--text:#f5e6c8;--muted:#bba27a}
[data-theme="forest"]{--bg:#052e1c;--card:#064e3b;--line:#065f46;--inner:#022c22;--accent:#34d399;--accent-bg:#059669;--accent-2:#6ee7b7;--badge:rgba(6,78,59,.55);--text:#e2e8f0;--muted:#94a3b8}
[data-theme="sunset"]{--bg:#1c0b0b;--card:#3b1212;--line:#7f1d1d;--inner:#1c0b0b;--accent:#fb7185;--accent-bg:#e11d48;--accent-2:#fda4af;--badge:rgba(127,29,29,.45);--text:#ffe4e6;--muted:#f0abaf}
[data-theme="glacier"]{--bg:#0b1220;--card:#0f2744;--line:#1e3a5f;--inner:#082f49;--accent:#38bdf8;--accent-bg:#0284c7;--accent-2:#7dd3fc;--badge:rgba(12,74,110,.5);--text:#e2e8f0;--muted:#94a3b8}
[data-theme="crimson"]{--bg:#1a0a10;--card:#3f0d1c;--line:#9f1239;--inner:#1a0a10;--accent:#fb7185;--accent-bg:#be123c;--accent-2:#fda4af;--badge:rgba(136,19,55,.5);--text:#ffe4e6;--muted:#f0abaf}
[data-theme="sandgold"]{--bg:#1c1408;--card:#3b2a10;--line:#a16207;--inner:#1c1408;--accent:#fbbf24;--accent-bg:#d97706;--accent-2:#fde68a;--badge:rgba(113,63,18,.5);--text:#fef3c7;--muted:#d6b57a}
[data-theme="obsidian"]{--bg:#09090b;--card:#18181b;--line:#3f3f46;--inner:#09090b;--accent:#a1a1aa;--accent-bg:#52525b;--accent-2:#d4d4d8;--badge:rgba(39,39,42,.7);--text:#f4f4f5;--muted:#a1a1aa}

html,body{height:100%;margin:0}
body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow:hidden}
.site-header{display:none!important}

.help-app{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:100vh;background:var(--bg);color:var(--text)}
.help-bar{display:flex;gap:.85rem;align-items:center;justify-content:space-between;padding:.7rem 1.1rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--card) 92%, transparent);backdrop-filter:blur(10px);flex:0 0 auto;z-index:20}
.help-bar .left,.help-bar .right{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;min-width:0}
.help-back{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:.65rem;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--inner) 80%, transparent);color:var(--text);border:1px solid var(--line);text-decoration:none}
.help-back:hover{border-color:color-mix(in srgb,var(--accent) 40%, var(--line));color:var(--accent-2);text-decoration:none}
.help-sep{width:1px;height:1.2rem;background:var(--line)}
.help-brand{display:flex;align-items:center;gap:.55rem;min-width:0}
.help-brand-ico{display:inline-grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:.6rem;background:var(--badge);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 28%, var(--line));box-shadow:0 6px 16px color-mix(in srgb,var(--accent-bg) 22%, transparent)}
.help-brand h1{margin:0;font-size:.92rem;font-weight:750;color:var(--text);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;letter-spacing:.01em}
.help-brand p{margin:.1rem 0 0;font-size:11px;color:var(--muted)}
.help-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.12rem .5rem;font-size:10px;font-weight:800;background:var(--badge);color:var(--accent-2);border:1px solid color-mix(in srgb,var(--accent) 28%, var(--line))}
.help-bar .right{display:inline-flex!important;align-items:center!important;gap:.45rem!important;flex-wrap:wrap!important}
.help-actions{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--line) 88%, var(--accent));background:linear-gradient(180deg,color-mix(in srgb,var(--card) 88%, #fff),color-mix(in srgb,var(--inner) 92%, #000));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%, transparent),0 8px 18px color-mix(in srgb,#000 22%, transparent)}
.help-chip,.help-btn,.help-theme{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:2rem;height:2rem;padding:0 .78rem;border-radius:999px;border:1px solid transparent;box-sizing:border-box;font-size:11.5px;font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap;text-decoration:none!important;cursor:default;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
.help-chip{color:var(--muted);background:color-mix(in srgb,var(--inner) 86%, transparent);border-color:color-mix(in srgb,var(--line) 90%, transparent)}
.help-chip svg{width:12px;height:12px;flex:0 0 auto;opacity:.92}
.help-theme{color:var(--accent-2);background:linear-gradient(180deg,color-mix(in srgb,var(--badge) 92%, #fff),color-mix(in srgb,var(--badge) 100%, #000));border-color:color-mix(in srgb,var(--accent) 42%, var(--line));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%, transparent),0 0 0 1px color-mix(in srgb,var(--accent) 10%, transparent);font-weight:800}
.help-theme .dot{width:.42rem;height:.42rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%, transparent);flex:0 0 auto}
.help-theme .label{color:color-mix(in srgb,var(--accent-2) 78%, var(--text));font-weight:700}
.help-theme .value{color:var(--accent-2);font-weight:800}
.help-btn{cursor:pointer;color:var(--text);background:color-mix(in srgb,var(--inner) 80%, transparent);border-color:color-mix(in srgb,var(--line) 92%, var(--accent));font-weight:750}
.help-btn svg{width:12px;height:12px;flex:0 0 auto;opacity:.9}
.help-btn:hover{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent) 48%, var(--line));background:color-mix(in srgb,var(--badge) 55%, var(--inner));box-shadow:0 6px 14px color-mix(in srgb,var(--accent-bg) 18%, transparent);transform:translateY(-1px)}
.help-btn:active{transform:translateY(0)}
.help-btn.is-primary,a.help-btn[href="/help/"]{color:#eef2ff;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-bg) 88%, #fff),color-mix(in srgb,var(--accent-bg) 100%, #000));border-color:color-mix(in srgb,var(--accent) 35%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 14%, transparent),0 8px 16px color-mix(in srgb,var(--accent-bg) 28%, transparent)}
.help-btn.is-primary:hover,a.help-btn[href="/help/"]:hover{color:#fff;border-color:color-mix(in srgb,var(--accent-2) 40%, var(--accent));filter:brightness(1.05)}
.help-actions .help-theme,.help-actions .help-chip,.help-actions .help-btn{min-height:1.85rem;height:1.85rem;padding:0 .7rem;font-size:11px}
@media (max-width:720px){.help-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;border-radius:1rem}}

.help-layout{display:grid;grid-template-columns:17.5rem minmax(0,1fr);min-height:0;flex:1 1 auto;overflow:hidden}
.help-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--line);background:color-mix(in srgb,var(--card) 96%, black);min-height:0;overflow:hidden}
.help-search{padding:.85rem;border-bottom:1px solid var(--line);position:relative}
.help-search .ico{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--muted);display:inline-grid;place-items:center;pointer-events:none}
.help-search input{width:100%;box-sizing:border-box;background:var(--inner);border:1px solid var(--line);border-radius:.7rem;color:var(--text);padding:.62rem 2rem .62rem 2.15rem;font-size:12px;outline:none}
.help-search input::placeholder{color:color-mix(in srgb,var(--muted) 85%, transparent)}
.help-search input:focus{border-color:color-mix(in srgb,var(--accent) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%, transparent)}
.help-search .clear{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);cursor:pointer;padding:.2rem;display:none}
.help-search.has-q .clear{display:inline-grid}
.help-nav{overflow:auto;padding:.75rem .55rem .75rem .75rem;flex:1;min-height:0}
/* Thin theme-aware scrollbars (sidebar + main) */
.help-nav,
.help-main,
.help-article-body pre{
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--accent) 42%, var(--line)) transparent;
}
.help-nav::-webkit-scrollbar,
.help-main::-webkit-scrollbar,
.help-article-body pre::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}
.help-nav::-webkit-scrollbar-track,
.help-main::-webkit-scrollbar-track,
.help-article-body pre::-webkit-scrollbar-track{
  background: transparent;
  margin: 4px 0;
}
.help-nav::-webkit-scrollbar-thumb,
.help-main::-webkit-scrollbar-thumb,
.help-article-body pre::-webkit-scrollbar-thumb{
  background: color-mix(in srgb, var(--muted) 45%, transparent);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
  min-height: 36px;
}
.help-nav::-webkit-scrollbar-thumb:hover,
.help-main::-webkit-scrollbar-thumb:hover,
.help-article-body pre::-webkit-scrollbar-thumb:hover{
  background: color-mix(in srgb, var(--accent) 55%, var(--muted));
  border: 2px solid transparent;
  background-clip: padding-box;
}
.help-nav::-webkit-scrollbar-thumb:active,
.help-main::-webkit-scrollbar-thumb:active,
.help-article-body pre::-webkit-scrollbar-thumb:active{
  background: color-mix(in srgb, var(--accent) 72%, var(--text));
  border: 2px solid transparent;
  background-clip: padding-box;
}
.help-nav::-webkit-scrollbar-corner,
.help-main::-webkit-scrollbar-corner,
.help-article-body pre::-webkit-scrollbar-corner{
  background: transparent;
}
/* Keep sidebar edge clean: slightly inset thumb */
.help-nav{
  scrollbar-gutter: stable;
  padding-right: .55rem;
}

.help-nav a,.help-nav button.nav-item{display:flex;align-items:center;gap:.45rem;width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:.48rem .65rem;border-radius:.6rem;font-size:12px;cursor:pointer;text-decoration:none;box-sizing:border-box}
.help-nav a:hover,.help-nav button.nav-item:hover{background:color-mix(in srgb,var(--accent) 8%, transparent);color:var(--text);text-decoration:none}
.help-nav a.hub.active{background:color-mix(in srgb,var(--accent) 14%, transparent);color:var(--text);font-weight:750;border:1px solid color-mix(in srgb,var(--accent) 25%, var(--line))}
.help-nav a.active:not(.hub){background:color-mix(in srgb,var(--accent-bg) 22%, transparent);color:var(--text);font-weight:750;box-shadow:inset 2px 0 0 var(--accent)}
.help-nav .divider{height:1px;background:var(--line);margin:.55rem .2rem}
.help-chapter{margin:0 0 .15rem}
.help-chapter>summary{list-style:none;cursor:pointer;color:var(--muted);font-size:12px;font-weight:650;padding:.48rem .65rem;border-radius:.6rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.help-chapter>summary::-webkit-details-marker{display:none}
.help-chapter>summary:hover{background:color-mix(in srgb,var(--accent) 8%, transparent);color:var(--text)}
.help-chapter[open]>summary{color:var(--text)}
.help-chapter .chev{transition:transform .15s ease;opacity:.75}
.help-chapter[open] .chev{transform:rotate(90deg)}
.help-chapter .items{padding:.1rem 0 .35rem .55rem;border-left:1px solid var(--line);margin:.1rem 0 .35rem .85rem}
.help-chapter .items a{font-size:11.5px;padding:.38rem .55rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.help-main{min-width:0;overflow:auto;background:radial-gradient(1200px 500px at 80% -10%, color-mix(in srgb,var(--accent) 10%, transparent), transparent 55%), var(--bg);padding:1.15rem 1.25rem 1.6rem}
.help-main-inner{max-width:58rem;margin:0 auto;width:100%}
.help-ssr-seo{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.help-hero{display:grid;grid-template-columns:1.3fr .9fr;gap:1rem;align-items:stretch;margin:0 0 1rem}
.help-hero-main{position:relative;overflow:hidden;padding:1.15rem 1.25rem 1.2rem;border-radius:.95rem;border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb,var(--card) 92%, white), var(--card));box-shadow:var(--shadow)}
.help-hero-main:before{content:"";position:absolute;inset:auto -2rem -3rem auto;width:10rem;height:10rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%, transparent);filter:blur(18px);pointer-events:none}
.help-hero-kicker{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin:0 0 .55rem}
.help-hero h2{margin:0 0 .45rem;font-size:1.35rem;line-height:1.25;font-weight:800;letter-spacing:-.01em;color:var(--text)}
.help-hero p{margin:0;font-size:13px;line-height:1.65;color:var(--muted);max-width:40rem}
.help-hero-side{display:grid;gap:.65rem}
.help-stat{padding:.9rem 1rem;border-radius:.9rem;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 94%, transparent)}
.help-stat b{display:block;font-size:1.15rem;line-height:1.1;color:var(--accent-2);margin-bottom:.25rem}
.help-stat span{display:block;font-size:11px;color:var(--muted);line-height:1.4}

.help-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;margin:0 0 .75rem}
.help-section-title{margin:0;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 88%, var(--muted))}
.help-section-title .sub,.help-result-count{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:0;text-transform:none}
.help-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.help-pill-btn{appearance:none;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 88%, transparent);color:var(--muted);border-radius:999px;padding:.34rem .72rem;font-size:12px;font-weight:650;cursor:pointer}
.help-pill-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%, var(--line))}
.help-pill-btn.on{background:var(--accent-bg);border-color:transparent;color:#fff;font-weight:800;box-shadow:0 8px 18px color-mix(in srgb,var(--accent-bg) 28%, transparent)}

.help-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.help-card{display:flex;flex-direction:column;justify-content:space-between;min-height:8.4rem;padding:.95rem 1rem;border-radius:.85rem;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 96%, transparent);text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;cursor:pointer}
.help-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%, var(--line));box-shadow:0 12px 28px color-mix(in srgb,var(--accent-bg) 14%, transparent);text-decoration:none}
.help-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}
.help-card-cat{font-size:10px;font-weight:700;letter-spacing:.03em;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:72%}
.help-card-id{flex:0 0 auto;font-size:10px;font-weight:800;padding:.14rem .42rem;border-radius:.4rem;background:var(--badge);color:var(--accent-2);border:1px solid color-mix(in srgb,var(--accent) 28%, var(--line))}
.help-card-title{margin:0;font-size:13.5px;font-weight:750;line-height:1.45;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.help-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.55rem;margin-top:.7rem;border-top:1px solid color-mix(in srgb,var(--line) 88%, transparent)}
.help-card-tags{display:flex;gap:.28rem;min-width:0;overflow:hidden}
.help-card-tags span{font-size:10px;color:var(--muted);background:var(--inner);border:1px solid var(--line);border-radius:.35rem;padding:.12rem .38rem;max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.help-card-arrow{color:var(--muted);flex:0 0 auto;transition:transform .15s ease,color .15s ease}
.help-card:hover .help-card-arrow{color:var(--accent);transform:translateX(2px)}
.help-empty{color:var(--muted);padding:2rem 1rem;border:1px dashed var(--line);border-radius:.85rem;text-align:center;font-size:12px;background:color-mix(in srgb,var(--card) 55%, transparent)}
.help-hub-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.help-hub-foot .right{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-weight:600}
.help-hub-foot .right svg{color:var(--accent)}

/* article page body surface */
.help-article{padding:0}
.help-article-head{margin:0 0 1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:.95rem;background:var(--card)}
.help-article-head h1{margin:0 0 .45rem;font-size:1.35rem;line-height:1.3}
.help-article-meta{display:flex;flex-wrap:wrap;gap:.4rem;color:var(--muted);font-size:12px}
.help-article-body{padding:1.1rem 1.15rem 1.4rem;border:1px solid var(--line);border-radius:.95rem;background:color-mix(in srgb,var(--card) 92%, transparent);line-height:1.75}
.help-article-body h2,.help-article-body h3{color:var(--text);margin:1.2rem 0 .55rem}
.help-article-body p,.help-article-body li{color:color-mix(in srgb,var(--text) 92%, var(--muted))}
.help-article-body code,.help-article-body pre{background:var(--inner);border:1px solid var(--line);border-radius:.45rem}
.help-article-body pre{padding:.8rem 1rem;overflow:auto}
.help-article-body a{color:var(--accent-2)}

.help-overlay{display:none}
.help-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:30}
@media(max-width:1023.98px){
  body{overflow:auto}
  .help-app{height:auto;min-height:100dvh;overflow:visible}
  .help-layout{grid-template-columns:1fr}
  .help-sidebar{display:none}
  .help-sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;width:min(86vw,18rem);z-index:40;box-shadow:0 25px 50px rgba(0,0,0,.45)}
  .help-main{padding:.9rem}
  .help-hero{grid-template-columns:1fr}
  .help-card-grid{grid-template-columns:1fr}
  .help-brand p{display:none}
}
@media(min-width:1024px){
  [data-help-act="toggle-nav"]{display:none!important}
}
@media(min-width:1280px){
  .help-layout{grid-template-columns:18rem minmax(0,1fr)}
  .help-main{padding:1.25rem 1.5rem 1.8rem}
}

/* ==== help article links (theme accent, not neon cyan) ==== */
.help-app a,
.help-reader a,
.help-prose a,
.help-related a,
.help-pager a,
.help-crumb a,
.help-article-body a{
  color: var(--accent) !important;
  text-decoration: none !important;
  transition: color .15s ease, border-color .15s ease, background-color .15s ease, opacity .15s ease;
}
.help-app a:hover,
.help-reader a:hover,
.help-prose a:hover,
.help-related a:hover,
.help-pager a:hover,
.help-crumb a:hover,
.help-article-body a:hover{
  color: var(--accent-2) !important;
  text-decoration: underline !important;
  text-underline-offset: .18em;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, var(--accent) 55%, transparent);
}

/* prose body: softer readable text + muted code */
.help-prose,
.help-reader .help-prose{
  color: color-mix(in srgb, var(--text) 92%, var(--muted));
  line-height: 1.75;
  font-size: 13.5px;
}
.help-prose h2,
.help-prose h3,
.help-reader h2,
.help-reader h3{
  color: var(--text) !important;
  font-weight: 750;
}
.help-prose p,
.help-prose li{
  color: color-mix(in srgb, var(--text) 90%, var(--muted)) !important;
}
.help-prose strong{ color: var(--text) !important; font-weight: 700; }
.help-prose code,
.help-prose .font-mono,
.help-reader code{
  color: color-mix(in srgb, var(--accent-2) 82%, var(--text)) !important;
  background: color-mix(in srgb, var(--inner) 88%, var(--card)) !important;
  border: 1px solid color-mix(in srgb, var(--line) 85%, var(--accent)) !important;
  border-radius: .4rem !important;
  padding: .05rem .35rem !important;
  font-size: 12.5px !important;
}
.help-prose pre,
.help-reader pre{
  color: color-mix(in srgb, var(--text) 92%, var(--accent-2)) !important;
  background: color-mix(in srgb, var(--inner) 92%, #000) !important;
  border: 1px solid var(--line) !important;
  border-radius: .7rem !important;
}
.help-prose pre code{
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: inherit !important;
}

/* related docs list */
.help-related{
  margin: 1.6rem 0 1.1rem !important;
  padding: 1rem 1.05rem 1.05rem !important;
  border: 1px solid var(--line) !important;
  border-radius: .9rem !important;
  background: color-mix(in srgb, var(--card) 94%, transparent) !important;
}
.help-related h2{
  margin: 0 0 .7rem !important;
  font-size: .95rem !important;
  font-weight: 750 !important;
  color: var(--text) !important;
  letter-spacing: .01em;
}
.help-related ul{
  margin: 0 !important;
  padding-left: 1.1rem !important;
  display: grid !important;
  gap: .45rem !important;
}
.help-related li{
  color: var(--muted) !important;
  line-height: 1.45 !important;
}
.help-related a{
  color: var(--accent) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.help-related a:hover{
  color: var(--accent-2) !important;
  text-decoration: underline !important;
}

/* prev/next pager cards */
.help-pager{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .75rem !important;
  margin-top: 1.25rem !important;
}
.help-pager > a{
  display: block !important;
  padding: .85rem .95rem !important;
  border-radius: .85rem !important;
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--card) 96%, transparent) !important;
  color: var(--text) !important;
  text-decoration: none !important;
  min-height: 4.4rem !important;
  box-sizing: border-box !important;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}
.help-pager > a:hover{
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line)) !important;
  background: color-mix(in srgb, var(--card) 88%, var(--accent)) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--accent-bg) 16%, transparent) !important;
  transform: translateY(-1px);
  text-decoration: none !important;
  color: var(--text) !important;
}
.help-pager > a .label{
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--accent) !important;
  margin-bottom: .28rem !important;
  letter-spacing: .02em;
}
.help-pager > a:hover .label{ color: var(--accent-2) !important; }
.help-pager > a .title{
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  color: var(--text) !important;
}
.help-pager > a.next{ text-align: right !important; }
.help-pager > .ghost{ min-height: 1px !important; }

.help-crumb{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .35rem !important;
  margin: 0 0 .85rem !important;
  font-size: 12px !important;
  color: var(--muted) !important;
}
.help-crumb a{
  color: var(--muted) !important;
  font-weight: 600 !important;
}
.help-crumb a:hover{ color: var(--accent-2) !important; }

.help-hr{
  border: 0 !important;
  border-top: 1px solid var(--line) !important;
  margin: .2rem 0 1rem !important;
}
.help-tags{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
  margin-top: .55rem !important;
}
.help-tags span{
  font-size: 11px !important;
  color: var(--muted) !important;
  background: var(--inner) !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  padding: .12rem .5rem !important;
}
.help-badges{ display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.55rem; }
.help-badge{
  display:inline-flex; align-items:center;
  font-size:10px; font-weight:800;
  padding:.14rem .45rem; border-radius:.4rem;
  background: var(--badge);
  color: var(--accent-2);
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
}
.help-article-title{ margin:0; font-size:1.35rem; line-height:1.3; color:var(--text); font-weight:800; }

@media (max-width: 720px){
  .help-pager{ grid-template-columns: 1fr !important; }
  .help-pager > a.next{ text-align: left !important; }
}

/* header action cluster: beat generic article link colors */
.help-bar .help-actions a.help-btn,
.help-bar .help-actions a.help-btn.is-primary,
.help-app .help-bar a.help-btn[href="/help/"]{
  color:#eef2ff !important;
  text-decoration:none !important;
}
.help-bar .help-actions a.help-btn:hover,
.help-bar .help-actions a.help-btn.is-primary:hover,
.help-app .help-bar a.help-btn[href="/help/"]:hover{
  color:#fff !important;
  text-decoration:none !important;
}
.help-bar .help-actions .help-theme,
.help-bar .help-actions .help-chip{
  text-decoration:none !important;
}