:root { color-scheme: light; --kb-bg:#f6f7fc; --kb-surface:#fff; --kb-text:#141c37; --kb-muted:#53617d; --kb-border:#d9e0ee; --kb-accent:#642ee4; --kb-tint:#f2edff; --kb-warn:#835600; --kb-shadow:0 6px 24px rgb(31 43 80 / 4%); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; }
:root[data-theme="dark"] { color-scheme:dark; --kb-bg:#101421;--kb-surface:#181e2f;--kb-text:#eff1ff;--kb-muted:#b2bfd8;--kb-border:#364158;--kb-accent:#bcabff;--kb-tint:#292040;--kb-warn:#f9d17a;--kb-shadow:none; }
* { box-sizing:border-box; }
body { margin:0; background:var(--kb-bg);color:var(--kb-text);line-height:1.65; }
[hidden] { display:none!important; }
a { color:var(--kb-accent);text-decoration:none;text-underline-offset:3px; }
a:hover { text-decoration:underline; }
button,input,select { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:default; }
a,button { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--kb-accent);outline-offset:3px; }
:target { scroll-margin-top:24px; }
h1,h2,h3 { line-height:1.25;letter-spacing:-.025em; }
h1 { font-size:clamp(1.8rem,3.4vw,2.7rem);margin:18px 0; }
h2 { font-size:1.35rem;margin:0 0 18px; }
h3 { font-size:1.06rem;margin:0 0 6px; }
p { margin:0 0 1em; }
.kb-shell { width:min(1200px,calc(100% - 48px));margin-inline:auto; }
.kb-skip { position:absolute;top:8px;left:16px;transform:translateY(-200%);padding:10px 16px;background:var(--kb-surface);z-index:20; }
.kb-skip:focus { transform:none; }
.kb-header { background:var(--kb-surface);border-bottom:1px solid var(--kb-border); }
.kb-header-inner { display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:88px;padding-block:14px; }
.kb-brand { display:inline-flex;align-items:center;gap:12px;color:var(--kb-text);flex-shrink:0; }
.kb-brand strong { font-size:1.15rem;line-height:1.25;letter-spacing:-.035em; }
.kb-brand strong>span { color:var(--kb-accent); }
.kb-brand small { display:block;color:var(--kb-muted);font-size:.8rem;line-height:1.35;margin-top:3px; }
.kb-header nav { display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:.875rem; }
.kb-header nav>a:not(.kb-button),.kb-theme { min-height:44px;display:inline-flex;align-items:center; }
.kb-button { display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:1px solid var(--kb-border);background:var(--kb-surface);color:var(--kb-text);font-weight:650;font-size:.9rem;border-radius:10px;padding:10px 16px;line-height:1.4;text-align:center; }
.kb-button:hover { text-decoration:none;border-color:var(--kb-accent); }
.kb-button--primary { color:#fff;background:#6330df;border-color:#6330df; }
.kb-theme,.kb-clear { border:0;background:transparent;color:var(--kb-muted);padding:10px 0;font-size:.875rem; }
.kb-theme:hover,.kb-clear:hover { color:var(--kb-accent); }
.kb-hero { padding-block:48px 32px; }
.kb-eyebrow { margin:0;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:var(--kb-accent); }
.kb-lede { color:var(--kb-muted);font-size:1.05rem;max-width:76ch; }
.kb-search { margin-top:24px;max-width:860px; }
.kb-search>label { display:block;font-weight:650;font-size:.875rem;margin-bottom:9px; }
.kb-search-bar { display:flex;align-items:center;gap:10px;padding:6px 6px 6px 16px;background:var(--kb-surface);border:1px solid var(--kb-border);border-radius:13px;box-shadow:var(--kb-shadow); }
.kb-search-bar:focus-within { border-color:var(--kb-accent); }
.kb-search-bar>span { color:var(--kb-muted);font-size:1.5rem; }
.kb-search-bar input { min-width:0;width:100%;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--kb-text); }
.kb-search-bar input::placeholder { color:var(--kb-muted);opacity:1; }
.kb-filters { display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-top:22px; }
.kb-filters label { display:grid;gap:7px;min-width:220px;max-width:100%;font-size:.8rem;font-weight:650;color:var(--kb-muted); }
.kb-filters select { width:100%;padding:10px 34px 10px 12px;min-height:46px;border:1px solid var(--kb-border);border-radius:9px;background:var(--kb-surface);color:var(--kb-text);font-weight:450;font-size:.875rem; }
.kb-clear { min-height:44px;padding-inline:8px; }
.kb-common { margin:14px 0 30px; }
.kb-common-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.kb-common-grid>a { display:flex;justify-content:space-between;gap:12px;padding:16px;background:var(--kb-surface);border:1px solid var(--kb-border);border-radius:11px;font-size:.9rem;align-items:center; }
.kb-common-grid>a>span { flex-shrink:0; }
.kb-topics { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:50px;align-items:start; }
.kb-topic { background:var(--kb-surface);border:1px solid var(--kb-border);border-radius:16px;padding:24px;min-width:0; }
.kb-topic>p { color:var(--kb-muted);font-size:.875rem; }
.kb-topic ul { list-style:none;margin:16px 0 0;padding:0; }
.kb-topic li+li { border-top:1px solid var(--kb-border); }
.kb-topic li a { display:flex;gap:16px;justify-content:space-between;align-items:center;color:var(--kb-text);padding-block:11px;font-size:.9rem;min-height:44px; }
.kb-topic li a>span:last-child { color:var(--kb-accent);flex-shrink:0; }
.kb-results { max-width:950px;margin-bottom:48px;min-height:250px; }
#help-result-count { color:var(--kb-muted);font-size:.875rem; }
#help-result-list { display:grid;gap:12px; }
.kb-result { background:var(--kb-surface);border:1px solid var(--kb-border);border-radius:13px;padding:20px 22px; }
.kb-result p { color:var(--kb-muted);font-size:.9rem;margin:10px 0; }
.kb-badge { display:inline-flex;padding:5px 10px;border-radius:7px;background:var(--kb-tint);color:var(--kb-accent);font-size:.75rem;line-height:1.5;font-weight:650; }
.kb-badge--soon { color:var(--kb-warn);background:var(--kb-surface);border:1px solid var(--kb-border); }
.kb-breadcrumb { display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.85rem;padding-block:26px; }
.kb-article-layout { display:grid;grid-template-columns:minmax(0,850px) minmax(210px,1fr);gap:32px;align-items:start; }
.kb-article { background:var(--kb-surface);border:1px solid var(--kb-border);padding:36px 40px;border-radius:18px;min-width:0; }
.kb-article-header h1 { font-size:clamp(1.65rem,3vw,2.3rem);margin:18px 0 14px; }
.kb-location { padding:17px 20px;border:1px solid var(--kb-border);border-left:3px solid var(--kb-accent);background:var(--kb-bg);border-radius:9px;margin:24px 0; }
.kb-location strong { display:block;font-size:.8rem;margin-bottom:5px; }
.kb-location p { margin:0;font-size:.9rem;overflow-wrap:anywhere; }
.kb-notice { padding:18px;background:var(--kb-tint);border:1px solid var(--kb-border);border-radius:10px; }
.kb-notice p { margin:5px 0 0; }
.kb-article-section { margin-top:28px; }
.kb-article-section h2 { font-size:1.15rem; }
.kb-article-section ol,.kb-article-section ul { padding-left:24px;margin:12px 0 0; }
.kb-article-section li { padding-left:5px;margin-bottom:13px;overflow-wrap:anywhere; }
.kb-article-section ol>li::marker { color:var(--kb-accent);font-weight:750; }
.kb-article-section#notes { border-top:1px solid var(--kb-border);padding-top:25px; }
.kb-article-section#notes li { color:var(--kb-muted);font-size:.9375rem; }
.kb-article-actions { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--kb-border);padding-top:22px; }
[data-article-status] { font-size:.8rem;color:var(--kb-muted); }
.kb-related { padding-block:20px;font-size:.875rem;min-width:0; }
.kb-related h2 { font-size:.875rem;margin:0 0 12px;letter-spacing:0; }
.kb-related nav { display:grid;margin-bottom:28px; }
.kb-related a { display:block;padding-block:10px;line-height:1.5;overflow-wrap:anywhere; }
.kb-all-topics { border-top:1px solid var(--kb-border);margin-top:20px; }
.kb-article-search { margin:35px 0 48px; }
.kb-footer { padding-block:28px;border-top:1px solid var(--kb-border);display:flex;justify-content:space-between;gap:18px;color:var(--kb-muted);font-size:.8rem; }
.kb-footer div { display:flex;gap:22px; }
@media (max-width:900px) { .kb-common-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.kb-article-layout { grid-template-columns:minmax(0,1fr);gap:12px; }.kb-related { border:1px solid var(--kb-border);border-radius:12px;background:var(--kb-surface);padding:20px; }.kb-related nav { margin-bottom:16px; } }
@media (max-width:620px) { .kb-shell { width:calc(100% - 32px); }.kb-header-inner { flex-wrap:wrap;gap:10px; }.kb-header nav { width:100%;gap:12px;justify-content:space-between; }.kb-header nav>.kb-button { padding:9px;font-size:.8rem; }.kb-header nav>a,.kb-theme { font-size:.8rem; }.kb-hero { padding-block:30px 18px; }.kb-topics,.kb-common-grid { grid-template-columns:minmax(0,1fr); }.kb-topic { padding:20px; }.kb-article { padding:24px 20px; }.kb-filters { gap:12px; }.kb-filters>label { min-width:0;flex:1 1 180px; }.kb-clear { width:100%;text-align:left; }.kb-search-bar { gap:8px;padding-left:12px; }.kb-search-bar input { font-size:1rem; }.kb-search-bar>span { display:none; }.kb-search-bar>.kb-button { padding-inline:12px; }.kb-article-actions>.kb-button { flex:1; }.kb-footer { flex-direction:column; }.kb-lede { font-size:1rem; } }
@media print { :root { color-scheme:light;--kb-text:#000;--kb-bg:#fff;--kb-surface:#fff;--kb-muted:#333;--kb-border:#999;--kb-accent:#000; } .kb-header,.kb-related,.kb-article-search,.kb-article-actions,.kb-footer,.kb-skip,.kb-breadcrumb { display:none; }.kb-shell { width:100%; }.kb-article-layout { display:block; }.kb-article { border:0;padding:0; }.kb-article-section li { break-inside:avoid; } }

/* Shared public navigation keeps the Help Center connected to the website. */
.kb-local-nav { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-block: 18px; }
.kb-local-nav > div { display: flex; align-items: center; gap: 10px; }
.kb-local-nav > a { font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.kb-breadcrumb { flex-wrap: wrap; overflow-wrap: anywhere; }
.kb-footer > div { flex-wrap: wrap; }
@media (max-width: 430px) { .kb-local-nav { font-size: 14px; } .kb-local-nav > div { flex-wrap: wrap; } }
