/* ---------- Yazı tipleri (kendi sunucumuzdan; Google'a istek gitmez) ---------- */
@font-face{font-family:"Fraunces";src:url(/fonts/fraunces-latin.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Fraunces";src:url(/fonts/fraunces-latin-ext.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"Geist";src:url(/fonts/geist-latin.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Geist";src:url(/fonts/geist-latin-ext.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/jetbrains-latin.woff2) format("woff2-variations");font-weight:100 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2212}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/jetbrains-latin-ext.woff2) format("woff2-variations");font-weight:100 800;font-display:swap;unicode-range:U+0100-02BA}

/* ---------- Tasarım belirteçleri ---------- */
:root{
  --murekkep:#1a1a1a;
  --metin:#2b2d30;
  --fildisi:#fcfbf9;
  --arduvaz:#4f555c;
  --cizgi:#d9d4c9;
  --yesil:#2d5a43;
  --yesil-koyu:#234835;
  --tebesir:#f2efe6;
  --tebesir-soluk:#c9d6cd;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --kalin-cizgi:2px solid var(--murekkep);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fildisi);color:var(--metin);font:400 18px/1.62 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--yesil);outline-offset:3px}
.kap{max-width:1240px;margin:0 auto;padding:0 40px}
.izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px}
.serif{font-family:var(--serif);font-variation-settings:"SOFT" 30,"WONK" 0}
h1,h2,h3,h4{font-family:var(--serif);color:var(--murekkep);font-variation-settings:"SOFT" 30,"WONK" 0;font-optical-sizing:auto;margin:0}

/* Bağlantı: üzerine gelince alt çizgi soldan dolar */
.alt-cizgi{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .25s ease}
.alt-cizgi:hover{background-size:100% 1px}
.kalici{background-image:linear-gradient(var(--cizgi),var(--cizgi)),linear-gradient(currentColor,currentColor);background-size:100% 1.5px,0 1.5px;background-position:0 100%,0 100%;background-repeat:no-repeat;padding-bottom:3px;font-weight:600;color:var(--murekkep);transition:background-size .25s ease}
.kalici:hover{background-size:100% 1.5px,100% 1.5px}

/* ---------- Üst bilgi ---------- */
.ust{border-bottom:var(--kalin-cizgi);position:relative;z-index:5;background:var(--fildisi)}
.ust .kap{display:flex;align-items:center;gap:40px;padding-top:20px;padding-bottom:18px}
.amblem{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:650;font-size:1.65rem;letter-spacing:-.015em;color:var(--murekkep);font-variation-settings:"SOFT" 30,"WONK" 0}
.amblem img{width:34px;height:34px}
.menu{display:flex;gap:30px;margin-left:auto;font-size:.98rem;font-weight:500;color:var(--metin)}
.giris{white-space:nowrap;font-weight:600;font-size:.98rem;color:var(--fildisi);background:var(--murekkep);padding:10px 18px;border-radius:2px;transition:background .2s}
.giris:hover{background:var(--yesil)}
.menu-dugme{display:none;margin-left:auto;align-items:center;gap:8px;background:none;border:0;font:600 .98rem var(--sans);color:var(--murekkep);padding:8px 4px;cursor:pointer}
.menu-dugme svg{width:20px;height:20px}
.kunye{border-bottom:1px solid var(--cizgi);font-family:var(--mono);font-size:.76rem;color:var(--arduvaz)}
.kunye .kap{display:flex;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}
.kunye b{font-weight:500;color:var(--yesil)}

