.case-demo{margin:28px -16px 26px;min-width:0}
.case-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;background:#303642;border:1px solid #b4c2d333;border-bottom:0;border-radius:8px 8px 0 0;font-size:11px;color:#bbc6d7}
.case-demo-toolbar a{color:#eeeae2;text-decoration:none;white-space:nowrap;padding:6px 0}.case-demo-toolbar a:hover{text-decoration:underline}
.case-demo-controls{position:sticky;top:-38px;z-index:2;background:#303642;border-radius:8px 8px 0 0}
.case-demo-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 14px 14px;border-inline:1px solid #b4c2d333}
.case-demo-nav button{min-height:46px;padding:10px 14px;border:1px solid #a8bad442;border-radius:6px;background:#232a35;color:#d4deec;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap;cursor:pointer}
.case-demo-nav button[aria-pressed=true]{background:#eeeae2;color:#202630;border-color:#eeeae2}
.case-demo-nav button:hover{border-color:#d4deec}.case-demo-nav button:focus-visible{outline:2px solid #d4deec;outline-offset:2px}
.case-demo-frame{display:block;width:100%;height:780px;border:1px solid #b4c2d333;background:#f4f7fc;color-scheme:light}
.case-demo-note{margin:0!important;padding:11px 15px;font-size:11px!important;line-height:1.7;color:#aebbd0;border:1px solid #b4c2d333;border-top:0;border-radius:0 0 8px 8px}
@media(max-width:760px){.case-demo{margin:24px -22px}.case-demo-toolbar{padding:10px 14px;gap:8px;border-radius:0;font-size:10px}.case-demo-frame{height:740px;border-left:0;border-right:0}.case-demo-note{font-size:10px!important;padding:12px 14px;border-radius:0}}
@media(max-width:760px){.case-demo-controls{top:-25px;border-radius:0}.case-demo-nav{gap:6px;padding:0 12px 12px;border-inline:0}.case-demo-nav button{font-size:13px;padding:10px 8px;min-height:46px}}