@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjgn7Motmp5r61.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: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjjH7Motmp5g.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: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/jizBRFtNs2ka5fXjeivQ4LroWlx-6zsTjnTLgNuZ5w.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: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/jizBRFtNs2ka5fXjeivQ4LroWlx-6zUTjnTLgNs.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: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/rnCr-xNNww_2s0amA9M0knjsS_ulYHs.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/rnCr-xNNww_2s0amA9M9knjsS_ulYHs.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/rnCr-xNNww_2s0amA9M2knjsS_ulYHs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/rnCr-xNNww_2s0amA9M3knjsS_ulYHs.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: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/rnCr-xNNww_2s0amA9M5knjsS_ul.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: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/rnCs-xNNww_2s0amA9vmtm3MafaPWnIIMrY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/rnCs-xNNww_2s0amA9vmtm3FafaPWnIIMrY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/rnCs-xNNww_2s0amA9vmtm3OafaPWnIIMrY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/rnCs-xNNww_2s0amA9vmtm3PafaPWnIIMrY.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: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/rnCs-xNNww_2s0amA9vmtm3BafaPWnII.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: 'Spectral';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/rnCs-xNNww_2s0amA9uetG3MafaPWnIIMrY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/rnCs-xNNww_2s0amA9uetG3FafaPWnIIMrY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/rnCs-xNNww_2s0amA9uetG3OafaPWnIIMrY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/rnCs-xNNww_2s0amA9uetG3PafaPWnIIMrY.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: 'Spectral';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/rnCs-xNNww_2s0amA9uetG3BafaPWnII.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;
}

/* Psikoloji Gunlugu · EDEBI DERGI
   Duzen: tipografik kapak (fotograf yok), ana sayfada icindekiler dizini,
   ic sayfalarda sola yaslanmis 62ch okuma kolonu ve sag kenarda kenar notlari.
   Kart izgarasi YOK, kutu YOK; ayrimi kural cizgileri ve bosluk yapar.
   Palet: Pantone 17-1230 Mocha Mousse. Aydinlik, tek tema. */

:root{
  --font-display:"Instrument Serif",Georgia,serif;
  --font-body:"Spectral",Georgia,serif;

  --brand:#A47864;          /* Mocha Mousse */
  --brand-koyu:#7A5343;
  --ikincil:#3B4A3F;
  --bg:#FBF7F2;
  --kagit:#F4EDE3;
  --ink:#221A15;
  --ink-2:#54463C;
  --ink-3:#8B7B6E;
  --cizgi:#E5D9CC;
  --cizgi-2:#F0E7DC;
  --link:#7A5343;
  --focus:#A47864;

  --wrap:68rem;
  --dar:40rem;
  --measure:62ch;
  --ray:16rem;              /* kenar notu genisligi */
  --ray-bosluk:2.5rem;      /* kolon ile kenar notu arasi */
}

body{
  font-size:clamp(1.04rem,1rem + .22vw,1.16rem);
  line-height:1.72;
  background:var(--bg);
}

/* Instrument Serif tek agirliktadir; base.css'in kalin varsayimi burada gecersiz */
h1,h2,h3{font-weight:400}
h1{--h1-w:400}
h2{--h2-w:400}

::selection{background:#E9D9CE;color:var(--ink)}
.ilerleme{height:2px;background:var(--brand)}

/* --- Mastbasi: sabit degil, dergi kunyesi gibi sayfanin ustunde durur --- */
.chrome{border-bottom:1px solid var(--cizgi);background:var(--bg)}
.chrome .bar{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) 0}
.brand{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);
  font-family:var(--font-display);font-size:1.35rem;letter-spacing:.005em;line-height:1}
.brand .mark{color:var(--brand)}
.nav{display:flex;gap:var(--space-5);margin-left:auto}
.nav a{color:var(--ink-2);text-decoration:none;font-size:.74rem;letter-spacing:.16em;
  text-transform:uppercase;padding-bottom:2px;border-bottom:1px solid transparent}
.nav a:hover{color:var(--brand-koyu);border-bottom-color:var(--brand)}
.nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--brand)}
.navtoggle{display:none;margin-left:auto;background:none;border:0;color:var(--ink);
  padding:var(--space-2);cursor:pointer;line-height:0}

/* --- Kapak: yalnizca tipografi. Ustteki bosluk sayfanin ucte birini kaplar --- */
.kapak{min-height:min(82vh,50rem);display:flex;flex-direction:column;justify-content:flex-end;
  padding:var(--space-6) 0 var(--space-8);border-bottom:1px solid var(--cizgi)}
