/* Hallmark · macrostructure: Bulletin · tone: quiet editorial · anchor hue: ResetPing cobalt
 * Homepage summary: stacked reading order, compact header and separated footer.
 * Component pre-emit critique: P4 H5 E4 S4 R5 V4; inherits existing brand tokens. */
.news-nav { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--text-sm); white-space: nowrap; }
.news-section { background: var(--color-white); border-block: var(--rule-hair) solid var(--color-rule); }
.news-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-lg); }
.news-heading .eyebrow { margin-bottom: var(--space-sm); letter-spacing: .12em; font-size: var(--text-xs); }
.news-intro { max-width: 65ch; margin-top: var(--space-md); }
.feed-health { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: var(--space-sm) var(--space-lg); padding-block: var(--space-lg); font-size: var(--text-xs); }
.feed-health p:first-child { color: var(--color-ink); }
.health-mark { color: var(--color-accent); }
.feed-warning { padding: var(--space-md); border-left: 2px solid var(--color-muted); background: var(--color-paper); font-size: var(--text-sm); margin-bottom: var(--space-md); }
.demo-notice { padding: var(--space-md); margin-top: var(--space-lg); border: var(--rule-hair) dashed var(--color-accent); color: var(--color-accent); font-size: var(--text-sm); }
.upcoming-link { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); padding: var(--space-md) var(--space-lg); background: var(--color-pale); color: var(--color-accent); font-size: var(--text-sm); margin-bottom: var(--space-lg); }
.news-preview { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); column-gap: var(--space-3xl); }
.news-preview > :first-child { grid-row: span 2; }
.reset-event { padding-block: var(--space-xl); border-top: var(--rule-hair) solid var(--color-rule); min-width: 0; }
.event-meta { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-sm) var(--space-md); color: var(--color-muted); font-size: var(--text-xs); margin-bottom: var(--space-md); }
.event-stage { color: var(--color-accent); font-weight: 600; }
.stage-completed, .stage-withdrawn { color: var(--color-muted); }
.stage-upcoming { background: var(--color-pale); padding: var(--space-xs) var(--space-sm); }
.reset-event h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); }
.reset-event h3 a { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-md); }
.reset-event h3 a span { font-size: var(--text-base); color: var(--color-accent); }
.event-scope { font-size: var(--text-sm); margin-top: var(--space-sm); }
.event-schedule { padding: var(--space-md) 0; font-size: var(--text-sm); color: var(--color-accent); }
.event-schedule strong { font-weight: 500; color: var(--color-muted); }
.excerpt-label { margin-top: var(--space-lg); font-size: var(--text-xs); }
.reset-event blockquote { margin: var(--space-sm) 0 var(--space-lg); padding: 0; color: var(--color-ink); line-height: 1.75; overflow-wrap: anywhere; max-width: 65ch; }
.event-links { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-lg); margin-top: var(--space-sm); font-size: var(--text-sm); }
.event-links a { display: inline-flex; align-items: center; gap: var(--space-sm); min-height: 44px; color: var(--color-accent); }
.event-links a:hover, .news-pagination a:hover, .event-sources a:hover { text-decoration: underline; text-underline-offset: 4px; }
.banked-note { font-size: var(--text-sm); border-left: 2px solid var(--color-accent); padding-left: var(--space-md); margin-block: var(--space-md); }
.event-sources { border: 0; margin-top: var(--space-sm); }
.event-sources summary { font-size: var(--text-sm); color: var(--color-muted); display: list-item; padding-block: var(--space-sm); min-height: 44px; cursor: pointer; }
.source-count { font-size: var(--text-xs); margin-left: var(--space-sm); }
.event-sources ol { padding-left: var(--space-lg); margin: var(--space-lg) 0 0; }
.event-sources li { padding-bottom: var(--space-lg); }
.event-sources li a, .source-dates, .source-time { font-size: var(--text-xs); color: var(--color-muted); }
.event-sources li p { font-size: var(--text-sm); margin-top: var(--space-sm); white-space: pre-wrap; overflow-wrap: anywhere; }
.source-time { margin-top: var(--space-sm); }
.news-boundary { font-size: var(--text-xs); margin-top: var(--space-lg); max-width: 85ch; }
.news-bridge { display: flex; align-items: center; justify-content: space-between; gap: var(--space-xl); padding-block: var(--space-xl); margin-top: var(--space-xl); border-top: var(--rule-hair) solid var(--color-rule); }
.news-bridge h3 { font-size: var(--text-md); }
.news-bridge p { font-size: var(--text-sm); max-width: 65ch; margin-top: var(--space-sm); }
.news-bridge .text-link { color: var(--color-accent); font-size: var(--text-sm); }
.news-empty { padding: var(--space-2xl) 0; border-top: var(--rule-hair) solid var(--color-rule); }
.news-empty p { max-width: 60ch; }
.bulletin { padding-top: var(--space-xl); padding-bottom: var(--space-2xl); }
.bulletin-heading { padding-bottom: var(--space-lg); max-width: 800px; }
.bulletin-heading h1 { font-size: clamp(2rem, 3.2vw, 2.8rem); }
.bulletin-heading .eyebrow { letter-spacing: .1em; font-size: var(--text-xs); }
.bulletin-heading > p:last-child { margin-top: var(--space-lg); max-width: 65ch; }
.bulletin-layout { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: var(--space-3xl); align-items: start; }
.bulletin-feed { min-width: 0; }
.list-heading { padding-bottom: var(--space-lg); }
.list-heading h2 { font-size: var(--text-md); letter-spacing: 0; }
.list-heading p { font-size: var(--text-xs); margin-top: var(--space-xs); }
.bulletin-aside { padding: var(--space-lg); background: var(--color-pale); border-radius: var(--radius-sm); }
.bulletin-aside h2 { font-size: var(--text-base); letter-spacing: 0; }
.bulletin-aside p { font-size: var(--text-sm); margin-top: var(--space-md); }
.bulletin-aside .fine-print, .bulletin-aside .text-link { font-size: var(--text-xs); }
.news-pagination { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); border-top: var(--rule-hair) solid var(--color-rule); padding-block: var(--space-lg); font-size: var(--text-sm); }
.news-pagination a { display: inline-flex; align-items: center; min-height: 44px; color: var(--color-accent); }
@media (max-width: 900px) {
  .news-preview { column-gap: var(--space-xl); }
  .bulletin-layout { grid-template-columns: minmax(0, 1fr) 210px; gap: var(--space-xl); }
}
@media (max-width: 760px) {
  .site-header { flex-wrap: wrap; padding-block: var(--space-md); }
  .site-header nav { gap: var(--space-md); }
  .news-heading { align-items: start; flex-wrap: wrap; gap: var(--space-sm); }
  .news-heading h2 { font-size: 1.9rem; }
  .news-preview, .bulletin-layout { grid-template-columns: minmax(0, 1fr); }
  .news-preview > :first-child { grid-row: auto; }
  .event-compact { padding-block: var(--space-lg); }
  .event-links { column-gap: var(--space-lg); }
  .news-bridge { flex-direction: column; align-items: start; gap: var(--space-md); }
  .bulletin { padding-top: var(--space-lg); }
  .bulletin-heading h1 { font-size: 32px; }
  .bulletin-aside { margin-top: var(--space-md); }
  .feed-health { flex-direction: column; }
}
@media (max-width: 380px) {
  .site-header .brand { font-size: 19px; gap: var(--space-sm); }
  .site-header .mark { width: 25px; height: 25px; }
  .site-header nav { gap: var(--space-sm); }
  .news-nav, .language { font-size: var(--text-xs); }
}

