/* ── Base ── */

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 300;
}

a, a:visited { color: #0067e4; }
a { text-decoration: none; }

/* ── Typography ── */

strong {
  background-color: #d0f5c9;
  font-weight: 500;
}

name {
  font-size: 22px;
  font-weight: 500;
}

papertitle {
  text-decoration: underline;
}

/* ── Layout ── */

.wrapper {
  width: 100%;
  max-width: 750px;
  border: 0;
  border-spacing: 0;
  border-collapse: separate;
  margin: 0 auto;
}

.section-table {
  width: 100%;
  border: 0;
  border-spacing: 0;
  border-collapse: separate;
  margin: 0 auto;
}

/* ── Bio ── */

.bio-cell {
  padding: 2.5% 2.5% 2.5% 10px;
  width: 58%;
  vertical-align: middle;
}

.profile-cell {
  padding: 2.5% 2.5% 2.5% 4%;
  width: 42%;
  max-width: 42%;
}

.profile-img {
  width: 90%;
  max-width: 90%;
  display: block;
  margin-left: auto;
}

/* ── Paper entries ── */

.thumb-cell {
  padding: 15px 10px;
  width: 25%;
  vertical-align: middle;
}

.detail-cell {
  padding: 15px 0;
  width: 75%;
  vertical-align: middle;
}

.paper-img {
  display: block;
  border-style: none;
  object-fit: cover;
  border-radius: 0;
}

/* ── Highlight badge ── */

.highlight-wrapper {
  display: inline-flex;
  align-items: center;
}

.highlight {
  background-color: #ffec99;
  color: #5c4b00;
  padding: 1px 4px;
  margin-left: 6px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 300;
}

/* ── Responsive ── */

@media screen and (max-width: 660px) {
  .image-cell { display: none; }
}