.topline,
    .results-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    .topline {
      margin-bottom: 8px;
    }

    .eyebrow {
      margin: 0;
      color: var(--primary);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .connection {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
    }

    .connection::before {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #f59e0b;
      content: "";
    }

    .connection.online::before {
      background: #22c55e;
    }

    .connection.offline::before {
      background: #ef4444;
    }

    h1 {
      margin: 0;
      font-size: clamp(28px, 4vw, 40px);
      line-height: 1.15;
    }

    .intro {
      margin: 12px 0 28px;
      color: var(--muted);
      line-height: 1.6;
    }