/* A first-screen summary, with the product story immediately below it. */
.latest-announcement { padding: var(--space-md) var(--space-lg) 0; border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-sm); background: var(--color-white); }
.latest-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0 var(--space-lg); }
.latest-links { display: flex; align-items: center; flex-wrap: wrap; gap: 0 var(--space-lg); }
.latest-label { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-xs) var(--space-md); }
.latest-label h2 { font-size: var(--text-xs); font-weight: 600; letter-spacing: 0; line-height: 1.5; color: var(--color-accent); }
.latest-demo { font-size: var(--text-xs); color: var(--color-muted); }
.latest-all, .latest-source { display: inline-flex; align-items: center; gap: var(--space-sm); min-height: 44px; font-size: var(--text-xs); color: var(--color-accent); }
.latest-body { min-width: 0; padding-block: var(--space-sm) var(--space-lg); }
.latest-title { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm) var(--space-md); }
.latest-title h3 { font-size: var(--text-lg); line-height: 1.4; }
.latest-title h3 a { display: inline-block; }
.latest-title h3 a span { font-size: var(--text-base); color: var(--color-accent); }
.latest-title .event-stage { padding: var(--space-xs) var(--space-sm); border-radius: var(--radius-sm); background: var(--color-paper); font-size: var(--text-xs); font-weight: 500; }
.latest-title .stage-upcoming, .latest-title .stage-in_progress { background: var(--color-pale); }
.latest-meta { padding-block: var(--space-sm); font-size: var(--text-xs); }
.latest-meta time { font-variant-numeric: tabular-nums; }
.latest-announcement .source-preview { margin: var(--space-md) 0 0; }
.latest-announcement .source-preview blockquote { max-width: 75ch; }
.latest-footer { padding-block: var(--space-xs); border-top: var(--rule-hair) solid var(--color-rule); }
.latest-note { margin-top: var(--space-md); font-size: var(--text-xs); }
.latest-unavailable { padding-block: var(--space-sm); font-size: var(--text-md); color: var(--color-ink); }
.latest-all:hover, .latest-source:hover, .latest-title a:hover { text-decoration: underline; text-underline-offset: 4px; }
.latest-announcement a:active { color: var(--color-accent-hover); }
.home-with-news .hero { padding-top: var(--space-md); padding-bottom: var(--space-2xl); }
.home-with-news .hero-phone { width: 225px; }
@media (max-width: 760px) {
  .latest-announcement { padding-inline: var(--space-md); }
  .latest-body { padding-top: var(--space-sm); padding-bottom: var(--space-md); }
  .latest-title { align-items: start; }
  .latest-title h3 { flex-basis: 100%; font-size: var(--text-md); }
  .latest-footer { column-gap: var(--space-md); }
  .home-with-news .hero-copy { padding-top: var(--space-sm); }
  .home-with-news .hero .intro { margin-top: var(--space-md); }
  .home-with-news .hero .eyebrow { margin-bottom: var(--space-sm); }
}

