@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
html:where(:has(.lesson-header-block)):not(:where(:has(head link[href*="id=101269"]))){
--tc-bg-light: #F6EAA4;
--tc-bg-green: #d4e5b1;
--tc-accent-orange: #e29b48;
--tc-accent-orange-hover: #c98233;
--tc-text-dark: #111827;
--tc-text-main: #2c3029;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper{
width: 600px !important;
max-width: calc(100vw - 40px) !important;
margin: 15px auto 30px auto !important;
font-family: 'Montserrat', Arial, sans-serif;
box-sizing: border-box;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) details.gc-timecodes{
background: linear-gradient(to right, var(--tc-bg-light) 0%, var(--tc-bg-green) 100%);
border-radius: 12px;
box-shadow: 0 6px 15px rgba(212, 229, 177, 0.5);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .timecodes-header{
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px;
margin: 0;
cursor: pointer;
list-style: none;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .timecodes-header::-webkit-details-marker{
display: none;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .timecodes-header:focus-visible{
outline: 2px solid var(--tc-accent-orange);
outline-offset: -2px;
border-radius: 12px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .timecodes-title{
font-size: 14px;
font-weight: 700;
color: var(--tc-text-dark);
text-transform: uppercase;
letter-spacing: 1px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .tc-toggle-btn{
display: inline-block;
padding: 6px 14px;
border-radius: 8px;
background: var(--tc-accent-orange);
color: #fff;
font-size: 12px;
font-weight: 700;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(226, 155, 72, 0.2);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .tc-toggle-btn::after{
content: "▼ Развернуть";
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .timecodes-header:hover .tc-toggle-btn{
background: var(--tc-accent-orange-hover);
box-shadow: 0 4px 8px rgba(226, 155, 72, 0.4);
transform: translateY(-1px);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) details[open].gc-timecodes .tc-toggle-btn{
background: var(--tc-accent-orange-hover);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) details[open].gc-timecodes .tc-toggle-btn::after{
content: "▲ Свернуть";
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) details[open].gc-timecodes .timecodes-header{
padding-bottom: 12px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .timecodes-content{
padding: 0 24px 24px 24px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .tc-list{
list-style: none;
padding: 0;
margin: 0;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .tc-list li{
display: flex;
align-items: center;
margin-bottom: 8px;
font-size: 14px;
line-height: 1.3;
color: var(--tc-text-main);
font-weight: 500;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .tc-list li:last-child{
margin-bottom: 0;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) a.tc-time{
background: var(--tc-accent-orange);
color: #ffffff;
font-weight: 700;
font-size: 12px;
padding: 4px 0;
width: 54px;
text-align: center;
border-radius: 6px;
margin-right: 14px;
flex-shrink: 0;
text-decoration: none;
display: inline-block;
transition: all 0.2s ease;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) a.tc-time:hover{
background: var(--tc-accent-orange-hover);
}
@media (max-width: 600px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .timecodes-header{
padding: 16px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .timecodes-title{
font-size: 13px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .tc-toggle-btn{
padding: 6px 10px;
font-size: 11px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .timecodes-content{
padding: 0 16px 20px 16px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .tc-list li{
font-size: 13px;
margin-bottom: 8px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) a.tc-time{
font-size: 11px;
padding: 3px 0;
width: 48px;
margin-right: 10px;
}
}
@font-face {
font-family: 'Morington_RUS'; format('opentype'),
url('/fileservice/file/download/h/480a1830e36e7bb1e0164f85d70240ca.woff/a/43374/sc/80') format('woff');
src: url('/fileservice/file/download/h/c802bfca0cfc12177affe4042cf1c41b.otf/a/43374/sc/359') format('opentype'),
url('/fileservice/file/download/h/65baa5ed8c95ffc023a8836308553a12.woff/a/43374/sc/144') format('woff');
}
@font-face {
font-family: 'futura-pt-medium';
src: url('/fileservice/file/download/h/2fff0a44d17079de474cb8feb01dc443.otf/a/43374/sc/286')
}
@font-face {
font-family: 'futura-pt-book';
src: url('/fileservice/file/download/h/b04bd590637b76d713ffd03dd9ca1ba8.ttf/a/43374/sc/284') format('TrueType'),
url('/fileservice/file/download/h/808d174f5225371398877e53b82f2f8a.woff/a/43374/sc/489') format('woff');
}
html:where(:has(.lesson-header-block)):not(:where(:has(head link[href*="id=101269"]))){
--gc-yellow-light: #FDE48C;
--gc-orange: #E59A3E;
--gc-olive: #556B2F;
--gc-dark-main: #111111;
--gc-dark-text: #2D312E;
--gc-bg-card: #E6EFCF;
--color1: var(--gc-orange);
--color2: var(--gc-olive);
--color3: var(--gc-dark-main);
--white:  #ffffff;
--black:  var(--gc-dark-main);
--background: #FAFAFA;
--background-image: radial-gradient(circle at 10% 20%, rgba(253, 228, 140, 0.4) 0%, transparent 55%),
radial-gradient(circle at 90% 80%, rgba(195, 222, 145, 0.3) 0%, transparent 60%) !important;
--font:  'futura-pt-book';
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .breadcrumb a{color: var(--black); transition: all 0.3s;}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .breadcrumb a:hover,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .breadcrumbs a:active{color: var(--black);}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .page-header H1 a{
font-size: 36px;
color: var(--color1);
letter-spacing: -0.5px;
line-height: 1;
font-family: var(--font), Roboto, sans-serif;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block.row-section{
background-color: #E6EFCF !important;
background-image:
radial-gradient(circle at 10% 20%, rgba(253, 228, 140, 0.75) 0%, transparent 55%),
radial-gradient(circle at 90% 80%, rgba(195, 222, 145, 0.65) 0%, transparent 60%) !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center top;
border-radius: 12px;
box-shadow: 0 12px 30px rgba(229, 154, 62, 0.25);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block h2.lesson-title-value{
font-family: 'Morington_RUS', Roboto, sans-serif;
font-size: 36px;
font-weight: 500;
color: var(--gc-dark-main);
padding: 15px 0;
text-shadow: none;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-description-value{
font-family: Montserrat, Roboto, sans-serif;
color: var(--gc-dark-text);
text-shadow: none;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation a{
font-family: Montserrat, Roboto, sans-serif;
background: var(--color1);
color: #111;
font-weight: 600;
padding: 3px 15px;
border-radius: 20px;
margin-bottom: 10px;
transition: all .3s;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td:nth-child(1) a:before{
content: '\25C0   ';
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td.text-right a:after{
content: '  \25B6 ';
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation a:hover{
box-shadow: 0 4px 15px rgba(229, 154, 62, 0.4);
text-decoration: none;
transform: translateY(-1px);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation div.hidden-xs{
margin-top: 10px;
color: var(--gc-dark-text);
opacity: 0.9;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td.text-center.hidden-xs{
color: var(--gc-olive);
font-weight: 600;
}
@media (max-width: 991px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation a{
padding: 3px 5px;
font-size: 90%;
}
}
@media (max-width: 767px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block.row-section{
min-height: 180px;
}
}
@media (max-width: 640px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .page-header H1 a{
font-size: 54px;
}
}
@media (max-width: 378px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block h2.lesson-title-value{
font-size: 26px;
padding: 10px 20px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation a{
padding: 3px 3px;
font-size: 70%;
}
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block{
margin-top: 20px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .container{
padding: 0 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block h3{
font-family: var(--font), Roboto, sans-serif;
font-weight: 600;
font-size: 26px;
text-align: center;
text-transform: uppercase;
color: var(--gc-dark-main);
padding: 10px;
background: var(--background-image);
border-radius: 10px 10px 0 0;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-wrapper{
margin-top: -1px;
border-radius: 0 0 10px 10px !important;
overflow: hidden;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form{
background-color: var(--background);
position: relative;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .self-answers .user-answer{
background: var(--background);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .user-profile-image{
border-radius: 100px;
border: 3px solid var(--color1);
overflow: hidden;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .field-lessonanswer-answer_text .uploadifive-button{
background: var(--color1);
border-radius: 3px;
font-weight: 600;
color: #111;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .btn-send-answer,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .btn-primary.btn-lg,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .btn-primary.btn-send{
background-color: var(--color1);
color: #111;
font-size: 16px !important;
font-weight: 600 !important;
border: none;
border-radius: 5px;
padding: 10px 30px;
transition: all .3s;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .btn-save-draft{
font-size: 14px !important;
font-weight: 600 !important;
border: 1px solid var(--color1);
padding: 10px 30px;
border-radius: 6px;
color: var(--color1) !important;
transition: all .3s;
background: transparent;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .btn-send-answer:hover,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .btn-save-draft:hover,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .btn-primary.btn-lg:hover,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .start-btn.btn-restart:hover,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .btn-primary.btn-send:hover{
transform: translatey(-3px);
box-shadow: 0 6px 15px rgba(229, 154, 62, 0.3);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .start-btn.btn-restart{
background: var(--color1) !important;
color: #111 !important;
font-size: 16px !important;
font-weight: 600;
border-radius: 5px;
transition: all .3s;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-answer-comment{
background: transparent;
}
@media (max-width: 482px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .btn-save-draft{
border: 1px solid var(--color1);
padding: 10px 5px;
font-size: 14px !important;
}
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-text{
font-family: 'Montserrat', Roboto, sans-serif;
font-size: 16px!important;
font-weight: 400;
color: var(--black);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block #LessonAnswer_answer_text{
font-family: 'Montserrat', Roboto, sans-serif;
font-size: 14px;
color: var(--black);
border: 1px solid var(--color1);
border-radius: 5px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block label{
font-family: 'Montserrat', Roboto, sans-serif;
font-size: 14px;
font-weight: 600!important;
color: var(--color2);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .addfield .type-string,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .addfield .type-text,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .addfield .type-currency,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .addfield .type-float{
font-family: 'Montserrat', Roboto, sans-serif;
font-size: 14px;
color: var(--black);
border: 1px solid var(--color1)!important;
border-radius: 5px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .uploadifive-button{
background: var(--color2);
color: var(--white);
border-radius: 3px;
font-family: 'Montserrat', Roboto, sans-serif;
font-weight: 600;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .text-muted.small{
font-family: 'Montserrat', Roboto, sans-serif;
font-size: 11px;
color: var(--black);
opacity: 0.7;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .answer-main-content.user-related-data,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .answer-content div.title,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .addfield.type-currency,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .addfield.type-float{
font-family: 'Montserrat', Roboto, sans-serif;
font-size: 14px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block #LessonAnswer_answer_text:focus,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .addfield .type-string:focus,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .addfield .type-text:focus,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .addfield .type-currency:focus,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .addfield .type-float:focus{
outline: 0;
outline-offset: 0;
box-shadow: 0 0 5px rgba(229, 154, 62, 0.5);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block .simple-answer{
background: var(--background);
border: none;
border-radius: 9px;
margin-top: -1px;
margin-bottom: 20px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block .simple-answer .user-image img{
border-radius: 100px;
border: 3px solid var(--color1);
margin-top: -5px;
overflow: hidden;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block .btn.btn-primary.btn-send{
background: var(--color1);
color: #111;
font-size: 16px !important;
font-weight: 600 !important;
border: none;
border-radius: 5px;
padding: 10px 30px;
transition: all .3s;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block .btn.btn-primary.btn-send:hover{
transform: translatey(-3px);
box-shadow: 0 6px 15px rgba(229, 154, 62, 0.3);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .emoji-container .new-comment-textarea.emoji-textarea{
font-family: 'futura-pt-book', 'Roboto', sans-serif!important;
font-size: 14px;
color: var(--black);
border: 1px solid var(--color1)!important;
border-radius: 5px;
overflow: hidden;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .emoji-container textarea::placeholder{
color: rgba(17, 17, 17, 0.4);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .answer-status{
font-family: 'Montserrat', Roboto, sans-serif;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block{
font-family: 'futura-pt-book', 'Roboto', sans-serif !important;
color: var(--black);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .emoji-container textarea:focus{
outline: 0;
outline-offset: 0;
box-shadow: 0 0 5px rgba(229, 154, 62, 0.5);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table{
background: rgba(229, 154, 62, 0.15);
background-size: auto 45%;
border-radius: 12px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table td{
border: none;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table tr td:nth-child(1){
padding-top: 20px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table tr td:nth-child(2){
vertical-align: middle;
position: relative;
font-family:'futura-pt-book', 'Roboto', sans-serif !important;
font-weight: 600 !important;
font-size: 16px;
color: var(--black);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table tr td:nth-child(2):after{
content: '';
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 60%;
background: var(--color1);
transform: translatey(-50%);
opacity: 0.3;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table tr td:nth-child(3){
vertical-align: middle;
padding-left: 20px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table tr td:nth-child(3) a{
font-family: Montserrat, Roboto, sans-serif !important;
font-weight: 600 !important;
text-decoration: none !important;
font-size: 16px;
color: var(--color2);
display: block;
transition: all .3s;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table tr td:nth-child(3) a:hover{
transform: translatex(10px);
color: var(--color1);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .form-control{
border: 1px solid var(--color1);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .btn.f-btn{
border-radius: 12px;
background-color: var(--color1);
color: #111;
font-weight: 600;
border: 2px solid var(--color1);
transition: all 0.3s;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .btn.f-btn:hover{
background-color: var(--background);
color: var(--color1);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .user-answer .addfield{
background: rgba(229, 154, 62, 0.1);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-pres-card{
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
max-width: 800px;
margin: 0 auto 20px auto;
padding: 24px 32px;
background: transparent;
border-radius: 16px;
box-sizing: border-box;
color: #2D312E;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-pres-eyebrow{
font-size: 10px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #556B2F;
margin-bottom: 8px;
opacity: 0.85;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-pres-title-wrap{
margin-bottom: 20px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-pres-title{
display: inline-block;
background: #E59A3E;
color: #111111 !important;
font-size: 21px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
padding: 6px 14px;
border-radius: 6px;
margin: 0 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline{
position: relative;
padding-left: 12px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-item{
position: relative;
display: flex;
align-items: flex-start;
padding-bottom: 16px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-item:not(.gc-timeline-item--last)::before{
content: '';
position: absolute;
top: 24px;
bottom: 0;
left: 11px;
width: 1px;
background-color: rgba(180, 150, 110, 0.45);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-item--last{
padding-bottom: 0;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-badge{
position: relative;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #E59A3E;
color: #111111;
font-size: 11px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
flex-shrink: 0;
box-sizing: border-box;
box-shadow: 0 2px 6px rgba(229, 154, 62, 0.3);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-content{
padding-left: 16px;
flex-grow: 1;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-title-pill{
display: inline-block;
background: rgba(229, 154, 62, 0.18);
padding: 3px 10px;
border-radius: 4px;
margin-bottom: 4px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-title{
font-size: 15px !important;
font-weight: 700 !important;
color: #1A1A1A !important;
margin: 0 !important;
line-height: 1.25 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-text{
font-size: 14px;
font-weight: 400;
line-height: 1.45;
color: #333333;
margin: 0;
}
@media (max-width: 600px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-pres-card{
padding: 20px 16px;
border-radius: 14px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-pres-title{
font-size: 17px !important;
padding: 5px 10px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline{
padding-left: 10px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-item:not(.gc-timeline-item--last)::before{
left: 9px;
top: 20px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-badge{
width: 20px;
height: 20px;
font-size: 10px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-content{
padding-left: 12px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-title-pill{
padding: 2px 8px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-title{
font-size: 14px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timeline-text{
font-size: 13px;
}
}
html:where(:has(.lesson-header-block)):not(:where(:has(head link[href*="id=101269"]))){
--gc-polish-ink: #263629;
--gc-polish-muted: #596450;
--gc-polish-orange: #e59a3e;
--gc-polish-orange-dark: #85501b;
--gc-polish-olive: #4d6534;
--gc-polish-line: #dce3d0;
--gc-polish-paper: #fcfcf8;
--gc-polish-focus: #486b36;
--gc-polish-ui-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .page-header h1{
font: 600 clamp(17px, 1.8vw, 21px)/1.4 var(--gc-polish-ui-font) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .page-header h1 a{
font-family: var(--gc-polish-ui-font) !important;
font-size: inherit !important;
font-weight: 600;
line-height: 1.3 !important;
color: var(--gc-polish-olive) !important;
letter-spacing: -.025em;
overflow-wrap: anywhere;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block.row-section{
box-sizing: border-box;
padding: 18px 24px !important;
background-color: #f6f8ed !important;
background-image:
radial-gradient(ellipse at 0% 0%, rgba(253, 228, 140, .52), transparent 62%),
radial-gradient(ellipse at 100% 100%, rgba(195, 222, 145, .35), transparent 68%) !important;
border: 1px solid #dce3ca;
border-top: 4px solid var(--gc-polish-orange);
border-radius: 22px !important;
box-shadow: 0 14px 36px -25px rgba(49, 65, 37, .45) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .header-view{ margin-left: 0; margin-right: 0; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .header-view > .col-md-12{ padding: 0 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block h2.lesson-title-value{
font-family: var(--gc-polish-ui-font) !important;
font-size: clamp(22px, 2.1vw, 28px) !important;
font-weight: 700 !important;
line-height: 1.22 !important;
letter-spacing: -.035em;
color: var(--gc-polish-ink) !important;
text-align: left !important;
text-shadow: none !important;
margin: 0 0 8px !important;
padding: 0 !important;
overflow-wrap: anywhere;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-description-value{
display: block;
font-family: var(--gc-polish-ui-font) !important;
font-size: 14px !important;
line-height: 1.5;
color: var(--gc-polish-muted) !important;
text-shadow: none;
text-align: left;
margin: 0 !important;
overflow-wrap: anywhere;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation{
width: 100%;
margin: 12px 0 0;
padding: 0 !important;
overflow: visible !important;
border-top: 1px solid rgba(77, 101, 52, .18);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation table{ width: 100%; table-layout: fixed; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td{
width: 34%;
padding-left: 0 !important;
padding-right: 0 !important;
vertical-align: top;
padding-top: 10px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td.text-center.hidden-xs{ width: 32%; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation a{
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
width: 196px;
height: 48px;
min-height: 48px;
max-width: 100%;
padding: 6px 10px !important;
margin-bottom: 0;
border: 1px solid #d4dcc7;
border-radius: 12px;
background: #fffef9;
color: var(--gc-polish-ink);
font: 600 13px/1.25 var(--gc-polish-ui-font);
text-decoration: none;
text-align: center;
transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td:nth-child(1) a:before{ content: '\25C0 '; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td.text-right a:after{ content: '\25B6 '; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td.text-right a{
background: var(--gc-polish-orange);
border-color: #d59037;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation a:hover{
background: #eef3e5;
border-color: #b4c59d;
color: var(--gc-polish-ink);
box-shadow: 0 4px 12px rgba(49, 65, 37, .08);
transform: none;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td.text-right a:hover{
background: #edaa55;
border-color: #c98229;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation div.hidden-xs{
max-width: 196px;
margin-top: 6px;
color: var(--gc-polish-muted);
font: 400 12px/1.35 var(--gc-polish-ui-font) !important;
opacity: 1;
overflow-wrap: anywhere;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td.text-right div.hidden-xs{ margin-left: auto; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td.text-center.hidden-xs{
color: var(--gc-polish-olive);
font: 600 13px/1.6 var(--gc-polish-ui-font);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container{
box-sizing: border-box;
width: 100%;
max-width: 900px !important;
margin: 32px auto !important;
padding: clamp(16px, 3vw, 28px) !important;
border: 1px solid #e4e8dc !important;
border-radius: 22px !important;
background: #f7f8f3 !important;
color: var(--gc-polish-ink) !important;
font: 16px/1.75 var(--gc-polish-ui-font) !important;
overflow-wrap: anywhere;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container *{ box-sizing: border-box; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .insights-header{
padding: clamp(20px, 3vw, 30px) !important;
margin-bottom: 20px !important;
border: 1px solid #dce4cb !important;
border-bottom: 3px solid var(--gc-polish-orange) !important;
border-radius: 16px !important;
background: linear-gradient(115deg, #f6edc6, #e8f0d9) !important;
box-shadow: none !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .insights-header h2{
color: var(--gc-polish-ink) !important;
font-size: clamp(23px, 2.5vw, 29px) !important;
line-height: 1.3 !important;
letter-spacing: -.025em;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .insights-header p{
color: #44503f !important;
font-size: 16px !important;
line-height: 1.7 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container :is(.eyebrow, .label){
color: #344f28 !important;
background: #edf3e3 !important;
border: 1px solid #d6e1c6 !important;
border-radius: 8px !important;
padding: 6px 10px !important;
font-size: 12px !important;
line-height: 1.5 !important;
letter-spacing: .035em;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .notebook-notice{
padding: 18px 20px !important;
border: 1px solid #eadfc6 !important;
border-left: 3px solid var(--gc-polish-orange) !important;
border-radius: 12px !important;
background: #fffdf6 !important;
color: #514731 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card{
padding: 22px !important;
margin: 0 0 14px !important;
border: 1px solid var(--gc-polish-line) !important;
border-left: 3px solid #c5d3ae !important;
border-radius: 16px !important;
background: #fff !important;
box-shadow: 0 3px 12px rgba(45, 60, 36, .035) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card[open]{
border-left-color: var(--gc-polish-orange) !important;
box-shadow: 0 8px 24px rgba(45, 60, 36, .055) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card > summary{
cursor: pointer;
min-height: 44px;
list-style: none;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .summary-top{ gap: 10px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .toggle-btn{
padding: 7px 11px !important;
background: #f8e6cd !important;
color: #623d17 !important;
border-radius: 8px !important;
font-size: 12px !important;
line-height: 1.5 !important;
font-weight: 600 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details[open] .toggle-btn{
background: var(--gc-polish-orange) !important;
color: #263629 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container h3{
color: var(--gc-polish-ink) !important;
font-size: 21px !important;
line-height: 1.45 !important;
letter-spacing: -.02em;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .card-body{
padding-top: 20px !important;
margin-top: 20px !important;
border-top: 1px solid #e9ede2 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .card-body p{ margin: 0 0 16px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .quote{
padding: 18px 20px !important;
border-left: 3px solid var(--gc-polish-orange) !important;
border-radius: 0 12px 12px 0 !important;
background: #faf7ef !important;
color: #394431 !important;
font-style: normal !important;
line-height: 1.75 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow{
gap: 10px !important;
padding: 18px !important;
border: 1px solid #e1e7d8 !important;
border-radius: 14px !important;
background: #f7f9f3 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-step{
min-width: 0;
padding: 16px 12px !important;
border: 1px solid #e1e6d8 !important;
border-radius: 12px !important;
box-shadow: none !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-step strong{
color: var(--gc-polish-ink) !important;
font-size: 15px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-step span{
color: #56614e !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-step.result{
background: #edf4e5 !important;
border-color: #cadbbb !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-step.result strong{ color: #34512d !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-arrow{ color: #66804d !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .takeaway{
padding: 17px 20px !important;
border: 1px solid #eed8ba !important;
border-radius: 12px !important;
background: #fff7eb !important;
color: #63481e !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container :is(.takeaway, .notebook-notice) strong{
color: #75481a !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-pres-card{
padding: clamp(20px, 3vw, 28px) !important;
border: 1px solid var(--gc-polish-line);
border-radius: 18px;
background: var(--gc-polish-paper);
color: var(--gc-polish-ink);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-pres-card .gc-timeline-text{ font-size: 16px; line-height: 1.7; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-pres-card .gc-timeline-title{ font-size: 16px !important; line-height: 1.45 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-pres-card .gc-pres-eyebrow{ font-size: 12px; opacity: 1; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block{ margin-top: 36px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-wrapper{
border: 1px solid var(--gc-polish-line);
border-radius: 0 0 18px 18px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block h3{
padding: 18px 22px;
margin-bottom: 0;
border: 1px solid var(--gc-polish-line);
border-bottom: 0;
border-radius: 18px 18px 0 0;
background: linear-gradient(110deg, #faf1d2, #edf3e2);
color: var(--gc-polish-ink);
font: 700 23px/1.4 var(--gc-polish-ui-font);
text-align: left;
text-transform: none;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form{ background: #fcfcf9; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-text{ font-size: 16px !important; line-height: 1.75; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block label{ color: #3d5032; font-size: 15px; line-height: 1.55; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block :is(input[type='text'], input[type='number'], textarea, select),body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block .emoji-container .new-comment-textarea.emoji-textarea{
box-sizing: border-box;
max-width: 100%;
min-height: 46px;
border: 1px solid #cbd5bf !important;
border-radius: 10px !important;
background: #fff;
color: var(--gc-polish-ink);
font: 16px/1.6 var(--gc-polish-ui-font) !important;
padding: 12px 14px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block textarea,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block .emoji-container .new-comment-textarea.emoji-textarea{
min-height: 130px;
resize: vertical;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block :is(.btn-send-answer, .btn-primary.btn-lg, .btn-primary.btn-send, .start-btn.btn-restart),body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block .btn.btn-primary.btn-send{
min-height: 46px;
border: 1px solid #d59037;
border-radius: 10px;
padding: 11px 20px;
background: var(--gc-polish-orange) !important;
color: #263629 !important;
font: 600 15px/1.5 var(--gc-polish-ui-font) !important;
transition: background-color .16s ease, box-shadow .16s ease;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .btn-save-draft{
min-height: 46px;
border: 1px solid #cbd5bf;
border-radius: 10px;
padding: 11px 20px;
background: #fff;
color: #4d603b !important;
font: 600 15px/1.5 var(--gc-polish-ui-font) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block :is(.btn-send-answer, .btn-save-draft, .btn-primary.btn-lg, .start-btn.btn-restart, .btn-primary.btn-send):hover,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block .btn.btn-primary.btn-send:hover{
transform: none;
box-shadow: 0 4px 12px rgba(49, 65, 37, .1);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block .simple-answer{
padding: 20px;
border: 1px solid var(--gc-polish-line);
border-radius: 16px;
background: #fcfcf9;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table{
max-width: 100%;
background: #f4f7ee;
border: 1px solid var(--gc-polish-line);
border-radius: 14px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table td{ padding: 16px; overflow-wrap: anywhere; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table tr td:nth-child(3) a{ color: #435d2f; line-height: 1.5; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table tr td:nth-child(3) a:hover{ transform: none; color: #75481a; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation a:focus-visible,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card > summary:focus-visible,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block :is(input, textarea, select, button, .btn):focus-visible,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block :is(textarea, button, .btn):focus-visible,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table a:focus-visible{
outline: 3px solid var(--gc-polish-focus) !important;
outline-offset: 4px !important;
box-shadow: none;
}
@media (max-width: 767px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block.row-section{ min-height: 0; border-radius: 18px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation a{ padding: 8px 10px !important; font-size: 13px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td{ width: 50%; padding-top: 10px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow{ flex-direction: column !important; align-items: stretch !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-step{ flex: none !important; width: 100%; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-arrow{ transform: rotate(90deg); align-self: center; }
}


/* ------------- 
content start - lesson-components.css
------------- */

@media (max-width: 480px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block.row-section{ padding: 16px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block h2.lesson-title-value{ font-size: 22px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-description-value{ font-size: 14px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation a{ padding: 6px 8px !important; font-size: 12px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container{ padding: 14px !important; border-radius: 18px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card{ padding: 18px 16px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container h3{ font-size: 20px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .quote,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .takeaway{ padding: 16px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block :is(.btn-send-answer, .btn-save-draft){ padding: 11px 15px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table tr td:nth-child(2)::after{ display: none; }
}
@media (prefers-reduced-motion: reduce) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block *,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container *,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block *,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-comment-block *,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .table.files-table *{
transition: none !important;
animation: none !important;
}
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block{
--hw-ink: #263629;
--hw-muted: #637057;
--hw-line: #dce3d0;
--hw-orange: #e59a3e;
--hw-focus: #486b36;
--hw-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
margin-top: 28px;
color: var(--hw-ink);
font-family: var(--hw-font);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block > .lt-block-wrapper > .container{ padding: 0 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block h3{
margin: 0 !important;
padding: 17px 24px !important;
border: 1px solid var(--hw-line);
border-top: 3px solid var(--hw-orange);
border-bottom: 0;
border-radius: 18px 18px 0 0;
background: linear-gradient(110deg, #fbf2d4, #edf3e2);
color: var(--hw-ink);
font: 700 23px/1.35 var(--hw-font) !important;
letter-spacing: -.02em;
text-align: left;
text-transform: none;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-wrapper{
margin-top: 0;
border: 1px solid var(--hw-line);
border-top: 0;
border-radius: 0 0 18px 18px !important;
background: #f5f7f0;
box-shadow: 0 10px 30px -22px rgba(49, 65, 37, .4);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-text{
padding: 22px 24px;
color: var(--hw-ink);
font: 16px/1.75 var(--hw-font) !important;
overflow-wrap: anywhere;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-text:empty{ padding: 0; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-text p:last-child{ margin-bottom: 0; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form{
box-sizing: border-box;
display: grid;
grid-template-columns: 36px minmax(0, 1fr);
align-items: start;
gap: 14px;
padding: 24px;
background: #f5f7f0;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form > div:first-child{ min-width: 0; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .user-profile-image{
box-sizing: border-box;
width: 36px;
height: 36px;
margin: 4px 0 0;
border: 1px solid #d7dfc9;
border-radius: 50%;
object-fit: cover;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form-inner{
box-sizing: border-box;
width: 100%;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
background: transparent;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .addfield{
box-sizing: border-box;
min-width: 0;
padding: 18px;
margin: 0 0 16px;
border: 1px solid var(--hw-line);
border-radius: 14px;
background: #fff;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form label{
display: block;
margin: 0 0 12px;
color: var(--hw-ink);
font: 600 15px/1.65 var(--hw-font) !important;
overflow-wrap: anywhere;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form label i{
display: block;
margin-top: 6px;
color: var(--hw-muted);
font: 400 12px/1.5 var(--hw-font);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(input[type='text'], input[type='number'], input[type='email'], input[type='tel'], select),body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form textarea,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form #LessonAnswer_answer_text,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .addfield :is(.type-string, .type-text, .type-currency, .type-float){
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-height: 46px;
padding: 12px 14px;
border: 1px solid #c6d3b8 !important;
border-radius: 10px !important;
background: #fdfefb;
color: var(--hw-ink);
font: 16px/1.65 var(--hw-font) !important;
transition: border-color .16s ease, box-shadow .16s ease;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form textarea,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form #LessonAnswer_answer_text{
min-height: 120px;
resize: vertical;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .emoji-container textarea{ padding-right: 42px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .emoji-button{ top: 12px; right: 12px; color: #78866b; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(input, textarea)::placeholder{ color: #74816a; opacity: 1; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(input, textarea, select):focus{
border-color: var(--hw-focus) !important;
outline: 2px solid #b2c69f !important;
outline-offset: 2px !important;
box-shadow: none !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(.btn-send-answer, .btn-save-draft, .btn-primary.btn-send, .start-btn.btn-restart){
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 100%;
min-height: 46px;
margin: 4px 8px 0 0;
padding: 10px 18px;
border: 1px solid #d59037;
border-radius: 10px;
background: var(--hw-orange) !important;
color: var(--hw-ink) !important;
font: 600 14px/1.5 var(--hw-font) !important;
text-decoration: none;
white-space: normal;
text-align: center;
vertical-align: top;
transition: background-color .16s ease, border-color .16s ease;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .btn.btn-save-draft{
margin-right: 0;
border-color: #cbd7bd;
background: #fff !important;
color: #435d32 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .btn-send-answer:hover{ background: #edaa55 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .btn-save-draft:hover{ background: #edf3e4 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(.btn-send-answer, .btn-save-draft, .btn-primary.btn-send, .start-btn.btn-restart):hover{
transform: none;
box-shadow: none;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(button, a, .uploadifive-button):focus-visible{
outline: 3px solid var(--hw-focus) !important;
outline-offset: 3px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(button:disabled, input:disabled, textarea:disabled, select:disabled){
opacity: .6;
cursor: not-allowed;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .uploadifive-button{
border-radius: 8px;
background: #edf3e4;
color: #354e2c;
font-family: var(--hw-font);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .text-muted.small{ color: var(--hw-muted); font-size: 12px; opacity: 1; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .self-answers .user-answer{ background: #fafcf6; color: var(--hw-ink); }
@media (max-width: 767px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block h3{ padding: 16px 18px !important; font-size: 22px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form{ padding: 18px; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .user-profile-image{ width: 28px; height: 28px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .addfield{ padding: 16px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-text{ padding: 18px; }
}
@media (max-width: 480px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form{ display: block; padding: 14px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form > div:first-child{ margin-bottom: 12px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .addfield{ padding: 14px; margin-bottom: 14px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form label{ font-size: 14px !important; line-height: 1.6 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(.btn-send-answer, .btn-save-draft){ display: flex; width: 100%; margin: 10px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(input, textarea, select, button, a){ transition: none !important; }
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body){
background: rgb(253, 249, 245) !important;
isolation: isolate;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-main-content{
background: transparent !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body)::before{
content: '';
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
background-color: rgb(253, 249, 245);
background-image: url('https://fs21.getcourse.ru/fileservice/file/download/a/43374/sc/62/h/8712d738c2f4678289f13c617abe03a8.webp');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block.row-section,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container{
background: transparent !important;
background-image: none !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
border: 1px solid rgba(255, 255, 255, .6) !important;
border-radius: 32px !important;
box-shadow: 0 20px 50px rgba(0, 0, 0, .05), inset 0 0 0 1px rgba(255, 255, 255, .4) !important;
color: #111 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .page-header h1 a{ color:#111 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td.text-center.hidden-xs{ color:#111 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .page-header{ border-bottom-color: rgba(255,255,255,.4); }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block h2.lesson-title-value{ color: #111 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-description-value{ color: #333 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation{ border-top-color: rgba(255,255,255,.5); }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation a{
border: none !important;
border-radius: 100px !important;
background: rgba(255,255,255,.9) !important;
color: #111 !important;
box-shadow: 0 4px 12px rgba(85,107,47,.1) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation td.text-right a{
background: linear-gradient(135deg, #e59a3e 0%, #d68b31 100%) !important;
box-shadow: 0 6px 16px rgba(229,154,62,.25) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block .lesson-navigation div.hidden-xs{ color: #333 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block h3{
background: transparent !important;
border: 0 !important;
color: #111 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-wrapper,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .lesson-mission-wrapper{ border-radius: 0 0 32px 32px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .addfield{
background: rgba(243,236,190,.65) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255,255,255,.5) !important;
border-radius: 16px !important;
box-shadow: 0 4px 15px rgba(0,0,0,.04) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(input[type='text'],input[type='number'],input[type='email'],input[type='tel'],select),body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form textarea,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form #LessonAnswer_answer_text,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .addfield :is(.type-string,.type-text,.type-currency,.type-float){
background: rgba(255,255,255,.6) !important;
border: 1px solid rgba(255,255,255,.5) !important;
border-radius: 16px !important;
color: #111 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(input,textarea,select):focus{
background: rgba(255,255,255,.9) !important;
border-color: #e59a3e !important;
box-shadow: 0 0 10px rgba(229,154,62,.2) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form label{ color: #111 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form label i{ color: #333; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form :is(.btn.btn-send-answer,.btn-primary.btn-send,.start-btn.btn-restart){
width: 100%;
min-height: 56px;
border: none !important;
border-radius: 100px !important;
background: linear-gradient(135deg, #e59a3e 0%, #d68b31 100%) !important;
color: #111 !important;
font-weight: 800 !important;
text-transform: uppercase;
box-shadow: 0 6px 16px rgba(229,154,62,.25) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .btn.btn-save-draft{
width: 100%;
min-height: 48px;
margin-top: 12px;
border: 0;
border-radius: 100px;
background: rgba(255,255,255,.9) !important;
color: #556b2f !important;
box-shadow: 0 4px 12px rgba(85,107,47,.1);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper{ width:100% !important; max-width:100% !important; margin:16px auto 24px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper details.gc-timecodes{
background:transparent !important;
backdrop-filter:blur(24px) !important;
-webkit-backdrop-filter:blur(24px) !important;
border:1px solid rgba(255,255,255,.6) !important;
border-radius:32px !important;
box-shadow:0 20px 50px rgba(0,0,0,.05), inset 0 0 0 1px rgba(255,255,255,.4) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper .timecodes-header{ padding:16px 20px !important; gap:12px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper .timecodes-title{ color:#111 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper .tc-toggle-btn{
background:rgba(255,255,255,.9) !important;
color:#556b2f !important;
border:0 !important;
border-radius:100px !important;
box-shadow:0 4px 12px rgba(85,107,47,.15) !important;
transform:none !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper details[open] .tc-toggle-btn{ background:#e59a3e !important; color:#111 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper .timecodes-content{ padding:0 20px 20px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper .tc-list li{ color:#111 !important; line-height:1.6; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper a.tc-time{
padding:6px 8px !important;
width:auto !important;
min-width:72px;
min-height:32px;
background:rgba(255,255,255,.9) !important;
color:#556b2f !important;
border-radius:100px !important;
box-shadow:0 2px 6px rgba(85,107,47,.1) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper :is(summary,a):focus-visible{ outline:2px solid #556b2f !important; outline-offset:2px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .insights-header{
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card{
background:rgba(243,236,190,.65) !important;
backdrop-filter:blur(10px) !important;
-webkit-backdrop-filter:blur(10px) !important;
border:1px solid rgba(255,255,255,.5) !important;
border-radius:16px !important;
box-shadow:0 4px 15px rgba(0,0,0,.04) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container :is(.quote,.flow,.takeaway,.notebook-notice){
background:rgba(255,255,255,.55) !important;
border-color:rgba(255,255,255,.5) !important;
border-radius:12px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .quote{ border-left:3px solid #e59a3e !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-step{
background:rgba(255,255,255,.6) !important;
border:1px solid rgba(255,255,255,.5) !important;
border-radius:16px !important;
box-shadow:0 4px 15px rgba(0,0,0,.04) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container :is(.eyebrow,.label,.toggle-btn){
background:rgba(255,255,255,.9) !important;
color:#556b2f !important;
border:0 !important;
border-radius:100px !important;
box-shadow:0 4px 12px rgba(85,107,47,.15) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details[open] .toggle-btn{ background:#e59a3e !important; color:#111 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container :is(h2,h3){ color:#111 !important; }
@media (max-width:520px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block.row-section,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper details.gc-timecodes{ border-radius:24px !important; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block.row-section,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper details.gc-timecodes{ background:rgba(243,236,190,.9) !important; }
}
@media (prefers-reduced-transparency:reduce) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lesson-header-block.row-section,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-timecodes-wrapper details.gc-timecodes,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block .answer-form .addfield,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card{ background:rgba(243,236,190,.95) !important; backdrop-filter:none !important; }
}
@media (max-width: 767px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container{
padding: 14px !important;
font-size: 16px !important;
line-height: 1.65 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .insights-header{
padding: 8px 0 16px !important;
margin-bottom: 0 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .insights-header h2{
font-size: 22px !important;
line-height: 1.3 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .insights-header p{
font-size: 15px !important;
line-height: 1.6 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .eyebrow{
padding: 6px 10px !important;
font-size: 11px !important;
line-height: 1.4 !important;
margin-bottom: 10px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .notebook-notice{
padding: 14px !important;
margin-bottom: 16px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card{
padding: 14px !important;
margin: 0 0 12px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card > summary{
display: block !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
min-height: 0 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .summary-top{
display: grid !important;
grid-template-columns: minmax(0, 1fr) 96px !important;
align-items: start !important;
gap: 8px !important;
margin: 0 0 10px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .summary-top .label{
display: inline-flex !important;
align-items: center;
justify-self: start;
min-width: 0;
max-width: 100%;
min-height: 32px;
padding: 6px 8px !important;
margin: 0 !important;
font-size: 10px !important;
line-height: 1.4 !important;
white-space: normal !important;
text-align: left;
overflow-wrap: anywhere;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .summary-top .toggle-btn{
display: inline-flex !important;
align-items: center;
justify-content: center;
justify-self: end;
width: 96px;
min-height: 32px;
padding: 6px 8px !important;
margin: 0 !important;
font-size: 10px !important;
line-height: 1.4 !important;
white-space: nowrap !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card h3{
margin: 0 !important;
font-size: 18px !important;
line-height: 1.4 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card:not([open]) > .card-body{
display: none !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container details.insight-card[open] > .card-body{
display: block !important;
height: auto !important;
min-height: 0 !important;
margin-top: 14px !important;
padding-top: 14px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .quote,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .takeaway{
padding: 12px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow{
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 8px !important;
padding: 12px !important;
margin: 14px 0 !important;
height: auto !important;
min-height: 0 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-step{
flex: 0 0 auto !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
padding: 12px !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .insights-container .flow-arrow{
flex: 0 0 auto !important;
align-self: center !important;
height: 20px;
line-height: 20px;
margin: 0;
transform: rotate(90deg) !important;
}
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block > .lt-block-wrapper > .container > .row{
margin-left: 0;
margin-right: 0;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .lt-lesson-mission-block > .lt-block-wrapper > .container > .row > .col-md-12{
padding-left: 0;
padding-right: 0;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget{
box-sizing: border-box;
width: 100%;
min-width: 0;
margin: 20px 0;
padding: 24px !important;
background: transparent !important;
border: 1px solid rgba(255,255,255,.6) !important;
border-radius: 32px !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
box-shadow: 0 20px 50px rgba(0,0,0,.05), inset 0 0 0 1px rgba(255,255,255,.4) !important;
color: #222 !important;
font-family: inherit;
font-size: 16px;
line-height: 1.6;
overflow-wrap: anywhere;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget *,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget *::before,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget *::after{ box-sizing: border-box; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .testing-content{
background: transparent !important;
min-width: 0;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .row{ margin-left: 0; margin-right: 0; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .question{
padding: 20px !important;
margin-bottom: 14px;
background: rgba(243,236,190,.65) !important;
border: 1px solid rgba(255,255,255,.5) !important;
border-radius: 16px !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 4px 15px rgba(0,0,0,.04) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .question .question-data{
padding: 0 !important;
font-family: inherit;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .question .question-question-block{
min-height: 0 !important;
padding: 0 12px 0 0;
text-align: left;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .question .question-answer-block{
min-width: 0;
padding: 12px 0 0 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .question-title-big{
margin: 8px 0 18px !important;
color: #222 !important;
font-size: clamp(18px,2.5vw,24px) !important;
font-weight: 700 !important;
line-height: 1.4 !important;
text-align: left;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .question-number{
color: #4b542f;
font-size: 14px !important;
font-weight: 600;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .button-list{
width: 100% !important;
max-width: none !important;
margin: 0 !important;
display: grid;
gap: 10px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn{
max-width: 100%;
min-height: 44px;
padding: 12px 22px !important;
border: 1px solid transparent !important;
border-radius: 100px !important;
background: linear-gradient(135deg,#e59a3e,#d68b31) !important;
box-shadow: 0 6px 16px rgba(229,154,62,.25) !important;
color: #222 !important;
font: inherit;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
white-space: normal;
text-shadow: none;
text-transform: none !important;
letter-spacing: normal !important;
transition: background-color .15s, border-color .15s, box-shadow .15s;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-send-variant,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-mark-variant{
position: relative;
width: 100%;
min-width: 0 !important;
margin: 0 !important;
padding: 14px 18px !important;
border-color: rgba(255,255,255,.65) !important;
border-radius: 16px !important;
background: rgba(255,255,255,.6) !important;
box-shadow: 0 4px 12px rgba(85,107,47,.06) !important;
text-align: left;
font-weight: 500 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-mark-variant{ padding-left: 48px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-mark-variant::before{
left: 16px !important;
top: 50%;
transform: translateY(-50%);
font-size: 23px !important;
line-height: 1 !important;
color: #62713b;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-send-variant:hover:not(:disabled),body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-mark-variant:hover:not(:disabled),body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-mark-variant[data-marked="1"]{
background: rgba(255,248,219,.9) !important;
border-color: #d68b31 !important;
box-shadow: 0 0 0 2px rgba(229,154,62,.12) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-send-variant.btn-success,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-mark-variant.btn-success[data-marked="1"]{
background: rgba(216,235,193,.92) !important;
border-color: #668547 !important;
color: #28441e !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-send-variant.btn-danger,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-mark-variant.btn-danger[data-marked="1"]{
background: rgba(255,225,216,.94) !important;
border-color: #b6533a !important;
color: #792f23 !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn:focus-visible,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget a:focus-visible,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget input:focus-visible{
outline: 3px solid #9b601b !important;
outline-offset: 3px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn:disabled,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn.disabled{ opacity: .55; cursor: not-allowed; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .testing-buttons,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget #testing-buttons{
margin: 18px 0 0 !important;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 10px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn-next-question{ margin: 0 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .before-start-block{ max-width: 640px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .stat-block{ padding: 4px 0 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .stat-title{
margin-bottom: 12px !important;
color: #222;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.35;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .stat-str{
display: inline-block;
min-width: 140px;
padding: 10px 24px !important;
margin: 0 0 18px;
background: rgba(243,236,190,.65) !important;
border: 1px solid rgba(255,255,255,.6);
border-radius: 100px;
color: #42552a;
font-size: 28px !important;
font-weight: 700;
line-height: 1.3;
box-shadow: 0 4px 15px rgba(0,0,0,.04);
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .stat-block .row:has(.stat-str){ text-align: center; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .result-text{
margin-bottom: 8px !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.6;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .result-text > div{ margin-bottom: 10px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .text-success,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .testing-content .success{ color: #365526 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .testing-content .danger{ color: #8e3827 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .stat-block a{
color: #4b542f;
text-decoration: underline;
text-underline-offset: 3px;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget img{ max-width: 100%; height: auto; }
@media (max-width:767px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget{ padding: 16px !important; border-radius: 24px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .question{ padding: 16px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .question .question-question-block{ padding: 0 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .stat-block .col-md-12,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .stat-block .col-md-4{ padding-left: 0; padding-right: 0; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .testing-buttons > .btn,body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget #testing-buttons > .btn{ width: 100%; min-width: 0 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .stat-title{ font-size: 21px !important; }
}
@media (prefers-reduced-motion:reduce) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .testing-widget .btn{ transition: none; }
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-wrapper{
width: 100% !important;
max-width: 100% !important;
margin: 24px auto !important;
box-sizing: border-box;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) details.gc-oils-container{
background: transparent !important;
border: 1px solid rgba(255,255,255,.6) !important;
border-radius: 32px !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
box-shadow: 0 20px 50px rgba(0,0,0,.05), inset 0 0 0 1px rgba(255,255,255,.4) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-header{
display: grid;
grid-template-columns: minmax(0,1fr) auto;
gap: 12px;
padding: 20px 24px;
background: transparent !important;
border-bottom: 1px solid rgba(255,255,255,.5) !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) details.gc-oils-container:not([open]) > .gc-oils-header{ border-bottom: 0 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-header .oils-title-wrap{ min-width: 0; gap: 8px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-header .oils-title{ color: #222; font-size: 22px; line-height: 1.35; overflow-wrap: anywhere; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-header .oils-eyebrow{
align-self: flex-start;
padding: 6px 10px;
border: 1px solid rgba(255,255,255,.6);
border-radius: 100px;
background: rgba(255,255,255,.9);
color: #4b542f;
opacity: 1;
font-size: 11px;
line-height: 1.4;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-header .tc-toggle-btn{
padding: 9px 12px;
border: 0;
border-radius: 100px;
background: linear-gradient(135deg,#e59a3e,#d68b31) !important;
color: #222 !important;
font-size: 12px;
line-height: 1.4;
white-space: nowrap;
box-shadow: 0 6px 16px rgba(229,154,62,.25);
transform: none !important;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-content{ padding: 20px 24px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .oils-grid{ grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 14px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .oil-card{
min-width: 0;
padding: 16px;
border: 1px solid rgba(255,255,255,.5) !important;
border-radius: 16px;
background: rgba(243,236,190,.65) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 4px 15px rgba(0,0,0,.04) !important;
transform: none !important;
overflow-wrap: anywhere;
}
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .oil-card.special-blend{ border-left: 3px solid #c78430 !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .oil-name{ color: #222; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .oil-desc{ color: #333; font-size: 14px; line-height: 1.65; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .oil-desc strong{ color: #805016; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-header:focus-visible{ outline: 3px solid #9b601b !important; outline-offset: -4px; }
@media(max-width:767px) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) details.gc-oils-container{ border-radius: 24px !important; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-header{ padding: 16px; grid-template-columns: minmax(0,1fr) 96px; gap: 8px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-header .oils-title{ font-size: 18px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-header .tc-toggle-btn{ padding: 8px; font-size: 10px; text-align: center; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-content{ padding: 0 16px 16px; }
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .oils-grid{ grid-template-columns: minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
body:where(:has(.lesson-header-block)):where(html:not(:has(head link[href*="id=101269"])) body) .gc-oils-wrapper *{ transition: none !important; }
}

/* Native GetCourse conversation page only. No markup, controls or messages changed. */
body.page-conversation-index .talks-widget-window.wide {
 left:96px!important;right:0!important;top:0!important;bottom:0!important;
 width:auto!important;height:100%!important;max-width:none!important;
 background:#f8f5ed url('https://fs21.getcourse.ru/fileservice/file/download/a/43374/sc/62/h/8712d738c2f4678289f13c617abe03a8.webp') center center/cover no-repeat!important;
 color:#223a32;font-family:'Montserrat',Arial,sans-serif;
}
body.page-conversation-index .talks-widget-header {
 background:rgba(255,255,255,.48)!important;
 backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
 border-bottom:1px solid rgba(255,255,255,.75)!important;
 box-shadow:0 4px 20px rgba(35,52,35,.04);color:#223a32!important;
}
body.page-conversation-index .talks-widget-header .caption {font-size:19px;font-weight:700;color:#223a32!important;line-height:28px;}
body.page-conversation-index .talks-widget-header .btn-close,
body.page-conversation-index .talks-widget-header .btn-back {color:#354c40!important;min-width:40px;min-height:40px;line-height:40px;text-align:center;top:3px;}
body.page-conversation-index .talks-widget-body,
body.page-conversation-index .conversation-widget,
body.page-conversation-index .selected-conversation,
body.page-conversation-index .conversations-list {background:transparent!important;}
body.page-conversation-index .conversations-list {padding:8px 18px 76px;box-sizing:border-box;}
body.page-conversation-index .conversation-annotate {
 margin:12px 0!important;padding:20px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:20px;
 background:rgba(255,255,255,.46)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
 box-shadow:0 10px 28px rgba(33,49,33,.055),inset 0 0 0 1px rgba(255,255,255,.25);
 transition:background-color .18s ease,border-color .18s ease;
}
body.page-conversation-index .conversation-annotate:hover {background:rgba(255,255,255,.66)!important;border-color:rgba(229,154,62,.55)!important;}
body.page-conversation-index .conversation-title {font-size:17px!important;font-weight:700;color:#223a32!important;}
body.page-conversation-index .conversation-text {font-size:16px!important;line-height:1.65!important;color:#314339!important;overflow-wrap:anywhere;}
body.page-conversation-index .conversation-time {font-size:12px;color:#596552!important;}
body.page-conversation-index .conversation-fresh-comment-count {background:#ad6721!important;color:#fff!important;border-radius:20px;min-width:24px;min-height:24px;line-height:24px;padding:0 6px;text-align:center;}
body.page-conversation-index .conversation-list-footer,
body.page-conversation-index .comment-form-wrapper {
 background:rgba(255,255,255,.65)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
 border-top:1px solid rgba(255,255,255,.8)!important;box-shadow:0 -6px 22px rgba(33,49,33,.04);
}
body.page-conversation-index .conversation-list-footer {padding:12px 18px!important;}
body.page-conversation-index .talks-widget-window .btn-primary {
 background:#e59a3e!important;background-image:none!important;color:#26382b!important;
 border:1px solid rgba(174,101,27,.18)!important;border-radius:14px!important;
 padding:11px 20px!important;font-family:'Montserrat',Arial,sans-serif;font-size:15px!important;font-weight:600!important;
 min-height:44px;line-height:20px;box-shadow:0 5px 15px rgba(174,101,27,.13);text-shadow:none!important;
 transition:background-color .18s ease,box-shadow .18s ease!important;transform:none!important;
}
body.page-conversation-index .talks-widget-window .btn-primary:hover {background:#efad58!important;box-shadow:0 7px 18px rgba(174,101,27,.2)!important;transform:none!important;}
body.page-conversation-index .talks-widget-window .btn-primary:disabled {opacity:.55;}
body.page-conversation-index .talks-widget-window :is(button,a,textarea,input):focus-visible {outline:3px solid #955616!important;outline-offset:3px;}
body.page-conversation-index .conversation-widget .comment {
 margin:14px 18px!important;padding:18px!important;border:1px solid rgba(255,255,255,.85);border-radius:20px;
 background:rgba(255,255,255,.72)!important;color:#223a32!important;box-shadow:0 5px 20px rgba(33,49,33,.04);
}
body.page-conversation-index .conversation-widget .comment .title {color:#223a32!important;}
body.page-conversation-index .conversation-widget .comment .text-content {font-size:16px!important;line-height:1.7!important;color:#263b30!important;overflow-wrap:anywhere;}
body.page-conversation-index .conversation-widget .comment .text-content a {color:#885015!important;text-decoration:underline;}
body.page-conversation-index .conversation-widget .comment .comment-time {color:#586553!important;font-size:12px!important;}
body.page-conversation-index .conversation-widget .new-comment-textarea {
 background:rgba(255,255,255,.92)!important;color:#223a32!important;border:1px solid #b5bca8!important;
 border-radius:12px!important;padding:10px 42px 10px 12px!important;box-shadow:inset 0 1px 3px rgba(33,49,33,.025)!important;
 font-family:'Montserrat',Arial,sans-serif;font-size:16px!important;line-height:1.5!important;box-sizing:border-box;max-width:100%;
}
body.page-conversation-index .conversation-widget .new-comment-textarea::placeholder {color:#68715e!important;opacity:1;}
body.page-conversation-index .talks-widget-window :is(.comments-container,.conversations-list,.talks-widget-body) {scrollbar-width:thin;scrollbar-color:#ab925f rgba(255,255,255,.3);}
body.page-conversation-index .talks-widget-window ::-webkit-scrollbar {width:8px;height:8px;}
body.page-conversation-index .talks-widget-window ::-webkit-scrollbar-track {background:rgba(255,255,255,.3);}
body.page-conversation-index .talks-widget-window ::-webkit-scrollbar-thumb {background:#ab925f;border:2px solid rgba(255,255,255,.3);border-radius:10px;}
@media(max-width:767px) {
 body.page-conversation-index .talks-widget-window.wide {left:0!important;right:0!important;width:100%!important;background-position:center center!important;}
 body.page-conversation-index .conversations-list {padding:4px 12px 76px;}
 body.page-conversation-index .conversation-annotate {padding:14px!important;border-radius:16px;}
 body.page-conversation-index .conversation-widget .comment {margin:10px 10px!important;padding:14px!important;border-radius:16px;}
 body.page-conversation-index .conversation-text {font-size:15px!important;}
 body.page-conversation-index .conversation-title {font-size:16px!important;}
 body.page-conversation-index .talks-widget-header .caption {font-size:17px;}
 body.page-conversation-index .conversation-widget .comment .text-content {font-size:16px!important;}
 body.page-conversation-index .talks-widget-window .btn-primary {padding:10px 15px!important;}
}
@media(prefers-reduced-motion:reduce) {body.page-conversation-index .talks-widget-window :is(.btn-primary,.conversation-annotate) {transition:none!important;}}
@supports not (backdrop-filter:blur(1px)) {
 body.page-conversation-index :is(.conversation-annotate,.talks-widget-header,.conversation-list-footer,.comment-form-wrapper) {background:rgba(250,248,239,.94)!important;}
}
	
/* ------------- 
content finish - lesson-components.css
------------- */