:root{color:#15202b;background:#f4f1e8;font-family:system-ui,sans-serif}body{margin:0}main{max-width:70rem;margin:auto;padding:2rem}.checkpoints,.controls{flex-wrap:wrap;gap:.75rem;margin-block:1rem;display:flex}output{border:1px solid;border-radius:.3rem;padding:.35rem .6rem}.dashboard{grid-template-columns:minmax(20rem,1fr) 18rem;gap:1rem;display:grid}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #d7d0c0;padding:.35rem}svg{background:#fff;width:100%}rect:first-child{fill:#15616d}rect:nth-child(2){fill:#ff7d00}rect:nth-child(3){fill:#78290f}pre{font-size:.75rem;overflow:auto}