/* [IONYX: HELP (patch 121)] the Help button, its panel and the welcome screens. Every rule starts with #ixhp or #ixtour so
   the site theme cannot change it and it cannot change the site. */
#ixhp, #ixhp *, #ixtour, #ixtour * { box-sizing:border-box; }
#ixhp { --ixhp-lift:16px; font-family:'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; color:#111729; }
#ixhp [hidden], #ixtour [hidden], #ixtour[hidden] { display:none !important; }
#ixhp .ixhp-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

#ixhp .ixhp-fab { position:fixed; right:16px; bottom:var(--ixhp-lift); z-index:1050; display:inline-flex; align-items:center; gap:8px;
  min-height:48px; padding:0 18px 0 14px; border:0; border-radius:999px; background:#111729; color:#fff; font:700 16px/1 'Source Sans 3',system-ui,sans-serif;
  box-shadow:0 10px 26px -10px rgba(17,23,41,.55); cursor:pointer; margin:0; text-transform:none; letter-spacing:0; }
#ixhp .ixhp-fab:hover { background:#1F2A44; }
#ixhp .ixhp-fab:focus-visible, #ixhp button:focus-visible, #ixhp a:focus-visible, #ixtour button:focus-visible, #ixtour a:focus-visible { outline:3px solid #5B8DF7; outline-offset:2px; }
#ixhp .ixhp-fab[aria-expanded="true"] { background:#0A6E73; }
#ixhp .ixhp-nudge { position:fixed; right:16px; bottom:calc(var(--ixhp-lift) + 58px); z-index:1050; max-width:min(300px, calc(100vw - 32px));
  background:#fff; color:#111729; border:1.5px solid #E6EBF2; border-radius:14px; padding:10px 14px; font:600 15px/1.35 'Source Sans 3',system-ui,sans-serif;
  box-shadow:0 12px 30px -14px rgba(17,23,41,.4); cursor:pointer; text-align:left; margin:0; }

#ixhp .ixhp-panel { position:fixed; right:16px; bottom:calc(var(--ixhp-lift) + 60px); z-index:1060; width:min(400px, calc(100vw - 24px));
  max-height:min(640px, calc(100vh - var(--ixhp-lift) - 84px)); display:flex; flex-direction:column; background:#fff; border:1.5px solid #E6EBF2;
  border-radius:20px; box-shadow:0 24px 60px -20px rgba(17,23,41,.45); overflow:hidden; }
#ixhp .ixhp-top { display:flex; align-items:center; gap:8px; padding:12px 12px 10px 18px; border-bottom:1px solid #EEF2F7; margin:0; }
#ixhp .ixhp-top h2 { flex:1; margin:0; font:800 19px/1.2 'Plus Jakarta Sans','Source Sans 3',sans-serif; color:#111729; letter-spacing:-.01em; text-transform:none; }
#ixhp .ixhp-x, #ixhp .ixhp-back { width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:12px;
  background:#F4F7FB; color:#111729; cursor:pointer; padding:0; margin:0; }
#ixhp .ixhp-body { overflow-y:auto; padding:12px 18px 18px; -webkit-overflow-scrolling:touch; }
#ixhp .ixhp-sos { display:block; background:#FDE8E8; color:#A61B1B !important; border-radius:12px; padding:9px 12px; font-size:15px; line-height:1.35;
  text-decoration:none !important; margin:0 0 12px; }
#ixhp .ixhp-sos b { font-weight:800; }
#ixhp .ixhp-status { list-style:none; margin:0 0 12px; padding:0; display:flex; flex-direction:column; gap:8px; }
#ixhp .ixhp-status li { border-radius:12px; padding:10px 12px; font-size:15px; line-height:1.4; background:#E8EFFD; color:#1E3A8A; margin:0; }
#ixhp .ixhp-status li.ok { background:#E5F4EC; color:#166534; } #ixhp .ixhp-status li.warn { background:#FFF1DC; color:#6B3500; }
#ixhp .ixhp-status li.bad { background:#FDE8E8; color:#9B1C1C; }
#ixhp .ixhp-status a { display:inline-block; margin-top:4px; font-weight:700; color:inherit !important; text-decoration:underline !important; padding:4px 0; }
#ixhp .ixhp-search { display:flex; align-items:center; gap:8px; border:1.5px solid #D5DEE8; border-radius:14px; padding:0 12px; min-height:48px; background:#fff; }
#ixhp .ixhp-search:focus-within { border-color:#5B8DF7; box-shadow:0 0 0 3px rgba(91,141,247,.15); }
#ixhp .ixhp-search input { flex:1 1 0; width:0; min-width:0; border:0; outline:none; background:transparent; font:400 16px/1.2 'Source Sans 3',system-ui,sans-serif;
  color:#111729; padding:12px 0; margin:0; box-shadow:none; height:auto; }
