.demo-intro-actions{display:flex;align-items:center;gap:24px;margin-top:24px;flex-wrap:wrap}
.embedded-demo-section{padding-top:10px}
#live-demo{scroll-margin-top:125px}
.embedded-tabs{display:grid;grid-template-columns:1fr 1.2fr 1fr;max-width:610px;gap:10px;margin:0 0 24px}
.embedded-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 15px;border:1px solid #899eae;border-radius:5px;color:var(--ink);font-size:15px;font-weight:650;text-decoration:none;text-align:center;background:#fff}
.embedded-tabs a:hover{border-color:#173f5b;background:#eef3f7}
.embedded-tabs a[aria-selected=true]{background:#173f5b;border-color:#173f5b;color:#fff}
.embedded-panel{margin-bottom:32px;scroll-margin-top:125px}
.embedded-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:0 0 20px}
.embedded-panel-head h2{font-size:25px;margin:0 0 9px}
.embedded-panel-head p{font-size:16px;line-height:1.7;max-width:800px;margin:0}
.embedded-open{font-size:14px;white-space:nowrap;margin-top:5px}
.embedded-frame-wrap{border:1px solid #a9bac7;border-radius:7px;overflow:hidden;background:#f5f7fa}
.embedded-frame-wrap iframe{display:block;width:100%;height:78vh;height:78svh;min-height:600px;max-height:1000px;border:0;background:#fff}
.embedded-note{font-size:13px;color:var(--muted);line-height:1.7;max-width:900px;margin:22px 0 0}
@media(max-width:650px){.embedded-panel-head{flex-direction:column;gap:12px}.embedded-panel-head h2{font-size:23px}.embedded-panel-head p{font-size:15px}.embedded-open{margin:0}.embedded-tabs{gap:7px}.embedded-tabs a{font-size:13px;padding:10px 6px}.embedded-frame-wrap iframe{height:80vh;height:80svh;min-height:560px;max-height:850px}.embedded-frame-wrap{border-radius:4px}.demo-intro-actions{gap:18px}}
@media(max-width:360px){.embedded-tabs a{font-size:12px;padding-inline:3px}}

@media(max-width:480px){.embedded-demo-section>.container{width:calc(100% - 24px)}}