.help-page { --help-ink:#192b3d; --help-muted:#526477; --help-blue:#245edb; --help-line:#dce4ed; color:var(--help-ink); max-width:1440px; margin:0 auto; padding:12px 16px 48px; font:15px/1.65 system-ui,-apple-system,Segoe UI,sans-serif; }
.help-page *, .help-lightbox * { box-sizing:border-box; }
.help-page [hidden] { display:none !important; }
.help-page a { color:var(--help-blue); text-decoration:none; }
.help-page a:hover { text-decoration:underline; }
.help-page :is(a,button,input,summary):focus-visible { outline:3px solid #2563eb; outline-offset:4px; }
.help-page :is(h1,h2,h3,p,figure) { margin:0; }
.help-page h1 { font-family:inherit; font-size:clamp(27px,3vw,42px); line-height:1.16; letter-spacing:-.035em; font-weight:750; color:var(--help-ink); }
.help-page h2 { font-size:22px; line-height:1.35; color:var(--help-ink); }
.help-page h3 { font-size:17px; line-height:1.4; }
.help-page button { font:inherit; cursor:pointer; border:1px solid var(--help-line); background:#fff; color:var(--help-ink); padding:9px 15px; border-radius:10px; box-shadow:none; width:auto; }
.help-topbar { display:flex; align-items:center; gap:24px; padding:4px 0 24px; border-bottom:1px solid var(--help-line); margin-bottom:28px; }
.help-brand { display:flex; align-items:center; flex:0 0 225px; gap:10px; font-size:20px; font-weight:750; color:var(--help-ink) !important; }
.help-brand > span { display:grid; place-items:center; border-radius:12px; background:#e5edff; color:#245edb; width:38px; height:38px; font-size:23px; }
.help-search { display:flex; flex:1; gap:8px; align-items:center; margin:0; max-width:850px; }
.help-page .help-search input { min-width:0; flex:1; width:100%; font:inherit; background:#fff; border:1px solid var(--help-line); color:var(--help-ink); padding:12px 16px; border-radius:12px; margin:0; }
.help-search button { background:#245edb; color:#fff; border-color:#245edb; padding:12px 19px; }
.help-layout { display:grid; grid-template-columns:225px minmax(0,1fr); gap:32px; align-items:start; }
.help-sidebar { position:sticky; top:12px; }
.help-categories { display:flex; flex-direction:column; gap:3px; }
.help-categories a { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:9px 12px; border-radius:9px; color:#34485d; line-height:1.4; }
.help-categories a span { color:#66788a; font-size:12px; }
.help-categories a[aria-current=page] { color:#174ebc; background:#e5edff; font-weight:650; }
.help-sidebar-note { font-size:12px; line-height:1.6; color:var(--help-muted); padding:20px 12px; }
.help-main { min-width:0; }
.help-hero { background:linear-gradient(115deg,#eaf1ff,#f5f8ff 68%,#e5f1ee); border:1px solid #dce6f6; border-radius:22px; padding:32px; margin-bottom:24px; }
.help-eyebrow { display:block; color:#345d91; font-size:11px; text-transform:uppercase; letter-spacing:.11em; font-weight:750; margin-bottom:12px; }
.help-hero h1 { max-width:640px; }
.help-hero p { margin-top:16px; max-width:610px; color:var(--help-muted); font-size:16px; }
.help-start { padding:24px; background:#fff; border:1px solid var(--help-line); border-radius:18px; margin-bottom:32px; }
.help-start__links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }
.help-start__links a { display:flex; align-items:center; gap:12px; padding:12px; border-radius:12px; background:#f5f8fc; color:var(--help-ink); font-weight:600; line-height:1.4; }
.help-start__links a span { display:grid; place-items:center; flex:0 0 28px; height:28px; background:#e5edff; border-radius:50%; color:#245edb; font-size:12px; }
.help-start__links b { margin-left:auto; color:var(--help-blue); }
.help-results-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 16px; }
.help-results-heading > span { font-size:12px; color:var(--help-muted); white-space:nowrap; }
.help-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.help-card { padding:23px; background:#fff; border:1px solid var(--help-line); border-radius:16px; color:var(--help-ink) !important; display:flex; flex-direction:column; transition:border-color .15s,box-shadow .15s; }
.help-card:hover { text-decoration:none !important; border-color:#86a9e8; box-shadow:0 6px 20px #2447730a; }
.help-card__category { color:#426898; font-size:11px; text-transform:uppercase; letter-spacing:.06em; margin-bottom:9px; }
.help-card h3 { display:flex; justify-content:space-between; gap:12px; }
.help-card h3 span { color:#245edb; }
.help-card p { color:var(--help-muted); font-size:13px; line-height:1.65; margin:10px 0 18px; }
.help-card__meta { font-size:11px; color:#607186; margin-top:auto; }
.help-article { max-width:950px; }
.help-article > header { margin-bottom:24px; }
.help-page .help-lead { font-size:17px; line-height:1.7; margin:18px 0 12px; color:var(--help-muted); }
.help-article__meta { font-size:12px; color:var(--help-muted); }
.help-callout { padding:19px 22px; background:#eef4fc; border:1px solid #dbe7f7; border-radius:12px; margin:20px 0; }
.help-callout p { margin-top:6px; }
.help-callout--notice { background:#fff9ed; border-color:#ebdcb9; }
.help-toc { background:#fff; border:1px solid var(--help-line); border-radius:12px; padding:20px 24px; margin:24px 0 32px; }
.help-toc ol { padding-left:23px; margin:10px 0 0; }
.help-toc li { padding:3px 0 3px 5px; }
.help-step { margin:32px 0; scroll-margin-top:20px; }
.help-step h2 { display:flex; gap:12px; align-items:baseline; margin-bottom:12px; }
.help-step h2 > span { display:inline-grid; place-items:center; flex:0 0 31px; height:31px; background:#e5edff; border-radius:9px; color:#245edb; font-size:16px; }
.help-step > p { white-space:pre-line; }
.help-page .help-figure { margin:20px 0; }
.help-figure > button { display:block; padding:0; overflow:hidden; position:relative; width:100%; border-radius:12px; background:#fff; }
.help-figure img { display:block; width:100%; height:auto; }
.help-zoom-hint { position:absolute; right:10px; bottom:10px; background:#172c48e8; color:white; padding:5px 10px; font-size:11px; border-radius:6px; }
.help-figure figcaption { font-size:12px; color:var(--help-muted); padding:9px 2px; }
.help-figure figcaption b { color:#245edb; }
.help-result { border-left:3px solid #30876b; padding:15px 22px; background:#edf8f3; border-radius:0 10px 10px 0; margin:32px 0; }
.help-result p { margin-top:8px; }
.help-problems { margin:32px 0; }
.help-problems h2 { margin-bottom:12px; }
.help-problems details { padding:14px 18px; border:1px solid var(--help-line); border-radius:10px; margin-bottom:8px; background:#fff; }
.help-problems summary { cursor:pointer; font-weight:600; }
.help-problems details p { margin-top:10px; }
.help-related { margin:32px 0; }
.help-related h2 { margin-bottom:16px; }
.help-article__footer { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding-top:20px; border-top:1px solid var(--help-line); }
.help-article__footer [role=status] { font-size:12px; color:var(--help-muted); }
.help-empty { padding:32px; border:1px dashed #b5c4d6; border-radius:16px; background:#fff; }
.help-empty p { margin:12px 0; }
.help-lightbox { padding:0; border:1px solid #c4d1df; border-radius:14px; max-width:96vw; width:1440px; max-height:94dvh; overflow:auto; background:#fff; }
.help-lightbox::backdrop { background:#132032c9; }
.help-lightbox header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; position:sticky; top:0; background:#fff; z-index:1; }
.help-lightbox img { display:block; width:100%; height:auto; }
.help-lightbox header button { min-width:44px; min-height:44px; }
.help-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:1050px) {
 .help-page { padding:8px 4px 32px; }
 .help-layout { grid-template-columns:185px minmax(0,1fr); gap:20px; }
 .help-brand { flex-basis:185px; }
 .help-hero { padding:25px; }
 .help-cards { grid-template-columns:1fr; }
 .help-start__links { grid-template-columns:1fr; }
}
@media (max-width:767px) {
 .help-page { padding:8px 4px 32px; font-size:14px; }
 .help-topbar { flex-direction:column; align-items:stretch; gap:16px; padding-bottom:18px; margin-bottom:18px; }
 .help-brand { flex-basis:auto; }
 .help-search { width:100%; }
 .help-page .help-search input { padding:11px; font-size:16px; }
 .help-search button { padding:10px 12px; }
 .help-layout { display:flex; flex-direction:column; gap:20px; }
 .help-sidebar { position:static; width:100%; min-width:0; }
 .help-categories { flex-direction:row; overflow-x:auto; padding:4px 3px 9px; }
 .help-categories a { flex:0 0 auto; border:1px solid var(--help-line); background:#fff; font-size:12px; padding:8px 10px; }
 .help-sidebar-note { display:none; }
 .help-main { width:100%; }
 .help-hero { border-radius:16px; padding:24px 20px; }
 .help-start { padding:20px; }
 .help-card { padding:20px; }
 .help-page h2 { font-size:20px; }
 .help-toc { padding:18px; }
 .help-lightbox { max-width:98vw; }
}
@media (prefers-reduced-motion:reduce) { .help-page * { transition:none !important; scroll-behavior:auto !important; } }
@media print { .help-topbar,.help-sidebar,.help-related,.help-article__footer,.help-zoom-hint { display:none; } .help-layout { display:block; } .help-step { break-inside:avoid; } }

.help-page [data-help-title]:focus { outline:none; }
