body{font:16px/1.5 system-ui;background:#f4f6f8;color:#17232f;margin:0}main{max-width:1100px;margin:auto;padding:20px}header{position:sticky;top:0;background:#f4f6f8;padding:10px;border-bottom:2px solid #ccd}article{background:white;padding:20px;margin:18px 0;border:1px solid #ccd;border-radius:10px}label{display:block;margin:10px 0}textarea{width:100%;min-height:90px;box-sizing:border-box}button,input,select,textarea{font:inherit;padding:8px}button{margin:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere}a{color:#164bb1}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #007b9a}details{margin:12px 0}@media(max-width:600px){main{padding:10px}header{position:static}article{padding:12px}button{max-width:100%}}