.l-portal-modes { display:flex; flex-wrap:wrap; gap:5px; align-self:flex-start; padding:4px; border:1px solid var(--l-line,#dadada); border-radius:12px; background:var(--l-bg-main,#ebeff6); }
.l-portal-modes[hidden], [data-l-module-launcher-filter][hidden], [data-l-module-launcher-edit-toggle][hidden] { display:none; }
.l-portal-mode { border:0; border-radius:8px; background:transparent; color:var(--l-ink-main,#111c43); padding:10px 16px; cursor:pointer; font:inherit; font-weight:600; }
.l-portal-mode[aria-pressed="true"] { background:var(--l-bg-soft,#fff); box-shadow:0 2px 6px #111c4318; }
.l-portal-mode:focus-visible, .l-portal-course:focus-visible, .l-portal-shortcut:focus-visible { outline:3px solid var(--l-primary,#6f96e8); outline-offset:3px; }
.l-portal-intro { padding:14px 0 8px; }
.l-portal-intro h2 { font-size:26px; margin:0 0 8px; }
.l-portal-intro p, .l-portal-footnote { color:var(--l-ink-mid,#444); line-height:1.6; }
.l-portal-heading { margin:18px 0 12px; font-size:16px; }
.l-portal-courses { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:14px; }
.l-portal-course { display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:12px; padding:22px; min-height:200px; border:1px solid var(--l-line,#dadada); border-radius:16px; background:var(--l-bg-soft,#fff); color:var(--l-ink-main,#111c43); font:inherit; cursor:pointer; overflow-wrap:anywhere; }
.l-portal-course:hover, .l-portal-shortcut:hover { border-color:var(--l-primary,#6f96e8); box-shadow:0 4px 16px #111c430a; }
.l-portal-course-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:var(--l-bg-main,#ebeff6); font-size:22px; }
.l-portal-course strong { font-size:18px; }
.l-portal-course-description { font-size:14px; line-height:1.55; color:var(--l-ink-mid,#444); }
.l-portal-course-open { margin-top:auto; padding-top:10px; font-weight:600; font-size:14px; }
.l-portal-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:26px 0 18px; }
.l-portal-shortcut { display:flex; flex-direction:column; text-align:left; gap:7px; border:1px solid var(--l-line,#dadada); border-radius:12px; padding:17px; background:var(--l-bg-soft,#fff); color:var(--l-ink-main,#111c43); font:inherit; cursor:pointer; overflow-wrap:anywhere; }
.l-portal-shortcut span, .l-portal-footnote { font-size:13px; }
.l-portal-empty { margin:0; padding:24px; background:var(--l-bg-main,#ebeff6); border-radius:12px; line-height:1.6; }
@media (max-width:600px) { .l-portal-shortcuts { grid-template-columns:1fr; } .l-portal-mode { padding:10px; font-size:13px; } .l-portal-intro h2 { font-size:23px; } }