/* Haydar Hamieh — personal academic homepage.
   Intentionally small, plain, and dependency-free. */

:root { color-scheme: light; }

html { scroll-behavior: auto; }

body {
  margin: 0;
  background: #fff;
  color: #171717;
  font: 16px/1.55 Georgia, "Times New Roman", serif;
}

.page {
  box-sizing: border-box;
  max-width: 840px;
  margin: 0 auto;
  padding: 40px 35px 32px;
}

a { color: #182e46; text-decoration: underline; text-underline-offset: 2px; }
a:visited { color: #4d455b; }
a:hover { color: #000; text-decoration-thickness: 2px; }
a:focus-visible { outline: 2px solid #333; outline-offset: 3px; }

h1, h2, h3 { color: #111; }
h1 { font-size: 2.05rem; font-weight: normal; letter-spacing: -.018em; line-height: 1.15; margin: 0 0 7px; }
h2 { font-size: 1.23rem; font-weight: bold; line-height: 1.3; margin: 34px 0 12px; }
h3 { font-size: 1.02rem; margin: 23px 0 6px; }
p { margin: 0 0 13px; }
small, .small { font-size: .91rem; }

.site-header .affiliation { margin: 0 0 9px; line-height: 1.42; }
.site-header .contacts { font-size: .95rem; margin: 0; }
.site-header .contacts a { white-space: nowrap; }
.sep { color: #777; padding: 0 7px; }
.nav { border-top: 1px solid #999; border-bottom: 1px solid #bbb; margin: 24px 0 28px; padding: 9px 0; font-size: .96rem; }
.nav a { margin-right: 20px; white-space: nowrap; }
.nav a[aria-current="page"] { color: #111; font-weight: bold; text-decoration: none; }
.nav a:last-child { margin-right: 0; }

.intro::after { content: ""; clear: both; display: block; }
.portrait { float: right; width: 145px; height: auto; margin: 0 0 14px 25px; border: 1px solid #aaa; }
.intro p:last-child { margin-bottom: 0; }

ul, ol { padding-left: 25px; margin: 8px 0 15px; }
li { padding-left: 3px; margin: 0 0 11px; }
li:last-child { margin-bottom: 0; }

.paper-list { list-style: none; padding-left: 0; }
.paper-list li { padding: 0; margin-bottom: 20px; }
.paper-list .paper-title { font-weight: bold; }
.paper-list .paper-details { display: block; margin: 3px 0 0; line-height: 1.5; }
.paper-list .paper-links { white-space: nowrap; }
.paper-list .paper-links a { margin-right: 7px; }

.item { margin: 0 0 20px; }
.item h3 { margin-bottom: 2px; }
.item .meta { margin: 0 0 6px; font-size: .95rem; }
.item p:last-child { margin-bottom: 0; }
.entry { margin-bottom: 15px; }
.entry-title { font-weight: bold; }
.entry-subtitle { font-style: italic; }
.muted { color: #484848; }

.site-footer { border-top: 1px solid #bbb; margin: 35px 0 0; padding-top: 10px; color: #555; font-size: .84rem; }
.site-footer a { color: #333; }

@media (max-width: 640px) {
  body { font-size: 15.7px; }
  .page { padding: 25px 20px 24px; }
  h1 { font-size: 1.8rem; }
  .nav { line-height: 2; margin: 21px 0 24px; }
  .nav a { margin-right: 13px; }
  .portrait { float: none; display: block; margin: 0 0 20px; width: 120px; }
  .sep { padding: 0 4px; }
}

@media print {
  body { font-size: 11pt; }
  .page { max-width: none; margin: 0; padding: 0; }
  .nav { display: none; }
  a { color: #111 !important; }
}