:root{--ref-blue:#242060;--ref-ink:#22233c;--ref-muted:#666b7e;--ref-line:#e3e5ed;--ref-gradient:linear-gradient(125deg,#171343,#37357c)}
#portal-content{max-width:1500px;margin:auto}#portal-content h1{font-size:clamp(28px,3.1vw,44px);letter-spacing:-1.6px;line-height:1.13}#portal-content h2{letter-spacing:-.7px}#portal-content p{font-size:16px;line-height:1.7}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8e86db;outline-offset:4px}.sidebar nav button{font-size:14px;line-height:1.5;padding:13px 16px;border-radius:7px}.sidebar nav button.active{background:var(--ref-gradient);color:white;box-shadow:none}.sidebar-bottom #change-role{display:none}.sidebar-bottom p{font-size:12px;line-height:1.6}.portal-header{background:#ffffffed;border-bottom:1px solid var(--ref-line)}#notifications{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:#f2f2f8;border:1px solid var(--ref-line);border-radius:50%;color:var(--ref-blue)}.bell-count{position:absolute;right:-3px;top:-3px;min-width:19px;height:19px;border:2px solid white;border-radius:50%;background:#373078;color:white;font-size:10px;line-height:15px}.btn.dark{background:var(--ref-gradient);color:white;border-color:transparent}.back-link{margin-bottom:22px}.learning-hero{background:var(--ref-gradient);color:white;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:44px;margin-bottom:28px}.learning-hero h1{max-width:650px;margin:14px 0}.learning-hero p,.learning-hero .eyebrow{color:#e1dff7}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-pills span{font-size:12px;border:1px solid #ffffff38;border-radius:30px;padding:7px 12px}.progress-orbit{flex:0 0 150px;width:150px;height:150px;background:conic-gradient(#d8d28e var(--progress),#ffffff22 0);padding:7px;border-radius:50%}.progress-orbit>div{height:100%;border-radius:50%;background:#28245f;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-orbit strong{font-size:36px;letter-spacing:-2px}.progress-orbit span{font-size:13px;color:#deddf2}.learning-layout{display:grid;grid-template-columns:minmax(230px, .8fr) minmax(0,1.8fr);gap:24px;margin-bottom:24px}.learning-road{background:#f0f1f6;border-radius:14px;padding:24px}.learning-road h2{font-size:21px}.learning-road>p{color:var(--ref-muted);font-size:13px!important}.learning-road>button{display:flex;text-align:left;gap:12px;width:100%;padding:18px 10px;border:0;border-bottom:1px solid #dfe1eb;background:transparent;align-items:flex-start;color:var(--ref-ink);border-radius:8px}.learning-road>button.selected{background:white;box-shadow:0 3px 15px #25204e08}.learning-road>button>span{background:#e0dfec;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;font-size:12px;color:var(--ref-blue)}.learning-road>button.selected>span{background:var(--ref-gradient);color:white}.learning-road small{display:block;color:var(--ref-muted);font-size:11px;margin-bottom:4px}.learning-road b{font-size:14px;line-height:1.5;display:block}.learning-milestone{padding-top:24px;margin-top:10px}.learning-milestone p{font-size:13px!important;color:var(--ref-muted)}.surface{padding:30px;border:1px solid var(--ref-line);background:white;border-radius:14px;margin-bottom:24px}.lesson-surface{margin-bottom:0}.learning-tabs{margin-bottom:32px}.lesson-surface h2{font-size:28px;margin:12px 0 24px}.lesson-visual{min-height:200px;background:#efedf6;border-radius:12px;padding:28px;display:grid;grid-template-columns:70px 1fr;gap:8px 20px;align-content:center;color:var(--ref-blue);margin-bottom:24px}.lesson-visual>span{font-size:58px;line-height:1;grid-row:span 2;letter-spacing:-4px;color:#aaa5c8}.lesson-visual strong{font-size:23px;line-height:1.25}.lesson-visual small{font-size:12px}.lesson-footer{border-top:1px solid var(--ref-line);padding-top:24px;margin-top:30px;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.lesson-footer>span{font-size:12px;color:var(--ref-muted)}.quiz-options{display:grid;gap:10px;margin:20px 0}.quiz-options button{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;background:white;border:1px solid var(--ref-line);border-radius:9px;font-size:15px;color:var(--ref-ink)}.quiz-options button:hover{border-color:#70699e;background:#f8f7fc}.quiz-options span{padding:6px 9px;border-radius:5px;background:#f0eef7;color:var(--ref-blue);font-weight:700}.quiz-feedback{border-left:3px solid #c7ae6d;padding:15px;background:#fcf9ef}.quiz-feedback.correct{border-color:#4b4588;background:#f0eef9}.library-banner{display:flex;align-items:center;justify-content:space-between;background:var(--ref-gradient);color:white;padding:36px 42px;border-radius:16px;margin-bottom:26px}.library-banner .eyebrow{color:#d8d4f3}.library-banner h2{font-size:clamp(26px,2.7vw,38px);line-height:1.2;margin-top:14px}.library-monogram{font-family:Georgia,serif;font-size:100px;line-height:1;letter-spacing:-9px;color:#d7d3ee}.library-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}.library-tools .field{margin:0;min-width:min(100%,290px)}.library-tools .tabs{display:flex;flex-wrap:wrap;gap:5px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reference-card{border:1px solid var(--ref-line);border-radius:13px;overflow:hidden;background:white;text-decoration:none;color:var(--ref-ink);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.reference-card:hover{transform:translateY(-3px);border-color:#a5a0c4}.reference-cover{height:150px;padding:20px 24px;background:#eeedf5;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:var(--ref-blue);overflow:hidden}.reference-card:nth-child(3n+2) .reference-cover{background:#e9edf6}.reference-card:nth-child(3n+3) .reference-cover{background:#f3f0e8}.reference-cover strong{position:absolute;right:15px;top:19px;font-size:76px;line-height:1;font-weight:500;letter-spacing:-5px;opacity:.15}.reference-cover span{border:1px solid #25204e22;border-radius:30px;padding:4px 9px;font-size:11px}.reference-cover small{font-size:12px;font-weight:600;max-width:75%}.reference-card>div:last-child{padding:24px;display:flex;flex:1;flex-direction:column}.reference-card h2{font-size:20px;line-height:1.3}.reference-card p{color:var(--ref-muted);font-size:14px!important;margin:12px 0 24px}.reference-card b{margin-top:auto;font-size:13px;display:flex;justify-content:space-between;color:var(--ref-blue)}.meeting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.meeting-card{border:1px solid var(--ref-line);border-radius:16px;overflow:hidden;background:white}.meeting-photo{height:220px;position:relative}.meeting-photo img{width:100%;height:100%;object-fit:cover}.meeting-photo>span{position:absolute;bottom:20px;left:22px;background:#ffffffee;padding:7px 12px;border-radius:30px;font-size:12px;color:var(--ref-blue)}.meeting-content{padding:30px}.meeting-content h2{font-size:30px;line-height:1.2;margin:14px 0}.meeting-content>p{color:var(--ref-muted)}.meeting-meta{display:flex;gap:45px;border-block:1px solid var(--ref-line);padding:20px 0;margin:24px 0}.meeting-meta span{display:grid;gap:7px}.meeting-meta small{font-size:10px;letter-spacing:1px;color:var(--ref-muted)}.meeting-meta b{font-size:14px}.meeting-content>.text-link{display:block;margin-top:20px;font-size:13px}.meeting-program{counter-reset:meeting;list-style:none;padding:0}.meeting-program li{counter-increment:meeting;padding:18px 0;border-bottom:1px solid var(--ref-line);display:flex;gap:16px;align-items:center}.meeting-program li:before{content:counter(meeting,decimal-leading-zero);color:#817ca4;font-size:20px}.institution-hero{background:var(--ref-gradient);border-radius:17px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;color:white}.institution-hero>div{padding:40px}.institution-hero .eyebrow{color:#d8d4f3}.institution-hero h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:18px 0 28px}.institution-hero img{width:100%;height:100%;object-fit:cover}.institution-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ref-line);border:1px solid var(--ref-line);border-radius:12px;overflow:hidden;margin:24px 0 38px}.institution-stats article{padding:24px;background:white;display:flex;align-items:center;gap:18px}.institution-stats strong{font-size:36px;letter-spacing:-2px;color:var(--ref-blue)}.institution-stats span{font-size:13px;line-height:1.4;color:var(--ref-muted)}.institution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.institution-card{text-align:left;padding:26px;background:white;border:1px solid var(--ref-line);border-radius:13px;color:var(--ref-ink);position:relative;transition:transform .2s,border-color .2s}.institution-card:hover{transform:translateY(-3px);border-color:#aaa3cb}.institution-number{font-size:12px;color:#77708f;display:block;margin-bottom:24px}.institution-card h3{font-size:21px;line-height:1.3;min-height:55px}.institution-card p{font-size:13px!important;color:var(--ref-muted);margin:12px 0}.institution-card>b{font-size:12px;color:var(--ref-blue)}.member-stack{display:flex;margin:20px 0}.member-stack span{width:32px;height:32px;display:grid;place-items:center;font-size:10px;border:2px solid white;border-radius:50%;background:#e9e6f3;color:var(--ref-blue);margin-right:-5px}.compose-panel{background:white;border:1px solid var(--ref-line);border-radius:10px;margin:20px 0}.compose-panel>summary{padding:16px 20px;cursor:pointer;color:var(--ref-blue);font-weight:600;font-size:14px}.compose-panel .community-form{border:0;margin:0}.org-projects h3{font-size:21px!important;line-height:1.4!important;overflow-wrap:anywhere}.org-projects p{font-size:15px!important;line-height:1.75!important}.org-projects article{border-left:3px solid #7770a4!important}.community-room-cover h1{max-width:800px}.org-card strong{font-size:21px}.community-tabs{flex-wrap:wrap}.community-account{overflow-wrap:anywhere}.community-post p{overflow-wrap:anywhere}.community-board{min-width:0}.community-board section{min-width:0}.community-board h4{overflow-wrap:anywhere}.resource-grid>a{border-radius:13px;background:#f0eff7}.resource-grid>a:nth-child(2){background:#ebeff7}.resource-grid>a:nth-child(3){background:#f3f0e9}.portal-heading{gap:20px}.notice{font-size:12px!important;line-height:1.6!important;margin-top:25px}.eyebrow{font-size:11px;letter-spacing:1.5px}.large-font #portal-content p{font-size:19px}.contrast .surface,.contrast .reference-card,.contrast .institution-card,.contrast .meeting-card{background:#fff;color:#000}.contrast .reference-card p,.contrast .meeting-content>p{color:#222}
@media(max-width:1100px){.reference-grid,.institution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-hero{padding:30px}.learning-layout{grid-template-columns:240px minmax(0,1fr)}.institution-stats article{padding:18px;gap:12px}.meeting-content{padding:23px}.meeting-content h2{font-size:26px}.learning-road{padding:18px}.library-banner{padding:30px}.institution-hero>div{padding:30px}}
@media(max-width:760px){#portal-content{padding:24px 18px!important}.learning-hero{padding:26px;gap:22px;align-items:flex-start;flex-direction:column}.learning-hero h1{font-size:30px!important}.progress-orbit{width:100px;height:100px;flex-basis:100px;align-self:flex-end;margin-top:-4px}.progress-orbit strong{font-size:26px}.progress-orbit span{font-size:10px}.learning-layout{grid-template-columns:1fr}.learning-road>button{padding:12px}.surface{padding:23px}.reference-grid,.meeting-grid,.institution-grid{grid-template-columns:1fr}.reference-cover{height:130px}.library-banner{padding:26px}.library-monogram{display:none}.library-tools{display:block}.library-tools .tabs{margin-top:18px}.meeting-photo{height:190px}.institution-hero{grid-template-columns:1fr}.institution-hero img{height:160px}.institution-stats{grid-template-columns:1fr}.institution-stats article{padding:15px 22px}.institution-stats strong{font-size:29px;min-width:50px}.institution-card h3{min-height:0}.institution-number{margin-bottom:12px}.lesson-visual{grid-template-columns:48px 1fr;padding:20px}.lesson-visual>span{font-size:44px}.lesson-visual strong{font-size:20px}.learning-tabs{gap:4px;flex-wrap:wrap}.community-room-cover{min-height:200px}.community-room-cover h1{font-size:27px!important}.community-board{grid-template-columns:1fr}.institution-card{padding:23px}.portal-header .demo-pill{display:none}.portal-header{padding:12px 18px}.portal-header #breadcrumbs{font-size:12px;max-width:65%;overflow-wrap:anywhere}.home-intro h1{font-size:32px}.sidebar-bottom{padding-top:10px}.sidebar-bottom p{display:none}}
@media(prefers-reduced-motion:reduce){.reference-card,.institution-card{transition:none}}
.community-demo-intro{padding:30px;border:1px solid #dedce9;background:#eeedf6;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:24px 0}.community-demo-intro h2{font-size:26px;margin:10px 0}.community-demo-intro p{margin:0}.community-demo-intro .btn{flex-shrink:0}.demo-task-grid{display:grid;gap:15px}.demo-task-grid article{padding:20px;background:#f2f1f7;border-radius:10px}.demo-task-grid h3{margin:12px 0}.demo-task-grid p{font-size:15px}.learning-tabs button,.library-tools .tabs button{min-height:42px}@media(max-width:760px){.community-demo-intro{display:block;padding:24px}.community-demo-intro .btn{margin-top:20px}.community-demo-intro h2{font-size:23px}.portal-body .course-grid{grid-template-columns:1fr}.portal-body .course-card{display:block}}
