/* Main-site chrome, scoped to the JustMySocket detector. The main stylesheet's
   generic nav/FAQ rules are intentionally not loaded into either detector. */
body[data-site=socket]{--socket-primary:#1f5fbf;--socket-primary-hover:#184f9f;--socket-text:#1f2937;--socket-muted:#4b5563;--socket-bg:#f5f7fb;--socket-surface:#fff;--socket-border:#d7deea;--socket-header-border:rgba(215,222,234,.9);--socket-header-shadow:0 2px 10px rgba(15,23,42,.08);--socket-hover:rgba(31,95,191,.08);--socket-toggle-bg:rgba(255,255,255,.82);--socket-toggle-border:rgba(31,95,191,.16);--socket-toggle-color:#21467e;--ink:var(--socket-text);--muted:var(--socket-muted);--line:var(--socket-border);--accent:var(--socket-primary);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--socket-bg);color:var(--socket-text);color-scheme:light;overflow-x:clip}
html[data-theme=dark] body[data-site=socket]{--socket-primary:#7daeff;--socket-primary-hover:#9ac0ff;--socket-text:#e5eef9;--socket-muted:#aab6cb;--socket-bg:#0a1220;--socket-surface:#111b2d;--socket-border:#23324b;--socket-header-border:rgba(35,50,75,.95);--socket-header-shadow:0 14px 28px rgba(2,8,23,.26);--socket-hover:rgba(125,174,255,.14);--socket-toggle-bg:rgba(15,23,42,.84);--socket-toggle-border:rgba(148,163,184,.26);--socket-toggle-color:#e0ebff;color-scheme:dark}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) body[data-site=socket]{--socket-primary:#7daeff;--socket-primary-hover:#9ac0ff;--socket-text:#e5eef9;--socket-muted:#aab6cb;--socket-bg:#0a1220;--socket-surface:#111b2d;--socket-border:#23324b;--socket-header-border:rgba(35,50,75,.95);--socket-header-shadow:0 14px 28px rgba(2,8,23,.26);--socket-hover:rgba(125,174,255,.14);--socket-toggle-bg:rgba(15,23,42,.84);--socket-toggle-border:rgba(148,163,184,.26);--socket-toggle-color:#e0ebff;color-scheme:dark}}
body[data-site=socket] main{max-width:1200px;padding:36px 32px 48px}
body[data-site=socket] .narrative{color:var(--socket-muted)}
body[data-site=socket] .narrative mark{color:var(--socket-text)}
body[data-site=socket] .compact-row dt,body[data-site=socket] .network-action p{color:var(--socket-muted)}
body[data-site=socket] .compact-row dd{color:var(--socket-text)}
body[data-site=socket] .compact-row code,body[data-site=socket] .compact-row[data-state]:not([data-state=ready]) dd{color:var(--socket-muted)}
body[data-site=socket] :is(#all-results,#story-heading,.result-group){scroll-margin-top:calc(var(--socket-header-height,73px) + 24px)}
body[data-site=socket] .socket-header{position:sticky;top:0;width:100%;max-width:none;display:block;margin:0;padding:0;background:var(--socket-surface);border:0;border-bottom:1px solid var(--socket-header-border);box-shadow:var(--socket-header-shadow);z-index:1000}
body[data-site=socket] .header-content{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;gap:16px;align-items:center;min-height:72px}
body[data-site=socket] .logo{font-size:24px;font-weight:700;color:var(--socket-primary);text-decoration:none;white-space:nowrap;direction:ltr;unicode-bidi:isolate;line-height:1.6;flex:none}
body[data-site=socket] .logo:hover{color:var(--socket-primary-hover)}
body[data-site=socket] .socket-nav{display:flex;align-items:center;justify-content:flex-end;gap:3px;flex-wrap:wrap;margin-inline-start:auto;min-width:0}
body[data-site=socket] .socket-nav .nav-link{display:block;font-size:14px;line-height:1.6;padding:7px 9px;border-radius:8px;text-decoration:none;color:var(--socket-text);overflow-wrap:anywhere}
body[data-site=socket] .socket-nav .nav-link:hover{background:var(--socket-hover);color:var(--socket-primary)}
body[data-site=socket] .socket-nav .login{color:var(--socket-primary);font-weight:700}
body[data-site=socket] .socket-nav .socket-details{color:var(--socket-primary)}
body[data-site=socket] .language-switcher{position:relative;display:inline-flex;align-items:center;margin-inline-end:5px;min-width:0}
body[data-site=socket] #language{font-family:inherit;font-size:14px;line-height:1.6;min-height:40px;max-width:155px;color:var(--socket-text);background:transparent;border:0;border-radius:4px;padding:5px 3px;cursor:pointer}
body[data-site=socket] #language:hover{background:var(--socket-hover)}
body[data-site=socket] #language option{background:var(--socket-surface);color:var(--socket-text)}
body[data-site=socket] .header-tools{display:flex;align-items:center;gap:12px;flex:none;position:relative;z-index:1003}
body[data-site=socket] .theme-toggle{width:40px;height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--socket-toggle-border);background:var(--socket-toggle-bg);color:var(--socket-toggle-color);cursor:pointer;padding:0;box-shadow:0 8px 18px rgba(15,23,42,.08);position:relative}
body[data-site=socket] .theme-toggle:hover{background:var(--socket-hover)}
body[data-site=socket] .theme-icon{position:absolute;width:17px;height:17px}
body[data-site=socket] .theme-icon-moon{opacity:1}
body[data-site=socket] .theme-icon-sun{opacity:0}
html[data-theme=dark] body[data-site=socket] .theme-icon-moon{opacity:0}
html[data-theme=dark] body[data-site=socket] .theme-icon-sun{opacity:1}
body[data-site=socket] .menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:40px;height:40px;min-height:40px;padding:0;border:0;background:transparent;cursor:pointer}
body[data-site=socket] .menu-toggle span{display:block;height:3px;width:30px;background:var(--socket-primary);border-radius:3px}
body[data-site=socket] .nav-overlay{display:none}
body[data-site=socket] .socket-footer{display:block;width:100%;padding:64px 32px;background:#1f2937;color:#f9fafb;font-size:16px;line-height:1.6}
body[data-site=socket] .footer-content{max-width:1200px;margin:0 auto}
body[data-site=socket] .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:32px;margin-bottom:48px}
body[data-site=socket] .footer-section{min-width:0;margin-bottom:16px}
body[data-site=socket] .footer-title{font-size:1.17em;font-weight:700;line-height:1.6;color:#bfdbfe;margin:0 0 16px}
body[data-site=socket] .socket-footer p{color:#f3f4f6;margin:0}
body[data-site=socket] .footer-links{list-style:none;padding:0;margin:0}
body[data-site=socket] .socket-footer .footer-link{color:#f3f4f6;font-size:16px;text-decoration:none;display:block;margin-bottom:8px;line-height:1.6;overflow-wrap:anywhere}
body[data-site=socket] .socket-footer .footer-link:hover{color:#fff;text-decoration:underline}
body[data-site=socket] .footer-affiliate-desc{display:block;font-size:12.8px;color:#9ca3af;margin-top:2.4px;line-height:1.4}
body[data-site=socket] .socket-footer .footer-security-item{margin:0 0 8px}
body[data-site=socket] .footer-disclaimer{text-align:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}
body[data-site=socket] .footer-disclaimer a{color:#dbeafe;text-decoration:underline;text-underline-offset:2px}
body[data-site=socket] .socket-footer .socket-license{display:inline-block;margin-top:12px;font-size:12px;color:#dbeafe}
body[data-site=socket] :is(.logo,.nav-link,.theme-toggle,.menu-toggle,#language):focus-visible{outline:3px solid var(--socket-primary);outline-offset:3px}
body[data-site=socket] .socket-footer a:focus-visible{outline:3px solid #bfdbfe;outline-offset:3px}
[dir=rtl] body[data-site=socket] .footer-section,[dir=rtl] body[data-site=socket] .footer-disclaimer{text-align:start}
html[data-theme=dark] body[data-site=socket] .narrative .fact-tag{background:#17335a;border-color:#294f7d;color:#dbeafe}
html[data-theme=dark] body[data-site=socket] .narrative .fact-tag--geo{background:#493e1e;border-color:#6e5d2c;color:#ffe09a}
html[data-theme=dark] body[data-site=socket] .narrative .fact-tag--difference{background:#48361d;border-color:#685332;color:#ffdc9c}
html[data-theme=dark] body[data-site=socket] .narrative .fact-tag--unavailable{background:#202d42;border-color:#2d3e57;color:#aab6cb}
html[data-theme=dark] body[data-site=socket] .narrative .fact-tag--pending{background:#28374b;border-color:transparent;color:transparent}
@media(max-width:991px){body[data-site=socket] .header-content{padding:16px;justify-content:space-between}body[data-site=socket] .socket-nav{display:none;position:fixed;inset-block:0;inset-inline-end:0;width:min(80vw,300px);height:100dvh;max-height:100dvh;margin:0;background:var(--socket-surface);z-index:1002;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:78px 20px 24px;box-shadow:-8px 0 20px rgba(15,23,42,.12);overflow-y:auto}body[data-site=socket] .socket-header.is-open .socket-nav{display:flex}body[data-site=socket] .socket-nav .nav-link{font-size:16px;width:100%;padding:12px 2px;margin:0;border-bottom:1px solid var(--socket-border)}body[data-site=socket] .socket-nav .language-switcher{width:100%;margin:0 0 14px}body[data-site=socket] #language{width:100%;max-width:none;font-size:16px;padding:10px 0}body[data-site=socket] .menu-toggle{display:flex}body[data-site=socket] .socket-header.is-open .menu-toggle span:first-child{transform:translateY(9px) rotate(45deg)}body[data-site=socket] .socket-header.is-open .menu-toggle span:nth-child(2){opacity:0}body[data-site=socket] .socket-header.is-open .menu-toggle span:last-child{transform:translateY(-9px) rotate(-45deg)}body[data-site=socket] .socket-header.is-open .nav-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1001}body[data-site=socket].socket-menu-open{overflow:hidden}body[data-site=socket] .header-tools{margin-inline-start:auto}}
@media(max-width:760px){body[data-site=socket] main{padding:28px 20px 36px}body[data-site=socket] .socket-footer{padding:48px 24px}body[data-site=socket] .footer-grid{gap:28px;margin-bottom:32px}}
@media(max-width:360px){body[data-site=socket] .header-content{gap:8px}body[data-site=socket] .header-tools{gap:8px}body[data-site=socket] .logo{font-size:22px}}
