/* =========================
   Research page (scoped)
   Cohesive with site theme
   ========================= */

/* Research tokens always defined and derived from site theme */
.page-research{
  --maxw: 980px;

  /* local aliases so research styles don't collide with site tokens */
  --r-text: var(--text);
  --r-muted: var(--muted);
  --r-panel: var(--panel);
  --r-rule: var(--border);
  --r-border: var(--border);

  max-width: var(--maxw);
  margin: 0 auto;
  padding: 18px 20px 56px;

  border-radius: 18px;
  background: var(--r-panel);
  color: var(--r-text);
  border: 1px solid var(--r-border);

  /* prevents any margin-collapsing visual weirdness */
  display: flow-root;
}

/* Optional: subtle shadow only in dark mode */
html[data-theme="dark"] .page-research{
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
html[data-theme="light"] .page-research{
  box-shadow: none;
}

/* Links: site.css removes underline globally */
.page-research a{ text-decoration: underline; }

/* Typography */
.page-research .page-head h1{ font-size: 2rem; margin: 0 0 6px; }
.page-research .kicker{ color: var(--r-muted); margin: 0 0 18px; }
.page-research .section-title{ font-size: 1.2rem; margin: 26px 0 10px; }

/* Research cards */
.page-research .research-card{
  border-top: 1px solid var(--r-rule);
  padding-top: 16px;
  margin-top: 16px;
}

.page-research .paper-title{
  font-weight: 900;
  font-size: 1.05rem;
  margin: 0 0 6px;
}

.page-research .meta{
  color: var(--r-muted);
  margin: 0 0 10px;
}
.page-research .meta a{
  color: inherit;
  text-decoration: underline;
}

/* Coauthors (inline) */
.page-research .coauthors-inline{
  margin: 0 0 10px;
  color: var(--r-muted);
}
.page-research .coauthors-inline a{
  color: inherit;
  text-decoration: underline;
}

/* Figure */
.page-research .figure{
  margin: 12px 0 10px;
  border: 1px solid var(--r-rule);
  border-radius: 12px;
  overflow: hidden;

  /* fallback first */
  background: var(--r-panel);
  background: color-mix(in srgb, var(--r-panel) 92%, transparent);
}
.page-research .figure img{ display: block; width: 100%; height: auto; }
.page-research .figure figcaption{
  padding: 10px 12px;
  color: var(--r-muted);
  font-size: 0.95rem;
  border-top: 1px solid var(--r-rule);
}

/* Abstract & coverage boxes */
.page-research .abstract,
.page-research .coverage{
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--r-rule);
  border-radius: 12px;

  /* fallback first */
  background: var(--r-panel);
  background: color-mix(in srgb, var(--r-panel) 96%, transparent);
}

.page-research .abstract h3,
.page-research .coverage h3{
  font-size: 1rem;
  margin: 0 0 6px;
}

.page-research .coverage ul{ margin: 0; padding-left: 1.15rem; }
.page-research .coverage li{ margin: 7px 0; }
.page-research .coverage a{ color: inherit; text-decoration: underline; }

/* Badges */
.page-research .badges{
  margin: 10px 0 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.page-research .badges li{
  font-size: 0.9rem;
  color: var(--r-muted);
  border: 1px solid var(--r-rule);
  border-radius: 999px;
  padding: 4px 10px;

  /* fallback first */
  background: var(--r-panel);
  background: color-mix(in srgb, var(--r-panel) 96%, transparent);
}

/* Small screens */
@media (max-width: 640px){
  .page-research .page-head h1{ font-size: 1.6rem; }
}