.rich-stage{--rich-blue:#1d4ed8;--rich-green:#15803d;--rich-other:#71717a;--rich-violet:#7e22ce;--rich-sky:#0369a1;--rich-teal:#0f766e;--rich-tone:var(--accent,#c2410c);display:flex;flex-direction:column;gap:14px;min-width:0;min-height:100%;padding:2px 2px 16px;color:var(--ink,#27272a);font-size:calc(14px * var(--ui,1));overflow-wrap:anywhere}
[data-theme=dark] .rich-stage{--rich-blue:#60a5fa;--rich-green:#4ade80;--rich-other:#a1a1aa;--rich-violet:#c084fc;--rich-sky:#38bdf8;--rich-teal:#2dd4bf}
.rich-stage *{box-sizing:border-box}.rich-stage h2,.rich-stage h3,.rich-stage p,.rich-stage figure{margin:0}.rich-stage a{text-decoration:none;color:inherit}.rich-stage a:hover{text-decoration:underline;color:var(--rich-tone)}.rich-stage :focus-visible{outline:2px solid var(--rich-tone);outline-offset:3px}.rich-stage h2{font-size:clamp(1.2em,3cqi,2em);line-height:1.45;text-wrap:pretty}.rich-stage h3{font-size:1.12em;line-height:1.55;font-weight:650}.rich-stage p{line-height:1.7}
.rich-stage-headlines{--rich-tone:var(--rich-violet)}.rich-stage-compare{--rich-tone:var(--rich-sky)}.rich-stage-topics{--rich-tone:var(--rich-teal)}.rich-stage-videos{--rich-tone:var(--youtube,var(--rich-violet))}.rich-stage-traffic{--rich-tone:var(--rich-teal)}.rich-stage[data-palette=mono]{--rich-tone:var(--accent);--rich-blue:var(--ink);--rich-green:var(--ink);--rich-other:var(--muted)}.rich-stage[data-palette=source]{--rich-tone:var(--tag,var(--accent))}.rich-stage-videos[data-palette=source]{--rich-tone:var(--youtube)}.rich-stage-traffic[data-palette=source]{--rich-tone:var(--rich-teal)}
.rich-stage[data-source=blog]:not([data-palette=mono]){--rich-tone:var(--blog,var(--rich-green))}.rich-stage[data-palette=mono] .rich-camp-bar>span{background:var(--muted);border-right:1px solid var(--panel)}
.rich-stage .rich-heading{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.rich-stage .rich-kicker{display:inline-flex;border-radius:6px;padding:4px 9px;background:color-mix(in srgb,var(--rich-tone) 12%,var(--panel,#fff));color:var(--rich-tone);font-size:.91em;font-weight:700;line-height:1.5}.rich-stage .rich-muted,.rich-stage .rich-caption{color:var(--muted,#71717a)}.rich-stage .rich-caption{font-size:.8em}.rich-stage .rich-status{border-left:3px solid var(--rich-tone);padding:5px 9px;background:var(--subtle,#f4f4f5);color:var(--muted);font-size:.85em}
.rich-stage .rich-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rich-stage .rich-tile{min-width:0;padding:14px;display:flex;flex-direction:column;align-items:stretch;gap:8px;background:var(--subtle,#f4f4f5);border:1px solid var(--line,#e4e4e7);border-top:3px solid var(--rich-tone);border-radius:12px}.rich-stage .rich-rule-blue{border-top-color:var(--rich-blue)}.rich-stage .rich-rule-green{border-top-color:var(--rich-green)}.rich-stage .rich-rule-other{border-top-color:var(--rich-other)}
.rich-stage .rich-byline,.rich-stage .rich-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.87em;color:var(--muted)}.rich-stage .rich-byline>time{margin-left:auto;font-variant-numeric:tabular-nums;font-size:.9em}.rich-stage .rich-byline strong{color:var(--ink);font-weight:600}.rich-stage .rich-credits{display:flex;flex-wrap:wrap;gap:3px;font-size:.78em;line-height:1.55;color:var(--muted)}.rich-stage .rich-camp{border-radius:4px;padding:1px 5px;font-size:.81em;white-space:normal;background:var(--panel);border:1px solid currentColor}.rich-stage .rich-camp-blue{color:var(--rich-blue)}.rich-stage .rich-camp-green{color:var(--rich-green)}.rich-stage .rich-camp-other{color:var(--rich-other)}
.rich-stage .rich-tags{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--rich-tone);font-size:.84em;line-height:1.6}.rich-stage .rich-body{font-size:.9em;line-height:1.8;color:var(--muted);white-space:pre-line;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.rich-stage .rich-compare-body{display:block;max-height:38em;overflow:auto;scrollbar-width:thin;color:var(--ink);padding-right:4px}.rich-stage .rich-original{font-size:.78em;color:var(--rich-tone);margin-top:auto}.rich-stage .rich-picture{display:block;width:100%;aspect-ratio:16/9;max-height:180px;object-fit:cover;border-radius:8px;background:var(--panel)}
.rich-stage .rich-event-lead{display:flex;align-items:flex-start;gap:16px}.rich-stage .rich-event-lead>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}.rich-stage .rich-event-cover{width:30%;max-height:180px;flex-shrink:0}.rich-stage .rich-coverage{display:flex;flex-direction:column;gap:7px}.rich-stage .rich-camp-bar{display:flex;width:100%;min-height:24px;overflow:hidden;border-radius:6px;font-size:.79em;font-weight:650;color:#fff}.rich-stage .rich-camp-bar>span{flex-basis:0;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;white-space:nowrap}.rich-stage .rich-bar-blue{background:#1d4ed8}.rich-stage .rich-bar-green{background:#15803d}.rich-stage .rich-bar-other{background:#52525b}
.rich-stage .rich-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.rich-stage .rich-trend{color:var(--rich-tone);padding:9px 12px;background:var(--subtle);border:1px solid var(--line);border-radius:9px;min-width:0}.rich-stage .rich-trend figcaption{display:flex;justify-content:space-between;gap:12px;font-size:.8em;font-weight:600;line-height:1.6}.rich-stage .rich-trend figcaption span{font-weight:400;color:var(--muted)}.rich-stage .rich-trend svg{display:block;height:64px;width:100%;overflow:visible}.rich-stage .rich-trend-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:.7em}
.rich-stage .rich-diff{background:color-mix(in srgb,#f59e0b 23%,transparent);color:var(--ink);border-radius:2px}.rich-stage .rich-shared{background:color-mix(in srgb,var(--rich-sky) 18%,transparent);color:var(--ink);border-radius:2px}.rich-stage .rich-relation{font-size:.94em}.rich-stage .rich-extra{font-size:.85em;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.rich-stage .rich-extra summary{cursor:pointer;color:var(--rich-tone)}.rich-stage .rich-extra p{padding-top:8px}
.rich-stage .rich-video-slot{width:100%;aspect-ratio:16/9;display:flex;overflow:hidden;border-radius:9px;background:var(--panel)}.rich-stage .rich-video-play{position:relative;display:flex;flex-direction:column;width:100%;min-height:110px;border:1px solid var(--line);padding:0;background:var(--panel);color:var(--rich-tone);cursor:pointer}.rich-stage .rich-video-play .rich-picture{height:100%;max-height:none;border-radius:0}.rich-stage .rich-video-play>span{margin:auto;padding:10px;font-weight:600}.rich-stage .rich-video-play:has(img)>span{position:absolute;inset:auto 0 0;background:#000b;color:#fff}.rich-stage .rich-video-slot iframe{display:block;width:100%;height:100%;border:0}
.rich-stage .rich-traffic-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.rich-stage .rich-traffic-list>li{min-width:0}.rich-stage .rich-traffic-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.97em}.rich-stage .rich-traffic-row>span{min-width:0}.rich-stage .rich-traffic-row small{display:block;color:var(--muted);font-size:.78em}.rich-stage .rich-traffic-row>b{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--rich-tone);font-size:.95em}.rich-stage .rich-meter{height:5px;margin:7px 0 5px;background:var(--subtle);border-radius:4px;overflow:hidden}.rich-stage .rich-meter>span{display:block;height:100%;background:var(--rich-tone);border-radius:4px}.rich-stage.rich-empty{justify-content:center;align-items:center;text-align:center}
@container(min-width:1000px){.rich-stage .rich-headline-grid,.rich-stage .rich-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:600px){.rich-stage .rich-grid,.rich-stage .rich-traffic-list{grid-template-columns:minmax(0,1fr)}.rich-stage .rich-event-cover{width:27%}.rich-stage .rich-tile{padding:11px}.rich-stage h2{font-size:1.35em}.rich-stage .rich-copy-grid .rich-body{max-height:24em}}
@container(max-width:380px){.rich-stage .rich-event-lead{flex-direction:column}.rich-stage .rich-event-cover{width:100%;max-height:145px}.rich-stage .rich-traffic-row{flex-wrap:wrap}.rich-stage .rich-charts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){[data-motion=normal] .rich-stage{animation:rich-stage-arrive .3s ease-out}}
@keyframes rich-stage-arrive{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Keep headlines in view on wall displays; additional reports remain scrollable. */
@container(max-height:480px){
  .rich-stage{gap:10px;padding-bottom:8px}
  .rich-stage .rich-heading{gap:5px}
  .rich-stage .rich-heading>.rich-muted{font-size:.82em}
  .rich-stage .rich-tile{display:block;padding:10px;overflow:hidden}
  .rich-stage .rich-tile>*+*{margin-top:6px}
  .rich-stage .rich-tile>.rich-picture{float:right;width:28%;height:68px;margin:8px 0 6px 10px}
  .rich-stage .rich-tile>.rich-original{clear:both;padding-top:5px}
  .rich-stage .rich-tile h3{line-height:1.45}
  .rich-stage .rich-body{-webkit-line-clamp:2;line-height:1.6}
  .rich-stage .rich-compare-body{max-height:8em;display:block}
  .rich-stage .rich-tags{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .rich-stage .rich-tags a{margin-right:8px}
  .rich-stage .rich-credits{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .rich-stage .rich-event-cover{max-height:110px}
  .rich-stage .rich-trend{padding:6px 9px}
  .rich-stage .rich-trend svg{height:40px}
  .rich-stage .rich-charts{gap:10px}
  .rich-stage .rich-video-slot{max-height:150px}
}
@container(max-height:300px){
  .rich-stage{gap:8px}
  .rich-stage h2{font-size:1.25em}
  .rich-stage .rich-tile{padding:8px}
  .rich-stage .rich-tile>.rich-picture{height:48px;width:24%}
  .rich-stage .rich-event-cover{max-height:80px}
  .rich-stage .rich-video-slot{max-height:110px}
}
@container(max-height:230px){
  .rich-stage .rich-heading{flex-direction:row;align-items:center;flex-wrap:wrap}
  .rich-stage .rich-heading>.rich-muted{flex-basis:100%;font-size:.75em}
  .rich-stage .rich-kicker{font-size:.78em;padding:2px 6px}
  .rich-stage .rich-status{padding:2px 6px;font-size:.75em}
  .rich-stage .rich-heading>.rich-muted,.rich-stage .rich-credits{display:none}
  .rich-stage .rich-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rich-stage .rich-tile h3{font-size:1em}
}
