/* cron-expression-explainer: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.cron-input { font-size: 1.5rem !important; letter-spacing: 0.08em; text-align: center; padding: 14px !important; }
.cron-fields { display: grid; grid-template-columns: repeat(5, 1fr); text-align: center; font-size: 0.78rem; color: var(--slate); margin-top: 6px; }
.cron-result { padding: 22px 24px; }
.cron-description { margin: 0; color: #fff; font: 700 clamp(1.25rem, 1.05rem + 1vw, 1.7rem)/1.3 var(--display); }
.cron-next { margin: 0; padding-left: 1.4em; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 6px 24px; font-variant-numeric: tabular-nums; }