/* My Learning: retain programme/level groups and the ordered unit list. */
.programme-list .programme-block {
  --learning-accent:var(--teal);--learning-tint:#edf7f8;
  min-width:0;border:1px solid var(--line);
  border-top:4px solid var(--learning-accent);border-radius:14px;
  background:linear-gradient(150deg,var(--learning-tint),white 55%);
  box-shadow:0 5px 18px #0f172a08;padding:24px;margin-bottom:22px;
}
.programme-list .programme-block:nth-child(3n+2) {--learning-accent:var(--wine);--learning-tint:#fcf0f4;}
.programme-list .programme-block:nth-child(3n) {--learning-accent:#9b7411;--learning-tint:#fff8e6;}
.programme-list .programme-title {gap:16px;align-items:center;padding-bottom:18px;}
.programme-list .programme-title > div {min-width:0;}
.programme-list .programme-title .code {
  display:inline-block;padding:7px 12px;border-radius:8px;
  color:var(--learning-accent);background:white;border:1px solid var(--line);
  font-size:13px;letter-spacing:.5px;
}
.programme-list .programme-title h2 {margin:12px 0 0;font-size:22px;line-height:1.35;overflow-wrap:anywhere;}
.programme-list .programme-title > span {
  flex-shrink:0;background:white;border:1px solid var(--line);border-radius:20px;
  padding:8px 12px;color:var(--learning-accent);font-size:12px;font-weight:800;
}
.programme-list .unit-list {gap:12px;margin-top:18px;}
/* Existing row styles use !important; scope these overrides to My Learning. */
.programme-list .unit-row {
  gap:18px;min-width:0;min-height:94px;padding:18px!important;
  border:1px solid var(--line)!important;border-radius:10px!important;
  background:white!important;box-shadow:0 2px 8px #0f172a04;
  transition:border-color .18s,box-shadow .18s;
}
.programme-list .unit-row > span {min-width:0;}
.programme-list .unit-row b {font-size:15px;line-height:1.5;overflow-wrap:anywhere;}
.programme-list .unit-row small {font-size:12px;line-height:1.5;color:#526172;}
.programme-list .unit-row .access-expiry {
  display:inline-block;margin-top:10px;padding:5px 9px;border-radius:6px;
  color:#405263;background:#f1f5f9;font-size:11px;
}
.programme-list .unit-row i {
  flex-shrink:0;white-space:nowrap;padding:9px 12px;border-radius:8px;
  background:var(--learning-tint);color:var(--learning-accent);font-size:12px;
}
.programme-list .unit-row:hover {border-color:var(--learning-accent)!important;box-shadow:0 6px 16px #0f172a0c;}
.programme-list .unit-row:focus-visible {outline:3px solid var(--gold);outline-offset:3px;}
/* The topic view keeps its existing grid and all PDF/video actions. */
.topic-box-grid .topic-box {
  border-top:4px solid var(--teal);box-shadow:0 5px 18px #0f172a08;
  background:linear-gradient(150deg,#f0f8f9,white 55%);
}
.topic-box-grid .topic-box h3 {padding-right:42px;line-height:1.5;overflow-wrap:anywhere;}
.topic-box-grid .topic-number {border-radius:10px;background:#e6f4f3;}
.topic-box-grid .material-slots button {padding:13px;line-height:1.5;}
@media(max-width:760px) {
  .programme-list .programme-block {padding:18px;}
  .programme-list .programme-title {gap:10px;align-items:flex-start;flex-wrap:wrap;}
  .programme-list .programme-title h2 {font-size:20px;}
  .programme-list .unit-row {padding:15px!important;gap:12px;flex-wrap:wrap;}
  .programme-list .unit-row > span {flex:1 1 190px;}
  .programme-list .unit-row i {margin-left:auto;}
}
@media(prefers-reduced-motion:reduce) {.programme-list .unit-row {transition:none;}}