/* =========================================================
   PharmaProLearn Institutions — lecturer-first workspace
   Uses the global solid-redesign tokens so this feels like
   a deeper PPL page, not a separate enterprise dashboard.
   ========================================================= */

.pi-workspace{
  background:var(--ppl-cream,#fffbf6);
  color:var(--ppl-ink,#14213d);
  font-family:'Raleway',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  min-height:calc(100vh - 62px);
  padding:0 0 64px;
}
.ppl-announce{display:none!important}
.main-area{background:var(--ppl-cream,#fffbf6)}
.pi-navShell{background:var(--ppl-navy,#102d6c)!important}
.pi-navShell .ppl-nav__tag,.pi-navShell .text-muted{color:var(--ppl-peri,#a5b1f8)!important}
.pi-navShell .pharma-brand{font-weight:900!important}
.pi-navShell .pharma-brand span{color:var(--ppl-lime,#dcf465)!important}
.pi-moreMenu{width:min(430px,calc(100vw - 32px))!important;min-width:0!important}
.pi-moreMenu .ppl-dropItem{width:100%;border:0;text-align:left}

.pi-container{width:min(1180px,calc(100% - 34px));margin:0 auto;padding-top:30px}
.pi-eyebrow{display:block;color:var(--ppl-cobalt,#1c46a5);font-size:.69rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.pi-heroRow{align-items:flex-end;display:flex;gap:28px;justify-content:space-between;margin-bottom:22px}
.pi-heroRow--compact{align-items:center}
.pi-heroRow h1,.pi-notebookHero h1{color:var(--ppl-navy,#102d6c);font-size:clamp(1.7rem,3vw,2.35rem);font-weight:950;letter-spacing:-.028em;line-height:1.06;margin:5px 0 7px}
.pi-heroRow p,.pi-notebookHero p{color:var(--ppl-slate,#2a3550);font-size:.91rem;font-weight:650;line-height:1.55;margin:0;max-width:710px}
.pi-back{align-items:center;color:var(--ppl-cobalt,#1c46a5);display:inline-flex;font-size:.79rem;font-weight:900;gap:7px;margin:0 0 16px;text-decoration:none}

.pi-btn{align-items:center;background:var(--ppl-cobalt-bright,#2a64c5);border:1px solid var(--ppl-cobalt-bright,#2a64c5);border-radius:999px;color:#fff!important;cursor:pointer;display:inline-flex;font:inherit;font-size:.8rem;font-weight:950;gap:8px;justify-content:center;min-height:40px;padding:9px 17px;text-decoration:none;transition:background .15s ease,transform .15s ease}
.pi-btn:hover,.pi-btn:focus{background:var(--ppl-cobalt,#1c46a5);border-color:var(--ppl-cobalt,#1c46a5);transform:translateY(-1px)}
.pi-btn--accent{background:var(--ppl-lime,#dcf465);border-color:var(--ppl-lime,#dcf465);color:var(--ppl-navy,#102d6c)!important}
.pi-btn--accent:hover{background:#d2ef4a;border-color:#d2ef4a}
.pi-btn--secondary{background:#fff;border-color:var(--ppl-border-solid,#e2e8f4);color:var(--ppl-navy,#102d6c)!important}
.pi-btn--small{font-size:.72rem;min-height:34px;padding:7px 12px}
.pi-iconBtn{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border:0;border-radius:999px;color:var(--ppl-cobalt,#1c46a5);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}

.pi-campusChip{align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#d7def2;display:inline-flex;font-size:.67rem;font-weight:850;gap:7px;max-width:180px;overflow:hidden;padding:7px 10px;text-overflow:ellipsis;white-space:nowrap}
.pi-profileChip{align-items:center;color:#fff!important;display:flex;gap:9px;text-decoration:none}
.pi-profileAvatar{align-items:center;background:var(--ppl-cream,#fffbf6);border:1px solid rgba(255,255,255,.24);border-radius:50%;display:flex;flex:0 0 36px;height:36px;justify-content:center;overflow:hidden;width:36px}
.pi-profileAvatar img{height:100%;object-fit:cover;width:100%}.pi-profileAvatar i{color:var(--ppl-cobalt,#1c46a5)}
.pi-profileCopy strong,.pi-profileCopy small{display:block}.pi-profileCopy strong{font-size:.75rem;font-weight:900;line-height:1.15}.pi-profileCopy small{color:var(--ppl-peri,#a5b1f8);font-size:.6rem;font-weight:750;margin-top:2px}.pi-helpIcon{border:0!important}
.pi-navActions{gap:10px!important}

.pi-flashes{width:min(1180px,calc(100% - 34px));margin:14px auto 0}.pi-flash{background:var(--ppl-soft-blue,#eef3ff);border:1px solid #dbe6fb;border-radius:12px;color:var(--ppl-navy,#102d6c);font-size:.78rem;font-weight:750;padding:10px 13px}

/* Overview */
.pi-glanceGrid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.pi-glanceCard{background:#fff;border:1px solid #ece7de;border-radius:16px;display:grid;grid-template-columns:44px 1fr;gap:12px;min-height:150px;padding:17px;position:relative}
.pi-glanceCard__icon{align-items:center;border-radius:12px;display:grid;font-size:1rem;height:42px;justify-items:center;width:42px}
.pi-iconBlue{background:#aecbff;color:var(--ppl-cobalt,#1c46a5)}.pi-iconLime{background:var(--ppl-lime,#dcf465);color:var(--ppl-navy,#102d6c)}.pi-iconPeri{background:var(--ppl-peri,#a5b1f8);color:var(--ppl-navy,#102d6c)}
.pi-glanceCard small{color:var(--ppl-muted,#7a7f8c);display:block;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.pi-glanceCard strong{color:var(--ppl-navy,#102d6c);display:block;font-size:1.8rem;font-weight:950;letter-spacing:-.035em;margin:3px 0}.pi-glanceCard p{color:var(--ppl-slate,#2a3550);font-size:.76rem;font-weight:650;line-height:1.45;margin:0}.pi-meter{background:var(--ppl-soft-blue,#eef3ff);border-radius:999px;bottom:15px;height:5px;left:17px;overflow:hidden;position:absolute;right:17px}.pi-meter i{background:var(--ppl-cobalt-bright,#2a64c5);border-radius:inherit;display:block;height:100%;max-width:100%}
.pi-dashboardGrid{display:grid;gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr)}
.pi-panel{background:#fff;border:1px solid #ece7de;border-radius:16px;padding:18px}
.pi-panelHead{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:12px}.pi-panelHead h2{color:var(--ppl-navy,#102d6c);font-size:1rem;font-weight:950;margin:3px 0}.pi-panelHead>a{color:var(--ppl-cobalt,#1c46a5);font-size:.72rem;font-weight:900;text-decoration:none}.pi-panelHead>small{color:var(--ppl-muted,#7a7f8c);font-size:.67rem;font-weight:700}
.pi-attentionList{display:grid}.pi-attentionList>a{align-items:center;border-top:1px solid var(--ppl-border-solid,#e2e8f4);color:inherit;display:grid;gap:10px;grid-template-columns:10px minmax(0,1fr) auto 14px;padding:13px 0;text-decoration:none}.pi-attentionList>a:first-child{border-top:0}.pi-attentionList strong,.pi-attentionList small{display:block}.pi-attentionList strong{color:var(--ppl-ink,#14213d);font-size:.81rem;font-weight:900}.pi-attentionList small{color:var(--ppl-muted,#7a7f8c);font-size:.68rem;font-weight:650;margin-top:2px}.pi-attentionList b{color:var(--ppl-navy,#102d6c);font-size:.95rem;font-weight:950}.pi-attentionDot{border-radius:50%;height:8px;width:8px}.pi-tone-attention{background:var(--ppl-orange,#ec9652)}.pi-tone-watch{background:#f0c45b}.pi-tone-early{background:var(--ppl-peri,#a5b1f8)}.pi-tone-good{background:var(--ppl-lime,#dcf465)}.pi-tone-quiet{background:#cbd3e3}
.pi-calmState{align-items:flex-start;background:#f7fbd9;border:1px solid #e7f0b0;border-radius:13px;display:flex;gap:11px;padding:14px}.pi-calmState>i{color:var(--ppl-cobalt,#1c46a5);margin-top:2px}.pi-calmState strong,.pi-calmState span{display:block}.pi-calmState strong{color:var(--ppl-navy,#102d6c);font-size:.79rem;font-weight:900}.pi-calmState span{color:var(--ppl-slate,#2a3550);font-size:.7rem;font-weight:650;line-height:1.45;margin-top:3px}
.pi-miniLibrary{display:grid}.pi-miniLibrary>a{align-items:center;border-top:1px solid var(--ppl-border-solid,#e2e8f4);color:inherit;display:grid;gap:10px;grid-template-columns:34px 1fr auto;padding:11px 0;text-decoration:none}.pi-miniLibrary>a:first-child{border-top:0}.pi-miniLibrary__icon{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border-radius:9px;color:var(--ppl-cobalt,#1c46a5);display:grid;height:32px;justify-items:center;width:32px}.pi-miniLibrary strong,.pi-miniLibrary small{display:block}.pi-miniLibrary strong{font-size:.77rem;font-weight:900}.pi-miniLibrary small{color:var(--ppl-muted,#7a7f8c);font-size:.65rem;font-weight:650;margin-top:2px}
.pi-status{background:#f3f5fa;border-radius:999px;color:var(--ppl-muted,#7a7f8c);display:inline-flex;font-size:.61rem;font-style:normal;font-weight:900;padding:5px 8px;white-space:nowrap}.pi-status.is-live{background:#f7fbd9;color:var(--ppl-navy,#102d6c)}
.pi-firstRun{align-items:center;background:var(--ppl-navy,#102d6c);border-radius:18px;color:#fff;display:grid;gap:18px;grid-template-columns:64px minmax(0,1fr) auto;padding:24px}.pi-firstRun__icon{align-items:center;background:var(--ppl-lime,#dcf465);border-radius:16px;color:var(--ppl-navy,#102d6c);display:grid;font-size:1.35rem;height:60px;justify-items:center;width:60px}.pi-firstRun span{color:var(--ppl-lime,#dcf465);font-size:.65rem;font-weight:950;text-transform:uppercase}.pi-firstRun h2{font-size:1.35rem;font-weight:950;margin:3px 0 5px}.pi-firstRun p{color:#c6cfec;font-size:.8rem;font-weight:650;line-height:1.5;margin:0;max-width:650px}

/* Library */
.pi-libraryGrid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.pi-libraryCard{background:#fff;border:1px solid #ece7de;border-radius:16px;color:inherit;display:flex;flex-direction:column;min-height:230px;padding:17px;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.pi-libraryCard:hover{border-color:var(--ppl-cobalt,#1c46a5);transform:translateY(-2px)}.pi-libraryCard__top{align-items:center;display:flex;justify-content:space-between}.pi-libraryCard__icon{align-items:center;background:#aecbff;border-radius:12px;color:var(--ppl-cobalt,#1c46a5);display:grid;height:42px;justify-items:center;width:42px}.pi-libraryCard h2{color:var(--ppl-navy,#102d6c);font-size:1rem;font-weight:950;line-height:1.2;margin:17px 0 6px}.pi-libraryCard p{color:var(--ppl-slate,#2a3550);font-size:.76rem;font-weight:650;line-height:1.5;margin:0 0 auto}.pi-libraryCard__meta{display:flex;gap:12px;margin:15px 0 12px}.pi-libraryCard__meta span{color:var(--ppl-muted,#7a7f8c);font-size:.65rem;font-weight:750}.pi-libraryCard>b{color:var(--ppl-cobalt,#1c46a5);font-size:.72rem;font-weight:950}

/* Notebook */
.pi-notebookHero{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:16px}.pi-titleLine{align-items:center;display:flex;gap:9px}.pi-titleLine>span:not(.pi-status){color:var(--ppl-muted,#7a7f8c);font-size:.67rem;font-weight:700}.pi-notebookHero__actions{display:flex;flex-wrap:wrap;gap:8px}
.pi-compactSignal{align-items:center;background:var(--ppl-navy,#102d6c);border-radius:15px;color:#fff;display:grid;gap:10px;grid-template-columns:150px 150px minmax(0,1fr);margin-bottom:17px;padding:13px 15px}.pi-compactSignal>div span,.pi-compactSignal>div strong,.pi-compactSignal>div small{display:block}.pi-compactSignal>div span{color:var(--ppl-peri,#a5b1f8);font-size:.61rem;font-weight:850;text-transform:uppercase}.pi-compactSignal>div strong{font-size:1.25rem;font-weight:950}.pi-compactSignal>div small{color:#c6cfec;font-size:.62rem;font-weight:650}.pi-compactSignal__message{align-items:center;background:rgba(255,255,255,.08);border-radius:11px;display:flex!important;gap:8px;justify-self:end;padding:9px 12px}.pi-compactSignal__message strong{font-size:.72rem!important}
.pi-sectionList{display:grid;gap:13px}.pi-courseSection{background:#fff;border:1px solid #ece7de;border-radius:16px;overflow:hidden}.pi-courseSection>header{align-items:center;background:#fbfcff;border-bottom:1px solid var(--ppl-border-solid,#e2e8f4);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.pi-courseSection>header span{color:var(--ppl-cobalt,#1c46a5);font-size:.61rem;font-weight:950;text-transform:uppercase}.pi-courseSection>header h2{color:var(--ppl-navy,#102d6c);font-size:.96rem;font-weight:950;margin:2px 0}.pi-courseSection>header p{color:var(--ppl-muted,#7a7f8c);font-size:.68rem;font-weight:650;margin:2px 0 0}.pi-topicList{padding:0 15px}.pi-topicRow{align-items:center;border-top:1px solid var(--ppl-border-solid,#e2e8f4);color:inherit;display:grid;gap:11px;grid-template-columns:38px minmax(0,1fr) auto 14px;padding:12px 0;text-decoration:none}.pi-topicRow:first-child{border-top:0}.pi-topicRow__icon{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border-radius:10px;color:var(--ppl-cobalt,#1c46a5);display:grid;height:36px;justify-items:center;width:36px}.pi-topicRow strong,.pi-topicRow small{display:block}.pi-topicRow strong{font-size:.8rem;font-weight:900}.pi-topicRow small{color:var(--ppl-muted,#7a7f8c);font-size:.65rem;font-weight:650;margin-top:2px}.pi-topicSignal{align-items:center;display:grid;gap:4px;grid-template-columns:50px auto}.pi-topicSignal>span{background:conic-gradient(var(--ppl-cobalt-bright,#2a64c5) calc(var(--value)*1%),var(--ppl-soft-blue,#eef3ff) 0);border-radius:50%;grid-row:1/3;height:32px;position:relative;width:32px}.pi-topicSignal>span:after{background:#fff;border-radius:50%;content:"";inset:5px;position:absolute}.pi-topicSignal b{font-size:.73rem;font-weight:950}.pi-topicSignal small{font-size:.58rem}

/* Topic/material page */
.pi-subsectionGrid{display:grid;gap:15px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);margin-bottom:15px}.pi-fileList{display:grid}.pi-fileList article{align-items:center;border-top:1px solid var(--ppl-border-solid,#e2e8f4);display:grid;gap:9px;grid-template-columns:36px minmax(0,1fr) auto auto;padding:11px 0}.pi-fileList article:first-child{border-top:0}.pi-fileIcon{align-items:center;background:#f9fbff;border-radius:9px;color:var(--ppl-cobalt,#1c46a5);display:grid;height:34px;justify-items:center;width:34px}.pi-fileList strong,.pi-fileList small{display:block}.pi-fileList strong{font-size:.75rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-fileList small{color:var(--ppl-muted,#7a7f8c);font-size:.62rem;font-weight:650;margin-top:2px}.pi-fileList a{color:var(--ppl-cobalt,#1c46a5);font-size:.68rem;font-weight:900;text-decoration:none}.pi-practiceChoices{display:grid;gap:8px}.pi-practiceChoices>a{align-items:center;background:#fbfcff;border:1px solid #edf2fb;border-radius:12px;color:inherit;display:grid;gap:10px;grid-template-columns:38px 1fr 12px;padding:10px;text-decoration:none}.pi-practiceChoices>a>span{align-items:center;border-radius:9px;display:grid;height:36px;justify-items:center;width:36px}.pi-practiceChoices strong,.pi-practiceChoices small{display:block}.pi-practiceChoices strong{font-size:.75rem;font-weight:900}.pi-practiceChoices small{color:var(--ppl-muted,#7a7f8c);font-size:.63rem;font-weight:650;margin-top:2px}.pi-prereqPanel{margin-top:15px}.pi-prereqList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pi-prereqList>a{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border-radius:11px;color:inherit;display:grid;gap:9px;grid-template-columns:30px 1fr 12px;padding:10px;text-decoration:none}.pi-prereqList>a>span{color:var(--ppl-cobalt,#1c46a5)}.pi-prereqList strong,.pi-prereqList small{display:block}.pi-prereqList strong{font-size:.72rem;font-weight:900}.pi-prereqList small{color:var(--ppl-muted,#7a7f8c);font-size:.61rem;font-weight:650;margin-top:2px}

/* Question editor */
.pi-editorContainer{max-width:980px}.pi-editorSection{margin-bottom:22px}.pi-questionEditorList{display:grid;gap:8px}.pi-questionEditor{background:#fff;border:1px solid #ece7de;border-radius:13px;overflow:hidden}.pi-questionEditor summary{align-items:center;cursor:pointer;display:grid;gap:10px;grid-template-columns:38px 1fr 14px;list-style:none;padding:12px 14px}.pi-questionEditor summary::-webkit-details-marker{display:none}.pi-questionEditor summary>span{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border-radius:9px;color:var(--ppl-cobalt,#1c46a5);display:flex;font-size:.62rem;font-weight:950;height:32px;justify-content:center}.pi-questionEditor summary strong{font-size:.76rem;font-weight:850;line-height:1.4}.pi-questionEditor[open] summary{background:#fbfcff;border-bottom:1px solid var(--ppl-border-solid,#e2e8f4)}.pi-questionEditor form{display:grid;gap:10px;padding:14px}.pi-questionEditor label,.pi-modal label{color:var(--ppl-slate,#2a3550);display:grid;font-size:.68rem;font-weight:850;gap:5px}.pi-questionEditor input,.pi-questionEditor textarea,.pi-questionEditor select,.pi-modal input,.pi-modal textarea,.pi-modal select{background:#fff;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:9px;color:var(--ppl-ink,#14213d);font:inherit;font-size:.78rem;font-weight:600;outline:0;padding:9px 10px;width:100%}.pi-questionEditor input:focus,.pi-questionEditor textarea:focus,.pi-questionEditor select:focus,.pi-modal input:focus,.pi-modal textarea:focus,.pi-modal select:focus{border-color:#aecbff;box-shadow:0 0 0 3px rgba(42,100,197,.1)}.pi-optionGrid,.pi-twoFields{display:grid;gap:8px;grid-template-columns:1fr 1fr}.pi-editorActions{align-items:center;display:flex;gap:10px}.pi-linkDanger{background:transparent;border:0;color:#b94b4b;cursor:pointer;font:inherit;font-size:.68rem;font-weight:900}.pi-inlineEmpty{color:var(--ppl-muted,#7a7f8c);font-size:.72rem;font-weight:650;padding:14px 2px}

/* Modals / forms */
.pi-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:2500}.pi-modal[hidden]{display:none!important}.pi-modal__backdrop{background:rgba(8,20,50,.58);inset:0;position:absolute}.pi-modal__panel{background:#fff;border-radius:18px;box-shadow:0 28px 70px rgba(8,20,50,.25);max-height:calc(100vh - 36px);overflow:auto;padding:20px;position:relative;width:min(520px,100%)}.pi-modal__panel--wide{width:min(700px,100%)}.pi-modal__panel>header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.pi-modal__panel>header span{color:var(--ppl-cobalt,#1c46a5);font-size:.64rem;font-weight:950;text-transform:uppercase}.pi-modal__panel>header h2{color:var(--ppl-navy,#102d6c);font-size:1.25rem;font-weight:950;margin:3px 0}.pi-modal__panel>header button{background:var(--ppl-soft-blue,#eef3ff);border:0;border-radius:50%;color:var(--ppl-cobalt,#1c46a5);font-size:1.2rem;height:34px;width:34px}.pi-modal form{display:grid;gap:12px}.pi-modal label small,.pi-formHint{color:var(--ppl-muted,#7a7f8c);font-size:.62rem;font-weight:650}.pi-modal details{border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:11px;padding:10px}.pi-modal details summary{cursor:pointer;color:var(--ppl-navy,#102d6c);font-size:.7rem;font-weight:900}.pi-checkGrid ul,.pi-checkGrid>ul{display:grid;gap:6px;grid-template-columns:1fr 1fr;list-style:none;margin:7px 0 0;padding:0}.pi-checkGrid label{align-items:center!important;background:#fbfcff;border:1px solid #edf2fb;border-radius:9px;display:flex!important;gap:7px!important;padding:8px}.pi-checkGrid input{width:auto!important}.pi-formLabel{color:var(--ppl-slate,#2a3550);font-size:.68rem;font-weight:850}.pi-buildOptions{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.pi-buildOptions>label{position:relative}.pi-buildOptions input{position:absolute;opacity:0}.pi-buildOptions span{background:#fbfcff;border:1px solid #edf2fb;border-radius:12px;cursor:pointer;display:grid;gap:3px;min-height:105px;padding:12px}.pi-buildOptions input:checked+span{background:var(--ppl-soft-blue,#eef3ff);border-color:#aecbff}.pi-buildOptions span>i{color:var(--ppl-cobalt,#1c46a5);font-size:1rem}.pi-buildOptions b{color:var(--ppl-navy,#102d6c);font-size:.75rem;font-weight:950}.pi-buildOptions small{color:var(--ppl-muted,#7a7f8c);font-size:.61rem;font-weight:650;line-height:1.35}

/* Empty / admin */
.pi-emptyState{align-items:center;display:flex;flex-direction:column;margin:80px auto 0;max-width:650px;text-align:center}.pi-emptyState>i{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border-radius:18px;color:var(--ppl-cobalt,#1c46a5);display:grid;font-size:1.6rem;height:66px;justify-items:center;width:66px}.pi-emptyState h1,.pi-emptyState h2{color:var(--ppl-navy,#102d6c);font-weight:950;margin:15px 0 7px}.pi-emptyState p{color:var(--ppl-slate,#2a3550);font-size:.84rem;font-weight:650;line-height:1.55;margin:0 0 18px}.pi-emptyState--small{margin:30px auto}
.pi-managementGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pi-managementGrid>a{align-items:center;background:#fff;border:1px solid #ece7de;border-radius:15px;color:inherit;display:grid;gap:13px;grid-template-columns:44px 1fr 14px;padding:15px;text-decoration:none}.pi-managementGrid h2{color:var(--ppl-navy,#102d6c);font-size:.9rem;font-weight:950;margin:0}.pi-managementGrid p{color:var(--ppl-muted,#7a7f8c);font-size:.68rem;font-weight:650;margin:4px 0 0}.pi-adminStats{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.pi-adminStats article{background:#fff;border:1px solid #ece7de;border-radius:14px;padding:15px}.pi-adminStats span,.pi-adminStats strong,.pi-adminStats a{display:block}.pi-adminStats span{color:var(--ppl-muted,#7a7f8c);font-size:.64rem;font-weight:850;text-transform:uppercase}.pi-adminStats strong{color:var(--ppl-navy,#102d6c);font-size:1.5rem;font-weight:950;margin:4px 0}.pi-adminStats a{color:var(--ppl-cobalt,#1c46a5);font-size:.67rem;font-weight:900;text-decoration:none}.pi-adminList{display:grid}.pi-adminList article{align-items:center;border-top:1px solid var(--ppl-border-solid,#e2e8f4);display:flex;gap:12px;justify-content:space-between;padding:11px 0}.pi-adminList article:first-child{border-top:0}.pi-adminList strong,.pi-adminList small{display:block}.pi-adminList strong{font-size:.75rem;font-weight:900}.pi-adminList small{color:var(--ppl-muted,#7a7f8c);font-size:.63rem;font-weight:650;margin-top:2px}.pi-adminList a{color:var(--ppl-cobalt,#1c46a5);font-size:.67rem;font-weight:900;text-decoration:none}

/* Tutorial */
.pi-tutorial{max-width:500px!important}.pi-tutorial .ppl-miniModal__headIcon{background:#aecbff;color:var(--ppl-cobalt,#1c46a5)}.pi-tutorial .ppl-miniModal__badge{color:var(--ppl-cobalt,#1c46a5)}.pi-tutorial .ppl-miniModal__viewport{overflow:hidden}.pi-tutorial .ppl-miniModal__track{display:flex;transition:transform .28s ease}.pi-tutorial .ppl-miniModal__slide{flex:0 0 100%}.pi-tutorial .ppl-miniModal__art{align-items:center;display:grid;height:160px;justify-items:center;position:relative}.pi-tutorial .ppl-miniModal__art i{font-size:46px;color:var(--ppl-navy,#102d6c)}.pi-tutorial .ppl-miniModal__art--blue{background:#aecbff}.pi-tutorial .ppl-miniModal__art--lime{background:var(--ppl-lime,#dcf465)}.pi-tutorial .ppl-miniModal__art--peri{background:#c0c8fb}.pi-tutorial .ppl-miniModal__art--orange{background:#fdecdc}.pi-tutorial .ppl-miniModal__step{background:#fff;border-radius:999px;color:var(--ppl-cobalt,#1c46a5);font-size:.62rem;font-weight:950;left:12px;padding:5px 8px;position:absolute;top:12px}.pi-tutorial .ppl-miniModal__body{padding:15px 17px 18px}.pi-tutorial .ppl-miniModal__body b{color:var(--ppl-navy,#102d6c);display:block;font-size:.9rem;font-weight:950}.pi-tutorial .ppl-miniModal__body span{color:var(--ppl-slate,#2a3550);display:block;font-size:.76rem;font-weight:650;line-height:1.5;margin-top:4px}.pi-tutorial .ppl-miniModal__nav{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.pi-tutorial .ppl-miniModal__arrow{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border:0;border-radius:50%;color:var(--ppl-cobalt,#1c46a5);display:flex;height:36px;justify-content:center;width:36px}.pi-tutorial .ppl-miniModal__dots{display:flex;gap:6px}.pi-tutorial .ppl-miniModal__dot{background:#dbe6fb;border:0;border-radius:999px;height:7px;padding:0;width:7px}.pi-tutorial .ppl-miniModal__dot.is-active{background:var(--ppl-cobalt,#1c46a5);width:22px}

/* AI support */
.pi-supportFab{align-items:center;background:var(--ppl-navy,#102d6c);border:0;border-radius:999px;bottom:18px;box-shadow:0 12px 32px rgba(16,45,108,.22);color:#fff;display:flex;font:inherit;font-size:.71rem;font-weight:900;gap:8px;padding:11px 14px;position:fixed;right:18px;z-index:1800}.pi-supportFab i{color:var(--ppl-lime,#dcf465)}.pi-support{inset:0;position:fixed;z-index:2600}.pi-support[hidden]{display:none}.pi-support__backdrop{background:rgba(8,20,50,.42);inset:0;position:absolute}.pi-support__panel{background:#fff;border-radius:18px;bottom:18px;box-shadow:0 28px 70px rgba(8,20,50,.28);display:grid;grid-template-rows:auto minmax(220px,1fr) auto;max-height:min(640px,calc(100vh - 36px));overflow:hidden;position:absolute;right:18px;width:min(410px,calc(100vw - 28px))}.pi-support__panel header{align-items:center;background:var(--ppl-navy,#102d6c);color:#fff;display:flex;justify-content:space-between;padding:14px 15px}.pi-support__panel header span,.pi-support__panel header strong{display:block}.pi-support__panel header span{color:var(--ppl-lime,#dcf465);font-size:.6rem;font-weight:950;text-transform:uppercase}.pi-support__panel header strong{font-size:.83rem;font-weight:900;margin-top:2px}.pi-support__panel header button{background:rgba(255,255,255,.1);border:0;border-radius:50%;color:#fff;font-size:1.15rem;height:32px;width:32px}.pi-support__messages{display:flex;flex-direction:column;gap:8px;overflow:auto;padding:13px}.pi-support__assistant,.pi-support__user{border-radius:13px;font-size:.75rem;font-weight:650;line-height:1.5;max-width:88%;padding:9px 11px;white-space:pre-wrap}.pi-support__assistant{align-self:flex-start;background:var(--ppl-soft-blue,#eef3ff);color:var(--ppl-slate,#2a3550)}.pi-support__user{align-self:flex-end;background:var(--ppl-cobalt,#1c46a5);color:#fff}.pi-support__panel form{align-items:flex-end;border-top:1px solid var(--ppl-border-solid,#e2e8f4);display:flex;gap:8px;padding:10px}.pi-support__panel textarea{border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:12px;flex:1;font:inherit;font-size:.74rem;font-weight:650;max-height:120px;padding:9px;resize:none}.pi-support__panel form button{align-items:center;background:var(--ppl-cobalt-bright,#2a64c5);border:0;border-radius:50%;color:#fff;display:flex;flex:0 0 36px;height:36px;justify-content:center;width:36px}

@media(max-width:992px){.pi-campusChip,.pi-profileCopy{display:none}.pi-profileChip{justify-content:center}.pi-navActions{grid-template-columns:1fr 1fr!important}.pi-helpIcon,.pi-profileChip{height:44px!important;width:100%!important;background:#1a3c7d!important;border-radius:13px!important}.pi-profileAvatar{height:32px;width:32px}.pi-moreMenu{width:100%!important}.pi-dashboardGrid,.pi-subsectionGrid{grid-template-columns:1fr}.pi-libraryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-prereqList{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.pi-container{width:min(100% - 22px,1180px);padding-top:20px}.pi-heroRow,.pi-notebookHero{align-items:flex-start;flex-direction:column;gap:14px}.pi-heroRow .pi-btn,.pi-notebookHero__actions{width:100%}.pi-notebookHero__actions .pi-btn{flex:1}.pi-glanceGrid{grid-template-columns:1fr 1fr}.pi-glanceCard:last-child{grid-column:1/-1}.pi-libraryGrid,.pi-managementGrid,.pi-adminStats{grid-template-columns:1fr}.pi-firstRun{align-items:flex-start;grid-template-columns:50px 1fr;padding:18px}.pi-firstRun__icon{height:48px;width:48px}.pi-firstRun>.pi-btn{grid-column:1/-1;width:100%}.pi-compactSignal{grid-template-columns:1fr 1fr}.pi-compactSignal__message{grid-column:1/-1;justify-self:stretch}.pi-topicRow{grid-template-columns:34px 1fr 12px}.pi-topicSignal,.pi-topicRow>.pi-status{display:none}.pi-prereqList{grid-template-columns:1fr}.pi-buildOptions{grid-template-columns:1fr 1fr}.pi-optionGrid,.pi-twoFields{grid-template-columns:1fr}.pi-checkGrid ul,.pi-checkGrid>ul{grid-template-columns:1fr}.pi-supportFab span{display:none}.pi-support__panel{bottom:7px;right:7px;width:calc(100vw - 14px)}}
@media(max-width:430px){.pi-glanceGrid{grid-template-columns:1fr}.pi-glanceCard:last-child{grid-column:auto}.pi-buildOptions{grid-template-columns:1fr}.pi-fileList article{grid-template-columns:32px minmax(0,1fr) auto}.pi-fileList article>a:last-child{display:none}}

html[data-theme="dark"] .pi-workspace,html[data-theme="dark"] .main-area{background:#0f1e3d;color:#f5f7ff}.pi-workspace a{transition:color .15s ease}
html[data-theme="dark"] .pi-heroRow h1,html[data-theme="dark"] .pi-notebookHero h1,html[data-theme="dark"] .pi-panelHead h2,html[data-theme="dark"] .pi-libraryCard h2,html[data-theme="dark"] .pi-courseSection>header h2,html[data-theme="dark"] .pi-emptyState h1,html[data-theme="dark"] .pi-emptyState h2,html[data-theme="dark"] .pi-questionEditor summary strong{color:#f5f7ff}
html[data-theme="dark"] .pi-heroRow p,html[data-theme="dark"] .pi-notebookHero p,html[data-theme="dark"] .pi-libraryCard p{color:#c8d1ea}
html[data-theme="dark"] .pi-panel,html[data-theme="dark"] .pi-glanceCard,html[data-theme="dark"] .pi-libraryCard,html[data-theme="dark"] .pi-courseSection,html[data-theme="dark"] .pi-questionEditor,html[data-theme="dark"] .pi-modal__panel,html[data-theme="dark"] .pi-support__panel,html[data-theme="dark"] .pi-managementGrid>a,html[data-theme="dark"] .pi-adminStats article{background:#172b56;border-color:rgba(245,247,255,.16)}
html[data-theme="dark"] .pi-courseSection>header,html[data-theme="dark"] .pi-questionEditor[open] summary{background:#132244;border-color:rgba(245,247,255,.12)}
html[data-theme="dark"] .pi-modal input,html[data-theme="dark"] .pi-modal textarea,html[data-theme="dark"] .pi-modal select,html[data-theme="dark"] .pi-questionEditor input,html[data-theme="dark"] .pi-questionEditor textarea,html[data-theme="dark"] .pi-questionEditor select{background:#0f1e3d;border-color:rgba(245,247,255,.16);color:#f5f7ff}

/* Low-cognitive-load overview visuals */
.pi-glanceCard--visual{align-items:center;grid-template-columns:94px minmax(0,1fr);min-height:142px}
.pi-glanceCard--visual h2{color:var(--ppl-navy,#102d6c);font-size:.9rem;font-weight:950;line-height:1.15;margin:4px 0 5px}
.pi-signalRing{--pi-value:0;align-items:center;background:conic-gradient(var(--ppl-cobalt-bright,#2a64c5) calc(var(--pi-value)*1%),var(--ppl-soft-blue,#eef3ff) 0);border-radius:50%;display:grid;height:82px;justify-items:center;position:relative;width:82px}
.pi-signalRing::after{background:#fff;border-radius:50%;content:"";inset:8px;position:absolute}
.pi-signalRing>div{position:relative;text-align:center;z-index:1}.pi-signalRing strong,.pi-signalRing span{display:block}.pi-signalRing strong{color:var(--ppl-navy,#102d6c);font-size:1.05rem;font-weight:950;letter-spacing:-.03em}.pi-signalRing span{color:var(--ppl-muted,#7a7f8c);font-size:.55rem;font-weight:850;margin-top:1px;text-transform:uppercase}
.pi-signalRing--lime{background:conic-gradient(var(--ppl-lime,#dcf465) calc(var(--pi-value)*1%),var(--ppl-soft-blue,#eef3ff) 0)}
.pi-liveMaterialIcon{align-items:center;background:var(--ppl-peri,#a5b1f8);border-radius:18px;color:var(--ppl-navy,#102d6c);display:flex;flex-direction:column;height:82px;justify-content:center;width:82px}.pi-liveMaterialIcon i{font-size:1.1rem}.pi-liveMaterialIcon b{font-size:1.25rem;font-weight:950;margin-top:3px}
html[data-theme="dark"] .pi-signalRing::after{background:#172b56}html[data-theme="dark"] .pi-glanceCard--visual h2,html[data-theme="dark"] .pi-signalRing strong{color:#f5f7ff}
@media(max-width:680px){.pi-glanceCard--visual{grid-template-columns:76px minmax(0,1fr)}.pi-signalRing,.pi-liveMaterialIcon{height:68px;width:68px}}

.pi-fileList form{margin:0}.pi-fileDelete{align-items:center;background:transparent;border:0;border-radius:50%;color:#a55151;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.pi-fileDelete:hover{background:#fff0f0}

/* =========================================================
   Lecturer-first v4.1 — same visual grammar as My Notes
   ========================================================= */
.pi-libraryPage{min-height:calc(100vh - 62px)}
.pi-libraryHeader{align-items:center;display:flex;justify-content:space-between;gap:14px}.pi-libraryHeader .ppl-myNotesBtn{flex:0 0 auto}
.pi-publicationCardWrap{position:relative}.pi-libraryBookIcon{align-items:center!important;display:flex!important;justify-content:center!important;background:#aecbff!important;color:var(--ppl-cobalt,#1c46a5)!important}.pi-libraryBookIcon i{display:inline-block!important;font-size:1rem!important}
.pi-libraryStatus{position:absolute;right:11px;top:11px;z-index:4;display:inline-flex;align-items:center;gap:5px;background:#f5f7fb;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:999px;color:var(--ppl-muted,#7a7f8c);font-size:.59rem;font-weight:900;padding:4px 7px}.pi-libraryStatus.is-live{background:#f7fbd9;border-color:#e7f0b0;color:var(--ppl-navy,#102d6c)}
.pi-shareLater{border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:12px;background:#fbfcff;padding:0 11px}.pi-shareLater summary{cursor:pointer;color:var(--ppl-navy,#102d6c);font-size:.77rem;font-weight:900;padding:11px 2px}.pi-shareLater summary small{color:var(--ppl-muted,#7a7f8c);font-weight:650}.pi-shareLater p{color:var(--ppl-muted,#7a7f8c);font-size:.7rem;font-weight:650;line-height:1.45;margin:0 0 10px}
.pi-institutionNotebookShell{padding-top:10px}.pi-notebookToolbar{justify-content:flex-start}.pi-notebookState{align-items:center;display:inline-flex!important;gap:6px;color:var(--ppl-muted,#7a7f8c)!important;font-size:.69rem!important;font-weight:800!important;margin-top:6px}.pi-notebookState.is-live{color:var(--ppl-cobalt,#1c46a5)!important}
.pi-topicCard{position:relative}.pi-classCheckTag{align-items:center;background:#f7fbd9;border:1px solid #e7f0b0;border-radius:999px;color:var(--ppl-navy,#102d6c);display:inline-flex;font-size:.58rem;font-weight:900;gap:5px;margin-bottom:7px;padding:4px 7px}.pi-topicMeta{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.pi-topicMeta span{background:#f5f7fb;border-radius:999px;color:var(--ppl-muted,#7a7f8c);font-size:.59rem;font-weight:750;padding:4px 7px}.pi-topicResult{align-items:center;background:#fbfcff;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:10px;color:var(--ppl-muted,#7a7f8c);display:flex;gap:7px;margin:9px 0;padding:8px;font-size:.62rem;font-weight:650;line-height:1.35}.pi-topicResult.is-ready{background:var(--ppl-soft-blue,#eef3ff);border-color:#dbe6fb}.pi-topicResult strong{color:var(--ppl-cobalt,#1c46a5);font-size:.83rem;font-weight:950}.pi-topicResult span{display:block}
.pi-simpleExplainer{background:var(--ppl-soft-blue,#eef3ff);border:1px solid #dbe6fb;border-radius:11px;color:var(--ppl-slate,#2a3550);font-size:.73rem;font-weight:650;line-height:1.5;padding:10px 11px}

/* Material-first overview: each card belongs to a real notebook/course. */
.pi-materialOverview{margin-bottom:18px}.pi-classCards{display:grid;gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}.pi-classCard{background:#fff;border:1px solid #ece7de;border-radius:16px;padding:15px}.pi-classCard__head{align-items:center;display:flex;justify-content:space-between}.pi-classCard__icon{align-items:center;background:#aecbff;border-radius:10px;color:var(--ppl-cobalt,#1c46a5);display:grid;height:38px;justify-items:center;width:38px}.pi-classCard h3{color:var(--ppl-navy,#102d6c);font-size:.9rem;font-weight:950;margin:12px 0 3px}.pi-classCard>p{color:var(--ppl-muted,#7a7f8c);font-size:.66rem;font-weight:650;margin:0}.pi-classCard__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.pi-classCard__facts span{background:#f8f9fc;border-radius:9px;padding:7px}.pi-classCard__facts b,.pi-classCard__facts small{display:block}.pi-classCard__facts b{color:var(--ppl-navy,#102d6c);font-size:.82rem;font-weight:950}.pi-classCard__facts small{color:var(--ppl-muted,#7a7f8c);font-size:.56rem;font-weight:750;margin-top:2px}.pi-classCard__result{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.pi-classCard__result span{background:var(--ppl-soft-blue,#eef3ff);border-radius:10px;padding:8px}.pi-classCard__result strong,.pi-classCard__result small{display:block}.pi-classCard__result strong{color:var(--ppl-cobalt,#1c46a5);font-size:1rem;font-weight:950}.pi-classCard__result small{color:var(--ppl-slate,#2a3550);font-size:.58rem;font-weight:700;margin-top:2px}.pi-classCard__waiting,.pi-classCard__private{align-items:flex-start;background:#fafbfc;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:10px;color:var(--ppl-muted,#7a7f8c);display:flex;gap:8px;margin-bottom:10px;padding:9px;font-size:.62rem;font-weight:650;line-height:1.38}.pi-classCard__waiting i{color:var(--ppl-cobalt,#1c46a5)}.pi-classCard__private i{color:var(--ppl-peri,#a5b1f8)}.pi-classCard__waiting b,.pi-classCard__waiting small{display:block}.pi-classCard__waiting b{color:var(--ppl-navy,#102d6c);font-weight:900}.pi-classCard__waiting small{margin-top:2px}.pi-classCard__open{align-items:center;color:var(--ppl-cobalt,#1c46a5);display:flex;font-size:.68rem;font-weight:950;gap:6px;text-decoration:none}.pi-dashboardReview{margin-top:4px}

/* Class check: deliberate analytics, private practice otherwise. */
.pi-classCheckPanel{margin-top:15px}.pi-classCheckBody{align-items:center;display:flex;gap:18px;justify-content:space-between}.pi-classCheckCopy{align-items:flex-start;display:flex;gap:11px;max-width:760px}.pi-classCheckIcon{align-items:center;background:#f5f7fb;border-radius:11px;color:var(--ppl-muted,#7a7f8c);display:grid;flex:0 0 38px;height:38px;justify-items:center}.pi-classCheckIcon.is-on{background:#f7fbd9;color:var(--ppl-navy,#102d6c)}.pi-classCheckCopy strong{color:var(--ppl-navy,#102d6c);font-size:.78rem;font-weight:950}.pi-classCheckCopy p{color:var(--ppl-muted,#7a7f8c);font-size:.7rem;font-weight:650;line-height:1.48;margin:3px 0 0}.pi-classResultBox{align-items:center;background:#fafbfc;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:12px;display:flex;gap:16px;margin-top:13px;padding:11px 12px}.pi-classResultBox.is-ready{background:var(--ppl-soft-blue,#eef3ff);border-color:#dbe6fb}.pi-classResultBox>div strong,.pi-classResultBox>div span{display:block}.pi-classResultBox>div strong{color:var(--ppl-cobalt,#1c46a5);font-size:1.1rem;font-weight:950}.pi-classResultBox>div span,.pi-classResultBox p{color:var(--ppl-muted,#7a7f8c);font-size:.62rem;font-weight:650;margin:0}.pi-classResultBox>i{color:var(--ppl-cobalt,#1c46a5);font-size:1rem}.pi-buildOptions--two{grid-template-columns:1fr 1fr!important}

@media(max-width:980px){.pi-classCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pi-libraryHeader,.pi-classCheckBody{align-items:stretch;flex-direction:column}.pi-libraryHeader .ppl-myNotesBtn{width:100%}.pi-classCards{grid-template-columns:1fr}.pi-classCheckBody form,.pi-classCheckBody .pi-btn{width:100%}.pi-classResultBox{align-items:flex-start;flex-wrap:wrap}.pi-buildOptions--two{grid-template-columns:1fr!important}}
html[data-theme="dark"] .pi-classCard,html[data-theme="dark"] .pi-shareLater,html[data-theme="dark"] .pi-classCheckPanel{background:#172b56;border-color:rgba(245,247,255,.16)}html[data-theme="dark"] .pi-classCard h3,html[data-theme="dark"] .pi-classCheckCopy strong,html[data-theme="dark"] .pi-shareLater summary{color:#f5f7ff}html[data-theme="dark"] .pi-classCard__facts span,html[data-theme="dark"] .pi-classCard__waiting,html[data-theme="dark"] .pi-classCard__private,html[data-theme="dark"] .pi-topicMeta span,html[data-theme="dark"] .pi-classResultBox{background:#132244;border-color:rgba(245,247,255,.12)}

/* =========================================================
   Lecturer-first v4.2 — one PPL experience, simpler controls
   ========================================================= */
.pi-topicManageOnly{justify-content:center!important}.pi-topicManageOnly .ppl-chip{justify-content:center;min-width:108px}
.pi-topicWorkspaceGrid{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px}.pi-topicTools{display:grid;gap:12px;position:sticky;top:82px}
.pi-topicPerformance{min-height:520px}.pi-progressStatus{border-radius:999px;background:#f5f7fb;color:var(--ppl-muted,#7a7f8c);font-size:.62rem;font-weight:900;padding:6px 9px}.pi-progressStatus--attention{background:#fff2e8;color:#9b5724}.pi-progressStatus--watch{background:#fff8d9;color:#765d09}.pi-progressStatus--good{background:#f0f5ff;color:var(--ppl-cobalt,#1c46a5)}
.pi-progressMetrics{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.pi-progressMetrics article{background:#f8f9fc;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:14px;padding:15px}.pi-progressMetrics article>span,.pi-progressMetrics article>strong,.pi-progressMetrics article>small{display:block}.pi-progressMetrics article>span{color:var(--ppl-muted,#7a7f8c);font-size:.65rem;font-weight:850}.pi-progressMetrics article>strong{color:var(--ppl-navy,#102d6c);font-size:1.65rem;font-weight:950;letter-spacing:-.04em;margin:5px 0}.pi-progressMetrics article>small{color:var(--ppl-muted,#7a7f8c);font-size:.64rem;font-weight:650;line-height:1.4}.pi-progressMetrics article.is-positive>strong{color:var(--ppl-cobalt,#1c46a5)}
.pi-repeatStrip,.pi-privateWaiting{align-items:flex-start;background:var(--ppl-soft-blue,#eef3ff);border:1px solid #dbe6fb;border-radius:14px;display:flex;gap:11px;margin-top:13px;padding:13px}.pi-repeatStrip>i,.pi-privateWaiting>i{align-items:center;background:#fff;border-radius:10px;color:var(--ppl-cobalt,#1c46a5);display:grid;flex:0 0 34px;height:34px;justify-items:center}.pi-repeatStrip strong,.pi-repeatStrip span,.pi-privateWaiting strong,.pi-privateWaiting span{display:block}.pi-repeatStrip strong,.pi-privateWaiting strong{color:var(--ppl-navy,#102d6c);font-size:.75rem;font-weight:900}.pi-repeatStrip span,.pi-privateWaiting span{color:var(--ppl-muted,#7a7f8c);font-size:.67rem;font-weight:650;line-height:1.45;margin-top:2px}
.pi-privacyLine{color:var(--ppl-muted,#7a7f8c);font-size:.62rem;font-weight:700;margin-top:12px}.pi-privacyLine i{color:var(--ppl-peri,#a5b1f8);margin-right:5px}.pi-topicPrereqs{border-top:1px solid var(--ppl-border-solid,#e2e8f4);margin-top:20px;padding-top:14px}.pi-topicPrereqs>span{color:var(--ppl-muted,#7a7f8c);display:block;font-size:.63rem;font-weight:900;margin-bottom:7px;text-transform:uppercase}.pi-topicPrereqs>div{display:flex;flex-wrap:wrap;gap:6px}.pi-topicPrereqs a{background:#f8f9fc;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:999px;color:var(--ppl-cobalt,#1c46a5);font-size:.65rem;font-weight:800;padding:6px 9px;text-decoration:none}.pi-topicPrereqs a i{margin-right:5px}
.pi-topicToolCard{box-shadow:none!important}.pi-iconButton{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border:0;border-radius:999px;color:var(--ppl-cobalt,#1c46a5);display:grid;height:32px;justify-items:center;width:32px}.pi-fileList--compact article{grid-template-columns:34px minmax(0,1fr) auto!important;gap:8px!important;padding:8px 0!important}.pi-fileRead{background:transparent;border:0;color:var(--ppl-cobalt,#1c46a5);font-size:.64rem;font-weight:900;padding:4px;cursor:pointer}.pi-topicToolLink{align-items:center;color:inherit;display:grid!important;gap:10px;grid-template-columns:38px minmax(0,1fr) auto;padding:13px!important;text-decoration:none}.pi-topicToolLink>span{align-items:center;border-radius:10px;display:grid;height:38px;justify-items:center;width:38px}.pi-topicToolLink>div strong,.pi-topicToolLink>div small{display:block}.pi-topicToolLink>div strong{color:var(--ppl-navy,#102d6c);font-size:.76rem;font-weight:950}.pi-topicToolLink>div small{color:var(--ppl-muted,#7a7f8c);font-size:.62rem;font-weight:650;margin-top:2px}.pi-topicToolLink>i{color:var(--ppl-cobalt,#1c46a5);font-size:.65rem}.pi-topicToolLink--quiet>span{background:#f5f7fb;color:var(--ppl-muted,#7a7f8c)}
.pi-readerModal .pi-modal__panel--reader{height:min(88vh,900px);max-width:1100px;width:min(94vw,1100px)}.pi-readerModal__body{background:#eef1f6;flex:1;min-height:0;overflow:hidden}.pi-readerModal__body iframe{border:0;height:100%;min-height:70vh;width:100%}
.pi-practiceAdminBar{align-items:center;background:#fff;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:14px;display:flex;gap:14px;justify-content:space-between;margin:14px 0 18px;padding:11px 13px}.pi-practiceAdminBar>div:first-child strong,.pi-practiceAdminBar>div:first-child span{display:block}.pi-practiceAdminBar>div:first-child strong{color:var(--ppl-navy,#102d6c);font-size:.75rem;font-weight:950}.pi-practiceAdminBar>div:first-child span{color:var(--ppl-muted,#7a7f8c);font-size:.62rem;font-weight:650;margin-top:2px}.pi-practiceAdminBar>div:last-child{display:flex;gap:7px}
.pi-editableMcq,.pi-editableFlashcard{position:relative}.pi-questionEditTop{display:flex;justify-content:flex-end;margin-bottom:6px}.pi-questionEditTop button{background:transparent;border:0;color:var(--ppl-cobalt,#1c46a5);font-size:.62rem;font-weight:900;padding:5px 7px}.pi-inlineEditor{background:#f8f9fc;border-top:1px solid var(--ppl-border-solid,#e2e8f4);display:grid;gap:9px;margin-top:12px;padding:13px}.pi-inlineEditor[hidden]{display:none!important}.pi-inlineEditor label{color:var(--ppl-navy,#102d6c);display:grid;font-size:.65rem;font-weight:850;gap:4px}.pi-inlineEditor input,.pi-inlineEditor textarea,.pi-inlineEditor select{background:#fff;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:9px;color:var(--ppl-ink,#14213d);font:650 .72rem/1.4 'Raleway',sans-serif;padding:9px}.pi-inlineEditor__actions{align-items:center;display:flex;gap:7px}.pi-textDanger{background:transparent;border:0;color:#a55151;font-size:.62rem;font-weight:900;margin-left:auto}.pi-optionGrid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.pi-optionGrid label:last-child:nth-child(odd){grid-column:1/-1}.pi-inlineEditor--card{border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:12px;margin-top:8px}
.pi-classCard__result--three{grid-template-columns:repeat(3,1fr)!important}.pi-classCard__activity{color:var(--ppl-muted,#7a7f8c);font-size:.6rem;font-weight:700;line-height:1.4;margin:-2px 0 10px}.pi-classCard__activity b{color:var(--ppl-navy,#102d6c);font-weight:950}
@media(max-width:900px){.pi-topicWorkspaceGrid{grid-template-columns:1fr}.pi-topicTools{position:static}.pi-topicPerformance{min-height:0}}
@media(max-width:620px){.pi-progressMetrics{grid-template-columns:1fr 1fr}.pi-practiceAdminBar{align-items:stretch;flex-direction:column}.pi-practiceAdminBar>div:last-child .pi-btn{flex:1}.pi-optionGrid{grid-template-columns:1fr}.pi-optionGrid label:last-child:nth-child(odd){grid-column:auto}.pi-classCard__result--three{grid-template-columns:1fr 1fr!important}.pi-readerModal .pi-modal__panel--reader{height:94vh;width:96vw}.pi-readerModal__body iframe{min-height:78vh}}
html[data-theme="dark"] .pi-progressMetrics article,html[data-theme="dark"] .pi-practiceAdminBar,html[data-theme="dark"] .pi-inlineEditor{background:#172b56;border-color:rgba(245,247,255,.16)}html[data-theme="dark"] .pi-progressMetrics article>strong,html[data-theme="dark"] .pi-topicToolLink>div strong,html[data-theme="dark"] .pi-practiceAdminBar strong,html[data-theme="dark"] .pi-inlineEditor label{color:#f5f7ff}html[data-theme="dark"] .pi-inlineEditor input,html[data-theme="dark"] .pi-inlineEditor textarea,html[data-theme="dark"] .pi-inlineEditor select{background:#0f1e3d;border-color:rgba(245,247,255,.16);color:#f5f7ff}


/* v4.3 lecturer-first refinements */
.pi-topicCard--clickable{display:block;position:relative;text-decoration:none!important;color:inherit!important;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.pi-topicCard--clickable:hover,.pi-topicCard--clickable:focus{transform:translateY(-2px);border-color:var(--ppl-cobalt,#1c46a5);box-shadow:0 14px 30px rgba(16,45,108,.09);outline:0}
.pi-topicCard__arrow{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border-radius:999px;bottom:14px;color:var(--ppl-cobalt,#1c46a5);display:inline-flex;height:30px;justify-content:center;position:absolute;right:14px;width:30px}
.pi-hardQuestions{border-top:1px solid var(--ppl-border-solid,#e2e8f4);display:grid;gap:8px;margin-top:16px;padding-top:16px}
.pi-hardQuestions__head{align-items:center;display:flex;justify-content:space-between;gap:12px}
.pi-hardQuestions__head span{color:var(--ppl-navy,#102d6c);font-size:.84rem;font-weight:900}
.pi-hardQuestions__head small{color:var(--ppl-muted,#7a7f8c);font-size:.72rem;font-weight:700}
.pi-hardQuestion{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:12px;display:flex;gap:14px;justify-content:space-between;padding:10px 12px}
.pi-hardQuestion strong{color:var(--ppl-ink,#14213d);font-size:.78rem;font-weight:800;line-height:1.35}
.pi-hardQuestion span{color:var(--ppl-cobalt,#1c46a5);flex:0 0 auto;font-size:.72rem;font-weight:850}
@media(max-width:640px){.pi-hardQuestion{align-items:flex-start;flex-direction:column;gap:5px}}


/* =========================================================
   v4.5 interaction polish — simpler controls, richer glance
   ========================================================= */
.pi-editableDisplay[hidden]{display:none!important}
.pi-editableMcq.is-editing,.pi-editableFlashcard.is-editing{overflow:hidden}
.pi-inlineEditor--replace{background:#fff;border:0;border-radius:inherit;margin:0;min-height:100%;padding:18px}
.pi-inlineEditor__heading{align-items:center;border-bottom:1px solid var(--ppl-border-solid,#e2e8f4);display:flex;justify-content:space-between;margin:-2px 0 4px;padding:0 0 10px}
.pi-inlineEditor__heading span{color:var(--ppl-navy,#102d6c);font-size:.78rem;font-weight:950}
.pi-inlineEditor__close{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border:0;border-radius:999px;color:var(--ppl-cobalt,#1c46a5);display:grid;height:30px;place-items:center;width:30px}
.pi-editableFlashcard.is-editing .pi-inlineEditor--card{min-height:320px}

.pi-progressMetrics--visual{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pi-progressMetrics--visual article{align-items:center;display:grid;gap:11px;grid-template-columns:68px minmax(0,1fr);min-height:92px;padding:12px}
.pi-progressMetrics--visual article>div:last-child>span{color:var(--ppl-navy,#102d6c);display:block;font-size:.73rem;font-weight:950;line-height:1.2}
.pi-progressMetrics--visual article>div:last-child>small{color:var(--ppl-muted,#7a7f8c);display:block;font-size:.62rem;font-weight:700;line-height:1.35;margin-top:4px}
.pi-metricRing{--ring-color:#1f57c8;align-items:center;background:conic-gradient(var(--ring-color) calc(var(--value,0)*1%),#dfe5ef 0);border-radius:50%;display:grid;height:64px;isolation:isolate;justify-items:center;position:relative;width:64px}
.pi-metricRing:after{background:#fff;border-radius:50%;content:"";inset:7px;position:absolute;z-index:-1}
.pi-metricRing span{color:var(--ppl-navy,#102d6c);font-size:.8rem;font-weight:950;letter-spacing:-.03em}
.pi-metricRing--latest{--ring-color:#138a5b}
.pi-metricRing--improvement{--ring-color:#6b55d7}
.pi-metricRing--coverage{--ring-color:#d76522}

.pi-readerModal{padding:8px!important}
.pi-readerModal .pi-modal__panel--reader{background:#0b1732;border:1px solid rgba(255,255,255,.14);border-radius:14px;height:min(96vh,980px);max-width:none;overflow:hidden;padding:0;position:relative;width:min(98vw,1500px)}
.pi-readerModal__body{height:100%;min-height:0;padding:0}
.pi-readerModal__body iframe{border:0;display:block;height:100%;min-height:0;width:100%}
.pi-readerModal__close{align-items:center;background:rgba(8,21,47,.84);border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;display:grid;height:34px;place-items:center;position:absolute;right:10px;top:10px;width:34px;z-index:30;backdrop-filter:blur(8px)}
.pi-readerModal__close:hover{background:#102d6c}

/* Public Institutions landing — WPD-inspired depth without dashboard density. */
.pi-publicLanding{background:var(--ppl-cream,#fffbf6);color:var(--ppl-ink,#14213d);overflow:hidden}
.pi-publicContainer{margin:0 auto;max-width:1180px;padding-left:22px;padding-right:22px;width:100%}
.pi-publicHero{background:var(--ppl-navy,#102d6c);color:#fff;isolation:isolate;overflow:hidden;position:relative}
.pi-publicHero:before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px;content:"";inset:0;opacity:.12;position:absolute;z-index:-2}
.pi-publicHero__glow{background:radial-gradient(circle at 23% 24%,rgba(220,244,101,.14),transparent 28%),radial-gradient(circle at 82% 72%,rgba(165,177,248,.14),transparent 32%);inset:0;position:absolute;z-index:-1}
.pi-publicHero__grid{align-items:center;display:grid;gap:54px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);min-height:610px;padding-bottom:72px;padding-top:72px}
.pi-publicKicker,.pi-publicEyebrow{align-items:center;color:var(--ppl-lime,#dcf465);display:inline-flex;font-size:.72rem;font-weight:950;gap:8px;letter-spacing:.08em;text-transform:uppercase}
.pi-publicHero h1{color:#fff;font-size:clamp(42px,5.3vw,68px);font-weight:950;letter-spacing:-.045em;line-height:.98;margin:15px 0 18px;max-width:750px}.pi-publicHero h1 span{color:var(--ppl-lime,#dcf465)}
.pi-publicHero__copy>p{color:#cbd4ef;font-size:clamp(.94rem,1.15vw,1.08rem);font-weight:620;line-height:1.72;margin:0;max-width:680px}
.pi-publicHero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.pi-publicBtn{align-items:center;border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:950;gap:8px;justify-content:center;min-height:44px;padding:11px 18px;text-decoration:none}.pi-publicBtn--accent{background:var(--ppl-lime,#dcf465);color:var(--ppl-navy,#102d6c)}.pi-publicBtn--ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);color:#fff}
.pi-publicTrust{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px}.pi-publicTrust span{align-items:center;color:#cbd4ef;display:inline-flex;font-size:.7rem;font-weight:800;gap:6px}.pi-publicTrust i{color:var(--ppl-lime,#dcf465)}
.pi-publicPreview{background:#fff;border:1px solid rgba(255,255,255,.3);border-radius:22px;box-shadow:0 24px 60px rgba(4,13,34,.28);color:var(--ppl-ink,#14213d);overflow:hidden;padding:20px;position:relative}.pi-publicPreview:after{border:14px solid rgba(42,100,197,.08);border-radius:50%;content:"";height:110px;position:absolute;right:-42px;top:-40px;width:110px}
.pi-publicPreview__top span{color:var(--ppl-cobalt,#1c46a5);display:block;font-size:.65rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.pi-publicPreview__top strong{color:var(--ppl-navy,#102d6c);display:block;font-size:1.1rem;font-weight:950;margin-top:3px}
.pi-publicPreview__rings{align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;margin:22px 0}.pi-publicPreview__rings>i{color:#9aa7c4}.pi-publicMiniRing{align-items:center;background:conic-gradient(var(--ppl-cobalt,#1c46a5) calc(var(--value)*1%),#edf1f7 0);border-radius:50%;display:grid;height:112px;justify-items:center;margin:auto;position:relative;width:112px}.pi-publicMiniRing:after{background:#fff;border-radius:50%;content:"";inset:12px;position:absolute}.pi-publicMiniRing span,.pi-publicMiniRing small{position:relative;z-index:1}.pi-publicMiniRing span{color:var(--ppl-navy,#102d6c);font-size:1.35rem;font-weight:950}.pi-publicMiniRing small{color:var(--ppl-muted,#7a7f8c);font-size:.62rem;font-weight:800;margin-top:-30px}.pi-publicMiniRing--lime{background:conic-gradient(var(--ppl-lime,#dcf465) calc(var(--value)*1%),#edf1f7 0)}
.pi-publicPreview__bar{border-top:1px solid #e9edf5;padding-top:14px}.pi-publicPreview__bar>div{display:flex;justify-content:space-between}.pi-publicPreview__bar span{color:var(--ppl-muted,#7a7f8c);font-size:.7rem;font-weight:750}.pi-publicPreview__bar strong{color:var(--ppl-navy,#102d6c);font-size:.8rem;font-weight:950}.pi-publicPreview__bar>i{background:#edf1f7;border-radius:999px;display:block;height:7px;margin-top:7px;overflow:hidden}.pi-publicPreview__bar>i:after{background:var(--ppl-orange,#ec9652);border-radius:inherit;content:"";display:block;height:100%;width:calc(var(--value)*1%)}
.pi-publicPreview__note{align-items:flex-start;background:var(--ppl-soft-blue,#eef3ff);border-radius:12px;color:var(--ppl-slate,#2a3550);display:flex;font-size:.7rem;font-weight:720;gap:8px;line-height:1.45;margin-top:16px;padding:11px}.pi-publicPreview__note i{color:var(--ppl-cobalt,#1c46a5);margin-top:2px}
.pi-publicSection{padding:76px 0}.pi-publicSection--soft{background:#edf0fb}.pi-publicSectionHead{text-align:center}.pi-publicSectionHead>span{color:var(--ppl-cobalt,#1c46a5);font-size:.7rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.pi-publicSectionHead h2,.pi-publicSplit h2{color:var(--ppl-navy,#102d6c);font-size:clamp(28px,3.4vw,42px);font-weight:950;letter-spacing:-.035em;line-height:1.04;margin:8px 0 10px}.pi-publicSectionHead p,.pi-publicSplit>div>p{color:var(--ppl-muted,#7a7f8c);font-size:.9rem;font-weight:650;line-height:1.65;margin:0}
.pi-publicSteps{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.pi-publicSteps article{background:#fff;border:1px solid #e4e8f1;border-radius:18px;box-shadow:0 10px 28px rgba(16,45,108,.045);min-height:220px;padding:20px;position:relative}.pi-publicSteps article>b{color:#d6ddeb;font-size:2rem;font-weight:950;position:absolute;right:18px;top:14px}.pi-publicStepIcon{align-items:center;background:#aecbff;border-radius:12px;color:var(--ppl-cobalt,#1c46a5);display:grid;height:42px;place-items:center;width:42px}.pi-publicStepIcon--lime{background:var(--ppl-lime,#dcf465);color:var(--ppl-navy,#102d6c)}.pi-publicStepIcon--peri{background:var(--ppl-peri,#a5b1f8);color:var(--ppl-navy,#102d6c)}.pi-publicSteps h3{color:var(--ppl-navy,#102d6c);font-size:1rem;font-weight:950;margin:17px 0 7px}.pi-publicSteps p{color:var(--ppl-muted,#7a7f8c);font-size:.78rem;font-weight:650;line-height:1.55;margin:0}
.pi-publicSplit{align-items:center;display:grid;gap:64px;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr)}.pi-publicSplit--reverse{grid-template-columns:minmax(340px,.78fr) minmax(0,1fr)}.pi-publicSplit ul{display:grid;gap:8px;list-style:none;margin:20px 0 0;padding:0}.pi-publicSplit li{color:var(--ppl-slate,#2a3550);font-size:.78rem;font-weight:750}.pi-publicSplit li i{color:var(--ppl-cobalt,#1c46a5);margin-right:8px}
.pi-publicFeatureCard,.pi-publicPrivacyCard{background:#fff;border:1px solid #dde4f1;border-radius:20px;box-shadow:0 17px 42px rgba(16,45,108,.08);padding:20px}.pi-publicFeatureCard>span{align-items:center;background:var(--ppl-navy,#102d6c);border-radius:12px;color:var(--ppl-lime,#dcf465);display:grid;height:44px;place-items:center;width:44px}.pi-publicFeatureCard>strong{color:var(--ppl-navy,#102d6c);display:block;font-size:1.15rem;font-weight:950;margin:14px 0 2px}.pi-publicFeatureCard>small{color:var(--ppl-muted,#7a7f8c);font-size:.68rem;font-weight:750}.pi-publicFeatureCard>div{border-top:1px solid #e8edf5;display:flex;gap:10px;justify-content:space-between;margin-top:13px;padding-top:13px}.pi-publicFeatureCard b{color:var(--ppl-ink,#14213d);font-size:.73rem;font-weight:850}.pi-publicFeatureCard em{color:var(--ppl-muted,#7a7f8c);font-size:.63rem;font-style:normal;font-weight:700}
.pi-publicPrivacyCard__icon{align-items:center;background:var(--ppl-lime,#dcf465);border-radius:50%;color:var(--ppl-navy,#102d6c);display:grid;height:48px;place-items:center;width:48px}.pi-publicPrivacyCard h3{color:var(--ppl-navy,#102d6c);font-size:1.1rem;font-weight:950;margin:14px 0 6px}.pi-publicPrivacyCard>p{color:var(--ppl-muted,#7a7f8c);font-size:.78rem;font-weight:650;line-height:1.55}.pi-publicPrivacyCard>div{align-items:center;border-top:1px solid #e7ebf3;display:flex;justify-content:space-between;padding:11px 0}.pi-publicPrivacyCard>div span{color:var(--ppl-muted,#7a7f8c);font-size:.68rem;font-weight:750}.pi-publicPrivacyCard>div strong{color:var(--ppl-navy,#102d6c);font-size:.69rem;font-weight:900;text-align:right}
.pi-publicLoop{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.pi-publicLoop span{background:#fff;border:1px solid #dce4f2;border-radius:999px;color:var(--ppl-navy,#102d6c);font-size:.68rem;font-weight:900;padding:7px 10px}.pi-publicLoop i{background:var(--ppl-lime,#dcf465);border-radius:999px;height:4px;width:18px}
.pi-publicCta{background:var(--ppl-navy,#102d6c);color:#fff;padding:68px 0;text-align:center}.pi-publicCta span{color:var(--ppl-peri,#a5b1f8);font-size:.72rem;font-weight:850}.pi-publicCta h2{color:#fff;font-size:clamp(30px,4vw,48px);font-weight:950;letter-spacing:-.04em;line-height:1.03;margin:9px auto 20px;max-width:760px}
@media(max-width:900px){.pi-publicHero__grid,.pi-publicSplit,.pi-publicSplit--reverse{grid-template-columns:1fr}.pi-publicHero__grid{min-height:0;padding-bottom:54px;padding-top:54px}.pi-publicHero__visual{max-width:520px}.pi-publicSteps{grid-template-columns:1fr}.pi-progressMetrics--visual{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pi-publicContainer{padding-left:14px;padding-right:14px}.pi-publicHero h1{font-size:clamp(36px,11vw,48px)}.pi-publicHero__actions .pi-publicBtn{width:100%}.pi-publicTrust{display:grid}.pi-publicPreview__rings{gap:7px}.pi-publicMiniRing{height:92px;width:92px}.pi-publicSection{padding:52px 0}.pi-publicSplit{gap:30px}.pi-progressMetrics--visual{grid-template-columns:1fr}.pi-readerModal{padding:3px!important}.pi-readerModal .pi-modal__panel--reader{border-radius:9px;height:97vh;width:99vw}}
html[data-theme="dark"] .pi-inlineEditor--replace,html[data-theme="dark"] .pi-metricRing:after{background:#172b56}

/* =========================================================
   Public landing mobile CTA/proof-point refinements
   ========================================================= */
.pi-publicHero{
  background:var(--ppl-navy,#102d6c) !important;
}
.pi-publicHero__glow{display:none!important}
.pi-publicKicker{color:var(--ppl-lime,#dcf465)!important}
.pi-publicEyebrow,.pi-publicSectionHead>span{color:var(--ppl-cobalt,#1c46a5)!important}

/* Hero actions stay paired on every screen size. */
.pi-publicHero__actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  max-width:390px;
}
.pi-publicHero__actions .pi-publicBtn{
  min-width:0;
  white-space:nowrap;
}

/* Two compact trust points, including on mobile. */
.pi-publicTrust{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 12px;
  max-width:430px;
}
.pi-publicTrust span{
  min-width:0;
  white-space:nowrap;
}

/* Quiet but noticeable interaction feedback. */
.pi-publicBtn{
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease;
}
.pi-publicBtn:hover,
.pi-publicBtn:focus-visible{
  transform:translateY(-2px);
}
.pi-publicBtn--accent:hover,
.pi-publicBtn--accent:focus-visible{
  background:#e3f878;
  box-shadow:0 9px 22px rgba(220,244,101,.18);
}
.pi-publicBtn--ghost:hover,
.pi-publicBtn--ghost:focus-visible{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.34);
  box-shadow:0 8px 20px rgba(4,13,34,.14);
}
.pi-publicBtn:active{
  transform:translateY(0) scale(.985);
  box-shadow:none;
}
.pi-publicBtn:focus-visible{
  outline:2px solid rgba(220,244,101,.85);
  outline-offset:3px;
}

@media(max-width:620px){
  .pi-publicHero__actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    max-width:none;
    width:100%;
  }
  .pi-publicHero__actions .pi-publicBtn{
    font-size:.72rem;
    min-height:42px;
    padding:9px 10px;
    width:auto;
  }
  .pi-publicTrust{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin-top:20px;
    max-width:none;
    width:100%;
  }
  .pi-publicTrust span{
    font-size:.61rem;
    gap:5px;
    justify-content:flex-start;
  }
}

@media(max-width:390px){
  .pi-publicHero__actions .pi-publicBtn{font-size:.67rem;padding-inline:8px}
  .pi-publicTrust span{font-size:.57rem}
}

/* =========================================================
   v4.6 source reader — viewer first, no modal chrome
   One overlay is used for PDF, DOCX, PPTX and TXT.
   ========================================================= */
.pi-readerOverlay{
  background:#0b1732;
  inset:0;
  overflow:hidden;
  position:fixed;
  z-index:3200;
}
.pi-readerOverlay[hidden]{display:none!important}
.pi-readerOverlay__frame{
  background:#eef1f6;
  border:0;
  display:block;
  height:100dvh;
  inset:0;
  position:absolute;
  width:100vw;
}
.pi-readerOverlay__close{
  align-items:center;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  background:rgba(8,21,47,.84);
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  color:#fff;
  cursor:pointer;
  display:grid;
  height:38px;
  place-items:center;
  position:absolute;
  right:12px;
  top:12px;
  transition:background .15s ease,transform .15s ease,border-color .15s ease;
  width:38px;
  z-index:40;
}
.pi-readerOverlay__close:hover,.pi-readerOverlay__close:focus{
  background:#9f4141;
  border-color:rgba(255,255,255,.38);
  transform:translateY(-1px);
}
.pi-readerOverlay__close:active{transform:scale(.95)}
@media(max-width:620px){
  .pi-readerOverlay__close{height:36px;right:7px;top:7px;width:36px}
}

/* =========================================================
   Lecturer Overview v4.7 — decision-first briefing
   Calm hierarchy: briefing -> attention -> change -> activity.
   ========================================================= */

.pi-overviewV2{padding-top:24px}
.pi-overviewTop{
  align-items:flex-end;
  display:flex;
  gap:24px;
  justify-content:space-between;
  margin-bottom:18px;
}
.pi-overviewTop h1{
  color:var(--ppl-navy,#102d6c);
  font-size:clamp(1.75rem,3vw,2.35rem);
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1.04;
  margin:5px 0 0;
}

/* The hero is a briefing, not a KPI grid. */
.pi-briefing{
  background:var(--ppl-navy,#102d6c);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  box-shadow:0 18px 44px rgba(16,45,108,.13);
  color:#fff;
  display:grid;
  gap:28px;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  margin-bottom:18px;
  overflow:hidden;
  padding:26px;
  position:relative;
}
.pi-briefing:after{
  border:18px solid rgba(220,244,101,.07);
  border-radius:50%;
  content:"";
  height:170px;
  pointer-events:none;
  position:absolute;
  right:-82px;
  top:-90px;
  width:170px;
}
.pi-briefing__copy{align-self:center;position:relative;z-index:1}
.pi-briefing__eyebrow{
  align-items:center;
  color:var(--ppl-lime,#dcf465);
  display:inline-flex;
  font-size:.67rem;
  font-weight:950;
  gap:7px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pi-briefing__copy h2{
  color:#fff;
  font-size:clamp(1.45rem,2.7vw,2.15rem);
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1.08;
  margin:9px 0 8px;
  max-width:650px;
}
.pi-briefing__copy>p{
  color:#ccd5ee;
  font-size:.82rem;
  font-weight:650;
  line-height:1.58;
  margin:0;
  max-width:660px;
}
.pi-briefing__context{
  align-items:flex-start;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  color:#dbe3f7;
  display:flex;
  font-size:.68rem;
  font-weight:650;
  gap:8px;
  line-height:1.45;
  margin-top:17px;
  max-width:620px;
  padding:9px 11px;
}
.pi-briefing__context i{color:var(--ppl-peri,#a5b1f8);margin-top:2px}
.pi-briefing__context strong{color:#fff;font-weight:900}

.pi-briefing__metrics{
  align-content:center;
  display:grid;
  gap:9px;
  grid-template-columns:1fr 1fr;
  position:relative;
  z-index:1;
}
.pi-briefing__metrics article{
  align-items:center;
  background:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  color:var(--ppl-ink,#14213d);
  display:grid;
  gap:10px;
  grid-template-columns:68px minmax(0,1fr);
  min-height:106px;
  padding:12px;
}
.pi-briefing__metrics article b{
  color:var(--ppl-navy,#102d6c);
  display:block;
  font-size:.72rem;
  font-weight:950;
  line-height:1.22;
}
.pi-briefing__metrics article span{
  color:var(--ppl-muted,#7a7f8c);
  display:block;
  font-size:.6rem;
  font-weight:700;
  line-height:1.4;
  margin-top:4px;
}
.pi-briefingRing{
  align-items:center;
  background:conic-gradient(#1f57c8 calc(var(--value,0)*1%),#dfe5ef 0);
  border-radius:50%;
  display:grid;
  height:64px;
  isolation:isolate;
  justify-items:center;
  position:relative;
  width:64px;
}
.pi-briefingRing:after{
  background:#fff;
  border-radius:50%;
  content:"";
  inset:7px;
  position:absolute;
  z-index:-1;
}
.pi-briefingRing strong{
  color:var(--ppl-navy,#102d6c)!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:-.03em;
  margin:0!important;
  text-align:center;
}
.pi-briefingRing--lime{
  background:conic-gradient(#138a5b calc(var(--value,0)*1%),#dfe5ef 0);
}
.pi-briefing__change{
  align-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  color:#dce4f7;
  display:flex;
  font-size:.66rem;
  font-weight:700;
  gap:8px;
  grid-column:1/-1;
  line-height:1.42;
  padding:9px 11px;
}
.pi-briefing__change i{color:var(--ppl-peri,#a5b1f8)}
.pi-briefing__change.is-positive i{color:var(--ppl-lime,#dcf465)}
.pi-briefing__change strong{color:#fff;font-weight:950}

.pi-briefing__waiting{
  align-self:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.09);
  border-radius:17px;
  padding:18px;
  position:relative;
  z-index:1;
}
.pi-briefing__waiting>span{
  align-items:center;
  background:var(--ppl-lime,#dcf465);
  border-radius:12px;
  color:var(--ppl-navy,#102d6c);
  display:grid;
  height:42px;
  place-items:center;
  width:42px;
}
.pi-briefing__waiting strong{
  color:#fff;
  display:block;
  font-size:.85rem;
  font-weight:950;
  margin-top:12px;
}
.pi-briefing__waiting p{
  color:#ccd5ee;
  font-size:.68rem;
  font-weight:650;
  line-height:1.5;
  margin:5px 0 0;
}

/* Decision area: one dominant list, one small change feed. */
.pi-decisionGrid{
  align-items:start;
  display:grid;
  gap:16px;
  grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);
  margin-bottom:20px;
}
.pi-decisionPanel,.pi-changePanel{border-radius:18px}
.pi-decisionList{display:grid}
.pi-decisionList>a{
  align-items:center;
  border-top:1px solid var(--ppl-border-solid,#e2e8f4);
  color:inherit;
  display:grid;
  gap:12px;
  grid-template-columns:10px minmax(0,1fr) auto;
  padding:14px 1px;
  text-decoration:none;
  transition:background .15s ease,padding .15s ease;
}
.pi-decisionList>a:first-child{border-top:0}
.pi-decisionList>a:hover{
  background:#f8faff;
  border-radius:12px;
  padding-left:10px;
  padding-right:10px;
}
.pi-decisionDot{border-radius:999px;height:9px;width:9px}
.pi-decisionList__copy strong{
  color:var(--ppl-ink,#14213d);
  display:block;
  font-size:.82rem;
  font-weight:950;
}
.pi-decisionList__copy>small{
  color:var(--ppl-muted,#7a7f8c);
  display:block;
  font-size:.62rem;
  font-weight:700;
  margin-top:2px;
}
.pi-decisionList__copy p{
  color:var(--ppl-slate,#2a3550);
  font-size:.68rem;
  font-weight:650;
  line-height:1.45;
  margin:6px 0 0;
}
.pi-decisionList__copy p b{color:var(--ppl-navy,#102d6c);font-weight:900}
.pi-decisionList__action{
  align-items:center;
  color:var(--ppl-cobalt,#1c46a5);
  display:inline-flex;
  font-size:.66rem;
  font-weight:950;
  gap:6px;
  white-space:nowrap;
}
.pi-calmState--decision{margin-top:4px}

.pi-changeList{display:grid}
.pi-changeItem{
  align-items:center;
  border-top:1px solid var(--ppl-border-solid,#e2e8f4);
  color:inherit;
  display:grid;
  gap:9px;
  grid-template-columns:36px minmax(0,1fr) 10px;
  padding:12px 0;
  text-decoration:none;
}
.pi-changeItem:first-child{border-top:0}
.pi-changeItem__icon{
  align-items:center;
  background:var(--ppl-soft-blue,#eef3ff);
  border-radius:10px;
  color:var(--ppl-cobalt,#1c46a5);
  display:grid!important;
  height:34px;
  justify-items:center;
  place-items:center;
  width:34px;
}
.pi-changeItem__icon i{display:block;line-height:1;margin:0;text-align:center}
.pi-changeItem--improvement .pi-changeItem__icon{
  background:#f4f9d7;
  color:var(--ppl-navy,#102d6c);
}
.pi-changeItem--repeat .pi-changeItem__icon{
  background:#eef0ff;
  color:var(--ppl-cobalt,#1c46a5);
}
.pi-changeItem small,.pi-changeItem strong,.pi-changeItem span{display:block}
.pi-changeItem small{
  color:var(--ppl-muted,#7a7f8c);
  font-size:.57rem;
  font-weight:850;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.pi-changeItem strong{
  color:var(--ppl-navy,#102d6c);
  font-size:.72rem;
  font-weight:950;
  line-height:1.25;
  margin-top:2px;
}
.pi-changeItem div>span{
  color:var(--ppl-muted,#7a7f8c);
  font-size:.61rem;
  font-weight:700;
  margin-top:2px;
}
.pi-changeItem>i{color:#9aa6bd;font-size:.55rem}
.pi-changeEmpty{
  align-items:flex-start;
  background:#f8faff;
  border-radius:12px;
  color:var(--ppl-muted,#7a7f8c);
  display:flex;
  font-size:.68rem;
  font-weight:650;
  gap:9px;
  line-height:1.45;
  padding:12px;
}
.pi-changeEmpty i{color:var(--ppl-cobalt,#1c46a5);margin-top:2px}
.pi-changeEmpty p{margin:0}

/* Recently active material is a compact rail, not another KPI dashboard. */
.pi-recentMaterial{margin-top:4px}
.pi-recentMaterial__rail{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.pi-recentCard{
  background:#fff;
  border:1px solid #e7e4dc;
  border-radius:16px;
  color:inherit;
  display:block;
  min-width:0;
  padding:14px;
  text-decoration:none;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.pi-recentCard:hover{
  border-color:#cbd8f1;
  box-shadow:0 12px 28px rgba(16,45,108,.07);
  transform:translateY(-2px);
}
.pi-recentCard__top{
  align-items:center;
  display:flex;
  gap:8px;
  justify-content:space-between;
}
.pi-recentCard__top span{
  color:var(--ppl-cobalt,#1c46a5);
  font-size:.58rem;
  font-weight:900;
  max-width:70%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pi-recentCard__top time{
  color:var(--ppl-muted,#7a7f8c);
  font-size:.55rem;
  font-weight:700;
  white-space:nowrap;
}
.pi-recentCard>strong{
  color:var(--ppl-navy,#102d6c);
  display:block;
  font-size:.8rem;
  font-weight:950;
  line-height:1.25;
  margin-top:11px;
}
.pi-recentCard>small{
  color:var(--ppl-muted,#7a7f8c);
  display:block;
  font-size:.6rem;
  font-weight:650;
  margin-top:3px;
}
.pi-recentCard__facts{
  display:grid;
  gap:6px;
  grid-template-columns:1fr 1fr;
  margin-top:12px;
}
.pi-recentCard__facts span{
  background:#f7f9fd;
  border-radius:9px;
  padding:8px;
}
.pi-recentCard__facts b{
  color:var(--ppl-navy,#102d6c);
  display:block;
  font-size:.66rem;
  font-weight:950;
  line-height:1.2;
}
.pi-recentCard__facts small{
  color:var(--ppl-muted,#7a7f8c);
  display:block;
  font-size:.53rem;
  font-weight:700;
  line-height:1.3;
  margin-top:3px;
}
.pi-recentCard__private{
  align-items:flex-start;
  background:#f8f9fc;
  border-radius:9px;
  color:var(--ppl-muted,#7a7f8c);
  display:flex;
  font-size:.58rem;
  font-weight:650;
  gap:7px;
  line-height:1.4;
  margin-top:12px;
  padding:8px;
}
.pi-recentCard__private i{color:var(--ppl-peri,#a5b1f8);margin-top:2px}

/* Topic analytics: same language as the overview, with deeper evidence. */
.pi-topicPerformance--briefed{border-radius:18px}
.pi-topicBrief{
  align-items:flex-start;
  background:var(--ppl-navy,#102d6c);
  border-radius:15px;
  color:#fff;
  display:flex;
  gap:12px;
  margin:4px 0 14px;
  padding:14px;
}
.pi-topicBrief__icon{
  align-items:center;
  background:var(--ppl-lime,#dcf465);
  border-radius:10px;
  color:var(--ppl-navy,#102d6c);
  display:grid;
  flex:0 0 36px;
  height:36px;
  place-items:center;
}
.pi-topicBrief strong{
  color:#fff;
  display:block;
  font-size:.76rem;
  font-weight:950;
  line-height:1.45;
}
.pi-topicBrief div>span{
  color:#cbd4ed;
  display:block;
  font-size:.65rem;
  font-weight:650;
  line-height:1.45;
  margin-top:3px;
}
.pi-topicPerformance--briefed .pi-progressMetrics--visual{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.pi-topicPerformance--briefed .pi-progressMetrics--visual article{
  min-height:100px;
}
.pi-topicPerformance--briefed .pi-hardQuestion>summary .pi-hardQuestion__summaryText{
  max-width:none;
  text-align:left;
}

@media(max-width:980px){
  .pi-briefing{grid-template-columns:1fr}
  .pi-decisionGrid{grid-template-columns:1fr}
  .pi-recentMaterial__rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .pi-overviewTop{align-items:flex-start;flex-direction:column}
  .pi-overviewTop .pi-btn{width:100%}
  .pi-briefing{border-radius:17px;padding:18px}
  .pi-briefing__metrics{grid-template-columns:1fr 1fr}
  .pi-briefing__metrics article{
    align-items:flex-start;
    grid-template-columns:1fr;
    min-height:0;
  }
  .pi-briefingRing{height:58px;width:58px}
  .pi-decisionList>a{
    align-items:flex-start;
    grid-template-columns:9px minmax(0,1fr);
  }
  .pi-decisionList__action{
    grid-column:2;
    margin-top:-4px;
  }
  .pi-recentMaterial__rail{
    display:flex;
    margin-right:-11px;
    overflow-x:auto;
    padding:2px 11px 10px 0;
    scroll-snap-type:x proximity;
  }
  .pi-recentCard{
    flex:0 0 min(82vw,285px);
    scroll-snap-align:start;
  }
  .pi-topicPerformance--briefed .pi-progressMetrics--visual{
    grid-template-columns:1fr;
  }
  .pi-topicPerformance--briefed .pi-hardQuestion>summary .pi-hardQuestion__summaryText{
    max-width:none;
    text-align:left;
  }
}
@media(max-width:430px){
  .pi-briefing__metrics{grid-template-columns:1fr}
  .pi-briefing__change{grid-column:auto}
}

html[data-theme="dark"] .pi-decisionList>a:hover,
html[data-theme="dark"] .pi-recentCard__facts span,
html[data-theme="dark"] .pi-changeEmpty{
  background:#132244;
}
html[data-theme="dark"] .pi-recentCard{
  background:#172b56;
  border-color:rgba(245,247,255,.14);
}
html[data-theme="dark"] .pi-recentCard>strong,
html[data-theme="dark"] .pi-changeItem strong,
html[data-theme="dark"] .pi-decisionList__copy strong{
  color:#f5f7ff;
}


/* =========================================================
   v4.9 implementation workspace — curriculum first, low admin
   ========================================================= */
.pi-implementationHero{margin-bottom:18px}
.pi-implementationStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.pi-implementationStats article{background:#fff;border:1px solid #ece7de;border-radius:14px;padding:14px}.pi-implementationStats span,.pi-implementationStats strong,.pi-implementationStats small{display:block}.pi-implementationStats span{color:var(--ppl-muted,#7a7f8c);font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.pi-implementationStats strong{color:var(--ppl-navy,#102d6c);font-size:1.45rem;font-weight:950;margin:4px 0}.pi-implementationStats small{color:var(--ppl-muted,#7a7f8c);font-size:.61rem;font-weight:650}
.pi-implementationLayout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;align-items:start}.pi-implementationTools{display:grid;gap:12px;position:sticky;top:82px}.pi-curriculumBuilder{padding:17px}.pi-curriculumUnits{display:grid;gap:12px}.pi-curriculumUnit{border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:15px;overflow:hidden;background:#fbfcff}.pi-curriculumUnit>header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px;background:#fff;border-bottom:1px solid var(--ppl-border-solid,#e2e8f4)}.pi-curriculumUnit__icon{height:36px;width:36px;border-radius:10px;background:#aecbff;color:var(--ppl-cobalt,#1c46a5);display:grid;place-items:center}.pi-curriculumUnit>header strong,.pi-curriculumUnit>header small{display:block}.pi-curriculumUnit>header strong{color:var(--ppl-navy,#102d6c);font-size:.82rem;font-weight:950}.pi-curriculumUnit>header small{color:var(--ppl-muted,#7a7f8c);font-size:.61rem;font-weight:650;margin-top:2px}.pi-curriculumModules{padding:10px 12px;display:grid;gap:8px}.pi-curriculumModule{background:#fff;border:1px solid #edf1f6;border-radius:12px;padding:11px}.pi-curriculumModule__title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pi-curriculumModule__title span{display:flex;flex-direction:column;color:var(--ppl-navy,#102d6c);font-size:.74rem;font-weight:900}.pi-curriculumModule__title span b{color:var(--ppl-cobalt,#1c46a5);font-size:.58rem;letter-spacing:.04em;text-transform:uppercase}.pi-curriculumModule__title small{color:var(--ppl-muted,#7a7f8c);font-size:.58rem;font-weight:650}.pi-currentTeaching{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border-radius:10px;display:flex;justify-content:space-between;gap:10px;margin-top:9px;padding:9px 10px}.pi-currentTeaching__label{color:var(--ppl-cobalt,#1c46a5);display:block;font-size:.56rem;font-weight:900;text-transform:uppercase}.pi-currentTeaching strong,.pi-currentTeaching small{display:block}.pi-currentTeaching strong{color:var(--ppl-navy,#102d6c);font-size:.7rem;font-weight:900;margin-top:1px}.pi-currentTeaching small{color:var(--ppl-muted,#7a7f8c);font-size:.59rem;font-weight:650;margin-top:2px}.pi-currentTeaching__actions{display:flex;align-items:center;gap:6px}.pi-setupCode{align-items:center;background:#fff;border:1px solid #dce5f3;border-radius:999px;color:var(--ppl-navy,#102d6c);display:inline-flex;font-size:.62rem;font-weight:950;gap:5px;padding:6px 8px;white-space:nowrap}.pi-setupCode i{color:var(--ppl-cobalt,#1c46a5)}
.pi-setupPanel details{background:#fbfcff;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:12px;margin-top:8px;padding:0!important}.pi-setupPanel details summary{align-items:center;display:grid;grid-template-columns:28px 1fr 12px;gap:8px;list-style:none;padding:10px;cursor:pointer}.pi-setupPanel details summary::-webkit-details-marker{display:none}.pi-setupPanel details summary>span{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border-radius:8px;color:var(--ppl-cobalt,#1c46a5);display:grid;font-size:.62rem;font-weight:950;height:28px;place-items:center;width:28px}.pi-setupPanel details summary strong,.pi-setupPanel details summary small{display:block}.pi-setupPanel details summary strong{color:var(--ppl-navy,#102d6c);font-size:.7rem;font-weight:900}.pi-setupPanel details summary small{color:var(--ppl-muted,#7a7f8c);font-size:.58rem;font-weight:650;margin-top:1px}.pi-setupPanel details>form{border-top:1px solid var(--ppl-border-solid,#e2e8f4);display:grid;gap:9px;padding:11px}.pi-setupPanel label{display:grid;gap:4px;color:var(--ppl-slate,#2a3550);font-size:.62rem;font-weight:850}.pi-setupPanel input,.pi-setupPanel select{background:#fff;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:9px;color:var(--ppl-ink,#14213d);font:650 .7rem/1.3 'Raleway',sans-serif;min-height:36px;padding:7px 8px;width:100%}.pi-threeFields{display:grid;grid-template-columns:1fr 1fr 80px;gap:7px}.pi-checkLine{align-items:flex-start!important;display:flex!important;gap:7px!important}.pi-checkLine input{width:auto!important;min-height:auto!important;margin-top:2px}.pi-checkLine span{font-size:.62rem}.pi-checkLine small{display:block;color:var(--ppl-muted,#7a7f8c);font-weight:650;margin-top:2px}.pi-setupPeople{display:grid;gap:0}.pi-setupPeople>a{align-items:center;border-top:1px solid var(--ppl-border-solid,#e2e8f4);color:inherit;display:flex;font-size:.68rem;font-weight:850;justify-content:space-between;padding:10px 0;text-decoration:none}.pi-setupPeople>a:first-of-type{border-top:0}.pi-setupPeople>a span{align-items:center;display:flex;gap:8px}.pi-setupPeople>a span i{color:var(--ppl-cobalt,#1c46a5);width:16px}.pi-moduleMeta{align-items:center!important;display:flex!important;flex-wrap:wrap;gap:7px!important}.pi-moduleCode{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border-radius:999px;color:var(--ppl-cobalt,#1c46a5)!important;display:inline-flex!important;font-size:.6rem!important;font-weight:900!important;gap:5px;padding:4px 7px}
@media(max-width:980px){.pi-implementationLayout{grid-template-columns:1fr}.pi-implementationTools{position:static}.pi-implementationStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pi-implementationStats{grid-template-columns:1fr 1fr}.pi-curriculumUnit>header{grid-template-columns:34px minmax(0,1fr)}.pi-curriculumUnit>header>.pi-status{grid-column:2}.pi-currentTeaching{align-items:flex-start;flex-direction:column}.pi-currentTeaching__actions{width:100%;justify-content:space-between}.pi-threeFields,.pi-twoFields{grid-template-columns:1fr}.pi-implementationHero .pi-btn{width:100%}}
html[data-theme="dark"] .pi-implementationStats article,html[data-theme="dark"] .pi-curriculumUnit,html[data-theme="dark"] .pi-curriculumModule,html[data-theme="dark"] .pi-setupPanel details{background:#172b56;border-color:rgba(245,247,255,.15)}html[data-theme="dark"] .pi-curriculumUnit>header,html[data-theme="dark"] .pi-currentTeaching{background:#132244;border-color:rgba(245,247,255,.12)}html[data-theme="dark"] .pi-curriculumUnit strong,html[data-theme="dark"] .pi-curriculumModule__title span,html[data-theme="dark"] .pi-currentTeaching strong,html[data-theme="dark"] .pi-setupPanel details summary strong{color:#f5f7ff}


/* =========================================================
   v4.10 implementation workspace — in-page admin + wider setup rail
   ========================================================= */
.pi-implementationLayout{
  grid-template-columns:minmax(0,2fr) minmax(390px,1fr) !important;
  gap:20px !important;
}
.pi-implementationMain{min-width:0;display:grid;gap:16px}
.pi-implementationTools{min-width:0}
.pi-setupPanel label,.pi-adminForm label,.pi-inlineEditor label{min-width:0}
.pi-setupPanel input,.pi-setupPanel select,.pi-adminForm input,.pi-adminForm select,.pi-adminForm textarea,.pi-inlineEditor input,.pi-inlineEditor select,.pi-inlineEditor textarea{min-width:0;width:100%}
.pi-twoFields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.pi-threeFields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(92px,.62fr)!important;gap:12px!important}
.pi-threeFields--even{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pi-setupPanel details>form{gap:12px!important;padding:14px!important}
.pi-setupPanel details summary{padding:12px!important}
.pi-setupPanel input,.pi-setupPanel select{min-height:40px!important;padding:8px 10px!important}
.pi-setupPanel label>small,.pi-adminForm label>small{color:var(--ppl-muted,#7a7f8c);font-size:.58rem;font-weight:650}

.pi-inlineEditor{border-top:1px solid #edf1f6;background:#fbfcff}
.pi-inlineEditor summary{align-items:center;color:var(--ppl-cobalt,#1c46a5);cursor:pointer;display:flex;font-size:.62rem;font-weight:900;gap:7px;list-style:none;padding:8px 13px}
.pi-inlineEditor summary::-webkit-details-marker{display:none}.pi-inlineEditor[open] summary{background:var(--ppl-soft-blue,#eef3ff)}
.pi-inlineEditor form{display:grid;gap:10px;padding:12px 13px;border-top:1px solid #e6edf7}
.pi-inlineEditor label{color:var(--ppl-slate,#2a3550);display:grid;font-size:.62rem;font-weight:850;gap:4px}
.pi-inlineEditor input,.pi-inlineEditor select,.pi-inlineEditor textarea{background:#fff;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:9px;color:var(--ppl-ink,#14213d);font:650 .7rem/1.35 'Raleway',sans-serif;padding:8px 9px}
.pi-inlineEditor--compact{border:0;margin-top:5px}.pi-inlineEditor--compact summary{padding:5px 0}.pi-inlineEditor--compact form{background:#fbfcff;border:1px solid #e6edf7;border-radius:10px;margin-top:4px}
.pi-inlineEditor--teaching{border:0;margin-top:7px}.pi-inlineEditor--teaching summary{background:transparent!important;padding:5px 1px}.pi-inlineEditor--teaching form{background:#fbfcff;border:1px solid #e6edf7;border-radius:10px;margin-top:4px}
.pi-inlineAjaxForm{display:inline-flex!important;padding:0!important;border:0!important;background:transparent!important}
.pi-copyCode{border:1px solid #dce5f3;cursor:pointer}
.pi-formActions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}

.pi-adminWorkspace{scroll-margin-top:88px;padding:17px}
.pi-adminSections{display:grid;gap:9px}
.pi-adminSections>details{background:#fbfcff;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:13px;overflow:hidden}
.pi-adminSections>details>summary{align-items:center;cursor:pointer;display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr) 14px;list-style:none;padding:12px 14px}
.pi-adminSections>details>summary::-webkit-details-marker{display:none}.pi-adminSections>details[open]>summary{background:#fff;border-bottom:1px solid var(--ppl-border-solid,#e2e8f4)}
.pi-adminSections>details>summary strong,.pi-adminSections>details>summary small{display:block}.pi-adminSections>details>summary strong{color:var(--ppl-navy,#102d6c);font-size:.75rem;font-weight:950}.pi-adminSections>details>summary small{color:var(--ppl-muted,#7a7f8c);font-size:.6rem;font-weight:650;margin-top:2px}
.pi-adminSectionIcon{align-items:center;background:var(--ppl-soft-blue,#eef3ff);border-radius:10px;color:var(--ppl-cobalt,#1c46a5);display:flex;height:36px;justify-content:center;width:36px}
.pi-adminForm{display:grid;gap:11px;padding:14px}.pi-adminForm>strong{color:var(--ppl-navy,#102d6c);font-size:.72rem;font-weight:950}.pi-adminForm label{color:var(--ppl-slate,#2a3550);display:grid;font-size:.62rem;font-weight:850;gap:4px}.pi-adminForm input,.pi-adminForm select,.pi-adminForm textarea{background:#fff;border:1px solid var(--ppl-border-solid,#e2e8f4);border-radius:9px;color:var(--ppl-ink,#14213d);font:650 .7rem/1.35 'Raleway',sans-serif;min-height:39px;padding:8px 9px}.pi-adminForm textarea{resize:vertical}
.pi-adminBody{display:grid;gap:12px;padding:12px}.pi-adminCreateGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pi-adminForm--card{background:#fff;border:1px solid #edf1f6;border-radius:11px;padding:12px}
.pi-adminRows{display:grid;gap:7px}.pi-adminRow{background:#fff;border:1px solid #edf1f6;border-radius:10px;overflow:hidden}.pi-adminRow>summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;gap:10px;list-style:none;padding:10px 12px}.pi-adminRow>summary::-webkit-details-marker{display:none}.pi-adminRow>summary strong,.pi-adminRow>summary small{display:block}.pi-adminRow>summary strong{color:var(--ppl-navy,#102d6c);font-size:.69rem;font-weight:900}.pi-adminRow>summary small{color:var(--ppl-muted,#7a7f8c);font-size:.58rem;font-weight:650;margin-top:2px}.pi-adminRow>summary>i{color:var(--ppl-cobalt,#1c46a5);font-size:.65rem}.pi-adminRow[open]>summary{background:var(--ppl-soft-blue,#eef3ff)}
.pi-checkGridCompact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pi-adminToast{background:var(--ppl-navy,#102d6c);border-radius:12px;box-shadow:0 12px 30px rgba(8,20,50,.18);color:#fff;font-size:.68rem;font-weight:850;max-width:min(420px,calc(100vw - 30px));padding:10px 13px;position:fixed;right:18px;top:82px;z-index:2200}.pi-adminToast.is-error{background:#9b3434}
.pi-setupPeople--local a{cursor:pointer}.pi-setupPeople--local b{background:var(--ppl-soft-blue,#eef3ff);border-radius:999px;color:var(--ppl-cobalt,#1c46a5);font-size:.62rem;padding:4px 8px}
.pi-createInstitution{margin-bottom:16px}.pi-createInstitution[hidden]{display:none!important}.pi-createInstitution .pi-adminForm{padding:0}.pi-managementHome .pi-adminToast{top:84px}

@media(max-width:1180px){.pi-implementationLayout{grid-template-columns:1fr!important}.pi-implementationTools{position:static!important}.pi-setupPanel{max-width:none}.pi-adminCreateGrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.pi-twoFields,.pi-threeFields,.pi-threeFields--even,.pi-adminCreateGrid,.pi-checkGridCompact{grid-template-columns:1fr!important}.pi-adminWorkspace{padding:13px}.pi-adminSections>details>summary{grid-template-columns:34px minmax(0,1fr) 12px}.pi-adminSectionIcon{height:32px;width:32px}.pi-adminToast{left:12px;right:12px;top:70px;max-width:none}}

html[data-theme="dark"] .pi-adminSections>details,html[data-theme="dark"] .pi-adminForm--card,html[data-theme="dark"] .pi-adminRow,html[data-theme="dark"] .pi-inlineEditor form,html[data-theme="dark"] .pi-inlineEditor--compact form,html[data-theme="dark"] .pi-inlineEditor--teaching form{background:#172b56;border-color:rgba(245,247,255,.15)}
html[data-theme="dark"] .pi-adminSections>details>summary strong,html[data-theme="dark"] .pi-adminRow>summary strong,html[data-theme="dark"] .pi-adminForm>strong{color:#f5f7ff}
html[data-theme="dark"] .pi-adminSections>details[open]>summary,html[data-theme="dark"] .pi-adminRow[open]>summary{background:#132244}
html[data-theme="dark"] .pi-adminForm input,html[data-theme="dark"] .pi-adminForm select,html[data-theme="dark"] .pi-adminForm textarea,html[data-theme="dark"] .pi-inlineEditor input,html[data-theme="dark"] .pi-inlineEditor select,html[data-theme="dark"] .pi-inlineEditor textarea{background:#0f1e3d;border-color:rgba(245,247,255,.16);color:#f5f7ff}

/* =========================================================
   v4.11 implementation forms — overlap-proof layout
   ---------------------------------------------------------
   Grid children, forms and native controls must be allowed to
   shrink inside their tracks. Fast Setup stays intentionally
   single-column internally; the rail itself remains ~1/3 wide.
   ========================================================= */
.pi-implementationPage,
.pi-implementationLayout,
.pi-implementationMain,
.pi-implementationTools,
.pi-setupPanel,
.pi-adminWorkspace,
.pi-adminBody,
.pi-adminCreateGrid,
.pi-adminForm,
.pi-inlineEditor,
.pi-inlineEditor form,
.pi-twoFields,
.pi-threeFields,
.pi-threeFields--even{
  min-width:0 !important;
}

.pi-implementationPage *,
.pi-implementationPage *::before,
.pi-implementationPage *::after{
  box-sizing:border-box;
}

.pi-twoFields > *,
.pi-threeFields > *,
.pi-threeFields--even > *,
.pi-adminCreateGrid > *,
.pi-adminForm > *,
.pi-setupPanel form > *,
.pi-inlineEditor form > *{
  min-width:0 !important;
  max-width:100% !important;
}

.pi-implementationPage input,
.pi-implementationPage select,
.pi-implementationPage textarea,
.pi-implementationPage button{
  box-sizing:border-box;
  max-width:100%;
}

.pi-implementationPage input,
.pi-implementationPage select,
.pi-implementationPage textarea{
  min-width:0 !important;
  width:100% !important;
}

/* Two complete create forms in one row made each form too narrow.
   Keep each admin task full-width and easy to scan/fill. */
.pi-adminCreateGrid{
  grid-template-columns:minmax(0,1fr) !important;
  gap:10px !important;
}

.pi-adminForm--card{
  min-width:0 !important;
  overflow:hidden;
  width:100% !important;
}

/* Fast Setup already occupies roughly a third of the page. Inside
   that rail, one field per row is faster and cannot collide. */
.pi-implementationTools .pi-twoFields,
.pi-implementationTools .pi-threeFields,
.pi-implementationTools .pi-threeFields--even{
  grid-template-columns:minmax(0,1fr) !important;
  gap:10px !important;
}

.pi-implementationTools .pi-setupPanel form{
  min-width:0 !important;
  overflow:hidden;
  width:100% !important;
}

.pi-implementationTools .pi-setupPanel label{
  min-width:0 !important;
  overflow-wrap:anywhere;
}

/* Main-column editors can still use two fields where there is room,
   but fall back before the inputs become cramped. */
@media (max-width:1320px){
  .pi-adminWorkspace .pi-threeFields,
  .pi-adminWorkspace .pi-threeFields--even{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

@media (max-width:900px){
  .pi-implementationMain .pi-twoFields,
  .pi-implementationMain .pi-threeFields,
  .pi-implementationMain .pi-threeFields--even,
  .pi-checkGridCompact{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* =========================================================
   v4.12 implementation workspace — single-column admin
   ---------------------------------------------------------
   The former Fast Setup rail has been removed. Curriculum
   creation now lives inside Admin Controls, so the management
   workspace can use the full content width.
   ========================================================= */
.pi-implementationLayout{
  display:block !important;
  width:100% !important;
}

.pi-implementationMain{
  display:grid !important;
  gap:18px !important;
  min-width:0 !important;
  width:100% !important;
}

/* Full-width implementation panels. */
.pi-curriculumBuilder,
.pi-adminWorkspace{
  min-width:0 !important;
  width:100% !important;
}

/* Curriculum setup forms are intentionally stacked. They are
   implementation tasks, not cards that need to compete for width. */
.pi-adminBody--curriculumSetup{
  display:grid !important;
  gap:12px !important;
  grid-template-columns:minmax(0,1fr) !important;
}

/* Definitive field-grid rules. Every grid track can shrink and
   native controls can never escape their own cell. */
.pi-implementationPage .pi-twoFields,
.pi-implementationPage .pi-threeFields,
.pi-implementationPage .pi-threeFields--even,
.pi-implementationPage .pi-checkGridCompact{
  display:grid !important;
  gap:12px !important;
  min-width:0 !important;
  width:100% !important;
}

.pi-implementationPage .pi-twoFields{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.pi-implementationPage .pi-threeFields,
.pi-implementationPage .pi-threeFields--even{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.pi-implementationPage .pi-checkGridCompact{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.pi-implementationPage .pi-twoFields > *,
.pi-implementationPage .pi-threeFields > *,
.pi-implementationPage .pi-threeFields--even > *,
.pi-implementationPage .pi-checkGridCompact > *,
.pi-implementationPage .pi-adminForm > *,
.pi-implementationPage .pi-inlineEditor form > *{
  box-sizing:border-box !important;
  min-inline-size:0 !important;
  min-width:0 !important;
  max-inline-size:100% !important;
  max-width:100% !important;
}

.pi-implementationPage label{
  min-inline-size:0 !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:anywhere;
}

.pi-implementationPage input:not([type="checkbox"]):not([type="radio"]),
.pi-implementationPage select,
.pi-implementationPage textarea{
  box-sizing:border-box !important;
  display:block !important;
  inline-size:100% !important;
  width:100% !important;
  min-inline-size:0 !important;
  min-width:0 !important;
  max-inline-size:100% !important;
  max-width:100% !important;
}

/* Long select values should remain contained inside their field. */
.pi-implementationPage select{
  text-overflow:ellipsis;
}

/* Three fields need more breathing room than pairs. */
@media (max-width:1100px){
  .pi-implementationPage .pi-threeFields,
  .pi-implementationPage .pi-threeFields--even{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* Pair fields stack before they become narrow enough to collide. */
@media (max-width:780px){
  .pi-implementationPage .pi-twoFields,
  .pi-implementationPage .pi-checkGridCompact{
    grid-template-columns:minmax(0,1fr) !important;
  }
}



/* v4.13: lecturer missed-question cards disclose detail only on demand. */
.pi-hardQuestion--expandable{display:block!important;padding:0!important;overflow:hidden}
.pi-hardQuestion--expandable>summary{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none;padding:12px 14px}
.pi-hardQuestion--expandable>summary::-webkit-details-marker{display:none}
.pi-hardQuestion--expandable>summary>div{display:grid;gap:3px;min-width:0}
.pi-hardQuestion--expandable>summary strong{display:block;min-width:0}
.pi-hardQuestion--expandable>summary span{color:var(--ppl-muted,#7a7f8c);font-size:.74rem;font-weight:750}
.pi-hardQuestion--expandable>summary>i{color:var(--ppl-cobalt,#1c46a5);flex:0 0 auto;font-size:.72rem;transition:transform .16s ease}
.pi-hardQuestion--expandable[open]>summary>i{transform:rotate(180deg)}
.pi-hardQuestion__detail{border-top:1px solid var(--ppl-border-solid,#e2e8f4);padding:13px 14px 14px}
.pi-hardQuestion__detail p{color:var(--ppl-ink,#14213d);font-size:.88rem;font-weight:800;line-height:1.48;margin:0 0 11px}
.pi-hardQuestion__stats{display:grid;gap:7px}
.pi-hardQuestion__stats span{background:var(--ppl-soft-blue,#eef3ff);border-radius:10px;color:var(--ppl-slate,#2a3550);font-size:.74rem;font-weight:700;line-height:1.4;padding:8px 10px}
.pi-hardQuestion__stats b{color:var(--ppl-navy,#102d6c);font-weight:950;margin-right:4px}


/* v4.14: compact implementation + stable lecturer demo interactions. */
@media (min-width:981px){
  .pi-implementationPage .pi-curriculumUnits{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
  }
}
@media (max-width:980px){
  .pi-implementationPage .pi-curriculumUnits{grid-template-columns:minmax(0,1fr)}
}

/* Institution cards keep their text colours on hover instead of inheriting a global link hover. */
.pi-managementGrid>a{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}
.pi-managementGrid>a:hover,.pi-managementGrid>a:focus{
  background:#f8faff;
  border-color:var(--ppl-cobalt,#1c46a5);
  box-shadow:0 10px 24px rgba(16,45,108,.08);
  color:inherit;
  outline:0;
  transform:translateY(-1px);
}
.pi-managementGrid>a:hover h2,.pi-managementGrid>a:focus h2{color:var(--ppl-navy,#102d6c)}
.pi-managementGrid>a:hover p,.pi-managementGrid>a:focus p{color:var(--ppl-muted,#7a7f8c)}
.pi-managementGrid>a:hover>i,.pi-managementGrid>a:focus>i{color:var(--ppl-cobalt,#1c46a5)}

/* Never change horizontal padding on hover: changing width made long copy reflow mid-animation. */
.pi-decisionList>a{padding:14px 10px;transition:background .15s ease,border-color .15s ease}
.pi-decisionList>a:hover,.pi-decisionList>a:focus{
  background:#f8faff;
  border-radius:12px;
  padding-left:10px;
  padding-right:10px;
  outline:0;
}

.pi-hardQuestion--expandable>summary{align-items:flex-start}
.pi-hardQuestion--expandable>summary strong{line-height:1.45}
.pi-hardQuestion__detail{padding-top:12px}
.pi-hardQuestion--expandable>summary .pi-hardQuestion__summaryText{color:var(--ppl-muted,#7a7f8c);display:block;font-size:.72rem;font-weight:700;line-height:1.45;margin-top:2px;text-align:left}
.pi-hardQuestion--expandable>summary .pi-hardQuestion__summaryText b{color:var(--ppl-navy,#102d6c);font-weight:950}
.pi-hardQuestion__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pi-hardQuestion__stats article{background:rgba(255,255,255,.58);border:1px solid rgba(28,70,165,.08);border-radius:11px;display:grid;align-content:start;gap:5px;min-width:0;padding:12px 13px;text-align:left}
.pi-hardQuestion__stats article small{color:var(--ppl-muted,#7a7f8c);font-size:.62rem;font-style:normal;font-weight:850;letter-spacing:.02em;text-transform:uppercase}
.pi-hardQuestion__stats article b{color:var(--ppl-navy,#102d6c);display:block;font-size:.78rem;font-weight:950;line-height:1.4;margin:0;overflow-wrap:anywhere}
.pi-hardQuestion__stats article em{color:var(--ppl-muted,#7a7f8c);font-size:.66rem;font-style:normal;font-weight:700;line-height:1.4}
@media (max-width:700px){.pi-hardQuestion__stats{grid-template-columns:minmax(0,1fr)}}

html[data-theme="dark"] .pi-managementGrid>a:hover,html[data-theme="dark"] .pi-managementGrid>a:focus{background:#132244}
html[data-theme="dark"] .pi-managementGrid>a:hover h2,html[data-theme="dark"] .pi-managementGrid>a:focus h2{color:#f5f7ff}
html[data-theme="dark"] .pi-managementGrid>a:hover p,html[data-theme="dark"] .pi-managementGrid>a:focus p{color:#c8d1ea}
/* Secondary pill buttons must remain legible on hover (e.g. Institution controls). */
.pi-btn--secondary:hover,.pi-btn--secondary:focus{
  background:var(--ppl-soft-blue,#eef3ff);
  border-color:var(--ppl-cobalt,#1c46a5);
  color:var(--ppl-cobalt,#1c46a5)!important;
}
html[data-theme="dark"] .pi-btn--secondary:hover,html[data-theme="dark"] .pi-btn--secondary:focus{
  background:#223a6c;
  border-color:#6f93dd;
  color:#f5f7ff!important;
}

/* Demo guests can freely explore the lecturer workspace without mutating shared demo data. */
.pi-demoReadOnlyBanner{display:flex;align-items:center;gap:12px;margin:14px auto 4px;max-width:1180px;padding:12px 15px;border:1px solid rgba(30,72,137,.16);border-radius:14px;background:rgba(244,248,255,.96)}
.pi-demoReadOnlyBanner>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(30,72,137,.08)}
.pi-demoReadOnlyBanner div{display:flex;flex-direction:column;gap:2px}.pi-demoReadOnlyBanner strong{font-size:.88rem}.pi-demoReadOnlyBanner span{font-size:.78rem;opacity:.76}
.pi-workspace[data-demo-read-only="1"] form[method="post"]{display:none!important}
.pi-workspace[data-demo-read-only="1"] .ppl-myNotesBtn,
.pi-workspace[data-demo-read-only="1"] .pi-iconButton,
.pi-workspace[data-demo-read-only="1"] .pi-questionEditTop,
.pi-workspace[data-demo-read-only="1"] .pi-practiceAdminBar .pi-btn,
.pi-workspace[data-demo-read-only="1"] [data-inline-edit],
.pi-workspace[data-demo-read-only="1"] [data-topic-modal],
.pi-workspace[data-demo-read-only="1"] [data-modal-open]{display:none!important}

/* Admin destructive actions. */
.pi-btn--danger{background:#fff!important;border:1px solid rgba(173,35,35,.28)!important;color:#9f2525!important}
.pi-btn--danger:hover{background:#fff3f3!important;border-color:rgba(173,35,35,.48)!important;color:#821b1b!important}
.pi-deleteWarning{display:flex;gap:11px;align-items:flex-start;padding:12px 13px;border-radius:12px;background:#fff7f3;border:1px solid rgba(181,79,31,.16)}
.pi-deleteWarning i{margin-top:3px}.pi-deleteWarning p{margin:0;font-size:.86rem;line-height:1.45}.pi-deleteMath{margin-top:14px}.pi-deleteMath strong{font-size:1rem}.pi-deleteMath input{max-width:150px}
.pi-adminHint{margin:4px 0 10px;font-size:.82rem;line-height:1.45;opacity:.76}

/* =========================================================
   v4.16 compact numbered institution setup
   ---------------------------------------------------------
   On desktop the implementation sequence reads left-to-right:
   1, 2 / 3, 4 / 5, 6. Smaller screens stay single-column.
   ========================================================= */
.pi-implementationPage .pi-adminSections{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:start !important;
}

.pi-implementationPage .pi-adminSections > details{
  min-width:0 !important;
  width:100% !important;
}

.pi-adminSectionStep{
  font-size:.76rem !important;
  font-weight:950 !important;
  letter-spacing:-.02em;
}

@media (max-width:1050px){
  .pi-implementationPage .pi-adminSections{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

html[data-theme="dark"] .pi-hardQuestion__stats article{background:rgba(255,255,255,.035);border-color:rgba(245,247,255,.1)}