/* Export page — callouts + state tables */

.callout {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 24px 28px;
  border-radius: var(--r-lg);
  border: 1px solid var(--c-line);
  font-weight: 600;
  line-height: 1.55;
}
.callout p { margin: 0; }
.callout__icon {
  flex: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.callout--danger {
  background: rgba(255, 99, 71, 0.10);
  border-color: rgba(255, 99, 71, 0.35);
  color: #FFC4BC;
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-edge);
}
.callout--danger .callout__icon { background: #E14B38; color: #fff; }
.callout--warn {
  background: rgba(255, 128, 57, 0.10);
  border-color: rgba(255, 128, 57, 0.35);
  color: #FFD3B8;
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-edge);
}
.callout--warn .callout__icon { background: var(--c-primary); color: var(--c-dark); }

/* Light mode: callout text drops to burnt tones for contrast on pale fills */
[data-theme="light"] .callout--danger {
  background: rgba(217, 58, 43, 0.08);
  border-color: rgba(217, 58, 43, 0.3);
  color: #8A2113;
}
[data-theme="light"] .callout--warn {
  background: rgba(255, 128, 57, 0.1);
  border-color: rgba(228, 101, 10, 0.35);
  color: #7A3A12;
}

/* State tables: row headers styled like body cells, state name on one line */
.table--states th[scope="row"] {
  text-align: left;
  background: inherit;
  font-weight: 600;
  color: var(--c-ink);
  white-space: nowrap;
}