.helpIntro { color: var(--muted); max-width: 520px; font-size: 18px; }
.helpSupport { display: flex; gap: 28px; padding: 36px; background: var(--panel); border: 1px solid var(--border); border-radius: 24px; box-shadow: 0 18px 55px -40px var(--modal-shadow); }
.helpSupport h2 { font-size: 26px; margin: 0 0 12px; letter-spacing: -.7px; }
.helpSupport .eyebrow { margin-top: 0; }
.helpOwl { flex-shrink: 0; display: grid; place-items: center; width: 92px; height: 92px; border-radius: 24px; background: var(--login-glow); }
.copyrightFooter { border-top: 1px solid var(--border); text-align: center; padding-block: 26px 40px; font-size: 12px; color: var(--muted); }
.copyrightLegalLinks { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 18px; }

/* Shared brand tokens keep the help center in step with the dashboard. */
.helpHome { max-width: 1180px; padding-block: 28px 64px; }
.helpHero { display:flex; align-items:center; gap:40px; padding:56px; border-radius:32px; background:radial-gradient(ellipse at top right,var(--login-note-bg),var(--brand-midnight)); color:var(--header-text); }
.helpHero>div { flex:1; min-width:0; }
.helpHero .eyebrow { color:var(--header-accent); }
.helpHero h1 { font-size:clamp(36px,5vw,58px); line-height:1.12; letter-spacing:-1.8px; margin:16px 0; }
.helpHero h1 span { color:var(--header-accent); }
.helpHero p { max-width:620px; color:var(--header-muted); }
.helpHeroOwl { object-fit:contain; filter:drop-shadow(0 16px 20px var(--modal-shadow)); }
.helpSearch input[type="search"] { outline: none }
.helpSearch { display:flex; align-items:center; gap:12px; background:var(--panel); border-radius:16px; padding:8px 8px 8px 18px; margin-top:28px; color:var(--muted); }
.helpSearch input { flex:1; min-width:0; border:0; background:transparent; color:var(--text); font:inherit; padding:12px 0; }
.helpSearch button { border:0; border-radius:11px; background:var(--brand-amber); color:var(--brand-midnight); font:inherit; font-weight:700; padding:14px 18px; cursor:pointer; }
.helpSearch:focus-within { outline:3px solid var(--brand-amber); outline-offset:4px; }
.helpHero .helpHint { font-size:13px; margin-bottom:0; }
.helpHint a { color:var(--header-text); text-decoration:underline; text-underline-offset:3px; }
.helpBrowse,.helpResults { margin-block:44px; }
.helpSectionHeading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.helpSectionHeading h2 { margin:0; font-size:26px; letter-spacing:-.6px; }
.helpSectionHeading p { color:var(--muted); margin:8px 0 0; }
.helpSectionHeading .eyebrow { margin:0 0 8px; }
.helpCategories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.helpCategory { display:block; background:var(--panel); border:1px solid var(--border); border-radius:20px; padding:24px; color:var(--text); text-decoration:none; transition:transform .15s,border-color .15s; }
.helpCategory>i { display:grid; place-items:center; width:42px; height:42px; background:var(--surface-soft); border-radius:12px; color:var(--accent); font-size:18px; }
.helpCategory h3 { margin:18px 0 8px; font-size:18px; }
.helpCategory p { color:var(--muted); font-size:14px; margin:0 0 18px; }
.helpCategory>span { font-size:13px; font-weight:650; }
.helpCategory:hover { transform:translateY(-3px); border-color:var(--brand-amber-strong); }
.helpCategory[aria-current] { border-color:var(--brand-amber-strong); background:var(--login-surface); }
.helpArticleGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.helpArticleCard { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px; background:var(--panel); border:1px solid var(--border); border-radius:16px; color:var(--text); text-decoration:none; }
.helpArticleCard:hover { border-color:var(--brand-amber-strong); }
.helpArticleCard h3 { font-size:16px; margin:0 0 6px; }
.helpArticleCard p { color:var(--muted); font-size:14px; margin:0; }
.helpArticleCard>i { color:var(--brand-amber-strong); }
.helpEmpty { padding:40px; text-align:center; border-radius:20px; background:var(--surface-soft); }
.helpBreadcrumb { display:flex; gap:12px; margin:12px 0 32px; flex-wrap:wrap; font-size:14px; }
.helpBreadcrumb a,.helpContents a:not(.app-store-link) { color:var(--muted); }
.helpArticleLayout { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:56px; margin-bottom:48px; }
.helpArticle { min-width:0; background:var(--panel); border:1px solid var(--border); border-radius:24px; padding:40px; }
.helpArticle h1 { font-size:clamp(30px,4vw,44px); line-height:1.18; letter-spacing:-1px; margin:12px 0 20px; }
.helpArticle h2 { font-size:22px; margin:32px 0 12px; }
.helpArticle section { scroll-margin-top:32px; }
.helpArticle section p { line-height:1.85; color:var(--muted); }
.helpMeta { color:var(--muted); font-size:12px; padding-bottom:22px; border-bottom:1px solid var(--border); }
.helpContents { align-self:start; position:sticky; top:24px; }
.helpContents h2 { font-size:14px; margin:24px 0 12px; }
.helpContents a:not(.app-store-link) { display:block; margin:14px 0; font-size:14px; text-decoration:none; }
.helpContents a:not(.app-store-link):hover { color:var(--brand-amber-strong); }
.helpSrOnly { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.helpHome a:focus-visible,.helpSearch button:focus-visible { outline:3px solid var(--focus-ring); outline-offset:4px; }
@media(max-width:850px) { .helpHeroOwl { display:none; } .helpArticleLayout { grid-template-columns:minmax(0,1fr); gap:20px; } .helpContents { position:static; } .helpCategories { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .helpHero { padding:28px 22px; border-radius:24px; } .helpCategories,.helpArticleGrid { grid-template-columns:1fr; } .helpSectionHeading { align-items:start; flex-direction:column; gap:12px; } .helpArticle { padding:24px; } .helpSearch button { padding:14px 12px; } .helpSearch button i { display:none; } }
@media(prefers-reduced-motion:reduce) { .helpCategory { transition:none; } }
.helpContents nav { display:block; padding:0; }
.helpBreadcrumb { justify-content:flex-start; }

@media(max-width:600px) { .helpSupport { flex-direction:column; padding:24px; gap:20px; } .helpOwl { width:76px; height:76px; } }
.helpArticle ol { padding-left:24px; color:var(--muted); line-height:1.85; }
.helpArticle li { padding-left:6px; margin-block:10px; }
.helpArticle pre { max-width:100%; overflow:auto; padding:20px; border:1px solid var(--border); border-radius:14px; background:var(--surface-code); line-height:1.6; }
.helpArticle code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:14px; }
.helpPagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-top:24px; padding:16px 0; border-top:1px solid var(--border); font-size:14px; }
.helpPagination>span { color:var(--muted); }
.helpPagination a { color:var(--brand-amber-strong); font-weight:650; }

.helpFigure{margin:24px 0;padding:12px;border:1px solid var(--border,#dce4ed);border-radius:16px;background:#f6f8fb}.helpFigure img{display:block;width:100%;height:auto;border-radius:10px}.helpFigure figcaption{font-size:.85rem;line-height:1.6;margin-top:12px;color:#53677e}.helpFigure a:focus-visible{outline:3px solid #ad6b12;outline-offset:4px;display:block}