:root{font-family:system-ui,sans-serif;color:#174745;background:#f2fbfa;font-size:16px}body{margin:0}main{max-width:760px;margin:48px auto;padding:0 20px}h1{font-size:34px;margin-bottom:4px}header{margin-bottom:30px}section{background:white;border:1px solid #d3e7e4;border-radius:14px;padding:24px;margin-bottom:20px}h2{font-size:22px;margin-top:0}p{line-height:1.6;overflow-wrap:anywhere}button{font:inherit;border:0;border-radius:9px;padding:13px 18px;background:#087c78;color:white;cursor:pointer;min-height:44px;max-width:100%;white-space:normal}button:focus-visible{outline:3px solid #ebbb62;outline-offset:3px}button:disabled{opacity:.6;cursor:not-allowed}article{padding:12px 0;border-top:1px solid #d3e7e4}h3{font-size:18px}.selection{margin-top:16px;padding:16px;background:#f2fbfa;border-radius:9px}.selection button{margin:4px 0}#status,#connection-status{font-weight:600}[hidden]{display:none!important}@media(max-width:480px){main{margin:24px auto}section{padding:18px}button{width:100%}}