/* Slip Surgeon header v2 (JB t738u). One row, one filled button, 44px targets, app-like on phones. */
header.top[data-hd2]{--hd-t:#46DCC8;--hd-tx:#E7F2F3;--hd-mu:#9DB1B6;--hd-ln:rgba(255,255,255,.14);--hd-h:44px;--hd-r:12px;
  transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
header.top[data-hd2]>.wrap{height:64px;gap:12px}
header.top[data-hd2] .brand{flex:0 0 auto;min-height:44px;-webkit-tap-highlight-color:transparent}
header.top[data-hd2] .hd2-r{display:flex;align-items:center;gap:8px;min-width:0}
header.top[data-hd2] .hd-ico,header.top[data-hd2] .hd-act{display:flex;align-items:center;gap:8px}
/* shared control shape */
header.top[data-hd2] .tp-btn,header.top[data-hd2] .hd-ico>a,header.top[data-hd2] .hd-fa,header.top[data-hd2] .ss-acct{
  box-sizing:border-box;height:var(--hd-h);min-height:var(--hd-h);border-radius:var(--hd-r);margin:0;
  touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;
  transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .15s}
header.top[data-hd2] .tp-btn:active,header.top[data-hd2] .hd-ico>a:active,header.top[data-hd2] .hd-fa:active,header.top[data-hd2] .ss-acct:active{transform:scale(.95)}
/* Free Tools: the main nav, outlined (secondary) */
header.top[data-hd2] .tp-btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;background:rgba(70,220,200,.06);color:var(--hd-tx);
  border:1px solid rgba(70,220,200,.45);box-shadow:none;font:700 14.5px/1 "Space Grotesk",system-ui,sans-serif}
header.top[data-hd2] .tp-btn:hover,header.top[data-hd2] .tp-btn[aria-expanded=true]{background:rgba(70,220,200,.14);border-color:var(--hd-t);color:var(--hd-t)}
header.top[data-hd2] .tp-btn svg{width:12px;height:12px;color:var(--hd-t)}
/* icon buttons: ghost squares, same size everywhere */
header.top[data-hd2] .hd-ico>a.xbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--hd-h);flex:0 0 var(--hd-h);padding:0;
  border:1px solid var(--hd-ln);background:rgba(255,255,255,.03);color:var(--hd-tx)}
