.toolShell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-bottom:1px solid rgba(234,240,255,.12);
  background:rgba(11,16,32,.78);
  backdrop-filter: blur(10px);
}
.toolShell a{
  color:inherit;
  text-decoration:none;
  opacity:.9;
  font-weight:700;
}
.toolShell a:hover{opacity:1; text-decoration:underline}
.toolShell .right{display:flex;gap:12px;align-items:center}
.toolShell .muted{opacity:.75;font-weight:600}

/* Tool page SEO copy (collapsible) */
.toolSeo{
  max-width: 980px;
  margin: 16px auto 40px;
  padding: 0 14px;
}
.toolSeo > summary{
  cursor: pointer;
  list-style: none;
  user-select:none;
  font-weight: 800;
  color: rgba(234,240,255,.9);
  border: 1px solid rgba(234,240,255,.12);
  background: rgba(11,16,32,.55);
  border-radius: 14px;
  padding: 10px 12px;
}
.toolSeo > summary::-webkit-details-marker{display:none}
.toolSeo[open] > summary{border-color: rgba(122,162,255,.45)}
.toolSeoBody{
  margin-top: 10px;
  border: 1px solid rgba(234,240,255,.10);
  background: rgba(11,16,32,.35);
  border-radius: 14px;
  padding: 12px;
  color: rgba(234,240,255,.78);
  line-height: 1.6;
  font-size: 13px;
}
.toolSeoBody p{margin: 8px 0}
.toolSeoLang{display:none}
.toolSeoLang.active{display:block}

/* Focus-visible for tool pages */
.toolShell a:focus-visible {
  outline: 2px solid #7aa2ff;
  outline-offset: 2px;
}

/* Skip-to-content link */
.skipLink{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  z-index:100;
  padding:10px 14px;
  background:rgba(11,16,32,.95);
  color:#e8ecff;
  border:2px solid #7aa2ff;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;
}
.skipLink:focus{
  position:fixed;
  left:14px;
  top:14px;
  width:auto;
  height:auto;
  overflow:visible;
}