.devon-pilot-network {
  margin-top: 14px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(250px, .8fr) minmax(420px, 1.2fr);
  gap: 22px;
  align-items: center;
  border: 1px solid rgba(44, 184, 119, .38);
  border-radius: 10px;
  background: radial-gradient(circle at 4% 50%, rgba(44, 184, 119, .14), transparent 36%), linear-gradient(110deg, #0c1510, #080808 72%);
}
.devon-pilot-copy { display: grid; gap: 4px; }
.devon-pilot-copy span { color: #51d99a; font-size: 7px; font-weight: 900; letter-spacing: .16em; }
.devon-pilot-copy b { color: #fff; font: 900 20px/1 "Barlow Condensed", sans-serif; letter-spacing: .025em; }
.devon-pilot-copy small { color: rgba(255,255,255,.58); font-size: 9px; line-height: 1.45; }
.devon-town-jumps { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.devon-town-jumps button { min-height: 31px; padding: 0 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: rgba(255,255,255,.74); background: rgba(255,255,255,.035); font: 800 8px "DM Sans", sans-serif; letter-spacing: .07em; cursor: pointer; }
.devon-town-jumps button:hover, .devon-town-jumps button.is-active { color: #07110c; border-color: #51d99a; background: #51d99a; }
@media (max-width: 860px) { .devon-pilot-network { grid-template-columns: 1fr; } .devon-town-jumps { justify-content: flex-start; } }