.kapak-ust{margin:0 0 auto;font-family:var(--font-body);font-size:.72rem;letter-spacing:.28em;
  text-transform:uppercase;color:var(--brand);font-weight:600}
.kapak h1{font-size:clamp(2.9rem,1.2rem + 7.6vw,7.4rem);line-height:.96;letter-spacing:-.018em;
  max-width:15ch;margin:var(--space-7) 0 0}
.kapak-alt{font-family:var(--font-display);font-style:italic;color:var(--ink-2);
  font-size:clamp(1.35rem,1rem + 1.8vw,2.3rem);line-height:1.32;max-width:32ch;
  margin:var(--space-5) 0 0}
.kapak-meta{max-width:44ch;color:var(--ink-3);font-size:.92rem;line-height:1.6;
  margin:var(--space-5) 0 0}

/* --- Icindekiler: kart degil, kural cizgili dizin satirlari --- */
.dizin-bolum{padding:var(--space-8) 0 var(--space-7)}
.bolum-etiket{font-family:var(--font-body);font-size:.72rem;letter-spacing:.28em;font-weight:600;
  text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--space-5)}
.dizin{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi)}
.dizin li{border-bottom:1px solid var(--cizgi)}
.dizin a{display:grid;grid-template-columns:4rem minmax(0,1fr) minmax(0,23rem);
  gap:var(--space-5);align-items:start;padding:var(--space-5) 0;text-decoration:none;color:inherit}
.dizin-no{font-family:var(--font-body);font-size:.78rem;letter-spacing:.14em;color:var(--brand);
  padding-top:.55rem;transition:color 240ms ease}
.dizin-ad{font-family:var(--font-display);font-size:clamp(1.5rem,1.1rem + 1.7vw,2.5rem);
  line-height:1.06;letter-spacing:-.012em;color:var(--ink);transition:color 240ms ease}
.dizin-ozet{color:var(--ink-2);font-size:.93rem;line-height:1.55;padding-top:.5rem}
.dizin a:hover .dizin-ad{color:var(--brand-koyu)}
.dizin a:hover .dizin-no{color:var(--ikincil)}
.dizin a:focus-visible{outline-offset:6px}

/* --- Tek gorsel: sayfada bir plaka, fotograf yigini degil --- */
.plaka{margin:var(--space-7) 0 var(--space-8)}
.plaka img{width:100%;aspect-ratio:16/9;object-fit:cover}
.plaka figcaption{color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;
  font-size:.68rem;margin-top:var(--space-3)}

/* --- Okuma: sola yaslanmis dar kolon, sag kenarda genis bosluk --- */
.okuma{padding:var(--space-8) 0 var(--space-8)}
.sutun{max-width:var(--measure)}
.sutun::after{content:"";display:block;clear:both}
.sutun h1{font-size:clamp(2.3rem,1.4rem + 3.4vw,4rem);line-height:1.02;letter-spacing:-.015em;
  margin-bottom:var(--space-4)}
.sutun .lede{font-family:var(--font-display);font-style:italic;color:var(--ink-2);
  font-size:clamp(1.18rem,1.05rem + .8vw,1.55rem);line-height:1.42;max-width:46ch;
  letter-spacing:0;padding-bottom:var(--space-5);margin-bottom:var(--space-6);
  border-bottom:1px solid var(--cizgi)}
.sutun h2{font-size:clamp(1.45rem,1.2rem + 1.1vw,2.05rem);line-height:1.14;letter-spacing:-.01em;
  margin:var(--space-7) 0 var(--space-3)}
.sutun p{color:var(--ink-2);max-width:var(--measure)}
.sutun a{color:var(--link)}

/* Ilk govde paragrafinda dusen harf: uc satir yuksekliginde.
   initial-letter destekleyen tarayicida tam uc satir, digerlerinde float yedegi. */
.sutun h2:first-of-type + p::first-letter{
  font-family:var(--font-display);font-weight:400;color:var(--brand);
  float:left;font-size:4.8em;line-height:.74;padding:.04em .09em 0 0}
@supports (initial-letter:3){
  .sutun h2:first-of-type + p::first-letter{
    initial-letter:3;float:none;font-size:inherit;line-height:inherit;
    padding:0 .1em 0 0}
}

