.pelh {
  --bg: #f7f8fc;
  --panel: #fff;
  --ink: #172338;
  --muted: #536278;
  --line: #dce3ed;
  --accent: #176451;
  background: var(--bg);
  color: var(--ink);
  font:
    16px/1.6 system-ui,
    sans-serif;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: clamp(16px, 3vw, 36px);
  max-width: 1200px;
  margin: 24px auto;
  box-sizing: border-box;
}
.pelh * {
  box-sizing: border-box;
}
.pelh-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.pelh h1 {
  font-size: 32px;
  margin: 0;
  color: var(--ink);
  line-height: 1.3;
}
.pelh h2 {
  font-size: 24px;
  margin: 0 0 16px;
  color: var(--ink);
}
.pelh h3 {
  font-size: 19px;
  margin: 0 0 8px;
  color: var(--ink);
}
.pelh-eyebrow {
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--accent);
  font-weight: 750;
}
.pelh-nav,
.pelh-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.pelh button,
.pelh a.pelh-button {
  cursor: pointer;
  background: var(--accent);
  color: #fff;
  border: 1px solid var(--accent);
  padding: 10px 16px;
  border-radius: 10px;
  font: inherit;
  text-decoration: none;
  min-height: 44px;
}
.pelh button.secondary {
  background: var(--panel);
  color: var(--ink);
  border-color: var(--line);
}
.pelh button[aria-current='true'] {
  box-shadow: 0 0 0 2px var(--accent);
}
.pelh button:disabled {
  opacity: 0.6;
  cursor: wait;
}
.pelh input,
.pelh select,
.pelh textarea {
  font: inherit;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  max-width: 100%;
  width: 100%;
  min-height: 44px;
}
.pelh input[type='checkbox'],
.pelh input[type='radio'] {
  width: auto;
  min-height: 20px;
}
.pelh label {
  display: block;
  margin: 12px 0 4px;
  font-weight: 600;
}
.pelh textarea {
  min-height: 110px;
}
.pelh-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 16px;
}
.pelh-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 16px;
}
.pelh-form {
  max-width: 700px;
}
.pelh-muted {
  color: var(--muted);
}
.pelh-lock {
  background: var(--bg);
  border-style: dashed;
}
.pelh-badge {
  display: inline-block;
  border-radius: 30px;
  padding: 4px 12px;
  background: #e0f2eb;
  color: #124a3b;
  font-weight: 650;
}
.pelh progress {
  width: 100%;
  height: 14px;
  accent-color: var(--accent);
}
.pelh-status:not(:empty) {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  margin: 12px 0;
  background: var(--panel);
}
.pelh-status.error {
  border-color: #bc3939;
  color: #8e2020;
}
.pelh table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.pelh td,
.pelh th {
  text-align: start;
  border-bottom: 1px solid var(--line);
  padding: 10px;
}
.pelh-scroll {
  overflow: auto;
}
.pelh pre {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 13px;
}
.pelh-question {
  border-top: 1px solid var(--line);
  padding-top: 16px;
  margin-top: 16px;
}
.pelh :focus-visible {
  outline: 3px solid #e89628;
  outline-offset: 3px;
}
.pelh-setup {
  background: #fff;
  padding: 20px;
  margin: 24px 0;
  border: 1px solid #ccc;
  border-radius: 12px;
}
.pelh [dir='ltr'] {
  text-align: left;
}
.pelh code {
  color: inherit;
}
.pelh .pelh-timer {
  font-variant-numeric: tabular-nums;
}
.pelh .pelh-rich img {
  max-width: 100%;
  height: auto;
}
html[data-pe-color-scheme='dark'] .pelh {
  --bg: #131c29;
  --panel: #1e2a3c;
  --ink: #edf2fa;
  --muted: #b1c0d3;
  --line: #40516a;
  --accent: #2a8069;
}
html[data-pe-color-scheme='dark'] .pelh-badge {
  background: #1c503f;
  color: #e8fff6;
}

