/* 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 */ /* os-lms-css */ .learndash-wrapper .ld-lesson-list .ld-section-heading > h2{display:none !important;} .learndash-wrapper .ld-lesson-list{font-family:'Onest',-apple-system,Segoe UI,Roboto,sans-serif;} /* course hero (progress + continue) */ .os-course-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap; background:#fff;border:1px solid #e9ecf3;border-radius:18px;box-shadow:0 6px 24px rgba(16,19,26,.05); padding:22px 28px;margin:0 0 20px;font-family:'Onest',-apple-system,Segoe UI,Roboto,sans-serif;} .os-course-hero .os-ch-left{display:flex;align-items:center;gap:18px;} .os-course-hero .os-ch-ring{position:relative;width:60px;height:60px;flex:0 0 auto;} .os-course-hero .os-ch-ring svg{width:60px;height:60px;display:block;} .os-course-hero .os-ch-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#10131a;} .os-course-hero .os-ch-h{font-size:13px;color:#8a90a2;font-weight:600;} .os-course-hero .os-ch-sub{font-size:17px;font-weight:800;color:#10131a;margin-top:2px;} .os-course-hero .os-ch-btn{flex:0 0 auto;background:#2945F2;color:#fff;font-weight:700;font-size:15px;padding:13px 30px;border-radius:26px;text-decoration:none;transition:transform .15s,box-shadow .15s;} .os-course-hero .os-ch-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,55,255,.28);} @media(max-width:600px){.os-course-hero{padding:18px;}.os-course-hero .os-ch-btn{width:100%;text-align:center;}} /* block card */ .os-block{background:#fff;border:1px solid #e9ecf3;border-radius:18px;box-shadow:0 6px 24px rgba(16,19,26,.05);margin:0 0 18px;overflow:hidden;} .os-block-head{position:relative;padding:24px 30px;cursor:pointer;display:flex;align-items:flex-start;gap:16px;} .os-block-head .os-bh-main{flex:1;min-width:0;padding-right:90px;} .os-block-title{font-size:20px;font-weight:800;color:#10131a;letter-spacing:-.01em;line-height:1.25;} .os-block-meta{color:#8a90a2;font-size:14px;margin-top:7px;} .os-block-ring{position:absolute;top:24px;right:60px;width:34px;height:34px;} .os-block-chevron{position:absolute;top:30px;right:24px;width:18px;height:18px;color:#aab0c0;transition:transform .2s;} .os-block.os-collapsed .os-block-chevron{transform:rotate(180deg);} .os-block.os-collapsed .os-block-body{display:none;} .os-block-body{border-top:1px solid #eef0f5;} /* lesson row */ .os-block-body .ld-item-lesson-item, .os-block-body .ld-item-list-item{background:transparent !important;border:0 !important;border-top:1px solid #f1f2f7 !important;margin:0 !important;border-radius:0 !important;box-shadow:none !important;} .os-block-body .ld-item-lesson-item:first-child{border-top:0 !important;} .os-block-body .ld-item-lesson-item, .os-block-body .ld-item-list-item{transition:background .12s ease !important;} .os-block-body .ld-item-lesson-item:hover, .os-block-body .ld-item-list-item:hover{background:#e8f0ff !important;} .os-block-body .ld-item-list-item-preview{padding:16px 30px !important;} .learndash-wrapper .os-block-body .ld-tooltip{width:100%;} .learndash-wrapper .os-block-body a.ld-item-name{display:flex !important;align-items:center;gap:16px;width:100%;} /* type icon (already present: i.fas) */ .learndash-wrapper .os-block-body a.ld-item-name > div:has(> i.fas), .learndash-wrapper .os-block-body a.ld-item-name i.fas{order:0;color:#aab0c0;font-size:18px;flex:0 0 auto;} /* title block (title + duration) */ .learndash-wrapper .os-block-body .ld-item-title{order:1;flex:1;font-size:17px;font-weight:600;color:#23283a;display:block;} .os-dur{display:block;color:#9aa0b0;font-size:13.5px;font-weight:400;margin-top:3px;} /* completion status -> right, green circle */ .learndash-wrapper .os-block-body .ld-status-icon{display:flex !important;align-items:center;justify-content:center;flex:0 0 auto;order:3 !important;margin:0 0 0 auto !important;width:22px !important;height:22px !important;min-width:22px !important;border-radius:50% !important;} .learndash-wrapper .os-block-body .ld-status-icon.ld-status-incomplete{border:2px solid #d6dbe7 !important;background:transparent !important;} .learndash-wrapper .os-block-body .ld-status-icon.ld-status-complete{background:#22c197 !important;border:0 !important;} .learndash-wrapper .os-block-body .ld-status-icon.ld-status-complete:before{content:"\2713";color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;height:100%;} .learndash-wrapper .os-block-body .ld-status-icon .ld-icon-checkmark{display:none !important;} .os-block-body .ld-item-details{display:none !important;} /* ===== view toggle (list / tiles) ===== */ .os-view-toggle{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 16px;} .os-view-toggle .os-vt-label{font-size:13px;color:#8a90a2;font-weight:600;margin-right:2px;} .os-view-toggle button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:36px;border:1px solid #e1e6f0;background:#fff;border-radius:10px;cursor:pointer;color:#9aa0b0;transition:background .15s,border-color .15s,color .15s;padding:0;} .os-view-toggle button:hover{border-color:#bcd0ff;color:#2945F2;} .os-view-toggle button.active{background:#2945F2;border-color:#2945F2;color:#fff;} .os-view-toggle button svg{width:18px;height:18px;} /* ===== TILE MODE ===== */ .ld-lesson-list.os-view-tiles .os-block-body{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:14px;padding:16px !important;border-top:0 !important;} .ld-lesson-list.os-view-tiles .os-block-body .ld-item-lesson-item, .ld-lesson-list.os-view-tiles .os-block-body .ld-item-list-item{border:1px solid #e9ecf3 !important;border-top:1px solid #e9ecf3 !important;border-radius:14px !important;background:#fff !important;} .ld-lesson-list.os-view-tiles .os-block-body .ld-item-lesson-item:hover, .ld-lesson-list.os-view-tiles .os-block-body .ld-item-list-item:hover{background:#fff !important;border-color:#bcd0ff !important;box-shadow:0 8px 22px rgba(16,19,26,.08);} .ld-lesson-list.os-view-tiles .os-block-body .ld-item-list-item-preview{padding:0 !important;} .ld-lesson-list.os-view-tiles .os-block-body .ld-tooltip{width:100%;} .ld-lesson-list.os-view-tiles .os-block-body a.ld-item-name{position:relative;flex-direction:column !important;align-items:flex-start !important;gap:12px !important;padding:18px 16px 16px !important;min-height:118px;} .ld-lesson-list.os-view-tiles .os-block-body a.ld-item-name > div:has(> i.fas), .ld-lesson-list.os-view-tiles .os-block-body a.ld-item-name i.fas{font-size:24px !important;} .ld-lesson-list.os-view-tiles .os-block-body .ld-item-title{order:1;flex:none !important;font-size:14.5px !important;line-height:1.34;} .ld-lesson-list.os-view-tiles .os-block-body .os-dur{margin-top:6px;} .ld-lesson-list.os-view-tiles .os-block-body .ld-status-icon{position:absolute !important;top:14px !important;right:14px !important;margin:0 !important;order:0 !important;} @media(max-width:600px){.os-block-head{padding:18px 18px;}.os-block-head .os-bh-main{padding-right:70px;}.os-block-body .ld-item-list-item-preview{padding:14px 18px !important;}.os-block-ring{right:48px;} .ld-lesson-list.os-view-tiles .os-block-body{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:12px !important;}} /* 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-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-module-css */ body.single-sfwd-courses{background:var(--surface);} /* прячем нативную шапку курса и список уроков LearnDash */ body.single-sfwd-courses .entry-header, body.single-sfwd-courses .ld-lesson-list, body.single-sfwd-courses .learndash .ld-item-list, body.single-sfwd-courses .ld-course-status, body.single-sfwd-courses .ld-course-status-content{display:none !important;} body.single-sfwd-courses .inside-article{padding:0 !important;} body.single-sfwd-courses .entry-content{margin-top:0 !important;} .os-mod{font-family:'Onest',-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);max-width:1000px;margin:0 auto;padding:8px 0 56px;} .os-mod .mod-crumbs{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted);flex-wrap:wrap;} .os-mod .mod-crumbs a{color:var(--muted);}.os-mod .mod-crumbs a:hover{color:var(--blue);} .os-mod .mod-crumbs .sep{color:var(--muted-2);}.os-mod .mod-crumbs .cur{color:var(--ink-2);font-weight:600;} .os-mod .eyebrow{display:inline-block;margin-top:22px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);} .os-mod h1{font-size:clamp(28px,3.6vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:12px 0 0;max-width:920px;} .os-mod .mod-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;} .os-mod .mod-meta .mc{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:var(--pill);padding:9px 16px;font-size:14px;font-weight:600;color:var(--ink-2);box-shadow:var(--shadow-sm);white-space:nowrap;} .os-mod .mod-meta .mc svg{width:16px;height:16px;color:var(--blue);} .os-mod .mod-meta .mc .mut{color:var(--muted);font-weight:500;} .os-mod .mod-progress{display:flex;align-items:center;gap:30px;flex-wrap:wrap;background:linear-gradient(135deg,#14306E,#0E1A3A);color:#fff;border-radius:var(--radius-xl);padding:32px 36px;margin-top:30px;position:relative;overflow:hidden;} .os-mod .mod-progress__glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(41,69,242,.45),transparent 70%);top:-130px;right:60px;pointer-events:none;} .os-mod .mod-ring{position:relative;flex:none;width:92px;height:92px;} .os-mod .mod-ring svg{transform:rotate(-90deg);width:92px;height:92px;} .os-mod .mod-ring__track{stroke:rgba(255,255,255,.16);} .os-mod .mod-ring__fill{stroke:#5b73ff;stroke-linecap:round;transition:stroke-dashoffset .6s ease;} .os-mod .mod-ring__pct{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:800;} .os-mod .mod-progress__txt{flex:1;min-width:200px;position:relative;} .os-mod .mod-progress__txt span{font-size:14px;color:#b6c2dd;font-weight:600;} .os-mod .mod-progress__txt b{display:block;font-size:clamp(20px,2.4vw,26px);font-weight:800;margin-top:6px;letter-spacing:-.01em;} .os-mod .mod-progress__cta{position:relative;flex:none;} .os-mod .os-btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;font-weight:700;font-size:16px;padding:15px 28px;border-radius:var(--pill);text-decoration:none;box-shadow:0 14px 30px rgba(0,0,0,.3);transition:filter .15s;} .os-mod .os-btn-primary:hover{filter:brightness(1.08);color:#fff;} .os-mod .os-btn-primary svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;} .os-mod .mod-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:46px;} .os-mod .mod-toolbar h2{font-size:22px;font-weight:800;letter-spacing:-.02em;} .os-mod .mod-toolbar h2 span{color:var(--muted-2);font-weight:600;} .os-mod .mod-view{display:inline-flex;align-items:center;gap:8px;} /* !important — перебиваем глобальное бренд-правило os-gp-brand (button{background:var(--blue)!important}) */ .os-mod .mod-view button{width:38px;height:38px;padding:0!important;border:1.5px solid var(--line)!important;background:#fff!important;border-radius:10px!important;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)!important;transition:border-color .15s,color .15s,background .15s;cursor:pointer;} .os-mod .mod-view button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;display:block;} .os-mod .mod-view button:hover{color:var(--blue)!important;border-color:var(--blue)!important;background:#fff!important;} .os-mod .mod-view button.is-active{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;} .os-mod .mod-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:22px;overflow:hidden;} .os-mod .mod-lesson{display:flex;align-items:center;gap:20px;padding:22px 28px;border-bottom:1px solid var(--line-2);transition:background .15s;position:relative;color:inherit;text-decoration:none;} .os-mod .mod-lesson:last-child{border-bottom:0;} .os-mod .mod-lesson:hover{background:var(--blue-soft-2);} .os-mod .mod-lesson__num{flex:none;width:46px;height:46px;border-radius:13px;background:var(--surface);color:var(--ink-2);display:grid;place-items:center;font-size:16px;font-weight:800;transition:.15s;} .os-mod .mod-lesson:hover .mod-lesson__num{background:var(--blue);color:#fff;} .os-mod .mod-lesson__body{flex:1;min-width:0;} .os-mod .mod-lesson__body b{display:block;font-size:17px;font-weight:700;color:var(--ink);line-height:1.35;} .os-mod .mod-lesson__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:7px;} .os-mod .mod-type{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;} .os-mod .mod-type svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;} .os-mod .mod-type.t-video{color:var(--blue);} .os-mod .mod-type.t-test{color:var(--green);} .os-mod .mod-type.t-web{color:#8a5a00;} .os-mod .mod-type .dur,.os-mod .dur{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted);} .os-mod .dur svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;} .os-mod .mod-lesson__tag{flex:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--blue);background:var(--blue-soft);border-radius:var(--pill);padding:5px 11px;} .os-mod .mod-lesson__tag.webinar{color:#8a5a00;background:#FFF3D6;} .os-mod .mod-lesson__check{flex:none;width:24px;height:24px;border-radius:50%;border:1.8px solid var(--line);transition:.15s;} .os-mod .mod-lesson:hover .mod-lesson__check{border-color:var(--blue);} .os-mod .mod-lesson.done .mod-lesson__check{background:var(--green);border-color:var(--green);display:grid;place-items:center;color:#fff;} .os-mod .mod-lesson.done .mod-lesson__check svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:3;} .os-mod .mod-lesson.current{background:var(--blue-soft-2);} .os-mod .mod-lesson.current::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--blue);} .os-mod .mod-lesson.current .mod-lesson__num{background:var(--blue);color:#fff;} .os-mod .mod-grid{display:none;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px;} .os-mod .mod-grid.is-active{display:grid;} .os-mod .mod-list.is-hidden{display:none;} .os-mod .mod-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:16px;transition:transform .15s,box-shadow .2s;} .os-mod .mod-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);} .os-mod .mod-card__top{display:flex;align-items:center;justify-content:space-between;} .os-mod .mod-card__num{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:16px;font-weight:800;} .os-mod .mod-card.current .mod-card__num{background:var(--blue);color:#fff;} .os-mod .mod-card.done .mod-card__num{background:var(--green-soft);color:var(--green);} .os-mod .mod-card__done{width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;} .os-mod .mod-card__done svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:3;} .os-mod .mod-card b{font-size:17px;font-weight:700;line-height:1.35;color:var(--ink);} .os-mod .mod-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:auto;} @media(max-width:900px){.os-mod .mod-grid{grid-template-columns:1fr 1fr;}} @media(max-width:640px){ .os-mod .mod-progress{padding:26px 22px;gap:22px;} .os-mod .mod-progress__cta,.os-mod .os-btn-primary{width:100%;justify-content:center;} .os-mod .mod-lesson{padding:18px;gap:14px;}.os-mod .mod-lesson__tag{display:none;} .os-mod .mod-grid{grid-template-columns:1fr;}.os-mod .mod-toolbar{margin-top:34px;} } /* заголовок раздела (section heading LearnDash) */ .os-mod .mod-section{font-weight:800;font-size:16px;letter-spacing:-.01em;color:var(--ink);background:var(--surface);padding:20px 28px 16px;border-bottom:1px solid var(--line-2);} .os-mod .mod-grid > .mod-section{grid-column:1 / -1;background:transparent;border:0;padding:14px 4px 2px;} .os-mod .mod-grid > .mod-section:first-child{padding-top:0;} /* запланированная дата открытия урока (drip) + заблокированное состояние */ .os-mod .mod-lock{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--pill);padding:6px 13px;white-space:nowrap;} .os-mod .mod-lock svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;flex:none;} .os-mod .mod-lesson.locked,.os-mod .mod-card.locked{cursor:default;} .os-mod .mod-lesson.locked:hover{background:none;} .os-mod .mod-lesson.locked .mod-lesson__num,.os-mod .mod-card.locked .mod-card__num{background:var(--surface);color:var(--muted-2);} .os-mod .mod-lesson.locked:hover .mod-lesson__num{background:var(--surface);color:var(--muted-2);} .os-mod .mod-card.locked:hover{transform:none;box-shadow:var(--shadow-sm);} @media(max-width:640px){.os-mod .mod-section{padding:16px 18px 12px;}.os-mod .mod-lock{font-size:11.5px;padding:5px 10px;}} /* модалка входа для разлогиненных + блюр фона */ .os-loginwall{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(14,26,58,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:os-lw-in .25s ease;} @keyframes os-lw-in{from{opacity:0}to{opacity:1}} .os-loginwall__card{background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(10,18,40,.35);max-width:440px;width:100%;padding:40px 36px;text-align:center;font-family:'Onest',-apple-system,Segoe UI,Roboto,sans-serif;animation:os-lw-pop .28s cubic-bezier(.2,.8,.2,1);} @keyframes os-lw-pop{from{transform:translateY(14px) scale(.97);opacity:0}to{transform:none;opacity:1}} .os-loginwall__icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--blue-soft,#e8ecff);display:grid;place-items:center;} .os-loginwall__icon svg{width:30px;height:30px;stroke:var(--blue,#2945F2);fill:none;stroke-width:2;} .os-loginwall__card h2{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink,#0e1838);margin:0 0 10px;} .os-loginwall__card p{font-size:15px;line-height:1.5;color:var(--muted,#6b7280);margin:0 0 26px;} .os-loginwall__btn{display:block;background:var(--blue,#2945F2);color:#fff;font-weight:700;font-size:16px;padding:15px;border-radius:999px;text-decoration:none;transition:filter .15s;} .os-loginwall__btn:hover{filter:brightness(1.08);color:#fff;} .os-loginwall__close{margin-top:14px;background:none;border:0;color:var(--muted,#6b7280);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;} .os-loginwall__close:hover{color:var(--ink,#0e1838);} body.os-loginwall-open{overflow:hidden;} /* ── Широкий макет модуля (макет «Модуль в платформе — широкий», 09.09.2026) ── Было: колонка 1000 px по центру, справа пусто на всю ширину экрана. Стало: рабочая область во всю ширину, уроки — широкими строками, справа колонка с прогрессом, цифрами по модулю и связью с куратором. На узких экранах правая колонка убирается. */ /* Тема считает размеры по content-box, поэтому кнопка с width:100% вылезала за карточку ровно на свои боковые отступы (28+28 px). Внутри страницы модуля считаем по границе. */ .os-mod,.os-mod *,.os-mod *::before,.os-mod *::after{box-sizing:border-box;} .os-mod{max-width:1720px;} .os-mod .mod-head{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,2.4vw,34px);margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,392px);gap:clamp(22px,3vw,44px);align-items:center;} .os-mod .mod-head .eyebrow{margin-top:0;} .os-mod .mod-head h1{font-size:clamp(25px,2.5vw,38px);margin-top:12px;} .os-mod .mod-head .mod-meta{margin-top:20px;} .os-mod .mod-head .mod-progress{margin-top:0;padding:24px;display:block;} .os-mod .mod-head .mod-progress .mod-ring{display:none;} .os-mod .mod-progress__line{height:8px;border-radius:5px;background:rgba(255,255,255,.2);margin:16px 0 14px;overflow:hidden;} .os-mod .mod-progress__line i{display:block;height:100%;border-radius:5px;background:#fff;} .os-mod .mod-progress__pct{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1;} .os-mod .mod-progress__row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:14px;color:rgba(255,255,255,.72);} .os-mod .mod-head .mod-progress__cta{margin-top:18px;} .os-mod .mod-head .os-btn-primary{width:100%;justify-content:center;background:#fff;color:var(--blue);} .os-mod .mod-head .os-btn-primary:hover{background:#fff;filter:none;color:#2945f2;} @media(max-width:1040px){.os-mod .mod-head{grid-template-columns:1fr;}} .os-mod .mod-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(16px,1.6vw,26px);align-items:start;margin-top:clamp(18px,2vw,28px);} @media(max-width:1180px){.os-mod .mod-body{grid-template-columns:1fr;}} /* 85px = липкая шапка портала (69) + отступ; плюс админ-бар, если он есть */ .os-mod .mod-rail{position:sticky;top:calc(85px + var(--wp-admin--admin-bar--height,0px));display:grid;gap:12px;} .os-mod .rail-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;} .os-mod .rail-card .k{font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);} .os-mod .rail-card b.t{display:block;font-size:16.5px;font-weight:800;letter-spacing:-.015em;margin-top:10px;line-height:1.25;} .os-mod .rail-card p{font-size:13.5px;color:var(--muted);margin:6px 0 0;} .os-mod .rail-card .os-btn-primary{width:100%;justify-content:center;margin-top:14px;font-size:15px;box-shadow:none;} .os-mod .rail-facts{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;} .os-mod .rail-facts div{background:#fff;padding:13px 16px;display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted);} .os-mod .rail-facts b{color:var(--ink);font-weight:700;} .os-mod .rail-help{background:#F2F6FF;border:1px solid var(--line);border-radius:14px;padding:18px;font-size:14px;color:var(--ink-2);} .os-mod .rail-help b{display:block;font-size:15.5px;color:var(--ink);margin-bottom:6px;} .os-mod .rail-help a{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:12px;background:#EEF1FF;color:var(--blue);border-radius:999px;padding:11px 18px;font-weight:700;font-size:14.5px;text-decoration:none;} .os-mod .rail-help a:hover{background:#e2e7ff;} /* уроки: группы-карточки и широкие строки */ .os-mod .mod-grp{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;} .os-mod .mod-grp + .mod-grp{margin-top:12px;} /* Переходы по разделам. У больших программ («Вопрос-ответ» — 12 разделов, 362 урока) список не пролистать: даём ряд ссылок сверху и складываем разделы. */ .os-mod .mod-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;} .os-mod .mod-jump a{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--pill);padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--ink-2);text-decoration:none;transition:border-color .15s,color .15s;max-width:100%;} .os-mod .mod-jump a:hover{border-color:var(--blue);color:var(--blue);} .os-mod .mod-jump a b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px;} .os-mod .mod-jump a i{font-style:normal;font-size:12.5px;font-weight:700;color:var(--blue);background:#EEF1FF;border-radius:999px;padding:2px 8px;flex:none;} .os-mod .mod-jump .all{border-style:dashed;} .os-mod .mod-grp{scroll-margin-top:calc(96px + var(--wp-admin--admin-bar--height,0px));} .os-mod .mod-grp__h{display:flex;align-items:center;gap:14px;padding:16px 22px!important;background:#F2F6FF!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;width:100%;text-align:left;cursor:pointer;font:inherit;font-weight:400;box-shadow:none!important;} .os-mod button.mod-grp__h:hover,.os-mod button.mod-grp__h:focus{background:#e8eeff!important;color:var(--ink)!important;} .os-mod .mod-grp__h .ptica{flex:none;width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2.2;transition:transform .18s;} .os-mod .mod-grp.zakryt .mod-grp__h{border-bottom:0!important;} .os-mod .mod-grp.zakryt .mod-grp__h .ptica{transform:rotate(-90deg);} .os-mod .mod-grp.zakryt .mod-list-in{display:none;} .os-mod .mod-grp__h b{font-size:16px;font-weight:800;letter-spacing:-.015em;flex:1;min-width:0;} .os-mod .mod-grp__h .cnt{font-size:13px;font-weight:700;color:var(--blue);background:#EEF1FF;border-radius:999px;padding:5px 12px;white-space:nowrap;} .os-mod .mod-grp__h .dur{font-size:13px;color:var(--muted);white-space:nowrap;} .os-mod .mod-list{border:0;border-radius:0;box-shadow:none;background:transparent;} .os-mod .mod-grp .mod-lesson{border-radius:0;} .os-mod .mod-main .mod-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));} @media(max-width:1180px){.os-mod .mod-rail{display:none;}} @media(max-width:760px){ .os-mod .mod-grp__h{padding:14px 16px!important;flex-wrap:wrap;align-items:flex-start;} /* Без своей строки заголовок делил ширину с чипами и рассыпался по буквам («Психолог / ия и / пережив / ания»). Отдаём ему всю первую строку. */ .os-mod .mod-grp__h b{flex:1 1 calc(100% - 40px);} .os-mod .mod-grp__h .ptica{margin-top:3px;} /* На телефоне 12 ссылок в столбик занимали полтора экрана до начала списка — кладём их в одну строку с прокруткой вбок. */ .os-mod .mod-jump{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;} .os-mod .mod-jump::-webkit-scrollbar{display:none;} .os-mod .mod-jump a{flex:none;} .os-mod .mod-jump a b{max-width:190px;} } /* Доля просмотра прямо в кружке: начатый, но не досмотренный урок видно сразу, без захода внутрь. Долю пишет onstudy-lesson-complete-edu.php (os_lc_watch_<урок>). */ .os-mod .mod-lesson__check.part{border-color:transparent;background:conic-gradient(var(--blue) var(--dolya),var(--line) 0);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%);mask:radial-gradient(circle,transparent 56%,#000 58%);} .os-mod .mod-lesson:hover .mod-lesson__check.part{border-color:transparent;} .os-mod .mod-main{min-width:0;} .os-mod .mod-main .mod-toolbar{margin-top:0;} .os-mod .mod-main .mod-list,.os-mod .mod-main .mod-grid{margin-top:14px;} /* контейнер портала на странице курса шире 1200 px — иначе широкий макет некуда развернуть. Правило живёт здесь, а не в onstudy-portal-skin-edu.php: удалить этот файл = вернуть прежнюю ширину. */ /* Широкий контейнер — только там, где есть что в него положить. У программ с живыми встречами (ЛАИ) уроков на платформе нет, и растянутая пустая страница выглядела бы поломкой, поэтому им оставляем прежние 1200 px. Признак — класс тела os-mod-wide (условие нельзя ставить внутрь