*{box-sizing:border-box;margin:0;padding:0}
    :root{
      --bg:#0a0c10;--surface:#12151c;--surface2:#1a1e28;--border:#2a2e3a;
      --accent:#00e5ff;--accent2:#7c3aed;--accent3:#f59e0b;
      --text:#e8eaf0;
      --muted:#9ca3af;
      --muted2:#6b7280;--success:#10b981;--danger:#ef4444;
      --fd:'Bebas Neue',sans-serif;--fm:'DM Mono',monospace;
      --hdr-bg:rgba(10,12,16,.92);--hdr-shadow:rgba(0,0,0,.4);
      --mob-bg:rgba(10,12,16,.97);
    }
    [data-theme="light"]{
      --bg:#f5f6fa;--surface:#ffffff;--surface2:#eef0f5;--border:#d1d5db;
      --text:#1a1e28;--muted:#4b5563;--muted2:#9ca3af;
      --hdr-bg:rgba(245,246,250,.95);--hdr-shadow:rgba(0,0,0,.08);
      --mob-bg:rgba(245,246,250,.98);
    }
    html{scroll-behavior:smooth}
    body{background:var(--bg);color:var(--text);font-family:var(--fm);font-size:13px;line-height:1.7;padding-top:60px}

    /* FIX: global focus-visible ring for keyboard accessibility */
    *:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}

    /* Sticky header */
    .hdr{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;background:var(--hdr-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.25rem;gap:1rem;transition:box-shadow .2s}
    .hdr.scrolled{box-shadow:0 2px 20px var(--hdr-shadow)}
    .logo{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0;white-space:nowrap;text-decoration:none}
    .logo-icon{width:30px;height:30px;flex-shrink:0}
    .logo-wordmark{display:flex;flex-direction:column;line-height:1}
    .logo-top{font-family:var(--fd);font-size:1.15rem;letter-spacing:.1em;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .logo-sub{font-family:var(--fm);font-size:.45rem;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-top:1px}
    .hnav{display:flex;align-items:center;gap:2px}
    /* FIX: nav items are now <button> elements for keyboard accessibility */
    .hnav button,.hnav a{font-family:var(--fm);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;font-weight:700;text-decoration:none;padding:5px 10px;border-radius:5px;transition:all .15s;cursor:pointer;white-space:nowrap;position:relative;background:transparent;border:none}
    .hnav button:hover,.hnav a:hover{color:var(--accent);background:rgba(255,255,255,.08)}
    .hnav button.active,.hnav a.active{color:#fff}
    .hnav button.active::after,.hnav a.active::after{content:'';position:absolute;bottom:-1px;left:10px;right:10px;height:1px;background:var(--accent);border-radius:1px}
    .hsp{flex:1}

    /* Theme toggle */
    .theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--text);transition:all .15s;flex-shrink:0}
    .theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:rgba(0,229,255,.06)}
    .theme-icon-light{display:none}
    [data-theme="light"] .theme-icon-dark{display:none}
    [data-theme="light"] .theme-icon-light{display:block}

    /* Language switcher */
    .lang-wrap{position:relative}
    .lang-btn{display:flex;align-items:center;gap:5px;font-family:var(--fm);font-size:.65rem;letter-spacing:.08em;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:6px;padding:5px 9px;cursor:pointer;white-space:nowrap;transition:all .15s}
    .lang-btn:hover{border-color:var(--muted2);color:var(--text)}
    .lang-btn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}
    .lang-btn.open svg{transform:rotate(180deg)}
    .lang-dd{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px;min-width:148px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s;z-index:200}
    .lang-dd.open{opacity:1;pointer-events:all;transform:translateY(0)}
    /* FIX: language options are now <button> for full keyboard support */
    .lo{display:flex;align-items:center;gap:7px;font-family:var(--fm);font-size:.68rem;color:var(--muted);padding:6px 9px;border-radius:5px;cursor:pointer;transition:all .12s;width:100%;background:transparent;border:none;text-align:left}
    .lo:hover{background:rgba(0,229,255,.06);color:var(--text)}
    .lo.sel{color:var(--accent)}
    .lo .lc{font-size:.58rem;color:var(--muted2);margin-left:auto}
    .hcta{font-family:var(--fm);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#0a0c10;border:none;border-radius:6px;padding:6px 14px;cursor:pointer;white-space:nowrap;font-weight:500;flex-shrink:0;transition:opacity .15s}
    .hcta:hover{opacity:.85}
    .hcta:active{transform:scale(.97)}
    .hcta.testing{background:var(--accent3);animation:ctap 1.5s ease-in-out infinite}
    @keyframes ctap{0%,100%{opacity:1}50%{opacity:.6}}
    .mob-toggle{display:none;background:transparent;border:1px solid var(--border);border-radius:6px;padding:6px 8px;cursor:pointer;flex-direction:column;gap:4px;margin-left:auto;flex-shrink:0}
    .mob-toggle span{display:block;width:16px;height:1.5px;background:var(--muted);border-radius:1px;transition:all .2s}
    .mob-toggle.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
    .mob-toggle.open span:nth-child(2){opacity:0}
    .mob-toggle.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
    .mob-menu{display:none;position:fixed;top:60px;left:0;right:0;z-index:99;background:var(--mob-bg);border-bottom:1px solid var(--border);padding:1rem 1.5rem 1.25rem;flex-direction:column;gap:4px}
    .mob-menu.open{display:flex}
    .mob-menu button{font-family:var(--fm);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;font-weight:700;text-decoration:none;padding:9px 12px;border-radius:6px;cursor:pointer;background:transparent;border:none;text-align:left}
    .mob-menu button:hover{color:var(--accent);background:rgba(255,255,255,.08)}
    .mob-divider{height:1px;background:var(--border);margin:.5rem 0}
    /* Mobile language dropdown */
    .mob-lang-wrap{position:relative}
    .mob-lang-btn{display:flex;align-items:center;gap:5px;font-family:var(--fm);font-size:.68rem;color:var(--muted);padding:6px 10px;border:1px solid var(--border);border-radius:6px;cursor:pointer;background:transparent;width:100%;transition:all .15s}
    .mob-lang-btn:hover{border-color:var(--muted2);color:var(--text)}
    .mob-lang-btn svg{margin-left:auto;transition:transform .2s}
    .mob-lang-btn.open svg{transform:rotate(180deg)}
    .mob-lang-dd{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .2s,opacity .15s;z-index:10}
    .mob-lang-dd.open{max-height:300px;opacity:1;pointer-events:all}
    .mob-lo{display:flex;align-items:center;gap:7px;font-family:var(--fm);font-size:.68rem;color:var(--muted);padding:6px 9px;border-radius:5px;cursor:pointer;transition:all .12s;width:100%;background:transparent;border:none;text-align:left}
    .mob-lo:hover{background:rgba(0,229,255,.06);color:var(--text)}
    .mob-lo.sel{color:var(--accent)}
    .mob-lo .lc{font-size:.58rem;color:var(--muted2);margin-left:auto}
    .mob-cta{font-family:var(--fm);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#0a0c10;border:none;border-radius:6px;padding:9px 16px;cursor:pointer;font-weight:500;margin-top:.5rem;text-align:center;width:100%}

    .wrap{max-width:700px;margin:0 auto;padding:1.5rem 1rem 3rem}
    .pg{display:none}.pg.active{display:block}

    /* Test panel */
    .panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.75rem;position:relative;overflow:hidden;margin-bottom:1.25rem}
    .panel::before{content:'';position:absolute;top:-50px;right:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(0,229,255,.05) 0%,transparent 70%);pointer-events:none}
    .srow{display:flex;align-items:center;gap:7px;margin-bottom:1.25rem;font-size:.7rem;color:var(--muted)}
    .sdot{width:8px;height:8px;border-radius:50%;background:var(--success);flex-shrink:0;animation:pulse 2s ease-in-out infinite}
    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
    .sname{color:var(--text);font-size:.7rem}

    /* ISP / Region info bar */
    .isp-bar{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.25rem}
    .isp-card{background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:.65rem .85rem;display:flex;align-items:center;gap:.65rem;min-width:0;overflow:hidden}
    .isp-icon{width:28px;height:28px;min-width:28px;max-width:28px;border-radius:7px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
    .isp-body{min-width:0;flex:1;overflow:hidden}
    .isp-label{font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);margin-bottom:2px}
    .isp-value{font-size:.73rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
    .isp-value.loading{color:var(--muted);animation:isp-blink 1.4s ease-in-out infinite}
    @keyframes isp-blink{0%,100%{opacity:1}50%{opacity:.35}}
    select{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--fm);font-size:.66rem;padding:4px 7px;border-radius:5px;margin-left:auto;cursor:pointer;outline:none}
    select:hover{border-color:var(--accent)}

    /* Gauges */
    .gauges{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1.75rem}
    .gw{display:flex;flex-direction:column;align-items:center;gap:.3rem}
    .gsv{width:100%;max-width:130px}
    .gval{font-family:var(--fd);font-size:clamp(1.3rem,3.5vw,1.9rem);line-height:1;color:var(--text);text-align:center}
    .gunit{font-size:.6rem;color:var(--muted);letter-spacing:.1em}
    .glbl{font-size:.58rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}

    /* ── New dial GO button ── */
    .go-dial-wrap{position:relative;width:220px;height:220px;margin:0 auto 1.75rem;display:flex;align-items:center;justify-content:center}
    /* Outer dashed ring — slow rotation */
    .go-dial-wrap::before{content:'';position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(0,229,255,.15);animation:dial-spin 20s linear infinite;pointer-events:none}
    @keyframes dial-spin{to{transform:rotate(360deg)}}
    /* Mid decorative ring */
    .go-dial-wrap::after{content:'';position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(0,229,255,.1);pointer-events:none}
    /* Tick SVG — sits behind everything */
    .go-ticks{position:absolute;inset:-2px;width:224px;height:224px;pointer-events:none}
    /* Progress arc SVG */
    .go-arc-svg{position:absolute;inset:8px;width:204px;height:204px;pointer-events:none}
    /* Inner ring that changes colour on state */
    .go-inner-ring{position:absolute;inset:34px;border-radius:50%;border:1.5px solid rgba(0,229,255,.2);transition:border-color .4s;pointer-events:none}
    /* Needle wrapper — rotates */
    .go-needle-wrap{position:absolute;inset:0;border-radius:50%;transform:rotate(-90deg);transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none}
    .go-needle{position:absolute;top:50%;left:50%;width:76px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.5) 40%,#00e5ff);transform-origin:0 50%;margin-top:-.75px;border-radius:1px}
    .go-needle-dot{position:absolute;top:50%;left:50%;width:7px;height:7px;background:var(--accent);border-radius:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;transition:background .4s}
    /* Core button */
    .go-btn{position:relative;width:116px;height:116px;border-radius:50%;border:2px solid var(--accent);background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:border-color .3s,transform .2s,background .2s;z-index:10}
    .go-btn:hover{background:rgba(0,229,255,.06);transform:scale(1.05)}
    .go-btn:active{transform:scale(.96)}
    .go-btn:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:50%}
    .go-btn.running{border-color:var(--accent3);animation:gbp 1.4s ease-in-out infinite}
    @keyframes gbp{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.2)}50%{box-shadow:0 0 0 8px rgba(245,158,11,0)}}
    .go-btn.done{border-color:var(--success)}
    .go-btn-label{font-family:var(--fd);font-size:2rem;letter-spacing:.18em;color:var(--accent);line-height:1;transition:color .3s}
    .go-btn.running .go-btn-label{color:var(--accent3)}
    .go-btn.done .go-btn-label{color:var(--success)}
    .go-btn-sub{font-size:.52rem;letter-spacing:.16em;color:rgba(0,229,255,.45);text-transform:uppercase;transition:color .3s}
    .go-btn.running .go-btn-sub{color:rgba(245,158,11,.5)}
    .go-btn.done .go-btn-sub{color:rgba(16,185,129,.5)}

    /* Phase bar */
    .prow{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;min-height:22px}
    .plbl{font-size:.65rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;min-width:65px}
    .pbw{flex:1;height:3px;background:var(--surface2);border-radius:2px;overflow:hidden}
    .pb{height:100%;width:0%;border-radius:2px;transition:width .15s ease;background:var(--accent)}
    .pb.ul{background:var(--accent2)}.pb.ping{background:var(--accent3)}
    .pst{font-size:.6rem;color:var(--muted);min-width:26px;text-align:right}

    /* Results */
    .rg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--border);opacity:0;transition:opacity .5s}
    .rg.show{opacity:1}
    .rc{background:var(--surface2);border-radius:10px;padding:.75rem;text-align:center;border:1px solid var(--border)}
    .rc .rl{font-size:.56rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:.3rem}
    .rc .rv{font-family:var(--fd);font-size:1.65rem;line-height:1}
    .rc .ru{font-size:.56rem;color:var(--muted);letter-spacing:.08em;margin-top:1px}
    .rc.p .rv{color:var(--accent3)}.rc.d .rv{color:var(--accent)}.rc.u .rv{color:var(--accent2)}

    /* Definition block */
    .def{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem;margin-bottom:1.2rem}
    .def h1{font-family:var(--fd);font-size:1.1rem;letter-spacing:.06em;color:var(--text);margin-bottom:.4rem}
    .def h2{font-family:var(--fd);font-size:.95rem;letter-spacing:.05em;color:var(--text);margin:.1rem 0 .45rem}
    .def h3{font-family:var(--fd);font-size:.8rem;letter-spacing:.04em;color:var(--text);margin:.7rem 0 .25rem}
    .def a{color:var(--accent);text-decoration:underline}
    h3.sl,h3.ht{font-weight:inherit;font-size:inherit;margin:0}
    .def p{font-size:.73rem;color:var(--muted);line-height:1.75}
    .def-meta{font-size:.62rem;color:var(--muted2);margin-top:.45rem}

    /* Stats bar */
    .sbar{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.2rem}
    .sc{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem .7rem;text-align:center}
    .sv{font-family:var(--fd);font-size:1.25rem;color:var(--accent);line-height:1}
    .sl{font-size:.56rem;color:var(--muted);margin-top:2px;letter-spacing:.05em}
    .ss{font-size:.52rem;color:var(--muted2);margin-top:1px}

    /* FAQ */
    .faq-sec{margin-bottom:1.2rem}
    .faq-t{font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}
    details{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:4px;overflow:hidden}
    details[open]{border-color:rgba(0,229,255,.25)}
    summary{padding:.6rem .8rem;font-size:.73rem;color:var(--text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none}
    summary::-webkit-details-marker{display:none}
    summary::after{content:'+';color:var(--muted);font-size:1rem}
    details[open] summary::after{content:'−'}
    details p{padding:.05rem .8rem .65rem;font-size:.71rem;color:var(--muted);line-height:1.75}

    /* History */
    .hs{margin-bottom:1.2rem}
    .hh{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}
    .ht{font-size:.58rem;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}
    .clr-btn{font-family:var(--fm);font-size:.56rem;color:var(--muted);background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px}
    .clr-btn:hover{color:var(--danger)}
    .hist-list{display:flex;flex-direction:column;gap:4px}
    .hi{display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;gap:5px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:.4rem .65rem;font-size:.6rem}
    .hts{color:var(--muted);white-space:nowrap}
    .hv{text-align:center;font-size:.65rem}
    .hl2{font-size:.5rem;color:var(--muted);display:block;text-align:center}
    .hisp{color:var(--muted);font-size:.56rem;text-align:right}

    /* Inner page shared styles */
    .ph{margin-bottom:1.5rem;padding-bottom:.9rem;border-bottom:1px solid var(--border)}
    .ey{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent3);margin-bottom:.3rem}
    .pt{font-family:var(--fd);font-size:clamp(1.7rem,5vw,2.6rem);letter-spacing:.06em;line-height:1;color:var(--text)}
    .ps{font-size:.71rem;color:var(--muted);margin-top:.4rem}
    .pm{display:flex;gap:.5rem;margin-top:.55rem;flex-wrap:wrap}
    .mp{font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:4px;border:1px solid var(--border);color:var(--muted)}
    .ls h2{font-family:var(--fd);font-size:1.1rem;letter-spacing:.06em;color:var(--text);margin-bottom:.45rem;padding-top:.4rem;border-top:1px solid var(--border)}
    .ls p{font-size:.73rem;color:var(--muted);margin-bottom:.45rem}
    .ls ul,.ls ol{padding-left:1.1rem;margin-bottom:.45rem}
    .ls li{font-size:.73rem;color:var(--muted);margin-bottom:.18rem}
    .ls li::marker{color:var(--accent3)}
    .ls strong{color:var(--text);font-weight:500}
    .ls a{color:var(--accent)}
    .ls{margin-bottom:1.75rem}
    .hbox{background:var(--surface);border-left:2px solid var(--accent3);padding:.6rem .85rem;margin:.6rem 0;border-radius:0 7px 7px 0}
    .hbox p{margin:0;font-size:.71rem;color:var(--muted)}
    .ibox{background:rgba(0,229,255,.04);border:1px solid rgba(0,229,255,.18);border-radius:7px;padding:.6rem .85rem;margin:.6rem 0}
    .ibox p{margin:0;color:var(--accent);font-size:.71rem}
    .cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.55rem;margin:.6rem 0}
    .cc{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:.65rem .85rem}
    .cc .ccl{font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.22rem}
    .cc .ccv{font-size:.71rem;color:var(--accent)}
    .rgts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem;margin:.55rem 0}
    .rtc{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:.6rem .85rem}
    .rtc .rt{font-size:.68rem;font-weight:500;color:var(--text);margin-bottom:.12rem}
    .rtc .rd{font-size:.63rem;color:var(--muted)}
    .ct-w{width:100%;overflow-x:auto;margin:.55rem 0}
    .ct{width:100%;border-collapse:collapse;font-size:.7rem}
    .ct th{font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.32rem .5rem;text-align:left;border-bottom:1px solid var(--border)}
    .ct td{padding:.42rem .5rem;border-bottom:1px solid var(--surface2);color:var(--muted);vertical-align:top}
    .ct td:first-child{color:var(--text)}
    .ct tr:last-child td{border-bottom:none}
    .cform{display:flex;flex-direction:column;gap:.55rem;margin-top:.7rem}
    .cf-row{display:flex;flex-direction:column;gap:.18rem}
    .cf-lbl{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
    .cf-inp{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--fm);font-size:.73rem;padding:.5rem .7rem;border-radius:7px;outline:none;resize:vertical;width:100%}
    .cf-inp:focus{border-color:var(--accent)}
    .cf-btn{font-family:var(--fm);font-size:.68rem;letter-spacing:.1em;padding:.55rem 1.1rem;border-radius:7px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;align-self:flex-start;margin-top:.2rem}
    .cf-btn:hover{background:rgba(0,229,255,.08)}

    /* Footer */
    .footer{border-top:1px solid var(--border);padding-top:.9rem;margin-top:.9rem;text-align:center}
    .fl{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:center;margin-bottom:.35rem}
    .fl button{font-size:.6rem;color:var(--text);font-weight:700;cursor:pointer;background:none;border:none;font-family:var(--fm)}
    .fl a{font-size:.6rem;color:var(--text);font-weight:700;text-decoration:none;font-family:var(--fm)}
    .fl button:hover{color:var(--accent)}
    .fl a:hover{color:var(--accent)}
    .fc{font-size:.56rem;color:var(--muted2);margin-top:.2rem}

    /* Study page */
    .study-status{background:rgba(0,229,255,.05);border:1px solid rgba(0,229,255,.18);border-radius:7px;padding:.7rem .9rem;margin:.7rem 0;font-size:.72rem;color:var(--text)}
    .study-table-wrap{margin:.7rem 0;overflow-x:auto}
    .study-empty{color:var(--muted);font-size:.72rem;font-style:italic}
    .study-note{color:var(--muted2);font-size:.62rem;margin-top:.5rem}
    .ct td.dl{color:#00e5ff;font-weight:600}
    .ct td.ul{color:#7c3aed;font-weight:600}
    .faq{display:flex;flex-direction:column;gap:.7rem;margin:.7rem 0}
    .fqi{border-left:2px solid var(--border);padding:.2rem 0 .2rem .8rem}
    .fqi strong{font-size:.72rem;color:var(--text);display:block;margin-bottom:.15rem}
    .fqi p{font-size:.7rem;color:var(--muted);margin:0;line-height:1.6}
    code{font-family:"DM Mono",monospace;background:var(--surface2);padding:.08rem .3rem;border-radius:4px;font-size:.68rem;color:var(--accent)}

    /* Responsive */
    @media(max-width:600px){.hnav,.lang-wrap,.hcta{display:none}.mob-toggle{display:flex}}
    @media(max-width:420px){.gauges{gap:.35rem}.go-btn{width:88px;height:88px;font-size:1.5rem}.hi{grid-template-columns:auto 1fr 1fr 1fr}.hisp{display:none}.sbar{grid-template-columns:1fr}}