/*
 * Site-specific additions layered on top of the Split theme (loaded via
 * the theme's own supported "Custom CSS" hook — params.custom.css.enable
 * in hugo.toml — rather than overriding the theme's compiled split.scss).
 *
 * The Split theme ships no header, footer, or nav out of the box (it's a
 * one/two-section landing layout). These rules add the site header (logo
 * placeholder, top-left) and footer (copyright) the wider site plan
 * requires, using the theme's own color and font values rather than a new
 * visual style:
 *   background   #0B1C2F   ($color-background in the theme's split.scss)
 *   name/accent  #47BEC7   ($color-name)
 *   text         #848D96   ($color-text / $color-link)
 *   credit/muted #485462   ($color-credit)
 *   link hover   #CA486d   ($color-link-hover)
 *   headings     Inter, sans-serif
 *   body copy    Lora, sans-serif
 */

.site-header {
  position: fixed;
  top: 24px;
  left: 24px;
  z-index: 10;
}

.site-header__logo-link {
  display: inline-block;
  line-height: 0;
}

.site-header__logo {
  display: block;
  width: 200px;
  max-width: 40vw;
  height: auto;
}

.site-footer {
  margin-top: 40px;
  color: #485462;
  font-family: Lora, sans-serif;
  font-size: 13px;
}

.site-footer a {
  color: #485462;
  border-bottom: 1px solid #485462;
  text-decoration: none;
}

.site-footer a:hover {
  color: #ca486d;
  border-bottom-color: #ca486d;
}

.publications-list {
  padding-left: 20px;
}

.publications-list li {
  margin-bottom: 40px;
}

.publications-list li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 479px) {
  .site-header {
    top: 12px;
    left: 12px;
  }

  .site-header__logo {
    width: 140px;
  }
}