/* Colleen's left-side mobile spine with our notification content. */
@media(max-width:650px){
 #context-page .notification-timeline{height:auto;margin-bottom:8px}
 #context-page .timeline-leaders{display:none}
 #context-page .notice-events{display:block;position:relative;height:auto;margin:0 0 0 9px;padding:2px 0 0 24px;border-left:3px solid var(--navy)}
 #context-page .notice-event{display:block;position:relative;margin:0 0 14px;min-height:0;overflow:visible;border-radius:12px}
 #context-page .notice-event::before{content:'';position:absolute;left:-24px;top:20px;width:13px;height:13px;margin-left:-8px;border:0;border-radius:50%;background:var(--navy);box-shadow:0 0 0 1px var(--paper)}
 #context-page .notice-event.incident::before{background:var(--accent)}
 #context-page .notice-event:last-child{margin-bottom:0}
 #context-page .notice-event a{display:block;height:auto;min-height:0;padding:12px 14px;border-radius:12px}
 #context-page .notice-icon.logo-icon{position:absolute;top:12px;left:13px;width:22px;height:22px}
 #context-page .notice-copy{display:block}
 #context-page .notice-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:24px;margin-bottom:10px;padding:0 0 0 29px;font-size:12px;line-height:1.3}
 #context-page .notice-meta b{min-width:0}
 #context-page .notice-meta time{position:static;flex:none;margin:0;font-size:12px;line-height:1.3}
 #context-page .notice-headline{font-size:16px;line-height:1.35;letter-spacing:0}
 #context-page .notice-headline br{display:none}
 #context-page .notice-source{display:block;position:static;margin-top:10px;font-size:11px;line-height:1.4}
 #context-page .notification-timeline .axis-months{display:block;position:relative;top:auto;left:auto;right:auto;height:auto;margin:0 0 0 9px;padding:20px 0 0 24px;border-left:3px solid var(--navy)}
 #context-page .notification-timeline .axis-months::before{content:'';position:absolute;left:-11px;bottom:0;width:19px;height:19px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--paper)}
 #context-page .axis-months .you-are-here{position:static;display:block;border:0;padding:0;background:none;text-align:left;font-size:15px;font-weight:800;line-height:19px;letter-spacing:.3px}
}
/* Plain timeline entries on mobile, without notification bubbles. */
@media(max-width:650px){
 #context-page .notice-event{border:0;border-radius:0;background:none;box-shadow:none;margin-bottom:24px}
 #context-page .notice-event a{border:0;border-radius:0;background:none;box-shadow:none;padding:0}
 #context-page .notice-event a:hover{background:none;box-shadow:none}
 #context-page .notice-event::before{top:5px}
 #context-page .notice-icon.logo-icon{top:0;left:0}
 #context-page .notice-meta{padding-left:30px;margin-bottom:8px}
 #context-page .notice-source{margin-top:8px}
}

/* One category for timeline events; retain the distinct endpoint. */
#context-page .axis-dot{fill:var(--navy)}
@media(max-width:650px){#context-page .notice-event::before{background:var(--accent)}}
#context-page .timeline-leaders .axis-dot{fill:var(--accent)}
/* More legible source names without changing event summary text. */
#context-page .notice-meta b{font-size:12px;line-height:1.2;font-weight:700}
@media(min-width:651px){
 #context-page .notice-meta{min-height:30px;padding-right:43px}
 #context-page .notice-headline{font-size:14px}
}
@media(max-width:650px){#context-page .notice-meta b{font-size:14px;line-height:1.3}}
/* Larger source names. */
#context-page .notice-meta b{font-size:14px;line-height:1.2}
@media(max-width:650px){#context-page .notice-meta b{font-size:16px;line-height:1.3}}
/* Prominent dates in the site's red accent. */
#context-page .notice-meta time{font-size:14px;font-weight:700;line-height:1.2;color:var(--accent)}
@media(min-width:651px){#context-page .notice-meta{padding-right:52px}}
@media(max-width:650px){#context-page .notice-meta time{font-size:15px;line-height:1.3}}