/* The theme's WordPress glue, after the kit (tokens, ats-ui, base), the v2 site layer and the Academy layer:
   what WordPress and LearnPress print that carries no kit class. Tokens only. */

/* ---------- the page ---------- */
.ats-skip{ position:absolute; inset-inline-start:12px; inset-block-start:-48px; z-index:100; padding:10px 14px; border-radius:var(--ats-radius-md);
  background:var(--ats-accent); color:var(--ats-accent-ink); font-weight:600; text-decoration:none; transition:inset-block-start .15s; }
.ats-skip:focus{ inset-block-start:12px; }
.admin-bar .ats-site-header.ats-is-sticky{ inset-block-start:32px; }
@media (max-width: 782px){ .admin-bar .ats-site-header.ats-is-sticky{ inset-block-start:46px; } }
.ats-drawer-host[hidden]{ display:none; }
.screen-reader-text{ position:absolute!important; inline-size:1px; block-size:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.ma [hidden]{ display:none!important; }

/* ---------- content WordPress prints (pages, posts, LearnPress's profile and checkout) ---------- */
.ats-content{ color:var(--ats-fg); font-size:var(--ats-text-body); line-height:1.6; }
.ats-prose{ max-inline-size:72ch; }
.ats-content > * + *{ margin-block-start:1em; }
.ats-content h2, .ats-content h3, .ats-content h4{ font-family:var(--ats-font-display); line-height:1.2; margin-block:1.6em .5em; color:var(--ats-fg); }
.ats-content a:not([class]){ color:var(--ats-accent-text); text-underline-offset:3px; }
.ats-content img{ max-inline-size:100%; block-size:auto; border-radius:var(--ats-radius-md); }
.ats-content table{ inline-size:100%; border-collapse:collapse; font-size:var(--ats-text-ui); }
.ats-content th, .ats-content td{ padding:10px 12px; border-block-end:1px solid var(--ats-border); text-align:start; }
.ats-content :where(input[type=text], input[type=email], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=url], select, textarea){
  min-block-size:44px; padding:0 12px; border-radius:var(--ats-radius-md); border:1px solid var(--ats-border-field);
  background:var(--ats-surface); color:var(--ats-fg); font:inherit; font-size:16px; box-sizing:border-box; }
.ats-content textarea{ padding-block:10px; }
.ats-content :where(input, select, textarea):focus-visible{ border-color:var(--ats-accent); outline:2px solid var(--ats-accent-text); outline-offset:1px; }
.ats-list{ list-style:none; padding:0; margin:0; display:grid; gap:20px; }
.ats-list-t{ font-family:var(--ats-font-display); font-size:var(--ats-text-title-sm); margin:0 0 4px; }
.ats-list-t a{ color:var(--ats-fg); text-decoration:none; }

/* ---------- LearnPress: its colours from the kit ---------- */
:root:root{
  --lp-primary-color: var(--ats-accent);
  --lp-secondary-color: var(--ats-accent-text);
  --lp-cotainer-max-with: 1280px;
  --lp-border-color: var(--ats-border);
}
.ma :where(.lp-button, button.lp-button, .learn-press-form .lp-button, .lp-btn-wishlist){
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-block-size:44px; padding:0 18px;
  border-radius:var(--ats-radius-md); border:0; background:var(--ats-accent); color:var(--ats-accent-ink);
  font:600 15px/1 var(--ats-font-body); text-decoration:none; cursor:pointer; transition:background-color .15s, scale .15s; }
.ma :where(.lp-button):hover{ background:color-mix(in oklab, var(--ats-accent) 88%, white); color:var(--ats-accent-ink); }
.ma :where(.lp-button):active{ scale:.96; }
.ma-lp-enrol{ display:grid; gap:8px; }
.ma-lp-enrol :where(form, .lp-button){ inline-size:100%; margin:0; }
.ma-lp-enrol .lp-button{ min-block-size:48px; font-size:16px; }
.ma-lp-enrol .learn-press-message{ margin:0; }
.ma .learn-press-message{ border-radius:var(--ats-radius-md); border:1px solid var(--ats-border); background:var(--ats-surface); color:var(--ats-fg); padding:12px 14px; }
.ma .learn-press-message::before{ display:none; }