#ixhp .ixhp-lab { margin:14px 0 6px; font-size:12.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#0A6E73; }
#ixhp .ixhp-list { list-style:none; margin:0; padding:0; }
#ixhp .ixhp-list li { margin:0; padding:0; border-top:1px solid #EEF2F7; }
#ixhp .ixhp-list li:first-child { border-top:0; }
#ixhp .ixhp-list button { display:flex; width:100%; align-items:center; gap:10px; min-height:48px; padding:10px 2px; border:0; background:none;
  text-align:left; font:600 16px/1.35 'Source Sans 3',system-ui,sans-serif; color:#111729; cursor:pointer; margin:0; }
#ixhp .ixhp-list button::after { content:""; flex:0 0 8px; height:8px; margin-left:auto; border-right:2px solid #9FB0C6; border-top:2px solid #9FB0C6; transform:rotate(45deg); }
#ixhp .ixhp-list button:hover { color:#0A6E73; }
#ixhp .ixhp-none { font-size:15px; color:#5B6B80; margin:10px 0; line-height:1.45; }
#ixhp .ixhp-more { margin-top:12px; border-top:1px solid #EEF2F7; padding-top:12px; }
#ixhp .ixhp-ask { display:flex; width:100%; align-items:center; justify-content:center; min-height:48px; padding:0 14px; border-radius:13px;
  border:1.5px solid #D5DEE8; background:#fff; color:#111729; font:700 15.5px/1.2 'Source Sans 3',system-ui,sans-serif; cursor:pointer; margin:12px 0 0; text-align:center; }
#ixhp .ixhp-more .ixhp-ask { margin-top:0; }
#ixhp .ixhp-ask.hot { background:#111729; color:#fff; border-color:#111729; }
#ixhp .ixhp-links { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; margin-top:8px; }
#ixhp .ixhp-links a, #ixhp .ixhp-links button { display:inline-flex; align-items:center; min-height:44px; font:700 15px/1.2 'Source Sans 3',system-ui,sans-serif;
  color:#0A6E73 !important; background:none; border:0; padding:0; cursor:pointer; text-decoration:none !important; margin:0; }
#ixhp h3:focus, #ixtour h2:focus-visible { outline:none; }
#ixhp h3 { margin:2px 0 8px; font:800 18px/1.3 'Plus Jakarta Sans','Source Sans 3',sans-serif; color:#111729; text-transform:none; letter-spacing:-.005em; }
#ixhp .ixhp-a { margin:0 0 12px; font-size:16px; line-height:1.55; color:#3D4A5C; white-space:pre-line; overflow-wrap:anywhere; }
#ixhp .ixhp-go { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border-radius:13px; background:#111729;
  color:#fff !important; font:700 15.5px/1.2 'Source Sans 3',system-ui,sans-serif; text-decoration:none !important; margin:0 0 4px; }
#ixhp .ixhp-fb { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; font-size:15px; color:#3D4A5C; }
#ixhp .ixhp-fb span { margin-right:4px; }
#ixhp .ixhp-fb button { min-height:40px; min-width:64px; padding:0 14px; border-radius:999px; border:1.5px solid #D5DEE8; background:#fff;
  font:700 15px/1 'Source Sans 3',system-ui,sans-serif; color:#111729; cursor:pointer; margin:0; }
#ixhp .ixhp-thanks { margin:10px 0 0; font-size:15px; color:#166534; font-weight:600; }
#ixhp .ixhp-small { font-size:14px; line-height:1.45; color:#5B6B80; margin:0 0 10px; }
#ixhp .ixhp-form { display:flex; flex-direction:column; gap:6px; margin:0; }
#ixhp .ixhp-form label { font-size:14px; font-weight:700; color:#111729; margin:6px 0 0; }
#ixhp .ixhp-form input, #ixhp .ixhp-form textarea { width:100%; border:1.5px solid #D5DEE8; border-radius:12px; padding:10px 12px; font:400 16px/1.4 'Source Sans 3',system-ui,sans-serif;
  color:#111729; background:#fff; margin:0; box-shadow:none; height:auto; }