/* Original posts are separate from ResetPing's structured interpretation. */
.x-post{padding:20px;border:1px solid var(--line,#e4e5ec);border-radius:16px;background:#fff}
.x-author{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.x-author>a:first-child{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}
.x-author span span{display:block;font-size:14px;color:#687080}
.x-avatar{border-radius:50%;object-fit:cover}.x-logo{display:block}
.x-post-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;line-height:1.6}
.x-post-footer{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:13px;margin-top:12px}

.x-post{position:relative}.x-post-hit{position:absolute;inset:0;border-radius:inherit}.x-post a:not(.x-post-hit){position:relative;z-index:1}.x-post-text{position:relative;pointer-events:none}.x-post-text a{pointer-events:auto}

/* Preview the source without expanding an entire event thread in the feed. */
.source-preview { margin-block: var(--space-md); }
.source-preview-label { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-md); font-size: var(--text-xs); color: var(--color-muted); }
.source-updated { color: var(--color-accent); }
.source-preview blockquote { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: pre-wrap; overflow-wrap: anywhere; margin: var(--space-xs) 0 0; padding: 0; font-size: var(--text-base); line-height: 1.6; color: var(--color-ink); }
.source-preview-compact blockquote { -webkit-line-clamp: 2; }
.x-avatar-slot { position: relative; display: block; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: #eef0f5; color: #89909e; }
.x-avatar-slot svg { display: block; }
.x-avatar-slot .x-avatar { position: absolute; inset: 0; width: 40px; height: 40px; opacity: 0; transition: opacity 150ms ease-out; }
.x-avatar-slot .x-avatar.is-loaded { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .x-avatar-slot .x-avatar { transition: none; } }