/* Protected modal shell copied only from confirmed-working G78T baseline. */
.modal{position:fixed;inset:0;background:rgba(15,30,40,.42);z-index:60;display:grid;place-items:center;padding:20px}.modal-card{background:#fff;border-radius:20px;width:min(820px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 60px rgba(5,20,30,.22)}.modal-head{position:sticky;top:0;background:white;border-bottom:1px solid var(--line);padding:15px 18px;display:flex;align-items:center;justify-content:space-between;z-index:2}.modal-head h3{margin:0}.modal #modalBody{padding:18px}@media(max-width:760px){.modal{padding:8px;align-items:end}.modal-card{width:100%;max-height:94vh;border-radius:20px 20px 8px 8px}}.modal.minicourse-active{padding:0;background:#fff;place-items:stretch}.modal.minicourse-active .modal-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column;overflow:hidden}.modal.minicourse-active .modal-head{flex:0 0 auto}.modal.minicourse-active #modalBody{padding:0;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}@media(max-width:760px){.modal.minicourse-active{padding:0;align-items:stretch}.modal.minicourse-active .modal-card{border-radius:0}}.modal-close-btn{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border:1px solid transparent;background:#f3f6f8;color:#314552;border-radius:12px;font-size:1.55rem;line-height:1;padding:0;font-family:Arial,sans-serif}.modal-close-btn:hover{background:#e8eef2;border-color:#d6e0e6}.modal-close-btn:focus-visible{outline:3px solid rgba(39,118,167,.2);outline-offset:2px}@media(max-width:650px){.modal-head{padding:11px 12px}.modal-close-btn{width:42px;height:42px;flex-basis:42px}}