.evat { margin: 0 0 1.25rem; color: inherit; }
.evat h3 { margin: 0 0 .65rem; font-size: 1.1em; }
.evat-scroll {
  max-height: var(--evat-height, 280px);
  overflow-y: auto;
  padding: 1.1rem;
  border: 1px solid #b8c2ce;
  border-radius: 8px;
  background: #f8fafc;
  color: #243244;
  line-height: 1.7;
  font-size: 15px;
  overflow-wrap: anywhere;
  scrollbar-gutter: stable;
}
.evat-scroll:focus-visible { outline: 3px solid #245b9e; outline-offset: 3px; }
.evat-content > :last-child { margin-bottom: 0; }
.evat-content h2,.evat-content h3,.evat-content h4 { font-size: 1.1em; color: inherit; }
.evat-content a,.evat-link a { text-decoration: underline; }
.evat-status { margin: .65rem 0 .35rem; font-size: 14px; line-height: 1.5; }
.evat-status.evat-read { color: #166534; font-weight: 600; }
.evat-link { font-size: 13px; margin: .4rem 0 0; }
.evat-locked { opacity: .7; }
.evat-locked input[type="checkbox"] { cursor: not-allowed; }
@media (max-width: 640px) {
  .evat-scroll { max-height: min(var(--evat-height, 280px), 40vh); padding: .9rem; }
}