/* Lesson-only palette. The approved storefront and administration stay unchanged. */
.view-ders{--lesson-night:#11213a;--lesson-ink:#20334a;--lesson-cream:#f6efdf;--lesson-line:#d9cfb9;background:var(--lesson-night);color:#f6efdf}
.view-ders .site-header{background:#101d32;border-color:#3e4d62}
.view-ders .learning-topbar{background:#182b45;border-color:#3e5069;color:#f3e9d4}
.view-ders .learning-topbar>#course-name,.view-ders .learning-topbar .back-link{color:#f3e9d4}
.view-ders .learning-topbar>.back-link{border-color:#526177}
.view-ders .course-completion{color:#c2cdde}
.view-ders .learning-topbar progress{accent-color:#b9cbe2}
.view-ders .learning-topbar progress::-webkit-progress-bar{background:#3c526c}
.view-ders .learning-topbar progress::-webkit-progress-value{background:#b9cbe2}
.view-ders .learning-topbar progress::-moz-progress-bar{background:#b9cbe2}
.view-ders .admin-preview-label{border-color:#768392;color:#ece0c7}
.view-ders .learning-layout{background:transparent}
.view-ders .lesson-sidebar{background:var(--lesson-cream);border:1px solid var(--lesson-line);border-radius:10px;color:var(--lesson-ink);scrollbar-color:#a6acb4 #f6efdf}
.view-ders .sidebar-title{border-color:var(--lesson-line);padding:21px 17px}
.view-ders .sidebar-title h2{color:var(--lesson-ink)}
.view-ders .sidebar-title>span,.view-ders .lesson-group{color:#657084}
.view-ders .lesson-group{margin-inline:17px}
.view-ders .lesson-row{background:transparent;border-color:#e4dac7;color:#394b61;padding:16px 16px;font-size:12px}
.view-ders .lesson-row:hover{background:#e9e4d9;color:#162d48}
.view-ders .lesson-row.selected{background:#e1e8ed;color:#183350}
.view-ders .lesson-row.selected:before{background:#385a80}
.view-ders .lesson-number{color:#607088;border-color:#aeb8c4}
.view-ders .lesson-row.selected .lesson-number{background:#244665;border-color:#244665;color:#fff5df}
.view-ders .lesson-number.is-complete{color:#244665;border-color:#7a94ad}
.view-ders .lesson-row-content small{color:#637388}
.view-ders .lesson-main{background:transparent;padding:0}
.view-ders .video-stage,.view-ders .video-stage video{background:#090f1b}
.view-ders .video-stage{border-color:#425775;box-shadow:0 16px 38px #060c1950}
.view-ders .video-placeholder{background:radial-gradient(ellipse at 50% 0,#263d5c,#111d32 80%);color:#cad3e0}
.view-ders .video-emblem{border-color:#7c8ba2;color:#ece1c6}
.view-ders .lesson-workspace{background:var(--lesson-cream);color:var(--lesson-ink);padding:23px 25px 25px;border-radius:10px;margin-top:18px;border:1px solid var(--lesson-line)}
.view-ders .lesson-title-row{margin-top:0}
.view-ders .lesson-title-row h1{color:#20334a;font-size:clamp(25px,2vw,33px)}
.view-ders .lesson-section,.view-ders .lesson-description,.view-ders .lesson-navigation>span{color:#56657a}
.view-ders .lesson-description strong,.view-ders .lesson-description h2,.view-ders .lesson-description h3{color:#20334a}
.view-ders .lesson-description a,.view-ders .lesson-navigation>.text-link,.view-ders .material-action{color:#244f78}
.view-ders .lesson-workspace .button{background:#244665;border-color:#244665;color:#fff5df;box-shadow:none}
.view-ders .lesson-workspace .button-outline{background:transparent;color:#244665;border-color:#8b9caf}
.view-ders .lesson-workspace .button:hover{background:#17364f;color:#fff8e8}
.view-ders .lesson-tools{background:#fffaf0;border-color:#d8cfbd;margin-top:24px}
.view-ders .tool-tabs{border-color:#d8cfbd}
.view-ders .tool-tabs button{color:#657084}
.view-ders .tool-tabs button.active{color:#203f60}
.view-ders .tool-tabs button.active:after{background:#345c80}
.view-ders .tool-tabs span{background:#e3e9ee;color:#34516a}
.view-ders #lesson-notes{color:#20334a;font-size:14px}
.view-ders #lesson-notes::placeholder{color:#738092}
.view-ders .notes-footer>span{color:#647083}
.view-ders .material-download{color:#20334a;border-color:#ded4c1}
.view-ders .mobile-study-tabs{background:#172c47!important;border-color:#526580}
.view-ders .mobile-study-tabs button{color:#c8d1dd}
.view-ders .mobile-study-tabs button[aria-pressed=true]{color:#fff5dc}
.view-ders .mobile-study-tabs button[aria-pressed=true]:after{background:#f0d393}
/* Polished yellow gold: sharp white reflections and deep gold bands, not matte tan. */
.view-ders .assistant-panel{--ai-metal:linear-gradient(115deg,#805414 0%,#deb355 12%,#fff9cb 22%,#b77a17 26%,#f7d46b 34%,#fff9d9 47%,#fffdf0 50%,#c38c22 54%,#f8d571 66%,#fff4b5 78%,#bc841d 91%,#edc765 100%);--ai-text-metal:linear-gradient(178deg,#fffdf0 0%,#fff5b4 21%,#f0c856 38%,#a16b15 42%,#fffbe2 48%,#ffe897 57%,#c38920 72%,#ffe899 83%,#fff9d6 100%);position:sticky;top:16px;min-width:0;background:linear-gradient(145deg,#233958,#111f35 65%);border:2px solid transparent;border-radius:14px;background-image:linear-gradient(145deg,#233958,#111f35 65%),var(--ai-metal);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:inset 0 0 0 1px #fff8c52b,0 0 0 1px #573d16,0 12px 34px #03091180,0 0 23px #f8d57618;overflow:hidden;color:#f5ecd9}
.view-ders .assistant-scroll{padding:0 20px 22px;scrollbar-color:#7e95ae #15243c;scroll-padding-top:120px}
.view-ders .assistant-heading{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0;text-align:center;padding:8px 0 21px;background:transparent}
.view-ders .assistant-heading:before{content:'';position:absolute;z-index:-1;width:260px;height:260px;max-width:100%;top:9px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#fbe49932 0,#e8c76c0c 41%,transparent 69%);pointer-events:none;animation:mza-sage-glow 5s ease-in-out infinite}
.view-ders .assistant-mascot{height:230px;flex:none;position:relative;width:190px;margin:0 auto -8px;pointer-events:none}
.view-ders .assistant-mascot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 12px #030915a8);animation:mza-sage-float 5s ease-in-out infinite;display:block}
.view-ders .assistant-heading h2{color:#ffe9a0;font:700 25px/1.17 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0;position:relative;text-wrap:balance;filter:drop-shadow(0 2px 1px #03080db3)}
.view-ders .assistant-heading h2 span{display:block}
@supports (background-clip:text){.view-ders .assistant-heading h2{background-image:var(--ai-text-metal);background-clip:text;-webkit-background-clip:text;color:transparent}}
.view-ders .assistant-heading p{color:#c9d4e3;font-size:11px;line-height:1.5;margin-top:12px}
.view-ders .quota-area{position:sticky;top:0;z-index:3;background:#10223b;border:1px solid #987535;border-top-color:#fce3a0;border-bottom-color:#685022;border-radius:7px;margin:0;padding:12px 15px 10px;box-shadow:0 5px 12px #071122a6,inset 0 1px 0 #fff7c820}
.view-ders .quota-counters{max-width:none}
.view-ders .quota-counters>div+div{padding-left:20px;border-color:#617089}
.view-ders .quota-counters span,.view-ders .quota-counters small{color:#c4cfe0}
.view-ders .quota-counters strong{color:#fff0bb;font-size:31px;margin-top:2px}
.view-ders .quota-reset{color:#c0ccdc;font-size:10px;line-height:1.5;margin-top:7px}
.view-ders .question-chooser{border-color:#455671;padding-top:23px}
.view-ders .small-heading{align-items:flex-start;flex-wrap:wrap;gap:7px}
.view-ders .small-heading h3{color:#f3e8ce;font-size:13px;line-height:1.5}
.view-ders .assistant-panel .quiet-button{color:#ffe6a2;font-size:11px;line-height:1.5}
.view-ders .question-button{background:#243a56;border-color:#64748a;color:#f5ecd9;font-size:12px;padding:11px 12px;line-height:1.6}
.view-ders .question-button:hover{background:#304c6c;border-color:#f5d680}
.view-ders .question-button>span{color:#ffe6a2}
.view-ders #question-form .small,.view-ders .assistant-panel .small{color:#c5d0df;line-height:1.6}
.view-ders #question-description{font-size:12px}
.view-ders .assistant-panel .form-field label{color:#f2e9d9;font-size:12px}
.view-ders .assistant-panel .form-field input{background:#f6efdf;color:#20334a;border-color:#cdbb93;font-size:14px;min-height:42px;color-scheme:light}
.view-ders .assistant-panel .form-field input::placeholder{color:#69758a}
.view-ders .assistant-panel .form-field input:focus{outline:2px solid #f5d681;outline-offset:2px}
/* User-approved navy capsule with a polished gold rim; no gold-filled surface. */
.view-ders .assistant-panel .button,.view-ders .composer-footer button,.view-ders .assistant-panel .question-button,.view-ders .assistant-panel .quiet-button{position:relative;isolation:isolate;background:linear-gradient(180deg,#3d5f83 0%,#223f60 19%,#112b49 54%,#183955 100%) padding-box,var(--ai-metal) border-box;color:#fff2ce;border:2px solid transparent;box-shadow:inset 0 1px 0 #a5c0da38,inset 0 -2px 2px #020b195c,0 0 6px #fce6a316;text-shadow:0 1px 1px #061329;font-weight:700;border-radius:24px}
.view-ders .assistant-panel .button{min-height:44px}
.view-ders .assistant-panel .quiet-button{padding:5px 11px;border-width:1px;white-space:nowrap;font-size:11px}
.view-ders .assistant-panel .question-button{border-width:1px;padding:11px 14px;font-weight:600;line-height:1.55}
.view-ders .assistant-panel .button:after,.view-ders .composer-footer button:after{content:'';position:absolute;top:-2px;left:64%;width:14%;max-width:18px;height:2px;background:#fffef0;box-shadow:0 0 5px 1px #fff7b970;pointer-events:none}
.view-ders .assistant-panel .button:hover,.view-ders .composer-footer button:hover,.view-ders .assistant-panel .question-button:hover,.view-ders .assistant-panel .quiet-button:hover{background-image:linear-gradient(180deg,#466b91,#294c6e 22%,#183550 58%,#244966),var(--ai-metal);color:#fff8e8;box-shadow:inset 0 1px 0 #c9def54d,0 0 8px #fce6a32b;text-decoration:none}
.view-ders .assistant-panel .button:disabled,.view-ders .composer-footer button:disabled,.view-ders .assistant-panel .quiet-button:disabled{opacity:.5;cursor:not-allowed}
.view-ders .conversation-tools{border-bottom:1px solid #455671;margin-bottom:16px}
.view-ders .conversation-tools select{background:#162840;color:#cad5e4;border-color:#61748c;font-size:11px}
.view-ders .chat-welcome{padding:5px 0 10px}
.view-ders .chat-welcome>span{color:#ffe29a}
.view-ders .chat-welcome h3{color:#f6eacb;font-size:23px}
.view-ders .chat-welcome p{color:#c5d0df;font-size:12px}
.view-ders .chat-message{color:#f4eddf;font-size:14px;line-height:1.85}
.view-ders .message-author{color:#ffe3a0}
.view-ders .message-user{background:#293e5b;border-color:#61728b}
.view-ders .message-content a{color:#ffe59d;text-decoration:underline;text-underline-offset:3px}
.view-ders .chat-composer{background:#172b45;border-top:1px solid #8d753e;padding:13px 18px 14px}
.view-ders .chat-composer textarea{background:#10213a;border:1px solid #526882;border-radius:6px;padding:10px 11px;color:#f8eedc;font-size:14px;min-height:70px}
.view-ders .chat-composer textarea::placeholder{color:#c1cddd}
.view-ders .composer-footer{margin-top:9px}
.view-ders .composer-footer>span{color:#c6d2e2}
.view-ders .composer-footer button{width:38px;height:36px}
.view-ders .assistant-status{background:#172b45;color:#ffe6b8;border-top:1px solid #56637a;margin:0;padding:11px 18px;font-size:12px;line-height:1.6;flex:none;max-height:150px;overflow:auto}
.view-ders .assistant-status:empty{display:none}
.view-ders .learning-layout [hidden]{display:none!important}
@keyframes mza-sage-float{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.4deg)}}
@keyframes mza-sage-glow{0%,100%{opacity:.7}50%{opacity:1}}
@media(min-width:1281px){
 .view-ders .learning-layout{width:calc(100% - 40px);max-width:1880px;grid-template-columns:210px minmax(0,1fr) 360px;gap:18px;padding:24px 0 30px}
 .view-ders .learning-layout.without-assistant{grid-template-columns:245px minmax(0,1fr);max-width:1530px}
 .view-ders .lesson-sidebar{min-height:520px;max-height:calc(100vh - 32px);top:16px}
 .view-ders .assistant-panel{height:calc(100vh - 191px);min-height:660px}
 .view-ders .assistant-scroll{min-height:0}
}
@media(min-width:1650px){.view-ders .learning-layout{grid-template-columns:235px minmax(0,1fr) 390px;gap:23px}.view-ders .assistant-heading h2{font-size:27px}.view-ders .assistant-mascot{height:250px;width:205px}.view-ders .lesson-row{font-size:13px}}
@media(min-width:1281px) and (max-width:1250px){.view-ders .learning-layout{grid-template-columns:185px minmax(0,1fr) 330px;gap:14px;width:calc(100% - 28px)}.view-ders .assistant-scroll{padding-inline:16px}.view-ders .assistant-heading h2{font-size:23px}.view-ders .lesson-workspace{padding:20px}.view-ders .lesson-title-row{flex-wrap:wrap}.view-ders .lesson-row{padding-inline:12px}}
@media(max-width:1280px){
 .view-ders .learning-layout,.view-ders .learning-layout.without-assistant{background:transparent;max-width:850px;padding:24px;gap:0;width:100%}
 .view-ders .lesson-workspace{margin-top:18px;padding:25px}
 .view-ders .lesson-sidebar{min-height:0;border-radius:10px;margin-top:18px}
 .view-ders .assistant-panel{position:static;height:auto;min-height:0;margin-top:18px}
 .view-ders .assistant-scroll{overflow:visible;max-height:none;min-height:0;padding:0 24px 24px}
 .view-ders .assistant-heading{display:grid;grid-template-columns:160px 1fr;column-gap:15px;text-align:left;padding:17px 0 18px;align-items:center}
 .view-ders .assistant-mascot{height:180px;width:160px;grid-row:1/3;margin:0}
 .view-ders .assistant-heading h2{font-size:31px;line-height:1.17;align-self:end}
 .view-ders .assistant-heading p{font-size:13px;align-self:start;margin-top:10px}
 .view-ders .assistant-heading:before{left:70px;top:0;width:220px;height:220px}
 .view-ders .quota-area{position:static;padding:15px 20px}
 .view-ders .quota-counters strong{font-size:32px}
 .view-ders .quota-counters span,.view-ders .quota-reset{font-size:12px}
 .view-ders .question-button{font-size:14px;min-height:48px}
 .view-ders #question-description,.view-ders .assistant-panel .small,.view-ders .assistant-panel .form-field label{font-size:14px}
 .view-ders .small-heading h3{font-size:15px}
 .view-ders .assistant-panel .quiet-button{font-size:13px;min-height:30px}
 .view-ders .assistant-panel .form-field input,.view-ders .chat-composer textarea{font-size:16px}
 .view-ders .conversation-tools select{font-size:14px}
 .view-ders .chat-message{font-size:15px}
 .view-ders .chat-composer{padding:17px 24px 20px}
 .view-ders .assistant-status{padding-inline:24px;font-size:14px;max-height:none}
}
@media(max-width:650px){
 .view-ders .learning-layout,.view-ders .learning-layout.without-assistant{padding:16px 0 0}
 .view-ders .lesson-workspace{margin-top:0;padding:25px 19px;border:0;border-radius:0}
 .view-ders .lesson-title-row h1{font-size:27px}
 .view-ders .lesson-sidebar{margin-top:0;border-width:0;border-radius:0}
 .view-ders .lesson-row{font-size:14px;padding:18px 20px}
 .view-ders .assistant-panel{margin-top:0;border-radius:0;border-width:2px 0}
 .view-ders .assistant-scroll{padding:0 19px 22px}
 .view-ders .assistant-heading{grid-template-columns:122px minmax(0,1fr);gap:0 9px;padding:14px 0 19px}
 .view-ders .assistant-mascot{height:180px;width:122px}
 .view-ders .assistant-heading h2{font-size:23px;line-height:1.14;letter-spacing:-.03em}
 .view-ders .assistant-heading p{font-size:11px;line-height:1.5;margin-top:10px}
 .view-ders .assistant-heading:before{left:50px;width:180px;height:180px}
 .view-ders .quota-area{padding:13px 16px}
 .view-ders .quota-counters span,.view-ders .quota-reset{font-size:11px}
 .view-ders .question-list{grid-template-columns:1fr}
 .view-ders .small-heading h3{font-size:14px}
 .view-ders #question-fields{grid-template-columns:1fr}
 .view-ders .chat-composer{padding-inline:19px}
 .view-ders .assistant-status{padding-inline:19px}
}
@media(prefers-reduced-motion:reduce){.view-ders .assistant-mascot img,.view-ders .assistant-heading:before{animation:none}}

/* Arif Dede: readable greeting, solid heading and raised navy/gold controls. */
.view-ders .assistant-heading{display:flex;flex-direction:column;text-align:center;gap:0;padding-top:10px}
.view-ders .assistant-introduction{display:grid;grid-template-columns:43% minmax(0,1fr);gap:9px;align-items:center;width:100%;margin-bottom:10px}
.view-ders .assistant-introduction .assistant-mascot{width:100%;height:230px;max-width:190px;margin:0;grid-row:auto}
.view-ders .arif-speech{position:relative;isolation:isolate;background:#fff6df;color:#172c47;border:2px solid #e6c16f;border-radius:17px;padding:15px 12px;text-align:left;font:600 14px/1.45 Arial,sans-serif;box-shadow:inset 0 1px 0 #fff,0 3px 0 #896029,0 8px 16px #050e204d}
.view-ders .arif-speech:before{content:'';position:absolute;left:-9px;top:37%;width:14px;height:14px;background:#fff6df;border-left:2px solid #e6c16f;border-bottom:2px solid #e6c16f;transform:rotate(45deg);z-index:-1}
.view-ders .arif-speech strong{display:block;color:#172c47;font-size:16px;line-height:1.3;margin-bottom:8px;font-weight:800}
.view-ders .arif-speech span{display:block}
.view-ders .arif-speech span+span{margin-top:8px}
.view-ders .assistant-heading h2{background:none;-webkit-text-fill-color:#f9e3aa;color:#f9e3aa;filter:none;text-shadow:0 2px 1px #050e20;font-weight:700}
.view-ders .assistant-panel{--ai-metal:linear-gradient(145deg,#fff3ba 0%,#f5d479 22%,#b77a21 44%,#ffe6a0 57%,#d7a545 82%,#fff0b2 100%)}
.view-ders .assistant-panel .button,.view-ders .composer-footer button,.view-ders .assistant-panel .question-button,.view-ders .assistant-panel .quiet-button{border-width:3px;background-image:linear-gradient(180deg,#496987 0%,#254665 20%,#122e4b 58%,#1c3c59 100%),var(--ai-metal);box-shadow:inset 0 2px 1px #c5dbed66,inset 0 -3px 3px #061322aa,0 3px 0 #8e652c,0 6px 10px #030b1b80;text-shadow:0 1px 1px #020a16;color:#fff5d9;font-weight:700}
.view-ders .assistant-panel .question-button{margin-bottom:3px;padding:11px 13px}
.view-ders .assistant-panel .quiet-button{border-width:2px;padding:6px 11px;margin-bottom:3px}
.view-ders .assistant-panel .button:after,.view-ders .composer-footer button:after{display:none}
.view-ders .assistant-panel .button:hover,.view-ders .composer-footer button:hover,.view-ders .assistant-panel .question-button:hover,.view-ders .assistant-panel .quiet-button:hover{box-shadow:inset 0 2px 1px #d7e9f57a,inset 0 -3px 3px #06132299,0 3px 0 #9b7335,0 7px 13px #030b1b80;color:#fff9e9}
.view-ders .assistant-panel .button:active,.view-ders .composer-footer button:active,.view-ders .assistant-panel .question-button:active,.view-ders .assistant-panel .quiet-button:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #04102088,0 1px 0 #8e652c}
@media(min-width:1650px){.view-ders .assistant-introduction .assistant-mascot{height:250px}}
@media(max-width:1280px){.view-ders .assistant-introduction{max-width:470px;align-self:center;grid-template-columns:42% minmax(0,1fr);gap:15px}.view-ders .assistant-heading h2{align-self:center;font-size:27px}.view-ders .assistant-heading p{align-self:center}.view-ders .assistant-heading:before{left:28%}.view-ders .arif-speech{font-size:15px;padding:18px}.view-ders .arif-speech strong{font-size:18px}}
@media(max-width:650px){.view-ders .assistant-introduction{grid-template-columns:40% minmax(0,1fr);gap:9px}.view-ders .assistant-introduction .assistant-mascot{height:210px}.view-ders .arif-speech{font-size:14px;padding:13px 11px}.view-ders .arif-speech strong{font-size:16px}.view-ders .assistant-heading h2{font-size:23px}.view-ders .assistant-heading p{font-size:12px}}

/* Spacious lesson typography; original titles and the approved Arif artwork stay intact. */
.view-ders{font-family:Arial,Helvetica,sans-serif}
.view-ders .learning-topbar{padding:20px 28px;gap:24px}
.view-ders .learning-topbar>#course-name{font-size:18px;font-weight:700;line-height:1.5}
.view-ders .course-completion{font-size:14px;line-height:1.6}
.view-ders .sidebar-title{padding:25px 22px;gap:15px}
.view-ders .sidebar-title h2{font:700 20px/1.4 var(--sans)}
.view-ders .sidebar-title>span{font-size:14px;font-weight:600}
.view-ders .lesson-group{font:700 15px/1.65 var(--sans);letter-spacing:0;color:#31465f;margin:29px 22px 13px}
.view-ders .lesson-row{font-size:16px;font-weight:700;line-height:1.65;padding:22px;gap:13px;color:#253c55}
.view-ders .lesson-row-content{min-width:0;overflow-wrap:anywhere}
.view-ders .lesson-row-content small{display:block;font-size:14px;font-weight:500;margin-top:8px;color:#52647b}
.view-ders .lesson-number{min-width:29px;height:29px;flex-shrink:0;font-size:14px;line-height:29px}
.view-ders .lesson-workspace{padding:32px;margin-top:24px}
.view-ders .lesson-title-row{align-items:flex-start;flex-wrap:wrap;gap:22px;margin-bottom:28px}
.view-ders .lesson-title-row h1{font:700 clamp(28px,2.15vw,37px)/1.4 var(--sans);letter-spacing:0;overflow-wrap:anywhere}
.view-ders .lesson-section{font:700 16px/1.65 var(--sans);letter-spacing:0;margin-bottom:15px;color:#425976}
.view-ders .lesson-description{font-size:18px;line-height:1.85;color:#2c4058;max-width:75ch}
.view-ders .lesson-description p,.view-ders .lesson-description li{margin-bottom:1.15em}
.view-ders .lesson-description h2,.view-ders .lesson-description h3{font-family:var(--sans);font-weight:700;line-height:1.5}
.view-ders .tool-tabs button,.view-ders .lesson-navigation .text-link,.view-ders .lesson-navigation>span,.view-ders .material-download{font-size:16px;font-weight:700;line-height:1.6}
.view-ders .lesson-tools textarea{font-size:17px;line-height:1.75;padding:20px}
.view-ders .notes-footer{gap:18px;flex-wrap:wrap}.view-ders #notes-status{font-size:14px;line-height:1.6}
.view-ders .assistant-heading h2{font:700 25px/1.45 var(--sans);letter-spacing:0}
.view-ders .assistant-heading p,.view-ders .assistant-panel .small,.view-ders .quota-reset,.view-ders .quota-counters span,.view-ders .assistant-panel .form-field label,.view-ders .chat-welcome p,.view-ders .conversation-tools select,.view-ders .assistant-status{font-size:15px;line-height:1.7}
.view-ders .small-heading h3{font-size:17px;line-height:1.5}
.view-ders .question-button,.view-ders .assistant-panel .quiet-button{font-size:15px;line-height:1.65}
.view-ders .chat-message{font-size:17px;line-height:1.85}
.view-ders .assistant-panel .form-field input,.view-ders .chat-composer textarea{font-size:17px;line-height:1.65}
.view-ders .chat-composer textarea{min-height:90px}
.view-ders .arif-speech{font-size:15px;line-height:1.65}.view-ders .arif-speech strong{font-size:18px;line-height:1.4}
@media(min-width:1281px){
 .view-ders .learning-layout{width:calc(100% - 48px);max-width:1960px;grid-template-columns:300px minmax(0,1fr) 380px;gap:24px;padding-top:28px}
 .view-ders .learning-layout.without-assistant{grid-template-columns:320px minmax(0,1fr);max-width:1740px}
 .view-ders .assistant-panel{min-height:760px}
}
@media(min-width:1700px){.view-ders .learning-layout{grid-template-columns:320px minmax(0,1fr) 400px;gap:28px}}
@media(min-width:1281px) and (max-width:1499px){.view-ders .learning-layout{grid-template-columns:280px minmax(0,1fr) 360px;gap:20px}.view-ders .lesson-workspace{padding:26px}}
@media(max-width:1280px){.view-ders .learning-layout,.view-ders .learning-layout.without-assistant{max-width:1100px}.view-ders .assistant-heading h2{font-size:27px}.view-ders .lesson-row{font-size:17px}}
@media(max-width:650px){.view-ders .learning-topbar{padding:18px;gap:14px}.view-ders .learning-topbar>#course-name{font-size:16px}.view-ders .lesson-workspace{padding:28px 22px}.view-ders .lesson-title-row h1{font-size:27px}.view-ders .lesson-section{font-size:15px}.view-ders .lesson-description{font-size:17px}.view-ders .lesson-row{font-size:16px;padding:22px}.view-ders .assistant-heading h2{font-size:24px}}