/*! © 2026 Sinan Sarıtaş · sinansaritas.com — Tüm hakları saklıdır. İzinsiz kopyalanamaz, çoğaltılamaz ve kullanılamaz. */
/* Ana sayfa: kareli defter görünümü (27 Ekim 2026). Yalnız .sdf altında; tema ve diğer sayfalar etkilenmez. */
.sdf{--lac:#1E3A8A;--lac2:#172554;--lac-a:#EEF2FF;--amb:#B45309;--amb-p:#D97706;--amb-a:#FEF3C7;
 --cizgi:#E8E2D4;--kare:#D6E2F5;--kenar:#F2B8B8;--yazi:#1F2937;--sol:#5B6472;--odak:#2563EB;--r:14px;
 --p5:#DBEAFE;--p5k:#1D4ED8;--p6:#FCE7F3;--p6k:#BE185D;--p7:#FEF3C7;--p7k:#B45309;--p8:#DCFCE7;--p8k:#15803D;
 font-family:Poppins,system-ui,sans-serif;color:var(--yazi);line-height:1.5}
.sdf *{box-sizing:border-box}
.sdf a{color:inherit;text-decoration:none}
.sdf a:focus-visible,.sdf button:focus-visible,.sdf label:focus-visible{outline:3px solid var(--odak);outline-offset:3px;border-radius:8px}
.sdf-k{max-width:1160px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.sdf-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sdf p{margin:0}.sdf h1,.sdf h2{margin:0}.sdf ul{margin:0;padding:0;list-style:none}

/* karşılama: kareli defter (sayfa genişliğini taşar, tam genişlik zemin) */
.sdf-hero{position:relative;isolation:isolate}
.sdf-hero:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;z-index:-1;border-bottom:1px solid var(--cizgi);
 background:repeating-linear-gradient(0deg,transparent 0 27px,var(--kare) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,var(--kare) 27px 28px),linear-gradient(135deg,#F4F8FF 0%,#FFFBF0 100%)}
body.home{overflow-x:clip}
.sdf-hero:before{content:"";position:absolute;left:max(calc(50% - 50vw + 16px),calc(50% - 620px));top:0;bottom:0;width:2px;background:var(--kenar)}
.sdf-hero-k{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;padding-top:52px;padding-bottom:56px;align-items:center;position:relative}
.sdf-ust{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--lac);background:#fff;border:1px solid var(--kare);padding:5px 12px;border-radius:999px;margin-bottom:18px}
.sdf-ust i{width:8px;height:8px;border-radius:50%;background:#16A34A}
.sdf h1{font-size:52px;line-height:1.18;font-weight:800;color:var(--lac2);letter-spacing:-1px}
.sdf h1 em{font-style:normal;white-space:nowrap;text-decoration:underline wavy var(--amb-p);text-decoration-thickness:3px;text-underline-offset:9px;text-decoration-skip-ink:none}
.sdf-alt{font-size:18px;color:#4B5563;margin:22px 0 26px!important;max-width:540px}
.sdf-ara{display:flex;background:#fff;border:1.5px solid var(--lac);border-radius:12px;max-width:560px;box-shadow:0 6px 0 -2px var(--kare);margin:0}
.sdf-ara input{flex:1;min-width:0;border:0;padding:0 16px;height:54px;font:inherit;font-size:16px;background:none;border-radius:12px;box-shadow:none;margin:0}
.sdf-ara input:focus{outline:0}.sdf-ara:focus-within{outline:3px solid var(--odak);outline-offset:3px}
.sdf-ara button{border:0;background:var(--lac);color:#fff;font:inherit;font-weight:700;padding:0 22px;border-radius:0 10px 10px 0;min-width:72px;cursor:pointer}
.sdf-sec{margin-top:22px}.sdf-sec p{font-size:14px;color:var(--sol);margin-bottom:10px}
.sdf-sd{display:flex;gap:10px;flex-wrap:wrap}
.sdf-sd a{display:flex;align-items:baseline;gap:6px;min-height:52px;padding:8px 18px;border-radius:12px;font-weight:600;color:var(--lac2);box-shadow:0 3px 0 rgba(0,0,0,.08);transition:transform .12s}
.sdf-sd a b{font-size:26px;line-height:1.2;font-weight:800}
.sdf-sd a:hover{transform:translateY(-1px);box-shadow:0 3px 0 rgba(0,0,0,.16)}
.sdf-p5{background:var(--p5)}.sdf-p6{background:var(--p6)}.sdf-p7{background:var(--p7)}.sdf-p8{background:var(--p8)}
.sdf-sd .sdf-p5 b,.sdf-n.sdf-p5{color:var(--p5k)}.sdf-sd .sdf-p6 b,.sdf-n.sdf-p6{color:var(--p6k)}.sdf-sd .sdf-p7 b,.sdf-n.sdf-p7{color:var(--p7k)}.sdf-sd .sdf-p8 b,.sdf-n.sdf-p8{color:var(--p8k)}
/* bu hafta notu */
.sdf-not{background:#fff;border:1px solid var(--cizgi);border-radius:6px;padding:26px 26px 18px;box-shadow:7px 7px 0 var(--amb-a);transform:rotate(1deg);position:relative}
.sdf-not:before{content:"";position:absolute;top:-13px;left:50%;width:96px;height:26px;margin-left:-48px;background:#FDE68AD9;transform:rotate(-3deg)}
.sdf-not h2{font-size:13px;letter-spacing:2px;color:var(--amb);font-weight:700}
.sdf-t{font-size:22px;font-weight:800;color:var(--lac2);margin:4px 0 14px}
.sdf-not li a{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px dashed var(--cizgi)}
.sdf-n{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:18px}
.sdf-not strong{font-size:15px;color:var(--lac2);line-height:1.3;display:block}
.sdf-not small{font-size:12.5px;color:var(--sol)}
.sdf-not em{font-style:normal;color:var(--amb-p);font-weight:700}
.sdf-not li a:hover strong{text-decoration:underline}
.sdf-alt2{font-size:13px;color:var(--sol);margin-top:10px!important}

/* bölüm başlığı */
.sdf-blm{padding-top:60px}
.sdf-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.sdf-bas h2{font-size:28px;font-weight:800;color:var(--lac2);position:relative;padding-bottom:6px}
.sdf-bas h2:after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:6px;background:repeating-linear-gradient(90deg,var(--amb-p) 0 10px,transparent 10px 14px);border-radius:3px}
.sdf-bas a{color:var(--lac);font-weight:600;font-size:15px;white-space:nowrap}.sdf-bas a:hover{text-decoration:underline}

/* araçlar (her biri kendi hafif renginde) */
.sdf-araclar{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sdf-arac{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:22px 20px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .15s}
.sdf-arac:hover{border-color:var(--lac);box-shadow:0 10px 24px -16px #1E3A8A66}
.sdf-arac svg{width:52px;height:52px;padding:8px;border-radius:14px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sdf-arac strong{font-size:17px;color:var(--lac2)}.sdf-arac span{font-size:14px;color:var(--sol)}
.sdf-arac u{text-decoration:none;margin-top:auto;padding-top:6px;color:var(--lac);font-weight:600;font-size:14px}
.sdf-rm{background:linear-gradient(180deg,#F0F6FF,#fff 60%)}.sdf-rm svg{background:#DBEAFE;stroke:#1D4ED8}
.sdf-rt{background:linear-gradient(180deg,#FFF7ED,#fff 60%)}.sdf-rt svg{background:#FFEDD5;stroke:#C2410C}
.sdf-ry{background:linear-gradient(180deg,#F0FDF4,#fff 60%)}.sdf-ry svg{background:#DCFCE7;stroke:#15803D}
.sdf-rp{background:linear-gradient(180deg,#FDF4FF,#fff 60%)}.sdf-rp svg{background:#FAE8FF;stroke:#A21CAF}

/* raf (sıcak bej şerit) */
.sdf-raf-b{margin-top:60px;padding:40px 0 44px;background:#F7F3EA;box-shadow:0 0 0 100vmax #F7F3EA;clip-path:inset(0 -100vmax)}
.sdf-kitaplar{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;align-items:end;padding:0 10px;position:relative}
.sdf-kitaplar:after{content:"";position:absolute;left:-8px;right:-8px;bottom:-12px;height:12px;background:linear-gradient(#D6BC93,#B08D5E);border-radius:2px;box-shadow:0 8px 14px -6px #0003}
.sdf-kap{aspect-ratio:3/4;background:#fff;border:1px solid #E5E7EB;border-radius:4px 8px 8px 4px;box-shadow:0 8px 16px -10px #0005;display:flex;flex-direction:column;overflow:hidden;transition:transform .15s}
.sdf-kap:hover{transform:translateY(-4px)}
.sdf-ust2{height:38%;flex:none;background:repeating-linear-gradient(0deg,transparent 0 11px,#D7E2F2 11px 12px),repeating-linear-gradient(90deg,transparent 0 11px,#D7E2F2 11px 12px),#F8FAFF;display:grid;place-items:center;font-size:30px;font-weight:800;color:var(--lac);border-bottom:2px solid var(--lac)}
.sdf-k1 .sdf-ust2{background-color:#F0FDF4}.sdf-k2 .sdf-ust2{background-color:#FDF2F8}.sdf-k3 .sdf-ust2{background-color:#EFF6FF}.sdf-k0 .sdf-ust2,.sdf-k4 .sdf-ust2{background-color:#FFFBEB}.sdf-k5 .sdf-ust2{background-color:#F0FDF4}
.sdf-res{background:#fff}.sdf-res img{width:100%;height:100%;object-fit:cover;display:block}
.sdf-ic{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1;min-height:0}
.sdf-ic i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--amb);letter-spacing:1px}
.sdf-ic b{font-size:14px;line-height:1.25;color:var(--lac2);margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sdf-ic small{margin-top:auto;font-size:11px;color:var(--sol)}
.sdf-adl{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:24px;font-size:13px;color:var(--sol);padding:0 10px}

/* sınıfına göre: betiksiz sekmeler */
.sdf-r-in{position:absolute;opacity:0;pointer-events:none}
.sdf-sek{display:flex;gap:6px}
.sdf-sek label{padding:12px 24px 14px;min-height:52px;font-weight:700;font-size:16px;color:#374151;border-radius:12px 12px 0 0;display:flex;align-items:baseline;gap:7px;cursor:pointer;margin:0}
.sdf-sek label b{font-size:28px;line-height:1}
#sdf-s5:checked~.sdf-sek label[for=sdf-s5],#sdf-s6:checked~.sdf-sek label[for=sdf-s6],#sdf-s7:checked~.sdf-sek label[for=sdf-s7],#sdf-s8:checked~.sdf-sek label[for=sdf-s8]{color:var(--lac2);transform:translateY(2px);box-shadow:inset 0 -3px 0 var(--amb-p)}
#sdf-s5:focus-visible~.sdf-sek label[for=sdf-s5],#sdf-s6:focus-visible~.sdf-sek label[for=sdf-s6],#sdf-s7:focus-visible~.sdf-sek label[for=sdf-s7],#sdf-s8:focus-visible~.sdf-sek label[for=sdf-s8]{outline:3px solid var(--odak)}
.sdf-ici{display:none;grid-template-columns:repeat(4,1fr);border:2px solid var(--p7);background:#FFFBEB;border-radius:0 var(--r) var(--r) var(--r)}
#sdf-s5:checked~.sdf-ici5,#sdf-s6:checked~.sdf-ici6,#sdf-s7:checked~.sdf-ici7,#sdf-s8:checked~.sdf-ici8{display:grid}
.sdf-ici5{border-color:var(--p5);background:#F5F9FF}.sdf-ici6{border-color:var(--p6);background:#FFF7FB}.sdf-ici8{border-color:var(--p8);background:#F5FDF8}
.sdf-ici a{padding:22px;border-right:1px solid rgba(0,0,0,.06)}.sdf-ici a:last-child{border:0}
.sdf-ici a:hover strong{color:var(--lac);text-decoration:underline}
.sdf-ici small{font-size:11.5px;color:var(--amb);font-weight:700;letter-spacing:1.5px}
.sdf-ici strong{display:block;font-size:17px;margin:6px 0 4px;color:var(--lac2)}
.sdf-ici span{font-size:13.5px;color:var(--sol)}
.sdf-liste{padding-bottom:20px}

@media (prefers-reduced-motion:reduce){.sdf-not{transform:none}.sdf-kap:hover,.sdf-sd a:hover{transform:none}}
@media(max-width:980px){.sdf-araclar{grid-template-columns:1fr 1fr}.sdf-kitaplar,.sdf-adl{grid-template-columns:repeat(4,1fr)}.sdf-kitaplar .sdf-kap:nth-child(n+5),.sdf-adl span:nth-child(n+5){display:none}}
@media(max-width:760px){
 .sdf-k{padding-left:16px;padding-right:16px}
 .sdf-hero:before{left:calc(50% - 50vw + 10px)}
 .sdf-hero-k{grid-template-columns:minmax(0,1fr);gap:34px;padding:28px 16px 40px 22px}
 .sdf h1{font-size:34px;line-height:1.22}.sdf-alt{font-size:16px;margin:16px 0 20px!important}
 .sdf-sd{display:grid;grid-template-columns:1fr 1fr}.sdf-sd a{justify-content:center}
 .sdf-not{transform:none;padding:24px 18px 16px}
 .sdf-blm{padding-top:44px}.sdf-bas h2{font-size:23px}
 .sdf-araclar{gap:12px}.sdf-arac{padding:16px 14px}.sdf-arac strong{font-size:15.5px}.sdf-arac span{font-size:13px}.sdf-arac svg{width:44px;height:44px}
 .sdf-raf-b{margin-top:44px;padding:30px 0 34px}
 .sdf-kitaplar{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 4px 16px;align-items:stretch}.sdf-kitaplar:after{display:none}
 .sdf-kitaplar .sdf-kap,.sdf-kitaplar .sdf-kap:nth-child(n+4),.sdf-kitaplar .sdf-kap:nth-child(n+5){display:flex;flex:0 0 46%;scroll-snap-align:start;border-bottom:6px solid #C8A97E}
 .sdf-adl{display:none}
 .sdf-ic b{font-size:13.5px}.sdf-ust2{font-size:24px}
 .sdf-sek{overflow-x:auto}.sdf-sek label{padding:10px 12px;flex:1;justify-content:center;font-size:14px}.sdf-sek label b{font-size:24px}
 .sdf-ici{border-radius:0 0 var(--r) var(--r)}
 #sdf-s5:checked~.sdf-ici5,#sdf-s6:checked~.sdf-ici6,#sdf-s7:checked~.sdf-ici7,#sdf-s8:checked~.sdf-ici8{grid-template-columns:1fr}
 .sdf-ici a{border-right:0;border-bottom:1px solid rgba(0,0,0,.06);padding:16px 18px}
}