/* ==========================================================================
   Cards (home, research and teaching pages), home research areas, CV page.
   Badge colors reuse the favicon palette (lilac #e2d1f9, green #317773).
   ========================================================================== */

.home-areas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13em, 1fr));
  gap: 1em 1.5em;
  margin: 0 0 1.5em;
}

.home-area h3 {
  margin: 0 0 0.25em;
  font-size: 1em;
}

.page__content .home-area p {
  margin: 0;
  font-size: 0.9em;
  color: #5c636a;
}

.paper-card {
  margin: 0 0 1em;
  padding: 0.9em 1.1em;
  border: 1px solid #e3e5e8;
  border-radius: 6px;
}

.paper-card__badge {
  display: inline-block;
  margin-bottom: 0.4em;
  padding: 0.1em 0.6em;
  border-radius: 1em;
  background: #e2d1f9;
  color: #317773;
  font-family: "Source Sans 3", sans-serif;
  font-size: 0.75em;
  font-weight: 600;
}

.page__content .paper-card__title {
  margin: 0;
  font-weight: 600;
  line-height: 1.35;
}

.page__content .paper-card__authors {
  margin: 0.2em 0 0;
  font-size: 0.9em;
  font-style: italic;
  color: #5c636a;
}

.page__content .paper-card__venue {
  margin: 0.2em 0 0;
  font-size: 0.9em;
}

.page__content .paper-card__description {
  margin: 0.5em 0 0;
  font-size: 0.9em;
}

/* CV page: download button; the embedded PDF only on wide screens,
   since phone browsers often show just its first page or nothing */
.page__content .cv-download {
  margin: 0 0 1.25em;
}

.page__content a.cv-download__button {
  display: inline-block;
  padding: 0.5em 1.1em;
  border-radius: 6px;
  background: #317773;
  color: #fff !important;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.page__content a.cv-download__button:hover {
  background: #275f5c;
}

@media (max-width: 47.9375em) {
  .cv-embed {
    display: none;
  }
}

.page__content .paper-card__links {
  margin: 0.5em 0 0;
  font-family: "Source Sans 3", sans-serif;
  font-size: 0.85em;
}

.paper-card__links a {
  margin-right: 1em;
}

/* Dark mode */
html[data-theme="dark"] .home-area p,
html[data-theme="dark"] .paper-card__authors {
  color: var(--dm-muted);
}

html[data-theme="dark"] .paper-card {
  border-color: var(--dm-border);
  background: var(--dm-bg-alt);
}

html[data-theme="dark"] .paper-card__badge {
  background: rgba(226, 209, 249, 0.14);
  color: #cdb6f2;
}