.front-hero .hero-lead h1 {
  max-width: 17ch;
  font-size: clamp(2.85rem, 5.7vw, 5.9rem);
}
.hero-lead > p.hero-status { margin-top: 12px; font-size: .86rem; }
.hero-status a { color: #f5cfa7; text-underline-offset: 4px; }
.report-feature { background: #faf5eb; border-bottom: 1px solid var(--line); }
.report-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
  gap: clamp(28px, 6vw, 90px);
  align-items: center;
}
.report-intro h2 { max-width: 15ch; }
.report-intro > p:not(.section-kicker) { margin-top: 14px; color: var(--mute); }
.report-illustration {
  padding: clamp(18px, 3.6vw, 40px);
  background: #fffcf5;
  border: 1px solid #d7c6ae;
  border-radius: 5px;
}
.report-illustration figcaption { color: #6e442f; font-size: .85rem; font-weight: 750; }
.report-illustration h3 { margin-top: 8px; }
.report-time-chart { margin-top: 24px; }
.report-time-chart > div + div { margin-top: 13px; }
.report-time-chart dt { color: #51463c; font-size: .88rem; }
.report-time-chart dd { display: grid; grid-template-columns: minmax(0, 1fr) 4.5ch; gap: 9px; align-items: center; margin: 2px 0 0; }
.report-time-chart dd strong { white-space: nowrap; font-variant-numeric: tabular-nums; }
.report-time-track { display: block; height: 11px; border-radius: 2px; background: #e9ddca; }
.report-time-track::before { content: ""; display: block; width: var(--time-width); height: 100%; border-radius: inherit; background: #9b5b43; }
.report-time-chart > div:last-child .report-time-track::before { background: #773b29; }
.report-observation { margin-top: 18px; padding-top: 13px; border-top: 1px solid var(--line); }
.report-source { margin-top: 14px; color: #53483b; font-size: .87rem; }
.report-source summary { cursor: pointer; font-weight: 750; }
.report-source p { margin-top: 5px; }
.report-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.report-steps strong { font-size: .96rem; }
.report-menu { margin: 0 0 22px; padding: 12px 15px; border: 1px solid var(--line); background: #fffbf3; }
.report-menu summary { cursor: pointer; font-weight: 750; }
.report-menu ol { margin: 10px 0 2px; }
.report-menu li + li { margin-top: 5px; }
@media (max-width: 790px) {
  .front-hero .hero-lead { padding-block: 125px 47px; }
  .report-layout { grid-template-columns: 1fr; }
  .report-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .front-hero { min-height: 465px; }
  .front-hero .hero-lead { padding-block: 118px 44px; }
  .front-hero .hero-lead h1 { font-size: clamp(2.2rem, 9.5vw, 3.4rem); }
  .hero-lead > p.hero-status { font-size: .82rem; }
  .report-steps { grid-template-columns: 1fr; }
}