/* One persistent speech box for every guidance screen. */
.message-box { position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:14px 0 20px; padding:12px 16px; border:3px solid #0b2240; border-radius:16px; background:#fffdf7; color:#0b2240; font-size:18px; line-height:1.45; }
.message-box::after { content:""; position:absolute; left:42px; bottom:-11px; width:16px; height:16px; background:#fffdf7; border-right:3px solid #0b2240; border-bottom:3px solid #0b2240; transform:rotate(45deg); }
.message-box .msg-name { background:#b0121c; color:white; border-radius:999px; padding:5px 12px; }

.message-box .message-text { min-width:0; flex:1; color:#0b2240; }
.message-box .message-text p { color:#0b2240; margin:0 0 5px; }
.message-box .message-text p:last-child { margin-bottom:0; }
@media (prefers-reduced-motion:reduce) { .message-box { animation:none; transition:none; } }