header.top[data-hd2] .hd-ico>a.xbtn svg{width:19px;height:19px}
header.top[data-hd2] .hd-ico>a.xbtn.hd-soc svg{width:16px;height:16px}
header.top[data-hd2] .hd-ico>a.xbtn:hover,header.top[data-hd2] .hd-ico>a.xbtn:focus-visible{border-color:var(--hd-t);color:var(--hd-t)}
header.top[data-hd2] .hd-ico>a.wr-hdr{color:var(--hd-t);border-color:rgba(70,220,200,.35)}
header.top[data-hd2] .hd-ico>a.wr-hdr[aria-current]{background:rgba(70,220,200,.14)}
/* Lotto sister-site: same height + radius, gold outline */
header.top[data-hd2] .hd-ico>a.lotto-pill{display:inline-flex;flex-direction:row;align-items:center;gap:7px;padding:0 13px 0 10px;width:auto;
  border:1px solid rgba(245,196,81,.6);background:rgba(245,196,81,.07);color:#F5C451;font:700 12.5px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.02em;text-transform:none}
header.top[data-hd2] .hd-ico>a.lotto-pill svg{width:18px;height:18px;flex:0 0 18px}
header.top[data-hd2] .hd-ico>a.lotto-pill .lp-l{display:inline}header.top[data-hd2] .hd-ico>a.lotto-pill .lp-s{display:none}
/* Full Access: the one filled (primary) button */
header.top[data-hd2] .hd-fa{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;background:var(--hd-t);color:#061015;
  border:1px solid var(--hd-t);font:700 14.5px/1 "Space Grotesk",system-ui,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 0 18px rgba(70,220,200,.25)}
header.top[data-hd2] .hd-fa svg{width:17px;height:17px;flex:0 0 17px}
header.top[data-hd2] .hd-fa:hover{background:#6BE8D7;border-color:#6BE8D7;box-shadow:0 0 0 4px rgba(70,220,200,.16),0 6px 22px rgba(70,220,200,.28)}
header.top[data-hd2] .hd-fa:focus-visible{outline:3px solid #fff;outline-offset:2px}
html.ss-in-full header.top[data-hd2] .hd-fa,html.sl-full header.top[data-hd2] .hd-fa{background:transparent;color:var(--hd-t);box-shadow:none}   /* already a member: quiet */
/* Sign in / avatar: always last */
header.top[data-hd2] .ss-acct{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px 0 13px;width:auto;flex:0 0 auto;
  border:1px solid rgba(70,220,200,.45);background:transparent;color:var(--hd-tx);font:700 14.5px/1 "Space Grotesk",system-ui,sans-serif}
header.top[data-hd2] .ss-acct svg{width:17px;height:17px;flex:0 0 17px;color:var(--hd-t)}
header.top[data-hd2] .ss-acct .ss-acct-t{position:static;width:auto;height:auto;overflow:visible;clip:auto}
html.ss-in header.top[data-hd2] .ss-acct{width:var(--hd-h);flex:0 0 var(--hd-h);padding:0;border-radius:50%;border-color:rgba(70,220,200,.5)}
html.ss-in header.top[data-hd2] .ss-acct-av{width:34px;height:34px;font-size:15px}
/* "More from us" row in the Free Tools panel (where Instagram / X / Lotto live on phones) */
.tp-panel .hd-more{margin-top:14px}
.tp-panel .hd-more-r{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.tp-panel .hd-mi{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);
  color:#E7F2F3;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .12s,border-color .15s}
.tp-panel .hd-mi:active{transform:scale(.97)}.tp-panel .hd-mi:hover{border-color:#46DCC8}
.tp-panel .hd-mi svg{width:20px;height:20px;flex:0 0 20px;color:#46DCC8}
.tp-panel .hd-mi span{display:flex;flex-direction:column;gap:3px;min-width:0}.tp-panel .hd-mi b{font-size:14px}.tp-panel .hd-mi small{font-size:12px;color:#9DB1B6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-panel .hd-mi-lotto{border-color:rgba(245,196,81,.45)}.tp-panel .hd-mi-lotto svg,.tp-panel .hd-mi-lotto b{color:#F5C451}
/* laptops: socials go to the panel so the row never crowds */
@media (max-width:1180px){header.top[data-hd2] .hd-ico>a.hd-soc{display:none}}
@media (max-width:980px){header.top[data-hd2] .hd-ico>a.lotto-pill .lp-l{display:none}header.top[data-hd2] .hd-ico>a.lotto-pill .lp-s{display:inline}}
/* phones: logo | Tools . chat | Full Access . account */
@media (max-width:759px){
  header.top[data-hd2]>.wrap{height:60px;padding-left:12px;padding-right:12px;gap:8px}
  header.top[data-hd2] .brand img{width:36px;height:36px}
  header.top[data-hd2] .brand .word,header.top[data-hd2] .brand .hide-sm{display:none}
  header.top[data-hd2] .hd2-r,header.top[data-hd2] .hd-ico,header.top[data-hd2] .hd-act{gap:6px}
  header.top[data-hd2] .hd-ico>a.hd-wide,header.top[data-hd2] .hd-ico>a.hd-soc{display:none}
  header.top[data-hd2] .tp-btn{padding:0 11px;font-size:14px}
  header.top[data-hd2] .tp-btn .hd-fr{display:none}
  header.top[data-hd2] .hd-fa{padding:0 13px;font-size:14px;gap:6px}
  header.top[data-hd2] .ss-acct{width:var(--hd-h);flex:0 0 var(--hd-h);padding:0;border-radius:50%}
  header.top[data-hd2] .ss-acct .ss-acct-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  header.top[data-hd2] .ss-acct svg{width:19px;height:19px;flex-basis:19px}
  html.hd-hide header.top[data-hd2]{transform:translateY(calc(-100% - 2px))}
}
@media (max-width:374px){
  header.top[data-hd2] .hd-fa svg{display:none}
  header.top[data-hd2] .hd-fa{padding:0 12px}
  header.top[data-hd2] .tp-btn{padding:0 10px}
}
@media (min-width:760px){.tp-panel .hd-more{display:block}}
/* back to top */
.ss-top{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(var(--ss-top-b,16px) + env(safe-area-inset-bottom));z-index:8990;
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(70,220,200,.55);background:rgba(8,24,29,.88);color:#46DCC8;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,0,0,.45);display:grid;place-items:center;cursor:pointer;
  opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .2s,transform .2s,bottom .2s;
  touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:0}
.ss-top.on{opacity:1;transform:none;pointer-events:auto}
.ss-top:active{transform:scale(.92)}
.ss-top:hover{background:rgba(70,220,200,.16)}
.ss-top:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ss-top svg{width:20px;height:20px}
/* phone touch polish, site-wide: no double-tap zoom delay or text selection on buttons, visible press */
@media (hover:none) and (pointer:coarse){
  button,.btn,[role=button],a.tp-t,.chip,.hd-mi{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
  button:not(:disabled):active,.btn:active,[role=button]:active{opacity:.85}
}
@media (prefers-reduced-motion:reduce){header.top[data-hd2],.ss-top{transition:none}html.hd-hide header.top[data-hd2]{transform:none}}
/* 44px tap targets on touch screens (JB t738u): grow the small controls we found, without changing desktop */
@media (pointer:coarse){
  header.top[data-hd2] .brand{min-width:44px;justify-content:center}
  .st-add,button.chip,button.hbtn,button.sw,a.lk-pill,.wr-tail,.wr-ghost,a.wr-fd,.wr-tagb{min-height:44px}
  a.wr-logo{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .wr-ic{position:relative}.wr-ic::after{content:"";position:absolute;inset:-12px}
  .st-add,button.chip,button.hbtn,button.sw,a.lk-pill,.wr-tail,.wr-ghost,a.wr-fd,.wr-tagb,.wr-ic{touch-action:manipulation;-webkit-user-select:none;user-select:none}
  .st-add:active,button.chip:active,button.hbtn:active,button.sw:active,a.lk-pill:active,.wr-tail:active,.wr-ghost:active,a.wr-fd:active,.wr-tagb:active{transform:scale(.96)}
}
html:has(.st-open[aria-expanded=true]) .ss-top,html:has(#tp-btn[aria-expanded=true]) .ss-top{opacity:0;pointer-events:none}
/* scroll-trap fix (JB t738u): these strips/tables only scroll sideways. Their content was 1-3px taller than the box, which made each one a
   tiny vertical scroller too; on a phone a swipe that started on one got "caught" by it and the page wouldn't move up or down. */
.tw,.pv-tabs,.pv-tabs3,.pv-strip,.pills,.mo-tick,.chips,.bl-ch{overflow-y:hidden!important}