@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/_Xms-HUzqDCFdgfMm4q9DaRvziissg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/_Xms-HUzqDCFdgfMm4S9DaRvzig.woff2) format('woff2');
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/_Xms-HUzqDCFdgfMm4q9DaRvziissg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/_Xms-HUzqDCFdgfMm4S9DaRvzig.woff2) format('woff2');
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/_Xms-HUzqDCFdgfMm4q9DaRvziissg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/_Xms-HUzqDCFdgfMm4S9DaRvzig.woff2) format('woff2');
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/_Xms-HUzqDCFdgfMm4q9DaRvziissg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/_Xms-HUzqDCFdgfMm4S9DaRvzig.woff2) format('woff2');
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
  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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Cocuk ve Ergen · OYUNLU
   Duzen: dev tipografi hero, ana bilesen yatay yas seridi, genis yuvarlak bloklar.
   Kart izgarasi YOK. Bolumler seftali ve petrol mavisi zeminlerde donusumlu akar.
   Ton dengesi: sayfa oyunbaz, ama uzmana yonlendiren ve ihmal/istismar bildiren
   bloklar bilerek duz, sakin ve petrol mavisi kurallidir. Kaygili ebeveyn sirin
   tasarim istemez; o bloklarda yuvarlaklik, renk ve hareket geri cekilir.
   Palet: Pantone 13-1023 Peach Fuzz. Aydinlik; koyu tema yok. */

:root{
  --font-display:"Outfit","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-body:"Figtree","Helvetica Neue",Helvetica,Arial,sans-serif;

  --brand:#E08A57;        /* Peach Fuzz */
  --brand-koyu:#9E5423;   /* metin icin kararmis seftali */
  --brand-acik:#FDEDE1;
  --ikincil:#2F7D8C;      /* petrol mavisi */
  --ikincil-koyu:#1F5A66;
  --ikincil-acik:#E4F0F2;

  --bg:#FFF9F4; --kagit:#FFFFFF;
  --ink:#2B1A0F; --ink-2:#6B5344; --ink-3:#8E7666;
  --cizgi:#EFDCCC; --cizgi-petrol:#CDE0E4;
  --link:#9E5423; --focus:#2F7D8C;

  --wrap:84rem; --dar:50rem; --measure:64ch;
  --r:28px; --r-orta:20px; --r-kucuk:14px;
}

body{background:var(--bg)}

/* Kaydirma ilerleme cubugu bu sitede kullanilmiyor: oyunlu duzende ust kenarda
   surekli hareket eden bir cizgi dikkati icerikten cekiyor. */
.ilerleme{display:none}

/* GSAP kelime bolucusunun kabi cocuk yazisindaki g, y, c kuyruklarini kesmesin */
h1 .bol-kap,h2 .bol-kap{padding-bottom:.16em;margin-bottom:-.16em}

/* --- Baslik seridi: hap bicimli menu, sicak kremli cam --- */
.chrome{
  position:sticky;top:0;z-index:60;
  background:rgba(255,249,244,.9);
  -webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);
  box-shadow:0 1px 0 rgba(43,26,15,.07);
}
.chrome .bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);
  font-weight:800;font-size:1.08rem;letter-spacing:-.022em;color:var(--brand-koyu);text-decoration:none}
.brand .mark{color:var(--brand)}
.nav{display:flex;gap:.25rem;margin-left:auto;flex-wrap:wrap}
.nav a{padding:.5rem .9rem;border-radius:999px;color:var(--ink-2);text-decoration:none;
  font-family:var(--font-display);font-size:.9rem;font-weight:600;
  transition:background 160ms ease,color 160ms ease}
