:root{font-family:system-ui,sans-serif;color:#172d35;background:#f3f6f7;line-height:1.5}body{margin:0}body>header,main{max-width:70rem;margin:auto;padding:1.25rem}body>header{border-bottom:2px solid #126b65}h1{font-size:1.65rem}button,input,select,textarea{font:inherit}button{padding:.55rem .85rem;margin:.35rem;border:1px solid #126b65;border-radius:.35rem;background:white;color:#134c48;cursor:pointer}button:disabled{opacity:.6;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b45d12;outline-offset:2px}section,fieldset,li{background:white;border:1px solid #ccd9dc;border-radius:.4rem;padding:1rem;margin:.75rem 0}ul{list-style:none;padding:0}label{display:block;margin:.6rem 0}input,select,textarea{max-width:100%;box-sizing:border-box;padding:.45rem;border:1px solid #67828a;border-radius:.25rem}textarea{width:100%;min-height:5rem}[role=alert]{border-left:4px solid #a13927;padding:.75rem}dialog{max-width:min(48rem,90vw);max-height:85vh;overflow:auto;border:1px solid #67828a;border-radius:.5rem;padding:1.2rem}dialog::backdrop{background:#102c38aa}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #ccd9dc}@media(max-width:40rem){body>header,main{padding:.8rem}button{min-height:2.75rem}dialog{padding:.8rem}}