.day-section { max-width: 1180px; grid-template-columns: 330px minmax(0, 1fr); gap: 46px; }
.day-summary { padding: 26px 26px 350px; border-radius: 12px; background: #eeede2; border: 1px solid #e1e1d3; overflow: hidden; }
.chapter-copy { position: relative; z-index: 2; }
.day-summary .chapter { padding-right: 50px; }
.day-summary .day-number { position: absolute; top: -10px; right: 0; font-size: 60px; color: #c7cdbf; margin: 0; letter-spacing: -3px; }
.day-summary .date-line { margin-top: 18px; }
.day-summary h2 { font-size: 34px; margin: 16px 0 12px; line-height: 1.2; }
.day-summary .day-caption { color: #566358; margin: 0 0 18px; }
.day-summary .day-controls { position: static; margin-top: 18px; gap: 10px; }
.day-summary .status { max-width: 100%; }
.chapter-art { position: absolute; pointer-events: none; z-index: 0; bottom: 0; left: 0; width: 100%; height: 335px; overflow: hidden; }
.chapter-art img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.chapter-art::after { content: ''; position: absolute; inset: 0 0 auto; height: 32px; background: linear-gradient(#eeede2, #eeede200); }
@media (min-width: 901px) { .day-summary { top: 90px; } }
@media (max-width: 1000px) and (min-width: 601px) {
  .day-section { grid-template-columns: 280px minmax(0, 1fr); gap: 28px; padding-inline: 25px; }
  .day-summary { padding: 24px 22px 305px; }
  .chapter-art { height: 290px; }
  .day-summary h2 { font-size: 30px; }
}
@media (max-width: 600px) {
  .day-section { display: block; padding-top: 26px; }
  .day-summary { position: relative; top: auto; padding: 26px 24px 335px; margin-bottom: 26px; }
  .day-summary h2 { max-width: none; margin-right: 0; font-size: 34px; }
  .day-summary .day-caption { padding-right: 0; }
  .day-summary .day-controls { justify-content: flex-start; }
  .chapter-art { height: 320px; }
}
@media (max-width: 350px) {
  .day-summary { padding-inline: 20px; padding-bottom: 300px; }
  .chapter-art { height: 285px; }
  .day-summary h2 { font-size: 30px; }
  .day-summary .day-number { font-size: 52px; }
}

/* Read the day at a glance, with its main draw separated from the plan. */
.day-summary .day-caption { max-width: none; margin-bottom: 16px; }
.day-copy-label { display: block; margin-bottom: 5px; font-size: .75rem; font-weight: 600; line-height: 1.5; letter-spacing: .025em; color: #5e675f; }
.day-highlight { border-left: 2px solid var(--red); padding: 0 0 0 12px; margin: 0 0 18px; }
.day-highlight .day-copy-label { color: var(--red); }
.day-highlight p { margin: 0; font-size: .9375rem; line-height: 1.65; color: var(--ink); overflow-wrap: anywhere; }