/* 1xbet EN 2 — experience layer (2026-10-28, second pass)
   1. sticky section navigation + reading progress
   2. hero file-check strip (version / size / SHA-256 with copy)
   3. FAQ instant filter over 31 questions
   4. SHA-256 comparison field in the tools panel
   Appended layer: it never rewrites the template's own rules. */

html{scroll-padding-top:66px;}

/* ============ 1. STICKY SECTION NAVIGATION ============ */
.jumpnav{position:sticky;top:0;z-index:56;background:rgba(255,255,255,.97);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);box-shadow:0 1px 0 rgba(15,35,70,.03);}
.jumpnav-row{position:relative;display:flex;align-items:center;gap:10px;height:54px;}
.jumpnav-inner{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:2px;height:54px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.jumpnav-more{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--border-2);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:border-color .16s,color .16s,background .16s;}
.jumpnav-more:hover{border-color:var(--blue);color:var(--blue);background:var(--soft);}
.jumpnav-more:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}
.jumpnav-more[aria-expanded="true"]{border-color:var(--blue);color:var(--blue);background:rgba(15,115,199,.09);}
.jumpnav-more .jm-caret{font-size:12px;transition:transform .2s;}
.jumpnav-more[aria-expanded="true"] .jm-caret{transform:rotate(180deg);}
.jumpnav-menu{position:absolute;top:calc(100% + 8px);left:24px;z-index:58;width:min(420px,calc(100vw - 48px));max-height:min(58vh,440px);overflow-y:auto;overscroll-behavior:contain;padding:10px;background:#fff;border:1px solid var(--border-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);}
.jumpnav-menu[hidden]{display:none;}
.jumpnav-menu a{display:block;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;transition:background .15s,color .15s;}
.jumpnav-menu a:hover{background:var(--soft);color:var(--ink);}
.jumpnav-menu a.is-active{background:rgba(15,115,199,.10);color:var(--blue);font-weight:700;}
.jumpnav-menu a:focus-visible{outline:2px solid var(--blue);outline-offset:1px;}
.jumpnav-menu .jm-group{margin:8px 12px 4px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);}
.jumpnav-inner::-webkit-scrollbar{display:none;}
.jumpnav-link{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:10px;font-size:14px;font-weight:700;color:var(--muted);text-decoration:none;white-space:nowrap;transition:background .18s,color .18s;}
.jumpnav-link:hover{color:var(--ink);background:var(--soft);}
.jumpnav-link.is-active{color:var(--blue);background:rgba(15,115,199,.09);}
.jumpnav-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}
.jumpnav-link i{font-size:15px;}
.jumpnav-cta{flex:none;margin-left:10px;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:10px;background:var(--blue);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-blue);transition:background .18s,transform .18s;}
.jumpnav-cta:hover{background:var(--blue-dk);color:#fff;transform:translateY(-1px);}
.jumpnav-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;pointer-events:none;}
.jumpnav-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--sky));transition:width .12s linear;}
@media(max-width:820px){.jumpnav-cta{display:none;}}
@media(max-width:680px){
  .jumpnav-row{height:50px;gap:8px;}
  .jumpnav-inner{height:50px;}
  .jumpnav-link{height:44px;padding:0 12px;font-size:13.5px;}
  .jumpnav-more{height:44px;padding:0 11px;}
  .jumpnav-more span{display:none;}
  .jumpnav-menu{left:12px;width:min(420px,calc(100vw - 24px));}
}

