/*
  /links/style.css
  Page-specific overrides ONLY.
  All shared styles (avatar, name, iconbtn, section-title, etc.) come from /style.css.
  This file went from ~260 lines → ~40 lines by eliminating duplication.
*/

/* Narrower max-width for links hub — feels more like a card list */
.links-wrap{
  max-width: 640px;
}

/* Compact tagline styled from .intro-text base */
.links-tagline{
  margin: 14px 0 8px;
  font-size: 17px;
  font-weight: 600;
}

/* Sections */
.links-section{ margin-top: 32px; }

/* Link cards */
.links-list{
  display:grid;
  gap:12px;
  margin-top: 12px;
}

.links-card{
  border: 1px solid var(--line);
  background: var(--card);
  box-shadow: var(--shadow);
  border-radius: 18px;
  padding: 18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  font-weight: 600;
  font-size: 16px;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.links-card:hover{
  transform: translateY(-3px);
  border-color: rgba(109,94,252,.28);
  box-shadow: 0 4px 16px rgba(0,0,0,.06), 0 20px 50px rgba(0,0,0,.10);
}

.links-arrow{
  color: var(--muted2);
  flex: 0 0 auto;
}

@media (prefers-reduced-motion: reduce){
  .links-card{ transition:none !important; }
}