/* Preserve single-click navigation during the railway split-flap effect.
   The real button stays fixed; the letter layer is visual-only. */
.top .tabs button[data-view] {
  position:relative;
  isolation:isolate;
  cursor:pointer;
}
.top .tabs button[data-view].split-flap-active {
  color:transparent !important;
}
.top .tabs button[data-view] .nav-flap-overlay {
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  justify-content:center;
  align-items:center;
  white-space:nowrap;
  pointer-events:none !important;
  color:#f1f5f6;
}
.top .tabs button[data-view] .nav-flap-overlay *,
.top .tabs button[data-view] .split-flap-char {
  pointer-events:none !important;
}
/* Keep the agent strip comfortably within the inner visual frame. */
.page[data-view="agents"] #cards.agent-grid {
  box-sizing:border-box;
  width:calc(100% - 2 * clamp(48px, 6vw, 135px));
  max-width:1680px;
  margin:0 auto !important;
  padding:22px clamp(12px, 1.2vw, 24px) 30px;
  column-gap:10px;
}
.page[data-view="agents"] #cards.agent-grid > .agent {
  min-width:0;
}
@media(max-width:680px) {
  .page[data-view="agents"] #cards.agent-grid {
    width:calc(100% - 36px);
    padding:18px 12px 25px;
    gap:8px;
  }
}