.mali-demo{color:#16312e;background:#f5f7f6;border-radius:18px;max-width:720px;margin:0 auto;padding:24px 18px 36px;font-family:system-ui,sans-serif}.mali-demo__header{letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:800;display:flex}.mali-demo__header strong{color:#714f11;background:#f5e8c6;border-radius:8px;padding:7px 9px}.mali-demo h1{letter-spacing:-.04em;margin:24px 0 10px;font-size:clamp(29px,6vw,46px);line-height:1.1}.mali-demo p{font-size:14px;line-height:1.55}.mali-demo__offline{background:#e5eaeb;border-radius:12px;margin:20px 0;padding:13px 16px;font-size:14px;font-weight:700}.mali-demo__tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:18px 0;display:grid}.mali-demo__tabs button{font:inherit;cursor:pointer;color:#16312e;background:#fff;border:1px solid #cbd6d5;border-radius:9px;min-height:46px;font-size:13px}.mali-demo__tabs button[aria-current=page]{color:#fff;background:#16312e}.mali-demo__tabs button:focus-visible{outline-offset:2px;outline:3px solid #1688ae}.mali-demo__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mali-demo__grid article,.mali-demo__panel{background:#fff;border:1px solid #dce4e2;border-radius:12px;padding:19px 16px}.mali-demo__grid small{color:#526967;margin-bottom:10px;font-size:12px;display:block}.mali-demo__grid b{font-size:16px;line-height:1.35}.mali-demo__panel h2{margin:8px 0;font-size:18px}.mali-demo__panel svg{background:#f5f9fa;border-radius:8px;width:100%;height:120px;margin-top:10px}.mali-demo__warning{background:#fff0d5;border-left:4px solid #b78119;margin-top:22px;padding:13px}@media (width<=390px){.mali-demo__grid{grid-template-columns:1fr}.mali-demo__header{flex-wrap:wrap}}