@media (max-width: 600px) {
  .pelh-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .pelh h1 {
    font-size: 27px;
  }
  .pelh button {
    padding: 10px 12px;
  }
  .pelh-card {
    padding: 14px;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  .pelh [data-report],
  .pelh [data-report] * {
    visibility: visible;
  }
  .pelh [data-report] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #000;
    background: #fff;
  }
  .pelh [data-report] button {
    display: none;
  }
  .pelh [data-report] table {
    font-size: 11px;
  }
  .pelh [data-report] td,
  .pelh [data-report] th {
    color: #000;
    border-color: #ccc;
  }
}
/* The owner workspace follows the existing Placement Test administration. */
.pelh.pelh-owner {
  --bg: #f0f0f1;
  --panel: #fff;
  --ink: #10263d;
  --muted: #65758a;
  --line: #dce4ec;
  --accent: #ff7822;
  max-width: none;
  margin: 20px 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 14px;
}
.pelh-owner .pelh-header {
  border: 0;
  margin-bottom: 24px;
}
.pelh-owner h1 {
  font:
    600 32px/1.3 system-ui,
    sans-serif;
  margin-top: 14px;
}
.pelh-owner .pelh-header p {
  margin: 12px 0 0;
}
.pelh-owner .pelh-nav {
  gap: 6px;
  border-bottom: 1px solid #c3c4c7;
  padding-inline: 7px;
}
.pelh-owner .pelh-nav button {
  border-radius: 0;
  min-height: 36px;
  padding: 8px 12px;
  background: #dcdcde;
  border-color: #c3c4c7;
  color: #50575e;
  font-weight: 600;
}
.pelh-owner .pelh-nav button[aria-current='true'] {
  background: #f0f0f1;
  color: var(--ink);
  border-bottom-color: var(--accent);
  box-shadow: none;
}
.pelh-owner .pelh-card {
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 8px 22px rgba(16, 38, 61, 0.035);
}
.pelh-owner .pelh-grid {
  gap: 20px;
}
.pelh-owner h2 {
  font-size: 26px;
}
.pelh-owner h3 {
  font-size: 18px;
}
/* Public coursework uses the same brand surfaces as the Placement Test. */
.pelh.pelh-student {
  --bg: var(--wp--preset--color--base, #f3f0e7);
  --panel: var(--wp--preset--color--base-2, #eceadf);
  --ink: var(--wp--preset--color--contrast, #1f1712);
  --accent: #e76e50;
  --muted: color-mix(in srgb, var(--ink) 68%, transparent);
  --line: color-mix(in srgb, var(--ink) 16%, transparent);
  width: min(1180px, 100%);
  max-width: 1180px;
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
}
html[data-pe-color-scheme='dark'] .pelh.pelh-student {
  --bg: var(--pe-dark-base, #17150f);
  --panel: var(--pe-dark-base-2, #242217);
  --ink: #eed0c9;
  --accent: #e76e50;
  --line: rgba(255, 242, 232, 0.16);
  --muted: #baa69e;
}
.pelh-student .pelh-header {
  padding: 16px clamp(18px, 3vw, 32px);
  margin: 0;
}
.pelh-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--ink) !important;
  text-decoration: none;
  font-weight: 800;
  font-size: 20px;
}
.pelh-brand img {
  width: 46px;
  height: 46px;
  object-fit: contain;
}
.pelh-language label {
  margin: 0;
  font-size: 12px;
}
.pelh-language select {
  min-width: 190px;
  padding: 5px 12px;
}
.pelh-student .pelh-view {
  padding: clamp(24px, 5vw, 64px);
}
.pelh-student .pelh-status:not(:empty) {
  margin: 16px 24px;
}
.pelh-auth-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(24px, 6vw, 76px);
}
.pelh-auth-intro h1 {
  font:
    500 clamp(42px, 6vw, 76px)/1.08 Georgia,
    'Times New Roman',
    serif;
  color: #e4a595;
  margin: 22px 0 28px;
}
.pelh-auth-intro p {
  font-size: 19px;
  color: var(--muted);
  margin-bottom: 28px;
}
.pelh-auth-intro .pelh-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.pelh-auth-intro .pelh-card {
  padding: 16px 12px;
  font-size: 14px;
}
.pelh-student .pelh-card {
  border-radius: 8px;
}
.pelh-auth-layout .pelh-form {
  background: var(--bg);
  padding: clamp(20px, 3vw, 34px);
}
.pelh-student h2 {
  font:
    600 24px/1.3 system-ui,
    sans-serif;
}
.pelh-student input,
.pelh-student select,
.pelh-student textarea {
  background: var(--bg) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink);
  border: 1px solid color-mix(in srgb, var(--ink) 28%, transparent) !important;
  border-radius: 7px;
  font: inherit;
}
.pelh-student button {
  border-radius: 7px;
  font-weight: 700;
}
.pelh-auth-layout form > button {
  width: 100%;
  margin-top: 22px;
}
.pelh-auth-layout .pelh-actions {
  gap: 14px;
}
.pelh-auth-layout .pelh-actions button {
  background: transparent;
  padding: 5px 0;
  border: 0;
  font-size: 14px;
  text-decoration: underline;
  min-height: 36px;
}
@media (max-width: 760px) {
  .pelh-auth-layout {
    grid-template-columns: 1fr;
  }
  .pelh-student .pelh-header {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .pelh-language select {
    min-width: 140px;
  }
  .pelh-owner .pelh-card {
    padding: 18px;
  }
}

.pelh-student .pelh-eyebrow {
  color: #e4a595;
}
html .pelh.pelh-owner {
  --bg: #f0f0f1;
  --panel: #fff;
  --ink: #10263d;
  --muted: #65758a;
  --line: #dce4ec;
  --accent: #ff7822;
}
/* Embed as page content, without an enclosing widget frame. */
.pelh.pelh-student {
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
  margin-block: 0;
}
.pelh-student .pelh-header {
  padding-inline: 0;
}
.pelh-student .pelh-view {
  padding-inline: 0;
}
.pelh.pelh-owner {
  background: transparent;
}

.pelh-student .pelh-auth-intro h1,
.pelh-student .pelh-eyebrow {
  color: var(--wp--preset--color--contrast-2, #a62b0c);
}
html[data-pe-color-scheme='dark'] .pelh-student .pelh-auth-intro h1,
html[data-pe-color-scheme='dark'] .pelh-student .pelh-eyebrow {
  color: #e4a595;
}
.pelh-student input:autofill {
  box-shadow: 0 0 0 1000px var(--bg) inset;
  -webkit-text-fill-color: var(--ink);
}

/* Connected v1 workspace: open page layout, teaching tabs and functional hierarchy. */
.pelh {max-width:1440px;border:0;border-radius:0;background:transparent;padding:24px 0;}
.pelh-owner {--accent:#e85e3d;--bg:#f6f8fb;--panel:#fff;--ink:#10243d;--muted:#536278;--line:#dce3ed;max-width:none;}
.pelh-header h1 {font:700 24px/1.3 system-ui;}
.pelh-header .pelh-brand {font:700 24px/1.3 system-ui;}
.pelh-header {min-height:64px;margin-bottom:24px;}
.pelh-language {width:170px;flex:0 0 170px;}
.pelh-language label {display:flex;align-items:center;gap:8px;margin:0;border:1px solid var(--line);border-radius:8px;padding:0 10px;min-height:44px;}
.pelh-language select {width:100%;min-height:42px;padding:4px;border:0;background:transparent;outline-offset:1px;}
.pelh-language label:focus-within {outline:2px solid var(--accent);outline-offset:2px;}
.pelh-greeting {margin:40px 0 32px;}
.pelh-greeting h1 {font:500 clamp(32px,5vw,64px)/1.15 Georgia,serif;margin-bottom:12px;}
.pelh-greeting p {font-size:20px;margin:0;color:var(--muted);}
.pelh-level-progress {display:grid;grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:48px;margin:32px 0 40px;}
.pelh-level {display:inline-flex;align-items:center;gap:12px;border-radius:8px;padding:8px 14px;font-weight:700;font-size:14px;white-space:nowrap;}
.pelh-level-progress>.pelh-level {font-size:22px;padding:18px 22px;}
.pelh-level.a1 {background:#d6e8ff;color:#124c9c;}.pelh-level.a2 {background:#ffe0de;color:#ad211b;}.pelh-level.a2plus {background:#d8f4e0;color:#15633a;}.pelh-level.b1 {background:#eadfff;color:#6030a2;}.pelh-level.b2 {background:#ffedc5;color:#805500;}.pelh-level.c1 {background:#d2f5f0;color:#146c66;}
.pelh-progress-line {display:flex;gap:20px;align-items:center;}.pelh-progress-line strong {font-size:28px;}.pelh-progress-line progress {flex:1;height:14px;min-width:80px;}
.pelh-subnav {display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);margin:24px 0 32px;}
.pelh .pelh-subnav button {background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--muted);padding:12px 16px;box-shadow:none;}
.pelh .pelh-subnav button[aria-current=true] {border-bottom-color:var(--accent);color:var(--accent);font-weight:700;}
.pelh-assignment {display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);padding:28px 0;}
.pelh-assignment h2 {font:500 30px/1.3 Georgia,serif;margin:4px 0 12px;}.pelh .pelh-deadline {font-weight:800;color:#c92b25;margin:8px 0 16px;font-size:17px;}.pelh-student[data-pelh-theme=dark] .pelh-deadline {color:#ff746e;}
.pelh-past {opacity:.78;}.pelh-empty {padding:40px 0;color:var(--muted);}.pelh-media {max-width:100%;max-height:480px;object-fit:contain;}
.pelh-account-grid {display:grid;grid-template-columns:1fr 1fr;gap:40px;}.pelh-account-grid section {padding:24px 0;border-top:1px solid var(--line);}
.pelh-inbox {display:grid;grid-template-columns:280px 1fr;gap:40px;}.pelh-inbox aside {border-inline-end:1px solid var(--line);padding-inline-end:24px;}.pelh-inbox aside button {width:100%;margin:5px 0;text-align:start;}
.pelh-thread {max-height:500px;overflow:auto;padding:8px;}.pelh-message {padding:16px;margin:12px 0;max-width:80%;background:var(--bg);border-radius:8px;}.pelh-message.from-teacher {margin-inline-start:auto;background:#fff1ec;}
.pelh-report-filters {display:flex;gap:16px;align-items:end;}.pelh-report-filters label {max-width:360px;width:100%;}.pelh-owner table td {vertical-align:top;padding:18px 12px;}.pelh-owner table summary {cursor:pointer;font-weight:700;}
.pelh-studio {display:grid;grid-template-columns:2fr 1fr;gap:40px;}.pelh-studio aside {padding-inline-start:24px;border-inline-start:1px solid var(--line);}.pelh-stage-editor {margin:24px 0;padding:24px 0;border-top:1px solid var(--line);}.pelh-stage-editor fieldset {padding:20px;margin:16px 0;border:1px solid var(--line);border-radius:8px;}.pelh-stage-editor textarea {min-height:90px;}
.pelh .pelh-moment {background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;max-width:540px;width:calc(100% - 32px);padding:40px;text-align:center;box-shadow:0 24px 80px #0006;}
.pelh-moment::backdrop {background:#0009;}.pelh .pelh-moment h2 {font:500 48px/1.2 Georgia,serif;margin:24px 0;}.pelh-dialog-close {position:absolute;inset-inline-end:12px;top:12px;}.pelh-moment blockquote {margin:24px 0;font-style:italic;}.pelh-begin {margin-top:24px;width:100%;}
.pelh [hidden],.pelh-setup[hidden] {display:none!important;}
.pelh-setup {margin:32px 0;padding:24px;border:1px solid #dce3ed;border-radius:8px;background:white;}
@media(max-width:800px){.pelh-level-progress,.pelh-account-grid,.pelh-inbox,.pelh-studio{grid-template-columns:1fr;gap:24px;}.pelh-inbox aside,.pelh-studio aside{border:0;padding:0;}.pelh-progress-line{flex-wrap:wrap;}.pelh-assignment{align-items:flex-start;flex-direction:column;gap:12px;}.pelh-report-filters{flex-wrap:wrap;}.pelh-subnav{gap:0;}.pelh .pelh-subnav button{padding:10px;font-size:14px;}.pelh-language{width:150px;flex-basis:150px;}.pelh-message{max-width:95%;}}
html .pelh.pelh-owner {--accent:#e85e3d;}
html[data-pe-color-scheme='dark'] .pelh-student .pelh-deadline {color:#ff746e;}
.pelh-language select {min-width:0;}
.pelh-student .pelh-view {padding-block:24px;}
.pelh.pelh-student {width:100%;max-width:1440px;}
.pelh-setup-link {text-align:end;margin:0;}
.pelh-owner .pelh-nav button {background:transparent;border:0;border-bottom:3px solid transparent;color:var(--muted);border-radius:0;box-shadow:none;padding:12px 18px;}
.pelh-owner .pelh-nav button[aria-current=true] {border-bottom-color:var(--accent);color:var(--ink);font-weight:700;}
.pelh-preserve-lines {white-space:pre-wrap;}
.pelh-answer-review {padding:20px 0;border-bottom:1px solid var(--line);}
.pelh-submission-review h1 {margin-bottom:16px;}
.pelh .dashicons {vertical-align:middle;flex-shrink:0;}
.pelh-stage-workspace {display:grid;grid-template-columns:200px 1fr;gap:24px;}
.pelh-stage-workspace>aside {padding:16px 0;border:0;}
.pelh-stage-workspace>aside button {display:block;width:100%;text-transform:capitalize;margin:8px 0;text-align:start;font-size:14px;}
.pelh-stage-workspace .pelh-stage-editor {margin:0;padding-top:16px;}
.pelh-studio {grid-template-columns:3fr 1fr;}
.pelh-studio aside label {font-size:14px;}
.pelh-submission-review input[type=number] {max-width:160px;}
@media(max-width:900px){.pelh-studio,.pelh-stage-workspace{grid-template-columns:1fr;}.pelh-stage-workspace>aside{display:flex;flex-wrap:wrap;gap:8px;}.pelh-stage-workspace>aside h3{width:100%;}.pelh-stage-workspace>aside button{width:auto;}}
.pelh-primary-nav {display:flex;flex-wrap:wrap;gap:8px;align-items:center;order:2;margin:0 auto;}
.pelh-primary-nav button.secondary {background:transparent;border-color:transparent;}
.pelh-header .pelh-language {order:3;}
.pelh-current-layout {display:grid;grid-template-columns:3fr 1fr;gap:40px;}
.pelh-feedback-aside {padding:28px 0 28px 28px;border-inline-start:1px solid var(--line);margin-top:28px;}
.pelh-feedback-aside .pelh-rich {padding:20px 0;}
.pelh-stage-path {display:flex;padding:0;list-style:none;gap:40px;margin-top:32px;}
.pelh-stage-path li {display:grid;gap:8px;text-transform:capitalize;flex:1;}
.pelh-stage-path span {width:32px;height:32px;border:1px solid var(--line);border-radius:50%;text-align:center;line-height:30px;}
.pelh-report-expanded {display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#f3f8ff;padding:24px;}
.pelh-report-expanded section+section {border-inline-start:1px solid var(--line);padding-inline-start:28px;}
@media(max-width:800px){.pelh-header{flex-wrap:wrap;}.pelh-primary-nav{order:4;width:100%;margin:8px 0;}.pelh-current-layout,.pelh-report-expanded{grid-template-columns:1fr;gap:20px;}.pelh-feedback-aside{border:0;padding:16px 0;margin:0;}.pelh-report-expanded section+section{border:0;padding:0;}.pelh-stage-path{gap:16px;font-size:14px;}}
.pelh-lesson-properties {margin:16px 0 24px;padding:12px 0;border-block:1px solid var(--line);}
.pelh-lesson-properties summary {cursor:pointer;font-weight:600;}
.pelh-lesson-properties[open] summary {margin-bottom:20px;}
.pelh-studio h2 {font:500 40px/1.2 Georgia,serif;}
.pelh [data-block-editor] {display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;padding:16px 0;border:0;border-bottom:1px solid var(--line);}
.pelh [data-block-editor]>legend {font-size:13px;color:var(--muted);}
.pelh [data-block-editor]>label {width:100%;margin-bottom:0;}
.pelh [data-block-editor]>label:has([name=block_type]) {max-width:240px;}
.pelh [data-block-questions] {width:100%;}
.pelh [data-studio-question] {display:grid;grid-template-columns:1fr 140px;gap:12px;padding:16px;background:var(--panel);}
.pelh [data-studio-question]>label {margin:0;grid-column:1/-1;font-size:14px;}
.pelh [data-studio-question]>label:has([name=type]) {grid-column:1;}
.pelh [data-studio-question]>label:has([name=points]) {grid-column:2;grid-row:1;}
.pelh [data-studio-question] input,.pelh [data-studio-question] select {min-height:40px;}
.pelh [data-studio-question]>legend {font-size:13px;}
.pelh [data-block-editor]>button {font-size:13px;min-height:36px;padding:4px 10px;}
.pelh-text-tools {display:flex;gap:8px;margin:8px 0;}.pelh-text-tools button{padding:3px 12px;min-height:32px;}
.pelh-primary-nav button {font-size:16px;}
.pelh progress {appearance:none;border:0;border-radius:8px;height:14px;overflow:hidden;background:var(--line);}
.pelh progress::-webkit-progress-bar {background:var(--line);border-radius:8px;}.pelh progress::-webkit-progress-value {background:#4389ef;border-radius:8px;}.pelh progress::-moz-progress-bar{background:#4389ef;border-radius:8px;}
html[data-pe-color-scheme='dark'] .pelh .pelh-level.a1 {background:#0c2e43;color:#91bfff;}
.pelh-language select {border:0!important;min-height:40px;padding:4px!important;background:transparent!important;}
@media(max-width:800px){.pelh [data-studio-question]{grid-template-columns:1fr 100px;}.pelh-primary-nav button{font-size:14px;padding:8px 12px;}}
.pelh-greeting p {font:500 28px/1.4 Georgia,serif;}
.pelh .pelh-work-main {position:relative;padding-inline-start:90px;min-width:0;flex:1;}
.pelh-work-icon {position:absolute;inset-inline-start:0;top:8px;background:#183b55;color:#b4d6ff;border-radius:50%;width:64px;height:64px;font-size:32px;line-height:64px;}
.pelh-assignment h2 {font-size:38px;}
.pelh-stage-path {gap:24px;}
.pelh-stage-path li {position:relative;min-width:130px;}
.pelh-stage-path li:not(:last-child)::after {content:'';position:absolute;inset-inline-start:36px;inset-inline-end:-24px;top:16px;height:3px;background:var(--line);}
.pelh-stage-path .active span,.pelh-stage-path .complete span {background:#4389ef;border-color:#4389ef;color:#fff;}
.pelh-stage-path .complete::after {background:#4389ef!important;}
.pelh-stage-path .active small {color:#91bfff;}
.pelh-feedback-aside .pelh-rich {margin-top:20px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:18px;}
.pelh-upcoming {padding:24px 0;border-top:1px solid var(--line);}
.pelh-assign-action {position:absolute;inset-inline-end:0;top:20px;}
.pelh-owner .pelh-view {position:relative;}
.pelh-owner .pelh-subnav {padding-inline-end:160px;}
.pelh-owner .pelh-header>span {margin-inline-end:auto;margin-inline-start:20px;}
.pelh-owner .pelh-report-filters {margin:24px 0;}
.pelh-owner .pelh-report-filters label {font-weight:400;}
.pelh-owner table {background:#fff;border:1px solid var(--line);border-radius:8px;}
.pelh-owner [data-action=toggle-report] {border:0;background:transparent;font-weight:700;padding:0;min-height:44px;}
.pelh-owner [data-report-detail] td {padding:0;}.pelh-report-expanded {padding:24px 32px;}
@media(max-width:800px){.pelh .pelh-work-main {padding-inline-start:52px;}.pelh-work-icon{width:40px;height:40px;line-height:40px;font-size:22px;}.pelh-assignment h2{font-size:28px;}.pelh-stage-path{flex-wrap:wrap;}.pelh-stage-path li{min-width:80px;}.pelh-owner .pelh-subnav{padding-inline-end:0;}.pelh-assign-action{position:static;}.pelh-greeting p{font-size:22px;}}
@media(max-width:800px){.pelh-stage-path li::after{display:none;}.pelh-work-main,.pelh-assignment{overflow-wrap:anywhere;}}

.pelh-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;margin-block:24px;}
.pelh .pelh-media-tile{display:flex;flex-direction:column;text-align:start;align-items:stretch;white-space:normal;padding:0;border:1px solid var(--line);background:transparent;overflow:hidden;min-width:0;gap:0;}
.pelh-media-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:var(--panel);overflow:hidden;}
.pelh-media-thumb img{width:100%;height:100%;object-fit:cover;}.pelh-media-thumb .dashicons{width:52px;height:52px;font-size:52px;opacity:.7;}
.pelh-media-tile strong{font-size:18px;padding:16px 16px 8px;line-height:1.4;overflow-wrap:anywhere;}.pelh-media-seen{padding:0 16px 16px;font-size:14px;opacity:.7;}.pelh-media-seen.seen{color:var(--accent);opacity:1;}
.pelh-library-player{margin-block:32px;max-width:900px;}.pelh-player-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;}.pelh-library-player video,.pelh-library-player img{width:100%;max-height:65vh;object-fit:contain;}.pelh-library-player audio{width:100%;}
@media(max-width:500px){.pelh-media-grid{grid-template-columns:1fr 1fr;gap:12px;}.pelh-media-tile strong{font-size:16px;padding:12px 12px 8px;}.pelh-media-seen{padding:0 12px 12px;}}

.pelh-player-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;background:var(--panel);border:1px solid var(--line);}.pelh-player-controls label{flex:1;min-width:140px;font-size:12px;}.pelh-player-controls input[type=range]{width:100%;padding:0;min-height:32px;}.pelh-player-controls output{font-size:13px;font-variant-numeric:tabular-nums;}.pelh-player-controls button{font-size:14px;padding:8px 12px;}.pelh-player video{width:100%;max-height:65vh;object-fit:contain;}.pelh-player:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#000;}.pelh-player:fullscreen video{max-height:calc(100vh - 90px);}.pelh-player audio{display:none;}
.pelh-player-controls .pelh-player-volume{flex:0 1 90px;min-width:75px;}

.pelh-level.supplementary {background:#fce0f2;color:#922469;}
html[data-pe-color-scheme='dark'] .pelh .pelh-level.supplementary {background:#482039;color:#ffb8e2;}