.link-check-form { display: grid; gap: 12px; }
.connection-panel > *,
[data-link-results],
[data-link-results] > * { min-width: 0; max-width: 100%; }
[data-link-results] .connection-note,
[data-link-results] .link-hops,
[data-link-results] .link-hops li {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}
.link-check-form label { display: grid; gap: 6px; color: #eef6ff; font-weight: 700; }
.link-check-form input,
.link-check-form textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(94, 190, 255, 0.28);
  background: rgba(3, 11, 22, 0.72);
  color: #fff;
  font: inherit;
  resize: vertical;
}
.link-final {
  margin: 0;
  color: #fff;
  font: 700 clamp(1.35rem, 3vw, 2rem) / 1.3 ui-monospace, SFMono-Regular, Consolas, monospace;
  overflow-wrap: anywhere;
}
.link-hops {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.link-hops li {
  min-width: 0;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.22);
  color: #d7ecff;
  overflow-wrap: anywhere;
}
.link-note {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  line-height: 1.45;
}
.link-note.watch {
  color: #ffe7b0;
  background: rgba(120, 80, 10, 0.28);
  border: 1px solid rgba(251, 191, 36, 0.4);
}
.link-note.info {
  color: #d7ecff;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(94, 190, 255, 0.18);
}
.link-note.ok {
  color: #d8fff0;
  background: rgba(8, 50, 40, 0.35);
  border: 1px solid rgba(122, 238, 195, 0.35);
}
.link-help {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(94, 190, 255, 0.22);
  border-radius: 18px;
  background: rgba(5, 14, 26, 0.72);
  color: #d7ecff;
  line-height: 1.55;
}
.link-help h2, .link-help h3 { color: #fff; }
.link-help h2 { margin-top: 0; }
@media (max-width: 720px) {
  body { padding-bottom: 16px; }
  .nav-cta .btn-ghost { display: inline-flex; }
}