/* The AI practice stays a three-column overview on larger screens. */
.sober-home #ia .aiv132-controls{display:none}

@media(max-width:700px){
  .sober-home #ia .aiv12-grid{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    max-width:100%;
    padding:4px 32px 14px 0;
    scroll-snap-type:x mandatory;
    scroll-padding-inline-start:0;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .sober-home #ia .aiv12-grid::-webkit-scrollbar{display:none}
  .sober-home #ia .aiv12-card{
    flex:0 0 100%;
    min-width:0;
    height:auto;
    scroll-snap-align:start;
    opacity:1 !important;
    transform:none !important;
  }
  .sober-home #ia .aiv132-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:8px;
    color:#3d5272;
  }
  .sober-home #ia .aiv132-position{
    font:600 13px/1.3 var(--sans,Arial,sans-serif);
    font-variant-numeric:tabular-nums;
  }
  .sober-home #ia .aiv132-buttons{display:flex;gap:10px}
  .sober-home #ia .aiv132-buttons button{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid #cbd8eb;
    border-radius:50%;
    background:#fff;
    color:#234675;
    cursor:pointer;
  }
  .sober-home #ia .aiv132-buttons button:disabled{opacity:.38;cursor:default}
  .sober-home #ia .aiv132-buttons button:focus-visible{outline:3px solid #3154ef;outline-offset:3px}
  .sober-home #ia .aiv132-buttons svg{display:block;width:18px;height:18px;fill:currentColor}
}

@media(prefers-reduced-motion:reduce){
  .sober-home #ia .aiv12-grid{scroll-behavior:auto}
}