/* ZenCrest weekly digest. Everything is scoped to .digest-body / .digest-page so it never changes the rest of the site. */
/* The site body is white by default, so digest pages switch to black. This also keeps the transparent fixed nav readable. */
body.digest-body { background: #000; color: #fff; }

.digest-page {
  --d-gold: #C9A84C;
  --d-muted: rgba(255,255,255,0.62);
  --d-line: rgba(255,255,255,0.12);
  --d-card: #0d0d0d;
  color: #fff;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.85;
}
.digest-wrap { max-width: 820px; margin: 0 auto; padding: 150px 24px 90px; }

.digest-page a { color: var(--d-gold); transition: color 0.2s; }
.digest-page a:hover { color: #fff; }
.digest-page .links a, .digest-page .breadcrumb a, .digest-page .note a { text-decoration: underline; text-underline-offset: 3px; }

.digest-page h1, .digest-page h2, .digest-page h3 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 200; color: #fff; }
.digest-page h1 { font-size: clamp(2rem, 4.5vw, 3rem); line-height: 1.12; letter-spacing: -0.02em; margin-bottom: 14px; }
.digest-page h2 { font-size: 12px; font-weight: 300; letter-spacing: 0.3em; text-transform: uppercase; color: var(--d-gold); margin: 64px 0 0; padding-bottom: 14px; border-bottom: 1px solid var(--d-line); }
.digest-page h3 { font-size: clamp(1.15rem, 2.4vw, 1.4rem); line-height: 1.4; letter-spacing: 0; margin-bottom: 8px; }

.digest-page .breadcrumb { margin-bottom: 28px; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; }
.digest-page .date { color: var(--d-muted); margin-bottom: 28px; font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; }
.digest-page .lede { font-size: 17px; color: rgba(255,255,255,0.82); margin-bottom: 8px; }
.digest-page .note { color: var(--d-muted); font-style: italic; margin-top: 16px; }

.digest-page .story { margin-top: 28px; padding: 28px; background: var(--d-card); border: 1px solid var(--d-line); border-left: 2px solid var(--d-gold); }
.digest-page .story p { margin-top: 14px; color: rgba(255,255,255,0.78); }
.digest-page .story .source { color: var(--d-muted); font-size: 12px; letter-spacing: 0.05em; margin-top: 0; }
.digest-page .label { font-weight: 500; color: #fff; }
.digest-page .story .question, .digest-page .story .question .label { color: var(--d-gold); }
.digest-page .story .links { font-size: 13px; }

.digest-page .watch { list-style: disc; padding-left: 22px; margin-top: 20px; }
.digest-page .watch li { margin: 14px 0; color: rgba(255,255,255,0.78); }
.digest-page .watch strong { font-weight: 500; color: #fff; }

.digest-page .issue-list { margin-top: 36px; display: grid; gap: 16px; }
.digest-page .issue-card { display: block; padding: 26px 28px; background: var(--d-card); border: 1px solid var(--d-line); border-left: 2px solid var(--d-gold); color: #fff; }
.digest-page .issue-card:hover { border-color: var(--d-gold); color: #fff; }
.digest-page .issue-date { display: block; color: var(--d-gold); font-size: 11px; letter-spacing: 0.25em; text-transform: uppercase; }
.digest-page .issue-title { display: block; font-size: 1.2rem; font-weight: 200; margin: 8px 0; }
.digest-page .issue-summary { display: block; color: var(--d-muted); font-size: 14px; }

.digest-page .pager { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--d-line); font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; }
.digest-page .pager .next { margin-left: auto; }

.digest-page .load-more { justify-self: center; margin-top: 12px; padding: 14px 32px; background: transparent; color: #fff; border: 1px solid var(--d-gold); font-family: inherit; font-size: 11px; font-weight: 400; letter-spacing: 0.25em; text-transform: uppercase; cursor: pointer; transition: background 0.2s, color 0.2s; }
.digest-page .load-more:hover { background: var(--d-gold); color: #000; }

@media (max-width: 900px) { .digest-wrap { padding: 120px 24px 70px; } }
@media (max-width: 560px) { .digest-page .story { padding: 20px; } }