/* Scoped to the showcase template (auto-loaded only for template=showcase
   pages — see header.php's css([..., '@auto'])), so these rules apply here
   without affecting the `links` block's default look anywhere else it's
   used. Ported from the pre-Part-4 .showcase-semester* rules onto the
   `links` block's actual markup (site/snippets/blocks/links.php) after
   showcase.yml retired its bespoke `semesters` structure field for it. */
.block-links-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* The `links` block renders inside the page-builder's `.text`-wrapped
   column, so index.css's `.text ul, .text ol { margin-left: 1rem }` and
   `.text ul > li { list-style: disc }` (both meant for real prose lists)
   out-specify the plain rules above and leave this list bulleted and
   indented. `.text .block-links-list` matches that specificity to unset
   both, flush against the left edge. */
.text .block-links-list {
  margin-left: 0;
}
.text .block-links-list li {
  list-style: none;
  margin-bottom: 1rem;
}

.block-links-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border: 1px solid var(--idm-text);
  color: var(--idm-text);
  text-decoration: none;
  font-family: var(--idm-font-display);
  font-weight: 600;
  font-size: 1.1rem;
  filter: drop-shadow(0 0 0 transparent);
  transition: border-color 0.15s ease-out, color 0.15s ease-out, filter 0.3s ease-out;
}
.block-links-list a:hover {
  border-color: var(--riso-ink, var(--idm-text));
  color: var(--riso-ink-text, var(--idm-text));
  filter: drop-shadow(0 0 24px var(--riso-ink, rgba(255, 255, 255, 0.4)));
}

/* Matches the external-link badge used for Faculty rows (.card-external-icon
   in index.css), just laid out inline via flexbox instead of absolutely
   positioned over a card. */
.block-links-external-icon {
  flex-shrink: 0;
  margin-left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.85rem;
  color: var(--idm-text-muted);
  background: var(--idm-bg);
  border: 1px solid var(--idm-border);
  border-radius: 50%;
  transition: color 0.2s ease-out, border-color 0.2s ease-out, transform 0.2s ease-out;
}
.block-links-list a:hover .block-links-external-icon {
  color: var(--riso-ink-text, var(--idm-text));
  border-color: var(--riso-ink, var(--idm-text));
  transform: translate(0.1em, -0.1em);
}