/* LearnPress's pages inside the frame (profile, checkout, instructors list) */
.ats-page .learnpress, .ats-page #learn-press-profile, .ats-page .lp-content-area{ color:var(--ats-fg); max-inline-size:none; padding-inline:0; }
.ats-page #learn-press-profile :where(.lp-profile-left, .wrapper-profile-header, .lp-profile-content-area){ background:var(--ats-surface); border-color:var(--ats-border); color:var(--ats-fg); border-radius:var(--ats-radius-lg); }
.ats-page :where(#profile-nav, .lp-profile-nav-tabs) a{ color:var(--ats-muted-strong); }
.ats-page :where(#profile-nav .active > a, .lp-profile-nav-tabs .active > a){ color:var(--ats-accent-text); }
.ats-page :where(.learn-press-tabs, .lp-list-table) { background:transparent; }
.ats-page .lp-list-table{ color:var(--ats-fg); }
.ats-page .lp-list-table :where(th, thead){ background:var(--ats-surface); color:var(--ats-muted-strong); }

/* ---------- the lesson player (LearnPress's own, restyled) ---------- */
.ats-view-lesson .ats-site-footer, .ats-view-lesson .m2-cta{ display:none; }
.ats-view-lesson :where(#popup-course, #popup-content, #popup-sidebar, #popup-header, #popup-footer, .content-item-wrap, .lp-course-curriculum){ background:var(--ats-bg); color:var(--ats-fg); }
.ats-view-lesson #popup-course{ --lp-bg-color-lesson: var(--ats-bg); }
.ats-view-lesson #popup-header{ background:var(--ats-surface); border-block-end:1px solid var(--ats-border); }
.ats-view-lesson #popup-header :where(.popup-header__inner, .course-title, .course-title a){ color:var(--ats-fg); font-family:var(--ats-font-display); }
.ats-view-lesson #popup-sidebar{ border-inline-end:1px solid var(--ats-border); background:var(--ats-surface); }
.ats-view-lesson #popup-sidebar :where(.course-item, .section-header, .section-title, .item-name, .course-item-meta){ color:var(--ats-fg); background:transparent; border-color:var(--ats-border); }
.ats-view-lesson #popup-sidebar .course-item.current{ background:color-mix(in oklab, var(--ats-accent) 14%, transparent); }
.ats-view-lesson #popup-sidebar .course-item.current .item-name{ color:var(--ats-accent-text); }
.ats-view-lesson #popup-content :where(.course-item-title, h1, h2, h3){ color:var(--ats-fg); font-family:var(--ats-font-display); }
.ats-view-lesson #popup-content .content-item-description{ color:var(--ats-fg); line-height:1.6; }
.ats-view-lesson #popup-content a:not([class]){ color:var(--ats-accent-text); }
.ats-view-lesson #popup-footer{ background:var(--ats-surface); border-block-start:1px solid var(--ats-border); }
.ats-view-lesson #popup-footer :where(a, .prev, .next){ color:var(--ats-fg); }
.ats-view-lesson .lp-course-progress-wrapper .learn-press-progress, .ats-view-lesson .learn-press-progress .learn-press-progress__active{ border-radius:999px; }
.ats-view-lesson .learn-press-progress .learn-press-progress__active{ background:var(--ats-accent); }
.ats-view-lesson :where(.quiz-intro-item, .quiz-status, .question, .answer-option){ background:var(--ats-surface); color:var(--ats-fg); border-color:var(--ats-border); }
#popup-course :where(.search-course, .course-section-header, .course-section, .section-header){ background:var(--ats-surface); color:var(--ats-fg); border-color:var(--ats-border); }
#popup-course .search-course{ border-block-end:1px solid var(--ats-border); }
#popup-course .search-course input[name="s"]{ background:transparent; color:var(--ats-fg); border:0; font-size:16px; }
#popup-course .search-course input::placeholder{ color:var(--ats-muted); }
#popup-course .search-course button{ color:var(--ats-muted-strong); background:transparent; }
#popup-course :where(.course-section-header .section-title, .section-header .section-title){ color:var(--ats-fg); font-family:var(--ats-font-display); }
#popup-course :where(.section-desc, .section-count-items, .course-section-header .section-count-items){ color:var(--ats-muted); }
#popup-course .course-section-header .section-toggle{ color:var(--ats-muted-strong); }
#popup-course .course-item-nav__name{ background:var(--ats-surface); color:var(--ats-fg); border:1px solid var(--ats-border); }
#popup-course .course-item .item-meta, #popup-course .course-item .course-item-meta{ color:var(--ats-muted); }
#popup-course :where(#sidebar-toggle, .back-course, .lp-button-back){ background:var(--ats-surface); color:var(--ats-fg); border-color:var(--ats-border); }
#popup-course #popup-header{ background:var(--ats-surface); border-block-end:1px solid var(--ats-border); }
#popup-course #popup-header :where(.course-title, .course-title a, .lp-button, a, button){ color:var(--ats-fg); }
#popup-course #popup-sidebar .search-course, #popup-course #popup-sidebar .search-course input[name="s"]{ background:var(--ats-surface); color:var(--ats-fg); }
#popup-course #popup-content{ background:var(--ats-bg); }
#popup-course #popup-footer{ background:var(--ats-surface); border-color:var(--ats-border); }

/* ---------- the page ground behind short pages ---------- */
html{ background:var(--ats-bg); }

/* ---------- LearnPress's instructors list, in the kit's card look ---------- */
#ats-main .lp-list-instructors .item-instructor{ background:var(--ats-surface); border:1px solid var(--ats-border); border-radius:var(--ats-radius-lg); color:var(--ats-fg); }
#ats-main .lp-list-instructors .item-instructor img{ border-radius:var(--ats-radius-md); }
#ats-main .lp-list-instructors .instructor-name{ color:var(--ats-fg); font-family:var(--ats-font-display); font-weight:600; text-decoration:none; }
#ats-main .lp-list-instructors .instructor-name:hover{ color:var(--ats-accent-text); }
#ats-main .lp-list-instructors :where(.instructor-count-courses, .instructor-count-students, .instructor-info){ color:var(--ats-muted-strong); }
#ats-main .lp-list-instructors .instructor-btn-view{ display:flex; align-items:center; justify-content:center; min-block-size:40px; border-radius:var(--ats-radius-md);
  border:1px solid var(--ats-border-strong); background:transparent; color:var(--ats-fg); font-weight:600; text-decoration:none; transition:background-color .15s, border-color .15s; }
#ats-main .lp-list-instructors .instructor-btn-view:hover{ border-color:var(--ats-accent); background:color-mix(in oklab, var(--ats-accent) 10%, transparent); color:var(--ats-fg); }

/* ---------- a sign-in prompt in place of LearnPress's "Please login" ---------- */
.ats-signin-band{ display:grid; justify-items:center; gap:16px; text-align:center; padding:48px 24px; border:1px solid var(--ats-border); border-radius:var(--ats-radius-lg); background:var(--ats-surface); }
.ats-signin-band p{ margin:0; color:var(--ats-muted-strong); max-inline-size:52ch; }
.ats-signin-band .m2-actions{ justify-content:center; }

/* ---------- the language menu (header and drawer) ---------- */
.ats-lang{ position:relative; }
.ats-lang > summary{ list-style:none; display:inline-flex; align-items:center; gap:6px; min-block-size:32px; padding:0 10px; border-radius:var(--ats-radius-md);
  color:var(--ats-muted-strong); font:600 12px/1 var(--ats-font-mono); letter-spacing:.04em; cursor:pointer; transition:color .15s, background-color .15s; }
.ats-lang > summary::-webkit-details-marker{ display:none; }
.ats-lang > summary:hover, .ats-lang[open] > summary{ color:var(--ats-fg); background:var(--ats-overlay-1); }
.ats-lang .ats-caret{ transition:rotate .15s; }
.ats-lang[open] .ats-caret{ rotate:180deg; }
.ats-lang-menu{ list-style:none; margin:0; padding:6px; min-inline-size:180px; }
.ats-lang--bar .ats-lang-menu{ position:absolute; inset-inline-end:0; inset-block-start:calc(100% + 8px); z-index:40;
  background:var(--ats-surface); border:1px solid var(--ats-border); border-radius:var(--ats-radius-lg); box-shadow:var(--ats-shadow-strong); }
.ats-lang-menu a{ display:flex; align-items:center; gap:10px; min-block-size:40px; padding:0 10px; border-radius:var(--ats-radius-md); color:var(--ats-fg); text-decoration:none; font-size:var(--ats-text-ui); }
.ats-lang-menu a:hover{ background:var(--ats-overlay-1); }
.ats-lang-menu a[aria-current]{ color:var(--ats-accent-text); }
.ats-lang-code{ font:600 11px/1 var(--ats-font-mono); color:var(--ats-muted); inline-size:22px; }
.ats-lang-menu a[aria-current] .ats-lang-code{ color:inherit; }
@media (max-width: 639px){ .m2-lang{ display:none; } }

/* ---------- the drawer's extras: language, theme, account ---------- */
.m2-drawer-extra{ display:grid; gap:12px; padding-block-start:16px; margin-block-start:8px; border-block-start:1px solid var(--ats-border); }
.m2-drawer-extra .ats-lang--drawer > summary{ inline-size:100%; justify-content:flex-start; min-block-size:44px; box-sizing:border-box; }
.m2-drawer-extra .ats-lang--drawer .ats-caret{ margin-inline-start:auto; }
.m2-drawer-extra .ats-theme-switch{ justify-self:start; }
.m2-drawer-extra .ats-btn{ justify-self:stretch; }

/* ======================================================================
   LearnPress's learner profile, in the v2 look: the profile banner (as the instructor page's), the side nav as the
   kit's app nav, the figures as stat cards, the filters as underline tabs, the lists as the kit's table.
   Scoped under body #learn-press-profile so it outranks LearnPress's own rules without !important.
   ====================================================================== */
body #learn-press-profile{ --lp-border-color: var(--ats-border); color:var(--ats-fg); font-family:var(--ats-font-body); }
body #learn-press-profile > .lp-content-area{ display:grid; grid-template-columns:240px minmax(0, 1fr); gap:24px 32px; align-items:start; max-inline-size:none; padding:0; }
body #learn-press-profile > .lp-content-area > *{ grid-column:1 / -1; min-inline-size:0; }
body #learn-press-profile > .lp-content-area > #profile-sidebar{ grid-column:1; }
body #learn-press-profile > .lp-content-area > #profile-content{ grid-column:2; }
body #learn-press-profile .lp-user-cover-image_background.lp-hidden{ display:none; }
@media (max-width: 900px){
  body #learn-press-profile > .lp-content-area{ grid-template-columns:minmax(0, 1fr); }
  body #learn-press-profile > .lp-content-area > #profile-sidebar, body #learn-press-profile > .lp-content-area > #profile-content{ grid-column:1; }
}

/* the banner */
body #learn-press-profile .wrapper-profile-header{ position:relative; overflow:hidden; isolation:isolate; padding:32px; border:1px solid var(--ats-border); border-radius:var(--ats-radius-lg);
  background:radial-gradient(60% 120% at 85% 0%, color-mix(in oklab, var(--ats-accent) 16%, transparent), transparent 70%), var(--ats-surface); }
body #learn-press-profile .wrapper-profile-header .lp-profile-content-area{ display:flex; align-items:center; gap:24px; max-inline-size:none; padding:0; }
body #learn-press-profile .lp-profile-left{ min-inline-size:96px; max-inline-size:96px; }
body #learn-press-profile .lp-profile-left .user-avatar img{ inline-size:96px; block-size:96px; object-fit:cover; border-radius:50%; box-shadow:0 0 0 3px var(--ats-bg), 0 0 0 5px color-mix(in oklab, var(--ats-accent) 55%, transparent); }
body #learn-press-profile .lp-btn-to-edit-avatar, body #learn-press-profile .lp-btn-to-edit-cover-image{ display:none; }
body #learn-press-profile .lp-profile-right{ display:grid; gap:6px; flex:1; min-inline-size:0; }
body #learn-press-profile .lp-profile-username{ margin:0; font-family:var(--ats-font-display); font-size:clamp(26px, 3vw, 36px); line-height:1.1; letter-spacing:-0.02em; font-weight:600; color:var(--ats-fg); }
body #learn-press-profile .lp-profile-user-bio, body #learn-press-profile .lp-profile-user-bio p{ margin:0; padding:0; color:var(--ats-muted-strong); font-size:var(--ats-text-lead, 16px); }
body #learn-press-profile .lp-user-profile-socials{ position:static; display:flex; gap:8px; order:3; margin-block-start:6px; }
body #learn-press-profile .lp-user-profile-socials a{ display:inline-grid; place-items:center; inline-size:36px; block-size:36px; border-radius:var(--ats-radius-md); border:1px solid var(--ats-border); color:var(--ats-muted-strong); background:transparent; text-decoration:none; transition:color .15s, border-color .15s; }
body #learn-press-profile .lp-user-profile-socials a:hover{ color:var(--ats-fg); border-color:var(--ats-border-strong); }

/* the side nav */
body #learn-press-profile #profile-sidebar{ float:none; inline-size:auto; margin:0; border:0; position:sticky; inset-block-start:88px; }
body #learn-press-profile .lp-profile-nav-tabs{ display:grid; gap:2px; margin:0; padding:6px; list-style:none; border:1px solid var(--ats-border); border-radius:var(--ats-radius-lg); background:var(--ats-surface); }
body #learn-press-profile .lp-profile-nav-tabs > li{ border:0; margin:0; padding:0; background:transparent; }
body #learn-press-profile .lp-profile-nav-tabs li a{ display:flex; align-items:center; gap:10px; min-block-size:40px; padding:0 12px; border-radius:var(--ats-radius-md); color:var(--ats-muted-strong); font-size:var(--ats-text-ui); font-weight:500; text-decoration:none; background:transparent; transition:color .15s, background-color .15s; }
body #learn-press-profile .lp-profile-nav-tabs li a i{ inline-size:18px; color:var(--ats-muted); font-size:15px; text-align:center; }
body #learn-press-profile .lp-profile-nav-tabs li a:hover{ color:var(--ats-fg); background:var(--ats-overlay-2, var(--ats-overlay-1)); }
body #learn-press-profile .lp-profile-nav-tabs > li.active > a, body #learn-press-profile .lp-profile-nav-tabs li.active > a{ color:var(--ats-fg); background:color-mix(in oklab, var(--ats-accent) 12%, transparent); box-shadow:inset 3px 0 0 var(--ats-accent); }
body #learn-press-profile .lp-profile-nav-tabs li.active > a i{ color:var(--ats-accent-text); }
body #learn-press-profile .lp-profile-nav-tabs > li.has-child > a::after{ display:none; }
body #learn-press-profile .lp-profile-nav-tabs .profile-tab-sections{ position:static; display:none; margin:2px 0 4px; padding:0 0 0 18px; list-style:none; background:transparent; border:0; box-shadow:none; inline-size:auto; }
body #learn-press-profile .lp-profile-nav-tabs > li.active.has-child .profile-tab-sections{ display:grid; gap:2px; }
body #learn-press-profile .lp-profile-nav-tabs > li.logout{ margin-block-start:4px; padding-block-start:4px; border-block-start:1px solid var(--ats-border); }
@media (max-width: 900px){
  body #learn-press-profile #profile-sidebar{ position:static; }
  body #learn-press-profile .lp-profile-nav-tabs{ display:flex; overflow-x:auto; scrollbar-width:none; }
  body #learn-press-profile .lp-profile-nav-tabs > li{ flex:none; }
  body #learn-press-profile .lp-profile-nav-tabs > li.logout{ margin:0; padding:0; border:0; }
  body #learn-press-profile .lp-profile-nav-tabs > li.active > a{ box-shadow:inset 0 -2px 0 var(--ats-accent); }
  body #learn-press-profile .lp-profile-nav-tabs .profile-tab-sections{ display:none!important; }
}

/* the content */
body #learn-press-profile #profile-content{ float:none; inline-size:auto; margin:0; padding:0; }
body #learn-press-profile #profile-content :where(h2, h3, .profile-heading){ font-family:var(--ats-font-display); color:var(--ats-fg); letter-spacing:-0.01em; }
body #learn-press-profile .dashboard-statistic__row{ display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:12px; margin-block-end:28px; }
body #learn-press-profile .dashboard-statistic__row .statistic-box{ inline-size:auto; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; padding:16px; text-align:start;
  background:var(--ats-surface); border:1px solid var(--ats-border); border-radius:var(--ats-radius-lg); }
