html { color-scheme: light; background: #f4f0e6; color: #222; }
body { max-width: 680px; margin: 72px auto; padding: 0 24px; font: 17px/1.6 "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; }
h1 { margin: 0 0 24px; font-size: 26px; line-height: 1.35; font-weight: 600; }
h2 { margin: 30px 0 10px; font-size: 17px; font-weight: 600; }
p { margin: 0 0 12px; }
a { color: #234f87; text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: #111; }
a:focus-visible { outline: 2px solid #234f87; outline-offset: 4px; }
.intro { display: flex; justify-content: space-between; align-items: flex-start; gap: 28px; }
.intro > div { min-width: 0; }
.intro img { width: 160px; height: 160px; object-fit: cover; object-position: 43% 50%; flex-shrink: 0; }
.links { margin-top: 16px; }
ul { margin: 0; padding-left: 21px; }
li { margin: 8px 0; padding-left: 2px; }
.note { color: #555; }
@media (max-width: 520px) {
  body { margin-top: 36px; padding-inline: 20px; }
  h1 { font-size: 24px; max-width: 340px; }
  .intro { flex-direction: column; gap: 12px; }
  .intro img { width: 136px; height: 136px; }
}

.paper { margin: 0 0 24px; }
.paper > a { display: inline-block; line-height: 1.4; margin-bottom: 5px; }
.paper .authors { margin: 0; font-size: 15px; line-height: 1.55; }
.paper .date { margin: 3px 0 0; font-size: 14px; color: #666; }
.paper strong { font-weight: 600; }

.social-icons { margin-top: 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 15px; }
.social-icons a { display: inline-flex; align-items: center; gap: 5px; text-decoration: none; }
.social-icons a:hover { text-decoration: underline; }
.social-icons svg { width: 16px; height: 16px; fill: currentColor; }
.social-sep { color: #999; }
#misc-heading a { color: inherit; text-decoration: none; }
#misc-heading a:hover { text-decoration: underline; }