/* Ders Çalış konu sayfası · "Vadi Defteri" görünümü.
   Ada görünümü açıkken (body.dc-ada) ve ders-vadi.js body'ye dc-vadi eklediğinde geçerlidir.
   Davranışa dokunmaz: kilitler, sayaç, sesler ve Konu Macerası aynen çalışır. */
body.dc-ada.dc-vadi #tab-derscalis #dcScreenDetail{background:#FFF9EE!important;border-radius:26px!important;padding:0 0 18px!important;overflow:hidden!important;position:relative}
body.dc-ada.dc-vadi #tab-derscalis #dcScreenDetail::before,
body.dc-ada.dc-vadi #tab-derscalis .dc-topic-header::before,
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik.dc-content-card::before,
body.dc-ada.dc-vadi #tab-derscalis #dcOrnekIcerik h3::before,
body.dc-ada.dc-vadi #tab-derscalis #dcTestIcerik .dc-quiz-q-text::before,
body.dc-ada.dc-vadi #tab-derscalis #dcTestIcerik .dc-quiz-bitir-btn::after{content:none!important;display:none!important}

/* Vadi manzarası */
body.dc-ada.dc-vadi #tab-derscalis .dv-vadi{height:190px;background:#dff3ea url(ders-vadi/vadi.jpg) center 70%/cover no-repeat;display:flex;justify-content:flex-end;align-items:flex-start;padding:12px 14px;box-sizing:border-box}
body.dc-ada.dc-vadi #tab-derscalis .dv-vadi .dc-bilmiyordum-btn{position:static!important;display:inline-flex!important;align-items:center;gap:7px;min-height:44px;padding:0 16px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:#2B2350!important;box-shadow:0 3px 0 rgba(43,35,80,.18)!important;font-weight:900!important;font-size:14px!important;cursor:pointer}
body.dc-ada.dc-vadi #tab-derscalis .dv-vadi .dc-bilmiyordum-btn svg{width:17px;height:17px;color:#F2B705}
body.dc-ada.dc-vadi #tab-derscalis .dv-vadi .dc-bilmiyordum-btn.aktif,
body.dc-ada.dc-vadi #tab-derscalis .dv-vadi .dc-bilmiyordum-btn.active{background:#FFD166!important;color:#2B2350!important}
body.dc-ada.dc-vadi #tab-derscalis .dv-vadi .dc-bilmiyordum-btn.aktif svg,
body.dc-ada.dc-vadi #tab-derscalis .dv-vadi .dc-bilmiyordum-btn.active svg{color:#2B2350}

/* Başlık kartı ve kitap okuyan Papi */
body.dc-ada.dc-vadi #tab-derscalis .dc-topic-header{position:relative!important;overflow:visible!important;margin:-58px 14px 0!important;background:#fff!important;border:2px solid #F6E7C6!important;border-radius:26px!important;box-shadow:0 6px 0 #F0DDB4!important;padding:16px 16px 16px!important;color:#2B2350!important;display:block!important}
body.dc-ada.dc-vadi #tab-derscalis .dv-papi-kitap{position:absolute;right:4px;top:-60px;width:96px;height:96px;object-fit:contain;pointer-events:none}
body.dc-ada.dc-vadi #tab-derscalis .dc-th-eyebrow{display:inline-block!important;background:#DFF5E8!important;color:#166B46!important;border-radius:999px;padding:5px 12px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.5px!important;margin:0!important}
body.dc-ada.dc-vadi #tab-derscalis #dcThTitle{font-family:'Fredoka',inherit;color:#2B2350!important;font-weight:700!important;font-size:25px!important;line-height:1.15!important;margin:10px 0 0!important;padding-right:64px}
body.dc-ada.dc-vadi #tab-derscalis #dcTopicImg{display:none!important}

/* Sekmeler: renkli basılabilir düğmeler */
body.dc-ada.dc-vadi #tab-derscalis .dc-tabbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin:18px 14px 6px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.dc-ada.dc-vadi #tab-derscalis .dc-tab-btn{--dv-yumusak:#DFF5E8;--dv-dolu:#2BB673;--dv-koyu:#1E8F57;--dv-yazi:#14532D;min-height:60px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#fff!important;color:var(--dv-yazi)!important;border:2px solid var(--dv-yumusak)!important;border-radius:18px!important;box-shadow:0 4px 0 var(--dv-yumusak)!important;font-weight:900!important;font-size:14px!important;text-shadow:none!important;transform:none!important}
body.dc-ada.dc-vadi #tab-derscalis .dc-tab-btn[data-tab="ornek"]{--dv-yumusak:#E2F1FF;--dv-dolu:#3B8FE0;--dv-koyu:#2A6FB3;--dv-yazi:#1E3A5F}
body.dc-ada.dc-vadi #tab-derscalis .dc-tab-btn[data-tab="test"]{--dv-yumusak:#FFF0B8;--dv-dolu:#E9A800;--dv-koyu:#B98500;--dv-yazi:#5B3A06}
body.dc-ada.dc-vadi #tab-derscalis .dc-tab-btn svg{width:22px;height:22px;stroke:currentColor}
body.dc-ada.dc-vadi #tab-derscalis .dc-tab-btn.active{background:var(--dv-dolu)!important;color:#fff!important;border-color:var(--dv-dolu)!important;box-shadow:0 4px 0 var(--dv-koyu)!important}
body.dc-ada.dc-vadi #tab-derscalis .dc-tab-btn[data-tab="test"].active{color:#3D2604!important}

