/* Date-and-time page additions; the shared hosting stylesheet is preserved. */
.date-page .hero{min-height:550px}
.date-page .hero-inner{padding-block:60px 48px}
.date-page .hero-copy{max-width:650px}
.date-page .fighter-name{font-size:clamp(66px,6.5vw,94px);line-height:.98}
.date-page .date-hero-topic{color:var(--paper);margin-top:5px}
.date-page .hero-tagline{margin:8px 0 10px}
.date-bet-invite{font-size:16px;margin:0 0 15px;color:#e2e4e5}
.date-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);padding:22px 0 0}
.date-page .byline-row{padding-top:20px}
.date-page .updated{max-width:330px}
.date-page .table-scroll th[scope=row]{background:transparent;color:var(--ink);font-weight:600;white-space:normal;width:43%}
.date-readable{max-width:960px}
.date-page .desktop-nav a[aria-current=page]{color:var(--red);text-decoration:underline;text-underline-offset:6px}
@media(max-width:1150px){.date-page .hero-inner{padding-block:56px 46px}.date-page .fighter-name{font-size:76px}}
@media(max-width:900px){.date-page .fighter-name{font-size:68px}}
@media(max-width:720px){.date-page .hero{min-height:0}.date-page .hero-inner{padding-block:205px 28px}.date-page .fighter-name{font-size:clamp(43px,9.3vw,66px);line-height:.98}.date-page .date-hero-topic{margin-top:3px}.date-page .hero-date{font-size:16px}.date-page .hero-tagline{font-size:16px;margin-top:9px}.date-bet-invite{font-size:14px;margin-bottom:12px}.date-breadcrumb{font-size:12px;padding-top:18px}.date-page .updated{max-width:190px}.date-page .table-scroll th[scope=row]{width:42%}.date-page .table-scroll table{font-size:14px}.date-page .editor-note{max-width:170px}}
@media(max-width:370px){.date-page .hero-inner{padding-top:185px}.date-page .fighter-name{font-size:42px}}
@media(max-width:720px) and (max-height:740px){.date-page .hero-inner{padding-top:155px}.date-page .hero-media{height:225px}.date-page .hero-date{margin-top:10px}.date-page .hero-kicker{margin-bottom:10px}}