/* v5.5 Journal foundation */
.journal-header .lede { max-width: 760px; }
.journal-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .7rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.journal-summary strong {
  margin-right: 8px;
  color: var(--paper);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.35rem;
  font-weight: 400;
  letter-spacing: 0;
}
.journal-entry-card {
  display: grid;
  grid-template-columns: minmax(110px, .28fr) minmax(0, 1fr);
  gap: clamp(26px, 6vw, 80px);
  padding: 42px 0;
  border-top: 1px solid var(--line);
}
.journal-entry-card:last-child { border-bottom: 1px solid var(--line); }
.journal-entry-meta {
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .7rem;
  letter-spacing: .12em;
  line-height: 1.8;
  text-transform: uppercase;
}
.journal-entry-card h2 { margin-bottom: 14px; font-size: clamp(2rem, 4.5vw, 3.8rem); }
.journal-entry-card h2 a { text-decoration-thickness: 1px; text-underline-offset: .16em; }
.journal-entry-card h2 a:hover { color: var(--muted); }
.journal-entry-card p { max-width: 760px; margin-bottom: 18px; color: var(--muted); }
.journal-entry-card .entry-link {
  color: var(--paper);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.journal-article-header { padding-bottom: 68px; }
.journal-article-header h1 { max-width: 980px; }
.journal-article-header .lede { max-width: 850px; }
.article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  margin-top: 28px;
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .7rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.article-body-section { padding-top: 66px; }
.article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 310px);
  gap: clamp(54px, 9vw, 120px);
  align-items: start;
}
.article-prose { max-width: 760px; }
.article-prose p {
  margin: 0 0 1.45em;
  font-size: clamp(1.08rem, 1.5vw, 1.22rem);
  line-height: 1.86;
}
.article-prose p:first-child::first-letter {
  float: left;
  margin: .06em .12em 0 0;
  color: var(--paper);
  font-size: 4.35rem;
  line-height: .78;
}
.article-pullquote {
  margin: 52px 0;
  padding: 30px 0;
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
  font-size: clamp(1.65rem, 3vw, 2.55rem);
  line-height: 1.35;
}
.article-aside {
  position: sticky;
  top: 110px;
  padding: 26px;
  border: 1px solid var(--line);
}
.article-aside h2 { margin: 0 0 18px; font-size: 1.45rem; }
.article-aside dl { margin: 0; }
.article-aside dt {
  margin-top: 20px;
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .65rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.article-aside dt:first-child { margin-top: 0; }
.article-aside dd { margin: 5px 0 0; }
.article-aside a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.article-tags { display: flex; flex-wrap: wrap; gap: 9px; }
.article-tags a,
.article-tags span {
  padding: 7px 10px;
  border: 1px solid var(--line-strong);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .62rem;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.journal-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.journal-related-item { padding: 28px; border-right: 1px solid var(--line); }
.journal-related-item:first-child { padding-left: 0; }
.journal-related-item:last-child { border-right: 0; }
.journal-related-item small {
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .65rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.journal-related-item h3 { margin: 12px 0; font-size: 1.55rem; }
.journal-related-item p { margin: 0; color: var(--muted); }
@media (max-width: 800px) {
  .journal-entry-card,
  .article-layout { grid-template-columns: 1fr; }
  .journal-entry-card { gap: 14px; }
  .article-aside { position: static; }
  .journal-related-grid { grid-template-columns: 1fr; }
  .journal-related-item,
  .journal-related-item:first-child {
    padding: 24px 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .journal-related-item:last-child { border-bottom: 0; }
}