:root{font-family:system-ui;color:#172b35;background:#f6f8f9}main{max-width:960px;margin:32px auto;padding:20px}nav{margin-bottom:30px}textarea{display:block;width:100%;min-height:100px}label{display:block;margin:16px 0}button,select{padding:9px;margin:5px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:18px}article{background:white;border:1px solid #d9e4e8;padding:18px;margin:18px 0;border-radius:8px}blockquote{margin:10px 0;white-space:pre-wrap}details p{white-space:pre-wrap}#chart>div{margin:12px 0}#chart span{display:block}.bar{background:#24718a;color:white;min-width:100px;padding:4px;box-sizing:border-box}a{color:#135a77}