
/* os-defcard-inline-css */

.osd-card{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere;}.osd-card .osd-head{display:flex;align-items:center;gap:10px;margin:0 0 8px;flex-wrap:wrap;}.osd-card .osd-ico{font-size:20px;flex:none;}.osd-card .osd-title{margin:0;font-size:18px;font-weight:800;color:#101828;min-width:0;flex:1 1 auto;line-height:1.25;}.osd-card b{overflow-wrap:anywhere;}@media(max-width:560px){.osd-card{padding:14px 14px;}.osd-card .osd-title{font-size:16.5px;}}
/*# sourceURL=os-defcard-inline-css */

/* os-mobile-guard-inline-css */


@media(max-width:640px){
	/* 1) ничто из наших блоков не шире экрана */
	[class^="os-"],[class*=" os-"],[class^="osc-"],[class*=" osc-"],[class^="osd-"],[class*=" osd-"],
	[class^="ose-"],[class*=" ose-"],[class^="osm-"],[class*=" osm-"]{max-width:100%;box-sizing:border-box;}

	/* 2) строки из иконки/подписи/кнопок переносятся, а не сжимаются в столбик.
	      min-width:0 обязателен: без него flex-ребёнок не даёт себя ужать и ломает соседей */
	[class^="os-"] > *,[class*=" os-"] > *,[class^="osc-"] > *,[class*=" osc-"] > *,
	[class^="osd-"] > *,[class*=" osd-"] > *{min-width:0;}

	/* 3) длинные слова и ссылки рвутся по границе, а не выпирают за экран */
	[class^="os-"],[class*=" os-"],[class^="osc-"],[class*=" osc-"],
	[class^="osd-"],[class*=" osd-"]{overflow-wrap:anywhere;}

	/* 4) широкие таблицы прокручиваются вбок вместе со своей обёрткой */
	[class^="os-"] table,[class*=" os-"] table,[class^="osc-"] table,[class*=" osc-"] table{display:block;overflow-x:auto;max-width:100%;}

	/* 5) наши многоколоночные сетки — в одну колонку.
	      Именно из-за этого ломалась карточка защиты в кабинете: .os-uth собран как
	      repeat(auto-fit,minmax(300px,1fr)), и на узком экране колонка всё равно
	      требовала 300px — карточку сжимало, а заголовок сыпался по букве в столбик.
	      auto-fit сам по себе не спасает: минимум в 300px он не отменяет. */
	.os-uth,[class^="os-"][style*="grid-template-columns"],[class*=" os-"][style*="grid-template-columns"]{grid-template-columns:1fr !important;}
}
/*# sourceURL=os-mobile-guard-inline-css */

/* os-diet-um-icons-inline-css */


/* значки Ultimate Member без иконочных шрифтов (см. onstudy-assets-diet-edu) */
.um i[class*="um-faicon-"],.um i[class*="um-icon-"],
i.um-faicon-times,i.um-faicon-eye,i.um-icon-eye-disabled,
i.um-icon-android-checkbox-outline-blank,
i[class*="um-faicon-angle"]{font-family:inherit !important;font-style:normal;line-height:1;}
.um-faicon-times::before{content:"\2715" !important;}
.um-icon-android-checkbox-outline-blank::before{content:"\2610" !important;}
.um-icon-android-checkbox-outline-blank.um-icon-android-checkbox-outline::before,
.um-icon-android-checkbox::before{content:"\2611" !important;}
.um-faicon-angle-left::before{content:"\2039" !important;}
.um-faicon-angle-right::before{content:"\203A" !important;}
.um-faicon-angle-double-left::before{content:"\00AB" !important;}
.um-faicon-angle-double-right::before{content:"\00BB" !important;}
.um-faicon-eye::before,.um-icon-eye-disabled::before{
	content:"" !important;display:inline-block;width:1em;height:1em;vertical-align:-.12em;
	background-repeat:no-repeat;background-position:center;background-size:contain;}
.um-faicon-eye::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1.5%2012S5%205.5%2012%205.5%2022.5%2012%2022.5%2012%2019%2018.5%2012%2018.5%201.5%2012%201.5%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.2%22%2F%3E%3C%2Fsvg%3E");}
.um-icon-eye-disabled::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.9%205.7A9.9%209.9%200%200%201%2012%205.5C19%205.5%2022.5%2012%2022.5%2012a17%2017%200%200%201-3.2%204.1M6.2%207.1A17%2017%200%200%200%201.5%2012S5%2018.5%2012%2018.5c1.4%200%202.6-.2%203.7-.6%22%2F%3E%3Cpath%20d%3D%22M9.8%209.9a3.2%203.2%200%200%200%204.4%204.4%22%2F%3E%3Cpath%20d%3D%22M3%203l18%2018%22%2F%3E%3C%2Fsvg%3E");}

/*# sourceURL=os-diet-um-icons-inline-css */

/* osf-css */

/* hide Divi footer + GeneratePress default footer + slick-menu footer */
#main-footer, #footer-bottom, .et_pb_section_video_bg ~ #main-footer,
.site-footer, .generate-back-to-top, .sm-footer, .sm-footer-wrapper { display:none !important; }
/* onstudy-style footer */
.osf{--blue:#2945F2;background:#fff;border-top:1px solid #ececf2;color:#10131a;
  font-family:'Onest',-apple-system,Segoe UI,Roboto,sans-serif;}
.osf *{box-sizing:border-box;}
.osf a{color:#10131a;text-decoration:none;}
.osf a:hover{color:var(--blue);}
.osf__in{max-width:1200px;margin:0 auto;padding:46px 24px;}
.osf__top{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start;
  padding-bottom:32px;border-bottom:1px solid #ececf2;}
.osf__logo img{height:34px;display:block;margin-bottom:12px;}
.osf__descr{color:#6b7180;font-size:14px;max-width:260px;}
.osf__topr{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.osf__soc{display:flex;gap:12px;}
.osf__soc a{width:34px;height:34px;border-radius:50%;background:#f1f3f9;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#5b6172;}
.osf__phone{font-weight:700;font-size:18px;}
.osf__phone small{display:block;font-size:13px;font-weight:600;color:var(--blue);}
.osf__login{border:1px solid #d7dbe8;border-radius:24px;padding:9px 20px;font-weight:600;font-size:14px;}
.osf__cols{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:28px;padding:34px 0;}
.osf__col h4{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#9aa0b0;font-weight:700;margin:0 0 16px;}
.osf__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.osf__col li{font-size:14.5px;}
.osf__contacts li{display:flex;justify-content:space-between;gap:10px;color:#6b7180;font-size:14px;
  border-bottom:1px dotted #d3d7e2;padding-bottom:8px;}
.osf__contacts li span:first-child{color:#9aa0b0;}
.osf__contacts li span:last-child{color:#10131a;text-align:right;}
.osf__contacts a{color:#10131a;}
.osf__card{display:inline-block;margin-top:14px;color:var(--blue);font-weight:600;font-size:14px;}
.osf__bottom{border-top:1px solid #ececf2;}
.osf__bottom .osf__in{display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:space-between;align-items:center;padding:22px 24px;}
.osf__bottom small{color:#9aa0b0;font-size:13px;max-width:560px;}
.osf__bottom a{color:var(--blue);font-weight:600;font-size:13.5px;}
@media(max-width:900px){.osf__cols{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.osf__cols{grid-template-columns:1fr;}.osf__top{flex-direction:column;}}

/* Урок в режиме «фокус»: слева висит панель со списком уроков (position:fixed,
   350px). Контент её обходит через margin-left, а подвал лежит прямо в body —
   и уезжал под панель. Повторяем отступ контента. Ниже 769px панель не
   занимает место, там отступ не нужен. */
@media (min-width:769px){
	body.ld-in-focus-mode footer.osf{margin-left:350px;transition:margin-left .3s ease;}
	body.ld-in-focus-mode:has(.ld-focus.ld-focus-sidebar-collapsed) footer.osf{margin-left:50px;}
}

/* os-cert-notice-css */

.os-cert-notice{margin:18px auto 0;max-width:640px;background:linear-gradient(135deg,#eef3ff,#f7f9ff);border:1px solid #e1e7ff;border-radius:16px;padding:20px 22px;text-align:left;font-family:'Wix Madefor Display',-apple-system,Segoe UI,Roboto,sans-serif;}
.os-cert-notice__head{font-weight:800;font-size:17px;color:#10131a;margin:0 0 8px;line-height:1.4;}
.os-cert-notice__body{font-size:15px;color:#3a4150;margin:0;line-height:1.6;}
.os-cert-notice__alt{font-size:13px;color:#6b7280;margin:10px 0 0;line-height:1.5;}
.os-cert-notice a{color:#0037FF;font-weight:600;text-decoration:none;}
.os-cert-notice a:hover{text-decoration:underline;}

/* os-divi-btn */

.et_pb_button_module_wrapper{margin:24px 0;}
.et_pb_button_alignment_center{text-align:center;}
.et_pb_button_alignment_right{text-align:right;}
.et_pb_button,a.et_pb_button{
  display:inline-block;background:#0037FF;color:#fff !important;
  font-weight:700;font-size:16px;line-height:1.2;
  padding:14px 32px;border-radius:30px;border:0;
  text-decoration:none !important;cursor:pointer;
  transition:transform .15s,box-shadow .15s,background .15s;
}
.et_pb_button:hover,a.et_pb_button:hover{
  background:#0030e0;color:#fff !important;
  transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,55,255,.25);
}
/* лендинг бесплатного курса (14589): свой hero — прячем дублирующий заголовок темы */
body.page-id-14589 .entry-header{display:none;}

/* os-focus-css */

.learndash-wrapper .ld-focus-header,
.ld-focus-header{background:#fff !important;border-bottom:1px solid #e9ecf3 !important;box-shadow:0 2px 14px rgba(16,19,26,.05);
  font-family:'Onest',-apple-system,Segoe UI,Roboto,sans-serif !important;}
.ld-focus-header *:not([class*="ld-icon"]):not(.fa):not([class*="fa-"]):not(i){font-family:inherit !important;}
.ld-focus-header .ld-brand-logo{display:flex;align-items:center;}
.ld-focus-header .ld-brand-logo img{max-height:34px !important;width:auto !important;}
/* progress */
.ld-focus-header .ld-progress-wrap{padding:0 8px;}
.ld-focus-header .ld-progress-percentage,
.learndash-wrapper .ld-focus-header .ld-progress-percentage{color:#10131a !important;font-weight:700 !important;font-size:14px !important;}
.ld-focus-header .ld-progress-steps{color:#8a90a2 !important;font-size:13px !important;}
.ld-focus-header .ld-progress-bar{background:#e6e9f2 !important;border-radius:6px !important;height:7px !important;overflow:hidden !important;margin-top:8px !important;}
.learndash-wrapper .ld-focus-header .ld-progress-bar .ld-progress-bar-percentage,
.ld-focus-header .ld-progress-bar-percentage{background:#22c197 !important;border-radius:6px !important;height:100% !important;}
/* mark-complete button — бренд-пилюля через CSS (надёжнее JS) */
.ld-focus-header .sfwd-mark-complete::after,
.ld-focus-header .sfwd-mark-complete::before{display:none !important;content:none !important;}
/* активное состояние — высокая специфичность, чтобы перебить design-upgrade (+ID-селектор) */
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button,
#sfwd-mark-complete #learndash_mark_complete_button,
#sfwd-mark-complete .learndash_mark_complete_button,
.ld-focus-header .learndash_mark_complete_button{
  background:#2945F2 !important;color:#fff !important;border:0 !important;border-radius:10px !important;
  padding:9px 22px !important;font-weight:700 !important;font-size:14px !important;line-height:1.2 !important;
  opacity:1 !important;box-shadow:none !important;text-transform:none !important;text-decoration:none !important;
  text-shadow:none !important;cursor:pointer !important;transition:background .15s !important;}
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:hover,
#sfwd-mark-complete #learndash_mark_complete_button:hover{background:#1B33D6 !important;color:#fff !important;}
/* disabled — перебиваем background:none design-upgrade той же специфичностью + ID */
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button[disabled],
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:disabled,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button[disabled],
#sfwd-mark-complete #learndash_mark_complete_button[disabled],
#sfwd-mark-complete #learndash_mark_complete_button:disabled,
#sfwd-mark-complete .learndash_mark_complete_button[disabled]{
  background:#2945F2 !important;color:#fff !important;opacity:.45 !important;cursor:default !important;}
/* injected "Назад" -> module link (shown on the first lesson, where LearnDash renders none) */
.ld-focus-header .os-back{display:inline-flex !important;align-items:center !important;gap:4px !important;
  color:#2945F2 !important;font-weight:700 !important;font-size:15px !important;text-decoration:none !important;
  font-family:inherit !important;white-space:nowrap !important;padding:8px 4px !important;line-height:1.2 !important;}
.ld-focus-header .os-back:hover{color:#1B33D6 !important;text-decoration:underline !important;text-underline-offset:3px !important;}
.ld-focus-header .os-back .os-back-ar{font-size:20px !important;line-height:1 !important;font-weight:700 !important;}
.ld-focus-header .os-back-action{display:flex !important;flex:0 0 auto !important;align-items:center !important;justify-content:center !important;}
/* completed marker */
.ld-focus-header .ld-status-complete,
.ld-focus-header .ld-primary-color{color:#22c197 !important;}
/* user menu */
.ld-focus-header .ld-user-welcome-text{color:#5b6172 !important;font-weight:600 !important;font-size:14.5px !important;white-space:nowrap !important;}
.ld-focus-header .ld-user-menu{align-items:center !important;}
.ld-focus-header .ld-profile-avatar img{border-radius:50% !important;border:2px solid #e1e7ff !important;width:40px !important;height:40px !important;object-fit:cover !important;}
/* profile dropdown — white card, brand text, hover highlight (was an ugly default #00A2E8 bg) */
.ld-focus-header .ld-user-menu-items{background:#fff !important;border:1px solid #e9ecf3 !important;
  border-radius:12px !important;box-shadow:0 12px 30px rgba(16,19,26,.14) !important;padding:6px !important;
  min-width:180px !important;overflow:hidden !important;}
.ld-focus-header .ld-user-menu-items li{background:transparent !important;}
.ld-focus-header .ld-user-menu-items a{display:block !important;background:transparent !important;
  color:#10131a !important;font-weight:600 !important;font-size:14.5px !important;padding:9px 14px !important;
  border-radius:8px !important;white-space:nowrap !important;text-decoration:none !important;}
.ld-focus-header .ld-user-menu-items a:hover{background:#eef3ff !important;color:#2945F2 !important;}
/* mobile hamburger */
.ld-focus-header .ld-trigger-mobile-nav .bar-1,
.ld-focus-header .ld-trigger-mobile-nav .bar-2,
.ld-focus-header .ld-trigger-mobile-nav .bar-3{background:#2945F2 !important;}
/* ===== sidebar lesson list (Нетология-style) ===== */
#ld-focus-sidebar.ld-focus-sidebar{background:#fff !important;}
.ld-focus-sidebar .ld-lesson-item{border:0 !important;border-bottom:1px solid #f3f4f8 !important;transition:background .12s ease !important;}
.ld-focus-sidebar .ld-lesson-item:not(.ld-lesson-item-section-heading):not(.ld-is-current-lesson):hover{background:#e8f0ff !important;}
.ld-focus-sidebar .ld-lesson-item .ld-lesson-item-preview{padding:0 !important;background:transparent !important;}
.ld-focus-sidebar a.ld-lesson-item-preview-heading{display:flex !important;flex-wrap:nowrap !important;align-items:flex-start !important;gap:12px !important;padding:14px 20px !important;}
.ld-focus-sidebar .os-sb-ico{flex:0 0 20px !important;width:20px !important;height:20px !important;color:#b0b6c4;margin-top:0;}
.ld-focus-sidebar .ld-lesson-title{display:block !important;order:1 !important;flex:1 1 auto !important;min-width:0 !important;font-size:14.5px !important;color:#23283a !important;line-height:1.35 !important;font-weight:500 !important;}
.ld-focus-sidebar .os-sb-dur{display:block;color:#9aa0b0;font-size:12.5px;margin-top:3px;font-weight:400;}
.ld-focus-sidebar .ld-status-icon{order:3 !important;margin:1px 0 0 auto !important;width:20px !important;height:20px !important;min-width:20px !important;border-radius:50% !important;display:flex !important;align-items:center;justify-content:center;flex:0 0 auto;}
.ld-focus-sidebar .ld-status-icon.ld-status-incomplete{border:2px solid #d6dbe7 !important;background:transparent !important;}
.ld-focus-sidebar .ld-status-icon.ld-status-complete{background:#22c197 !important;border:0 !important;}
.ld-focus-sidebar .ld-status-icon.ld-status-complete:before{content:"\2713";color:#fff;font-size:11px;line-height:1;}
.ld-focus-sidebar .ld-status-icon .ld-icon-checkmark{display:none !important;}
.ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson{background:#d8e4ff !important;}
.ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .ld-lesson-title{color:#2945F2 !important;font-weight:700 !important;}
.ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .os-sb-ico{color:#2945F2 !important;}
.ld-focus-sidebar .ld-lesson-item-section-heading{padding:18px 20px 6px !important;background:transparent !important;border:0 !important;}
.ld-focus-sidebar .ld-lesson-item-section-heading .ld-lesson-section-heading{font-weight:800 !important;color:#10131a !important;font-size:14.5px !important;text-transform:none !important;}
/* course heading at the top of the sidebar */
.ld-focus-sidebar .ld-course-navigation-heading,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading{align-items:center !important;padding:16px 60px 16px 18px !important;background:#f6f8fc !important;background-color:#f6f8fc !important;border-bottom:1px solid #eef1f7 !important;}
.ld-focus-sidebar .ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper,
.ld-focus-sidebar .ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper *{color:#10131a !important;}
.ld-focus-sidebar .ld-focus-mode-course-heading-wrapper{min-width:0 !important;}
.ld-focus-sidebar .ld-focus-mode-course-heading-wrapper a,
.ld-focus-sidebar a#ld-focus-mode-course-heading{font-size:13.5px !important;font-weight:700 !important;line-height:1.34 !important;color:#10131a !important;
  display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* collapse / expand toggle — the visible circle is the .ld-icon (34x34); the button is just a thin hit-area */
.ld-focus-sidebar-trigger,
#ld-focus-sidebar-toggle.ld-focus-sidebar-trigger{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;cursor:pointer !important;opacity:1 !important;z-index:30 !important;}
.ld-focus-sidebar-trigger .ld-icon{z-index:30 !important;background:#E1E7FF !important;border:1px solid #c4d0ff !important;border-radius:50% !important;color:#2945F2 !important;
  box-shadow:0 4px 12px rgba(0,55,255,.18) !important;transition:background .15s,transform .15s,box-shadow .15s,color .15s !important;}
.ld-focus-sidebar-trigger:hover .ld-icon{background:#2945F2 !important;border-color:#2945F2 !important;color:#ffffff !important;box-shadow:0 6px 16px rgba(0,55,255,.34) !important;}

/* os-gp-brand */

:root{
  --blue:#2945F2;--blue-600:#1B33D6;--blue-700:#1426A3;--blue-soft:#E9ECFF;--blue-soft-2:#F2F4FF;
  --green:#15A06B;--green-soft:#E6F6EE;
  --ink:#101828;--ink-2:#2B3445;--muted:#5A6678;--muted-2:#8A94A6;
  --line:#E6EAF2;--line-2:#EEF1F7;--surface:#F4F7FC;--surface-2:#FBFCFE;--white:#FFFFFF;
  --radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--pill:999px;
  --shadow-sm:0 2px 8px rgba(16,24,40,.04),0 1px 2px rgba(16,24,40,.05);
  --shadow-md:0 12px 32px rgba(16,24,40,.08),0 4px 12px rgba(16,24,40,.04);
  --shadow-lg:0 28px 64px rgba(20,40,90,.14);
}
body,button,input,select,textarea,.main-navigation .main-nav ul li a{font-family:'Onest',-apple-system,Segoe UI,Roboto,sans-serif;}
body{color:var(--ink);}
/* белый фон вместо серого GP по бокам */
body,body.separate-containers,.site-content,.site{background-color:#fff!important;}
/* ширина контейнера */
.grid-container{max-width:1200px;}
/* шапка */
.site-header{background:#fff;border-bottom:1px solid #ececf2;}
.inside-header{padding:12px 0;align-items:center;}
.site-logo img,.header-image{content:url('https://edu.onstudy.org/wp-content/uploads/os-logo-onest.png')!important;height:40px!important;width:auto!important;}
.main-title,.main-title a{color:var(--ink);font-weight:800;}
.site-description{color:var(--muted);}
/* навигация */
.main-navigation,.main-navigation ul,.main-navigation .main-nav ul li a{background:transparent;}
/* как на onstudy.org: 14px / вес 400 / чёрный / letter-spacing -0.28px, ховер = opacity .7 */
.main-navigation .main-nav ul li a{font-weight:400;font-size:14px;color:#000;text-transform:none;letter-spacing:-.02em;transition:opacity .15s;}
/* убираем серую подложку GP при наведении/фокусе — как на onstudy.org (только лёгкое затемнение) */
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a:focus,
.main-navigation .main-nav ul li:hover>a,
.main-navigation .main-nav ul li.sfHover>a,
.main-navigation .main-nav ul li.current-menu-ancestor>a{color:#000 !important;opacity:.7;background:transparent !important;background-color:transparent !important;}
/* текущий пункт: как на главном — обычный (без синего), но БЕЗ серой плитки (дефолт GP) */
.main-navigation .main-nav ul li.current-menu-item>a,
.main-navigation .main-nav ul li.current_page_item>a,
.main-navigation .main-nav ul li.current-menu-item>a:hover,
.main-navigation .main-nav ul li.current_page_item>a:hover{background:transparent!important;background-color:transparent!important;color:#000!important;opacity:1!important;font-weight:400;}
.navigation-search input{color:var(--ink);}
/* бургер мобильного меню — синий квадрат, иконка белая */
.main-navigation .menu-toggle{background:var(--blue)!important;border-radius:10px!important;}
.main-navigation .menu-toggle,
.main-navigation .menu-toggle .gp-icon,
.main-navigation .menu-toggle svg,
.main-navigation .menu-toggle:before,
.main-navigation .menu-toggle .mobile-menu{color:#fff!important;}
.main-navigation .menu-toggle svg,
.main-navigation .menu-toggle svg *{fill:#fff!important;}
/* типографика */
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.01em;}
.entry-content a,.site-main a{color:var(--blue);}
/* кнопки */
.button,button:not(.menu-toggle):not(.search-submit):not(.os-ln-face):not([class*="-face"]):not([class*="emoji"]):not([class*="icon-only"]):not(.os-ann-toggle):not(.os-plain-btn),input[type=submit],input[type=button],
.wp-block-button__link,.ld-button,.learndash-wrapper .ld-button{
  background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;border-radius:10px;}
/* кнопки-смайлики/иконки виджета впечатлений — без подложки (их красило общее правило) */
.os-ln-face,.os-ln-face:hover{background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;}
.button:hover,.wp-block-button__link:hover,.ld-button:hover{filter:brightness(.94);}
/* LearnDash акценты */
.learndash-wrapper .ld-primary-color,.learndash-wrapper .ld-primary-color-hover:hover,
.learndash-wrapper .ld-breadcrumbs a,.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover{color:var(--blue)!important;}
.learndash-wrapper .ld-primary-background,
.learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage{background-color:var(--blue)!important;}
/* статус-бейдж «В прогрессе»: белый текст на синем (был серый, плохой контраст) */
.learndash-wrapper .ld-status.ld-status-progress,
.learndash-wrapper .ld-status.ld-primary-background,
.learndash-wrapper .ld-status.ld-status-progress *{color:#fff!important;}
/* «Отметить завершенным» в контенте — бренд-пилюля (в хедере красит JS) */
.learndash_mark_complete_button{background:var(--blue)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:12px 28px!important;font-weight:700!important;text-shadow:none!important;}
.learndash_mark_complete_button[disabled],.learndash_mark_complete_button:disabled,.learndash_mark_complete_button.ld-disabled{background:#eef1f7!important;color:#9aa0b0!important;cursor:default!important;}
/* текущий урок в focus-меню: светлый фон + читаемый тёмный текст (НЕ сплошная синяя заливка) */
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-table-list-item.ld-is-current-lesson .ld-lesson-item-preview-heading{background:transparent!important;}
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading a,
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading *{color:#10131a!important;}
/* ⚠️ Исключение: метка «Демо-урок» — синяя плашка с белым текстом. Правило выше красит
   ВСЁ внутри заголовка в тёмный (селектор `*`), и у выбранного урока метка становилась
   чёрной на синем, а у остальных оставалась белой (замечено юзером 16.08.2026). */
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status,
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status *,
.learndash-wrapper .ld-table-list-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status,
.learndash-wrapper .ld-table-list-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status *{color:#fff!important;}
/* подвал */
.site-footer{border-top:1px solid #ececf2;}
.site-info .inside-site-info{padding:18px 0;color:var(--muted);}
.site-info a{color:var(--blue);}
/* убрать пустую featured-image шапку GP на одиночных LMS-страницах (есть свой hero) */
.single-sfwd-courses .featured-image,.single-sfwd-lessons .featured-image,.single-sfwd-topic .featured-image,.single-sfwd-quiz .featured-image,.single .page-header-image-single{display:none!important;}
/* контент-отступы */
.site-content .content-area{padding-top:8px;}
@media(max-width:768px){.inside-header{padding:10px 0;}.site-logo img{height:38px!important;}}

/* os-bg-css */
html,body{background-color:#fff !important;}
/* os-ldprog-css */

/* трек */
.learndash-wrapper .ld-progress .ld-progress-bar{
	background:#e6ebf4 !important; height:10px !important; border-radius:10px !important; overflow:hidden;
}
/* заливка — фирменный синий градиент */
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage{
	background:linear-gradient(90deg,#2945F2,#5b73ff) !important;
	height:10px !important; border-radius:10px !important; transition:width .45s ease;
}
/* «0% Завершено» — синим вместо зелёного */
.learndash-wrapper .ld-progress .ld-progress-percentage,
.learndash-wrapper .ld-progress .ld-progress-percentage.ld-secondary-color{
	color:#2945F2 !important; font-weight:700 !important;
}
/* «Последняя активность …» — мягкий серый */
.learndash-wrapper .ld-progress .ld-progress-steps{
	color:#8a90a2 !important; font-weight:500 !important;
}

/* os-lsn-redesign */

/* ============ ИНКРЕМЕНТ 1: ТОП-БАР ============ */
/* вся страница урока на светлом surface (бьём белый !important от gp-brand) */
body.ld-in-focus-mode,body.ld-in-focus-mode.separate-containers,body.ld-in-focus-mode .site-content,body.ld-in-focus-mode .site{background:#EEF1F7 !important;background-color:#EEF1F7 !important;}
body.ld-in-focus-mode .ld-focus-content,
body.ld-in-focus-mode .ld-focus-content .learndash-wrapper,
body.ld-in-focus-mode .ld-focus-content .learndash,
body.ld-in-focus-mode .ld-tabs,body.ld-in-focus-mode .ld-tabs-content,body.ld-in-focus-mode .ld-tab-content{background:transparent !important;}
body.ld-in-focus-mode .ld-tabs-navigation{display:none !important;} /* верхний бар Урок/Материалы убран — материалы в нижней вкладке */

.ld-focus-header{
  height:66px !important;min-height:66px !important;
  background:rgba(255,255,255,.88) !important;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px) !important;
  border-bottom:1px solid var(--line) !important;box-shadow:none !important;
  padding:0 30px !important;display:flex !important;align-items:center !important;gap:14px !important;
}
.ld-focus-header > *{margin:0 !important;}
.ld-focus-header .ld-brand-logo{flex:0 0 auto !important;display:flex !important;align-items:center !important;}
.ld-focus-header .ld-brand-logo img{content:url('https://edu.onstudy.org/wp-content/uploads/os-logo-onest.png') !important;height:26px !important;width:auto !important;}

/* «Вернуться к программам» (инжектится JS после лого) */
.os-to-programs{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:color .15s;flex:0 0 auto;}
.os-to-programs:hover{color:var(--blue);}
.os-to-programs svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
.os-top-divider{width:1px;height:24px;background:#C3CCDB;flex:0 0 auto;}

/* прогресс курса по центру */
.ld-focus-header .ld-progress{flex:1 1 auto !important;max-width:460px !important;display:block !important;margin-left:22px !important;}
.ld-focus-header .ld-progress .os-prog-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:7px;white-space:nowrap;gap:14px;}
.ld-focus-header .ld-progress .os-prog-row b{font-size:13.5px;font-weight:700;color:var(--ink);}
.ld-focus-header .ld-progress .os-prog-row span{font-size:12.5px;color:var(--muted);}
.ld-focus-header .ld-progress .ld-progress-steps,
.ld-focus-header .ld-progress .ld-progress-percentage{display:none !important;}
.ld-focus-header .ld-progress .ld-progress-bar{height:7px !important;border-radius:5px !important;background:var(--line) !important;overflow:hidden !important;margin:0 !important;border:0 !important;}
.ld-focus-header .ld-progress .ld-progress-bar .ld-progress-bar-percentage{background:linear-gradient(90deg,var(--blue),#5b73ff) !important;border-radius:5px !important;height:100% !important;}

/* правый блок: действия + юзер */
.ld-focus-header .ld-content-actions{margin-left:auto !important;display:flex !important;align-items:center !important;gap:12px !important;flex:0 0 auto !important;}
/* скрыть пустые prev/next в шапке (чёрточки) — оставить только «К списку занятий» */
.ld-focus-header .ld-content-actions .ld-content-action{display:none !important;}
.ld-focus-header .ld-content-actions .ld-content-action:has(a[data-os-back]),
.ld-focus-header .ld-content-actions .ld-content-action:has(.os-back){display:flex !important;}
/* «К списку занятий» — наша back-кнопка как pill (и репурпос-ссылка LD, и созданная .os-back) */
body.ld-in-focus-mode .ld-focus-header .os-back,
body.ld-in-focus-mode .ld-focus-header .ld-content-actions a[data-os-back],
body.ld-in-focus-mode .ld-focus-header .ld-content-action a[data-os-back],
body.ld-in-focus-mode .ld-focus-header .ld-content-actions a{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:14.5px !important;font-weight:600 !important;color:var(--ink-2) !important;padding:9px 16px !important;border:1.5px solid var(--line) !important;border-radius:999px !important;background:#fff !important;transition:.15s !important;white-space:nowrap !important;box-shadow:none !important;text-decoration:none !important;}
body.ld-in-focus-mode .ld-focus-header .os-back:hover,
body.ld-in-focus-mode .ld-focus-header .ld-content-actions a:hover{border-color:var(--blue) !important;color:var(--blue) !important;background:#fff !important;}
.ld-focus-header .os-back .os-back-ar{font-size:16px !important;}
/* mark-complete пока прячем из шапки (переедет под видео в инкременте «контент») */
.ld-focus-header .sfwd-mark-complete{display:none !important;}

.ld-focus-header .ld-user-menu{flex:0 0 auto !important;display:flex !important;align-items:center !important;}
.ld-focus-header .ld-profile-avatar img,
.ld-focus-header .ld-user-menu .ld-profile-avatar img{width:38px !important;height:38px !important;border-radius:50% !important;border:0 !important;}
.ld-focus-header .ld-user-welcome-text{color:var(--ink-2) !important;font-weight:600 !important;font-size:14px !important;}

@media(max-width:1140px){.ld-focus-header .ld-progress{display:none !important;}}
@media(max-width:820px){
  .ld-focus-header{gap:12px !important;padding:0 16px !important;}
  .os-to-programs,.os-top-divider{display:none !important;}
  /* back-кнопка — это a[data-os-back] (не .os-back): прячем лейбл, оставляем стрелку ‹ */
  .ld-focus-header .os-back .lbl,
  .ld-focus-header a[data-os-back] .lbl,
  .ld-focus-header .ld-content-actions a .lbl{display:none !important;}
  .ld-focus-header a[data-os-back]{padding:9px 12px !important;}
  .ld-focus-header .ld-user-welcome-text{display:none !important;}
}
@media(max-width:600px){
  .ld-focus-header{padding:0 12px !important;gap:8px !important;}
}

/* os-lsn-hero */

body.ld-in-focus-mode .ld-focus-content{padding:84px 30px 60px !important;}
body.ld-in-focus-mode .ld-focus-content > h1,
body.ld-in-focus-mode .ld-focus-content > .ld-breadcrumbs,
body.ld-in-focus-mode .ld-focus-content > .os-lsn-head,
body.ld-in-focus-mode .ld-focus-content > .os-lsn-meta,
body.ld-in-focus-mode .ld-focus-content > .os-lsn-cta-row,
body.ld-in-focus-mode .ld-focus-content > .learndash{max-width:none;margin-left:0 !important;margin-right:0 !important;}
/* Блок «Содержание» + вкладки (Тайм-код / Транскрипт / Материалы / Заметки).
   Он выводится в подвале, но его же скрипт ПЕРЕНОСИТ узел внутрь .ld-focus-content
   (onstudy-lms-notes, `var target = document.querySelector('.ld-focus-content')`).
   Значит поля контейнера урока к нему уже применены — своей ширины и полей ему не нужно,
   достаточно занять всю доступную колонку, и он встанет ровно по видео. */
body.ld-in-focus-mode #os-ln{max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;}
/* у карточки «Содержание» свои внутренние поля — их не трогаем, иначе текст и теги прижмутся к краям */
body.ld-in-focus-mode .os-ln-sum{max-width:none !important;margin-left:0 !important;margin-right:0 !important;}
/* крошки */
body.ld-in-focus-mode .ld-breadcrumbs{background:none !important;border:0 !important;padding:0 !important;font-size:13.5px !important;color:var(--muted) !important;margin:0 !important;box-shadow:none !important;}
body.ld-in-focus-mode .ld-breadcrumbs a{color:var(--muted) !important;}
body.ld-in-focus-mode .ld-breadcrumbs a:hover{color:var(--blue) !important;}
body.ld-in-focus-mode .ld-breadcrumbs .ld-status{display:none !important;}
/* заголовок + статус */
body.ld-in-focus-mode .os-lsn-head{display:flex;align-items:flex-start;gap:20px;margin-top:14px;}
body.ld-in-focus-mode .ld-focus-content > .os-lsn-head > h1{font-size:clamp(26px,3vw,36px) !important;font-weight:800 !important;letter-spacing:-.025em !important;line-height:1.08 !important;color:var(--ink) !important;flex:1;margin:0 !important;max-width:none !important;}
.os-lsn-status{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--blue-soft);color:var(--blue-600);font-size:13px;font-weight:700;padding:9px 16px;border-radius:var(--pill);margin-top:4px;white-space:nowrap;}
.os-lsn-status .dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(41,69,242,.16);}
.os-lsn-status.done{background:var(--green-soft);color:var(--green);}
.os-lsn-status.done .dot{background:var(--green);box-shadow:0 0 0 4px rgba(21,160,107,.16);}
/* мета-ряд: чипы слева + кнопка «Отметить завершённым» справа, на одном уровне (над видео, без прокрутки) */
/* ряд действий под видео: подсказка слева + кнопка «Отметить завершённым» справа, в одну строку */
.os-lsn-cta-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;}
.os-lsn-cta-row.is-done{display:none !important;}
.os-lsn-cta{flex:0 0 auto;display:flex;align-items:center;}
.os-lsn-cta form.sfwd-mark-complete{margin:0 !important;padding:0 !important;}
/* мета-чипы */
.os-lsn-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:0;}
.os-lsn-meta .mc{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--pill);padding:8px 15px;font-size:13.5px;font-weight:600;color:var(--ink-2);box-shadow:var(--shadow-sm);white-space:nowrap;}
.os-lsn-meta .mc svg{width:15px;height:15px;color:var(--blue);stroke:currentColor;fill:none;stroke-width:2;}
/* видео — скруглённая тёмная рамка с тенью (как в макете #0B0E16, без белых полей) */
body.ld-in-focus-mode .ld-video{border-radius:var(--radius-lg) !important;overflow:hidden !important;box-shadow:var(--shadow-md) !important;margin-top:26px !important;background:#0B0E16 !important;border:0 !important;}
body.ld-in-focus-mode .ld-video iframe,body.ld-in-focus-mode .ld-video video{border:0 !important;}
/* Переключатель вкладок убран — материалы и заметки идут линейно (материалы выше, виджет заметок ниже).
   Текст материалов — на дефолтном стиле; виджет заметок (os-ln) имеет свой стиль. */
/* ===== нижний ряд действий — как в макете (.lsn-actions) ===== */
body.ld-in-focus-mode .ld-focus-content .learndash-shortcode-wrap-ld_navigation{max-width:none;margin:24px 0 0 !important;}
body.ld-in-focus-mode .ld-focus-content .ld-content-actions{display:flex !important;align-items:center !important;gap:12px !important;margin-top:22px !important;flex-wrap:wrap !important;}
/* пустой prev-слот скрываем */
body.ld-in-focus-mode .ld-focus-content .ld-content-action.ld-empty{display:none !important;}
/* левая подсказка (зелёная галочка + текст) */
.os-lsn-hint{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;margin-right:auto;}
.os-lsn-hint svg{width:18px;height:18px;color:var(--green);stroke:currentColor;fill:none;stroke-width:2;flex:none;}
/* цвета кнопок (ghost-complete / синяя «Вперёд») и скрытие «Список занятий».
   CSS-фолбэк высокой специфичности (5 уровней + !important) — бьёт gp-brand button{}
   и design-upgrade-pro и, в отличие от JS-inline, не зависит от тайминга: LearnDash
   до-инжектит форму mark-complete асинхронно, и JS-перекраска её иногда не догоняла. */
body.ld-in-focus-mode .ld-focus-content .ld-content-actions .learndash_mark_complete_button{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;
  white-space:nowrap !important;min-height:36px !important;width:auto !important;max-width:none !important;
  background:#fff !important;background-color:#fff !important;background-image:none !important;
  border:1.5px solid var(--line) !important;color:var(--ink-2) !important;
  font-weight:600 !important;font-size:12.4px !important;line-height:1.2 !important;
  padding:8.5px 15.2px !important;border-radius:999px !important;
  box-shadow:none !important;text-shadow:none !important;text-transform:none !important;letter-spacing:0 !important;
  transition:border-color .15s,color .15s !important;cursor:pointer !important;}
body.ld-in-focus-mode .ld-focus-content .ld-content-actions .learndash_mark_complete_button:hover{
  border-color:var(--green) !important;color:var(--green) !important;background:#fff !important;}
body.ld-in-focus-mode .ld-focus-content .ld-content-actions .learndash_mark_complete_button:disabled,
body.ld-in-focus-mode .ld-focus-content .ld-content-actions .learndash_mark_complete_button.ld-disabled,
body.ld-in-focus-mode .ld-focus-content .ld-content-actions .learndash_mark_complete_button[disabled]{
  opacity:.5 !important;cursor:not-allowed !important;border-color:var(--line) !important;color:var(--ink-2) !important;}
/* убрать белую галочку-иконку LearnDash (::after content:"\e906") на форме mark-complete */
body.ld-in-focus-mode .sfwd-mark-complete:after,
body.ld-in-focus-mode #sfwd-mark-complete:after,
body.ld-in-focus-mode .learndash_mark_complete_button:after{content:none !important;display:none !important;}
@media(max-width:640px){
  body.ld-in-focus-mode .ld-focus-content{padding:72px 16px 44px !important;}
  body.ld-in-focus-mode .os-lsn-head{flex-direction:column;gap:12px;}
  .os-lsn-cta-row{gap:12px;}
  .os-lsn-tab{margin-right:16px;font-size:15px;}
}

/* os-hdr-css */

:root{--os-hdr-h:60px;}
/* прячем родную шапку целиком */
body.ld-in-focus-mode .ld-focus-header{display:none !important;}
/* своя шапка */
.os-hdr{position:fixed;top:0;left:0;right:0;height:var(--os-hdr-h);z-index:1000;display:flex;align-items:center;gap:18px;
  padding:0 24px;background:#fff;border-bottom:1px solid #E7E9F2;box-shadow:0 2px 14px rgba(16,19,26,.05);
  font-family:'Onest',-apple-system,'Segoe UI',Roboto,sans-serif;box-sizing:border-box;}
body.admin-bar .os-hdr{top:32px;}
@media(max-width:782px){body.admin-bar .os-hdr{top:46px;}}
.os-hdr a{text-decoration:none;}
.os-hdr-logo{flex:0 0 auto;display:flex;align-items:center;}
.os-hdr-logo img{height:26px;width:auto;display:block;}
.os-hdr-back{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#5A6678;
  padding:8px 15px;border:1.5px solid #E6EAF2;border-radius:999px;transition:border-color .15s,color .15s;white-space:nowrap;}
.os-hdr-back:hover{border-color:#2945F2;color:#2945F2;}
.os-hdr-ar{font-size:18px;line-height:1;font-weight:700;}
.os-hdr-prog{flex:1 1 auto;max-width:540px;min-width:0;margin:0 4px;}
.os-hdr-prog-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:6px;white-space:nowrap;}
.os-hdr-prog-top b{font-size:13px;font-weight:700;color:#10131A;letter-spacing:-.01em;}
.os-hdr-prog-top span{font-size:12.5px;color:#8A90A2;}
.os-hdr-bar{height:7px;border-radius:5px;background:#E6E9F2;overflow:hidden;}
.os-hdr-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#2945F2,#5B73FF);transition:width .3s;}
.os-hdr-right{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin-left:auto;}
.os-hdr-lessons{display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:#5A6678;
  padding:8px 15px;border:1.5px solid #E6EAF2;border-radius:999px;transition:border-color .15s,color .15s;white-space:nowrap;}
.os-hdr-lessons:hover{border-color:#2945F2;color:#2945F2;}
.os-hdr-av-link{display:flex;flex:0 0 auto;border-radius:50%;transition:box-shadow .15s;}
.os-hdr-av-link:hover{box-shadow:0 0 0 3px #E6EAF2;}
.os-hdr-av{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto;display:block;}
.os-hdr-logout{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;
  border:1.5px solid #E6EAF2;border-radius:50%;color:#5A6678;transition:color .15s,border-color .15s;}
.os-hdr-logout:hover{color:#E5484D;border-color:#E5484D;}
.os-hdr-logout svg{width:18px;height:18px;stroke:currentColor;fill:none;}
/* сайдбар и контент: сдвиг под нашу шапку (родная была 66px → у нас 60px; чиним наезд на 1-й пункт) */
body.ld-in-focus-mode .ld-focus-sidebar{padding-top:calc(var(--os-hdr-h) + 12px) !important;}
@media(max-width:900px){.os-hdr-prog{display:none;}}
@media(max-width:860px){.os-hdr-back .os-hdr-back-l{display:none;}.os-hdr-back{padding:8px 12px;}.os-hdr{gap:12px;padding:0 14px;}}

/* os-umctl-css */

/* ⚠️ Опираемся ТОЛЬКО на input:checked. Класс .active, который UM вешает на подпись,
   для этого не годится: проверено кликом — он появляется при СНЯТИИ галочки. */
.um .um-field-checkbox,.um .um-field-radio{display:inline-flex !important;align-items:center;
gap:10px;cursor:pointer;user-select:none;}
.um .um-field-checkbox input[type=checkbox],.um .um-field-radio input[type=radio]{
position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;margin:0 !important;}
.um .um-field-checkbox-state,.um .um-field-radio-state{flex:none;width:20px;height:20px;
border:1.5px solid #D7DEEA;background:#fff;display:grid !important;place-items:center;
font-size:0 !important;transition:background .15s,border-color .15s;}
.um .um-field-checkbox-state{border-radius:6px;}
.um .um-field-radio-state{border-radius:50%;}
.um .um-field-checkbox-state i,.um .um-field-radio-state i{display:none !important;}

/* галочка */
.um .um-field-checkbox-state::after{content:"";width:10px;height:6px;margin-top:-2px;
border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(.4);
opacity:0;transition:opacity .15s,transform .15s;}
.um .um-field-checkbox input:checked+.um-field-checkbox-state{background:#2945F2;border-color:#2945F2;}
.um .um-field-checkbox input:checked+.um-field-checkbox-state::after{opacity:1;transform:rotate(-45deg) scale(1);}

/* точка внутри radio */
.um .um-field-radio-state::after{content:"";width:8px;height:8px;border-radius:50%;
background:#fff;transform:scale(.4);opacity:0;transition:opacity .15s,transform .15s;}
.um .um-field-radio input:checked+.um-field-radio-state{background:#2945F2;border-color:#2945F2;}
.um .um-field-radio input:checked+.um-field-radio-state::after{opacity:1;transform:scale(1);}

.um .um-field-checkbox input:focus-visible+.um-field-checkbox-state,
.um .um-field-radio input:focus-visible+.um-field-radio-state{box-shadow:0 0 0 4px rgba(41,69,242,.18);}
.um .um-field-checkbox-option,.um .um-field-radio-option{font-size:14.5px;color:#2B3445;}
@media (prefers-reduced-motion:reduce){
.um .um-field-checkbox-state,.um .um-field-radio-state,
.um .um-field-checkbox-state::after,.um .um-field-radio-state::after{transition:none !important;}
}

/* os-kabinet-obshchee-css */

/* OnStudy edu: единый вид кабинета по макету владельца (onstudy-kabinet-vid-edu.php).
   Общая часть (цвета, иконки, плавающие кнопки и всплывашки) — на всех страницах; остальное привязано к body.os-cabv2 — только кабинет. */
:root{--oskv-bell:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9%22%2F%3E%3Cpath%20d%3D%22M10.3%2021a1.94%201.94%200%200%200%203.4%200%22%2F%3E%3C%2Fsvg%3E");--oskv-msg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a8%208%200%200%201-11.6%207.1L4%2020l1-4.6A8%208%200%201%201%2021%2012z%22%2F%3E%3C%2Fsvg%3E");--oskv-grad:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2010L12%205%202%2010l10%205%2010-5z%22%2F%3E%3Cpath%20d%3D%22M6%2012v5c3%202%209%202%2012%200v-5%22%2F%3E%3C%2Fsvg%3E");--oskv-book:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h6a3%203%200%200%201%203%203v12a2%202%200%200%200-2-2H3z%22%2F%3E%3Cpath%20d%3D%22M21%205h-6a3%203%200%200%200-3%203v12a2%202%200%200%201%202-2h7z%22%2F%3E%3C%2Fsvg%3E");--oskv-award:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M8.5%2014L7%2022l5-3%205%203-1.5-8%22%2F%3E%3C%2Fsvg%3E");--oskv-flame:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203c1%203.5%205%205.5%205%2010a5%205%200%200%201-10%200c0-2%201-3.5%202-4.5%200%202%201%203%202%203%200-3-1-5%201-8.5z%22%2F%3E%3C%2Fsvg%3E");--oskv-star:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l2.8%205.7%206.2.9-4.5%204.4%201%206.2L12%2017.3l-5.5%202.9%201-6.2L3%209.6l6.2-.9z%22%2F%3E%3C%2Fsvg%3E");--oskv-layers:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l9%205-9%205-9-5z%22%2F%3E%3Cpath%20d%3D%22M3%2013l9%205%209-5%22%2F%3E%3C%2Fsvg%3E");--oskv-test:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M8%2012l3%203%205-6%22%2F%3E%3C%2Fsvg%3E");--oskv-user:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021a8%208%200%200%201%2016%200%22%2F%3E%3C%2Fsvg%3E");--oskv-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M20%2020l-4-4%22%2F%3E%3C%2Fsvg%3E");--oskv-eye:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");--oskv-x:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206L6%2018%22%2F%3E%3C%2Fsvg%3E");--oskv-video:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2213%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%2010l5-3v10l-5-3z%22%2F%3E%3C%2Fsvg%3E");--oskv-flag:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2021V4h12l-2%204%202%204H5%22%2F%3E%3C%2Fsvg%3E");--oskv-spark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l1.9%205.1L19%2010l-5.1%201.9L12%2017l-1.9-5.1L5%2010l5.1-1.9z%22%2F%3E%3Cpath%20d%3D%22M19%2015l.8%202.2L22%2018l-2.2.8L19%2021l-.8-2.2L16%2018l2.2-.8z%22%2F%3E%3C%2Fsvg%3E");--oskv-mega:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010v4h4l7%204V6l-7%204z%22%2F%3E%3Cpath%20d%3D%22M17.5%209a4%204%200%200%201%200%206%22%2F%3E%3Cpath%20d%3D%22M20%206.5a8%208%200%200%201%200%2011%22%2F%3E%3C%2Fsvg%3E");--oskv-cal:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%203v4M8%203v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E");--oskv-lock:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2211%22%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2011V7a4%204%200%200%201%208%200v4%22%2F%3E%3C%2Fsvg%3E");--oskv-chev:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2015l6-6%206%206%22%2F%3E%3C%2Fsvg%3E");--oskv-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E");--oskv-info:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v5M12%208h.01%22%2F%3E%3C%2Fsvg%3E");--oskv-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012l5%205L20%207%22%2F%3E%3C%2Fsvg%3E");--oskv-pen:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h4L19%209l-4-4L4%2016z%22%2F%3E%3C%2Fsvg%3E");--oskv-blue:#2945F2;--oskv-blue-h:#1B33D6;--oskv-tint:#EEF1FF;--oskv-ink:#101828;--oskv-txt:#3A4452;--oskv-mut:#5A6678;--oskv-mut2:#8A94A6;--oskv-line:#E6EAF2;--oskv-line2:#EEF1F7;--oskv-bg2:#F7F9FC;--oskv-r:16px;--oskv-sh:0 2px 10px rgba(16,24,40,.04);--oskv-font:'Onest',-apple-system,'Segoe UI',sans-serif}
.oskv-i[data-i="bell"]{--m:var(--oskv-bell)}.oskv-i[data-i="msg"]{--m:var(--oskv-msg)}.oskv-i[data-i="grad"]{--m:var(--oskv-grad)}.oskv-i[data-i="book"]{--m:var(--oskv-book)}.oskv-i[data-i="award"]{--m:var(--oskv-award)}.oskv-i[data-i="flame"]{--m:var(--oskv-flame)}.oskv-i[data-i="star"]{--m:var(--oskv-star)}.oskv-i[data-i="layers"]{--m:var(--oskv-layers)}.oskv-i[data-i="test"]{--m:var(--oskv-test)}.oskv-i[data-i="user"]{--m:var(--oskv-user)}.oskv-i[data-i="search"]{--m:var(--oskv-search)}.oskv-i[data-i="eye"]{--m:var(--oskv-eye)}.oskv-i[data-i="x"]{--m:var(--oskv-x)}.oskv-i[data-i="video"]{--m:var(--oskv-video)}.oskv-i[data-i="flag"]{--m:var(--oskv-flag)}.oskv-i[data-i="spark"]{--m:var(--oskv-spark)}.oskv-i[data-i="mega"]{--m:var(--oskv-mega)}.oskv-i[data-i="cal"]{--m:var(--oskv-cal)}.oskv-i[data-i="lock"]{--m:var(--oskv-lock)}.oskv-i[data-i="chev"]{--m:var(--oskv-chev)}.oskv-i[data-i="arrow"]{--m:var(--oskv-arrow)}.oskv-i[data-i="info"]{--m:var(--oskv-info)}.oskv-i[data-i="check"]{--m:var(--oskv-check)}.oskv-i[data-i="pen"]{--m:var(--oskv-pen)}
.oskv-i{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
body .oskv-tile{flex:none;width:40px;height:40px;border-radius:12px;background:var(--oskv-tint);color:var(--oskv-blue);display:inline-flex;align-items:center;justify-content:center}
body .oskv-tile .oskv-i{width:20px;height:20px}
body .oskv-tile.sm{width:32px;height:32px;border-radius:10px}
body .oskv-tile.sm .oskv-i{width:17px;height:17px}
body .oskv-ht{flex:1 1 auto;min-width:0}

/* ---------- плавающие кнопки и всплывашки (на всех страницах) ---------- */
body #os-chat-fab{background:var(--oskv-blue)!important;width:56px!important;height:56px!important;box-shadow:0 8px 24px rgba(41,69,242,.32)!important}
body #os-chat-fab .os-fab-badge{background:#F04438!important;font-family:var(--oskv-font)!important}
body #os-ae-fab{background:#2945F2!important;box-shadow:0 8px 24px rgba(41,69,242,.32)!important;padding:12px 18px!important;font-size:14px!important}
body #os-ae-fab>span:first-child{font-size:0!important;display:inline-flex}
body #os-ae-fab>span:first-child .oskv-i{width:17px;height:17px}
body .osn-wrap{gap:8px!important}
body .osn-item{display:flex!important;align-items:center;gap:10px;border:1px solid var(--oskv-line)!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(16,24,40,.10)!important;padding:10px 14px 10px 10px!important;font:500 13.5px var(--oskv-font)!important;max-width:320px!important}
body .osn-item .oskv-tile{width:28px;height:28px;border-radius:8px}
body .osn-item .oskv-tile .oskv-i{width:15px;height:15px}
body .osn-item .oskv-ht{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .osn-close{background:#fff!important;color:var(--oskv-mut)!important;border:1px solid var(--oskv-line)!important;box-shadow:0 4px 14px rgba(16,24,40,.08)!important;font-size:0!important;width:32px!important;height:32px!important;display:inline-flex;align-items:center;justify-content:center;padding:0!important}
body .osn-close::before{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--oskv-x) center/contain no-repeat;mask:var(--oskv-x) center/contain no-repeat}
body #osgl-launch{font-family:var(--oskv-font)!important;background:var(--oskv-ink)!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:0 8px 24px rgba(16,24,40,.22)!important;display:inline-flex!important;align-items:center;gap:8px;padding:10px 16px!important;font-size:13.5px!important;font-weight:600!important}
body #osgl-launch .oskv-i{width:16px;height:16px}
body #os-cookie{font-family:var(--oskv-font)!important;border-radius:16px!important;padding:14px 16px 14px 20px!important;box-shadow:0 16px 40px rgba(16,24,40,.28)!important;gap:16px!important}
body #os-cookie .os-ck-txt{color:#D0D5DD;font-size:13.5px!important}
body #os-cookie .os-ck-txt a{color:#fff!important;text-decoration:underline;text-underline-offset:2px}
body #os-cookie #os-cookie-ok{background:#fff!important;color:var(--oskv-ink)!important;border-radius:10px!important;font-family:var(--oskv-font)!important}

/* os-lsn-hdrfix */

:root{ --os-hdrh:60px; }
/* отступ контента урока = реальная высота фикс-шапки .os-hdr + воздух; перекрывает редизайн (специфичность html body + порядок) */
html body.ld-in-focus-mode .ld-focus-content{ padding-top: calc( var(--os-hdrh) + 24px ) !important; }
