/* Daniel 2026-10-12: on phones, a long row becomes one card at a time. Swipe, dots, slow auto-advance that stops
   for good once the visitor touches it. Desktop is untouched. */
.dio-swipe-dots{display:none}
@media(max-width:599px){
  [data-swipe]{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none!important}
  [data-swipe]::-webkit-scrollbar{display:none}
  [data-swipe]>*{flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always}
  .dio-swipe-dots{display:flex;justify-content:center;gap:4px;margin:12px 0 0}
  .dio-swipe-dots button{width:32px;height:32px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
  .dio-swipe-dots button::before{content:'';width:9px;height:9px;border-radius:50%;background:linear-gradient(180deg,#e6e8e8,#c9cdcd);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(20,40,52,.3)}
  .dio-swipe-dots button[aria-current=true]::before{width:22px;border-radius:999px;background:linear-gradient(180deg,#68869a 0%,#56737f 40%,#4a6573 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
  .dio-swipe-dots button:focus-visible{outline:2px solid #203846;outline-offset:2px;border-radius:999px}
}