body{background-color:silver;font-family:Verdana,Arial,sans-serif;margin:0;padding:20px}h1,h2{text-align:center}textarea{width:100%;height:100px;font-family:monospace;resize:vertical}button{display:block;margin:10px auto;padding:10px 20px;background-color:navy;color:#fff;border:none;cursor:pointer;font-size:16px}button:hover{background-color:#00c}table{border-collapse:collapse;width:100%;background-color:#fff;border:2px solid #000080;margin-bottom:20px}th,td{border:1px solid #000080;padding:8px;text-align:left;font-size:14px}th{background-color:navy;color:#fff}.section{margin:30px 0}.container{max-width:900px;margin:auto;background-color:#f0f0f0;padding:20px;border:3px double #000080}.form-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}pre{white-space:pre-wrap;word-break:break-word}@media screen and (max-width: 600px){body{padding:10px}.container{padding:10px;border-width:2px}th,td{font-size:12px;padding:6px}.form-row{flex-direction:column;align-items:stretch}}