@import url("../19260803/styles.css");

.issue-front .front-lead__copy p,
.story-card__copy > p:not(.story-meta, .deck) {
  line-height: 1.86;
}

.front-brief {
  align-content: start;
}

.front-brief .inline-story-image--brief {
  max-height: 172px;
}

.story-card--text-heavy .story-card__copy > p:not(.story-meta, .deck) {
  font-size: clamp(16px, 1.38vw, 19px);
}

.issue-directory li:nth-child(-n + 8) {
  border-bottom: 1px dotted var(--line-strong);
}

.issue-directory li:nth-child(n + 9) {
  border-bottom: 0;
}

.story-card--battlefront {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);
  gap: clamp(30px, 5vw, 68px);
  align-items: center;
}

.story-card--battlefront .inline-story-image {
  border: 1px solid rgba(246, 236, 216, .24);
}

.story-card--battlefront .story-card__copy {
  max-width: none;
}

.source-desk {
  background: #e9e0d2;
}

.source-desk__title h2,
.source-desk__title > p:last-child {
  color: #102543;
}

.reading-record {
  background: #071b3c;
}

.reading-record__header h3,
.reading-version--original {
  color: #fff6e3;
}

.reading-version--modern {
  color: #f2e8d5;
}

.reading-version__note {
  color: #dfd2bc;
}

.parallel-reading {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(246, 236, 216, .22);
  background: rgba(255, 255, 255, .04);
}

.parallel-reading h4 {
  margin: 0 0 12px;
  color: #ef6a60;
  font: 800 14px/1.4 var(--font-sans, sans-serif);
  letter-spacing: .08em;
}

@media (max-width: 720px) {
  .front-brief .inline-story-image--brief {
    max-height: none;
  }
}

@media (max-width: 1120px) {
  .issue-directory li:nth-child(-n + 8) {
    border-bottom: 1px dotted var(--line-strong);
  }

  .issue-directory li:nth-child(n + 9) {
    border-bottom: 0;
  }

  .front-briefs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .story-card--battlefront {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .issue-directory li,
  .issue-directory li:nth-child(-n + 8),
  .issue-directory li:nth-child(n + 9) {
    border-bottom: 1px dotted var(--line-strong);
  }

  .issue-directory li:last-child {
    border-bottom: 0;
  }

  .front-briefs {
    grid-template-columns: 1fr;
  }
}