:root { --course-accent: #9b87ff; --course-soft: #eee9ff; --course-dark: #443079; --orange: #9b87ff; --lime: #c9bcff; --teal: #443079; --blue: #5f45a3; }
.batch-trace { min-width: 0; }
.batch-trace ol { list-style: none; padding: 0; margin: 16px 0 0; }
.batch-trace li { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 6px 10px; padding: 12px 0; border-top: 2px solid var(--ink); overflow-wrap: anywhere; }
.batch-trace li > :last-child { grid-column: 1 / -1; font-size: .8rem; line-height: 1.6; }
.batch-time { font-family: var(--mono); font-size: .8rem; }
.batch-state { grid-column: 2; justify-self: start; padding: 3px 6px; border: 2px solid var(--ink); background: var(--course-soft); font-family: var(--mono); font-size: .65rem; font-weight: 700; }
.batch-state[data-state="SUCCEEDED"] { background: #c7e7b2; }
.batch-state[data-state="FAILED"] { background: #ffd1c4; }
.batch-sources { font-size: .85rem; }
.batch-sources a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 760px) {
  .hero .outline { font-size: clamp(34px, 10vw, 56px); white-space: normal; overflow-wrap: normal; }
}