/* u3y8d.css */
/* Header tools inspired by a conventional typing-app toolbar. */
.header-nav.app-tools{gap:12px}
.header-nav.app-tools .test-tab{
  min-height:42px;
  padding:0 18px;
  border-radius:9px;
  font-size:15px;
  box-shadow:none;
}
.header-icon-btn{
  width:42px;height:42px;padding:0;border:0;border-radius:10px;
  display:grid;place-items:center;background:transparent;color:#425066;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.header-icon-btn:hover{background:rgba(47,103,255,.08);color:var(--accent);transform:translateY(-1px)}
.header-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Functional dark theme. Footer/certificate artwork keep their own design. */
body.theme-dark{
  --bg:#111827;
  --text:#eef4ff;
  --muted:#9aa8bb;
  --line:#2b3a4d;
  --accent:#6f91ff;
  --accent-soft:#20335f;
  --paper:#182233;
  background:#111827;
}
body.theme-dark .simple-select{background-color:#182233;border-color:#34445a;color:#eef4ff}
body.theme-dark .simple-select:hover{background-color:#1d2a3d}
body.theme-dark .header-icon-btn{color:#b8c4d6}
body.theme-dark .header-icon-btn:hover{background:rgba(111,145,255,.12);color:#8eabff}
body.theme-dark .header-nav-active{background:#5f7ff0;color:#fff}
body.theme-dark .restart-btn:hover{background:rgba(255,255,255,.07)}
body.theme-dark .results,
body.theme-dark .subpage-content{color:var(--text)}
body.theme-dark .subpage-content>p{color:#c4cfdd}

@media(max-width:720px){
  .header-nav.app-tools{width:auto;order:2;margin-left:auto;overflow:visible}
  .header-nav.app-tools .test-tab{min-height:38px;padding:0 14px}
  .header-icon-btn{width:38px;height:38px}
}