:root { --cx-bg:#f5f7fb; --cx-surface:#fff; --cx-border:#d7dfeb; --cx-text:#14243b; --cx-muted:#506078; --cx-blue:#175cdd; }
:root.dark-mode { --cx-bg:#070c16; --cx-surface:#0e1726; --cx-border:#233149; --cx-text:#f1f5fc; --cx-muted:#a3b3cb; --cx-blue:#71adff; }
body,.dark-mode body { background:var(--cx-bg); }
#header { border-bottom:1px solid var(--cx-border); background-color:#090f1b !important; }
html.dark-mode,.dark-mode #main-content,.dark-mode .content.flex { background:var(--cx-bg); }
.logo .logo-image { max-height:34px; width:auto; }
.logo .logo-text { font-size:17px; letter-spacing:-.3px; }
.cx-help { width:min(1040px, calc(100% - 48px)); margin:0 auto; padding:58px 0 54px; color:var(--cx-text); }
.cx-help :is(h1,h2,h3) { color:var(--cx-text); }
html.dark-mode .cx-help :is(h1,h2,h3) { color:var(--cx-text); }
.cx-hero { text-align:center; max-width:800px; margin:0 auto 58px; }
.cx-eyebrow { display:block; font-size:11px; letter-spacing:1.6px; font-weight:700; color:var(--cx-blue); }
.cx-hero h1 { font-size:clamp(34px,5vw,52px); font-weight:750; line-height:1.15; letter-spacing:-1.7px; margin:16px 0; }
.cx-hero p { color:var(--cx-muted); font-size:17px; line-height:1.65; }
.cx-search { display:flex; gap:8px; padding:7px; border:1px solid var(--cx-border); background:var(--cx-surface); border-radius:12px; margin:26px auto 18px; max-width:680px; box-shadow:0 8px 28px #00000012; }
.cx-search input { width:100%; min-width:0; border:0; box-shadow:none; background:transparent; color:var(--cx-text); padding:10px 14px; font-size:16px; }
.cx-search #help-search { background:transparent; color:var(--cx-text); }
.cx-search button,.cx-button { display:inline-flex; align-items:center; justify-content:center; background:#2465e8; color:white; border:0; border-radius:7px; padding:12px 23px; font-size:14px; font-weight:650; white-space:nowrap; }
.cx-search button:hover,.cx-button:hover { background:#1754cc; color:white; text-decoration:none; }
.cx-quick { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 22px; font-size:12px; color:var(--cx-muted); }
.cx-quick a,.cx-section-heading>a { color:var(--cx-blue); }
.cx-section-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:22px; }
.cx-section-heading h2 { font-size:25px; font-weight:700; margin:8px 0 0; letter-spacing:-.5px; }
.cx-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.cx-topic { display:block; padding:26px; border:1px solid var(--cx-border); border-radius:12px; background:var(--cx-surface); color:var(--cx-text); }
.cx-topic:hover { border-color:#428cff; text-decoration:none; color:var(--cx-text); }
.cx-topic-icon { display:flex; width:38px; height:38px; align-items:center; justify-content:center; border-radius:9px; color:var(--cx-blue); background:#428cff18; }
.cx-topic-icon svg { width:21px; height:21px; margin:0; }
.cx-topic h3 { font-size:19px; font-weight:650; margin:16px 0 8px; }
.cx-topic p { color:var(--cx-muted); line-height:1.7; font-size:14px; margin:0 0 18px; }
.cx-topic-link { color:var(--cx-blue); font-size:13px; font-weight:600; display:flex; justify-content:space-between; }
.cx-support { display:flex; justify-content:space-between; align-items:center; gap:24px; border:1px solid var(--cx-border); background:var(--cx-surface); border-radius:12px; padding:26px; margin-top:28px; }
.cx-support h2 { font-size:20px; font-weight:650; margin:0 0 7px; }
.cx-support p { color:var(--cx-muted); margin:0; line-height:1.7; }
.cx-help a:focus-visible,.cx-help button:focus-visible,.cx-help input:focus-visible { outline:3px solid #71adff; outline-offset:3px; }
@media(max-width:640px) { .cx-help { width:calc(100% - 32px); padding:35px 0; } .cx-hero { margin-bottom:38px; } .cx-grid { grid-template-columns:1fr; } .cx-support { align-items:start; flex-direction:column; } .cx-quick { gap:10px 16px; } .cx-quick>span { width:100%; } .cx-search button { padding:12px 16px; } }
.cx-featured { margin:0 0 36px; }
.cx-featured h2 { font-size:24px; margin-bottom:18px; }
.cx-guide-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cx-guide-links a { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 18px; background:var(--cx-surface); border:1px solid var(--cx-border); border-radius:8px; color:var(--cx-text); }
.cx-guide-links a:hover { border-color:var(--cx-blue); text-decoration:none; }
.cx-guide-links span { color:var(--cx-blue); flex-shrink:0; }
.cx-guide-footer { margin-top:36px; padding-top:24px; border-top:1px solid #64748b55; }
.cx-guide-footer form { display:flex; gap:10px; margin:16px 0; }
.cx-guide-footer .button { min-width:74px; }
.cx-guide-footer .small { font-size:12px; }
.cx-table-scroll { overflow-x:auto; }
@media(max-width:640px) { .cx-guide-links { grid-template-columns:1fr; } }