/* /links/ — the bio-link hub. Mobile-first: big tappable rows.
   Palette and type come from /styles.css (brand book v0.27). */
.links-list { display: flex; flex-direction: column; gap: 1rem; margin-top: 1.6rem; }
.link-row {
  display: flex; gap: 1.1rem; align-items: center;
  text-decoration: none; color: var(--cream);
  background: var(--panel); border: 2px solid var(--gold); border-radius: 18px;
  padding: 1rem 1.1rem;
}
.link-row:hover { border-color: var(--lime); color: var(--cream); }
.link-row img {
  width: 104px; height: 104px; flex: none;
  object-fit: cover; border-radius: 12px; border: 2px solid var(--gold);
}
.link-tag {
  display: block; font-family: var(--mono); color: var(--solar);
  font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase;
  margin-bottom: 0.3rem;
}
.link-title {
  display: block; font-family: var(--pixel);
  font-size: 1.02rem; line-height: 1.35; margin-bottom: 0.35rem;
}
.link-desc { display: block; font-size: 0.98rem; line-height: 1.5; }
.link-row.compact { padding: 0.85rem 1.1rem; }
.link-row.compact .link-title { margin-bottom: 0.2rem; }
.links-more {
  font-family: var(--mono); color: var(--grey);
  letter-spacing: 0.15em; font-size: 0.8rem; margin: 1.9rem 0 0.1rem;
}
@media (max-width: 560px) {
  .link-row { padding: 0.9rem; gap: 0.9rem; }
  .link-row img { width: 84px; height: 84px; }
  .link-title { font-size: 0.9rem; }
  .link-desc { font-size: 0.93rem; }
}