:root{font-family:system-ui,sans-serif;color:#163443;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}header{background:#163443;color:white;padding:20px}header a{color:white;margin-right:20px}h1{margin:12px 0 0}main{max-width:1100px;margin:auto;padding:20px}section,form{margin:16px 0}article,form,#summary{background:white;border:1px solid #d3dde1;border-radius:10px;padding:18px}article{margin:10px 0}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{display:block;margin:10px 0}input,select,textarea,button{font:inherit;padding:10px;border:1px solid #aabac3;border-radius:6px}textarea{width:100%;min-height:75px}button{background:#ed7c24;color:#112f3e;cursor:pointer;font-weight:600;margin:6px 8px 6px 0}button:disabled{opacity:.5;cursor:default}.notice{padding:14px;background:#fff0d8;border-left:5px solid #ed7c24}.check{display:flex;gap:10px;align-items:center}.error{color:#a72121}.value{font-size:1.5rem;font-weight:700}.muted{color:#516874}.readonly{background:#eff4f6}.alert{color:#a72121;font-weight:600}#summary p{margin:10px 0}[hidden]{display:none!important}@media(max-width:650px){main{padding:12px}input,select{max-width:100%;width:100%}.check input{width:auto}header h1{font-size:1.4rem}}