/* Ders grafikleri · ortak stil · sürüm 19.10.2026f
   Bu dosya bütün sayfalarda yüklenir. Burada yapılan düzeltme her sayfaya yansır. */

/* ---------- Tahta düğmesi (her sayfada) ---------- */
.dg-tahta[aria-pressed="true"]{background:var(--blue)!important;color:#fff!important}
@media (max-width:899.98px){.dg-tahta{display:none!important}}

/* ---------- Tahta modu: sadece büyük ekranda ---------- */
@media (max-width:600px){header .brand b{display:none}}
@media (min-width:900px){
  html.tahta body{font-size:clamp(21px,.8vw + 13px,30px)}
  html.tahta .tmr,
  html.tahta .rep.tim,
  html.tahta .pdfb{display:none!important}
  html.tahta .icon-btn,
  html.tahta .btn{min-height:56px}
  html.tahta body.site{font-size:clamp(22px,.8vw + 14px,30px)}
}

/* ---------- Site sayfaları (ana sayfa, sınıf sayfaları, TYT, AYT, 404) ---------- */
body.site{
  --bg:#F5F5F7;--card:#FFFFFF;--ink:#1D1D1F;--muted:#6E6E73;--line:rgba(0,0,0,.09);
  --blue:#0071E3;--seg:#E3E3E8;--soft:#E8F1FC;--ok:#248A3D;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 12px 34px rgba(0,0,0,.07);
  margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;
}
@media (prefers-color-scheme:dark){
  body.site{--bg:#000;--card:#1C1C1E;--ink:#F5F5F7;--muted:#98989D;--line:rgba(255,255,255,.12);
    --blue:#2997FF;--seg:#2C2C2E;--soft:#10243D;--ok:#30D158;--shadow:none}
}
:root{color-scheme:light dark;box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
.site *,.site *::before,.site *::after{box-sizing:border-box}
.site a{color:var(--blue)}
.site :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}

/* üst çubuk */
.site .bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--card);
  background:color-mix(in srgb,var(--card) 85%,transparent);
  backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid var(--line)}
.site .bar-in{max-width:1100px;margin:0 auto;padding:.55em 22px;display:flex;align-items:center;gap:.6em 1em;flex-wrap:wrap}
.site .logo{font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none;margin-right:auto;font-size:1.05em}
.site .sinif-nav{display:flex;gap:.3em;flex-wrap:wrap}
.site .sinif-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 .85em;border-radius:999px;
  background:var(--seg);color:var(--ink);text-decoration:none;font-weight:500;font-size:.92em}
.site .sinif-nav a[aria-current="page"]{background:var(--ink);color:var(--bg)}
.site .dg-tahta{border:0;background:var(--seg);color:var(--ink);border-radius:999px;min-height:40px;
  padding:0 1em;font:inherit;font-size:.92em;font-weight:500;cursor:pointer}

.site .wrap{max-width:1100px;margin:0 auto;padding:clamp(24px,5vw,60px) 22px clamp(40px,6vw,80px)}
.site h1{font-size:clamp(2.2em,5.5vw,4.2em);letter-spacing:-.035em;line-height:1.03;margin:0 0 .25em;font-weight:700}
.site .lead{font-size:clamp(1.05em,1.6vw,1.35em);color:var(--muted);margin:0 0 1.6em;max-width:32em}
.site h2.baslik{font-size:clamp(1.3em,2.2vw,1.75em);letter-spacing:-.02em;margin:2em 0 .7em;font-weight:650}

/* ana sayfa: sınıf düğmeleri */
.site .siniflar{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px}
.site .sinif{display:flex;flex-direction:column;gap:.15em;background:var(--card);border-radius:22px;padding:1.1em 1.2em;
  text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .2s}
.site .sinif:hover{transform:scale(1.02)}
.site .sinif b{font-size:1.55em;letter-spacing:-.03em;line-height:1.05;color:var(--blue)}
.site .sinif span{color:var(--muted);font-size:.9em}
.site .sinif.soluk b{color:var(--muted)}

/* hazır konu kartları */
.site .kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.site a.kart{display:flex;flex-direction:column;gap:.4em;background:var(--card);border-radius:26px;padding:1.4em 1.5em 1.2em;
  color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:transform .2s}
