@charset "UTF-8";

/* Story-specific presentation; shared reading sizes come from site.css. */
.fatigue-story .article-heading h1 { max-width: 960px; font-size: clamp(40px, 5.3vw, 66px); }
.fatigue-story .article-deck { max-width: 760px; }
.story-cover { margin-top: 0; margin-bottom: 0; }
.story-cover img, .evidence-figure img, .markdown-figure img, .markdown-cover img {
  display: block;
  width: 100%;
  height: auto;
}
.story-cover figcaption, .evidence-figure figcaption, .markdown-figure figcaption, .markdown-cover figcaption {
  font-size: 13px;
  line-height: 1.65;
  color: #626b5d;
  margin-top: 12px;
}
.fatigue-story .article-body a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #9ca98a; }
.fatigue-story .article-body a:hover { text-decoration-color: var(--ink); }
.fatigue-story .article-body .reporting-note { font-size: 15px; border-top: 1px solid var(--line); padding-top: 23px; color: #596252; }
.survey-stat {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 24px;
  background: #eef0e7;
  border-left: 3px solid #9cab86;
  padding: 27px;
  margin: 30px 0;
}
.survey-stat .eyebrow { font-size: 12px; letter-spacing: 1px; display: block; }
.survey-stat strong { display: block; font-family: var(--serif); font-size: 72px; font-weight: 400; line-height: 1.3; color: #465d39; }
.survey-stat strong span { font-size: 35px; }
.fatigue-story .survey-stat p { font-size: 18px; line-height: 1.7; margin: 8px 0 0; }
.survey-stat small { display: block; font-size: 13px; line-height: 1.7; margin-top: 15px; color: #596252; }
.query-term { font-weight: 600; }
.evidence-figure, .markdown-figure { margin: 30px 0; }
.source-list { padding-left: 24px; margin: 0 0 24px; }
.source-list li { font-size: 16px; line-height: 1.8; color: #53624a; margin-bottom: 17px; overflow-wrap: anywhere; }
.fatigue-story .markdown-cover { display: block; height: auto; padding: 0; background: transparent; overflow: visible; }
.markdown-cover figcaption { width: min(1180px, calc(100% - 112px)); margin: 12px auto 0; }
.table-scroll { overflow-x: auto; margin: 25px 0; }
.table-scroll table { border-collapse: collapse; width: 100%; font-size: 16px; }
.table-scroll th, .table-scroll td { border-bottom: 1px solid var(--line); padding: 12px; text-align: left; vertical-align: top; }
.article-aside nav .toc-nested { padding-left: 12px; color: #626b5d; }

@media (max-width: 1000px) {
  .markdown-cover figcaption { width: calc(100% - 64px); }
}
@media (max-width: 700px) {
  .fatigue-story .article-heading h1 { font-size: 40px; letter-spacing: -1.3px; line-height: 1.12; }
  .fatigue-story .survey-stat { grid-template-columns: 1fr; padding: 22px; gap: 5px; }
  .fatigue-story .survey-stat strong { font-size: 62px; }
  .fatigue-story .markdown-cover { width: calc(100% - 40px); }
  .markdown-cover figcaption, .fatigue-story .markdown-cover figcaption { width: auto; margin: 12px 0 0; }
  .fatigue-story .article-meta { row-gap: 13px; }
  .fatigue-story .share-button { margin-left: 0; }
  .fatigue-story .article-aside nav { flex-direction: row; flex-wrap: wrap; gap: 12px 18px; }
  .table-scroll table { font-size: 15px; }
}