/* ============ 2. HERO FILE-CHECK STRIP ============ */
.filecheck{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;padding:12px 16px;border:1px solid var(--border);border-left:3px solid var(--ok);border-radius:var(--r);background:var(--soft);font-size:13.5px;color:var(--muted);line-height:1.5;}
.filecheck b{color:var(--ink);font-weight:700;}
.filecheck code{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:6px;padding:3px 7px;overflow-wrap:anywhere;}
.fc-item{display:inline-flex;align-items:center;gap:7px;min-width:0;}
.fc-item i{color:var(--ok);font-size:15px;flex:none;}
.fc-copy{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px;border:1px solid var(--border-2);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .16s,color .16s,background .16s;}
.fc-copy:hover{border-color:var(--blue);color:var(--blue);background:var(--soft);}
.fc-copy:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}
.fc-copy.copied{color:var(--ok);border-color:var(--ok);}
.filecheck .fc-link{color:var(--blue);font-weight:700;text-decoration:none;}
.filecheck .fc-link:hover{text-decoration:underline;}
@media(max-width:680px){.filecheck{gap:8px 12px;padding:12px;}.filecheck code{font-size:11.5px;}}

/* ============ 3. FAQ INSTANT FILTER ============ */
.faq-search{display:flex;align-items:center;gap:10px;margin:26px 0 18px;padding:0 14px;border:1px solid var(--border-2);border-radius:12px;background:#fff;max-width:540px;}
.faq-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,115,199,.13);}
.faq-search i{color:var(--muted-2);font-size:17px;flex:none;}
.faq-search input{flex:1 1 auto;min-width:0;min-height:48px;border:0;background:transparent;font:inherit;font-size:16px;color:var(--text);outline:none;}
.faq-search input::placeholder{color:var(--muted-2);}
.faq-count{flex:none;margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap;}
.faq-empty{display:none;padding:22px;border:1px dashed var(--border-2);border-radius:var(--r);background:var(--soft);color:var(--muted);font-size:14.5px;line-height:1.6;}
.faq-empty.is-on{display:block;}
.qa[hidden]{display:none;}
.qa mark{background:rgba(15,115,199,.16);color:var(--ink);border-radius:3px;padding:0 2px;}

/* ============ 4. SHA-256 COMPARISON ============ */
.hashcheck{margin-top:20px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--soft);}
.hashcheck .hc-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.hashcheck .hc-title i{color:var(--blue);font-size:16px;}
.hashcheck .hc-hint{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:12px;}
.hashcheck .hc-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.hashcheck input{flex:1 1 220px;min-width:0;min-height:46px;padding:10px 13px;border:1px solid var(--border-2);border-radius:10px;background:#fff;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--text);outline:none;transition:border-color .16s,box-shadow .16s;}
.hashcheck input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,115,199,.13);}
.hashcheck input::placeholder{font-family:'Public Sans',sans-serif;font-size:14px;color:var(--muted-2);}
.hc-verdict{flex:1 1 100%;display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;border-radius:10px;font-size:13.5px;line-height:1.55;background:#fff;border:1px solid var(--border);color:var(--muted);}
.hc-verdict i{flex:none;font-size:16px;margin-top:1px;}
.hc-verdict.is-ok{background:var(--ok-soft);border-color:rgba(15,157,99,.35);color:#0b6b45;}
.hc-verdict.is-ok i{color:var(--ok);}
.hc-verdict.is-bad{background:var(--danger-soft);border-color:rgba(217,59,59,.35);color:#9c2b2b;}
.hc-verdict.is-bad i{color:var(--danger);}
.hc-verdict b{font-weight:800;}
.hc-known{margin-top:10px;font-size:12px;color:var(--muted-2);line-height:1.5;}
.hc-known code{font-family:'JetBrains Mono',monospace;font-size:11.5px;overflow-wrap:anywhere;color:var(--muted);}

/* ============ 6. NARROW-SCREEN FIXES ============ */
@media(max-width:420px){
  .ios-action{width:100%;justify-content:center;}
  .jumpnav-menu a{font-size:13.5px;padding:8px 10px;}
}

/* ============ 7. QUICK START STRIP ============ */
.quickstart{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 4px;padding:0;}
.quickstart li{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:16px 18px;border:1px solid var(--border);border-radius:var(--r);background:#fff;box-shadow:var(--shadow-sm);}
.quickstart .qs-n{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;font-weight:800;}
.quickstart li>div{min-width:0;}
.quickstart b{display:block;font-size:15px;color:var(--ink);margin-bottom:5px;line-height:1.3;}
.quickstart span:not(.qs-n){display:block;font-size:13.5px;line-height:1.55;color:var(--muted);}
.quickstart a{color:var(--blue);font-weight:700;}
@media(max-width:820px){.quickstart{grid-template-columns:minmax(0,1fr);gap:10px;}}

/* ============ 8. QUICK SEARCH IN THE SECTION MENU ============ */
.jumpnav-search{display:flex;align-items:center;gap:9px;margin:2px 0 10px;padding:0 12px;border:1px solid var(--border-2);border-radius:10px;background:#fff;}
.jumpnav-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,115,199,.13);}
.jumpnav-search i{color:var(--muted-2);font-size:15px;flex:none;}
.jumpnav-search input{flex:1 1 auto;min-width:0;min-height:42px;border:0;background:transparent;font:inherit;font-size:14px;color:var(--text);outline:none;}
.jumpnav-search input::placeholder{color:var(--muted-2);}
.jumpnav-kbd{flex:none;font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1;color:var(--muted-2);border:1px solid var(--border);border-radius:5px;padding:3px 6px;background:var(--soft);}
.jumpnav-results{max-height:min(46vh,420px);overflow-y:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 4px;}
.jumpnav-group{margin:12px 12px 4px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);}
.jumpnav-empty{margin:10px 8px 6px;font-size:13.5px;line-height:1.55;color:var(--muted);}
.jumpnav-hit{display:block;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:10px;background:transparent;font:inherit;font-size:14px;font-weight:600;line-height:1.35;color:var(--muted);text-decoration:none;cursor:pointer;}
.jumpnav-hit:hover,.jumpnav-hit.is-cursor{background:var(--soft);color:var(--ink);}
.jumpnav-hit.is-active{background:rgba(15,115,199,.10);color:var(--blue);font-weight:700;}
.jumpnav-hit small{display:block;margin-top:2px;font-size:12px;font-weight:500;color:var(--muted-2);}
.jumpnav-hit:focus-visible{outline:2px solid var(--blue);outline-offset:1px;}
@media(max-width:680px){.jumpnav-menu{width:min(420px,calc(100vw - 24px));}.jumpnav-results{max-height:min(56vh,460px);}}

/* ============ 9. COPY BUTTONS ON CALCULATOR RESULTS ============ */
.tcopy{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:10px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#cfe4fa;cursor:pointer;transition:background .16s,color .16s;}
.tcopy:hover{background:rgba(255,255,255,.18);color:#fff;}
.tcopy.copied{background:rgba(15,157,99,.55);border-color:transparent;color:#fff;}
.tcopy:focus-visible{outline:2px solid #7cc0ff;outline-offset:2px;}

/* ============ 10. PRINT ============ */
@media print{
  .utilbar,.nav,.jumpnav,.trust,.mcta,.totop,.sharerow,.faq-search,.toolstrip,.tcopy,.fc-copy,.installbar,.hero-visual{display:none !important;}
  body{background:#fff;color:#000;font-size:11pt;}
  .shell{grid-template-columns:1fr !important;}
  .rail{display:none !important;}
  .sec{padding:12px 0 !important;}
  .sec>h2,.sec>h3{break-after:avoid;}
  .tresult,.quickstart li,.filecheck,.toolstrip-card,.promo{box-shadow:none !important;border:1px solid #bbb !important;background:#fff !important;}
  .tresult .tv,.tresult .tl,.tresult .tv small{color:#000 !important;}
  .tabs,.tools-tabs{display:none !important;}
}
.jumpnav-hint{margin:10px 12px 2px;padding-top:10px;border-top:1px solid var(--border);font-size:12px;color:var(--muted-2);}
.jumpnav-hint kbd{font-family:'JetBrains Mono',monospace;font-size:10.5px;line-height:1;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:2px 5px;background:var(--soft);}
.jumpnav-hint kbd + kbd{margin-left:2px;}