/* Defter teması: kaynaklar.net'in ortak görünümü (Instagram'daki Bilge'li defter dili).
   Krem kareli kâğıt, lacivert mürekkep, pembe/sarı vurgu, kalın çizgili kartlar. welcome.css'in üstüne yüklenir. */
@font-face{font-family:Jakarta;src:url(/fonts/jakarta-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Jakarta;src:url(/fonts/jakarta-700.woff2) format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:Hand;src:url(/fonts/caveat.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--ink:#26304f;--ink2:#4a5272;--muted:#6b7190;--paper:#fffdf7;--bg:#fbf8f0;--grid:#e8ecf7;--line:#e2e5f0;
--pink:#e8457a;--pinkd:#b8325f;--yellow:#ffd23f;--mint:#7ee0c3;--rose:#ffb3c7;--sky:#b9c6ff;--green:#28a05a;--purple:#4b3fd6;
--r:24px;--bd:2.5px solid var(--ink);--lift:0 4px 0 var(--ink)}
html{scroll-padding-top:84px}
body.defter{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Jakarta,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500;
background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}
.defter b,.defter strong{font-weight:800}
.defter a{color:var(--purple)}
.defter h1,.defter h2,.defter h3,.defter h4{color:var(--ink);font-weight:800}
.defter h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:4px 0 8px}.defter h2{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:0 0 10px}.defter h3{font-size:16.5px;margin:16px 0 6px}
.hand{font-family:Hand,cursive;font-weight:700;color:var(--pink)}

/* üst menü */
.defter .topbar{position:sticky;top:0;z-index:20;background:#fffdf7;border-bottom:var(--bd)}
.defter .nav-wrap{height:68px}
.defter .brand{color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.6px}.defter .brand span{color:var(--pink);font-weight:800}
.defter .brand-mark{width:38px;height:38px;background:url(/bilge3d.webp) center/contain no-repeat;color:transparent;border-radius:0;font-size:0;margin-right:6px}
.defter .nav-wrap nav a{color:var(--ink2);text-decoration:none;font-weight:700}.defter .nav-wrap nav a:hover{color:var(--pink)}
.defter .nav-wrap nav>.nav-cta{background:var(--pink);color:#fff;border-radius:14px;padding:10px 16px;box-shadow:0 4px 0 var(--pinkd);font-weight:800}
.defter .nav-wrap nav>.nav-cta:hover{color:#fff;transform:translateY(1px);box-shadow:0 3px 0 var(--pinkd)}
.defter .quick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px max(16px,calc((100% - 1160px)/2));background:var(--paper);border-bottom:1.5px solid var(--line)}
.defter .quick::-webkit-scrollbar{display:none}
.defter .quick a{flex:none;text-decoration:none;font-weight:800;font-size:13px;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 13px}
.defter .quick a:hover{background:var(--yellow)}
@media(min-width:1001px){.defter .quick{display:none}}

/* içerik */
.defter .archive-main{position:relative;padding-top:24px;padding-bottom:40px}
.defter .bc{font-size:12.5px;color:var(--muted);margin:0 0 14px;overflow-wrap:anywhere}.defter .bc a{color:inherit;text-decoration:none}.defter .bc a:hover{color:var(--pink)}
.defter .meta{font-size:13px;color:var(--muted)}.defter .meta a{color:var(--purple)}
.defter .kz{font-size:14px;color:var(--ink2);margin:0 0 18px}.defter .kz b{color:var(--ink)}
.defter .card{background:#fff;border:var(--bd);border-radius:var(--r);padding:22px;margin:0 0 18px;color:var(--ink);box-shadow:var(--lift);backdrop-filter:none}
.defter .card ul{padding-left:20px}.defter .card li{margin:5px 0}
.defter article.card{background:#fff;color:#222235;box-shadow:var(--lift)}
.defter article.card .txt p{color:#3a3650}
.defter details .in{border-top:1.5px dashed var(--line)}
.defter .opts li{border:1.5px solid var(--line)}
.defter .cta,.defter .archive-app{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pinkd);border-radius:14px}
.defter .archive-app.pdfb{background:var(--yellow);color:var(--ink);box-shadow:0 4px 0 #c9a21c}
.defter .play{color:var(--muted)}
.defter .pn a{border:2px solid var(--ink);background:#fff;color:var(--ink);font-weight:800}.defter .pn a:hover{background:var(--yellow)}

/* kahraman alanı (öğretmen sayfasının dili, defter renkleri) */
.defter .tp-hero,.defter .archive-hero:not(.tp-hero){background:#fff;border:3px solid var(--ink);box-shadow:10px 12px 0 var(--yellow);border-radius:28px}
.defter .tp-hero h1,.defter .archive-hero:not(.tp-hero) h1{color:var(--ink);letter-spacing:-1.8px}
.defter .tp-hero h1 em{font-style:normal;color:var(--ink);background:linear-gradient(transparent 60%,var(--yellow) 60%);-webkit-background-clip:border-box;background-clip:border-box;padding:0 6px;border-radius:4px}
.defter .tp-eyebrow,.defter .archive-hero .archive-count{color:var(--pink)}
.defter .tp-lead,.defter .archive-hero:not(.tp-hero)>p{color:var(--ink2)}.defter .tp-lead b{color:var(--ink)}
.defter .tp-btn{background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pinkd);border-radius:16px}
.defter .tp-btn:hover{filter:none;transform:translateY(2px);box-shadow:0 3px 0 var(--pinkd)}
.defter .tp-btn.ghost{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}
.defter .tp-btn.gold{background:var(--yellow);color:var(--ink);box-shadow:0 5px 0 #c9a21c}
.defter .tp-facts li{background:#fff;border:1.5px solid var(--line);color:var(--ink2)}.defter .tp-facts b{color:var(--pink)}
.defter .tp-bilge{filter:none}
.defter .tp-h2 h2{color:var(--ink)}.defter .tp-h2 p{color:var(--muted)}
.defter .tp-tool{background:#fff;border:var(--bd);color:var(--ink);box-shadow:var(--lift)}
.defter .tp-tool:hover{border-color:var(--ink);box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}
.defter .tp-tool small{color:var(--ink2)}
.defter .tp-ic{background:var(--yellow);border:2px solid var(--ink)}
.defter .tp-tools li:nth-child(4n+2) .tp-ic{background:var(--mint)}.defter .tp-tools li:nth-child(4n+3) .tp-ic{background:var(--rose)}.defter .tp-tools li:nth-child(4n+4) .tp-ic{background:var(--sky)}
.defter .tp-open{background:#fff;border:2px solid var(--ink);color:var(--ink)}.defter .tp-tool:hover .tp-open{background:var(--pink);color:#fff;border-color:var(--pink)}
.defter .tp-new{background:var(--yellow);color:var(--ink);border:1.5px solid var(--ink)}
.defter .tp-tool.hot{background:#fff9e0;border-color:var(--ink)}

/* renkli sınıf / ders kartları */
.defter ul.grid li{background:var(--yellow);border:var(--bd);box-shadow:var(--lift);border-radius:20px}
.defter ul.grid li:nth-child(4n+2){background:var(--mint)}.defter ul.grid li:nth-child(4n+3){background:var(--rose)}.defter ul.grid li:nth-child(4n+4){background:var(--sky)}
.defter ul.grid li:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:0 6px 0 var(--ink)}
.defter ul.grid li>a{color:var(--ink)}.defter ul.grid li>a .meta{color:var(--ink2)}
.defter ul.grid li>a:first-child:after{background:#fff;border:2px solid var(--ink);color:var(--ink)}
.defter ul.grid li:hover>a:first-child:after{background:var(--ink);color:#fff;border-color:var(--ink)}
.defter ul.grid li>a.archive-detail{color:var(--ink);background:#ffffffb3;border:1.5px solid var(--ink)}

/* listeler, anahtar, tablo, hesaplama */
.defter .bk-pdf{background:var(--yellow);color:var(--ink)}.defter .bk-sol{background:var(--mint);color:var(--ink)}
.defter .qrow{background:#fff;border:1.5px solid var(--line)}.defter .qrow:hover{background:#fff9e0;border-color:var(--ink)}
.defter .qrow b{background:var(--ink);color:#fff}.defter .qrow span{color:var(--ink2)}.defter .qrow i{color:var(--green)}
.defter ol.q li::marker{color:var(--muted)}.defter ol.q a{color:var(--ink)}.defter ol.q a:hover{color:var(--pink)}.defter ol.q span{color:var(--muted)}
.defter .key li{background:#fff;border:1.5px solid var(--line);color:var(--green)}.defter .key b{color:var(--muted)}
.defter .calc-t tr{border-top:1.5px solid var(--line)}.defter .calc-t input{border:2px solid var(--ink);background:#fff;color:var(--ink)}.defter .calc-t td.net{color:var(--green)}.defter .calc-t tr.bad input{border-color:var(--pink)}
.defter .calc-out div{background:#fff;border:var(--bd)}.defter .calc-out b{color:var(--pink)}
.defter .lgs-when{color:var(--pink)}
.defter .share{color:var(--ink2)}.defter .share span{color:var(--ink)}
.defter .share a,.defter .share button{color:var(--ink);background:#fff;border:2px solid var(--ink)}
.defter .share a[data-act=whatsapp]{background:#25d366;border-color:var(--ink);color:#05300f}
.defter .archive-question .archive-detail{color:var(--green)}
.defter table.terms th{color:var(--ink)}.defter table.terms td{border-top:1.5px solid var(--line)}.defter table.terms a:hover{color:var(--pink)}

/* alt bilgi */
.defter .site-footer{background:var(--ink);color:#c9cde0;border-top:0;backdrop-filter:none}.defter .site-footer a{color:#fff}

/* başlık boyutları (genel h1 kuralının önüne geçsin) */
.defter .tp-hero h1{font-size:clamp(34px,6vw,60px);line-height:1.04;margin:0 0 14px}
@media(min-width:1000px){.defter .tp-hero h1{font-size:clamp(40px,4.3vw,56px);margin-bottom:12px}}
@media(max-width:700px){.defter .tp-hero.archive-hero h1{font-size:clamp(28px,8.4vw,36px)}}
.defter .archive-hero:not(.tp-hero) h1{font-size:clamp(30px,5vw,50px);line-height:1.06}

.defter .cta.alt{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}

/* öğretmen: araç şeridi ve kâğıt hazırlama alanı */
.defter .tp-dk{background:#fff;border:var(--bd);box-shadow:var(--lift);color:var(--ink)}
.defter .tp-dk:hover{box-shadow:0 6px 0 var(--ink)}.defter .tp-dk small{color:var(--muted)}
.defter .tp-dk.on{background:var(--yellow)}.defter .tp-dk.paper .tp-ic{background:var(--yellow)}
.defter .tp-dock li:nth-child(4n+2) .tp-ic{background:var(--mint)}.defter .tp-dock li:nth-child(4n+3) .tp-ic{background:var(--rose)}.defter .tp-dock li:nth-child(4n+4) .tp-ic{background:var(--sky)}
.defter .tp-builder{box-shadow:6px 7px 0 var(--ink)}.defter .tp-go{background:#fff}
.defter .tp-tabs{border-bottom:2px solid var(--ink)}.defter .tp-tabs button[aria-selected=true]{background:var(--yellow);border:2px solid var(--ink);color:var(--ink)}
.defter .tp-step>span,.defter .tp-lab{color:var(--pink)}.defter .tp-step>span i{background:var(--pink);color:#fff}
.defter .tp-chips button[aria-pressed=true]{background:var(--pink);border-color:var(--pinkd);color:#fff}
.defter .tp-empty{border:2px dashed #c9cde0;color:var(--ink2)}

/* blog */
.defter .blog-hero{background:#fff;color:var(--ink);border-bottom:var(--bd);padding:44px 0 34px}
.defter .blog-hero h1{color:var(--ink)}.defter .blog-hero .lead{color:var(--ink2)}.defter .blog-hero .kicker{color:var(--pink)}
.defter .button.dark{background:var(--ink)!important;color:#fff!important}.defter .button.primary{background:var(--pink)!important;color:#fff!important;box-shadow:0 4px 0 var(--pinkd)}

/* ortak bileşenler (ana sayfada da çalışsın diye burada da) */
/* ortak kahraman alanı ve araç kartları (öğretmen sayfasının dili; tüm arşiv sayfaları) */
.tp-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:center;border-radius:28px;padding:clamp(24px,5vw,54px);margin:0 0 22px;
background:radial-gradient(90% 120% at 100% 0%,#7c5cff55,transparent 60%),radial-gradient(70% 90% at 0% 100%,#ccf7ae1f,transparent 60%),linear-gradient(160deg,#1d1640,#100c2a);border:1px solid #c9b8ff40;box-shadow:0 40px 100px -50px #000,inset 0 1px 0 #ffffff24}
.tp-eyebrow{margin:0 0 14px;font-size:11.5px;font-weight:800;letter-spacing:1.6px;color:#ffd88a}
.tp-hero h1{font-size:clamp(34px,6vw,60px);line-height:1.04;letter-spacing:-2px;margin:0 0 14px;color:#fff}.tp-hero h1 em{font-style:normal;background:linear-gradient(90deg,#ccf7ae,#ffd88a);-webkit-background-clip:text;background-clip:text;color:transparent}
.tp-lead{font-size:clamp(16px,2vw,19px);color:#ddd7f7;margin:0 0 20px;max-width:640px;line-height:1.5}.tp-lead b{color:#fff}
.tp-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.tp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:800;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer;border:0;border-radius:999px;padding:13px 22px;background:#ccf7ae;color:#1d2a17;box-shadow:0 12px 30px -10px #ccf7ae99;transition:transform .15s,filter .15s}
.tp-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.tp-btn.ghost{background:#ffffff14;color:#fff;border:1px solid #ffffff33;box-shadow:none}.tp-btn.gold{background:#ffd88a;color:#2a1f00;box-shadow:0 12px 30px -10px #ffd88a88}
.tp-btn.sm{font-size:13.5px;padding:9px 16px}.tp-btn:disabled{opacity:.45;cursor:default;transform:none}
.tp-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.tp-facts li{margin:0;font-size:13px;color:#cfc9ea;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px}.tp-facts b{color:#ccf7ae}
.tp-bilge{width:100%;height:auto;filter:drop-shadow(0 14px 18px #0006)}@keyframes tpfloat{50%{transform:translateY(-8px)}}
.tp-h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 12px}.tp-h2 h2{margin:0;font-size:22px}.tp-h2 p{margin:0;font-size:13px;color:#a9a3c8}
.tp-tools{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:1fr;gap:12px}
.tp-tools li{margin:0}.tp-tool{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;height:100%;box-sizing:border-box;padding:16px 16px 16px 14px;border-radius:20px;
background:linear-gradient(160deg,#ffffff14,#ffffff06);border:1px solid #ffffff1f;color:#fff;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer;font:inherit;text-align:left;width:100%}
.tp-tool:hover{transform:translateY(-3px);border-color:#c9b8ff77;box-shadow:0 20px 40px -22px #000,0 0 30px #b9a6ff22}
.tp-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#2a2160,#16122f);border:1px solid #ffffff1f}
.tp-tool b{display:block;font-size:16.5px;line-height:1.25}.tp-tool small{display:block;font-size:13.5px;line-height:1.4;color:#cfc9ea;margin-top:3px}
.tp-open{font-weight:800;font-size:13.5px;padding:9px 15px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff33;color:#fff;white-space:nowrap}.tp-tool:hover .tp-open{background:#ccf7ae;color:#1d2a17;border-color:#ccf7ae}
.tp-new{display:inline-block;vertical-align:2px;margin-left:6px;font-size:10.5px;font-weight:900;letter-spacing:.8px;color:#1d2a17;background:#ffd88a;border-radius:999px;padding:2px 7px}
.tp-tool.hot{border-color:#ccf7ae55;background:linear-gradient(160deg,#ccf7ae1a,#ffffff06)}
@media(max-width:700px){.tp-hero{grid-template-columns:minmax(0,1fr) 92px;gap:10px;border-radius:22px;padding:22px 18px}.tp-hero h1{letter-spacing:-1.2px}.tp-bilge{align-self:start;margin-top:26px}
.tp-cta .tp-btn{flex:1 1 100%}.tp-tool{grid-template-columns:46px minmax(0,1fr);padding:14px}.tp-ic{width:46px;height:46px;font-size:24px;border-radius:13px}.tp-open{grid-column:2;justify-self:start;margin-top:2px}}
@media(min-width:760px){.tp-tools{grid-template-columns:1fr 1fr}}
/* arşiv sayfaları telefonda: Bilge köşede küçük, yazı tam genişlik, rozetler tek satır kayar */
@media(max-width:700px){.tp-hero.archive-hero{display:block;padding:20px 18px 18px}.tp-hero.archive-hero>div{position:relative;z-index:1}
.tp-hero.archive-hero .tp-bilge{position:absolute;top:12px;right:8px;width:66px;margin:0;z-index:0}.tp-hero.archive-hero .tp-eyebrow{padding-right:80px;font-size:10.5px;line-height:1.5}
.tp-hero.archive-hero h1{font-size:clamp(28px,8.4vw,36px);padding-right:66px;margin-bottom:10px}.tp-hero.archive-hero .tp-lead{font-size:15.5px;margin-bottom:16px}
.tp-hero.archive-hero .tp-cta{margin-bottom:14px}.tp-hero.archive-hero .tp-cta .tp-btn{flex:1 1 auto;padding:12px 16px;font-size:14.5px}
.tp-hero.archive-hero .tp-facts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:0 18px}.tp-hero.archive-hero .tp-facts::-webkit-scrollbar{display:none}.tp-hero.archive-hero .tp-facts li{flex:none;white-space:nowrap}}
/* masaüstü: kahraman alanı tek ekrana sığsın, araçlar ilk bakışta görünsün */
@media(min-width:1000px){.tp-hero{grid-template-columns:minmax(0,1fr) 210px;gap:36px;padding:34px 48px;margin-bottom:20px}.tp-hero h1{font-size:clamp(40px,4.3vw,56px);margin-bottom:12px}.tp-eyebrow{margin-bottom:10px}
.tp-lead{font-size:17px;margin-bottom:18px}.tp-cta{margin-bottom:16px}.tp-bilge{width:auto;max-width:100%;max-height:250px;justify-self:center}}
/* araç şeridi: kahramanın hemen altında, tek satır (telefonda kayar) */
.tp-dock{margin:0 0 20px}.tp-dock ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.tp-dock li{margin:0}.tp-dk{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;box-sizing:border-box;padding:12px;border-radius:18px;text-decoration:none;color:inherit;transition:transform .15s}
.tp-dk:hover{transform:translateY(-2px)}.tp-dk .tp-ic{width:42px;height:42px;font-size:22px;border-radius:12px}.tp-dk b{font-size:14px;line-height:1.2}.tp-dk small{font-size:12px;line-height:1.25}
.tp-dk .tp-new{font-style:normal;margin-left:4px;font-size:9px;padding:1px 5px;vertical-align:1px}
@media(max-width:1100px){.tp-dock ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.tp-dock ul{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px}.tp-dock ul::-webkit-scrollbar{display:none}.tp-dock li{flex:none;width:132px}}

/* ana sayfa */
.home .home-top{padding-top:22px}
.home .home-hero{grid-template-columns:minmax(0,1fr) 260px}.home .home-art{position:relative;display:flex;justify-content:center}
.home .home-note{position:absolute;left:-30px;bottom:18px;font-size:30px;line-height:1;transform:rotate(-6deg)}
.defter .home-grades{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}.defter .home-grades .hg-t{font-weight:800;font-size:17px;margin-right:6px}
.defter .home-grades a{display:grid;place-items:center;min-width:54px;height:54px;padding:0 10px;border:var(--bd);border-radius:16px;background:var(--yellow);color:var(--ink);font-weight:800;font-size:22px;text-decoration:none;box-shadow:var(--lift);transition:transform .15s}
.defter .home-grades a:nth-of-type(4n+2){background:var(--mint)}.defter .home-grades a:nth-of-type(4n+3){background:var(--rose)}.defter .home-grades a:nth-of-type(4n+4){background:var(--sky)}
.defter .home-grades a:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}
.home .home-dock{margin-bottom:34px}
/* "okulda bu hafta" bölümü */
.defter .school{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:center;background:#fff;border:var(--bd);border-radius:28px;padding:34px 40px;margin:0 0 40px;box-shadow:var(--lift)}
.defter .school .planet{display:none}
.defter .school .kicker{color:var(--pink);font-weight:800;font-size:12px;letter-spacing:1.4px;margin:0 0 8px}
.defter .school h2{font-size:clamp(26px,3.2vw,38px);letter-spacing:-1px;line-height:1.1}.defter .school h2 span{background:linear-gradient(transparent 60%,var(--yellow) 60%);padding:0 4px}
.defter .school-lead{color:var(--ink2);margin:10px 0 16px}
.defter .steps{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.defter .steps li{display:flex;gap:12px;align-items:flex-start;background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:10px 14px}
.defter .steps .step-emoji{font-size:24px;line-height:1}.defter .steps strong{display:block}.defter .steps small{display:block;color:var(--muted);font-size:13.5px}
.defter .school .button.purple{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pinkd);border-radius:14px;text-decoration:none}
.defter .school-phone{position:relative}.defter .phone{background:var(--paper);border:3px solid var(--ink);border-radius:30px;padding:18px 14px;box-shadow:8px 9px 0 var(--yellow)}
.defter .phone-notch{width:70px;height:6px;border-radius:9px;background:var(--ink);margin:0 auto 12px}.defter .phone-hi{font-weight:800;margin:0 0 10px}
.defter .sday{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:10px}.defter .sday-head,.defter .sday-row{display:flex;gap:10px;align-items:center;padding:6px 4px}
.defter .sday-head strong,.defter .sday-row strong{display:block;font-size:14px}.defter .sday small{display:block;color:var(--muted);font-size:12px}
.defter .sday-row b{margin-left:auto;font-size:12px;background:var(--yellow);border-radius:999px;padding:2px 8px}.defter .sday-row div{min-width:0}
.defter .phone-toast{margin-top:10px;font-size:12.5px;font-weight:700;background:var(--ink);color:#fff;border-radius:14px;padding:8px 10px}
.defter .school-bilge{position:absolute;right:-18px;bottom:-26px;width:90px}
@media(max-width:800px){.defter .school{grid-template-columns:1fr;padding:22px 18px}.defter .school-phone{max-width:320px;margin:0 auto}.home .home-hero{grid-template-columns:minmax(0,1fr) 92px}.home .home-note{display:none}
.defter .home-grades a{min-width:44px;height:46px;font-size:19px}.defter .home-grades .hg-t{width:100%}}

/* ana sayfa alt bölümler */
.home .home-note{left:-190px;bottom:60px}
.defter .category{border:var(--bd);border-radius:24px;box-shadow:var(--lift);color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.defter .category:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--ink)}
.defter .category-purple{background:var(--sky)}.defter .category-peach{background:var(--rose)}.defter .category-mint{background:var(--mint)}
.defter .category h3{color:var(--ink);font-size:24px;letter-spacing:-.6px}.defter .category p{color:var(--ink2)}
.defter .category-icon{background:#fff;border:2px solid var(--ink);color:var(--ink)}.defter .category .number{color:var(--ink2);font-weight:800}
.defter .category-link{color:var(--ink);font-weight:800;border-top:1.5px solid #26304f33}
.defter .section-heading .kicker,.defter .kicker{color:var(--pink);font-weight:800}
.defter .section-heading h2{font-size:clamp(26px,3.2vw,38px);letter-spacing:-1px}.defter .section-heading p{color:var(--ink2)}
.defter .planet{display:none}
.defter .classes a{background:#fff;border:var(--bd);border-radius:18px;box-shadow:var(--lift);color:var(--ink)}
.defter .classes li:nth-child(4n+1) a{background:var(--yellow)}.defter .classes li:nth-child(4n+2) a{background:var(--mint)}.defter .classes li:nth-child(4n+3) a{background:var(--rose)}.defter .classes li:nth-child(4n+4) a{background:var(--sky)}
.defter .classes b{color:var(--ink)}.defter .classes span{color:var(--ink2)}
.defter .subject-row span{color:var(--ink);font-weight:800}.defter .subject-row a{color:var(--purple)}
.defter .app-panel{background:#fff;border:3px solid var(--ink);border-radius:28px;box-shadow:10px 12px 0 var(--yellow)}
.defter .app-panel h2,.defter .app-panel h3{color:var(--ink)}
.defter .final-cta h2{color:var(--ink)}.defter .final-cta .button{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pinkd)}
.defter .trust-strip{display:none}
.defter footer:not(.site-footer){background:var(--ink);color:#c9cde0}.defter footer:not(.site-footer) a,.defter footer:not(.site-footer) .brand{color:#fff}.defter footer:not(.site-footer) h2{color:#fff}

.defter footer p,.defter .footer-bottom p{color:#c9cde0}.defter .preview-dots{color:var(--ink2)}
@media(max-width:700px){.home .home-hero{display:block}.home .tp-hero.archive-hero>.home-art{position:static}.home .home-art .tp-bilge{position:absolute;top:12px;right:8px;width:66px}}

/* === otomatik: tools/build_defter_css.py üretir, elle düzenleme === */
/* TEACHER_CSS */
.defter .tform label{color:var(--ink2)}
.defter .tform select,.defter .tform input[type=number]{border:1px solid #d9dcea;background:#fff;color:var(--ink)}
.defter .sims a{background:#fff;border:1px solid #d9dcea;color:var(--ink)}
.defter .sims a:hover{background:#fff;border-color:var(--ink)}
.defter .sims .sim-ic{background:#fff}
.defter .sims small{color:var(--ink2)}
.defter .tbtn button{background:var(--mint)}
.defter .tbtn button.alt{background:#fff;color:var(--ink);border:1px solid #d9dcea}
/* DUEL_CSS */
.defter .lead2{color:var(--ink2)}
.defter .duel-err{color:var(--pinkd)}
.defter .duel-top{color:var(--ink2)}
.defter .duel-top b{color:var(--ink)}
.defter .duel-opts button{border:1px solid #d9dcea;background:#fff;color:var(--ink)}
.defter .duel-opts button.on{background:var(--mint);border-color:var(--mint)}
.defter ol.board li{background:#fff}
.defter ol.board li:before{color:var(--pink)}
.defter ol.board li.me{background:#fff9e0;border:1px solid var(--ink)}
.defter ol.board i{color:var(--muted)}
.defter ol.board b{color:var(--green)}
.defter .duel-key li.ok{background:#fff9e0}
.defter .duel-link{border:1px solid #d9dcea;background:#fff;color:var(--ink)}
/* QUIZ_CSS */
.defter .qz-head p{color:var(--ink2)}
.defter .qz-win{background:#fff9e0;border-color:var(--ink)}
.defter .qz-prem{color:var(--pink)}
.defter .qz-grades button{border:1px solid #d9dcea;background:#fff;color:var(--ink)}
.defter .qz-grades button span{color:var(--ink2)}
.defter .qz-grades button.on{background:var(--mint);border-color:var(--mint)}
.defter .qz-form input{border:1px solid #d9dcea;background:#fff;color:var(--ink)}
.defter .qz-rules{color:var(--ink2)}
.defter .qz-lb{border-top:1px solid #d9dcea}
.defter .qz-tabs button{border:1px solid #d9dcea;color:var(--ink)}
.defter .qz-tabs button[aria-selected=true]{background:#fff;border-color:var(--yellow)}
.defter .qz-top{color:var(--ink2)}
.defter .qz-top b{color:var(--ink)}
.defter .qz-dots i{background:#fff}
.defter .qz-dots i.cur{background:var(--yellow)}
.defter .qz-dots i.ok{background:var(--mint)}
.defter .qz-timer{background:#fff}
.defter .qz-timer div{background:var(--mint)}
.defter .qz-timer div.mid{background:var(--yellow)}
.defter .qz-fb.ok{color:var(--green)}
.defter .qz-fb.no{color:var(--pinkd)}
.defter .qz-practice{color:var(--pink)}
.defter .qz-big{color:var(--green)}
.defter .qz-big small{color:var(--ink2)}
.defter .qz-src{color:var(--pink)}
.defter .qz-key li{background:#fff}
.defter .qz-key li.ok{background:#fff9e0}
.defter .qz-cdl{color:var(--pink)}
.defter .qz-cd{color:var(--ink)}
.defter .qz-liveinfo{color:var(--ink2)}
.defter .qz-liveinfo b{color:var(--ink)}
.defter .qz-wait{color:var(--green)}
.defter .qz-ok{color:var(--green)}
.defter .qz-liveres{border-top:1px solid #d9dcea}
.defter .qz-liveres summary{color:var(--ink)}
.defter .qz-practicebox{border-top:1px solid #d9dcea}
.defter .qz-revans b{color:var(--green)}
.defter .qz-revpct b{color:var(--pink)}
.defter .qz-dist i{background:#fff}
.defter .qz-dist div.ok i{background:var(--mint)}
.defter .qz-dist div.mine span{color:var(--pink)}
.defter .qz-next{color:var(--ink2)}
.defter .qz-next b{color:var(--ink)}
.defter .qz-livebadge{color:var(--pink)}
/* OGRETMEN_CSS */
.defter .tp-tabs{border-bottom:1px solid #d9dcea}
.defter .tp-tabs button{color:var(--ink2)}
.defter .tp-tabs button[aria-selected=true]{background:#fff;border-color:var(--ink);color:var(--ink)}
.defter .tp-tabs button:hover{color:var(--ink)}
.defter .tp-step>span,.defter .tp-lab{color:var(--pink)}
.defter .tp-step>span i{background:var(--yellow)}
.defter .tp-form select,.defter .tp-form input[type=text],.defter .tp-form input[type=number],.defter .tp-form input[type=date]{border:1px solid #d9dcea;background:#fff;color:var(--ink)}
.defter .tp-row>label,.defter .tp-f{color:var(--ink2)}
.defter .tp-chips button{border:1px solid #d9dcea;background:#fff;color:var(--ink)}
.defter .tp-chips button[aria-pressed=true]{background:var(--mint);border-color:var(--mint)}
.defter .tp-sum{border:1px solid #d9dcea;background:#fff}
.defter .tp-sum p{color:var(--ink2)}
.defter .tp-sum li{color:var(--ink)}
.defter .tp-sum li>b{background:var(--mint)}
.defter .tp-sum li small{color:var(--muted)}
.defter .tp-sum li.short>b{background:var(--rose)}
.defter .tp-warn{color:var(--pinkd) !important}
.defter .tp-ok{color:var(--green) !important}
.defter .tp-big div{background:#fff}
.defter .tp-big b{color:var(--ink)}
.defter .tp-big span{color:var(--muted)}
.defter .tp-kaz{border:1px solid #d9dcea;background:#fff}
.defter .tp-kaz label{color:var(--ink)}
.defter .tp-kaz label:hover{background:#fff}
.defter .tp-kaz code{color:var(--purple)}
.defter .tp-kaz em{background:var(--mint)}
.defter .tp-mini button{border:1px solid #d9dcea;color:var(--ink2)}
.defter .tp-mini button:hover{color:var(--ink);border-color:#d9dcea}
.defter .tp-set{border:1px solid #d9dcea}
.defter .tp-set summary{color:var(--ink)}
.defter .tp-checks label{color:var(--ink)}
.defter .tp-note{color:var(--muted)}
.defter .tp-empty{border:2px dashed #d9dcea;color:var(--ink2)}
.defter .tp-empty b{color:var(--ink)}
.defter .tp-bar{background:#fff;border:1px solid var(--ink);box-shadow:0 4px 0 var(--ink)}
.defter .tp-total{background:#fff;color:var(--ink)}
.defter .tp-total.ok{background:var(--mint)}
.defter .tp-total.bad{background:var(--rose)}
.defter .tp-msgs{color:var(--ink2)}
.defter .tp-msgs b{color:var(--ink)}
.defter .tp-msgs.info{background:#fff9e0;border-color:var(--ink);color:var(--ink2)}
.defter .tp-toast{background:var(--mint);box-shadow:0 4px 0 var(--ink)}
.defter .sims a{background:#fff;border:1px solid #d9dcea;color:var(--ink)}
.defter .sims a:hover{background:#fff;border-color:var(--ink)}
.defter .sims .sim-ic{background:#fff}
.defter .sims small{color:var(--ink2)}
.defter .tp-faq details{border-top:1px solid #d9dcea}
.defter .tp-faq summary{color:var(--ink)}
.defter .tp-faq p{color:var(--ink2)}
/* VCSS */
.defter .vcard{background:#fff;border:1px solid #d9dcea}
.defter .vcard:target{border-color:var(--mint)}
.defter .vmedia{background:#fff}
.defter .vlock .vov{color:var(--ink)}
.defter .vov .lk{background:#fff;border:1px solid #d9dcea}
.defter .vbtn.free{background:var(--mint)}
.defter .vbody h3,.defter .vbody h4{color:var(--ink)}
.defter .vmeta{color:var(--muted)}
.defter .vmeta .fr{color:var(--green)}
.defter .vmeta .pr{color:var(--pink)}
.defter .vbody a.vq{color:var(--purple)}
.defter .vsubj span{color:var(--muted)}
.defter .vchips a{background:#fff;border:1px solid #d9dcea;color:var(--ink)}
.defter .vchips a:hover{border-color:var(--ink)}
.defter .vchips span{color:var(--ink2)}
.defter .vhub .vthumbs a{background:#fff;border:1px solid #d9dcea}
.defter .vhub p{color:var(--ink2)}
.defter .vsolve p{color:var(--ink2)}
/* WIZ */
.defter .wiz{background:#fff;border:1px solid #d9dcea}
.defter .wiz .bar i{background:#fff}
.defter .wiz .bar i.on{background:var(--mint)}
.defter .wiz .back{background:#fff;border:1px solid #d9dcea;color:var(--ink)}
.defter .wiz .step{color:var(--muted)}
.defter .wiz h2{color:var(--ink)}
.defter .wiz .hint{color:var(--ink2)}
.defter .wiz .pick button{background:#fff;border:1px solid #d9dcea;color:var(--ink)}
.defter .wiz .pick button:focus-visible{border-color:var(--mint);background:#fff}
@media (hover:hover){.defter .wiz .pick button:hover{border-color:var(--mint);background:#fff}}
.defter .wiz .pick button small{color:var(--muted)}
.defter .wiz .pick button.now{border:2px solid var(--mint);background:#fff9e0}
.defter .wiz .pick button.now small{color:var(--green)}
.defter .wiz .ans{color:var(--green)}
.defter .alllist>summary{color:var(--ink2)}
/* CAL */
.defter .ck-grid li{background:#fff;border:1px solid #d9dcea}
.defter .ck-grid .tx a{color:var(--ink)}
.defter .ck-btns a.alt{background:#fff;color:var(--ink);border:1px solid #d9dcea}
.defter .ck-pages img{box-shadow:0 4px 0 var(--ink)}
.defter .ck-kaz{color:var(--ink2)}
.defter .ck-kaz b{color:var(--ink)}
.defter .ck-src{color:var(--muted)}
.defter .ck-src a{color:var(--green)}
.defter .ck-tip{color:var(--pink)}
.defter details.ck summary{color:var(--ink)}
/* INDIR */
.defter .ix-tiles a{color:var(--ink);background:#fff;border:1px solid #d9dcea}
.defter .ix-tiles a small{color:var(--muted)}
.defter .ix-tiles a:hover{border-color:var(--ink)}
.defter .chips a{color:var(--ink);background:#fff;border:1px solid #d9dcea}
.defter .chips a:hover{background:#fff}
.defter .chips a small{color:var(--green)}
.defter .tipbox{color:var(--ink2)}
.defter .gjump a{background:var(--mint)}
.defter details.subj{border-top:1px solid #d9dcea}
.defter details.subj summary{color:var(--ink)}
.defter details.subj summary small{color:var(--muted)}
.defter details.subj summary small:after{color:var(--green)}
.defter .terms a{background:#fff;border:1px solid #d9dcea}
.defter .terms a:hover{border-color:var(--ink);background:#fff}
.defter .terms b{color:var(--ink)}
.defter .terms small{color:var(--green)}
/* SEN */
.defter .sn-step{background:#fff;border:1px solid #d9dcea}
.defter .sn-step.done h2 i{background:var(--mint)}
.defter .sn-step .hint{color:var(--ink2)}
.defter .sn-opt{background:#fff;border:1px solid #d9dcea;color:var(--ink)}
.defter .sn-opt small{color:var(--muted)}
.defter .sn-opt:focus-visible{outline:3px solid var(--mint)}
@media (hover:hover){.defter .sn-opt:hover{background:#fff}}
.defter .sn-opt[aria-pressed=true]{border:2px solid var(--mint);background:#fff9e0}
.defter .sn-opt[aria-pressed=true] small{color:var(--green)}
.defter .sn-fixed{color:var(--ink2)}
.defter .sn-fixed b{color:var(--ink);background:#fff;border:1px solid #d9dcea}
.defter .sn-fixed a{color:var(--purple)}
.defter .sn-res{box-shadow:0 4px 0 var(--ink)}
.defter .sn-total{background:#fff;color:var(--ink)}
.defter .sn-top{background:var(--mint)}
.defter .sn-acts .ok{background:var(--mint);border-color:var(--mint)}
.defter .sn-heat{border:1px solid #d9dcea;background:#fff}
.defter table.hm caption{color:var(--muted)}
.defter table.hm th,.defter table.hm td{border-bottom:1px solid #d9dcea}
.defter table.hm thead th{background:#fff;color:var(--ink2)}
.defter table.hm thead button{color:var(--ink)}
.defter table.hm thead button:focus-visible{outline:2px solid var(--mint)}
.defter table.hm tbody th,.defter table.hm tfoot th{background:#fff;color:var(--ink)}
.defter table.hm tbody th b{color:var(--ink)}
.defter table.hm tbody th span{color:var(--muted)}
.defter table.hm tfoot th,.defter table.hm tfoot td{background:#fff;color:var(--green)}
.defter table.hm thead th.on{background:var(--mint)}
.defter table.hm tfoot td.on{background:var(--mint)}
.defter .sn-legend{color:var(--muted)}
.defter .sn-swipe{color:var(--green)}
.defter .sn-never{color:var(--muted)}
.defter .sn-tabs button{border:1px solid #d9dcea;background:#fff;color:var(--ink)}
.defter .sn-tabs button[aria-pressed=true]{background:var(--mint);border-color:var(--mint)}
.defter .sn-sib a{color:var(--ink);background:#fff;border:1px solid #d9dcea}
.defter .sn-sib a:hover{border-color:var(--mint);background:#fff}
.defter .sn-links a{color:var(--green)}
.defter .sn-src p{color:var(--ink)}
/* BLOG */
body.space.blog .blog-hero{color:var(--ink)}
body.space.blog .blog-hero h1{color:var(--ink)}
body.space.blog .chip{background:#fff;border:1px solid #d9dcea}
body.space.blog .cat-mint,body.space.blog .post-card.cat-mint .chip{background:#fff9e0;border-color:var(--ink)}
body.space.blog .blog-section .section-heading>p a{color:var(--purple)}
body.space.blog .post-card{background:#fff;border:1px solid #d9dcea;box-shadow:0 4px 0 var(--ink)}
body.space.blog .post-card:hover{border-color:var(--ink);box-shadow:0 4px 0 var(--ink)}
body.space.blog .post-card h3{color:var(--ink)}
body.space.blog .crumbs a{color:var(--ink2)}
body.space.blog .post-head h1{color:var(--ink)}
body.space.blog .post-body{background:#fff;border:1px solid #d9dcea;box-shadow:0 4px 0 var(--ink)}
body.space.blog .post-body h2{color:var(--ink)}
body.space.blog .post-body strong{color:var(--ink)}
body.space.blog .post-body li::marker{color:var(--purple)}
body.space.blog .post-body code{background:#fff}
body.space.blog .post-body table{background:#fff;border-color:#d9dcea}
body.space.blog .post-body tbody tr:nth-child(even) td{background:#fff}
body.space.blog .post-cta{background:#fff;border-color:var(--ink)}
body.space.blog .post-cta strong{color:var(--ink)}
body.space.blog .aside-box{background:#fff;border-color:#d9dcea}
body.space.blog .aside-box h2{color:var(--purple)}
body.space.blog .toc a{color:var(--ink2)}
body.space.blog .toc a:hover{color:var(--ink)}
body.space.blog .aside-app strong{color:var(--ink)}
body.space.blog .aside-link{color:var(--ink2)}
body.space.blog .aside-link:hover{color:var(--ink)}
body.space.blog .related h2{color:var(--ink)}
.defter .qz-tag{margin:.4rem 0 .2rem;font-size:.9rem;font-weight:800;color:var(--pink)}
.defter .qz-fast{margin:.5rem 0;font-size:.95rem}
.defter .qz-fast span{opacity:.75;font-weight:600}

/* üst menü: dar masaüstünde satır kırılmasın (27.10) */
.defter .nav-wrap nav{gap:clamp(14px,1.7vw,28px)}.defter .nav-wrap nav>a{white-space:nowrap}.defter .brand{flex:none}
@media(max-width:1320px){.defter .nav-wrap nav>a[href="#kesfet"],.defter .nav-wrap nav>a[href="/blog/"]{display:none}}
@media(max-width:1180px){.defter .nav-wrap nav>a[href="/ogretmen/"],.defter .nav-wrap nav>a[href="/lgs/"]{display:none}}
/* dokunmatikte kaydırırken hover kalkışları yok; hareketi azalt açıksa hiç animasyon yok */
@media(hover:none){.defter *:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){.defter *{animation:none!important;transition:none!important}}