/* Preserve the card design after correcting its semantic heading level. */
.dx-home .dx-segment h2 {
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: -.025em;
  margin: 0 0 14px;
}

/* Make compact footer links reliable touch targets without changing the grid. */
.dx-footer-grid p a,
.dx-footer-bottom p a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid #65c5ef;
  outline-offset: 3px;
}

@media (max-width: 680px) {
  .dx-home .dx-segment h2 {
    grid-column: 1 / -1;
    grid-row: auto;
    font-size: 25px;
    margin-bottom: 12px;
  }

  /* Keep the persistent contact useful without covering cards and controls. */
  body .dx-float > summary {
    box-sizing: border-box;
    width: 52px;
    height: 52px;
    padding: 0;
    justify-content: center;
    gap: 0;
    overflow: hidden;
    font-size: 0;
  }

  body .dx-float > summary::before {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    font-size: 18px;
  }

  /* The guide already contains its own conversion path and form. */
  body.page-id-76682620 .dx-float {
    display: none;
  }
}