.learning-hub-open{overflow:hidden}.lh-overlay{position:fixed;inset:0;z-index:1200;background:rgba(30,22,55,.45);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;padding:24px 16px;overflow:auto;overscroll-behavior:contain}.lh-panel{font:15px/1.5 system-ui,sans-serif;background:#f8f7fc;color:#282238;width:min(1120px,100%);border-radius:24px;padding:24px;box-shadow:0 24px 90px #24154033;box-sizing:border-box}.lh-panel *{box-sizing:border-box}.lh-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.lh-head h2{font-size:25px;margin:4px 0}.lh-head small{color:#7053c6}.lh-close{margin-left:auto;border:0!important;background:#ece7f8!important;min-width:44px;min-height:44px;border-radius:14px!important}.lh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lh-section{background:white;border:1px solid #e6e0ee;border-radius:18px;padding:20px;min-width:0}.lh-section h3{margin:0 0 16px;font-size:19px}.lh-panel h4{margin:12px 0 4px}.lh-item{padding:14px 0;border-bottom:1px solid #ece8f1;overflow-wrap:anywhere}.lh-item p{white-space:pre-wrap;margin:8px 0}.lh-item-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.lh-item-head span,.lh-tag{font-size:12px;color:#6b587f}.lh-empty,.lh-panel small{color:#6e647e}.lh-form{display:grid;gap:12px;background:#f7f5fc;border-radius:14px;padding:16px;margin-top:18px}.lh-panel label{display:grid;gap:6px;font-size:14px}.lh-panel input,.lh-panel textarea,.lh-panel select{font:inherit;border:1px solid #d6cfe4;border-radius:10px;padding:10px 12px;background:white;color:#282238;width:100%;min-width:0}.lh-panel textarea{resize:vertical}.lh-panel .lh-check{display:flex;align-items:center;gap:10px}.lh-check input{width:18px;height:18px;flex:none}.lh-panel button{font:inherit;cursor:pointer;border:1px solid #d6cfe4;border-radius:10px;padding:8px 12px;color:#493369;background:#fff}.lh-panel button:disabled{opacity:.6;cursor:wait}.lh-panel .lh-primary{background:#6847d9;border:0;color:white;min-height:44px}.lh-panel progress{width:100%;height:12px;accent-color:#6847d9}.lh-panel li{margin:10px 0}.lh-form-status,#lhStatus{color:#6747ad;margin:0;white-space:pre-wrap}.lh-student{max-width:420px;margin:16px 0}.lh-panel a{color:#6340bb}.lh-panel :focus-visible{outline:3px solid #a88dea;outline-offset:3px}@media(max-width:720px){.lh-overlay{padding:0;background:#f8f7fc}.lh-panel{border-radius:0;min-height:100%;padding:20px 14px calc(20px + env(safe-area-inset-bottom))}.lh-grid{grid-template-columns:1fr}.lh-section{padding:16px}.lh-head h2{font-size:22px}.lh-panel button{min-height:44px}.lh-panel input,.lh-panel select,.lh-panel textarea{font-size:16px}}
/* Sections remain separate without relying on the desktop theme. */
#learningHubPanel .lh-section[hidden]{display:none!important}
#learningHubPanel .as-learning-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px;border-bottom:1px solid #e6e0ef}
#learningHubPanel .as-learning-tabs button{width:auto;min-height:40px;padding:10px 14px;border:1px solid #e1dbe9;border-radius:12px;background:#fff;color:#5f536e;font:inherit;cursor:pointer}
#learningHubPanel .as-learning-tabs button[aria-selected="true"]{background:#6847d5;border-color:#6847d5;color:#fff}
#learningHubPanel .as-learning-tabs button:focus-visible{outline:3px solid #b5a1f1;outline-offset:2px}