.course-tags-editor>div{display:flex!important;flex-wrap:wrap;gap:8px}.course-tags-editor>div>label{display:flex;gap:7px;align-items:center;border:1px solid #35506a;border-radius:20px;padding:7px 12px}.course-tags-editor>div>label:has(input:checked){background:#1a4863;border-color:#65c6e9}.course-tags-editor>div input{width:14px;height:14px}.course-tags-editor>.field{margin-top:16px}
/* Media collection: equal square artwork, restrained controls. */
.my-learning-page{max-width:1480px;margin:auto;padding:28px 28px 48px;display:grid;gap:36px;min-width:0;color:#f4f4f5}
.my-learning-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.my-learning-heading h1{margin:0;font-size:1.75rem;font-weight:650;letter-spacing:-.04em}
.my-course-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;min-width:0}.my-course-search{margin:0;min-width:0}.my-course-search input{width:240px;max-width:100%;height:42px;border:1px solid #ffffff15;border-radius:24px;background:#ffffff06;color:#fff;padding:10px 16px;margin:0}
.my-search-submit,.my-filter-panel summary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border:1px solid #ffffff20;border-radius:24px;background:#ffffff08;color:#eee;font-size:.8rem;cursor:pointer;box-shadow:none}.my-filter-panel{position:relative}.my-filter-panel summary{list-style:none}.my-filter-panel summary::-webkit-details-marker{display:none}.my-filter-panel[open] summary{background:#e9e9eb;color:#17191b}.my-filter-panel>div{position:absolute;z-index:10;right:0;top:50px;width:260px;padding:18px;display:grid;gap:14px;border:1px solid #45474a;border-radius:14px;background:#25272a;box-shadow:0 12px 28px #0005}.my-filter-panel label{display:grid;gap:6px;margin:0;font-size:.8rem}.my-filter-panel select{width:100%;min-height:42px;background:#191b1e;color:white;border:1px solid #484b50;border-radius:8px;padding:8px}.my-course-reset{font-size:.8rem;color:#c9cbd0;padding:8px}
.my-learning-section,.my-course-category{display:grid;gap:18px;min-width:0}.my-course-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.my-course-section-heading h2{margin:0;font-size:1.4rem;letter-spacing:-.03em;font-weight:550}.my-see-all{font-size:.75rem;color:#ddd;border:1px solid #ffffff35;border-radius:24px;padding:8px 13px;text-decoration:none;white-space:nowrap}
.my-course-library{gap:24px}.my-course-category>header{display:flex;align-items:center;gap:10px}.my-course-category>header h3{margin:0;font-size:1rem;font-weight:550}.my-course-category>header>span{font-size:.75rem;color:#979a9f}
.my-category-pills{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.my-category-pill{display:block;flex:none;background:#242629;color:#ddd;border-radius:24px;padding:9px 16px;font-size:.78rem;text-decoration:none!important}.my-category-pill.is-active{background:#eee;color:#17191b}.my-category-pill:hover{background:#383b40;color:white}.my-category-pill.is-active:hover{background:white;color:#17191b}
.my-learning-grid{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:26px 20px;align-items:start}.my-resume-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:200px;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 3px 14px;scrollbar-width:thin;scrollbar-color:#555 transparent;min-width:0}
.my-learning-card{position:relative;min-width:0;padding:0;margin:0;background:none;border:0;scroll-snap-align:start}.my-course-link{display:block;color:inherit!important;text-decoration:none!important;border-radius:10px}.my-learning-cover{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:10px;background:#242629;overflow:hidden;transition:transform .18s,box-shadow .18s}.my-learning-cover img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;margin:0;padding:0}.my-learning-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:3rem;color:#aeb3ba;background:#252a30}
.my-cover-action{position:absolute;bottom:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f7f7f7;color:#17191b;box-shadow:0 6px 18px #0005;opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s}.my-cover-action>span:first-child{font-size:.85rem}.my-course-link:hover .my-cover-action,.my-course-link:focus-visible .my-cover-action{opacity:1;transform:none}.my-course-link:hover .my-learning-cover{transform:translateY(-3px);box-shadow:0 10px 22px #0005}
.my-learning-card-body{display:flex;flex-direction:column;gap:5px;padding:12px 0 0;min-width:0}.my-course-title{font-size:.9rem;font-weight:550;line-height:1.4;overflow-wrap:anywhere}.my-course-meta{font-size:.75rem;color:#a4a6ab;line-height:1.5}.my-course-progress{display:block;appearance:none;border:0;border-radius:3px;overflow:hidden;width:100%;max-width:none;height:3px;margin:9px 0 0;background:#ffffff18;color:#d8dce1}.my-course-progress::-webkit-progress-bar{background:#ffffff18}.my-course-progress::-webkit-progress-value{background:#d8dce1}.my-course-progress::-moz-progress-bar{background:#d8dce1}
.my-learning-pagination{display:flex;justify-content:flex-end;gap:12px}.my-course-empty{padding:36px 24px;border:1px dashed #46494d;border-radius:14px;text-align:center}.my-course-empty h3{margin:0 0 8px}.my-course-empty p{margin:0;color:#a4a6ab}
.my-learning-page a:focus-visible,.my-learning-page button:focus-visible,.my-learning-page summary:focus-visible,.my-resume-shelf:focus-visible{outline:2px solid #c2e6ff;outline-offset:4px}.my-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.course-enrollment-details{display:flex;flex-wrap:wrap;gap:16px 28px;padding:16px 24px;font-size:.78rem;color:var(--muted,#a7b8cc);overflow-wrap:anywhere}.course-enrollment-details>span{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
@media(hover:none){.my-cover-action{opacity:1;transform:none}.my-course-link:hover .my-learning-cover{transform:none}}
@media(max-width:600px){.my-learning-page{padding:18px 8px 32px;gap:28px}.my-learning-heading{gap:16px}.my-course-filters{width:100%;gap:8px}.my-course-search{flex:1;min-width:120px}.my-course-search input{width:100%}.my-search-submit,.my-filter-panel summary{padding:9px 12px}.my-filter-panel>div{width:min(260px,80vw)}.my-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.my-resume-shelf{grid-auto-columns:calc((100% - 14px)/2);gap:14px}.my-cover-action{opacity:1;transform:none;width:36px;height:36px;bottom:9px;right:9px}.my-course-title{font-size:.84rem}.my-course-section-heading h2{font-size:1.2rem}.my-learning-cover{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.my-learning-page *{transition:none!important;scroll-behavior:auto!important}}
.my-course-filters .my-filter-panel{margin:0;padding:0;border:0;background:none}.my-course-filters .my-filter-panel summary{margin:0;font-weight:500}
/* Restore the full search/filter bar; page background comes from the site theme. */
.my-course-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:18px;border:1px solid #283e55;border-radius:16px;background:linear-gradient(125deg,#13273b,#101d30)}
.my-course-filters label{display:grid;gap:7px;min-width:130px;flex:1;margin:0}.my-course-filters label>span{font-size:.75rem;font-weight:600;color:#b7cadc}.my-course-filters .my-course-search{flex:2.4;min-width:220px}.my-course-filters input,.my-course-filters select{width:100%;height:auto;min-height:44px;margin:0;border-radius:10px;background:#0a1728;border:1px solid #35506a;color:#eef6ff;padding:10px 12px}.my-course-filters>.button{min-height:44px}.my-course-reset{padding:12px 4px;font-size:.85rem;color:#8dd5fa}
@media(max-width:600px){.my-course-filters{padding:14px;gap:12px}.my-course-filters .my-course-search{flex-basis:100%;min-width:0}.my-course-filters label{min-width:110px}.my-course-filters>.button{flex:1}}
.course-home-panel[data-course-panel="enrollment-info"]{grid-template-columns:minmax(0,1fr)}
.enrollment-info{width:100%;min-width:0;display:grid;gap:30px;padding:8px 0}.enrollment-info h2,.enrollment-info h3{margin:0 0 12px}.enrollment-info header p,.enrollment-info-progress p{margin:0;color:var(--muted,#a7b8cc)}.enrollment-info-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin:0;padding:24px;border:1px solid var(--border,#263b52);border-radius:16px;background:var(--panel,#101e30)}.enrollment-info-facts dt{font-size:.78rem;color:var(--muted,#a7b8cc);margin-bottom:8px}.enrollment-info-facts dd{margin:0;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.enrollment-info-progress{padding:24px;border:1px solid var(--border,#263b52);border-radius:16px}.enrollment-info-progress>div{display:flex;justify-content:space-between;gap:16px}.enrollment-info-progress progress{width:100%;max-width:none;height:8px;margin:8px 0 14px}.enrollment-info-table{overflow-x:auto;border:1px solid var(--border,#263b52);border-radius:14px}.enrollment-info-table table{width:100%;min-width:650px}.enrollment-info-table th,.enrollment-info-table td{padding:16px!important;vertical-align:top}.enrollment-info-table td>small{display:block;margin-top:5px;color:var(--muted,#a7b8cc)}.enrollment-info-pagination{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}
@media(max-width:600px){.enrollment-info{gap:24px}.enrollment-info-facts{grid-template-columns:1fr;padding:18px;gap:20px}.enrollment-info-progress{padding:18px}}
.enrollment-info>section{min-width:0}.enrollment-info-table{max-width:100%}

/* My Courses: reduce the outer top gap without changing other pages. */
.workspace #main:has(> .my-learning-page[class]),
.learner-shell .workspace #main:has(> .my-learning-page[class]){padding-top:12px}
.my-learning-page{padding-top:8px}
@media(max-width:600px){.workspace #main:has(> .my-learning-page[class]),.learner-shell .workspace #main:has(> .my-learning-page[class]){padding-top:10px}.my-learning-page{padding-top:6px}}
.my-course-carousel{min-width:0;gap:14px}.my-course-carousel h3{margin:0;font-size:1.05rem;font-weight:600}.my-shelf-controls{display:flex;gap:8px}.my-shelf-controls button{width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;border:1px solid var(--border,#344655);border-radius:50%;background:#ffffff08;color:inherit;font-size:24px;line-height:1;box-shadow:none}.my-shelf-controls button:disabled{opacity:.3;cursor:default}
.my-course-track{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#526778 transparent;padding:5px 3px 14px;min-width:0;max-width:100%;scroll-padding:3px}.my-course-track>[data-shelf-batch]{display:flex;align-items:flex-start;gap:20px}.my-course-track .my-learning-card{flex:0 0 200px;width:200px;scroll-snap-align:start}.my-course-track:focus-visible{outline:2px solid #9ddaff;outline-offset:3px;border-radius:8px}.my-shelf-feedback{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:20px;font-size:.75rem;color:var(--muted,#a7b8cc)}.my-shelf-feedback button{padding:5px 10px;border:1px solid var(--border,#344655);background:transparent;border-radius:16px;color:inherit;font-size:.75rem}.my-shelf-feedback button[hidden]{display:none}
@media(max-width:600px){.my-course-track>[data-shelf-batch]{gap:14px}.my-course-track .my-learning-card{flex-basis:44%;width:44%}.my-shelf-controls button{width:32px;height:32px;min-height:32px}}
.my-learning-page{overflow-x:clip}
/* Keep shelf controls beside the artwork, one at each end of the row. */
.my-course-carousel{position:relative}
.my-course-carousel>.my-course-section-heading{min-height:28px}
.my-course-carousel .my-shelf-controls{display:contents}
.my-course-carousel .my-shelf-controls button{position:absolute;z-index:3;top:var(--shelf-control-y,147px);transform:translateY(-50%);width:40px;height:40px;min-height:40px;background:rgba(7,18,31,.94);border-color:#6b8295;box-shadow:0 4px 14px #0006}
.my-course-carousel [data-shelf-prev]{left:0}
.my-course-carousel [data-shelf-next]{right:0}
.my-course-carousel .my-shelf-controls button:disabled{opacity:.35;box-shadow:none}
.my-course-carousel .my-course-track{margin-left:48px;margin-right:48px;max-width:calc(100% - 96px)}
@media(max-width:600px){.my-course-carousel .my-shelf-controls button{width:30px;height:36px;min-height:36px;border-radius:18px}.my-course-carousel .my-course-track{margin-left:36px;margin-right:36px;max-width:calc(100% - 72px)}}
/* A single glass surface distinguishes active learning from the library. */
.my-course-carousel:has(> #course-shelf-continue){
  padding:24px;
  border:1px solid rgba(149,209,239,.12);
  border-radius:22px;
  background:linear-gradient(125deg,rgba(38,84,118,.25),rgba(20,40,67,.22));
  box-shadow:inset 0 1px 0 rgba(220,244,255,.07),0 14px 36px rgba(0,8,20,.16);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.my-course-carousel:has(> #course-shelf-continue) [data-shelf-prev]{left:20px}
.my-course-carousel:has(> #course-shelf-continue) [data-shelf-next]{right:20px}
@media(max-width:600px){
  .my-course-carousel:has(> #course-shelf-continue){padding:16px 10px;border-radius:18px}
  .my-course-carousel:has(> #course-shelf-continue) [data-shelf-prev]{left:8px}
  .my-course-carousel:has(> #course-shelf-continue) [data-shelf-next]{right:8px}
}
/* Category shelves: a quiet frame with a transparent interior. */
.my-course-library > .my-course-carousel{
  padding:24px;
  border:1px solid rgba(149,209,239,.14);
  border-radius:22px;
  background:transparent;
  box-shadow:none;
}
.my-course-library > .my-course-carousel [data-shelf-prev]{left:20px}
.my-course-library > .my-course-carousel [data-shelf-next]{right:20px}
@media(max-width:600px){
  .my-course-library > .my-course-carousel{padding:16px 10px;border-radius:18px}
  .my-course-library > .my-course-carousel [data-shelf-prev]{left:8px}
  .my-course-library > .my-course-carousel [data-shelf-next]{right:8px}
}
.my-course-status-dot{position:absolute;z-index:2;right:11px;top:11px;width:13px;height:13px;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:#8a939e;box-shadow:0 0 0 3px rgba(5,13,25,.7),0 2px 7px #0007}.my-course-status-dot.is-progress{background:#f5c542}.my-course-status-dot.is-complete{background:#39c77c}