.marketing-learning-demo .demo-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.marketing-learning-demo .demo-preview{display:block;width:100%;max-width:100%;height:auto;margin:28px auto 0}
.marketing-learning-demo .demo-option{padding:24px;border:1px solid #c7dbfa;border-radius:18px;background:#f5f9ff;display:flex;flex-direction:column;align-items:flex-start}
.marketing-learning-demo .demo-option button{margin-top:auto;background:#0062d6;color:white;border:1px solid #0062d6;border-radius:8px;padding:12px 20px;cursor:pointer}
.marketing-learning-demo .demo-option button:hover{background:#0047a7;border-color:#0047a7}
.marketing-learning-demo .demo-host{margin-top:24px}.marketing-learning-demo .demo-close{display:block;margin:0 0 12px auto;background:#d96873;border-color:#d96873;color:#fff;font-weight:400}
.marketing-learning-demo .demo-close:hover{background:#d71920;border-color:#d71920;color:#fff;font-weight:700}
.marketing-learning-demo iframe{display:block;width:100%;height:740px;border:1px solid #c7dbfa;border-radius:16px;background:white}
.learning-demo-page{display:block;margin:0;padding:20px;background:white;min-height:0}.learning-demo-page main{max-width:1100px;margin:auto;min-width:0}.learning-demo-page h1{font-size:24px}.learning-demo-page .lm-panel{margin:0}.learning-demo-page .lm-sort-person{display:none}.learning-demo-page .lm-sort-scene{grid-template-columns:1fr 1fr}.learning-demo-page [hidden]{display:none!important}
.learning-demo-page .lm-sort-scene .lm-sort-item select{display:none!important}
.learning-demo-page .lm-sort-person{display:block}
.learning-demo-page .lm-sort-scene{grid-template-columns:minmax(140px,.85fr) minmax(180px,1fr) minmax(180px,1fr)}
.learning-demo-page .lm-sort-scene .lm-sort-categories{gap:48px}
.learning-demo-page .lm-sort-scene .lm-sort-zone{background:#f0f1f3!important;border-color:#dce0e5}
.learning-demo-page .lm-sort-picture{border:0;min-height:0}
.learning-demo-page .lm-sort-picture img{width:100%;height:auto;border-radius:10px}
.learning-demo-page .lm-quiz-picture{aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.learning-demo-page .lm-sort-item:focus-visible,.learning-demo-page [data-sort-zone]:focus-visible{outline:3px solid #0062d6!important;outline-offset:3px}
.learning-demo-page .demo-sort-hint{grid-column:1/-1;margin:0;text-align:left;font-size:14px}
@media(max-width:600px){.marketing-learning-demo .demo-options{grid-template-columns:1fr}.learning-demo-page{padding:12px}.learning-demo-page .lm-sort-scene{grid-template-columns:1fr}.learning-demo-page .lm-deck-actions{flex-wrap:wrap}.marketing-learning-demo iframe{height:720px}}

.marketing-home .marketing-learning-demo { background: #fff; border: 1px solid #dce6f1; border-radius: 24px; padding: clamp(30px, 4vw, 52px); margin-top: 24px; box-shadow: 0 14px 34px rgba(3, 41, 84, .055); box-sizing: border-box; }