:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0}main{max-inline-size:60rem;margin-inline:auto;padding-inline:1rem;padding-block:2rem}ul{padding-inline-start:1.25rem}label{display:block;margin-block-start:.75rem}input{inline-size:100%;max-inline-size:28rem;padding:.4rem}button{margin-block-start:.75rem;padding:.4rem .9rem}[role=alert]{color:#b00020}.tiles{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1rem}.tiles>div{min-inline-size:8rem;padding:.75rem 1rem;border:1px solid currentColor;border-radius:.25rem}.tiles dt{font-size:.85rem}.tiles dd{margin-inline-start:0;font-size:1.75rem;font-variant-numeric:tabular-nums}table{border-collapse:collapse;inline-size:100%}th,td{text-align:start;padding-inline-end:1rem;padding-block:.25rem;border-block-end:1px solid currentColor}caption{text-align:start;padding-block-end:.5rem}