*{box-sizing:border-box}body{margin:0;background:#fff;color:#213444;font:15px system-ui,sans-serif}main{max-width:1300px;margin:auto;padding:20px}header span{font-size:12px;font-weight:700;letter-spacing:.1em;color:#823535}h1{margin:6px 0;font-size:28px}p{margin:8px 0}header p,footer,#filter,#updated{color:#526370}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}select{padding:6px;border:1px solid #b7c4cd;border-radius:4px}canvas{width:100%;height:840px;display:block;margin-top:12px;border:1px solid #dce3e8}footer{font-size:13px;line-height:1.5;margin-top:16px}@media(max-width:500px){main{padding:10px}h1{font-size:24px}}