body #learn-press-profile .statistic-box__icon{ display:grid; place-items:center; inline-size:36px; block-size:36px; border-radius:var(--ats-radius-md); background:color-mix(in oklab, var(--ats-accent) 12%, transparent); color:var(--ats-accent-text); font-size:18px; }
body #learn-press-profile .statistic-box__icon span::before{ color:var(--ats-accent-text); }
body #learn-press-profile .statistic-box__text{ display:grid; gap:2px; text-align:start; }
body #learn-press-profile .statistic-box__text label{ margin:0; color:var(--ats-muted); font-size:var(--ats-text-label, 12px); font-weight:500; }
body #learn-press-profile .statistic-box__text__number{ font-family:var(--ats-font-mono); font-size:24px; line-height:1.1; color:var(--ats-fg); font-variant-numeric:tabular-nums; }

/* underline tabs (LearnPress's course filters and sub-tabs) */
body #learn-press-profile :where(.learn-press-filters, .learn-press-tabs__nav){ display:flex; gap:4px; margin:0 0 16px; padding:0; list-style:none; border-block-end:1px solid var(--ats-border); overflow-x:auto; scrollbar-width:none; background:transparent; }
body #learn-press-profile :where(.learn-press-filters, .learn-press-tabs__nav) > li{ margin:0; padding:0; border:0; background:transparent; flex:none; }
body #learn-press-profile :where(.learn-press-filters, .learn-press-tabs__nav) > li > a{ display:inline-flex; align-items:center; min-block-size:40px; padding:0 12px; margin-block-end:-1px; border-block-end:2px solid transparent;
  color:var(--ats-muted-strong); font-size:var(--ats-text-ui); font-weight:500; text-decoration:none; cursor:pointer; background:transparent; }
