/* Interview Max (public demo): on top of max.css. */
.iv .mx-msg .txt a { overflow-wrap: anywhere; }
.iv-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
.iv-buttons .mx-ghost { background: var(--panel); }
.iv-card-k { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mute); margin-right: 6px; }
.iv-card-line { font-size: 14px; margin: 2px 0; overflow-wrap: anywhere; }
.iv-tag { display: inline-block; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 2px 8px; margin-left: 6px; vertical-align: middle; }
.iv-tag.dated { background: var(--acc-soft); color: var(--link); }
.iv-tag.title { background: var(--soft); color: var(--mute); }
.iv-status { font-size: 13px; color: var(--mute); font-style: italic; }
.iv-cta-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 4px 0 12px; }
@media (max-width: 600px) { .mx-bar .mx-by { display: none; } .mx-ghost { padding: 6px 10px; } }