:root{font:17px system-ui;color:#18343d;background:#f4f2ec}*{box-sizing:border-box}body{margin:0}header{background:#18343d;color:white;padding:24px;display:flex;gap:24px;flex-wrap:wrap}header strong{font-size:26px}main{max-width:980px;margin:auto;padding:24px}section{margin-bottom:24px}label{display:block;margin:14px 0}input,select{display:block;font:inherit;width:100%;padding:12px;border:1px solid #62757b;border-radius:6px}button{font:inherit;min-height:44px;margin:6px 6px 6px 0;padding:10px 16px;background:#18584c;color:white;border:0;border-radius:6px;cursor:pointer}button:disabled{background:#687678;cursor:default}form{max-width:520px}nav{display:flex;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card,article{padding:20px;background:white;border:1px solid #c2c7c1;border-radius:10px;margin-bottom:12px}.status{font-weight:700}#message{color:#90390b;min-height:24px}footer{padding:24px;text-align:center;font-size:14px}pre{white-space:pre-wrap;word-break:break-word}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b87900;outline-offset:3px}[hidden]{display:none!important}