/* v835: LIST (desktop >=1025px) row/column lines + hover lift. Rest: dashed row line (1.5px) + light dashed column lines.
   Hover: the whole row gets a full outline (top/bottom/sides + solid inner column lines) and a soft lift shadow; 110ms, shadows only
   (no layout change, no 9999px tint shadow -> lighter paint). Roll back: remove this link + css/400-list-grid-lines.css. */
@media (min-width:1025px){
  html body table.avl-table tbody tr.avl-row td{
    border-bottom:1.5px dashed rgba(11,32,56,.26);
    border-right:1px dashed rgba(11,32,56,.12);
    box-shadow:inset 0 1px 0 transparent,inset 0 -1px 0 transparent,0 5px 8px -4px transparent;
  }
  html body table.avl-table tbody tr.avl-row td:first-child{
    box-shadow:inset 4px 0 0 var(--avl-edge,transparent),inset 0 1px 0 transparent,inset 0 -1px 0 transparent,0 5px 8px -4px transparent;
  }
  html body table.avl-table tbody tr.avl-row td:last-child{border-right:none}
  html[data-theme="dark"] body table.avl-table tbody tr.avl-row td{
    border-bottom-color:rgba(255,255,255,.24);border-right-color:rgba(255,255,255,.10)}
}
@media (min-width:1025px) and (hover:hover){
  html body table.avl-table tbody tr.avl-row:not(.is-open):hover td{
    position:relative;z-index:1;
    border-bottom:1.5px solid rgba(11,32,56,.40);
    border-right:1px solid rgba(11,32,56,.20);
    background-image:linear-gradient(rgba(11,32,56,.045),rgba(11,32,56,.045));
    box-shadow:inset 0 1px 0 rgba(11,32,56,.40),inset 0 -1px 0 rgba(11,32,56,.40),0 5px 8px -4px rgba(11,32,56,.34);
  }
  html body table.avl-table tbody tr.avl-row:not(.is-open):hover td:first-child{
    box-shadow:inset 4px 0 0 var(--avl-edge,rgba(11,32,56,.40)),inset 0 1px 0 rgba(11,32,56,.40),inset 0 -1px 0 rgba(11,32,56,.40),0 5px 8px -4px rgba(11,32,56,.34);
  }
  html body table.avl-table tbody tr.avl-row:not(.is-open):hover td:last-child{
    border-right:none;
    box-shadow:inset -1px 0 0 rgba(11,32,56,.40),inset 0 1px 0 rgba(11,32,56,.40),inset 0 -1px 0 rgba(11,32,56,.40),0 5px 8px -4px rgba(11,32,56,.34);
  }
  html[data-theme="dark"] body table.avl-table tbody tr.avl-row:not(.is-open):hover td{
    border-bottom-color:rgba(255,255,255,.38);border-right-color:rgba(255,255,255,.28);
    background-image:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.38),0 5px 8px -4px rgba(0,0,0,.6);
  }
  html[data-theme="dark"] body table.avl-table tbody tr.avl-row:not(.is-open):hover td:first-child{
    box-shadow:inset 4px 0 0 var(--avl-edge,rgba(255,255,255,.38)),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.38),0 5px 8px -4px rgba(0,0,0,.6);
  }
  html[data-theme="dark"] body table.avl-table tbody tr.avl-row:not(.is-open):hover td:last-child{
    border-right:none;
    box-shadow:inset -1px 0 0 rgba(255,255,255,.38),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.38),0 5px 8px -4px rgba(0,0,0,.6);
  }
}
@media (prefers-reduced-motion:reduce){html body table.avl-table tbody tr.avl-row td{transition:none!important}}

/* v838: hovered row = rounded "card" that pops up (curved ends, 2px lift, 120ms pop). One row only, GPU transform. */
@media (min-width:1025px) and (hover:hover){
  html body table.avl-table tbody tr.avl-row:not(.is-open):hover td{
    animation:avlRowPop .12s cubic-bezier(.2,.8,.3,1) both;
    background-image:linear-gradient(rgba(206,165,119,.12),rgba(206,165,119,.12));
    border-bottom-color:transparent;border-right-color:rgba(11,32,56,.14);
  }
  html body table.avl-table tbody tr.avl-row:not(.is-open):hover td:first-child{border-radius:12px 0 0 12px}
  html body table.avl-table tbody tr.avl-row:not(.is-open):hover td:last-child{border-radius:0 12px 12px 0}
  html body table.avl-table tbody tr.avl-row:not(.is-open):hover td{
    box-shadow:inset 0 1.5px 0 rgba(11,32,56,.42),inset 0 -1.5px 0 rgba(11,32,56,.42),0 6px 10px -5px rgba(11,32,56,.38);
  }
  html body table.avl-table tbody tr.avl-row:not(.is-open):hover td:first-child{
    box-shadow:inset 4px 0 0 var(--avl-edge,rgba(11,32,56,.42)),inset 0 1.5px 0 rgba(11,32,56,.42),inset 0 -1.5px 0 rgba(11,32,56,.42),0 6px 10px -5px rgba(11,32,56,.38);
  }
  html body table.avl-table tbody tr.avl-row:not(.is-open):hover td:last-child{
    box-shadow:inset -1.5px 0 0 rgba(11,32,56,.42),inset 0 1.5px 0 rgba(11,32,56,.42),inset 0 -1.5px 0 rgba(11,32,56,.42),0 6px 10px -5px rgba(11,32,56,.38);
  }
  html[data-theme="dark"] body table.avl-table tbody tr.avl-row:not(.is-open):hover td{
    background-image:linear-gradient(rgba(206,165,119,.16),rgba(206,165,119,.16));
    border-right-color:rgba(255,255,255,.12);
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.40),inset 0 -1.5px 0 rgba(255,255,255,.40),0 6px 10px -5px rgba(0,0,0,.65);
  }
  html[data-theme="dark"] body table.avl-table tbody tr.avl-row:not(.is-open):hover td:first-child{
    box-shadow:inset 4px 0 0 var(--avl-edge,rgba(255,255,255,.40)),inset 0 1.5px 0 rgba(255,255,255,.40),inset 0 -1.5px 0 rgba(255,255,255,.40),0 6px 10px -5px rgba(0,0,0,.65);
  }
  html[data-theme="dark"] body table.avl-table tbody tr.avl-row:not(.is-open):hover td:last-child{
    box-shadow:inset -1.5px 0 0 rgba(255,255,255,.40),inset 0 1.5px 0 rgba(255,255,255,.40),inset 0 -1.5px 0 rgba(255,255,255,.40),0 6px 10px -5px rgba(0,0,0,.65);
  }
}
@keyframes avlRowPop{from{transform:translateY(0)}to{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){html body table.avl-table tbody tr.avl-row:hover td{animation:none!important}}