/* 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-cfw-css */

/* раздел кураторов во всю ширину */
.site.grid-container.container{max-width:100%!important;}
.site-content .content-area{padding-left:0;padding-right:0;}
.inside-article{padding-left:28px!important;padding-right:28px!important;}
@media (max-width:768px){.inside-article{padding-left:14px!important;padding-right:14px!important;}}

/* 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-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-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;}
}