/* Papi anlatıyor */
body.dc-ada.dc-vadi #tab-derscalis .dv-papi-anlatir{display:flex;align-items:flex-end;gap:6px;margin:10px 14px 12px}
body.dc-ada.dc-vadi #tab-derscalis .dv-papi-anlatir img{width:78px;height:84px;object-fit:contain;flex-shrink:0}
body.dc-ada.dc-vadi #tab-derscalis .dv-papi-anlatir p{flex:1;margin:0 0 12px;background:#fff;border:2px solid #E9E2FF;border-radius:22px 22px 22px 6px;padding:12px 14px;font-weight:800;font-size:15px;line-height:1.5;color:#2B2350}

/* Anlatım kartı */
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik.dc-content-card{margin:0 14px!important;background:#fff!important;border:2px solid #EFE6FF!important;border-radius:24px!important;box-shadow:0 5px 0 #E6DCFA!important;padding:18px 16px!important;color:#2B2350!important;font-size:16px;line-height:1.65}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik :is(h1,h2,h3,h4){font-family:'Fredoka',inherit;color:#5B2DB8!important;font-weight:700!important;line-height:1.25}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik :is(b,strong){color:#7C3AED!important}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik li::marker{color:#2BB673}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik table{border-collapse:separate;border-spacing:0 6px;width:100%}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik :is(td,th){background:#F7F3FF;padding:8px 10px;vertical-align:top}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik :is(td,th):first-child{border-radius:12px 0 0 12px}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik :is(td,th):last-child{border-radius:0 12px 12px 0}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik img{max-width:100%;height:auto;border-radius:16px}

/* Okudum düğmesi */
body.dc-ada.dc-vadi #tab-derscalis .dc-uyg-kontrol-btn#dcOkudumBtn{display:block;width:calc(100% - 28px)!important;margin:16px 14px 0!important;min-height:56px;border:0!important;border-radius:20px!important;font-family:'Fredoka',inherit;font-weight:700!important;font-size:18px!important}
body.dc-ada.dc-vadi #tab-derscalis .dc-uyg-kontrol-btn#dcOkudumBtn:not([disabled]){background:#22A06B!important;box-shadow:0 5px 0 #157A4F!important;color:#fff!important}
body.dc-ada.dc-vadi #tab-derscalis .dc-uyg-kontrol-btn#dcOkudumBtn[disabled],
body.dc-ada.dc-vadi #tab-derscalis .dc-uyg-kontrol-btn#dcOkudumBtn.dz-bekliyor{background:#EFE9DA!important;box-shadow:0 4px 0 #DCD2BC!important;color:#6B5E44!important}

/* Örnekler ve Test panelleri */
body.dc-ada.dc-vadi #tab-derscalis :is(#dcTab-ornek.active,#dcTab-test.active){background:#FFF9EE!important;border-radius:0 0 26px 26px!important;padding:14px 14px 20px!important;margin-top:-14px!important}
body.dc-ada.dc-vadi #tab-derscalis #dcOrnekIcerik.dc-content-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.dc-ada.dc-vadi #tab-derscalis #dcOrnekIcerik h3{font-family:'Fredoka',inherit;color:#1E3A5F!important;font-weight:700!important;font-size:20px!important;margin:0 0 6px!important}
body.dc-ada.dc-vadi #tab-derscalis #dcOrnekIlerleme{display:inline-block;background:#E2F1FF;color:#1E3A5F!important;border-radius:999px;padding:5px 12px;font-size:12.5px!important}
body.dc-ada.dc-vadi #tab-derscalis .dc-example-row{--dv-renk:#E5484D;display:block!important;background:#fff!important;border:2px solid #EEE8FF!important;border-radius:20px!important;box-shadow:0 3px 0 #EEE8FF!important;padding:12px 12px 12px 66px!important;margin-bottom:10px!important;position:relative;min-height:58px}
body.dc-ada.dc-vadi #tab-derscalis .dc-example-row:nth-child(5n+2){--dv-renk:#E8590C}
body.dc-ada.dc-vadi #tab-derscalis .dc-example-row:nth-child(5n+3){--dv-renk:#8E4EC6}
body.dc-ada.dc-vadi #tab-derscalis .dc-example-row:nth-child(5n+4){--dv-renk:#1C7ED6}
body.dc-ada.dc-vadi #tab-derscalis .dc-example-row:nth-child(5n){--dv-renk:#0F9D58}
body.dc-ada.dc-vadi #tab-derscalis .dc-ex-play{position:absolute!important;left:10px;top:50%;transform:translateY(-50%);width:44px!important;height:44px!important;border-radius:50%!important;border:0!important;background:var(--dv-renk)!important;box-shadow:0 3px 0 rgba(0,0,0,.18)!important;font-size:16px!important;display:grid!important;place-items:center;color:#fff}
body.dc-ada.dc-vadi #tab-derscalis .dc-ex-en{color:#2B2350!important;font-weight:900!important;font-size:15.5px!important}
body.dc-ada.dc-vadi #tab-derscalis .dc-ex-tr{color:#6A6290!important;font-weight:700!important;font-size:13px!important;margin-top:2px}
body.dc-ada.dc-vadi #tab-derscalis #dcTestIcerik .dc-quiz-q{background:#fff!important;border:2px solid #FFE7A3!important;border-radius:22px!important;box-shadow:0 5px 0 #F3D98B!important;padding:14px!important;margin-bottom:14px!important}
body.dc-ada.dc-vadi #tab-derscalis #dcTestIcerik .dc-quiz-q-text{color:#2B2350!important;font-weight:900!important;font-size:15.5px!important}
body.dc-ada.dc-vadi #tab-derscalis #dcTestIcerik .dc-quiz-opt{background:#FFFBEF!important;border:2px solid #F1E3BC!important;border-radius:14px!important;box-shadow:0 3px 0 #F1E3BC!important;color:#2B2350!important;font-weight:800!important}
body.dc-ada.dc-vadi #tab-derscalis #dcTestIcerik .dc-quiz-opt.dogru{background:#DCFCE7!important;border-color:#16A34A!important;color:#14532D!important;box-shadow:0 3px 0 #16A34A!important}
body.dc-ada.dc-vadi #tab-derscalis #dcTestIcerik .dc-quiz-opt.yanlis{background:#FEE2E2!important;border-color:#DC2626!important;color:#7F1D1D!important;box-shadow:0 3px 0 #DC2626!important}
body.dc-ada.dc-vadi #tab-derscalis #dcTestIcerik .dc-quiz-bitir-btn{background:#F97316!important;color:#fff!important;border:0!important;border-radius:18px!important;box-shadow:0 5px 0 #C2560C!important;font-weight:900!important}

/* Konu Macerası: yıldızlı Papi'li sarı kart */
body.dc-ada.dc-vadi #tab-derscalis .km-baslangic{position:relative;display:block!important;margin:26px 14px 4px!important;padding:16px 108px 16px 18px!important;background:#FFE7A3!important;border:0!important;border-radius:26px!important;box-shadow:0 6px 0 #E9B949!important;color:#5B3A06!important}
body.dc-ada.dc-vadi #tab-derscalis .km-baslangic .i{display:none!important}
body.dc-ada.dc-vadi #tab-derscalis .km-baslangic b{font-family:'Fredoka',inherit;font-size:20px!important;font-weight:700!important;color:#5B3A06}
body.dc-ada.dc-vadi #tab-derscalis .km-baslangic small{display:block;margin-top:2px;font-size:13px!important;font-weight:800!important;color:#7A5410;opacity:1!important}
body.dc-ada.dc-vadi #tab-derscalis .km-baslangic button{display:block;margin:12px 0 0!important;min-height:48px;padding:0 20px!important;border:0!important;border-radius:16px!important;background:#F97316!important;box-shadow:0 5px 0 #C2560C!important;color:#fff!important;font-family:'Fredoka',inherit;font-weight:700!important;font-size:17px!important}
body.dc-ada.dc-vadi #tab-derscalis .dv-papi-yildiz{position:absolute;right:2px;bottom:6px;width:104px;height:104px;object-fit:contain;pointer-events:none}

@media (max-width:360px){
  body.dc-ada.dc-vadi #tab-derscalis .dc-tab-btn{font-size:12.5px!important}
  body.dc-ada.dc-vadi #tab-derscalis .km-baslangic{padding-right:88px!important}
  body.dc-ada.dc-vadi #tab-derscalis .dv-papi-yildiz{width:84px;height:84px}
}

/* Anlatım metni: okunaklı yazı boyutu, alt alta maddeler, düzenli tablolar */
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik h3{display:block!important;font-size:18px!important;margin:20px 0 8px!important}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik h3:first-child{margin-top:0!important}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik p{font-size:15.5px!important;line-height:1.65!important;color:#3A3360!important;margin:0 0 8px!important}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik ul{margin:4px 0 6px!important;padding:0!important;list-style:none!important}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik ul li{display:block!important;position:relative;font-size:15px!important;line-height:1.6!important;color:#3A3360!important;padding:7px 0 7px 22px!important;border-bottom:1px dashed #EEE8FF!important}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik ul li:last-child{border-bottom:0!important}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik ul li::before{content:"";position:absolute;left:4px;top:15px;width:9px;height:9px;border-radius:50%;background:#2BB673}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik i{color:#5B2DB8}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik th{background:#EDE4FF!important;color:#4B2A99;font-size:13px;font-weight:900;text-align:left}
body.dc-ada.dc-vadi #tab-derscalis #dcAnlatimIcerik td{font-size:15px}


/* Konu Macerası artık ders altında kart olarak görünmez; test bitince tam ekran açılır. */
body.dc-vadi #tab-derscalis #kmBaslangic,
body.dc-ada.dc-vadi #tab-derscalis #kmBaslangic { display:none!important; }
.dv-macera-gecisi{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;overflow-y:auto;padding:24px;box-sizing:border-box;background:radial-gradient(circle at 50% 25%,#fff6bd 0%,#c8f6df 45%,#7ecadb 100%);animation:dv-perde-giris .4s ease both;font-family:'Fredoka',system-ui,sans-serif}
.dv-macera-panel{width:min(100%,520px);text-align:center;position:relative;background:rgba(255,255,255,.94);border:3px solid #fff;border-radius:34px;box-shadow:0 22px 65px #215b6d38;padding:28px 22px 25px;box-sizing:border-box;animation:dv-panel-giris .65s cubic-bezier(.2,1.5,.5,1) both}
.dv-macera-papi{width:min(50vw,205px);height:min(50vw,205px);object-fit:contain;filter:drop-shadow(0 10px 9px #2b826b44);animation:dv-papi-kutla 1.9s ease-in-out infinite}
.dv-macera-onay{display:block;margin:4px auto 12px;color:#138653;font-size:16px;font-weight:800}
.dv-macera-panel h2{margin:0 0 8px;color:#263d68;font-size:clamp(27px,6vw,40px);line-height:1.15;font-weight:900}
.dv-macera-panel p{margin:0 0 15px;color:#e26a19;font-weight:900;font-size:clamp(20px,5vw,29px)}
.dv-macera-bilgi{display:block;color:#45617c;font-size:13px;font-weight:800;margin:0 auto 18px}
.dv-macera-basla{display:block;margin:auto;width:min(100%,290px);min-height:59px;border:0;border-radius:19px;background:linear-gradient(135deg,#fc962c,#f46c1c);box-shadow:0 6px 0 #ae4b15;color:#fff;font:900 24px 'Fredoka',system-ui,sans-serif;cursor:pointer;transition:transform .18s}
.dv-macera-basla:active{transform:translateY(4px);box-shadow:0 2px 0 #ae4b15}
.dv-macera-sonra{display:block;margin:17px auto 0;padding:9px 16px;border:0;background:transparent;color:#566d81;text-decoration:underline;font:700 14px system-ui,sans-serif;cursor:pointer}
.dv-macera-isilti{position:absolute;inset:6% 5%;pointer-events:none;display:flex;align-items:flex-start;justify-content:space-around;color:#ffd437;font-size:clamp(24px,7vw,58px);letter-spacing:2vw;text-shadow:0 3px 14px #f69e41;animation:dv-isilti 3s ease-in-out infinite}
@keyframes dv-perde-giris{from{opacity:0}to{opacity:1}}
@keyframes dv-panel-giris{from{opacity:0;transform:translateY(38px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dv-papi-kutla{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(5deg)}}
@keyframes dv-isilti{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.dv-macera-gecisi,.dv-macera-panel,.dv-macera-papi,.dv-macera-isilti{animation:none!important}}
@media(max-height:650px){.dv-macera-panel{padding:12px 18px}.dv-macera-papi{width:110px;height:110px}.dv-macera-onay{margin:0 0 5px}.dv-macera-bilgi{margin-bottom:8px}}

/* Konu Macerası — yalnızca Devam/Kontrol alanını üstte tut.
   Orijinal soru işleyicileri, buton düğümleri ve olaylar değiştirilmez. */
#kmPerde.km-perde{
  display:flex!important;
  flex-direction:column!important;
}
#kmPerde .km-ust{order:0!important;flex-shrink:0!important}
#kmPerde #kmAlt.km-alt{
  order:1!important;flex-shrink:0!important;max-width:640px!important;
  padding:10px 14px!important;margin:0 auto!important;
  background:inherit;
}
#kmPerde #kmAlt.km-alt:empty{padding:0!important}
#kmPerde #kmGovde.km-govde{
  order:2!important;flex:1 1 auto!important;min-height:0!important;
  overflow-y:auto!important;overscroll-behavior:contain;
}
#kmPerde #kmAlt .km-btn{min-height:48px!important;touch-action:manipulation}

/* Konu başlığının hemen altındaki Konu Macerası kısayolu.
   Ders bitimindeki tam ekran Papi geçişinden bağımsızdır. */
body.dc-ada.dc-vadi #tab-derscalis #dvMaceraKisayol{
  display:flex!important;align-items:center;justify-content:space-between;gap:10px;
  width:calc(100% - 28px)!important;margin:14px 14px 0!important;padding:11px 14px!important;
  min-height:56px;border:2px solid #f1da91;border-radius:18px;
  background:#fff0bb;color:#5b3a06;font:800 15px 'Nunito',system-ui,sans-serif;
  box-shadow:0 4px 0 #dfbf62;cursor:pointer;text-align:left;
}
body.dc-ada.dc-vadi #tab-derscalis #dvMaceraKisayol .dv-kisayol-basla{
  border-radius:12px;padding:9px 13px;background:#f97316;color:white;white-space:nowrap;
  font-weight:900;box-shadow:0 3px 0 #c2560c;
}
body.dc-ada.dc-vadi #tab-derscalis #dvMaceraKisayol:disabled{opacity:.55;cursor:not-allowed}
body.dc-ada.dc-vadi #tab-derscalis #dvMaceraKisayol:focus-visible{outline:3px solid #35845e;outline-offset:3px}

/* Çalışma Defteri: yalnızca seviye, kategori ve konu menüleri. */
body.dc-defter.dc-ada #tab-derscalis .ma-kap:not(#maHarita){background:repeating-linear-gradient(0deg,transparent 0 29px,#b6aa8920 30px 31px),#fff9ed!important;border:1px solid #e5d7ba!important;border-radius:22px!important;box-shadow:0 5px 18px #6d593b12!important;color:#204e3b!important}
body.dc-defter.dc-ada #tab-derscalis #maPatika{padding:0 10px 14px 19px!important;overflow:hidden!important}
body.dc-defter #maPatika::before{content:'';position:absolute;left:5px;top:12px;bottom:10px;width:8px;background:radial-gradient(ellipse,#b2a081 0 3px,transparent 4px) center top/8px 30px repeat-y;pointer-events:none}
body.dc-defter #maPatika .ma-ust{position:relative;display:flex;align-items:center;padding:14px 6px 10px!important;min-height:90px;gap:6px}
body.dc-defter.dc-ada #tab-derscalis #maPatika .ma-tabela{flex:1;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#204e3b!important;min-width:0}
body.dc-defter #maPatika .ma-tabela strong{display:block;font:700 clamp(21px,5vw,28px)/1.2 Fredoka,Nunito,system-ui;letter-spacing:.1px}
body.dc-defter #maPatika .ma-tabela strong::after{content:'';display:block;width:72px;height:4px;border-radius:50%;background:#e9b933;margin:7px 0}
body.dc-defter #maPatika .ma-tabela small{font-size:12px!important;color:#667c68!important}
body.dc-defter #maPatika .dn-menu-papi{width:68px;height:76px;object-fit:contain;flex:none;align-self:flex-end}
body.dc-defter #maPatika .dn-progress{position:absolute;left:6px;right:6px;bottom:0;height:5px;background:#e8e3d4;border-radius:9px;overflow:hidden}
body.dc-defter #maPatika .dn-progress span{display:block;height:100%;border-radius:9px;background:#36946b}
body.dc-defter #maPatika .ma-patika{padding:14px 0 0!important}
body.dc-defter.dc-ada #tab-derscalis #maPatika .ma-tas{display:flex!important;flex-direction:row!important;text-align:left!important;align-items:center;gap:10px;margin:0 0 10px!important;padding:13px 11px!important;width:100%;min-height:90px;border:1px solid #e3dac8!important;border-radius:17px!important;background:#fffdf5ed!important;box-shadow:0 3px 6px #8465410c!important;color:#204e3b!important;box-sizing:border-box}
body.dc-defter.dc-ada #tab-derscalis #maPatika .ma-tas.dn-next{border:2px solid #eac34c!important;background:#fff6d9!important;box-shadow:0 3px 0 #e7ce7e55!important}
body.dc-defter #maPatika .ma-tas .tas{width:32px!important;height:32px!important;border-radius:50%!important;font-size:14px!important;background:#e5ebda!important;color:#476443!important;box-shadow:none!important;outline:none!important}
body.dc-defter #maPatika .dn-done .tas{background:#a8d6ad!important;color:#174d37!important}
body.dc-defter #maPatika .dn-next .tas{background:#ffdc69!important;color:#73561d!important}
body.dc-defter.dc-ada #tab-derscalis #maPatika .ma-tas .et{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;flex:1;min-width:0}
body.dc-defter #maPatika .ma-tas .et b{font:800 15px/1.3 Nunito,system-ui!important;color:#204e3b!important;overflow-wrap:break-word!important}
body.dc-defter #maPatika .dn-en{display:block;font:600 11px/1.4 Nunito,system-ui;color:#788375;margin-top:3px}
body.dc-defter #maPatika .ma-tas .et small{display:block;font-size:11px!important;line-height:1.4;margin-top:4px;color:#788375!important}
body.dc-defter #maPatika .ma-tas .et .dn-go{display:inline-block!important;padding:5px 10px;border-radius:9px;background:#246e4f;color:#fff!important;font-weight:800;margin-top:7px}
body.dc-defter #maPatika .dn-doodle{font:700 18px/1.3 Fredoka,Nunito,system-ui;color:#b68a33;transform:rotate(-8deg);width:43px;text-align:center;flex:none;overflow-wrap:break-word}
body.dc-defter #maPatika .ma-hazine{font-size:12px;padding-top:9px;color:#6e7959}
body.dc-defter #maPatika .ma-hazine span{font-size:25px}
body.dc-defter.dc-ada #tab-derscalis #maPatika .ma-tas[hidden],body.dc-defter #maPatika .dn-empty[hidden]{display:none!important}
body.dc-defter #maPatika .dn-empty{font-size:13px;text-align:center;padding:20px 8px;color:#667c68}
body.dc-defter #maPatika .ma-tas:focus-visible{outline:3px solid #368360!important;outline-offset:2px}
body.dc-defter #tab-derscalis .dc-topbar{flex-wrap:wrap;gap:9px!important}
body.dc-defter #tab-derscalis .dc-arama-kutu{flex:1 0 100%!important;margin:0!important;width:100%;order:5}
body.dc-defter #tab-derscalis #dcAramaInput{box-sizing:border-box;width:100%!important;border:1px solid #e0d5be!important;background:#fffcf4!important;color:#204e3b!important;border-radius:14px!important;padding:12px 15px!important;font-size:14px!important;min-height:44px;box-shadow:none!important}
body.dc-defter #tab-derscalis #dcAramaInput:focus{outline:2px solid #4c9374;outline-offset:1px}
body.dc-defter #maAdaIc .ma-yapi{background:#fffdf4!important;border:1px solid #e2d6bd!important;border-radius:17px!important}
body.dc-defter #maAdaIc .ma-tabela{background:none!important;border:0!important;color:#204e3b!important}
@media(min-width:700px){body.dc-defter #maPatika .ma-tas .et b{font-size:17px!important}body.dc-defter #maPatika .dn-en{font-size:13px}body.dc-defter #maPatika .dn-doodle{width:65px}}

/* Referans çalışma defteri: gerçek konu düğümlerinde spiralli, çizimli liste. */
body.dn-topics #tab-derscalis .dc-focus-card{background:#fff9ed!important}
body.dn-topics #tab-derscalis #dcCrumb{font:700 26px Fredoka,Nunito,system-ui;color:#174936!important}
body.dn-topics #tab-derscalis #dcCrumb::after{content:'';display:block;background:#ffce45;width:72px;height:4px;border-radius:50%;margin-top:4px}
body.dn-topics #dnLevelTabs{display:flex;padding:6px 18px 0 28px;gap:4px}
body.dn-topics #dnLevelTabs button{flex:1;min-height:49px;border:1px solid #dfd2b9;border-radius:14px 14px 0 0;background:#f4ead7;color:#204e3b;font:700 23px Fredoka,Nunito,system-ui;cursor:pointer;box-shadow:inset 0 1px 3px #fff}
body.dn-topics #dnLevelTabs button.active{background:linear-gradient(135deg,#398257,#175438);color:#fff;border-color:#398257}
body.dc-defter.dc-ada #tab-derscalis #maPatika{position:relative;padding:0 10px 18px 24px!important;border-radius:19px!important;margin-top:-2px;background:repeating-linear-gradient(0deg,transparent 0 24px,#b6aa8919 25px 26px),#fff9ed!important}
body.dc-defter #maPatika::before{z-index:2;left:0;top:20px;bottom:14px;width:19px;background:radial-gradient(ellipse at 14px 12px,#948365 0 4px,transparent 5px),radial-gradient(ellipse at 6px 12px,transparent 0 3px,#c2ab84 4px 6px,transparent 7px);background-size:19px 30px}
body.dc-defter #maPatika::after{content:'';position:absolute;left:22px;top:0;bottom:0;width:1px;background:#d8a18e30;pointer-events:none}
body.dc-defter #maPatika .ma-ust{min-height:142px;padding:16px 8px 12px!important;align-items:flex-start}
body.dc-defter #maPatika .ma-tabela{padding-top:10px!important;align-self:center}
body.dc-defter #maPatika .ma-tabela strong{font-size:clamp(26px,6.8vw,38px);color:#123e2c}
body.dc-defter #maPatika .ma-tabela strong::after{width:90%;height:4px;background:#ffcf41;margin:8px 0 10px}
body.dc-defter #maPatika .ma-tabela small{font:600 15px Fredoka,Nunito,system-ui!important;color:#305d45!important}
body.dc-defter #maPatika .dn-menu-papi{display:block;width:126px;height:142px;flex:none;background:url('ders-vadi/notebook-doodles.webp') 50% 100%/300% 300% no-repeat;align-self:center}
body.dc-defter #maPatika .dn-progress{left:8px;right:138px;bottom:17px;height:9px;background:#e6e0ce}
body.dc-defter #maPatika .dn-progress span{background:linear-gradient(#55ae58,#237440)}
body.dc-defter #maPatika .dn-search{display:flex;gap:6px;align-items:center;padding:6px 0 3px}
body.dc-defter #maPatika .dn-search .dc-arama-kutu{flex:1 1 0!important;min-width:0;order:0;margin:0!important;position:relative}
body.dc-defter #maPatika .dn-search .dc-arama-kutu::before{content:'';position:absolute;left:13px;top:13px;width:12px;height:12px;border:2px solid #425444;border-radius:50%;pointer-events:none}
body.dc-defter #maPatika .dn-search .dc-arama-kutu::after{content:'';position:absolute;left:26px;top:27px;width:7px;height:2px;background:#425444;transform:rotate(48deg);pointer-events:none}
body.dc-defter #maPatika #dcAramaInput{padding-left:37px!important;border-radius:15px!important;box-shadow:0 2px 4px #8465410b!important;background:#fffdf6!important;font-size:15px!important}
body.dc-defter #maPatika .dn-sprite{background-image:url('ders-vadi/notebook-doodles.webp');background-size:300% 300%;background-repeat:no-repeat}
body.dc-defter #maPatika .dn-books{display:block;width:58px;height:50px;flex:none;background-position:0 100%}
body.dc-defter #maPatika .ma-patika{padding-top:6px!important}
body.dc-defter.dc-ada #tab-derscalis #maPatika .ma-tas{gap:7px;min-height:75px;padding:8px 7px!important;margin-bottom:7px!important;background:#fffdf5dd!important;border-radius:15px!important}
body.dc-defter.dc-ada #tab-derscalis #maPatika .ma-tas.dn-next{border:2px solid #ffd654!important;background:#fff8e2!important;box-shadow:0 3px 7px #dcb53122!important}
body.dc-defter #maPatika .ma-tas .tas{display:flex;align-items:center;justify-content:center;flex:none;width:32px!important;height:34px!important;border-radius:48%!important;background:#a5af91!important;color:#fff!important;font:600 21px Fredoka,Nunito,system-ui!important}
body.dc-defter #maPatika .dn-done .tas{background:linear-gradient(135deg,#b0d6a9,#6da56e)!important;color:#fff!important}
body.dc-defter #maPatika .dn-next .tas{background:linear-gradient(135deg,#ffe172,#f1b131)!important;color:#fff!important}
body.dc-defter #maPatika .ma-tas .et b{display:block;font:600 16px/1.15 Fredoka,Nunito,system-ui!important;color:#183e2c!important}
body.dc-defter #maPatika .dn-en{font:600 11px/1.25 Nunito,system-ui;color:#919481;margin-top:5px}
body.dc-defter #maPatika .ma-tas .et small[hidden]{display:none!important}
body.dc-defter #maPatika .dn-doodle{display:block;width:53px;height:58px;transform:none;flex:none}
body.dc-defter #maPatika .dn-stars{display:flex;gap:1px;flex:none;white-space:nowrap;color:#d6d2c5;font-size:19px;line-height:1;text-shadow:0 1px 0 #bbb5a940}
body.dc-defter #maPatika .dn-stars .earned{color:#ffcf33;-webkit-text-stroke:.6px #d7a120}
body.dc-defter #maPatika .dn-chevron{font:500 29px/1 Nunito,system-ui;flex:none;color:#7b8475}
body.dc-defter #maPatika .dn-go{flex:none;border-radius:13px;background:linear-gradient(135deg,#348248,#12492d);color:white;padding:10px 9px;font:600 12px Fredoka,Nunito,system-ui;box-shadow:0 3px 4px #26452b20;white-space:nowrap}
body.dc-defter #maPatika .dn-next .dn-chevron{display:none}
@media(max-width:350px){body.dc-defter #maPatika .dn-doodle{width:39px;height:48px}body.dc-defter #maPatika .dn-stars{font-size:15px}body.dc-defter #maPatika .ma-tas .et b{font-size:14px!important}body.dc-defter #maPatika .dn-en{font-size:10px}body.dc-defter #maPatika .dn-go{font-size:10px;padding:9px 6px}body.dc-defter #maPatika .ma-tas{gap:5px!important}body.dc-defter #maPatika .dn-menu-papi{width:100px;height:125px}body.dc-defter #maPatika .dn-progress{right:110px}}
@media(min-width:700px){body.dc-defter #maPatika .ma-tas .et b{font-size:23px!important}body.dc-defter #maPatika .dn-en{font-size:16px}body.dc-defter #maPatika .dn-doodle{width:86px;height:82px}body.dc-defter #maPatika .dn-stars{font-size:28px}body.dc-defter #maPatika .dn-go{font-size:18px;padding:13px 25px}body.dc-defter #maPatika .ma-tas{min-height:100px!important}}

/* Bölüm seçimi de aynı çalışma defterinin dört sayfası. */
body.dc-defter.dc-ada #tab-derscalis #maAdaIc{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;padding:18px 14px 18px 28px!important;overflow:hidden;isolation:isolate;background:repeating-linear-gradient(0deg,transparent 0 24px,#b6aa8919 25px 26px),#fff9ed!important;border-radius:20px!important}
body.dc-defter #maAdaIc::before{content:'';position:absolute;z-index:2;left:0;top:22px;bottom:14px;width:19px;background:radial-gradient(ellipse at 14px 12px,#948365 0 4px,transparent 5px),radial-gradient(ellipse at 6px 12px,transparent 0 3px,#c2ab84 4px 6px,transparent 7px);background-size:19px 30px;pointer-events:none}
body.dc-defter #maAdaIc::after{content:'';position:absolute;left:24px;top:0;bottom:0;width:1px;background:#d8a18e30;pointer-events:none}
body.dc-defter #maAdaIc .ma-ust{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:0;padding:0 2px 6px!important;min-height:104px}
body.dc-defter.dc-ada #tab-derscalis #maAdaIc .ma-tabela{display:block;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
body.dc-defter #maAdaIc .ma-tabela strong{display:block;font:600 clamp(21px,5.5vw,29px)/1.15 Fredoka,Nunito,system-ui;color:#174936}
body.dc-defter #maAdaIc .ma-tabela strong::after{content:'';display:block;width:90%;height:4px;border-radius:50%;background:#ffce45;margin:7px 0 9px}
body.dc-defter #maAdaIc .ma-tabela small{font:700 11px/1.35 Nunito,system-ui!important;color:#677e64!important}
body.dc-defter #maAdaIc .dn-category-papi{display:block;width:82px;height:95px;background:url('ders-vadi/notebook-doodles.webp') 50% 100%/300% 300% no-repeat}
body.dc-defter #maAdaIc .dn-category-intro{grid-column:1/-1;font:600 13px Fredoka,Nunito,system-ui;color:#8b896d;margin:4px 0 0}
body.dc-defter.dc-ada #tab-derscalis #maAdaIc .ma-yapi{position:relative!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;min-height:176px;padding:10px 7px 9px!important;border-radius:14px!important;background:#fffdf5e8!important;border:1px solid #e3d8bf!important;box-shadow:0 3px 6px #84654110!important;color:#204e3b;transition:transform .15s,border-color .15s}
body.dc-defter #maAdaIc .ma-yapi:hover{border-color:#edc349!important;transform:translateY(-2px)!important}
body.dc-defter #maAdaIc .ma-yapi:focus-visible{outline:3px solid #36845f;outline-offset:2px}
body.dc-defter #maAdaIc .ma-yapi .ev{display:block;width:82px;height:73px;flex:none;background-image:url('ders-vadi/notebook-doodles.webp');background-size:300% 300%;background-repeat:no-repeat;animation:none!important;filter:none!important;margin:0 0 5px}
body.dc-defter #maAdaIc .ma-yapi .et{display:block;width:100%;box-sizing:border-box;padding:0!important;background:none!important;box-shadow:none!important;font:600 20px/1.15 Fredoka,Nunito,system-ui;color:#174936!important}
body.dc-defter #maAdaIc .dn-category-en{display:block;font:600 10px/1.3 Nunito,system-ui;color:#979683;margin:4px 0 7px}
body.dc-defter #maAdaIc .ma-yapi small{font:800 11px/1.3 Nunito,system-ui;color:#758268!important}
body.dc-defter #maAdaIc .ma-yapi .cubuk{width:80%;height:6px;margin:7px auto 0;background:#e7e2d2!important}
body.dc-defter #maAdaIc .ma-yapi .cubuk i{background:linear-gradient(#57ae5b,#287541)!important;border-radius:9px}
body.dc-defter #maAdaIc .dn-category-open{display:block;margin-top:9px;font:600 11px Fredoka,Nunito,system-ui;color:#317247}
@media(max-width:350px){body.dc-defter #maAdaIc .ma-yapi .et{font-size:18px}body.dc-defter #maAdaIc .ma-yapi .ev{width:70px;height:65px}body.dc-defter.dc-ada #tab-derscalis #maAdaIc{gap:8px!important;padding-right:10px!important}}
@media(min-width:700px){body.dc-defter.dc-ada #tab-derscalis #maAdaIc .ma-yapi{min-height:210px}body.dc-defter #maAdaIc .ma-yapi .ev{width:104px;height:92px}body.dc-defter #maAdaIc .ma-yapi .et{font-size:24px}body.dc-defter #maAdaIc .dn-category-en{font-size:13px}}
