body{font:16px/1.7 system-ui,sans-serif;background:#f5f8fc;color:#202c40;margin:0}main{max-width:1000px;margin:auto;padding:32px 20px}h1{font-size:30px}a{color:#1959d9}article,.panel{background:white;border:1px solid #e4eaf2;border-radius:12px;padding:22px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.btn{display:inline-block;background:#276ef9;color:white;border-radius:7px;padding:10px 16px;text-decoration:none;border:0;cursor:pointer;font:inherit}input{box-sizing:border-box;width:100%;padding:10px;font:14px monospace}img{max-width:230px;width:100%}.muted{color:#67758a}summary{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #79a7ff}.grid article{margin:0}p{overflow-wrap:anywhere}