.reporter-portrait { position:relative; display:block; width:88px; height:88px; flex:0 0 auto; }
.reporter-portrait { padding:0; border:0; background:transparent; cursor:pointer; min-height:0; }
.reporter-label { position:absolute; bottom:4px; left:12%; right:12%; padding:2px; border-radius:4px; background:#10252eee; color:#b0ffd7; font-size:10px; font-weight:700; line-height:1.2; text-align:center; }
.reporter-portrait:focus-visible { outline:2px solid #f5ca81; outline-offset:3px; }
.reporter-portrait img { display:block; width:100%; height:100%; border-radius:14px; }
.reporter-portrait .reporter-mouth { position:absolute; inset:0; opacity:0; clip-path:ellipse(11% 7% at 51% 55%); }
.reporter-portrait.is-talking .reporter-mouth { animation:reporter-talk 480ms steps(1,end) infinite; }
@keyframes reporter-talk { 0%,45%,85% { opacity:1; } 25%,65%,100% { opacity:0; } }
.reporter-broadcast { position:relative; min-height:88px; }
.reporter-bubble { position:relative; margin:0; padding:10px 12px; border:1px solid #8be4b0; border-radius:12px; background:#203e45; color:#eff4f8; font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.reporter-broadcast .reporter-bubble { position:absolute; left:0; right:100px; top:0; bottom:0; overflow:auto; overscroll-behavior:contain; z-index:1; }
.reporter-bubble.is-announcing { box-shadow:0 0 0 2px #8be4b026; }
.reporter-bubble::after { content:""; position:absolute; right:6px; bottom:2px; width:7px; height:7px; border-right:2px solid #8be4b0; transform:rotate(-35deg); }
.news .reporter-portrait { width:64px; height:64px; }
.news { flex-shrink:0; }
.news .reporter-bubble { flex:1; min-width:0; max-height:76px; overflow:auto; }
@media (max-height:650px) and (min-width:1100px), (max-height:540px) {
  .reporter-portrait { width:56px; height:56px; }
  .reporter-broadcast { min-height:56px; }
  .reporter-broadcast .reporter-bubble { right:68px; padding:7px 9px; font-size:11px; }
}
@media(max-height:600px) {
  .news .reporter-portrait { width:44px; height:44px; }
  .news .reporter-bubble { max-height:48px; padding:6px 10px; }
}
@media(prefers-reduced-motion:reduce) {
  .reporter-portrait.is-talking .reporter-mouth { animation:none; }
}
#reporterHelper { width:min(560px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:0; border:1px solid #42606c; border-radius:14px; background:#17232f; color:#eff4f8; overflow:auto; }
#reporterHelper::backdrop { background:#060e19c9; }
.reporter-help-content { padding:24px; display:grid; gap:16px; }
.reporter-help-content h2,.reporter-help-content p { margin:0; }
.reporter-help-content p { line-height:1.5; font-size:14px; }
.reporter-help-content nav { display:flex; flex-wrap:wrap; gap:8px; }
.reporter-help-content button { padding:8px 12px; border:1px solid #42606c; border-radius:6px; background:#203e45; color:#eff4f8; font:inherit; cursor:pointer; min-height:40px; }
.reporter-help-content button[aria-pressed=true] { background:#8be4b0; color:#10251a; }
#reporterPointers { display:grid; gap:14px; }
.reporter-help-content .reporter-help-note { font-size:12px; color:#b7c7d5; }