body #learn-press-profile :where(.learn-press-filters, .learn-press-tabs__nav) > li > a:hover{ color:var(--ats-fg); }
body #learn-press-profile .learn-press-filters > li > a.active, body #learn-press-profile .learn-press-tabs__nav > li.active > a{ color:var(--ats-fg); border-block-end-color:var(--ats-accent); }
body #learn-press-profile .learn-press-filters > li > a::after, body #learn-press-profile .learn-press-filters > li::after{ display:none; }

/* the lists, as the kit's table */
body #learn-press-profile .lp-list-table{ inline-size:100%; border-collapse:separate; border-spacing:0; margin:0; background:var(--ats-surface); border:1px solid var(--ats-border); border-radius:var(--ats-radius-lg); overflow:hidden; color:var(--ats-fg); font-size:var(--ats-text-ui); }
body #learn-press-profile .lp-list-table :where(th, td){ padding:12px 14px; border:0; border-block-end:1px solid var(--ats-border); text-align:start; vertical-align:middle; background:transparent; color:inherit; }
body #learn-press-profile .lp-list-table thead th, body #learn-press-profile .lp-list-table thead tr{ background:transparent; color:var(--ats-muted); font-size:var(--ats-text-label, 12px); font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
body #learn-press-profile .lp-list-table tbody tr:last-child td{ border-block-end:0; }
body #learn-press-profile .lp-list-table tbody tr{ background:transparent; transition:background-color .15s; }
body #learn-press-profile .lp-list-table tbody tr:hover{ background:var(--ats-overlay-1); }
body #learn-press-profile .lp-list-table a{ color:var(--ats-fg); text-decoration:none; font-weight:600; }
body #learn-press-profile .lp-list-table a:hover{ color:var(--ats-accent-text); }
body #learn-press-profile .lp_profile_course_progress .course-img{ inline-size:96px; }
body #learn-press-profile .lp_profile_course_progress .course-img img{ display:block; inline-size:96px; block-size:60px; object-fit:cover; border-radius:var(--ats-radius-md); }
body #learn-press-profile .lp_profile_course_progress tr > :first-child{ inline-size:96px; padding-inline-end:0; }
body #learn-press-profile .lp_profile_course_progress .course-title{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body #learn-press-profile .lp_profile_course_progress tr > :nth-child(3){ font-family:var(--ats-font-mono); white-space:nowrap; }
body #learn-press-profile .lp_profile_course_progress :where(.expire-date-time, .end-date-time){ color:var(--ats-muted-strong); }
@media (max-width: 640px){
  body #learn-press-profile .lp_profile_course_progress :where(th, td):nth-child(n+4){ display:none; }
}

