/* Composition of the Today screen, independent of the shared page styles. */
#today .baby-card { margin-top: 0; height: auto; min-height: 16.7rem; }
#today .baby-art { right: 2.4rem; width: 15.2rem; height: 16.6rem; background-size: 94rem 131.4rem; background-position: -50.5rem -41.1rem; }
#today .mom-card { height: auto; min-height: 15.9rem; }
#today .helpers { margin-top: 1.8rem; }
#today .recommendations { margin-top: 2.4rem; }
#today .section-description { display: block; margin-top: .5rem; }
#today .pregnancy-summary { height: auto; margin-top: 1rem; padding: 1.3rem 1.6rem; }
#today .summary-row { height: auto; min-height: 2.8rem; gap: 1rem; }
#today .pregnancy-age { font-size: 2.15rem; line-height: 2.8rem; }
#today .summary-progress-row { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.5rem; }
#today .pregnancy-meta { margin-right: 0; font-size: 1.4rem; line-height: 1.8rem; white-space: nowrap; }
#today .progress-track { flex: 1; min-width: 0; margin: 0; height: 1.3rem; }
#today .progress-track > span { width: 68.93%; }
#today-articles { margin-top: 1rem; }
#today-articles > .today-material-card:first-child { grid-column: 1 / -1; }
#today-articles > .article-load-status { grid-column: 1 / -1; }
.today-material-card { height: auto; min-height: 11.2rem; padding: 1.1rem 1.3rem 3.9rem; background: #f7f3ef; }
.today-material-card .article-title { max-width: 78%; }
.today-material-card:first-child .article-title { max-width: 72%; font-size: 1.6rem; line-height: 1.9rem; }
.today-material-card .article-meta { padding: 0 .5rem; font-size: 1rem; }
.today-material-cover { position: absolute; right: 0; top: 0; width: 65%; height: 100%; object-fit: cover; mask-image: linear-gradient(to right, transparent, #000); opacity: .6; }
.today-practice-cover { background: url('assets/mom-reference.webp') 34.8% 62.82871% / 981% auto no-repeat; }