/* Same editorial structure as At the Base of a New Age, in the cover's black-and-green palette. */
body.insight-page.inbox-page {
  --ia-bg: #060e0a;
  --ia-ink: #eff8f0;
  --ia-muted: #bbd0c0;
  --ia-accent: #91e5a3;
  --ia-line: #95d9ac33;
  --ia-panel: #11251a;
}
.inbox-page .ia-hero h1 { font-size: clamp(52px, 6.4vw, 98px); }
.inbox-page .ia-hero h1 span { color: var(--ia-accent); }
.inbox-page .ia-cover { border: 1px solid var(--ia-line); }
.inbox-page .ia-cover figcaption { padding: 17px 20px; border-top: 1px solid var(--ia-line); }
.inbox-byline { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 27px; color: var(--ia-muted); font-size: 12px; line-height: 1.7; }
.inbox-page .section ul { margin: 0 0 28px; padding-left: 23px; color: var(--ia-muted); font-size: 17px; line-height: 1.85; }
.inbox-page .section li + li { margin-top: 8px; }
.inbox-page .thesis { margin-inline: 0; }
.inbox-page .thesis strong { font-weight: 400; }
.inbox-page .toc { scrollbar-width: thin; scrollbar-color: var(--ia-accent) var(--ia-bg); }
@media (max-width: 800px) {
  .inbox-page .ia-hero h1 { font-size: clamp(50px, 10.5vw, 80px); }
  .inbox-page .section ul { font-size: 16px; }
}
@media (max-width: 540px) {
  .inbox-page .ia-cover figcaption { flex-direction: column; gap: 5px; padding: 14px; }
  .inbox-page .ia-cover figcaption > span:last-child { text-align: left; }
}
@media print {
  .inbox-page .ia-hero h1 { font-size: 44px; }
  .inbox-page .section ul { font-size: 11pt; }
}

.inbox-page #email-ambiguity .inbox-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; list-style: none; padding: 0; border-top: 1px solid var(--ia-line); }
.inbox-page #email-ambiguity .inbox-list li { margin: 0; padding: 13px 0; border-bottom: 1px solid var(--ia-line); }
.inbox-page #defined-states .inbox-list { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; list-style: none; }
.inbox-page #defined-states .inbox-list li { margin: 0; padding: 10px 15px; border: 1px solid var(--ia-line); background: var(--ia-panel); font-size: 14px; }
@media (max-width: 540px) { .inbox-page #email-ambiguity .inbox-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }