/* =========================================================
   digest.css — day page (AI Wire dispatch)
   Section heads, body, drop cap, citations, bottom-line coda,
   Sources block, foot-nav (3-col), and link styling.
   ========================================================= */

/* Section headers */
.digest h2 {
  font-family: 'Bevan', serif;
  font-size: 22px;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  text-align: center;
  margin: 60px auto 26px;
  padding: 14px 0 12px;
  border-top: 1px solid var(--rule-faint);
  border-bottom: 1px solid var(--rule-faint);
  color: var(--ink-primary);
  font-weight: 400;
  max-width: 84%;
}

/* Body text */
.digest p {
  margin: 0 0 14px;
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
  font-size: 17px;
  line-height: 1.65;
  color: var(--ink-primary);
}

/* Drop cap on the first paragraph after each H2 */
.digest h2 + p::first-letter {
  font-family: 'Old Standard TT', 'Times New Roman', serif;
  font-size: 60px;
  line-height: 0.85;
  font-weight: 700;
  float: left;
  padding: 8px 12px 0 0;
  margin-top: 4px;
  color: var(--ink-primary);
  text-shadow: 0.5px 0 0 var(--ink-primary);
}

/* Body inline links */
.digest a {
  color: var(--ink-primary);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: var(--rule-faint);
}
.digest a:hover { color: var(--accent-red); text-decoration-color: var(--accent-red); }

/* Inline citations — (@handle) and (last30days · …) */
.cite {
  font-family: 'Cormorant Garamond', 'Old Standard TT', serif;
  font-style: italic;
  font-size: 0.82em;
  color: var(--ink-faint);
  letter-spacing: 0.01em;
  hyphens: none;
  white-space: normal;
}
.cite .at { font-variant: small-caps; }

/* Inline code (occasionally appears in the digest, e.g. /goal, :nitro) */
.digest code {
  font-family: 'Courier Prime', monospace;
  font-size: 0.85em;
  background: rgba(70,40,20,0.06);
  padding: 1px 5px;
  color: var(--ink-faded);
}

/* Bottom-line coda */
.digest h2.bottom-line {
  letter-spacing: 0.22em;
  font-size: 14px;
  max-width: 60%;
  margin-top: 64px;
  padding: 16px 0 10px;
}
.digest .coda p {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 700;
  font-size: 19px;
  line-height: 1.5;
  color: var(--ink-faded);
  text-align: center;
  hyphens: none;
  margin: 0 auto;
  max-width: 90%;
}
.digest .coda p::first-letter {
  font-size: inherit; font-weight: inherit;
  float: none; padding: 0; text-shadow: none;
  font-family: inherit;
}
.digest .coda .cite { font-style: italic; }

/* Sources block — austere monospace ledger */
.sources { margin-top: 56px; }
.sources h2 {
  font-family: 'Bevan', serif;
  font-size: 13px;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.28em;
  text-align: center;
  color: var(--ink-primary);
  font-weight: 400;
  max-width: 50%;
  margin: 0 auto 40px;
  padding: 10px 0 8px;
  border-top: 1px solid var(--rule-faint);
  border-bottom: 1px solid var(--rule-faint);
}
.sources h4 {
  font-family: 'Old Standard TT', serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-faded);
  margin: 20px 0 6px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--rule-faint);
}
.sources p.handles {
  font-family: 'Courier Prime', monospace;
  font-size: 11.5px;
  line-height: 1.75;
  color: var(--ink-faded);
  text-align: left;
  hyphens: none;
  margin: 0 0 16px;
  word-break: break-word;
}
.sources a {
  color: var(--ink-faded);
  text-decoration: underline;
  text-decoration-color: var(--rule-faint);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.sources a:hover { color: var(--accent-red); text-decoration-color: var(--accent-red); }

/* Foot nav — 3-column grid (prev · index · today/next) */
.foot-nav {
  margin: 80px 0 0;
  padding: 22px 0 0;
  border-top: 6px double var(--rule);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  font-family: 'Old Standard TT', serif;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-faded);
}
.foot-nav a {
  color: var(--ink-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--rule-faint);
  padding-bottom: 2px;
}
.foot-nav a:hover { color: var(--accent-red); border-bottom-color: var(--accent-red); }
.foot-nav .prev  { text-align: left; }
.foot-nav .index { text-align: center; }
.foot-nav .next  { text-align: right; }
.foot-nav .today {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--ink-faint);
  font-size: 15px;
}

@media (max-width: 700px) {
  .digest h2 { font-size: 17px; letter-spacing: 0.14em; max-width: 100%; margin: 44px auto 22px; }
  .digest h2.bottom-line { font-size: 12px; max-width: 80%; }
  .digest p { font-size: 16.5px; line-height: 1.6; }
  .digest h2 + p::first-letter { font-size: 50px; padding: 6px 10px 0 0; }

  .sources h2 { font-size: 12px; max-width: 70%; }
  .sources p.handles { font-size: 11px; }

  .foot-nav { grid-template-columns: 1fr; gap: 8px; text-align: center; font-size: 12px; }
  .foot-nav .prev, .foot-nav .index, .foot-nav .next { text-align: center; }
}
