.dnd-advice { min-width: 0; }
.dnd-advice-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; margin-bottom: 5px; }
.dnd-advice-title { margin: 0; font-size: 17px; font-weight: 700; }
.dnd-advice-badge { color: var(--muted); font-size: 10px; white-space: nowrap; }
.dnd-advice-context { margin: 0 0 13px; overflow-wrap: anywhere; }
.dnd-advice-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-bottom: 13px; }
.dnd-advice-topic { min-height: 38px; text-align: left; }
.dnd-advice-topic[aria-pressed="true"] { border-color: #ab80df; background: #3b2f4e; color: #eadbff; }
.dnd-advice-topic[aria-pressed="true"]:hover { background: #48365f; }
.dnd-advice-field { margin-bottom: 10px; }
.dnd-advice-situation { min-height: 82px; }
.dnd-advice-submit { min-height: 38px; border-color: #8c66bb; background: #47345e; font-weight: 650; }
.dnd-advice-submit:hover { background: #583f73; }
.dnd-advice-submit:active { background: #3d2b51; }
.dnd-advice-topic:focus-visible, .dnd-advice-submit:focus-visible, .dnd-advice-retry:focus-visible, .dnd-advice-source:focus-visible { outline: 2px solid #bb89f5; outline-offset: 2px; }
.dnd-advice-status { margin: 9px 0 0; }
.dnd-advice-error { margin: 8px 0; color: var(--danger); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.dnd-advice-retry { margin-top: 8px; }
.dnd-advice-result { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--border); }
.dnd-advice-answer { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.55; }
.dnd-advice-sources { display: grid; gap: 7px; margin: 12px 0 0; padding: 0; list-style: none; }
.dnd-advice-source { color: #b7c7fb; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; text-underline-offset: 2px; }
.dnd-advice-source:hover { color: var(--text); }
.dnd-advice-notice { margin: 10px 0 0; }
@media (max-width: 699px) {
  .dnd-advice-title { font-size: 16px; }
  .dnd-advice-submit { width: 100%; min-height: 40px; }
  .dnd-advice-topic { min-height: 40px; padding: 6px 8px; }
  .dnd-advice-answer { max-height: 44dvh; overflow: auto; font-size: 14px; }
}