.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px max(16px,calc((100vw - 1140px)/2));background:#352711;border-bottom:1px solid #bd9448;color:#ffe2a0}.demo-banner div{display:grid;gap:3px}.demo-banner strong{font-size:15px}.demo-banner span{font-size:12px;color:#d1c09c}.demo-banner button{flex:none;padding:8px 12px;background:#ead08b;color:#251b07;border:1px solid #f5d999;border-radius:9px;font-size:12px;font-weight:750}.demo-error{background:#582c23}@media(max-width:480px){.demo-banner{align-items:stretch;flex-direction:column;gap:8px}.demo-banner button{align-self:flex-start}}
.demo-card{margin:18px 0;padding:18px;border:1px solid #b68a3f;border-radius:16px;background:linear-gradient(115deg,#342611,#18150f);display:grid;gap:8px}.demo-card h2{margin:0;color:#f6d389;font-size:20px}.demo-card p{margin:0;color:#c5b89e;font-size:14px}.demo-card a{display:inline-block;justify-self:start;margin-top:6px;padding:12px 18px;border-radius:10px;background:#ebc976;color:#241a09;font-weight:800;text-decoration:none}