.site a.kart:hover{transform:scale(1.015)}
.site .kart .sym{font-size:2.5em;font-weight:700;letter-spacing:-.03em;color:var(--blue);line-height:1.1}
.site .kart .sym sub{font-size:.55em}
.site .kart h3{margin:.1em 0 0;font-size:1.45em;letter-spacing:-.02em}
.site .kart .snf{color:var(--muted);font-size:.85em;font-weight:500}
.site .kart p{margin:0;color:var(--muted);line-height:1.45}
.site .kart .git{margin-top:auto;padding-top:.6em;color:var(--blue);font-weight:500}

/* ana sayfa: özellikler */
.site .ozellik{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 28px;margin:0;padding:0;list-style:none}
.site .ozellik li{border-top:2px solid var(--ink);padding-top:.7em}
.site .ozellik b{display:block;font-size:1.1em;margin-bottom:.25em}
.site .ozellik p{margin:0;color:var(--muted)}

/* sınıf sayfası: tema kaydırıcı */
.site .cipler{position:relative;display:flex;gap:.4em;flex-wrap:wrap;margin:0 0 1.1em}
.site .cip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;
  min-height:40px;padding:0 .9em;font:inherit;font-size:.88em;cursor:pointer}
.site .cip.yok{color:var(--muted)}
.site .cip[aria-current="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.site .kaydir{position:relative}
.site .kontrol{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:.8em}
.site .ok{width:58px;height:58px;border-radius:50%;border:0;background:var(--card);color:var(--ink);box-shadow:var(--shadow);
  font-size:1.9em;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 .12em}
.site .ok:disabled{opacity:.3;cursor:default}
.site .sayac{font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.site .ray{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;
  padding:4px 0 30px;margin-bottom:-26px}
.site .ray::-webkit-scrollbar{display:none}
.site .tema{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;padding:0 4px}
.site .tema-ic{height:100%;background:var(--card);border-radius:30px;padding:clamp(1.3em,3vw,2.2em);box-shadow:var(--shadow);
  display:flex;flex-direction:column;gap:.6em}
.site .tema-ust{display:flex;justify-content:space-between;align-items:center;gap:1em}
.site .tno{color:var(--muted);font-weight:600}
.site .rozet{font-size:.82em;font-weight:600;padding:.2em .75em;border-radius:999px;background:var(--soft);color:var(--blue)}
.site .tema.yakinda .rozet{background:var(--seg);color:var(--muted)}
.site .tema h2{margin:0;font-size:clamp(1.7em,3.4vw,2.6em);letter-spacing:-.03em;line-height:1.08}
.site .konular{margin:.3em 0 .4em;padding-left:1.4em;display:grid;gap:.35em;font-size:1.05em}
.site .konular li::marker{color:var(--muted);font-weight:600}
.site .tema.yakinda h2,.site .tema.yakinda .konular{color:var(--muted)}
.site .ac{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:52px;padding:0 1.4em;border-radius:999px;
  background:var(--blue);color:#fff!important;text-decoration:none;font-weight:600;font-size:1.05em}
.site .ac.yok{background:var(--seg);color:var(--muted)!important}

/* yakında kutuları (TYT, AYT) */
.site .bolumler{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.site .bolum{background:var(--card);border-radius:24px;padding:1.3em 1.4em;box-shadow:var(--shadow);opacity:.75}
.site .bolum h3{margin:0 0 .3em;font-size:1.2em}
.site .bolum p{margin:0;color:var(--muted)}
.site .bolum .rozet{display:inline-block;margin-top:.8em;background:var(--seg);color:var(--muted)}

.site .alt{border-top:1px solid var(--line);margin-top:3em;padding-top:1.2em;color:var(--muted);font-size:.85em;
  display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}
.site .imza{font-family:"Caveat","Segoe Script","Bradley Hand",cursive;font-size:1.6em;font-weight:600;color:var(--ink);line-height:1}

/* ana sayfa düğmesi (site sayfaları) */
.site .dg-ana{display:inline-flex;align-items:center;min-height:40px;padding:0 1em;border-radius:999px;background:var(--ink);color:var(--bg);
  text-decoration:none;font-weight:600;font-size:.92em;margin-right:auto}
/* masaüstünde sayaçta sadece "Tema 1 / 7" */
.site .s-ad,.site .s-nm{display:none}

/* ---------- TELEFON DÜZENİ ---------- */
@media (max-width:600px){
  .site .bar{position:static}
  .site .bar-in{padding:.5em 14px .6em}
  .site .wrap{padding:18px 14px 40px}
  .site .sinif-nav{order:3;width:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:6px}
  .site .sinif-nav a{grid-column:span 3;justify-content:center;min-height:50px;font-size:1.05em;font-weight:650;border-radius:14px;padding:0}
  .site .sinif-nav a:nth-child(5),.site .sinif-nav a:nth-child(6){grid-column:span 6}
  .site.ana-sayfa .siniflar,.site.ana-sayfa .hazir-blok{display:none}
  .site.ana-sayfa .ozellik{margin-top:.5em}
  .site h1{font-size:2.1em}
  .site:not(.ana-sayfa) .lead{display:none}
  .site .cipler{display:none}
  .site .kontrol{background:var(--card);border-radius:999px;padding:5px;box-shadow:var(--shadow);margin-bottom:12px}
  .site .ok{width:50px;height:50px;box-shadow:none;background:var(--seg);flex:0 0 auto}
  .site .sayac{flex:1;text-align:center;color:var(--ink);font-size:1.05em;line-height:1.2;min-width:0}
  .site .s-ad{display:inline}.site .s-nm{display:inline;color:var(--muted);font-weight:500;margin-left:.25em}.site .s-no{display:none}
  .site .tema h2{font-size:1.6em}
  .site .tema-ust .tno{display:none}
}
@media (prefers-reduced-motion:reduce){
  .site *{transition:none!important;scroll-behavior:auto!important}
}

/* ---------- kesir (üst üste) ---------- */
.fr{display:inline-flex;flex-direction:column;align-items:stretch;vertical-align:middle;text-align:center;line-height:1.12;margin:0 .12em;font-size:.9em;white-space:nowrap}
.fr>.fr-n{border-bottom:.08em solid currentColor;padding:0 .2em .06em}
.fr>.fr-d{padding:.08em .2em 0}
.fr .fr{font-size:.85em}
.pdfp .fr{font-size:.92em}

/* ---------- etkinlik pencereleri (oyunlar, yarışma) ---------- */
html.dgo-acik,html.dgo-acik body{overflow:hidden}
.dgo{position:fixed;inset:0;z-index:9990;background:var(--bg,#F5F5F7);color:var(--ink,#1D1D1F);display:flex;flex-direction:column;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);font-size:clamp(16px,.6vw + 12px,24px)}
html.tahta .dgo{font-size:clamp(20px,.9vw + 12px,32px)}
.dgo-bar{display:flex;align-items:center;gap:.6em;padding:.5em 1em;background:var(--card,#fff);border-bottom:1px solid var(--line,rgba(0,0,0,.1));flex-wrap:wrap}
.dgo-t{font-size:1.1em;margin-right:auto}
.dgo-s{font-weight:700;color:var(--blue,#0071E3);font-variant-numeric:tabular-nums}
.dgo-x{border:0;border-radius:999px;background:var(--seg,#E3E3E8);color:var(--ink,#1D1D1F);font:inherit;font-size:.9em;min-height:44px;padding:0 1.1em;cursor:pointer}
.dgo-c{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:1em;display:flex;flex-direction:column;align-items:center}
.dgo-in{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:.8em}
.dgo-msg{min-height:2.6em;margin:0;padding:.6em .9em;border-radius:14px;background:var(--card,#fff);line-height:1.4}
.dgo-msg.ok{background:color-mix(in srgb,var(--green,var(--ok,#248A3D)) 15%,var(--card,#fff));color:var(--green,var(--ok,#248A3D));font-weight:600}
.dgo-msg.no{background:color-mix(in srgb,var(--red,#D70015) 12%,var(--card,#fff));color:var(--red,#D70015);font-weight:600}
.dgo-btn{border:0;border-radius:999px;background:var(--seg,#E3E3E8);color:var(--ink,#1D1D1F);font:inherit;font-weight:600;min-height:52px;padding:0 1.4em;cursor:pointer}
.dgo-btn.ana{background:var(--blue,#0071E3);color:#fff}
.dgo-btn:disabled{opacity:.4;cursor:default}
.dgo-row{display:flex;gap:.6em;flex-wrap:wrap;align-items:center}
.dgo-son{text-align:center;padding:2em 1em;background:var(--card,#fff);border-radius:24px}
.dgo-son b{display:block;font-size:2.4em;color:var(--blue,#0071E3)}
@keyframes dgsalla{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.dg-salla{animation:dgsalla .35s}
@media (prefers-reduced-motion:reduce){.dg-salla{animation:none}}
.oyunb{white-space:normal}
.dg-yar{white-space:nowrap}
@media (max-width:600px){.dg-yar{display:none!important}}

/* kümeye sürükle-bırak */
.kg-ust{display:flex;align-items:center;gap:1em;flex-wrap:wrap}
.kg-kart{min-width:4.2em;min-height:2.6em;padding:.3em .8em;border-radius:16px;background:var(--blue,#0071E3);color:#fff;font-weight:700;font-size:1.6em;
  display:inline-flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.kg-kart.sec{outline:4px solid var(--orange,#E08600);outline-offset:3px}
.kg-kart.uc{position:fixed;z-index:9999;pointer-events:none;margin:0;transform:translate(-50%,-50%) scale(1.05)}
.kg-ust .dgo-msg{flex:1;min-width:14em}
.kg-ad{font-weight:700;margin:.2em 0 .25em .3em}
.kg-k,.kg-irr{border:2px solid color-mix(in srgb,var(--blue,#0071E3) 40%,transparent);border-radius:20px;padding:.5em;display:flex;flex-direction:column;gap:.4em;cursor:pointer}
.kg-R{background:color-mix(in srgb,var(--blue,#0071E3) 4%,var(--card,#fff));flex-direction:row;align-items:stretch;min-height:20em}
.kg-Q{flex:1.7;background:color-mix(in srgb,var(--blue,#0071E3) 8%,var(--card,#fff))}
.kg-Z{flex:1;background:color-mix(in srgb,var(--blue,#0071E3) 13%,var(--card,#fff))}
.kg-N{flex:1;background:color-mix(in srgb,var(--blue,#0071E3) 19%,var(--card,#fff));min-height:5em}
.kg-irr{flex:1;border-style:dashed;background:transparent}
.kg-l{font-weight:700;font-size:.9em}
.kg-it{display:flex;flex-wrap:wrap;gap:.3em;min-height:1.6em}
.kg-it span.c{background:var(--card,#fff);border-radius:10px;padding:.1em .5em;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.kg-k.over,.kg-irr.over{border-color:var(--orange,#E08600);border-style:solid;box-shadow:0 0 0 3px color-mix(in srgb,var(--orange,#E08600) 35%,transparent)}
@media (max-width:600px){.kg-R{flex-direction:column}.kg-irr{min-height:4em}}

/* doğruyu oturt */
.dg-gr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1em;align-items:start}
.dg-gr svg{width:100%;height:auto;background:var(--card,#fff);border-radius:20px;touch-action:none;user-select:none}
.dg-gor{font-size:1.5em;font-weight:700;padding:.4em .7em;border-radius:14px;background:var(--card,#fff)}
.dg-sen{padding:.5em .8em;border-radius:14px;background:var(--card,#fff);line-height:1.6}
@media (max-width:800px){.dg-gr{grid-template-columns:1fr}}

/* dizi tahmini */
.dz-terim{display:flex;gap:.5em;flex-wrap:wrap}
.dz-terim div{min-width:4.2em;padding:.4em .6em;border-radius:14px;background:var(--card,#fff);text-align:center}
.dz-terim small{display:block;color:var(--muted,#6E6E73)}
.dz-terim b{font-size:1.6em}
.dz-terim .soru{background:color-mix(in srgb,var(--blue,#0071E3) 14%,var(--card,#fff));outline:3px solid var(--blue,#0071E3)}
.dz-fark{color:var(--orange,#C98A12);font-weight:700;letter-spacing:.05em}
.dz-giris{font:inherit;font-size:1.6em;font-weight:700;width:5em;min-height:1.8em;text-align:center;border-radius:14px;border:2px solid var(--line,#ccc);background:var(--card,#fff);color:var(--ink,#000)}
.dz-tus{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4em;max-width:28em}
.dz-tus button{min-height:54px;font-size:1.25em}
.dz-svg{width:100%;max-width:640px;height:auto;background:var(--card,#fff);border-radius:20px}

/* yarışma */
.yr-kur{display:grid;gap:1em;background:var(--card,#fff);border-radius:24px;padding:1.2em}
.yr-kur label{display:grid;gap:.3em;font-weight:600}
.yr-kur input,.yr-kur select{font:inherit;min-height:50px;border-radius:12px;border:1px solid var(--line,#ccc);background:var(--bg,#fff);color:var(--ink,#000);padding:0 .7em}
.yr-sec{display:flex;gap:.4em;flex-wrap:wrap}
.yr-sec button[aria-pressed="true"]{background:var(--ink,#000);color:var(--bg,#fff)}
.yr-tak{display:grid;grid-template-columns:1fr 1fr;gap:.8em}
.yr-tak div{background:var(--card,#fff);border-radius:20px;padding:.5em .9em;display:flex;justify-content:space-between;align-items:center;border:3px solid transparent}
.yr-tak div.aktif{border-color:var(--blue,#0071E3)}
.yr-tak b{font-size:2em;font-variant-numeric:tabular-nums}
.yr-sure{height:10px;border-radius:5px;background:var(--seg,#E3E3E8);overflow:hidden}
.yr-sure i{display:block;height:100%;background:var(--blue,#0071E3);transition:width 1s linear}
.yr-soru{background:var(--card,#fff);border-radius:24px;padding:1em 1.2em;font-size:1.35em;line-height:1.5}
.yr-sik{display:grid;grid-template-columns:repeat(auto-fit,minmax(9em,1fr));gap:.6em}
.yr-sik button{border:3px solid transparent;border-radius:18px;background:var(--card,#fff);color:var(--ink,#000);font:inherit;font-size:1.3em;min-height:2.6em;padding:.3em .7em;text-align:left;cursor:pointer}
.yr-sik button b{color:var(--muted,#6E6E73);margin-right:.5em}
.yr-sik button.dogru{border-color:var(--green,var(--ok,#248A3D));background:color-mix(in srgb,var(--green,var(--ok,#248A3D)) 14%,var(--card,#fff))}
.yr-sik button.yanlis{border-color:var(--red,#D70015);background:color-mix(in srgb,var(--red,#D70015) 10%,var(--card,#fff))}
.yr-coz{background:var(--card,#fff);border-radius:18px;padding:.6em 1em}
.yr-coz ol{margin:.3em 0 0;padding-left:1.3em}

/* ---------- sürgü yanındaki sayı kutusu ---------- */
.ctl-in{font:inherit;font-weight:700;font-size:1.05em;width:5.2em;min-height:40px;text-align:center;border-radius:12px;
  border:2px solid var(--line,rgba(0,0,0,.15));background:var(--bg,#fff);color:var(--ink,#000);padding:0 .3em;font-variant-numeric:tabular-nums}
.ctl-in:focus{outline:none;border-color:var(--blue,#0071E3)}
.ctl-in.hata{border-color:var(--red,#D70015)}
.ctl-err{color:var(--red,#D70015);font-size:.85em;min-height:0}
.ctl-err:empty{display:none}
.ctl-top{align-items:center!important;gap:.6em}
html.tahta .ctl-in{min-height:52px;width:5.6em}

/* ---------- konu özeti ve sık sorulanlar ---------- */
.dg-ozet{display:none}
.dg-ozet.acik{display:flex;position:fixed;inset:0;z-index:9980;background:rgba(0,0,0,.45);justify-content:center;align-items:flex-start;overflow:auto;padding:max(2vh,env(safe-area-inset-top,0px)) 12px 4vh}
.oz-ic{background:var(--card,#fff);color:var(--ink,#000);max-width:46em;width:100%;border-radius:24px;padding:1.2em 1.5em 1.5em;line-height:1.6;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.oz-bas{display:flex;justify-content:space-between;align-items:center;gap:1em;position:sticky;top:-1.2em;background:var(--card,#fff);padding:.5em 0;z-index:1}
.oz-bas h2{margin:0;font-size:1.35em}
.oz-x{border:0;border-radius:999px;background:var(--seg,#E3E3E8);color:var(--ink,#000);font:inherit;min-height:44px;padding:0 1.1em;cursor:pointer;white-space:nowrap}
.oz-ic h3{margin:1.1em 0 .2em;font-size:1.1em;color:var(--blue,#0071E3)}
.oz-ic p{margin:0}
.oz-sss{margin:1.4em 0 .4em;font-size:1.2em}
.oz-ic details{border-top:1px solid var(--line,rgba(0,0,0,.1));padding:.5em 0}
.oz-ic summary{font-weight:600;cursor:pointer;min-height:36px;display:list-item}
.oz-ic details p{margin:.3em 0 0 1.1em;color:var(--muted,#555)}
html.tahta .oz-ic{font-size:1.15em}