/* forms (settings), notices, buttons */
body #learn-press-profile :where(.learn-press-form, .lp-profile-content form){ display:grid; gap:16px; max-inline-size:640px; padding:24px; background:var(--ats-surface); border:1px solid var(--ats-border); border-radius:var(--ats-radius-lg); }
body #learn-press-profile :where(.form-fields){ display:grid; gap:16px; margin:0; padding:0; list-style:none; }
body #learn-press-profile .form-field{ margin:0; padding:0; }
body #learn-press-profile .form-field label{ display:block; margin-block-end:6px; color:var(--ats-muted-strong); font-size:var(--ats-text-ui); font-weight:500; }
body #learn-press-profile :where(input[type=text], input[type=email], input[type=password], input[type=url], input[type=number], select, textarea){
  inline-size:100%; min-block-size:44px; padding:0 12px; box-sizing:border-box; border-radius:var(--ats-radius-md); border:1px solid var(--ats-border-field); background:var(--ats-bg); color:var(--ats-fg); font:inherit; font-size:16px; }
body #learn-press-profile textarea{ min-block-size:120px; padding-block:10px; }
body #learn-press-profile :where(input, select, textarea):focus-visible{ outline:2px solid var(--ats-accent-text); outline-offset:1px; border-color:var(--ats-accent); }
body #learn-press-profile .description{ color:var(--ats-muted); font-size:var(--ats-text-label, 12px); }
body #learn-press-profile :where(button, .lp-button, input[type=submit]){ min-block-size:44px; padding:0 18px; border-radius:var(--ats-radius-md); border:0; background:var(--ats-accent); color:var(--ats-accent-ink); font:600 15px/1 var(--ats-font-body); cursor:pointer; }
body #learn-press-profile :where(.learn-press-message, .lp-message){ margin:0 0 16px; padding:14px 16px; border-radius:var(--ats-radius-md); border:1px solid var(--ats-border); background:var(--ats-surface); color:var(--ats-fg); }
body #learn-press-profile :where(.learn-press-message, .lp-message)::before{ display:none; }
body #learn-press-profile .lp-archive-courses ul.learn-press-courses{ display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:16px; margin:0; padding:0; }
.ats-profile-page{ padding-block-start:32px; }
/* the figures read as the site's stat strip: label over a mono number, no pictograms */
body #learn-press-profile .dashboard-statistic__row .statistic-box{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
body #learn-press-profile .dashboard-statistic__row .statistic-box__icon{ display:none; }
body #learn-press-profile .dashboard-statistic__row .statistic-box__text{ display:flex; flex-direction:column; gap:6px; inline-size:100%; }
body #learn-press-profile .dashboard-statistic__row .statistic-box__text label{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body #learn-press-profile .dashboard-statistic__row .statistic-box__text__number{ font-size:28px; }
body #learn-press-profile .wrapper-profile-header :where(.lp-profile-content-area, .lp-profile-right, .lp-profile-left){ background:transparent; border:0; box-shadow:none; }
@media (max-width: 640px){
  body #learn-press-profile .wrapper-profile-header{ padding:20px; }
  body #learn-press-profile .wrapper-profile-header .lp-profile-content-area{ gap:16px; flex-direction:row; text-align:start; }
  body #learn-press-profile .lp-profile-left{ min-inline-size:64px; max-inline-size:64px; }
  body #learn-press-profile .lp-profile-left .user-avatar img{ inline-size:64px; block-size:64px; }
  body #learn-press-profile .lp-profile-nav-tabs li a{ flex-direction:row; white-space:nowrap; }
  body #learn-press-profile .dashboard-statistic__row{ grid-template-columns:1fr 1fr; }
  body #learn-press-profile .dashboard-statistic__row .statistic-box, body #learn-press-profile .statistic-box__text{ align-items:flex-start; text-align:start; }
  body #learn-press-profile .lp_profile_course_progress{ table-layout:fixed; }
  body #learn-press-profile .lp_profile_course_progress :where(th, td){ display:table-cell; white-space:normal; padding:10px; }
  body #learn-press-profile .lp_profile_course_progress :where(th, td):nth-child(n+4){ display:none; }
  body #learn-press-profile .lp_profile_course_progress tr > :first-child{ inline-size:72px; }
  body #learn-press-profile .lp_profile_course_progress tr > :nth-child(3){ inline-size:56px; }
  body #learn-press-profile .lp_profile_course_progress .course-img, body #learn-press-profile .lp_profile_course_progress .course-img img{ inline-size:72px; block-size:45px; }
  body #learn-press-profile .lp_profile_course_progress .course-title{ font-size:14px; }
}
@media (max-width: 640px){
  body #learn-press-profile .lp-profile-content .lp_profile_course_progress{ width:100%; min-width:0; max-width:100%; }
  body #learn-press-profile .lp-profile-content .lp_profile_course_progress tr > :first-child{ width:72px; }
  body #learn-press-profile .lp-profile-content .lp_profile_course_progress tr > :nth-child(2){ width:auto; }
  body #learn-press-profile .lp-profile-content .lp_profile_course_progress tr > :nth-child(3){ width:56px; }
}
body #learn-press-profile{ inline-size:100%; }
body #learn-press-profile .learn-press-form .form-field label{ font-style:normal; }
body #learn-press-profile .learn-press-form .form-field :where(input[type=text], input[type=email], input[type=password], input[type=url], input[type=number], select, textarea){ inline-size:100%; max-inline-size:none; }
body #learn-press-profile .learn-press-form .form-fields{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
body #learn-press-profile .learn-press-form .form-fields > .form-field:not(.form-field__50){ grid-column:1 / -1; }
@media (max-width: 640px){ body #learn-press-profile .learn-press-form .form-fields{ grid-template-columns:1fr; } }
/* the player's buttons as the kit's */
#popup-course :where(.lp-button, .lp-btn-complete-item, button.lp-button){ min-block-size:44px; padding:0 18px; border-radius:var(--ats-radius-md); border:0; background:var(--ats-accent); color:var(--ats-accent-ink); font:600 15px/1 var(--ats-font-body); opacity:1; }
#popup-course :where(.lp-button, .lp-btn-complete-item):disabled{ opacity:.5; }
.ats-page > .m2-wrap{ inline-size:100%; box-sizing:border-box; }
.ats-page .learnpress{ padding:0; }
body #learn-press-profile .learn-press-form .form-fields > .form-field{ inline-size:auto; float:none; margin:0; list-style:none; }
body #learn-press-profile .learn-press-form{ max-inline-size:760px; }
.ats-site-header.ats-is-tight .ma-badge-academy{ display:none; }
.ats-lang--bar > summary{ padding:0 8px; gap:5px; }
.admin-bar .ats-site-header.ats-is-sticky{ inset-block-start:32px; }
body #learn-press-profile .lp-profile-nav-tabs .profile-tab-sections li{ border:0; }
/* LearnPress's course cards in the profile (an instructor's Courses tab, the wishlist) */
body #learn-press-profile .lp-archive-courses ul.learn-press-courses > li{ inline-size:auto; max-inline-size:none; margin:0; padding:0; float:none; }
body #learn-press-profile .lp-archive-courses .course-item{ display:flex; flex-direction:column; block-size:100%; overflow:hidden; border:1px solid var(--ats-border); border-radius:var(--ats-radius-lg); background:var(--ats-surface); transition:border-color .15s; }
body #learn-press-profile .lp-archive-courses .course-item:hover{ border-color:var(--ats-border-strong); }
body #learn-press-profile .lp-archive-courses .course-thumbnail{ position:relative; inline-size:100%; margin:0; }
body #learn-press-profile .lp-archive-courses .course-thumbnail img{ display:block; inline-size:100%; aspect-ratio:16/10; object-fit:cover; border-radius:0; }
body #learn-press-profile .lp-archive-courses .course-content{ display:grid; gap:8px; padding:14px 16px 16px; inline-size:auto; }
body #learn-press-profile .lp-archive-courses .course-content :where(.course-title, h3, h3 a){ margin:0; color:var(--ats-fg); font-family:var(--ats-font-display); font-size:16px; line-height:1.3; text-decoration:none; }
body #learn-press-profile .lp-archive-courses .course-content :where(.course-instructor, .course-wrap-meta, .meta-item, .course-count-lesson, .course-count-student){ color:var(--ats-muted-strong); font-size:var(--ats-text-label, 12px); }
body #learn-press-profile .lp-archive-courses .course-content a{ color:inherit; }
body #learn-press-profile .lp-archive-courses .lp-button-wishlist-action{ position:absolute; inset-block-start:8px; inset-inline-end:8px; min-block-size:32px; inline-size:32px; padding:0; border-radius:50%; background:color-mix(in oklab, var(--ats-bg) 70%, transparent); color:var(--ats-fg); }
body #learn-press-profile .lp-archive-courses .review-stars-rated{ color:#f5b301; }
body #learn-press-profile .lp-course-builder-link, body #learn-press-profile .learn-press-course-builder-link{ color:var(--ats-accent-text); }