/* Live staff-published content (public/content-live.js). Builds on the editorial
   and expo-detail styles; only adds what those pages define inline or lack. */
.news-live-card .news-live-title { color: inherit; text-decoration: none; }
.news-live-card .news-live-title:hover, .news-live-card .news-live-title:focus-visible { text-decoration: underline; text-underline-offset: .18em; }
.news-live-card .news-live-summary { margin: 0; color: #444; line-height: 1.6; }
.news-live-card { position: relative; }

.news-article-hero .expo-breadcrumbs, .expo-live-page .expo-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2, 8px); font-size: var(--text-xs, 12px); color: var(--color-text-tertiary, #666); margin-block-end: var(--sp-4, 16px); }
.news-article-hero .expo-breadcrumbs a, .expo-live-page .expo-breadcrumbs a { color: var(--color-text-secondary, #444); text-decoration: none; }
.news-article-hero .expo-breadcrumbs a:hover, .expo-live-page .expo-breadcrumbs a:hover { text-decoration: underline; }
.news-article-meta { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: baseline; margin-block-start: 20px; color: #666; font-size: 14px; }
.news-article-meta .cat { color: #bd0011; font-weight: 500; }
.news-article-dek { max-inline-size: 780px; margin-block-start: 20px; color: #444; font-size: 18px; line-height: 1.7; }
.news-article-layout { max-inline-size: 760px; }
.news-article-cover, .expo-live-cover { display: block; inline-size: 100%; block-size: auto; max-block-size: 520px; object-fit: cover; border-radius: 4px; margin-block-end: 32px; }
.news-article-body p, .expo-live-description p { margin: 0 0 1.1em; font-size: 17px; line-height: 1.8; overflow-wrap: anywhere; }
.news-article-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 24px 0 0; }
.content-live-missing { padding-block: 72px; }
.content-live-missing p { color: #666; }

.expo-live-page .expo-detail-hero { background: var(--color-surface, #fff); border-block-end: 1px solid var(--color-border, #d8d8d8); padding-block: var(--sp-8, 32px) var(--sp-10, 40px); }
.expo-live-page .expo-grid { display: grid; grid-template-columns: 2.2fr 1fr; gap: var(--sp-8, 32px); margin-block: var(--sp-8, 32px); }
.expo-live-page .fact-card { background: var(--color-surface, #fff); border: 1px solid var(--color-border, #d8d8d8); border-radius: var(--radius, 4px); padding: var(--sp-6, 24px); display: flex; flex-direction: column; gap: var(--sp-4, 16px); }
.expo-live-page .fact-row { display: flex; justify-content: space-between; align-items: baseline; gap: var(--sp-4, 16px); border-block-end: 1px solid var(--grey-100, #f1f5f9); padding-block-end: var(--sp-2, 8px); font-size: var(--text-sm, 14px); }
.expo-live-page .fact-row[hidden] { display: none; }
.expo-live-page .fact-label { font-weight: 600; color: var(--color-text-secondary, #444); flex-shrink: 0; }
.expo-live-page .fact-val { color: var(--color-text-primary, #111); text-align: right; min-inline-size: 0; overflow-wrap: anywhere; }
.expo-live-page .expo-resource-link { color: var(--brand-text, #bd0011); font-size: var(--text-sm, 14px); text-decoration: underline; text-underline-offset: .18em; }
@media (max-width: 64rem) { .expo-live-page .expo-grid { grid-template-columns: 1fr; } }
@media (max-width: 30rem) { .expo-live-page .fact-row { flex-direction: column; gap: 4px; } .expo-live-page .fact-val { text-align: start; } }