/* Selected research: an editorial layout in the site's original blue and white. */
.research-overview main.wrap {
  width: min(1000px, calc(100% - 48px));
  max-width: 1000px;
  margin-top: 96px;
}
.research-overview .research-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 32px;
  padding-bottom: 34px;
}
.research-overview .research-heading { min-width: 0; }
.research-overview .research-heading h1 {
  margin: 8px 0 20px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(46px, 6vw, 68px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.035em;
}
.research-overview .research-heading > p {
  max-width: 660px;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 1.75;
}
.research-overview .research-heading .eyebrow,
.research-overview .research-heading .research-eyebrow {
  color: #0062a0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.research-overview .publication-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 17px;
  border: 1px solid #008ce5;
  color: #0062a0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
.research-overview .publication-button:hover {
  color: #ffffff;
  background: #0062a0;
  border-color: #0062a0;
  text-decoration: none;
}
.research-overview .research-intro > .publication-button { margin-top: 5px; }
.research-overview .research-section {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 48px;
  margin: 0;
  padding: 42px 0 44px;
  border-bottom: 1px solid #008ce5;
  scroll-margin-top: 80px;
}
.research-overview .research-intro + .research-section { padding-top: 0; }
.research-overview .research-category,
.research-overview .selected-works { min-width: 0; }
.research-overview .research-category h2 {
  margin: 0;
  color: #333333;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -.015em;
  overflow-wrap: break-word;
}
.research-overview .category-mark {
  display: block;
  width: 112px;
  max-width: 100%;
  height: auto;
  margin-top: 28px;
  color: #008ce5;
}
.research-overview .selected-paper { min-width: 0; }
.research-overview .selected-paper + .selected-paper { margin-top: 32px; }
.research-overview .selected-paper h3 {
  margin: 0 0 9px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -.01em;
}
.research-overview .selected-paper h3 a {
  color: #0062a0;
  overflow-wrap: break-word;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.research-overview .selected-paper .paper-authors,
.research-overview .selected-paper .paper-venue {
  margin: 0 0 3px;
  font-size: 14px;
  line-height: 1.65;
}
.research-overview .selected-paper .paper-venue { font-style: italic; }
.research-overview .selected-paper .paper-description {
  margin: 13px 0 0;
  font-size: 16px;
  line-height: 1.75;
}
.research-overview .paper-label {
  display: inline-block;
  margin-bottom: 7px;
  color: #0062a0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.research-overview .research-end {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 34px;
}
.research-overview .research-end p { margin: 0; max-width: 620px; }
.research-overview .research-end .publication-button { flex: 0 0 auto; }

/* The complete bibliography keeps the original page width and paper styles. */
.publications-page .publications-intro {
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #008ce5;
}
.publications-page .publications-intro h1 {
  margin-bottom: 14px;
  font-size: 32px;
}
.publications-page .publications-intro p { margin-bottom: 12px; }
.publications-page .overview-link { font-size: 15px; }

@media (max-width: 900px) {
  .research-overview main.wrap { width: calc(100% - 40px); }
  .research-overview .research-intro { gap: 24px; }
  .research-overview .research-section { grid-template-columns: 190px minmax(0, 1fr); gap: 32px; }
  .research-overview .research-category h2 { font-size: 26px; }
}
@media (max-width: 760px) {
  .research-overview .research-section { grid-template-columns: minmax(0, 1fr); gap: 23px; }
  .research-overview .research-category { max-width: 600px; }
  .research-overview .research-category h2 { font-size: 29px; }
  .research-overview .category-mark { display: none; }
}
@media (max-width: 680px) {
  .research-overview main.wrap { margin-top: 32px; }
  .research-overview .research-intro { grid-template-columns: minmax(0, 1fr); gap: 23px; padding-bottom: 30px; }
  .research-overview .research-intro > .publication-button { justify-self: start; margin-top: 0; }
  .research-overview .research-heading h1 { margin-bottom: 16px; }
  .research-overview .research-heading > p { font-size: 16px; }
  .research-overview .research-section { padding-top: 32px; padding-bottom: 34px; scroll-margin-top: 20px; }
  .research-overview .selected-paper h3 { font-size: 23px; }
  .research-overview .research-end { align-items: flex-start; flex-direction: column; gap: 18px; padding-top: 28px; }
}
@media (max-width: 480px) {
  .research-overview main.wrap { width: calc(100% - 32px); }
  .research-overview .research-category h2 { font-size: 27px; }
  .research-overview .selected-paper + .selected-paper { margin-top: 29px; }
  .research-overview .selected-paper h3 { font-size: 22px; }
  .publications-page .publications-intro h1 { font-size: 28px; }
}
@media print {
  .research-overview main.wrap { width: 100%; max-width: none; margin-top: 24px; }
  .research-overview .research-intro { display: block; padding-bottom: 20px; }
  .research-overview .research-heading h1 { font-size: 38px; }
  .research-overview .publication-button,
  .research-overview .category-mark,
  .publications-page .overview-link { display: none; }
  .research-overview .research-section { display: block; padding: 22px 0; }
  .research-overview .research-category { margin-bottom: 18px; break-after: avoid; }
  .research-overview .research-category h2 { font-size: 24px; }
  .research-overview .selected-paper { break-inside: avoid; }
  .research-overview .selected-paper h3 { font-size: 20px; }
  .research-overview .selected-paper .paper-description { font-size: 12px; }
  .research-overview .research-end { padding-top: 20px; }
}
