:root{font:16px/1.6 system-ui,sans-serif;color:#233544;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header,footer{background:#fff;padding:1.3rem 5%;border-bottom:1px solid #d8e0e6}nav{display:flex;gap:1.5rem;flex-wrap:wrap}a{color:#165b9b}main{max-width:1150px;margin:2rem auto;padding:0 1.5rem}h1,h2{line-height:1.2}form,article,.panel{padding:1.5rem;border:1px solid #d4dfe7;border-radius:.5rem;background:#fff;margin:1rem 0}label{display:block;margin:.8rem 0}input,textarea,select{display:block;font:inherit;padding:.65rem;width:100%;max-width:700px;border:1px solid #9aabb9;border-radius:.25rem}input[type=checkbox]{display:inline;width:auto}button,.button{display:inline-block;border:0;padding:.7rem 1.2rem;background:#226bae;color:white;border-radius:.3rem;cursor:pointer;font:inherit;text-decoration:none}table{width:100%;border-collapse:collapse;background:white}td,th{text-align:left;padding:.7rem;border-bottom:1px solid #d4dfe7}pre{white-space:pre-wrap}img{max-width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.notice,[role=alert],[role=status]{padding:1rem;background:#fff4d5;border-left:4px solid #bc8300}.actions{display:flex;gap:1rem;flex-wrap:wrap}.inline{display:inline-block;margin:0;border:0;padding:0}small{color:#647687}@media(max-width:650px){table{display:block;overflow-x:auto}main{padding:0 1rem}form,article{padding:1rem}}