/* Respond to the space left after the sidebar, rather than viewport width. */
.page-content{container-type:inline-size;container-name:overview-content}
.overview-events{container-type:inline-size;container-name:upnext}
.overview-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.overview-grid>*{min-width:0}
@container overview-content (max-width:850px){
 .overview-grid{grid-template-columns:minmax(0,1fr)}
 .overview-heading{flex-wrap:wrap;row-gap:12px}
}
@container overview-content (max-width:550px){.overview-heading .date-stamp{display:none}}
/* Keep dates and time ranges readable even during a resize. */
.upnext-date-row{flex-wrap:wrap;align-items:center}
.upnext-date-row .upnext-countdown{flex:0 0 100px}
.upnext-date-row time{flex:1 1 135px;min-width:0;overflow-wrap:normal;word-break:normal}
.upnext-date-row time>span,.upnext-date-row time>b{overflow-wrap:normal;word-break:normal}
.upnext-card-top{min-width:0}.upnext-calendar{flex:1;min-width:0}.upnext-card-number{flex-shrink:0}
.overview-events>.card-head{flex-wrap:wrap;gap:10px}
@container upnext (max-width:430px){
 .overview-event-wrap .overview-event{grid-template-columns:minmax(0,1fr);gap:8px}
 .overview-event-wrap .overview-event>span{grid-column:1}
 .overview-event-wrap .overview-event strong{white-space:normal;overflow-wrap:break-word;font-size:13px;line-height:1.5}
 .overview-event-wrap .overview-event time{overflow-wrap:normal}
 .overview-event-wrap .list-countdown{font-size:13px}
 .upnext-card{padding:21px 20px 16px}
 .upnext-card h2{font-size:26px;line-height:1.25}
 .upnext-deck{padding-left:8px;padding-right:8px}
 .upnext-stack{padding-left:24px;padding-right:24px}
 .upnext-card.upnext-peek{left:24px;right:24px}
 .upnext-deck-nav{margin-left:12px;margin-right:12px}
}
@container upnext (max-width:340px){
 .upnext-card{padding:18px 16px 14px}
 .upnext-card-top{gap:8px;margin-bottom:18px}
 .upnext-date-row{gap:12px;margin-bottom:18px}
 .upnext-date-row time{flex-basis:100%}
 .upnext-card h2{font-size:23px}
 .upnext-card .upnext-card-tags{gap:4px}
 .upnext-stack{padding-left:21px;padding-right:21px}
 .upnext-card.upnext-peek{left:21px;right:21px}
}
@supports not (container-type:inline-size){
 .overview-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr))}
 .overview-event-wrap .overview-event{grid-template-columns:minmax(0,1fr)}
 .overview-event-wrap .overview-event>span{grid-column:1}
}