:root {
  --accent: #3b5bdb;
  --accent-dark: #25408f;
  --accent-soft: #eef2ff;
  --ink: #1f2733;
  --muted: #5a6473;
}

body {
  font-family: 'Noto Sans', 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

.title, h1, h2, h3 { font-family: 'Google Sans', 'Noto Sans', sans-serif; }
.publication-title { font-family: 'Google Sans', 'Noto Sans', sans-serif; font-weight: 700; }

a { color: var(--accent); }
a:hover { color: var(--accent-dark); }

/* ===== Hero / title ===== */
.hero-body { padding-top: 3rem; padding-bottom: 1.5rem; }
.publication-title { line-height: 1.2; }
.title-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1rem;
  flex-wrap: wrap;
}
.title-logo { height: 115px; width: auto; flex: 0 0 auto; }
@media (max-width: 768px) {
  .title-logo { height: 78px; }
}
.venue {
  font-family: 'Google Sans', sans-serif;
  color: var(--accent-dark);
  font-weight: 700;
  font-size: 1.7rem;
  letter-spacing: .02em;
  margin-top: .8rem;
}
.publication-authors { margin-top: .6rem; }
.author-block { display: inline-block; }
.affiliation { color: var(--muted); margin-top: .25rem; }

/* ===== Link buttons ===== */
/* link buttons: standard Bulma is-dark rounded pills (geo2 / nerfies style) */
.publication-links { margin-top: 1.4rem; }
.link-block a { margin: 5px; }

/* TL;DR — bold + slightly larger */
.tldr-line { font-size: 1.12rem; font-weight: 600; color: var(--ink); }
.tldr { font-weight: 800; color: var(--accent-dark); }

/* inline emphasis colors */
.hl-red  { color: #e03131; font-weight: 600; }
.hl-blue { color: var(--accent); font-weight: 600; }

/* ===== Sections ===== */
.section { padding-top: 2.4rem; padding-bottom: 2.4rem; }
.section-title { margin-bottom: 1.2rem !important; }
.tldr { font-weight: 600; color: var(--accent-dark); }

/* ===== Figures ===== */
figure img, .fig img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
figcaption { color: var(--muted); font-size: .9rem; line-height: 1.5; margin-top: .6rem; }
.fig-small  { max-width: 540px; margin: 0 auto; }
.fig-narrow { max-width: 620px; margin: 0 auto; }
.fig-wide   { max-width: 920px; margin: 0 auto; }
.fig-method { max-width: 690px; margin: 0 auto; }   /* ~75% of the wide pipeline */
.fig-example { max-width: 645px; margin: 0 auto; }  /* ~70% of the wide pipeline */

/* Vulnerability section: force both figures to equal height so the
   two columns line up top and bottom; captions then start at the same y. */
.vuln-fig img { height: 290px; width: auto; max-width: 100%; object-fit: contain; margin: 0 auto; }
.vuln-fig figcaption { margin-top: .8rem; }
@media (max-width: 768px) {
  .vuln-fig img { height: auto; }
}

/* ===== Static stat row (results) ===== */
.stat-card {
  border: 1px solid #e6e9f0;
  border-radius: 10px;
  padding: 1.2rem .8rem;
  text-align: center;
  height: 100%;
}
.stat-number { font-family: 'Google Sans', sans-serif; font-size: 2.1rem; font-weight: 700; color: var(--accent); line-height: 1; }
.stat-number .unit { font-size: 1.1rem; }
.stat-label { margin-top: .4rem; font-weight: 600; }
.stat-sub { margin-top: .2rem; font-size: .8rem; color: var(--muted); }

/* ===== Method cards ===== */
.method-card {
  background: #e9eefb !important;
  border: 1px solid #d4ddf5;
  border-radius: 10px;
  padding: 1.3rem 1.4rem;
  height: 100%;
}
.method-card .title { color: var(--accent-dark); }
.method-card .tag-chip {
  display: inline-block;
  background: var(--accent-soft);
  color: var(--accent-dark);
  font-weight: 700;
  font-size: .8rem;
  padding: .2em .7em;
  border-radius: 6px;
  margin-bottom: .6rem;
}

/* ===== BibTeX ===== */
#BibTeX pre {
  background: #f4f6fb;
  color: #1f2733;
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  padding: 1.3rem 1.4rem;
  overflow-x: auto;
}
#BibTeX code { background: transparent; color: inherit; }
.bibtex-wrap { position: relative; }
.copy-btn {
  position: absolute; top: 10px; right: 10px;
  background: #fff; color: var(--accent-dark);
  border: 1px solid #d4ddf5;
  border-radius: 6px; padding: .2em .6em; font-size: .78rem; cursor: pointer;
}
.copy-btn:hover { background: var(--accent-soft); }

/* ===== Footer ===== */
.footer { background: #f5f7fb; }
.footer .content { color: var(--muted); }