.checker .section { padding-top: 56px; }
.checker-title { font-size: clamp(52px, 8vw, 96px); margin: 8px 0 16px; color: var(--green); text-shadow: 0 0 22px rgba(57,255,20,0.35); }

.rpc-form { margin-top: 24px; max-width: 760px; }
.rpc-form > label { display: block; font-size: 13px; color: var(--amber); margin-bottom: 8px; }
.rpc-row { display: flex; gap: 12px; }
.rpc-row input {
  flex: 1; min-width: 0; min-height: 48px; padding: 10px 14px;
  font: 500 16px/1.2 var(--mono); color: var(--text);
  background: #030503; border: 1px solid var(--border); border-radius: 8px;
  transition: border-color 180ms var(--ease), box-shadow 180ms var(--ease);
}
.rpc-row input:focus { outline: none; border-color: var(--green); box-shadow: 0 0 0 3px rgba(57,255,20,0.2); }
.rpc-row .btn { min-width: 110px; }
.help { color: var(--muted); font-size: 13px; margin: 8px 0 0; }
.opts { display: grid; gap: 10px; margin-top: 16px; font-size: 14px; }
.opts label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.opts input { width: 18px; height: 18px; accent-color: var(--green); margin-top: 3px; flex: 0 0 auto; }

.verdict { display: flex; align-items: center; gap: 16px; padding: 20px 24px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.verdict-dot { width: 16px; height: 16px; flex: 0 0 auto; background: var(--muted); box-shadow: 0 0 12px currentColor; }
.verdict-label { margin: 0; font-family: var(--pixel); font-size: 40px; line-height: 1; }
.verdict-sub { margin: 6px 0 0; color: var(--muted); font-size: 14px; }
.verdict-ok { border-color: rgba(57,255,20,0.55); }
.verdict-ok .verdict-dot { background: var(--green); color: var(--green); }
.verdict-ok .verdict-label { color: var(--green); }
.verdict-warn { border-color: rgba(255,176,0,0.55); }
.verdict-warn .verdict-dot { background: var(--amber); color: var(--amber); }
.verdict-warn .verdict-label { color: var(--amber); }
.verdict-err { border-color: rgba(255,90,90,0.55); }
.verdict-err .verdict-dot { background: #ff5a5a; color: #ff5a5a; }
.verdict-err .verdict-label { color: #ff7a7a; }
.verdict-busy .verdict-dot { animation: blink 0.8s steps(1) infinite; background: var(--green); }

.progress { margin-top: 16px; }
.progress-bar { height: 12px; border: 1px solid var(--border); border-radius: 3px; overflow: hidden; background: #030503; }
.progress-bar span { display: block; height: 100%; width: 0; background: repeating-linear-gradient(90deg, var(--amber) 0 10px, #d99600 10px 12px); transition: width 400ms var(--ease); }

.metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 16px 0 0; }
.metrics div { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 16px; min-width: 0; }
.metrics dt { color: var(--muted); font-size: 12px; margin-bottom: 4px; }
.metrics dd { margin: 0; font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.metrics dd.good { color: var(--green); }
.metrics dd.warn { color: var(--amber); }
.metrics dd.bad { color: #ff7a7a; }

.log { margin: 16px 0 0; padding: 12px 14px; max-height: 180px; overflow: auto; background: #030503; border: 1px solid var(--border); border-radius: var(--radius); font: 12.5px/1.6 var(--mono); color: var(--muted); white-space: pre-wrap; }
.log:empty { display: none; }

.help-lead { color: var(--muted); max-width: 72ch; margin: -16px 0 20px; }
.flags { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; }

@media (max-width: 860px) {
  .metrics { grid-template-columns: repeat(2, 1fr); }
  .flags { grid-template-columns: 1fr; }
  .rpc-row { flex-direction: column; }
  .rpc-row .btn { width: 100%; }
  .verdict-label { font-size: 32px; }
}