/**
 * MSA Pressespiegel - minimal styles
 * Inherits theme typography. Only structure + spacing.
 */

.msa-pressespiegel {
  margin: 2rem 0;
}

.msa-pressespiegel__section {
  margin-bottom: 3rem;
}

.msa-pressespiegel__section-title {
  margin: 0 0 1.5rem;
  border-bottom: 2px solid currentColor;
  padding-bottom: 0.4em;
}

.msa-pressespiegel__year {
  margin-bottom: 2rem;
}

.msa-pressespiegel__year-title {
  margin: 0 0 1rem;
  opacity: 0.7;
}

.msa-pressespiegel__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.msa-pressespiegel__list--mentions {
  /* alphabetical by outlet, no numbering */
}

.msa-pressespiegel__item {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.msa-pressespiegel__item:last-child {
  border-bottom: none;
}

.msa-pressespiegel__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.875em;
  opacity: 0.75;
  margin-bottom: 0.35rem;
}

.msa-pressespiegel__date {
  font-variant-numeric: tabular-nums;
}

.msa-pressespiegel__outlet {
  font-weight: 600;
}

.msa-pressespiegel__headline {
  margin: 0 0 0.4rem;
  font-size: 1.05em;
  line-height: 1.35;
}

.msa-pressespiegel__link {
  display: inline-block;
  font-size: 0.875em;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.msa-pressespiegel__link:hover,
.msa-pressespiegel__link:focus {
  border-bottom-style: solid;
}

@media (min-width: 768px) {
  .msa-pressespiegel__item {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "meta meta"
      "headline link";
    column-gap: 1.5rem;
    row-gap: 0.4rem;
    align-items: baseline;
  }
  .msa-pressespiegel__meta { grid-area: meta; }
  .msa-pressespiegel__headline { grid-area: headline; margin: 0; }
  .msa-pressespiegel__link {
    grid-area: link;
    white-space: nowrap;
    align-self: center;
  }
}