:root { --help-bg:#f7f8f6; --help-ink:#192d2b; --help-muted:#59675e; --help-line:#dce2dc; --help-accent:#53644e; }
*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:0; }
body { margin:0; background:var(--help-bg); color:var(--help-ink); font:15px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
[hidden] { display:none !important; }
a { color:inherit; text-decoration:none; }
a:hover { text-decoration:underline; text-underline-offset:4px; }
button,input { font:inherit; }
button { cursor:pointer; }
.help-wrap { width:min(1200px,calc(100% - 64px)); margin:0 auto; }
.help-topbar { position:sticky; top:0; z-index:10; background:var(--help-bg); border-bottom:1px solid var(--help-line); }
.topbar-inner { display:flex; align-items:center; justify-content:space-between; min-height:76px; gap:24px; }
.help-brand { display:flex; align-items:center; gap:12px; font-weight:700; font-size:19px; white-space:nowrap; }
.help-brand img { flex:none; }
.help-brand small { padding-left:16px; border-left:1px solid var(--help-line); font-size:13px; color:var(--help-muted); font-weight:500; }
.help-topbar nav { display:flex; gap:24px; align-items:center; font-size:13px; }
.help-topbar nav a { display:inline-flex; min-height:44px; align-items:center; }
.help-login { padding:6px 16px; background:var(--help-ink); color:white; border-radius:6px; }
.skip-link { position:fixed; z-index:50; top:-80px; left:20px; padding:12px 20px; background:var(--help-ink); color:#fff; border-radius:6px; }
.skip-link:focus { top:12px; }
.help-hero { padding:60px 0 42px; border-bottom:1px solid var(--help-line); background:#edf1ea; }
.eyebrow { margin:0 0 12px; font-size:11px; font-weight:600; color:#665332; letter-spacing:2px; }
h1 { margin:0; font-size:clamp(30px,4vw,44px); font-weight:650; line-height:1.35; letter-spacing:-1px; }
.hero-description { margin:16px 0 26px; color:var(--help-muted); font-size:16px; }
.help-search { max-width:700px; }
.help-search label { display:block; font-weight:600; margin-bottom:8px; font-size:13px; }
.search-field { display:flex; align-items:center; background:#fff; border:1px solid #aab7a5; border-radius:8px; min-height:58px; box-shadow:0 4px 16px rgba(25,45,43,.035); }
.search-field:focus-within { outline:2px solid #6c63e6; outline-offset:3px; }
.search-field>span { font-size:28px; padding-left:18px; color:var(--help-muted); }
.search-field input { min-width:0; flex:1; width:100%; border:0; background:transparent; padding:14px; color:var(--help-ink); outline:0; }
.search-field input::placeholder { color:#657160; opacity:1; }
.search-field button { min-height:44px; padding:8px 14px; border:0; background:transparent; color:var(--help-muted); margin-right:4px; }
.help-quick-links { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:18px; font-size:13px; }
.help-quick-links a { min-height:28px; display:inline-flex; align-items:center; }
.help-version { margin:22px 0 0; color:var(--help-muted); font-size:12px; }
.help-layout { display:grid; grid-template-columns:218px minmax(0,1fr); gap:56px; align-items:start; padding-top:38px; padding-bottom:64px; }
.help-sidebar { position:sticky; top:108px; font-size:13px; }
.help-sidebar>p { margin:0 0 12px; color:var(--help-muted); font-size:12px; }
.help-sidebar nav { display:grid; gap:4px; }
.help-sidebar nav a,.mobile-topics nav a { display:flex; justify-content:space-between; gap:10px; padding:9px 10px; border-radius:6px; min-height:44px; }
.help-sidebar nav a:hover { background:#e9eee6; }
.help-sidebar nav small,.mobile-topics nav small { color:var(--help-muted); }
.sidebar-download { display:block; margin-top:24px; padding:14px 10px; border-top:1px solid var(--help-line); }
.help-main { min-width:0; }
.help-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; justify-content:space-between; margin-bottom:12px; }
.audience-filters { display:flex; flex-wrap:wrap; gap:6px; }
.audience-filters button { min-height:44px; padding:8px 12px; border:1px solid transparent; border-radius:6px; background:transparent; color:var(--help-muted); font-size:13px; }
.audience-filters button[aria-pressed=true] { color:var(--help-ink); background:#e9eee6; border-color:#c4cfbf; font-weight:600; }
#result-count { font-size:12px; color:var(--help-muted); white-space:nowrap; }
#search-status { margin:8px 0 20px; color:var(--help-muted); font-size:13px; }
#search-status:empty { display:none; }
.help-section { margin:0 0 42px; scroll-margin-top:100px; }
.section-heading { display:flex; align-items:center; gap:20px; justify-content:space-between; padding:24px 0 16px; }
h2 { margin:0; font-size:23px; font-weight:650; line-height:1.5; }
.section-heading p { margin:6px 0 0; color:var(--help-muted); font-size:13px; }
.section-count { flex:none; color:var(--help-muted); font-size:12px; }
.help-article { margin:0 0 10px; background:white; border:1px solid var(--help-line); border-radius:8px; overflow:hidden; scroll-margin-top:100px; }
.help-article>summary { display:flex; gap:20px; align-items:center; justify-content:space-between; padding:19px 22px; cursor:pointer; list-style:none; }
.help-article>summary::-webkit-details-marker { display:none; }
.help-article>summary:hover { background:#fbfcfa; }
.article-heading { display:grid; gap:5px; min-width:0; }
.article-title { font-size:15px; font-weight:650; line-height:1.7; }
.article-summary { color:var(--help-muted); font-size:13px; line-height:1.8; }
.article-plus { flex:none; color:var(--help-accent); font-size:22px; font-weight:400; }
.help-article[open] { border-color:#a7b7a0; }
.help-article[open] .article-plus { transform:rotate(45deg); }
.article-body { border-top:1px solid #e7ece3; padding:20px 24px 24px; font-size:14px; line-height:1.95; }
.article-entry { margin:0 0 18px; color:var(--help-muted); font-size:13px; }
.article-entry strong { display:block; margin-bottom:4px; color:var(--help-ink); font-weight:600; }
.article-body ol { padding-left:22px; margin:0 0 18px; }
.article-body li { padding-left:4px; margin:8px 0; }
.article-note { padding:14px 16px; margin:14px 0; border-left:3px solid #8d9d82; border-radius:0 4px 4px 0; background:#f1f4ee; color:#485943; font-size:13px; }
.article-links { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:18px; font-size:13px; }
.article-links a,.article-permalink { text-decoration:underline; text-underline-offset:4px; }
.article-permalink { display:inline-flex; align-items:center; min-height:32px; margin-top:12px; color:var(--help-muted); font-size:12px; }
.legacy-anchor { scroll-margin-top:120px; }
.mobile-topics { display:none; }
#help-empty { margin:28px 0; padding:30px; border:1px dashed #adbaa6; border-radius:8px; }
#help-empty h2 { font-size:20px; }
#help-empty p { color:var(--help-muted); }
#help-empty button { margin-right:20px; min-height:44px; border:1px solid var(--help-ink); border-radius:6px; background:var(--help-ink); color:white; padding:8px 16px; }
#help-empty a { display:inline-block; min-height:24px; font-size:13px; }
.help-footer { padding:32px 0 42px; text-align:center; border-top:1px solid var(--help-line); font-size:13px; color:var(--help-muted); }
.help-footer p { margin:0 0 16px; }
.help-footer nav { display:flex; justify-content:center; flex-wrap:wrap; gap:12px 24px; }
.help-footer a { min-height:24px; display:inline-flex; align-items:center; }
.help-footer .help-legal { margin:24px 0 0; font-size:12px; line-height:2; }
.noscript-note { padding:16px; border:1px solid var(--help-line); }
@media (max-width:1000px) { .help-layout { grid-template-columns:190px minmax(0,1fr); gap:28px; } }
@media (max-width:800px) { .help-wrap { width:calc(100% - 40px); } .topbar-inner { min-height:68px; gap:12px; } .help-brand { gap:8px; font-size:17px; } .help-brand img { width:34px; height:34px; } .help-brand small { display:none; } .help-topbar nav { gap:14px; font-size:12px; } .help-topbar nav>a:first-child { display:none; } .help-login { padding:6px 10px; } .help-hero { padding:36px 0 28px; } h1 { letter-spacing:-.6px; } .hero-description { font-size:14px; } .help-layout { display:block; padding-top:24px; } .help-sidebar { display:none; } .mobile-topics { display:block; border:1px solid var(--help-line); border-radius:6px; margin:18px 0; padding:0 14px; background:white; } .mobile-topics>summary { cursor:pointer; font-size:13px; padding:12px 0; } .mobile-topics nav { padding-bottom:10px; font-size:13px; } .help-toolbar { gap:8px; } .audience-filters { gap:2px; } .audience-filters button { padding:8px 9px; font-size:12px; } .section-heading { padding-top:14px; } h2 { font-size:21px; } .section-count { display:none; } .help-article>summary { padding:16px; gap:12px; } .article-body { padding:16px; } .help-section { margin-bottom:28px; } .help-version { line-height:1.9; } .help-quick-links { gap:8px 18px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { .help-topbar,.help-sidebar,.help-toolbar,.mobile-topics,.help-search,.help-quick-links { display:none; } .help-layout { display:block; } .help-wrap { width:100%; } .help-article { break-inside:avoid; } }
.help-article>summary:focus-visible { outline-offset:-4px; }
.search-field input { font-size:16px; }

.article-audience { margin:0 0 14px; color:var(--help-muted); font-size:12px; }

#help-content { scroll-margin-top:100px; }
/* Native focus and scrollIntoView must also clear the fixed site navigation. */
.help-article>summary { scroll-margin-top:100px; }