.signal-issue.vol17-issue {
  --issue-paper: #f8f5ed;
  --issue-ink: #1c1326;
  --issue-muted: #655b70;
  --issue-line: #b8aec3;
  --issue-blue: #5f2795;
  --issue-red: #ef4d62;
  --issue-yellow: #e8ff4f;
  --issue-cyan: #d8f1e5;
  border-color: #8d8298;
  background: #f8f5ed;
}

.vol17-issue .signal-background { color: #5f2795; }
.vol17-issue .signal-background span { opacity: 0.052; }
.vol17-issue .issue-header { background: #2d1348; box-shadow: 0 3px 0 #e8ff4f; }
.vol17-issue .archive-button,
.vol17-issue .icon-button,
.vol17-issue .submit-button { border-color: rgb(232 255 79 / 0.68); color: #e8ff4f; }
.vol17-issue .archive-dialog { border-color: #7e35b6; }
.vol17-issue .archive-volume,
.vol17-issue .archive-issue > svg,
.vol17-issue .archive-all-link:hover,
.vol17-issue .archive-all-link:focus-visible { color: #7e35b6; }
.vol17-issue .archive-all-link:hover,
.vol17-issue .archive-all-link:focus-visible { border-color: #7e35b6; }
.vol17-issue .issue-nav a.active::after { background: #ef4d62; }
.vol17-issue .issue-section:nth-of-type(3n + 1)::after,
.vol17-issue .issue-section:nth-of-type(3n + 2)::before { color: #5f2795; }
.vol17-issue .issue-section:nth-of-type(3n + 1)::after { content: "17"; }
.vol17-issue .issue-headline { background: #eee5f8; }
.vol17-issue .issue-cover,
.vol17-issue .issue-image-slot { border-color: #9486a2; color: #6a5f76; background: #e9e3ed; }
.vol17-issue .issue-cover { border-top-color: #ef4d62; }
.vol17-issue .issue-eyebrow { color: #21122d; background: #e8ff4f; }
.vol17-issue .issue-headline-copy > p { color: #493f53; }
.vol17-issue .issue-story-meta { border-color: rgb(95 39 149 / 0.28); color: #61566c; }
.vol17-issue .issue-story-meta strong,
.vol17-issue .issue-section-heading > div > p,
.vol17-issue .issue-feature-labels,
.vol17-issue .issue-feature-meta,
.vol17-issue .issue-friend-copy b { color: #7026a5; }
.vol17-issue .issue-signal { border-color: #e8ff4f; background: #2d1348; }
.vol17-issue .issue-signal > strong { color: #fff; }
.vol17-issue .issue-signal-metrics b { color: #e8ff4f; }
.vol17-issue .issue-ranking { background: #5f2795; }
.vol17-issue .issue-ranking .issue-section-heading > div > p,
.vol17-issue .issue-ranking li > b,
.vol17-issue .issue-ranking em { color: #e8ff4f; }
.vol17-issue .issue-ranking .issue-hotwords p { color: #ffb9c2; }
.vol17-issue .issue-ranking .reader-reactions,
.vol17-issue .issue-ranking .reader-reaction-button { color: #e2d7ed; }
.vol17-issue .issue-big-events { background: #fff2d9; }
.vol17-issue .issue-feature + .issue-feature { border-color: #2d1348; }
.vol17-issue .issue-feature blockquote { border-color: #ef4d62; color: #302139; background: #fffafb; }
.vol17-issue .issue-friends { background: #e0f3e8; }
.vol17-issue .issue-friend-card { border-color: #5f2795; background: #fff; }
.vol17-issue .issue-friend-photo { background: #eee6f2; }
.vol17-issue .issue-flash { background: #faf7ef; }
.vol17-issue .issue-flash-index { border-color: #2d1348; color: #2d1348; background: #e8ff4f; }
.vol17-issue .issue-flash-item:nth-of-type(even) .issue-flash-index { color: #fff; background: #ef4d62; }
.vol17-issue .issue-flash-item > strong,
.vol17-issue .signal-daily b { color: #7026a5; }
.vol17-issue .issue-scenes { background: #e8e6fa; }
.vol17-issue .issue-news-grid > article > span { color: #fff; background: #ef4d62; }
.vol17-issue .issue-news-grid > article > b { color: #7026a5; }
.vol17-issue .issue-closing { background: #e8ff4f; }
.vol17-issue .issue-closing > p,
.vol17-issue .issue-closing h2 { color: #24152f; }
.vol17-issue .issue-closing > span { color: rgb(36 21 47 / 0.8); }
.vol17-issue .issue-closing .submit-button { border-color: #2d1348; color: #fff; background: #2d1348; }
.vol17-issue .issue-footer { color: #eee5f8; background: #2d1348; }
.vol17-issue .reader-reactions,
.vol17-issue .reader-reaction-button { color: #756b7d; }
.vol17-issue .reader-reaction-button[aria-pressed="true"] { color: #7026a5; }

@media (max-width: 390px) {
  .vol17-issue .issue-headline-copy h1 { font-size: clamp(34px, 11vw, 44px); }
  .vol17-issue .signal-daily { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vol17-issue .signal-daily span:nth-child(4) { border-right: 0; }
  .vol17-issue .signal-daily span:nth-child(n + 5) { border-top: 1px solid var(--issue-line); }
}
