/* checkmysite.pro — multi-tool styles. Extends console.css; uses its tokens. */

/* ── tool nav: an instrument channel selector, not a website header ──────── */
.toolnav{grid-column:1/3;border-bottom:1px solid var(--rule);overflow:hidden;}
.nv-rail{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;}
.nv-rail::-webkit-scrollbar{display:none;}
.nv{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:9px 14px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--sub);text-decoration:none;white-space:nowrap;border-right:1px solid var(--rule);
  transition:color .15s,background .15s;}
.nv:hover,.nv:focus-visible{color:var(--live);background:var(--wash);outline:none;}
.nv[aria-current="page"]{color:var(--live);background:var(--wash-on);}
.nv .soon{font-style:normal;font-size:7.5px;letter-spacing:0.1em;color:var(--ghost);
  border:1px solid var(--ghost);padding:1px 4px;border-radius:2px;}
.nv[data-soon] span{opacity:0.7;}

/* ── result rows (dns / domain) ─────────────────────────────────────────── */
#rows{display:flex;flex-direction:column;gap:0;}
.trow{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:12px 0;
  border-bottom:1px solid rgba(27,34,38,0.5);}
.trow:last-child{border-bottom:none;}
.trow .ts{font-size:13px;line-height:1.4;text-align:center;}
.trow.pass .ts{color:var(--sub);}
.trow.warn .ts{color:var(--warn);}
.trow.fail .ts{color:var(--alert);}
.tl{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.tl b{color:var(--bone);font-family:var(--head);font-weight:300;font-size:15px;letter-spacing:0.01em;
  text-shadow:0 0 8px var(--field),0 0 8px var(--field);}
.tv{font-family:var(--mono);font-size:10px;color:var(--live);letter-spacing:0.04em;
  text-shadow:0 0 8px var(--field);}
.trow.fail .tv{color:var(--alert);}
.trow.warn .tv{color:var(--warn);}
.tstate{font-family:var(--mono);font-size:9px;color:var(--sub);letter-spacing:0.1em;
  text-transform:uppercase;margin-top:3px;}
.tw{color:var(--dim);font-size:11px;line-height:1.75;margin-top:5px;max-width:74ch;
  text-shadow:0 0 8px var(--field);}

/* single-numeral readout for tool pages */
.reads{gap:0;}

/* ── more-tools strip ───────────────────────────────────────────────────── */
.moretools{border-top:1px solid var(--rule);margin-top:14px;padding-top:14px;
  display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;}
.mt-k{font-family:var(--mono);font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--sub);}
.mt{font-family:var(--mono);font-size:10px;letter-spacing:0.04em;color:var(--name);text-decoration:none;
  border-bottom:1px solid transparent;transition:color .15s,border-color .15s;}
.mt:hover{color:var(--live);border-bottom-color:var(--live);}
.mt i{font-style:normal;font-size:7.5px;color:var(--ghost);text-transform:uppercase;letter-spacing:0.1em;}

/* ── in-development panel ────────────────────────────────────────────────── */
.pulse.soon i{background:var(--warn);}
.soonpanel{padding:clamp(20px,4vh,48px) 0;max-width:64ch;}
.soon-tag{font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--warn);margin-bottom:16px;}
.soon-lead{color:var(--bone);font-family:var(--head);font-weight:200;font-size:clamp(15px,2.2vw,20px);
  line-height:1.55;letter-spacing:-0.01em;margin-bottom:16px;text-shadow:0 0 10px var(--field);}
.soon-sub{color:var(--sub);font-family:var(--mono);font-size:11px;line-height:1.9;margin-bottom:18px;}
.soon-ready{display:flex;flex-direction:column;gap:8px;}
.soon-ready a{font-family:var(--mono);font-size:12px;letter-spacing:0.04em;color:var(--live);
  text-decoration:none;width:fit-content;border-bottom:1px solid transparent;transition:border-color .15s;}
.soon-ready a:hover{border-bottom-color:var(--live);}
.cmd-soon{cursor:default;}
.soon-cmd{font-family:var(--mono);font-size:11px;color:var(--sub);letter-spacing:0.04em;}
.soon-cmd a{color:var(--live);text-decoration:none;border-bottom:1px solid var(--rule);}
.soon-cmd a:hover{border-bottom-color:var(--live);}

@media(max-width:560px){
  .nv{padding:9px 11px;letter-spacing:0.08em;}
  .tl b{font-size:14px;}
}

/* ── mobile: tool result rows + nav ─────────────────────────────────────── */
@media(max-width:620px){
  .trow{grid-template-columns:18px 1fr;gap:10px;padding:14px 0;}
  .tl{gap:6px;}
  .tl b{font-size:14px;}
  .tw{font-size:11px;line-height:1.7;max-width:none;}
  .tv{font-size:9.5px;}
  /* more-tools wraps to a comfortable tap list */
  .moretools{flex-direction:column;gap:10px;align-items:flex-start;}
  .mt{font-size:12px;padding:2px 0;}
  /* soon panel breathes */
  .soonpanel{padding:24px 0;}
  .soon-lead{font-size:16px;}
}