:root{color-scheme:light;--red:#c9131c}*{box-sizing:border-box}body{margin:0;color:#202124;background:#fff;font:1rem/1.65 system-ui,sans-serif}header,main,footer{max-width:76rem;margin:auto;padding:1.5rem}header{border-bottom:2px solid var(--red)}nav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}main{max-width:62rem}a{color:#a41019}h1{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.2}h2,h3{line-height:1.3;margin-top:2rem}aside{padding:1rem;background:#fff0ca;border-bottom:2px solid #826000}footer{border-top:1px solid #ccc}.table{overflow-x:auto}table{border-collapse:collapse;min-width:26rem}td{padding:.8rem;border:1px solid #bbb;vertical-align:top}tr:first-child{font-weight:bold;background:#f1f1f1}label{display:block;margin:1rem 0}input:not([type=checkbox]),textarea{display:block;width:100%;padding:.7rem;font:inherit;border:1px solid #666;border-radius:.25rem}button{font:inherit;margin:.4rem .5rem .4rem 0;padding:.65rem 1rem;border:1px solid #444;border-radius:.3rem;background:#fff;color:#171717;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #0069c2;outline-offset:3px}#result{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:#f4f4f4;min-height:3rem}section{margin:2rem 0}