/* Stage 11 — publication hierarchy + restrained ambient section motifs. */

/* Publications now mirror the Employment hierarchy:
   paper title -> role/title scale; authors -> subtitle scale; venue -> body/bullet scale. */
#publications .publication-grid {
  gap: 11px;
}
#publications .pub-entry {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 14px 17px !important;
  border-radius: 11px;
}
#publications .pub-entry:first-child {
  min-height: 0;
  padding: 15px 28% 15px 18px !important;
}
#publications .pub-entry br {
  display: none;
}
#publications .pub-label {
  order: 0;
  display: block;
  margin: 0 0 5px;
  font-size: 1.03rem !important;
  line-height: 1.25;
}
#publications .pub-title {
  order: 1;
  display: block;
  margin: 0 0 5px;
  font-size: 1.78rem !important;
  line-height: 1.24;
  letter-spacing: -.012em;
}
#publications .pub-entry:first-child .pub-title {
  font-size: 1.78rem !important;
}
#publications .pub-authors {
  order: 2;
  display: block;
  margin: 0 0 6px;
  font-size: 1.29rem !important;
  line-height: 1.42;
}
#publications .pub-meta {
  order: 3;
  display: block;
  margin: 0;
  font-size: 1.17rem !important;
  line-height: 1.45;
}

/* Ambient background treatment: keep the page fundamentally plain, but add a
   few very faint research-field arcs/glows so large stretches never feel dead. */
.site-section,
.retained-section {
  isolation: isolate;
}
#about::before,
#publications::before,
#projects::before,
#experience::before,
#education::before,
#contact::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .42;
  background:
    radial-gradient(ellipse 520px 190px at 89% 38%, transparent 48.7%, var(--motif-line) 49.2%, transparent 49.8%),
    radial-gradient(ellipse 420px 270px at 87% 43%, transparent 48.8%, var(--motif-line) 49.25%, transparent 49.8%),
    radial-gradient(circle at 88% 42%, var(--accent-faint) 0, transparent 31%);
  -webkit-mask-image: linear-gradient(90deg, transparent 45%, rgba(0,0,0,.22) 64%, #000 82%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 45%, rgba(0,0,0,.22) 64%, #000 82%, transparent 100%);
}
#projects::before,
#education::before {
  transform: scaleX(-1);
}
#about > *,
#publications > *,
#projects > *,
#experience > *,
#education > *,
#contact > * {
  position: relative;
  z-index: 1;
}
html.theme-dark #about::before,
html.theme-dark #publications::before,
html.theme-dark #projects::before,
html.theme-dark #experience::before,
html.theme-dark #education::before,
html.theme-dark #contact::before {
  opacity: .5;
}

@media (max-width: 1180px) {
  #publications .pub-title,
  #publications .pub-entry:first-child .pub-title { font-size: 1.62rem !important; }
  #publications .pub-authors { font-size: 1.2rem !important; }
  #publications .pub-meta { font-size: 1.1rem !important; }
}

@media (max-width: 700px) {
  #publications .pub-entry,
  #publications .pub-entry:first-child { padding: 14px 15px !important; }
  #publications .pub-entry:first-child::after { display: none; }
  #publications .pub-title,
  #publications .pub-entry:first-child .pub-title { font-size: 1.42rem !important; }
  #publications .pub-authors { font-size: 1.08rem !important; }
  #publications .pub-meta { font-size: 1rem !important; }
  #about::before,
  #publications::before,
  #projects::before,
  #experience::before,
  #education::before,
  #contact::before { opacity: .26; }
}