#ixhp .ixhp-form input:focus, #ixhp .ixhp-form textarea:focus { outline:none; border-color:#5B8DF7; box-shadow:0 0 0 3px rgba(91,141,247,.15); }
#ixhp .ixhp-trap { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
#ixhp .ixhp-err { margin:4px 0; padding:9px 12px; border-radius:12px; background:#FDE8E8; color:#A61B1B; font-weight:600; font-size:15px; }
#ixhp .ixhp-send { min-height:50px; border:0; border-radius:13px; background:#111729; color:#fff; font:800 16px/1 'Source Sans 3',system-ui,sans-serif; cursor:pointer; margin:6px 0 0; }
#ixhp .ixhp-send[disabled] { opacity:.6; cursor:wait; }

/* on the symptom check the bottom of the screen holds the Next buttons, so Help sits at the top right */
#ixhp.ixhp-check .ixhp-fab { top:52px; bottom:auto; min-height:40px; padding:0 14px 0 10px; font-size:15px; box-shadow:0 6px 16px -8px rgba(17,23,41,.45); }
#ixhp.ixhp-check .ixhp-nudge { top:100px; bottom:auto; }
@media (max-width:560px) {
  #ixhp .ixhp-fab { right:12px; }
  #ixhp .ixhp-panel { left:8px; right:8px; width:auto; bottom:8px; max-height:calc(100vh - 16px); max-height:calc(100dvh - 16px); border-radius:20px; }
  #ixhp.ixhp-open .ixhp-fab { visibility:hidden; }
}
@media print { #ixhp, #ixtour { display:none !important; } }

/* the welcome screens */
#ixtour { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1070; background:rgba(17,23,41,.55); display:flex; align-items:center; justify-content:center; padding:16px;
  font-family:'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; color:#111729; }
#ixtour .ixtour-box { position:relative; width:min(480px, 100%); max-height:calc(100vh - 32px); overflow-y:auto; background:#fff; border-radius:22px;
  padding:26px 24px 20px; box-shadow:0 30px 70px -20px rgba(17,23,41,.5); }
#ixtour .ixtour-skip { position:absolute; top:12px; right:12px; min-height:40px; padding:0 12px; border:0; background:none; color:#5B6B80;
  font:700 15px/1 'Source Sans 3',system-ui,sans-serif; cursor:pointer; margin:0; }
#ixtour h2 { margin:0 0 10px; padding-right:48px; font:800 23px/1.25 'Plus Jakarta Sans','Source Sans 3',sans-serif; color:#111729; letter-spacing:-.01em; text-transform:none; }
#ixtour p { margin:0 0 12px; font-size:16.5px; line-height:1.55; color:#3D4A5C; }
#ixtour .ixtour-small { font-size:15px; color:#5B6B80; }
#ixtour .ixtour-art { margin:0 0 12px; }
#ixtour .ixtour-sos { display:block; margin:4px 0 14px; background:#FDE8E8; color:#A61B1B !important; border-radius:14px; padding:12px 14px; font-size:16px;
  text-decoration:none !important; }
#ixtour .ixtour-ol, #ixtour .ixtour-ul { margin:0 0 14px; padding:0 0 0 22px; }
#ixtour .ixtour-ol li, #ixtour .ixtour-ul li { margin:0 0 10px; font-size:16px; line-height:1.5; color:#3D4A5C; padding-left:2px; }
#ixtour .ixtour-ol b, #ixtour .ixtour-ul b { color:#111729; }
#ixtour .ixtour-ul a { color:#0A6E73 !important; font-weight:700; display:inline; padding:6px 0; line-height:1.9; }
#ixtour h2:focus { outline:none; }
#ixtour .ixtour-btns { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin-top:8px; }
#ixtour .ixtour-next, #ixtour .ixtour-prev, #ixtour .ixtour-alt { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px;
  border-radius:13px; font:700 16px/1.2 'Source Sans 3',system-ui,sans-serif; cursor:pointer; text-decoration:none !important; margin:0; text-align:center; }
#ixtour .ixtour-next { background:#111729; color:#fff !important; border:0; }
#ixtour .ixtour-prev, #ixtour .ixtour-alt { background:#fff; color:#111729 !important; border:1.5px solid #D5DEE8; }
#ixtour .ixtour-dots { display:flex; justify-content:center; gap:6px; margin-top:16px; }
#ixtour .ixtour-dots i { width:8px; height:8px; border-radius:50%; background:#D5DEE8; }
#ixtour .ixtour-dots i.on { background:#111729; width:22px; border-radius:99px; }
@media (max-width:560px) {
  #ixtour { align-items:flex-end; padding:8px; }
  #ixtour .ixtour-box { padding:22px 18px 16px; max-height:calc(100vh - 16px); }
  #ixtour .ixtour-btns > * { flex:1 1 auto; }
}