:root {
  --slr-bg:#f4f7fb;
  --slr-panel:#fff;
  --slr-soft:#f8fafc;
  --slr-text:#101828;
  --slr-muted:#667085;
  --slr-line:#e5eaf1;
  --slr-blue:#1268e8;
  --slr-blue-dark:#0756c9;
  --slr-blue-soft:#eef5ff;
  --slr-green:#22a06b;
  --slr-green-soft:#ecf8f2;
  --slr-shadow:0 12px 40px rgba(35,52,74,.08);
  --slr-sidebar:232px;
}

/* Reset the previous presentation layer */
html,body.fix-top-nav.home{background:var(--slr-bg)!important;color:var(--slr-text)!important}
body.fix-top-nav.home{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-x:hidden!important}
body.logged-in.fix-top-nav.home{padding-left:var(--slr-sidebar)!important;padding-bottom:0!important}
body.logged-in .header-row{left:var(--slr-sidebar)!important;width:calc(100% - var(--slr-sidebar))!important}
.container{width:min(100% - 48px,1120px)!important;max-width:1120px!important}
.site-content{min-width:0!important}
.smartleo-welcome{display:none!important}
.brand-row{display:none!important}

/* White sidebar, like the supplied reference */
.smartleo-sidebar{
  width:var(--slr-sidebar)!important;
  padding:18px 12px 14px!important;
  color:var(--slr-text)!important;
  background:#fff!important;
  border-right:1px solid var(--slr-line)!important;
  box-shadow:none!important;
}
.smartleo-sidebar__brand{min-height:48px!important;margin:0 8px 22px!important;color:var(--slr-text)!important}
.smartleo-sidebar__mark{width:38px!important;height:38px!important;border-radius:11px!important;background:linear-gradient(145deg,var(--slr-blue),#68a4fa)!important;box-shadow:0 8px 18px rgba(18,104,232,.22)!important;font-size:11px!important}
.smartleo-sidebar__name{font-size:16px!important;font-weight:800!important}
.smartleo-sidebar__nav{gap:5px!important}
.smartleo-sidebar__caption{margin:20px 11px 7px!important;color:#98a2b3!important}
.smartleo-sidebar__link{
  min-height:44px!important;
  gap:10px!important;
  padding:9px 11px!important;
  color:#667085!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:650!important;
}
.smartleo-sidebar__link>[class*="icon-"]{color:#98a2b3!important;font-size:16px!important}
.smartleo-sidebar__link:hover{color:var(--slr-text)!important;background:#f5f7fa!important}
.smartleo-sidebar__link.is-active{color:#fff!important;background:linear-gradient(135deg,var(--slr-blue),#287cf0)!important;box-shadow:0 8px 18px rgba(18,104,232,.20)!important}
.smartleo-sidebar__link.is-active>[class*="icon-"]{color:#fff!important}
.smartleo-sidebar__user{padding:13px 7px 2px!important;border-top:1px solid var(--slr-line)!important}
.smartleo-sidebar__avatar img{width:36px!important;height:36px!important;border-radius:50%!important}
.smartleo-sidebar__user-info strong{color:var(--slr-text)!important;font-size:12px!important}
.smartleo-sidebar__user-info a{color:#98a2b3!important}

/* Flat top bar */
.header-row{position:fixed!important;top:0!important;z-index:1000!important}
.top-nav-row{min-height:64px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--slr-line)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}
.top-nav-row--inner{min-height:64px!important;gap:3px!important}
.top-nav-row .nav-item,.top-nav-row .dropdown-button{min-height:38px!important;padding:8px 10px!important;color:#475467!important;border-radius:10px!important}
.top-nav-row .nav-item:hover,.top-nav-row .dropdown-button:hover{color:var(--slr-blue)!important;background:var(--slr-blue-soft)!important}
.top-nav-row .user-profile-humbnail img{width:34px!important;height:34px!important;border-radius:50%!important}
.site-content{padding-top:64px!important;min-height:100vh!important}

/* Page heading becomes a simple channel header */
.page-title-row{padding:26px 0 10px!important;background:transparent!important}
.page-title-row .page-title{font-size:25px!important;font-weight:800!important;letter-spacing:-.035em!important}
.page-title-row .page-description{margin-top:7px!important;color:var(--slr-muted)!important;font-size:14px!important}
.page-description-content{max-width:760px!important}
.breadcrumbs-row{padding:18px 0 0!important}
.breadcrumbs-wrap{min-height:40px!important;padding:8px 11px!important;background:transparent!important;border:0!important;border-radius:0!important}
.breadcrumbs{font-size:12px!important}
.breadcrumbs .item{color:#667085!important}
.breadcrumbs .separator{color:#c0c6d0!important}

/* Course list: editorial feed, no grid of square cards */
.folders-row{padding:14px 0 34px!important}
.folders-row .row{display:block!important;margin:0!important}
.smartleo-course-feed-col{float:none!important;width:100%!important;padding:0!important;margin-bottom:12px!important}
.smartleo-course-card{height:auto!important}
.smartleo-course-card__link{
  min-height:152px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid var(--slr-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  transform:none!important;
}
.smartleo-course-card__link:hover{border-color:#b8d2f7!important;box-shadow:0 10px 28px rgba(35,61,94,.08)!important;transform:none!important}
.smartleo-course-card__cover{height:100%!important;min-height:152px!important;background:linear-gradient(140deg,#eaf3ff,#f4f8ff)!important}
.smartleo-course-card__cover:after{background:linear-gradient(90deg,rgba(10,35,75,.02),rgba(10,35,75,.18))!important}
.smartleo-course-card__type{top:13px!important;left:13px!important;color:var(--slr-blue)!important;background:rgba(255,255,255,.9)!important;border:1px solid rgba(18,104,232,.12)!important;backdrop-filter:blur(8px)!important}
.smartleo-course-card__label{top:13px!important;right:13px!important}
.smartleo-course-card__arrow{right:13px!important;bottom:13px!important;width:34px!important;height:34px!important;color:var(--slr-blue)!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(25,50,80,.14)!important}
.smartleo-course-card__body{min-width:0!important;padding:20px 22px!important}
.smartleo-course-card__body h2{margin:0 0 7px!important;font-size:19px!important;font-weight:800!important}
.smartleo-course-card__body p{min-height:0!important;margin:0 0 13px!important;font-size:13px!important;line-height:1.5!important}
.smartleo-course-card__meta{min-height:18px!important;margin-top:0!important}
.smartleo-course-card__progress{margin-top:12px!important;padding-top:11px!important}
.smartleo-course-card__track{height:6px!important}

/* Materials look like a channel of lessons */
.materials-row{padding:15px 0 34px!important}
.materials-row .row{display:block!important;margin:0!important}
.smartleo-lesson-feed-col{float:none!important;width:100%!important;padding:0!important;margin-bottom:11px!important}
.material-item{
  min-height:132px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid var(--slr-line)!important;
  border-radius:15px!important;
  box-shadow:none!important;
  transform:none!important;
}
.material-item:hover{border-color:#b9d3f7!important;box-shadow:0 8px 24px rgba(31,58,88,.07)!important;transform:none!important}
.material-item .flex-wrap{display:grid!important;grid-template-columns:175px minmax(0,1fr)!important;min-height:132px!important}
.material-item .thumbnail-wrap{min-height:132px!important;height:100%!important;background-color:#eaf3ff!important}
.material-item .col-content{min-width:0!important;padding:18px 20px!important}
.material-item .title{margin:0 0 7px!important;font-size:17px!important;line-height:1.3!important;font-weight:780!important}
.material-item .description{font-size:13px!important;line-height:1.5!important}
.material-item .description p{margin:0!important}
.material-item .content-overlay{margin-top:10px!important}
.doc-label{padding:5px 9px!important;border-radius:999px!important;font-size:10px!important}
.doc-label.opened{color:#177a51!important;background:var(--slr-green-soft)!important}
.material-item .m-icon,.material-item .status-icon{border-radius:7px!important;font-size:10px!important}

/* Lesson page */
.lesson-row{padding:20px 0 40px!important}
.lesson-tabs{background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:17px!important;box-shadow:none!important}
.lesson-tabs>.nav-tabs{padding:6px!important;background:#f7f9fc!important;gap:4px!important}
.lesson-tabs>.nav-tabs>li>a{padding:11px 14px!important;border-radius:10px!important;font-size:12px!important}
.lesson-tabs>.nav-tabs>li.active>a{background:#fff!important;color:var(--slr-blue)!important;box-shadow:0 4px 12px rgba(33,55,82,.08)!important}
.lesson-tabs .tab-content{min-height:300px!important;padding:clamp(20px,4vw,42px)!important}
.wpm-content-text{font-size:16px!important;line-height:1.72!important}
.wpm-content-text h1,.wpm-content-text h2,.wpm-content-text h3{letter-spacing:-.025em!important}
.wpm-content-text img{border-radius:12px!important}
.question-answer-row .question,.question-answer-row .answer,.discussion-row{padding:18px!important;border:1px solid var(--slr-line)!important;border-radius:14px!important;box-shadow:none!important}
.question-answer-row .question{background:var(--slr-blue-soft)!important}
.reading-status-row{position:static!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;margin-top:13px!important;padding:12px 15px!important;background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:14px!important;box-shadow:none!important;backdrop-filter:none!important}
.reading-status-row a,.status-toggle-wrap{color:var(--slr-blue)!important}

/* Forms */
.form-control,input[type=text],input[type=password],input[type=email],textarea,select{border-color:#dbe3ed!important;border-radius:10px!important;background:#fbfcfe!important}
.form-control:focus,input:focus,textarea:focus,select:focus{border-color:#8dbaf5!important;box-shadow:0 0 0 3px rgba(18,104,232,.08)!important;background:#fff!important}
.mbr-btn,.btn-primary,.btn-green,button[type=submit]{background:linear-gradient(135deg,var(--slr-blue),#347ff0)!important;border-radius:10px!important;box-shadow:0 7px 16px rgba(18,104,232,.18)!important}
.wpm-comments-wrap{padding:20px!important;background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:15px!important;box-shadow:none!important}
.footer-row{margin-top:0!important;padding:26px 0!important;background:#fff!important;color:#667085!important;border-top:1px solid var(--slr-line)!important}
.footer-row a,.footer-user-agreement a{color:var(--slr-blue)!important}
.footer-user-agreement{background:#fff!important}

/* Mobile: independent layout, no inherited desktop widths */
@media(max-width:991px){
  :root{--slr-sidebar:0px}
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.logged-in.fix-top-nav.home{width:100%!important;padding:0 0 calc(68px + env(safe-area-inset-bottom))!important}
  body.logged-in .header-row{left:0!important;width:100%!important}
  .smartleo-sidebar{display:none!important}
  .top-nav-row{min-height:56px!important}
  .top-nav-row--inner{min-height:56px!important;padding:0!important}
  .site-content{width:100%!important;padding-top:56px!important}
  .container{width:100%!important;max-width:none!important;padding-left:16px!important;padding-right:16px!important}
  .mobile-menu-button{width:38px!important;height:38px!important;border-radius:10px!important;background:#f3f6fa!important}
  .smartleo-mobile-dock{left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;min-height:58px!important;padding:5px!important;background:rgba(255,255,255,.97)!important;border:1px solid var(--slr-line)!important;border-radius:17px!important;box-shadow:0 12px 35px rgba(27,42,62,.18)!important}
  .smartleo-mobile-dock a{min-width:58px!important;padding:5px 7px!important;color:#7b8798!important}
  .smartleo-mobile-dock a:hover{color:var(--slr-blue)!important;background:var(--slr-blue-soft)!important}
  .smartleo-mobile-dock [class*="icon-"]{font-size:18px!important}
  .smartleo-mobile-dock small{font-size:9px!important}
  .page-title-row{padding:20px 0 8px!important}
  .page-title-row .page-title{font-size:22px!important}
  .breadcrumbs-row{padding-top:11px!important;overflow:hidden!important}
  .breadcrumbs-wrap{width:100%!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}
}

@media(max-width:767px){
  .folders-row,.materials-row{padding:10px 0 24px!important}
  .smartleo-course-feed-col,.smartleo-lesson-feed-col{margin-bottom:10px!important}
  .smartleo-course-card__link{display:block!important;min-height:0!important;border-radius:14px!important}
  .smartleo-course-card__cover{height:132px!important;min-height:132px!important}
  .smartleo-course-card__body{padding:16px!important}
  .smartleo-course-card__body h2{font-size:17px!important}
  .smartleo-course-card__body p{font-size:12px!important}
  .material-item{min-height:0!important;border-radius:14px!important}
  .material-item .flex-wrap{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;min-height:116px!important}
  .material-item .thumbnail-wrap{min-height:116px!important}
  .material-item .col-content{padding:14px!important}
  .material-item .title{font-size:15px!important}
  .material-item .description{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:11px!important}
  .material-item .content-overlay{margin-top:7px!important}
  .lesson-row{padding:12px 0 24px!important}
  .lesson-tabs{border-radius:14px!important}
  .lesson-tabs>.nav-tabs{overflow-x:auto!important;flex-wrap:nowrap!important}
  .lesson-tabs>.nav-tabs>li{min-width:max-content!important;flex:1 0 auto!important}
  .lesson-tabs .tab-content{padding:18px 14px!important}
  .wpm-content-text{font-size:15px!important;line-height:1.65!important;overflow-wrap:anywhere!important}
  .wpm-content-text iframe,.wpm-content-text video{width:100%!important;height:auto!important;aspect-ratio:16/9!important}
  .reading-status-row{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:7px!important;padding:10px!important}
  .reading-status-row .status-wrap{grid-column:2!important;grid-row:1!important;text-align:center!important}
  .reading-status-row .progress-wrap{grid-column:1/-1!important;grid-row:2!important;width:100%!important}
  .reading-status-row .left-wrap{grid-column:1!important;grid-row:1!important}
  .reading-status-row .right-wrap{grid-column:3!important;grid-row:1!important}
  .reading-status-row .arrow-label{display:none!important}
  .question-answer-row .question,.question-answer-row .answer,.discussion-row{padding:14px!important}
  .wpm-comments-wrap{padding:14px!important;border-radius:13px!important}
}

@media(max-width:420px){
  .container{padding-left:12px!important;padding-right:12px!important}
  .material-item .flex-wrap{grid-template-columns:82px minmax(0,1fr)!important}
  .material-item .thumbnail-wrap{min-height:112px!important}
  .material-item .col-content{padding:12px!important}
  .material-item .title{font-size:14px!important}
  .smartleo-course-card__cover{height:116px!important;min-height:116px!important}
  .smartleo-course-card__body{padding:14px!important}
  .smartleo-mobile-dock{left:7px!important;right:7px!important}
}

/* One navigation source: sidebar on desktop, dock on mobile */
body.logged-in .smartleo-top-schedule,
body.logged-in .smartleo-top-question,
body.logged-in .smartleo-top-home {display:none!important}

/* Shared heading for system pages */
.smartleo-section-head{padding:20px 0 14px}
.smartleo-section-head span{display:block;margin-bottom:4px;color:var(--slr-blue);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.smartleo-section-head h1{margin:0;color:var(--slr-text);font-size:26px;line-height:1.2;font-weight:820;letter-spacing:-.035em}
.smartleo-section-head p{margin:7px 0 0;color:var(--slr-muted);font-size:13px;line-height:1.5}

/* Access activation page */
.main-content-row{padding:0 0 38px!important}
.main-content-row .page-content-wrap{padding:0!important;background:transparent!important}
.activation-form-wrap{margin:0 0 16px!important;padding:16px!important;background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:14px!important;box-shadow:none!important}
.activation-form-wrap .row{display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;gap:10px!important;margin:0!important}
.activation-form-wrap .col-sm-8,.activation-form-wrap .col-sm-4{width:auto!important;float:none!important;padding:0!important}
.activation-form-wrap .form-group{margin:0!important}
.activation-form-wrap input{height:46px!important}
.activation-form-wrap button{width:100%!important;height:46px!important;margin:0!important}
.activation-form .result{grid-column:1/-1}
.activation-form .alert{margin:10px 0 0!important}
.keys-table{overflow:hidden!important;background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:14px!important;box-shadow:none!important}
.keys-table .key-row{display:grid!important;grid-template-columns:56px minmax(0,1.5fr) minmax(105px,.7fr) minmax(105px,.7fr) 105px!important;align-items:stretch!important;min-height:68px!important;padding:0!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--slr-line)!important}
.keys-table .key-row:last-child{border-bottom:0!important}
.keys-table .keys-header{min-height:44px!important;background:#f8fafc!important;color:#667085!important;font-size:11px!important;font-weight:800!important}
.keys-table .key-row>div{width:auto!important;float:none!important;display:flex!important;align-items:center!important;padding:10px 12px!important;border:0!important;border-right:1px solid #edf0f4!important}
.keys-table .key-row>div:last-child{border-right:0!important}
.keys-table .key-icon{display:none!important}
.keys-table .key-content{width:100%!important}
.keys-table .course{color:var(--slr-text)!important;font-size:13px!important;font-weight:750!important}
.keys-table .key{margin-top:3px!important;color:#98a2b3!important;font-size:10px!important;overflow-wrap:anywhere}
.keys-table .date{font-size:12px!important;font-weight:650!important}
.keys-table .note{margin-top:3px!important;font-size:9px!important}
.keys-table .num{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;margin:auto!important;border-radius:50%!important;background:var(--slr-blue-soft)!important;color:var(--slr-blue)!important;font-size:11px!important;font-weight:850!important}
.keys-table button.toggle-key-cats{border:0!important;background:transparent!important}
.keys-table .more-info{color:var(--slr-blue)!important;font-size:10px!important;font-weight:750!important;cursor:pointer}
.row-key-categories{padding:14px!important;background:#f8fafc!important;border-bottom:1px solid var(--slr-line)!important}
.row-key-categories .smartleo-course-card{max-width:780px}
.row-key-categories .smartleo-course-card__link{grid-template-columns:160px minmax(0,1fr)!important;min-height:118px!important}
.row-key-categories .smartleo-course-card__cover{min-height:118px!important}

/* Search */
.search-input-row{padding:0 0 18px!important;background:transparent!important}
.big-search{position:relative!important;max-width:none!important;margin:0!important}
.big-search .search-hint-input{width:100%!important;height:50px!important;padding:12px 52px 12px 16px!important;background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:13px!important;box-shadow:none!important}
.big-search .search-input-icon{position:absolute!important;right:6px!important;top:6px!important;width:38px!important;height:38px!important;color:var(--slr-blue)!important;background:var(--slr-blue-soft)!important;border:0!important;border-radius:10px!important}
.search-result-row{padding:0 0 30px!important;background:transparent!important}
.search-result-row .row{display:block!important;margin:0!important}
.no-posts{padding:30px!important;background:#fff!important;border:1px dashed #ccd6e2!important;border-radius:14px!important;color:var(--slr-muted)!important;text-align:center!important}

/* Pagination */
.pagenavi-row{padding:4px 0 32px!important}
.wp-pagenavi{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.wp-pagenavi .pages{display:flex!important;gap:5px!important}
.wp-pagenavi a,.wp-pagenavi span.current{min-width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:9px!important;color:#667085!important;font-size:11px!important;font-weight:750!important}
.wp-pagenavi span.current{color:#fff!important;background:var(--slr-blue)!important;border-color:var(--slr-blue)!important}
.wp-pagenavi .prevpostslink,.wp-pagenavi .nextpostslink{min-width:auto!important}

/* Login and registration: replace old floating box */
body:not(.logged-in).fix-top-nav.home{background:radial-gradient(circle at 12% 14%,rgba(18,104,232,.11),transparent 31rem),radial-gradient(circle at 90% 84%,rgba(34,160,107,.08),transparent 30rem),#f4f7fb!important}
body:not(.logged-in) .site-content{min-height:100vh!important;display:grid!important;place-items:center!important;padding:30px 16px!important}
body:not(.logged-in) .main-row{width:100%!important;padding:0!important}
body:not(.logged-in) .main-row>.container{width:min(100%,460px)!important;padding:0!important}
body:not(.logged-in) .login-tabs{overflow:hidden!important;background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(35,52,74,.14)!important}
body:not(.logged-in) .login-tabs>.nav-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;margin:0!important;padding:6px!important;background:#f3f6fa!important;border:0!important}
body:not(.logged-in) .login-tabs>.nav-tabs>li{width:auto!important;float:none!important;margin:0!important}
body:not(.logged-in) .login-tabs>.nav-tabs>li>a{margin:0!important;padding:11px!important;border:0!important;border-radius:10px!important;color:#667085!important;font-size:13px!important;font-weight:750!important}
body:not(.logged-in) .login-tabs>.nav-tabs>li.active>a{color:var(--slr-blue)!important;background:#fff!important;box-shadow:0 4px 12px rgba(35,52,74,.08)!important}
body:not(.logged-in) .login-tabs>.tab-content{padding:30px!important}
body:not(.logged-in) .wpm-login-form .dropdown-panel-header,
body:not(.logged-in) .wpm-registration-form .dropdown-panel-header{display:none!important}
body:not(.logged-in) .form-fields-group{margin:0!important;padding:0!important;border:0!important}
body:not(.logged-in) .form-group{margin-bottom:12px!important}
body:not(.logged-in) .form-control{height:48px!important;padding-left:42px!important;border-radius:11px!important}
body:not(.logged-in) .helper-link{display:block!important;margin:2px 0 14px!important;color:#475467!important;font-size:12px!important;text-align:right!important}
body:not(.logged-in) .wpm-sign-in-button,
body:not(.logged-in) .register-submit{width:100%!important;min-height:46px!important;margin:0!important;border-radius:11px!important}
body:not(.logged-in) .mbl-user-agreement-row{text-align:center!important;font-size:10px!important}
body:not(.logged-in) .footer-row,body:not(.logged-in) .footer-user-agreement{display:none!important}

/* Shared system feedback */
.alert{padding:11px 13px!important;border-radius:10px!important;border:1px solid transparent!important;font-size:12px!important}
.alert-success{color:#177a51!important;background:var(--slr-green-soft)!important;border-color:#ccebdd!important}
.alert-warning{color:#9a6700!important;background:#fff8e7!important;border-color:#f6e1aa!important}
.alert-info{color:#145ea8!important;background:var(--slr-blue-soft)!important;border-color:#d5e6fb!important}
.wpm-protected{max-width:520px!important;margin:28px auto!important;padding:20px!important;background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:14px!important}
.smartleo-empty-page{padding:60px 0!important}
.smartleo-empty-page__content{max-width:520px;margin:auto;padding:34px;text-align:center;background:#fff;border:1px solid var(--slr-line);border-radius:16px}
.smartleo-empty-page__content>span{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 16px;color:var(--slr-blue);background:var(--slr-blue-soft);border-radius:50%;font-size:22px}
.smartleo-empty-page__content h1{margin:0 0 8px;font-size:24px;font-weight:800}
.smartleo-empty-page__content p{margin:0 0 18px;color:var(--slr-muted);font-size:13px;line-height:1.55}
.smartleo-empty-page__content a{display:inline-flex;padding:11px 15px;color:#fff;background:var(--slr-blue);border-radius:10px;font-size:12px;font-weight:750}
.mbl-no-access{padding:20px!important;background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:14px!important}

@media(max-width:767px){
  .smartleo-section-head{padding:16px 0 10px!important}
  .smartleo-section-head h1{font-size:21px!important}
  .smartleo-section-head p{font-size:12px!important}
  .activation-form-wrap{padding:12px!important}
  .activation-form-wrap .row{grid-template-columns:1fr!important}
  .keys-table{overflow:visible!important;background:transparent!important;border:0!important}
  .keys-table .keys-header{display:none!important}
  .keys-table .key-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) 34px!important;gap:0!important;min-height:0!important;margin-bottom:9px!important;padding:10px!important;background:#fff!important;border:1px solid var(--slr-line)!important;border-radius:13px!important}
  .keys-table .key-row>div{display:block!important;padding:6px!important;border:0!important}
  .keys-table .col-list{grid-column:1!important;grid-row:1/3!important;display:flex!important;align-items:center!important}
  .keys-table .col-key{grid-column:2!important;grid-row:1!important}
  .keys-table .col-start{grid-column:2!important;grid-row:2!important;display:inline-flex!important;width:auto!important;color:#667085!important}
  .keys-table .col-start:before{content:"Старт: ";margin-right:4px;font-size:10px!important}
  .keys-table .col-end{grid-column:2!important;grid-row:3!important;display:inline-flex!important;width:auto!important;color:#667085!important}
  .keys-table .col-end:before{content:"До: ";margin-right:4px;font-size:10px!important}
  .keys-table .col-more-info{grid-column:3!important;grid-row:1/3!important;display:flex!important;align-items:center!important}
  .keys-table .more-info{display:none!important}
  .keys-table .date{font-size:10px!important}
  .row-key-categories{margin:-3px 0 9px!important;padding:8px!important;border:1px solid var(--slr-line)!important;border-top:0!important;border-radius:0 0 13px 13px!important}
  .row-key-categories .smartleo-course-card__link{display:block!important}
  .row-key-categories .smartleo-course-card__cover{height:90px!important;min-height:90px!important}
  .search-input-row{padding-bottom:12px!important}
  .big-search .search-hint-input{height:46px!important}
  .big-search .search-input-icon{top:4px!important;right:4px!important}
  .wp-pagenavi{flex-wrap:wrap!important}
  .wp-pagenavi .prevpostslink,.wp-pagenavi .nextpostslink{order:2!important;width:calc(50% - 4px)!important}
  body:not(.logged-in) .site-content{padding:16px 12px!important}
  body:not(.logged-in) .login-tabs{border-radius:16px!important}
  body:not(.logged-in) .login-tabs>.tab-content{padding:20px 16px!important}
  body:not(.logged-in) .wpm-registration-form{max-height:68vh!important;overflow-y:auto!important;padding-right:3px!important}
}