/* Tools-cluster skin, injected into every tool page at build time.
   Playful, colourful, personality fonts. NOT the beige-serif AI look. */
:root{
  --bg:#eef0f4; --card:#ffffff; --ink:#16161d; --mut:#5b5b66;
  --acc:#ff5da2; --acc2:#3aa0ff; --line:#dfe1e8;
  --best:rgba(58,160,255,.12); --good:#0f9d6b; --yes:#0f9d6b;
}
@media(prefers-color-scheme:dark){:root{
  --bg:#15151b; --card:#20212a; --ink:#f2f1ec; --mut:#a2a2ad;
  --acc:#ff8fc4; --acc2:#7cc4ff; --line:#2c2d38;
  --best:rgba(124,196,255,.14); --good:#3fd39b; --yes:#3fd39b;
}}
body{font-family:'Hanken Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;
  background-image:radial-gradient(rgba(120,120,140,.18) .5px,transparent .5px);background-size:22px 22px}
h1,h2,h3,.brand{font-family:'Bricolage Grotesque',system-ui,sans-serif !important;letter-spacing:-.02em}
h1{font-weight:800 !important}
/* hide unfinished ad placeholders until real ads run */
.adslot{display:none !important}
/* build-injected 'back to tools' bar, chunky pill */
.tnav{padding:14px 0 4px;text-align:center}
.tnav a{display:inline-block;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;
  color:var(--ink);text-decoration:none;background:var(--card);border:2.5px solid var(--ink);border-radius:999px;
  padding:6px 14px;box-shadow:3px 3px 0 var(--ink)}
.tnav a:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}