.case-answer-workspace {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  border-top: 1px solid rgba(71, 215, 207, .28);
  padding-top: 12px;
}

.case-answer-tabs { display: flex; gap: 6px; overflow-x: auto; }

.case-answer-tab,
.case-answer-chip,
.case-answer-export {
  min-height:44px;
  border: 1px solid rgba(71, 215, 207, .3);
  border-radius: 4px;
  padding: 8px 11px;
  color: inherit;
  background: rgba(71, 215, 207, .06);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
}

.case-answer-tab[aria-selected=true] { color: #071413; background: #47d7cf; }

.case-answer-tab:focus-visible,
.case-answer-chip:focus-visible,
.case-answer-export:focus-visible {
  outline: 2px solid #47d7cf;
  outline-offset: 2px;
}

.case-answer-panel {
  min-width: 0;
  padding: 10px 0;
  color: rgba(242, 240, 234, .86);
  font-size: 13px;
  line-height: 1.6;
}

.case-answer-panel[hidden] { display: none; }
.case-answer-panel.evidence { display: flex; flex-wrap: wrap; gap: 7px; }
.case-answer-muted { margin: 0 0 8px; color: rgba(242, 240, 234, .6); font-size: 11px; }
.case-answer-chip { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 9px; }
.case-answer-footer { display: flex; justify-content: flex-end; }
.case-answer-export { min-height: 40px; font-size: 11px; }

@media (max-width: 600px) {
  .case-answer-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; overflow: visible; }
  .case-answer-tab { width: 100%; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  .case-answer-tab:first-child { grid-column: 1 / -1; }
  .case-answer-footer { justify-content: stretch; }
  .case-answer-export { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .case-answer-tab,
  .case-answer-chip,
  .case-answer-export { transition: none !important; animation: none !important; }
}