/* --- Kenar notu: masaustunde kolonun sagindaki bosluga tasar --- */
.kenar-not{
  float:right;clear:right;width:var(--ray);
  margin:.5rem calc(-1 * (var(--ray) + var(--ray-bosluk))) var(--space-6) var(--ray-bosluk);
  border-top:2px solid var(--brand);padding-top:var(--space-3);
  font-size:.84rem;line-height:1.5;color:var(--ink-3)}
.kenar-ad{font-family:var(--font-body);font-size:.66rem;letter-spacing:.2em;font-weight:600;
  text-transform:uppercase;color:var(--brand);margin:0 0 var(--space-3)}
.kenar-not ol,.kenar-not ul{margin:0;padding-left:1.15rem}
.kenar-not li{margin-bottom:.45rem}
.kenar-not p{max-width:none;margin:0}
.kenar-not a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--cizgi)}
.kenar-not a:hover{color:var(--brand-koyu);border-bottom-color:var(--brand)}

/* --- Alinti ve uzman notu: tirnak yok, kalin kahve kural, italik buyuk punto --- */
.callout,blockquote{border-left:4px solid var(--brand);margin:var(--space-7) 0;
  padding:var(--space-1) 0 var(--space-1) var(--space-5);max-width:var(--measure)}
.callout p,blockquote p{font-family:var(--font-display);font-style:italic;color:var(--ink);
  font-size:clamp(1.12rem,1.02rem + .55vw,1.42rem);line-height:1.44;margin:0;max-width:none}
.callout a,blockquote a{color:var(--brand-koyu)}

/* --- Sik sorulanlar --- */
.sorular{margin-top:var(--space-8);border-top:1px solid var(--cizgi);padding-top:var(--space-6)}
.sorular h2{margin-top:0}
.qa{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--cizgi-2)}
.qa:last-child{border-bottom:0;margin-bottom:0}
.qa h3{font-family:var(--font-display);font-weight:400;font-size:1.32rem;line-height:1.2;
  letter-spacing:-.005em;margin-bottom:var(--space-2);color:var(--ink)}
.qa p{color:var(--ink-2);margin:0}

/* --- Kapanis notu: ana sayfanin sonundaki dar sutun --- */
.kapanis{padding:var(--space-6) 0 var(--space-8);border-top:1px solid var(--cizgi)}
.kapanis .sutun p{color:var(--ink-2)}

/* --- Kunye ve alt bilgi --- */
.crumbs{padding:var(--space-5) 0 0;font-size:.76rem;letter-spacing:.06em;color:var(--ink-3)}
.crumbs a{color:var(--ink-3)}
.crumbs span{color:var(--ink-2)}
footer{margin-top:var(--space-6);border-top:1px solid var(--cizgi);background:var(--kagit);
  padding:var(--space-7) 0 var(--space-8);color:var(--ink-2)}
.footlinks{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin-bottom:var(--space-5);
  padding-bottom:var(--space-5);border-bottom:1px solid var(--cizgi)}
.footlinks a{color:var(--ink-2);text-decoration:none;font-size:.88rem}
.footlinks a:hover{color:var(--brand-koyu);text-decoration:underline}
footer p{max-width:58ch;font-size:.86rem;line-height:1.6;color:var(--ink-3)}

/* --- Dar ekran --- */
@media (max-width:62rem){
  .kenar-not{float:none;clear:none;width:auto;max-width:var(--measure);
    margin:var(--space-6) 0;padding:var(--space-4) 0;
    border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
  .dizin a{grid-template-columns:3rem minmax(0,1fr);gap:var(--space-2) var(--space-4)}
  .dizin-ozet{grid-column:2;padding-top:var(--space-2)}
}

@media (max-width:46rem){
  .chrome .bar{flex-wrap:wrap}                 /* menu alt satira insin */
  .navtoggle{display:inline-flex}
  .nav{flex-basis:100%;margin-left:0;flex-direction:column;gap:0;overflow:hidden;height:0}
  .nav a{font-size:.78rem;letter-spacing:.14em;padding:var(--space-3) 0;
    border-top:1px solid var(--cizgi);border-bottom:0}
  .nav a:hover,.nav a[aria-current="page"]{border-bottom-color:transparent;color:var(--brand-koyu)}
  html.no-js .nav{height:auto}

  .kapak{min-height:min(76vh,40rem);padding-bottom:var(--space-7)}
  .kapak h1{margin-top:var(--space-6)}
  .okuma{padding:var(--space-7) 0 var(--space-8)}
  .sutun h2:first-of-type + p::first-letter{font-size:2.9em}
  .plaka img{aspect-ratio:4/3}
}