.nav a:hover{background:var(--brand-acik);color:var(--brand-koyu)}
.nav a[aria-current="page"]{background:var(--brand);color:#2B1A0F}
.navtoggle{display:none;margin-left:auto;background:none;border:0;color:var(--brand-koyu);
  padding:var(--space-2);cursor:pointer;line-height:0}

/* --- Hero: dev tipografi tasir, fotograf kucuk kalir --- */
.hero{position:relative;padding:clamp(3rem,7vw,6rem) 0 clamp(2.5rem,5vw,4.5rem);overflow:hidden}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;z-index:0;pointer-events:none}
.hero::before{width:44rem;height:44rem;top:-19rem;right:-13rem;
  background:radial-gradient(circle at 45% 45%,#FBE0CD 0%,rgba(251,224,205,0) 68%)}
.hero::after{width:26rem;height:26rem;bottom:-16rem;left:-10rem;
  background:radial-gradient(circle at 50% 50%,#E8F2F3 0%,rgba(232,242,243,0) 68%)}
.hero .wrap{position:relative;z-index:1}

.hero-ic{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:end}

.dev{font-size:clamp(3rem,12.2vw,10rem);line-height:.85;letter-spacing:-.048em;
  font-weight:800;margin:0;color:var(--ink)}
.dev .satir{display:block;overflow:hidden;padding:.3em 0 .34em;margin:-.3em 0 -.34em}
.dev .satir .ic{display:block;padding-bottom:.08em;margin-bottom:-.08em;will-change:transform}
.dev .s2{padding-left:6%}
.dev .s3{padding-left:15%}
.dev .s3 .ic{color:var(--brand-koyu)}

.hero-foto{width:clamp(9rem,20vw,15rem);margin:0}
.hero-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.hero-foto figcaption{font-size:.72rem;color:var(--ink-3);margin-top:var(--space-2)}

.hero .lede{margin:var(--space-6) 0 0;max-width:54ch;color:var(--ink-2);
  font-size:clamp(1.08rem,1rem + .55vw,1.4rem);line-height:1.5}

/* --- Hap bicimli baglantilar --- */
.hap-sira{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-6) 0 0;padding:0}
.hap{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem 1.35rem;border-radius:999px;
  background:var(--kagit);border:1.5px solid var(--cizgi);color:var(--ink);text-decoration:none;
  font-family:var(--font-display);font-weight:600;font-size:.95rem;will-change:transform;
  transition:background 160ms ease,border-color 160ms ease}
.hap:hover{background:var(--brand-acik);border-color:var(--brand)}
.hap.ana{background:var(--brand);border-color:var(--brand);color:#2B1A0F;font-weight:700}
.hap.ana:hover{background:#D97D46;border-color:#D97D46}

.ilgili-hap{width:min(100% - var(--space-5)*2,62rem);margin:var(--space-8) auto 0}
.ilgili-ad{display:block;font-family:var(--font-display);font-weight:700;font-size:.78rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}

/* --- Yas seridi: bu sitenin ana bileseni --- */
.serit-bolum{position:relative;width:min(100% - var(--space-5)*2,86rem);margin:var(--space-8) auto;
  background:var(--ikincil-acik);border-radius:var(--r);padding:var(--space-7) 0;overflow:hidden}
.serit-ust{margin-bottom:var(--space-6)}
.serit-ust h2{margin:0 0 var(--space-2);color:var(--ikincil-koyu);
  font-size:clamp(1.7rem,1.2rem + 2.2vw,3rem);letter-spacing:-.03em}
.serit-ust p{margin:0;color:#3D5B61;max-width:52ch}

.serit-ray{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  scrollbar-width:none;-ms-overflow-style:none;padding:0 var(--space-5) var(--space-3)}
.serit-ray::-webkit-scrollbar{display:none}
.serit-sirit{display:flex;gap:var(--space-5);will-change:transform}

.donem{flex:0 0 clamp(18rem,30vw,26rem);display:flex;flex-direction:column;gap:var(--space-3);
  min-height:20rem;padding:var(--space-6);border-radius:var(--r);text-decoration:none;color:inherit;
  background:var(--kagit);border:1px solid var(--cizgi-petrol);
  transition:transform 200ms ease,box-shadow 200ms ease}
.donem:nth-child(even){background:var(--brand-acik);border-color:#F3D9C6}
.donem:hover{transform:translateY(-4px);box-shadow:0 18px 34px -22px rgba(43,26,15,.45)}
.donem-no{font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,5.5vw,5rem);
  line-height:.8;letter-spacing:-.06em;color:var(--brand)}
.donem:nth-child(even) .donem-no{color:var(--ikincil)}
.donem h3{margin:0;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;letter-spacing:-.028em;line-height:1.05}
.donem p{margin:0;color:var(--ink-2);font-size:1rem;line-height:1.55;max-width:30ch}
.donem-git{margin-top:auto;font-family:var(--font-display);font-weight:700;font-size:.9rem;
  color:var(--brand-koyu);display:inline-flex;align-items:center;gap:.4rem}
.donem:nth-child(even) .donem-git{color:var(--ikincil-koyu)}
.serit-ipucu{margin:var(--space-4) 0 0;color:#3D5B61;font-size:.88rem}

/* Yatay surusun etkin oldugu durum: bolum ekrani kaplar, serit kaydirmayla akar */
.serit-bolum.yatay-aktif{height:100vh;max-height:46rem;display:flex;flex-direction:column;
  justify-content:center;padding:var(--space-6) 0}
.yatay-aktif .serit-ray{overflow:visible;padding-bottom:0}
.yatay-aktif .serit-sirit{cursor:grab}
.yatay-aktif .serit-sirit.tutuluyor{cursor:grabbing}

/* --- Genis yuvarlak bolumler: seftali ve petrol donusumlu --- */
.blok{width:min(100% - var(--space-5)*2,62rem);margin:var(--space-6) auto;
  border-radius:var(--r);padding:clamp(1.75rem,4vw,3.25rem) clamp(1.25rem,4vw,3.5rem)}
.blok.seftali{background:var(--brand-acik)}
.blok.petrol{background:var(--ikincil-acik)}
.blok.kagit{background:var(--kagit);border:1px solid var(--cizgi)}
.blok h2{margin:0 0 var(--space-4);letter-spacing:-.028em}
.blok.petrol h2{color:var(--ikincil-koyu)}
.blok.seftali h2{color:var(--brand-koyu)}
.blok p{color:var(--ink-2);font-size:1.05rem;line-height:1.68;max-width:68ch}
.blok p:last-child{margin-bottom:0}
.blok h2[id]{scroll-margin-top:6rem}

/* --- Sayfa basi: h1 ve giris, genis nefesli --- */
.sayfa-bas{width:min(100% - var(--space-5)*2,62rem);margin:var(--space-7) auto var(--space-6);
  padding:clamp(1.75rem,4vw,3.25rem) clamp(1.25rem,4vw,3.5rem);
  background:var(--brand-acik);border-radius:var(--r)}
.sayfa-bas h1{font-size:clamp(2.2rem,1.2rem + 4.2vw,4rem);line-height:.97;letter-spacing:-.038em;
  margin:0 0 var(--space-4);max-width:18ch}
.sayfa-bas .lede{color:#5B4433;max-width:60ch;margin:0;
  font-size:clamp(1.06rem,1rem + .5vw,1.3rem);line-height:1.5}

/* --- Konu dizini: kart izgarasi degil, tam genislikte tipografik satirlar --- */
.dizin{display:block;border-top:1px solid rgba(43,26,15,.12)}
.dizin-oge{display:grid;grid-template-columns:3.4rem minmax(0,1fr) 2rem;align-items:center;
  gap:var(--space-4);padding:var(--space-5) var(--space-4);text-decoration:none;color:inherit;
  border-bottom:1px solid rgba(43,26,15,.12);border-radius:var(--r-orta);
  transition:background 180ms ease}
.dizin-oge:hover{background:var(--kagit)}
.dizin-no{font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--brand-koyu);
  letter-spacing:.04em}
.dizin-ad{display:block;font-family:var(--font-display);font-weight:700;line-height:1.04;
  font-size:clamp(1.35rem,1rem + 1.9vw,2.3rem);letter-spacing:-.032em}
.dizin-alt{display:block;color:var(--ink-2);font-size:.98rem;line-height:1.5;margin-top:.35rem;max-width:52ch}
.dizin-ok{font-family:var(--font-display);font-size:1.35rem;color:var(--brand-koyu);
  justify-self:end;transition:transform 180ms ease}
.dizin-oge:hover .dizin-ok{transform:translateX(4px)}

/* --- Duz yazi --- */
.yazi h2{margin-top:0}
.yazi p:last-child{margin-bottom:0}
/* gorselAc olcek buyutmesi kabin disina tasmasin: clip-path kirpar ama
   kaydirma tasmasini engellemez, sayfa yana kayardi. */
figure[data-gorsel-ac]{margin:var(--space-6) 0;overflow:hidden}
figure[data-gorsel-ac] img{width:100%;border-radius:var(--r);object-fit:cover}
.genis-gorsel{width:min(100% - var(--space-5)*2,86rem);margin:var(--space-7) auto}
.genis-gorsel img{aspect-ratio:21/9}

/* --- CIDDI TON: uzmana yonlendirme ve acil bildirim --------------------------
   Burada oyunbazlik biter. Yuvarlaklik neredeyse yok, renk sicakligi yok,
   hareket yok. Kaygili bir ebeveyn bu blogu ciddiye alabilmelidir. */
.ciddi{max-width:64ch;margin:var(--space-7) auto;padding:var(--space-5) var(--space-6);
  background:var(--kagit);border:1px solid var(--cizgi-petrol);border-left:5px solid var(--ikincil);
  border-radius:4px}
.ciddi-ad{display:block;font-family:var(--font-body);font-weight:700;font-size:.76rem;
  letter-spacing:.15em;text-transform:uppercase;color:var(--ikincil-koyu);margin-bottom:var(--space-3)}
.ciddi p{margin:0;color:#2C3B3F;font-size:1rem;line-height:1.62;max-width:none}

.acil{width:min(100% - var(--space-5)*2,62rem);margin:var(--space-7) auto;
  padding:clamp(1.5rem,3.5vw,2.5rem) clamp(1.25rem,3.5vw,3rem);
  background:var(--kagit);border:1px solid var(--cizgi-petrol);
  border-top:5px solid var(--ikincil-koyu);border-radius:4px}
.acil h2{margin:0 0 var(--space-4);color:var(--ikincil-koyu);font-family:var(--font-body);
  font-weight:700;letter-spacing:-.008em;
  font-size:clamp(1.25rem,1.1rem + .8vw,1.6rem)}
.acil p{color:#2C3B3F;font-size:1.02rem;line-height:1.66;max-width:var(--measure)}
.acil p:last-child{margin-bottom:0}
.acil a{color:var(--ikincil-koyu)}

/* --- Sik sorulanlar --- */
.prose{width:min(100% - var(--space-5)*2,62rem);margin:var(--space-6) auto;
  background:var(--kagit);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:clamp(1.75rem,4vw,3rem) clamp(1.25rem,4vw,3.5rem)}
.prose > h2{margin-top:0;letter-spacing:-.028em}
.qa{padding:var(--space-4) 0;border-top:1px solid var(--cizgi)}
.qa h3{margin-bottom:var(--space-2);font-size:1.12rem}
.qa p{margin:0;color:var(--ink-2);line-height:1.66}

/* --- Kirinti ve alt bilgi --- */
.crumbs{padding:var(--space-5) 0 0;font-size:.85rem;color:var(--ink-3)}
.crumbs a{color:var(--ink-3)}
footer{margin-top:var(--space-9);background:var(--brand-acik);color:var(--ink-2);
  border-radius:var(--r) var(--r) 0 0;padding:var(--space-8) 0 var(--space-7)}
footer a{color:var(--brand-koyu)}
.footlinks{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-5);
  padding-bottom:var(--space-5);border-bottom:1px solid rgba(43,26,15,.12)}
.footlinks a{text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:.9rem;
  padding:.4rem .85rem;border-radius:999px;background:rgba(255,255,255,.66)}
.footlinks a:hover{background:#fff}
footer p{max-width:66ch;font-size:.9rem;line-height:1.6}

/* --- Dar ekran --- */
@media (max-width:60rem){
  .hero-ic{grid-template-columns:1fr}
  .hero-foto{width:min(60%,15rem)}
}
@media (max-width:899px){
  /* Yatay surus kapali: serit alt alta dizilir, hicbir sey kesilmez */
  .serit-ray{overflow:visible;padding:0 var(--space-5)}
  .serit-sirit{flex-direction:column;gap:var(--space-4)}
  .donem{flex:1 1 auto;min-height:0}
  .serit-ipucu{display:none}
}
@media (max-width:46rem){
  .navtoggle{display:inline-flex}
  .nav{flex-basis:100%;margin-left:0;flex-direction:column;gap:0;overflow:hidden;height:0}
  .nav a{padding:var(--space-3) var(--space-4);font-size:1.02rem;border-radius:var(--r-kucuk)}
  html.no-js .nav{height:auto}
  .dev{letter-spacing:-.04em}
  .dev .s2{padding-left:4%}
  .dev .s3{padding-left:9%}
  .dizin-oge{grid-template-columns:2.6rem minmax(0,1fr);padding:var(--space-4) var(--space-3)}
  .dizin-ok{display:none}
  .blok,.sayfa-bas,.prose,.acil,.ilgili-hap{width:min(100% - var(--space-4)*2,62rem)}
  .serit-bolum{width:min(100% - var(--space-4)*2,86rem)}
}

/* --- Azaltilmis hareket: yatay kaydirma dahil her sey kapanir --- */
@media (prefers-reduced-motion:reduce){
  .serit-bolum.yatay-aktif{height:auto;max-height:none;display:block;padding:var(--space-7) 0}
  .yatay-aktif .serit-ray{overflow:visible}
  .serit-ray{overflow:visible;padding:0 var(--space-5)}
  .serit-sirit{flex-direction:column;gap:var(--space-4);transform:none!important;cursor:auto}
  .donem{flex:1 1 auto;min-height:0;transition:none}
  .donem:hover{transform:none;box-shadow:none}
  .serit-ipucu{display:none}
  .dizin-oge:hover .dizin-ok{transform:none}
}


/* --- Serit ve dizin ic ayrintilari --- */
.serit-ust{padding:0 clamp(1.25rem,3vw,2.5rem)}
.serit-ipucu{padding:0 clamp(1.25rem,3vw,2.5rem)}
.donem-cag{font-family:var(--font-body);font-weight:700;font-size:.72rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--ikincil-koyu)}
.donem:nth-child(even) .donem-cag{color:var(--brand-koyu)}
.dizin-metin{display:block;min-width:0}

/* Kucuk dipnot: tek cumlelik yonlendirme kutu istemez */
.dipnot{width:min(100% - var(--space-5)*2,62rem);margin:var(--space-7) auto;
  padding:0 clamp(1.25rem,4vw,3.5rem)}
.dipnot p{margin:0;color:var(--ink-2);font-size:1rem;max-width:66ch;
  border-left:3px solid var(--brand);padding-left:var(--space-4)}

/* Yapiskan baslik cirpi hedeflerini ortmesin */
.serit-bolum,.acil,.sayfa-bas{scroll-margin-top:6rem}

/* Azaltilmis harekette genis ekranda serit alt alta diziLir; bloklar tam
   genislige yayilmasin, okunur bir sutunda dursun. */
@media (prefers-reduced-motion:reduce) and (min-width:900px){
  .donem{max-width:46rem;margin-inline:auto}
  .donem p{max-width:54ch}
}

/* Dar ekranda hero fotografi giris cumlesini asagi itmesin */
@media (max-width:46rem){
  .hero-foto{width:min(52%,12rem)}
  .hero-ic{gap:var(--space-5)}
  .hero .lede{margin-top:var(--space-5)}
}