/* =========================================================
   LAPTOP RESPONSIVE
   901px - 1400px
========================================================= */

:root {
  --side-space: 76px;

  --hero-h1-size: 31px;
  --hero-title-box-width: 690px;
  --hero-title-line-height: 1.86;

  --post-h1-size: clamp(38px, 4.7vw, 60px);
  --post-h2-size: clamp(16px, 1.85vw, 23px);
  --post-body-size: clamp(12px, 1.05vw, 14px);
  --post-body-line-height: 1.84;
  --post-date-size: calc(var(--post-body-size) - 1px);
  --post-button-size: 17px;
}

.site-header {
  top: 32px !important;
  right: 38px !important;
}

.home-link,
.nav-link,
.nav-icon-link {
  font-size: 12px;
}

.home-link.highlight-yellow,
.nav-link.highlight-yellow,
.nav-icon-link.highlight-yellow {
  padding: 6px 8px 4px;
}

.hero-overlay {
  padding-right: var(--side-space);
}

.hero-text-column {
  width: var(--hero-title-box-width);
}

.hero-title span {
  padding: 6px 10px;
}

.hero-mainline {
  font-size: 1.25em;
}

.post--left .post-overlay {
  padding-left: var(--side-space);
}

.post--right .post-overlay {
  padding-right: var(--side-space);
}

.post-text,
.post-body {
  max-width: 560px;
}

.post-title {
  padding: 0.06em 0.12em 0.10em;
}

.post-body,
.post-date {
  margin-top: 12px;
}

.post-lead {
  margin-top: 32px;
}

.post-button-wrap {
  margin-top: 10px;
}

.post-button {
  padding: 6px 12px 4px;
}

.entries-container {
  padding-bottom: 0;
}

.site-footer {
  max-height: auto;
  margin-top: 0;
  margin-bottom: 0;
  align-items: center;
}