body{font:18px system-ui;background:#f3f5f9;color:#17233a;margin:2rem auto;padding:1rem;max-width:850px}section{background:white;padding:2rem;border-radius:12px;border-top:8px solid #062c79}strong{color:#062c79}input{font:inherit;width:8rem;padding:.4rem}td,th{text-align:left;padding:.8rem}table{width:100%} .table-wrap{overflow-x:auto} @media(max-width:600px){body{margin:0;padding:.5rem}section{padding:1rem}td,th{padding:.4rem}}button{font:inherit;background:#062c79;color:white;border:0;padding:.8rem}aside{background:#fff2bf;padding:1rem}output{display:block;margin-top:1rem}