.advanced-reading-ai {
  width: min(760px, 100%);
  margin: 2rem auto 1.25rem;
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid rgba(205, 174, 105, 0.35);
  border-radius: 18px;
  background: rgba(9, 14, 12, 0.82);
  text-align: left;
}

.advanced-reading-ai[hidden],
.advanced-reading-ai__output[hidden],
.advanced-reading-ai__action[hidden],
.advanced-reading-ai__sign-in[hidden] {
  display: none;
}

.advanced-reading-ai .reading-label,
.advanced-reading-ai__status {
  margin: 0 0 0.85rem;
}

.advanced-reading-ai__text {
  margin: 0 0 1rem;
  white-space: pre-wrap;
  line-height: 1.7;
}

.advanced-reading-ai__action {
  margin-top: 0.25rem;
}

.advanced-reading-ai__sign-in {
  display: inline-block;
  color: #e7c979;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.advanced-reading-ai[data-state="uncertain"] .advanced-reading-ai__status,
.advanced-reading-ai[data-state="unavailable"] .advanced-reading-ai__status,
.advanced-reading-ai[data-state="sign-in"] .advanced-reading-ai__status {
  color: #e1a090;
}