/* FAQ PAGE – LOG11DX light theme (html.theme-light), 2026-11 redesign */

html.theme-light body.faq-body {
  --fx-text: #142033;
  --fx-muted: #586b86;
  --fx-panel: rgba(255, 255, 255, .78);
  --fx-panel-2: rgba(244, 249, 255, .9);
  --fx-line: rgba(91, 116, 148, .2);
  --fx-cyan: #0b74de;
  --fx-blue: #3b6cf0;
  --fx-violet: #7a5af5;
  --fx-ink: #ffffff;
  background:
    radial-gradient(900px 520px at 8% -8%, rgba(88, 166, 255, .20), transparent 58%),
    radial-gradient(880px 540px at 100% 0%, rgba(14, 165, 233, .14), transparent 52%),
    linear-gradient(180deg, #eef8ff 0%, #d4eafc 100%) !important;
  color: var(--fx-text) !important;
}

html.theme-light .fx-hero,
html.theme-light .fx-cta {
  background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(232, 243, 255, .78));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 24px 54px rgba(54, 84, 126, .16);
}
html.theme-light .fx-hero::before { background: linear-gradient(120deg, rgba(11, 116, 222, .45), transparent 30%, transparent 70%, rgba(122, 90, 245, .4)); }
html.theme-light .fx-waves circle { stroke: #58a6ff; }
html.theme-light .fx-title { color: #0f1b30; }
html.theme-light .fx-grad { background-image: linear-gradient(90deg, #0f1b30 0%, #0b74de 30%, #7a5af5 60%, #0f1b30 100%); }
html.theme-light .fx-eyebrow { background: rgba(11, 116, 222, .08); border-color: rgba(11, 116, 222, .28); }

html.theme-light .fx-search-box { background: #fff; border-color: rgba(11, 116, 222, .35); box-shadow: 0 0 0 6px rgba(11, 116, 222, .06), 0 16px 36px rgba(54, 84, 126, .14); }
html.theme-light .fx-search-box:focus-within { box-shadow: 0 0 0 6px rgba(11, 116, 222, .14), 0 16px 36px rgba(54, 84, 126, .16); }
html.theme-light .fx-search-box input::placeholder { color: #8a9ab3; }
html.theme-light .fx-search-box input::-webkit-search-cancel-button { filter: none; }
html.theme-light .fx-suggest { background: rgba(255, 255, 255, .98); box-shadow: 0 24px 50px rgba(54, 84, 126, .2); }
html.theme-light .fx-sg.is-on, html.theme-light .fx-sg:hover { background: rgba(11, 116, 222, .08); }
html.theme-light .fx-sg mark, html.theme-light .fx-q mark.fx-hit { background: rgba(11, 116, 222, .16); color: #0a3f7a; }

html.theme-light .fx-pill, html.theme-light .fx-chip, html.theme-light .fx-btn { background: rgba(255, 255, 255, .8); color: #24354f !important; }
html.theme-light .fx-pill:hover, html.theme-light .fx-chip:hover { background: rgba(11, 116, 222, .07); color: #0b2c55 !important; }
html.theme-light .fx-chip-p { color: #0b74de !important; }
html.theme-light .fx-btn-p { background: linear-gradient(135deg, #0b74de, #3b6cf0); color: #fff !important; }

html.theme-light .fx-pop, html.theme-light .fx-side { background: rgba(255, 255, 255, .78); }
html.theme-light .fx-pq:hover { background: rgba(11, 116, 222, .07); border-color: rgba(11, 116, 222, .25); }
html.theme-light .fx-pq-n { background: rgba(11, 116, 222, .08); border-color: rgba(11, 116, 222, .25); }

html.theme-light .fx-vcard, html.theme-light .fx-step, html.theme-light .fx-sec { box-shadow: 0 14px 34px rgba(54, 84, 126, .1); }
html.theme-light .fx-vcard:hover { box-shadow: 0 22px 50px rgba(54, 84, 126, .18); }
html.theme-light .fx-lang { background: rgba(255, 255, 255, .9); }
html.theme-light .fx-num { color: #fff; box-shadow: 0 10px 26px rgba(11, 116, 222, .28); }
html.theme-light .fx-step p strong, html.theme-light .fx-q-body strong { color: #0f1b30; }

html.theme-light .fx-side-i { color: #3a4c68 !important; }
html.theme-light .fx-side-i:hover { background: rgba(11, 116, 222, .05); color: #0f1b30 !important; }
html.theme-light .fx-side-i.is-on { background: linear-gradient(90deg, rgba(11, 116, 222, .12), rgba(11, 116, 222, .02)); color: #0f1b30 !important; }
html.theme-light .fx-side-ic, html.theme-light .fx-sec-ic { background: rgba(11, 116, 222, .06); color: #24496f; }
html.theme-light .fx-progress { background: rgba(11, 116, 222, .1); }

html.theme-light .fx-sec.is-open { border-color: rgba(11, 116, 222, .4); box-shadow: 0 0 0 1px rgba(11, 116, 222, .08), 0 26px 56px rgba(54, 84, 126, .18); }
html.theme-light .fx-sec.is-open .fx-sec-ic { color: #fff; }
html.theme-light .fx-q-btn:hover .fx-q-t { color: #0b2c55; }
html.theme-light .fx-q.is-open { background: #fff; border-color: rgba(11, 116, 222, .3); }
html.theme-light .fx-q-plus { background: rgba(11, 116, 222, .06); }
html.theme-light .fx-q.is-open .fx-q-plus { background: rgba(11, 116, 222, .12); }
html.theme-light .fx-q-body { color: #33465f; }
html.theme-light .fx-q-body ol > li { background: rgba(11, 116, 222, .04); }
html.theme-light .fx-q-body code, html.theme-light .fx-q-t code { background: rgba(11, 116, 222, .08); color: #0a5bb0; border-color: rgba(11, 116, 222, .2); }
html.theme-light .fx-copy.is-done { color: #13895a !important; border-color: rgba(19, 137, 90, .4); }

html.theme-light .fx-lucy { background: linear-gradient(90deg, rgba(122, 90, 245, .1), rgba(11, 116, 222, .06)); border-color: rgba(122, 90, 245, .3); }
html.theme-light .fx-lucy p { color: #24354f; }
html.theme-light .fx-lucy-av::after { background: #fff; }
html.theme-light .fx-lucy-av span { color: #3b2ea0; }

@media (max-width: 860px) {
  html.theme-light .fx-chipbar { background: rgba(240, 248, 255, .92); }
  html.theme-light .fx-chipbar-i { background: #fff; color: #24354f !important; }
  html.theme-light .fx-chipbar-i.is-on { color: #fff !important; }
}