/* Odisal Link List: a heading and link tiles with a gold arrow; three, two (below 980px), one (below 600px) to a row */
.osx-link-list .osx-ll-h2 { margin-bottom: 24px; font: 600 30px/1.2 var(--osx-head); color: var(--osx-text); }
.osx-link-list .osx-ll-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.osx-link-list .osx-ll-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px; border-radius: 18px; background: rgba(0,0,0,.22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); color: var(--osx-text); text-decoration: none; font: 400 18px/1.3 var(--osx-head); transition: background-color 300ms var(--osx-ease-out), opacity 800ms var(--osx-ease-out) var(--osx-d, 0ms), transform 800ms var(--osx-ease-out) var(--osx-d, 0ms); }
.osx-link-list .osx-ll-ar { flex: none; width: 18px; height: 18px; color: var(--osx-accent); transition: transform 300ms var(--osx-ease-out); }
@media (hover: hover) and (pointer: fine) {
  .osx-link-list .osx-ll-link:hover { background: rgba(0,0,0,.34); color: var(--osx-text); }
  .osx-link-list .osx-ll-link:hover .osx-ll-ar { transform: translateX(4px); }
}
@media (max-width: 980px) { .osx-link-list .osx-ll-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .osx-link-list .osx-ll-h2 { font-size: 26px; }
  .osx-link-list .osx-ll-link { padding: 18px; font-size: 17px; }
}
@media (max-width: 600px) { .osx-link-list .osx-ll-grid { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .osx-link-list .osx-ll-ar { transition: none; } }