/* ---------- Açılış ---------- */
.acilis{padding:76px 0 84px}
.acilis-metin{grid-column:1/8;display:flex;flex-direction:column}
.acilis h1{font-weight:600;font-size:clamp(3.3rem,7vw,6.6rem);line-height:.95;letter-spacing:-.016em;font-variation-settings:"SOFT" 30,"WONK" 0,"opsz" 144}
.manifesto{margin:34px 0 0;font-size:1.2rem;line-height:1.6;color:var(--metin);max-width:31em}
.acilis-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:34px}
.dugme{display:inline-block;background:var(--yesil);color:var(--tebesir);font-weight:600;padding:15px 24px;border-radius:2px;transition:background .2s}
.dugme:hover{background:var(--yesil-koyu)}
.arama{margin-top:52px;position:relative}
.arama label{display:block;font-family:var(--mono);font-size:.76rem;color:var(--arduvaz);margin-bottom:6px}
.arama .simge{position:absolute;left:0;bottom:17px;width:22px;height:22px;color:var(--arduvaz);pointer-events:none;transition:color .2s}
.arama:focus-within .simge{color:var(--yesil)}
.arama input{width:100%;background:transparent;border:0;border-bottom:var(--kalin-cizgi);padding:10px 150px 12px 36px;font:500 1.5rem var(--serif);color:var(--murekkep);border-radius:0;-webkit-appearance:none;appearance:none}
.arama input::placeholder{color:#6b6860;font-weight:400;opacity:1}
.arama input:focus{outline:none;border-bottom-color:var(--yesil)}
.arama .ipucu{position:absolute;right:0;bottom:16px;font-family:var(--mono);font-size:.74rem;color:var(--arduvaz)}

.sekil{grid-column:9/13;margin:6px 0 0;align-self:start}
.sekil .cerceve{border:var(--kalin-cizgi);background:#fff;padding:14px 14px 0;overflow:hidden;max-height:560px}
.sekil img{border:1px solid var(--cizgi);border-bottom:0}
.sekil figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-family:var(--mono);font-size:.74rem;color:var(--arduvaz)}

/* ---------- Kara tahta: haftanın problemi ---------- */
.tahta{background-color:var(--yesil);color:var(--tebesir);position:relative;overflow:hidden;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.tahta .kap{padding-top:80px;padding-bottom:84px}
.tahta-ust{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid rgba(242,239,230,.28);padding-bottom:18px;margin-bottom:40px}
.tahta h2{color:var(--tebesir);font-weight:550;font-size:clamp(2.2rem,4vw,3.3rem);line-height:1;letter-spacing:-.02em}
.tahta-ust span{font-family:var(--mono);font-size:.78rem;color:var(--tebesir-soluk)}
.soru-alani{grid-column:1/7}
.soru-alani p{margin:0;font-size:1.15rem;color:var(--tebesir)}
.formul{margin:30px 0 34px;font-size:2.05rem;color:#fff;overflow-x:auto;overflow-y:hidden}
.formul .katex-display{text-align:left;margin:0}
.formul .katex-display>.katex{text-align:left}
.formul.tex-yok{font-family:var(--mono);font-size:1.2rem}
.secenekler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.secenek{width:100%;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px 10px 10px;background:transparent;color:#fff;border:1px solid rgba(242,239,230,.45);border-radius:999px;font:500 1.1rem var(--mono);cursor:pointer;text-align:left;transition:background .15s,border-color .15s,color .15s}
.secenek .harf{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(242,239,230,.45);font-size:.85rem;color:var(--tebesir-soluk);transition:inherit}
.secenek:hover{background:rgba(242,239,230,.08);border-color:var(--tebesir)}
.secenek:active{background:rgba(242,239,230,.16)}
.secenek:focus-visible{outline:2px solid var(--tebesir);outline-offset:3px}
.secenek[aria-pressed="true"]{background:var(--tebesir);border-color:var(--tebesir);color:var(--yesil)}
.secenek[aria-pressed="true"] .harf{background:var(--yesil);border-color:var(--yesil);color:var(--tebesir)}
.secenek.yanlis[aria-pressed="true"]{background:transparent;border-color:#e8b4a6;color:#f6d9d0}
.secenek.yanlis[aria-pressed="true"] .harf{background:#e8b4a6;border-color:#e8b4a6;color:var(--yesil)}
.geri-bildirim{min-height:1.6em;margin:20px 0 0;font-size:1rem;color:var(--tebesir)}
.geri-bildirim b{font-weight:600}
.cozum-alani{grid-column:8/13;border-left:1px solid rgba(242,239,230,.28);padding-left:28px;align-self:stretch;display:flex;flex-direction:column}
.cozum-alani h3{color:var(--tebesir);font-weight:500;font-size:1.5rem;margin-bottom:10px}
.cozum-alani .not{margin:0 0 24px;color:var(--tebesir-soluk);font-size:.98rem}
.cozum-dugme{align-self:flex-start;background:transparent;color:var(--tebesir);border:1.5px solid var(--tebesir);padding:12px 20px;border-radius:2px;font:600 .98rem var(--sans);cursor:pointer;transition:background .2s,color .2s}
.cozum-dugme:hover{background:var(--tebesir);color:var(--yesil)}
.cozum{margin-top:6px}
.cozum[hidden]{display:none}
.cozum ol{margin:0;padding:0;list-style:none;counter-reset:adim}
.cozum li{counter-increment:adim;display:grid;grid-template-columns:30px 1fr;gap:8px;padding:12px 0;border-bottom:1px dashed rgba(242,239,230,.25)}
.cozum li::before{content:counter(adim);font-family:var(--mono);font-size:.8rem;color:var(--tebesir-soluk);padding-top:3px}
.cozum li > span{color:var(--tebesir);font-size:1rem}
.cozum [data-tex]{display:block;margin-top:4px;font-size:1.22rem;color:#fff;overflow-x:auto;overflow-y:hidden;padding:2px 0}
.cozum .sonuc{margin:16px 0 0;font-family:var(--serif);font-size:1.5rem;color:#fff}

/* ---------- Bölüm düzeni ---------- */
.bolum{padding:84px 0;border-top:var(--kalin-cizgi)}
.bolum.ilk{border-top:0}
.bolum-baslik{grid-column:1/4}
.bolum-baslik h2{font-weight:600;font-size:clamp(2.1rem,3.4vw,2.9rem);line-height:1;letter-spacing:-.02em;margin-bottom:16px}
.bolum-baslik p{margin:0;color:var(--arduvaz);font-size:1rem;max-width:22em}

/* ---------- Yazılar ---------- */
.yazilar{grid-column:4/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.yazi{display:flex;flex-direction:column;border-top:var(--kalin-cizgi);padding-top:18px}
.yazi .tur{font-family:var(--mono);font-size:.76rem;color:var(--yesil)}
.yazi h3{font-weight:600;font-size:1.65rem;line-height:1.08;letter-spacing:-.012em;margin:12px 0 12px}
.yazi h3 span{background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .3s ease}
.yazi:hover h3 span{background-size:100% 1.5px}
.yazi p{margin:0 0 16px;color:var(--metin);font-size:.98rem;line-height:1.55;flex:1}
.yazi .sure{font-family:var(--mono);font-size:.74rem;color:var(--arduvaz)}
.kaydir-not{display:none;grid-column:1/-1;margin-top:14px;font-family:var(--mono);font-size:.74rem;color:var(--arduvaz)}

/* ---------- Konu dizini ---------- */
.dizin{grid-column:4/13}
.alan{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:28px;padding:26px 0;border-top:1px solid var(--cizgi)}
.alan:first-child{border-top:var(--kalin-cizgi)}
.alan h3{font-weight:600;font-size:1.5rem;line-height:1.1;letter-spacing:-.01em;padding-top:4px}
.alan h3 small{display:block;font-family:var(--mono);font-weight:400;font-size:.74rem;color:var(--arduvaz);letter-spacing:0;margin-top:8px}
.alan ul{list-style:none;margin:0;padding:0}
.konu{display:grid;grid-template-columns:70px minmax(0,1fr) auto;column-gap:18px;align-items:baseline;padding:11px 0;position:relative}
.konu+.konu{border-top:1px solid #ece8df}
.konu::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--yesil);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.konu:hover::after{transform:scaleX(1)}
.konu .hafta{font-family:var(--mono);font-size:.76rem;color:var(--arduvaz)}
.konu .ad{font-weight:600;font-size:1.06rem;color:var(--murekkep)}
.konu .ad small{display:block;font-weight:400;font-size:.92rem;color:var(--arduvaz);line-height:1.45;margin-top:2px}
.konu .sayi{font-family:var(--mono);font-size:.8rem;color:var(--metin);white-space:nowrap}
.konu.acik .hafta{color:var(--yesil);font-weight:500}
.konu[hidden]{display:none}
.alan.bos{display:none}
.bulunamadi{display:none;padding:24px 0;border-top:var(--kalin-cizgi);color:var(--arduvaz)}
.bulunamadi.goster{display:block}
.dizin-alt{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-top:8px;padding-top:18px;border-top:var(--kalin-cizgi);color:var(--arduvaz);font-size:.95rem}

/* ---------- İstatistik ---------- */
.veri{grid-column:4/13}
.veri-baslik{font-family:var(--serif);font-weight:500;font-size:1.55rem;line-height:1.2;color:var(--murekkep);margin:0 0 6px}
.satirlar{border-top:var(--kalin-cizgi);margin-top:18px}
.satir{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,2fr) minmax(0,5fr);column-gap:28px;align-items:center;padding:18px 0;border-bottom:1px solid var(--cizgi)}
.satir .ders{font-weight:600;color:var(--murekkep)}
.satir .deger{font-family:var(--serif);font-weight:600;font-size:2.5rem;line-height:1;color:var(--murekkep);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.satir .deger small{font-family:var(--mono);font-weight:400;font-size:.8rem;color:var(--arduvaz);letter-spacing:0;margin-left:6px}
.cubuk{height:14px;background:#ece8df;position:relative}
.cubuk i{position:absolute;inset:0 auto 0 0;background:var(--murekkep)}
.satir.vurgu .ders,.satir.vurgu .deger{color:var(--yesil)}
.satir.vurgu .cubuk i{background:var(--yesil)}
.kaynak{margin:16px 0 0;font-size:.9rem;color:var(--arduvaz)}

/* ---------- Kamp ve okullar ---------- */
.ikili .blok{grid-column:span 6;padding-right:40px}
.ikili .blok+.blok{border-left:1px solid var(--cizgi);padding:0 0 0 40px}
.blok h2{font-weight:600;font-size:clamp(2rem,3.2vw,2.7rem);line-height:1.02;letter-spacing:-.02em;margin-bottom:16px}
.blok p{margin:0 0 20px;max-width:30em}
.blok ul{margin:0 0 24px;padding:0;list-style:none;border-top:1px solid var(--cizgi)}
.blok li{padding:10px 0;border-bottom:1px solid var(--cizgi);font-size:.98rem}

/* ---------- Alt bilgi ---------- */
.alt{border-top:var(--kalin-cizgi);padding:34px 0 44px;font-size:.92rem;color:var(--arduvaz)}
.alt .kap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:20px;align-items:baseline}
.alt .amblem{grid-column:1/4;font-size:1.4rem}
.alt nav{grid-column:4/10;display:flex;flex-wrap:wrap;gap:8px 26px;color:var(--metin);font-weight:500}
.alt small{grid-column:10/13;text-align:right;font-family:var(--mono);font-size:.74rem}

/* ---------- Duyarlı düzen ---------- */
@media (max-width:1000px){
  .kap{padding:0 28px}
  .menu{display:none}
  .menu-dugme{display:inline-flex}
  .ust .kap{gap:20px}
  .giris{margin-left:8px}
  .menu.acik{display:flex;flex-direction:column;gap:14px;position:absolute;left:0;right:0;top:100%;background:var(--fildisi);border-bottom:var(--kalin-cizgi);padding:18px 28px 22px;font-size:1.08rem}
  .acilis-metin,.sekil,.soru-alani,.cozum-alani,.bolum-baslik,.yazilar,.dizin,.veri{grid-column:1/-1}
  .sekil{margin-top:56px;max-width:420px}
  .cozum-alani{border-left:0;padding-left:0;border-top:1px solid rgba(242,239,230,.28);padding-top:28px;margin-top:40px}
  .bolum-baslik{margin-bottom:34px}
  .ikili .blok{grid-column:1/-1;padding:0}
  .ikili .blok+.blok{border-left:0;border-top:1px solid var(--cizgi);padding:36px 0 0;margin-top:36px}
  .alt .amblem,.alt nav,.alt small{grid-column:1/-1;text-align:left}
}
@media (max-width:760px){
  .yazilar{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin-right:-28px;padding-right:28px;padding-bottom:6px;scrollbar-width:none}
  .yazilar::-webkit-scrollbar{display:none}
  .yazi{flex:0 0 78%;scroll-snap-align:start}
  .kaydir-not{display:block}
  .alan{grid-template-columns:1fr}
  .alan h3{margin-bottom:10px}
  .satir{grid-template-columns:1fr auto;row-gap:12px}
  .satir .cubuk{grid-column:1/-1}
}
@media (max-width:560px){
  .kap{padding:0 16px}
  body{font-size:16.5px}
  .amblem{font-size:1.4rem}
  .amblem img{width:28px;height:28px}
  .ust .kap{gap:16px}
  .ust .kap{gap:12px;padding-top:14px;padding-bottom:14px}
  .amblem{font-size:1.28rem;gap:8px}
  .giris{padding:11px 14px;font-size:.92rem;margin-left:0}
  .menu-dugme{width:44px;height:44px;justify-content:center;padding:0;border:1px solid var(--cizgi);border-radius:2px}
  .menu-dugme span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .acilis-eylem{flex-direction:column;align-items:flex-start;gap:26px}
  .acilis-eylem .kalici{padding:6px 0 7px}
  .yazilar{margin-right:-16px;padding-right:16px}
  .kunye span:last-child{display:none}
  .acilis{padding:44px 0 56px}
  .manifesto{font-size:1.08rem}
  .arama input{padding-right:0;padding-left:32px;font-size:1.25rem}
  .arama .simge{bottom:15px;width:20px;height:20px}
  .arama .ipucu{display:none}
  .tahta .kap{padding-top:56px;padding-bottom:60px}
  .tahta-ust{flex-direction:column;gap:8px;margin-bottom:28px}
  .sekil .cerceve{max-height:440px}
  .formul{font-size:1.55rem}
  .secenekler{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bolum{padding:60px 0}
  .konu{grid-template-columns:58px minmax(0,1fr)}
  .konu .sayi{grid-column:2;margin-top:4px}
  .satir .deger{font-size:2.1rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* =====================================================================
   İç sayfalar
   ===================================================================== */
.menu a[aria-current="page"]{color:var(--yesil);background-size:100% 1px}
.yol{font-family:var(--mono);font-size:.76rem;color:var(--arduvaz);margin:0 0 22px}
.yol a{color:var(--arduvaz)}
.yol a:hover{color:var(--murekkep)}
.sayfa-bas{padding:64px 0 56px;border-bottom:var(--kalin-cizgi)}
.sayfa-bas h1{grid-column:1/10;font-weight:600;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.96;letter-spacing:-.018em;font-variation-settings:"SOFT" 30,"WONK" 0,"opsz" 144}
.sayfa-bas .on-metin{grid-column:1/8;margin:28px 0 0;font-size:1.2rem;line-height:1.6;max-width:32em}
.sayfa-bas .yan-bilgi{grid-column:9/13;align-self:end;margin:28px 0 0;padding-left:22px;border-left:var(--kalin-cizgi);font-size:.95rem;color:var(--arduvaz)}
.sayfa-bas .yan-bilgi b{display:block;color:var(--murekkep);font-weight:600;margin-bottom:4px}
.bolum.ic{border-top:1px solid var(--cizgi)}
.bolum.ic.kalin{border-top:var(--kalin-cizgi)}
.icerik{grid-column:4/13}
.icerik.dar{grid-column:4/11}

/* Mağaza düğmeleri */
.magaza{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.magaza > a,.magaza > span{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:10px 20px 10px 16px;border:var(--kalin-cizgi);border-radius:2px;color:var(--murekkep);transition:background .2s,color .2s}
.magaza > a:hover{background:var(--murekkep);color:var(--fildisi)}
.magaza svg{width:24px;height:24px;flex:none}
.magaza small{display:block;font-family:var(--mono);font-size:.7rem;color:inherit;opacity:.75;line-height:1.2}
.magaza b{display:block;font-weight:600;font-size:1.02rem;line-height:1.2}
.magaza > span.yakinda{border-style:dashed;border-color:#9a968c;color:var(--arduvaz)}

/* Özellik listesi (iki sütun, ince çizgiler) */
.ozellikler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.ozellik{padding:22px 0 24px;border-top:1px solid var(--cizgi)}
.ozellik:nth-child(-n+2){border-top:var(--kalin-cizgi)}
.ozellik h3{font-weight:600;font-size:1.45rem;line-height:1.1;margin-bottom:8px}
.ozellik .olcu{display:block;font-family:var(--mono);font-size:.76rem;color:var(--yesil);margin-bottom:10px}
.ozellik p{margin:0;max-width:30em}

/* Şekiller */
.sekiller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.sekiller figure{margin:0}
.sekiller .cerceve{border:var(--kalin-cizgi);background:#fff;padding:12px 12px 0;max-height:520px;overflow:hidden}
.sekiller img{border:1px solid var(--cizgi);border-bottom:0}
.sekiller figcaption{margin-top:10px;font-family:var(--mono);font-size:.74rem;color:var(--arduvaz)}

/* Adım adım süreç (gerçek sıra) */
.adimlar{list-style:none;margin:0;padding:0;counter-reset:adim}
.adimlar li{counter-increment:adim;display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:24px;padding:24px 0;border-top:1px solid var(--cizgi)}
.adimlar li:first-child{border-top:var(--kalin-cizgi)}
.adimlar li::before{content:counter(adim,decimal-leading-zero);font-family:var(--serif);font-weight:500;font-size:2.2rem;line-height:1;color:var(--yesil)}
.adimlar h3{font-weight:600;font-size:1.4rem;line-height:1.15;margin-bottom:6px}
.adimlar p{margin:0;max-width:34em}

/* Gruplar */
.gruplar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.grup{border-top:var(--kalin-cizgi);padding-top:18px}
.grup h3{font-weight:600;font-size:1.7rem;line-height:1;margin-bottom:4px}
.grup .tur{display:block;font-family:var(--mono);font-size:.76rem;color:var(--yesil);margin-bottom:14px}
.grup p{margin:0 0 12px;font-size:.98rem}
.grup .not{font-size:.9rem;color:var(--arduvaz);border-top:1px solid var(--cizgi);padding-top:12px}

/* İletişim kutusu */
.iletisim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;border-top:var(--kalin-cizgi)}
.iletisim a{display:block;padding:20px 0 22px;border-bottom:1px solid var(--cizgi)}
.iletisim a small{display:block;font-family:var(--mono);font-size:.74rem;color:var(--arduvaz);margin-bottom:4px}
.iletisim a b{font-family:var(--serif);font-weight:600;font-size:1.35rem;line-height:1.2;color:var(--murekkep);overflow-wrap:anywhere}
.iletisim a.eposta b{font-size:1.08rem;font-family:var(--sans)}
.iletisim a:hover b{color:var(--yesil)}

/* Sık sorulanlar */
.sss details{border-top:1px solid var(--cizgi)}
.sss details:first-child{border-top:var(--kalin-cizgi)}
.sss details:last-child{border-bottom:1px solid var(--cizgi)}
.sss summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-family:var(--serif);font-weight:600;font-size:1.25rem;color:var(--murekkep)}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-family:var(--mono);font-weight:400;color:var(--yesil)}
.sss details[open] summary::after{content:"−"}
.sss details p{margin:0 0 20px;max-width:38em}

/* Uzun metin (blog, gizlilik) */
.metin{max-width:40em;font-size:1.08rem;line-height:1.72}
.metin > *:first-child{margin-top:0}
.metin h2{font-weight:600;font-size:1.9rem;line-height:1.12;letter-spacing:-.012em;margin:48px 0 14px}
.metin h3{font-weight:600;font-size:1.35rem;line-height:1.2;margin:32px 0 10px}
.metin p{margin:0 0 18px}
.metin ul,.metin ol{margin:0 0 20px;padding-left:22px}
.metin li{margin:6px 0}
.metin a{color:var(--yesil);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.metin strong{font-weight:600;color:var(--murekkep)}
.metin blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:2px solid var(--yesil);font-family:var(--serif);font-size:1.35rem;line-height:1.4;color:var(--murekkep)}
.formul-blok{margin:24px 0;padding:18px 22px;background:#eef3ef;border-left:2px solid var(--yesil);overflow-x:auto;font-size:1.15rem}
.formul-blok .katex-display{margin:0;text-align:left}
.formul-blok .katex-display>.katex{text-align:left}
.ornek{margin:28px 0;border:1px solid var(--cizgi);background:#fff;padding:22px 24px}
.ornek .etiket{display:block;font-family:var(--mono);font-size:.74rem;color:var(--yesil);margin-bottom:8px}
.ornek p:last-child{margin-bottom:0}
.yazi-ust{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:22px;font-family:var(--mono);font-size:.76rem;color:var(--arduvaz)}
.yazi-ust b{font-weight:500;color:var(--yesil)}
.yazi-govde{grid-column:3/11}
.yazi-alt{grid-column:3/11;margin-top:48px;padding-top:20px;border-top:var(--kalin-cizgi);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* Yazı listesi */
.liste{border-top:var(--kalin-cizgi)}
.liste a{display:grid;grid-template-columns:180px minmax(0,1fr) auto;column-gap:28px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--cizgi)}
.liste .tur{font-family:var(--mono);font-size:.76rem;color:var(--yesil)}
.liste h3{font-weight:600;font-size:1.75rem;line-height:1.1;letter-spacing:-.01em;margin-bottom:8px}
.liste h3 span{background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .3s ease}
.liste a:hover h3 span{background-size:100% 1.5px}
.liste p{margin:0;max-width:36em}
.liste .sure{font-family:var(--mono);font-size:.74rem;color:var(--arduvaz);white-space:nowrap}

/* Veri: yıllık grafik ve tablolar */
.grafik{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;align-items:end;height:300px;border-bottom:var(--kalin-cizgi);padding-top:28px;position:relative}
.grafik .yil{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%;position:relative}
.grafik .sutun{background:var(--murekkep);position:relative;min-height:2px}
.grafik .sutun b{position:absolute;left:0;right:0;top:-30px;text-align:center;font-family:var(--serif);font-weight:600;font-size:1.25rem;color:var(--murekkep)}
.grafik .yil.dar .sutun{background:repeating-linear-gradient(135deg,var(--murekkep) 0 2px,#cfc9bc 2px 7px)}
.grafik .yil.tahmin .sutun{background:transparent;border:1.5px dashed var(--yesil)}
.grafik .yil.tahmin .sutun b{color:var(--yesil)}
.grafik .yil.son .sutun{background:var(--yesil)}
.grafik-eksen{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:10px;font-family:var(--mono);font-size:.8rem;color:var(--metin);text-align:center}
.grafik-cizgi{position:absolute;left:0;right:0;border-top:1px dashed var(--cizgi);pointer-events:none}
.grafik-cizgi span{position:absolute;right:0;top:-18px;font-family:var(--mono);font-size:.7rem;color:var(--arduvaz);background:var(--fildisi);padding-left:6px}
.lejant{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:22px;font-size:.92rem;color:var(--metin)}
.lejant span{display:inline-flex;align-items:center;gap:8px}
.lejant i{display:inline-block;width:18px;height:12px;background:var(--murekkep)}
.lejant i.dar{background:repeating-linear-gradient(135deg,var(--murekkep) 0 2px,#cfc9bc 2px 7px)}
.lejant i.tahmin{background:transparent;border:1.5px dashed var(--yesil)}
.tablo-kap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:var(--kalin-cizgi)}
.veri-tablo{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:640px}
.veri-tablo th,.veri-tablo td{padding:11px 10px;border-bottom:1px solid var(--cizgi);text-align:center;font-size:.95rem}
.veri-tablo th:first-child,.veri-tablo td:first-child{text-align:left;padding-left:0}
.veri-tablo thead th{font-family:var(--mono);font-weight:400;font-size:.76rem;color:var(--arduvaz);border-bottom:1px solid var(--murekkep)}
.veri-tablo tbody th{font-weight:600;color:var(--murekkep)}
.veri-tablo td{font-family:var(--mono)}
.veri-tablo td.s0{color:#9a968c}
.veri-tablo td.s1{background:#eef3ef}
.veri-tablo td.s2{background:#d5e3da}
.veri-tablo td.s3{background:#a9c6b4;color:var(--murekkep)}
.veri-tablo td.s4{background:#5f8b73;color:#fff}
.veri-tablo td.s5{background:var(--yesil);color:#fff}
.veri-tablo td.ort{font-weight:600;color:var(--murekkep);border-left:1px solid var(--cizgi)}
.veri-tablo tr.vurgu th,.veri-tablo tr.vurgu td{color:var(--yesil);font-weight:600}
.dipnot{margin:14px 0 0;font-size:.9rem;color:var(--arduvaz);max-width:46em}
.kaynaklar{margin:0;padding-left:20px;font-size:.92rem;color:var(--metin)}
.kaynaklar li{margin:6px 0}
.kaynaklar a{color:var(--yesil);text-decoration:underline;text-underline-offset:3px}
.one-cikan-sayilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;border-top:var(--kalin-cizgi)}
.one-cikan-sayilar div{padding:20px 0 0}
.one-cikan-sayilar b{display:block;font-family:var(--serif);font-weight:600;font-size:2.6rem;line-height:1;color:var(--murekkep);letter-spacing:-.02em}
.one-cikan-sayilar span{display:block;margin-top:8px;font-size:.95rem;max-width:18em}

@media (max-width:1000px){
  .sayfa-bas h1,.sayfa-bas .on-metin,.sayfa-bas .yan-bilgi,.icerik,.icerik.dar,.yazi-govde,.yazi-alt{grid-column:1/-1}
  .gruplar{grid-template-columns:1fr;row-gap:30px}
  .iletisim{grid-template-columns:1fr}
}
@media (max-width:760px){
  .ozellikler,.sekiller{grid-template-columns:1fr}
  .ozellik:nth-child(2){border-top:1px solid var(--cizgi)}
  .liste a{grid-template-columns:1fr;row-gap:8px}
  .one-cikan-sayilar{grid-template-columns:1fr}
  .grafik{gap:6px;height:240px}
  .grafik-eksen{gap:6px;font-size:.68rem}
  .grafik .sutun b{font-size:.9rem;top:-24px}
  .adimlar li{grid-template-columns:52px minmax(0,1fr);column-gap:14px}
  .adimlar li::before{font-size:1.7rem}
}
@media (max-width:560px){
  .sayfa-bas{padding:40px 0 40px}
  .sayfa-bas .on-metin{font-size:1.08rem}
  .metin{font-size:1.02rem}
  .metin h2{font-size:1.6rem}
}
.atla{position:absolute;left:16px;top:-60px;z-index:10;background:var(--murekkep);color:var(--fildisi);padding:10px 16px;font-weight:600}
.atla:focus{top:12px}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}