/* Cron Explainer: expression input, examples, results. Loaded only on /tools/cron-explain/. */
.cron-group { display: grid; gap: var(--matrix-space-8); }
.cron-label { font-weight: 600; }
.cron-input { width: 100%; font-family: var(--matrix-font-mono); font-size: 1.125rem; }
.cron-hint, .cron-error { margin: 0; }
.cron-examples { display: flex; flex-wrap: wrap; gap: var(--matrix-space-8); }
.cron-example { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 6px 12px; text-align: left; }
.cron-example code { font-family: var(--matrix-font-mono); font-size: 0.8125rem; opacity: 0.85; }
.cron-settings .option-row select { max-width: 100%; }
.cron-results { margin-top: var(--matrix-space-16, 1rem); }
.cron-results h3 { margin: var(--matrix-space-16, 1rem) 0 var(--matrix-space-8); font-size: 1rem; }
.cron-sentence { font-size: 1.25rem; font-weight: 600; margin: 0; }
.cron-table-wrap { overflow-x: auto; }
.cron-fields { border-collapse: collapse; width: 100%; font-size: 0.9375rem; }
.cron-fields th, .cron-fields td { text-align: left; vertical-align: top; padding: 6px 10px; border-bottom: 1px solid var(--matrix-border); }
.cron-fields th[scope="row"] { font-weight: 600; white-space: nowrap; }
.cron-code { font-family: var(--matrix-font-mono); white-space: nowrap; }
.cron-runs { margin: 0; padding-left: 1.5em; display: grid; gap: 4px; }
.cron-run-wall { font-family: var(--matrix-font-mono); }
.cron-run-rel { font-weight: 600; }
/* daylight saving in the run list: a skipped time has an unnumbered row, a time that happens twice a note (appendix 45) */
.cron-run-skipped { list-style: none; color: var(--matrix-muted); }
.cron-run-dst { font-style: italic; }
.cron-warnings { margin: var(--matrix-space-8) 0 0; padding-left: 1.2em; }
.cron-policy { font-size: var(--matrix-type-caption); margin: var(--matrix-space-12) 0 0; }
@media (max-width: 600px) {
  .cron-run span { display: block; margin-left: 0; }
}
/* the meaning and the next run, right under the expression */
.cron-summary { display: grid; gap: 4px; padding: var(--matrix-space-8) var(--matrix-space-12); border-left: 3px solid var(--matrix-brand); background: var(--matrix-surface-subtle); }
.cron-summary p, .cron-summary ul { margin: 0; }
.cron-next { font-variant-numeric: tabular-nums; }