@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gW8te1Xb7GlMo.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gf8te1Xb7GlMo.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gY8te1Xb7GlMo.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gU8te1Xb7GlMo.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gV8te1Xb7GlMo.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gb8te1Xb7G.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gW8te1Xb7GlMo.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gf8te1Xb7GlMo.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gY8te1Xb7GlMo.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gU8te1Xb7GlMo.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gV8te1Xb7GlMo.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gb8te1Xb7G.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gW8te1Xb7GlMo.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gf8te1Xb7GlMo.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gY8te1Xb7GlMo.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gU8te1Xb7GlMo.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gV8te1Xb7GlMo.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: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/vEFI2_tTDB4M7-auWDN0ahZJW1gb8te1Xb7G.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 Kariyer, AKADEMIK KENAR NOTU
   Duzen: kitap kapagi acilis, ardindan kenar notlu iki kolon.
   Sol kolon okuma metni, sag kolon dar kenar notu sutunu; not gövdeye hizali durur.
   Kart izgarasi yoktur. Renk cimridir: bordo yalnizca kural, bolum numarasi ve baglanti.
   Palet: Pantone 18-1438 Marsala. Aydinlik, koyu tema yok. */

:root{
  --font-display:"Source Serif 4",Georgia,serif;
  --font-body:"Source Serif 4",Georgia,serif;

  --brand:#955251;          /* Marsala: kurallar, bolum numaralari */
  --brand-koyu:#6E3A39;
  --ikincil:#2F4858;        /* arduvaz: yalnizca ikincil isaretler */
  --bg:#FAF6F5; --kagit:#FFFFFF;
  --ink:#1E1211; --ink-2:#4A3B39; --ink-3:#7A6764;
  --cizgi:#E2D6D4;
  --link:#8A4A49; --focus:#955251;

  --wrap:56rem; --dar:48rem;
  --measure:60ch;
  --kenar-en:16rem;         /* kenar notu sutunu */
  --kenar-bosluk:3rem;      /* metin ile not arasi */
  --numara-en:3.5rem;       /* bolum numarasi olugu */
  --h1-w:700;
}

body{line-height:1.66}

/* Serif gövdede baglantiyi renk degil once altcizgi tasir */
a{text-decoration-thickness:.055em;text-underline-offset:.16em}
main a:hover{color:var(--brand-koyu)}

/* --------------------------------------------------------------- baslik */
.chrome{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--cizgi)}
.chrome .bar{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) 0}
.brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink);
  text-decoration:none;font-weight:700;font-size:1.06rem;letter-spacing:-.005em}
.brand .mark{color:var(--brand);flex:none}
.nav{display:flex;gap:var(--space-5);margin-left:auto;flex-wrap:wrap}
.nav a{color:var(--ink-2);text-decoration:none;font-size:.76rem;
  text-transform:uppercase;letter-spacing:.15em;white-space:nowrap}
.nav a:hover{color:var(--brand)}
.nav a[aria-current="page"]{color:var(--brand);box-shadow:inset 0 -1px 0 var(--brand)}
.navtoggle{display:none;margin-left:auto;background:none;border:0;color:var(--ink);
  padding:var(--space-2);cursor:pointer;line-height:0}

.crumbs{width:min(100% - var(--space-5)*2,var(--wrap));margin-inline:auto;
  padding:var(--space-5) 0 0 var(--numara-en);
  font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3)}
.crumbs a{color:var(--ink-3);text-decoration:none}
.crumbs a:hover{color:var(--brand)}

/* ------------------------------------------------------- hero: kitap kapagi */
.kapak{padding:clamp(3rem,7vw,6rem) 0 clamp(2.5rem,5vw,4rem)}
.kapak-ic{width:min(100% - var(--space-5)*2,48rem);margin-inline:auto;text-align:center}
.kural-cift{height:7px;border-top:2px solid var(--brand);border-bottom:1px solid var(--brand)}
.kapak .ust-satir{font-size:.72rem;text-transform:uppercase;letter-spacing:.3em;
  color:var(--brand);margin:0 0 var(--space-4);max-width:none}
.kapak h1{font-size:clamp(2.2rem,1.2rem + 4vw,4.1rem);font-weight:700;line-height:1.05;
  letter-spacing:-.018em;margin:var(--space-6) auto var(--space-5);max-width:19ch;color:var(--ink)}
.kapak .kapak-alt{font-size:clamp(1.02rem,.96rem + .45vw,1.22rem);line-height:1.55;
  color:var(--ink-2);max-width:52ch;margin:0 auto var(--space-6)}
.kapak .kunye{font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;
  color:var(--ink-3);max-width:none;margin:var(--space-4) 0 0}
.kapak .kunye time{color:var(--ink-2)}

/* ------------------------------------------------- ana sayfa: fihrist listesi */
.fihrist{width:min(100% - var(--space-5)*2,48rem);margin:0 auto;padding-bottom:var(--space-8)}
.fihrist h2{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.24em;
  color:var(--ink-3);margin:0 0 0;padding-bottom:var(--space-3);border-bottom:1px solid var(--cizgi)}
.fihrist ol{list-style:none;margin:0;padding:0;counter-reset:fih}
.fihrist li{border-bottom:1px solid var(--cizgi)}
.fihrist a{display:grid;grid-template-columns:2.6rem 1fr;gap:0 var(--space-4);
  padding:var(--space-4) 0;text-decoration:none;color:var(--ink)}
.fihrist a::before{counter-increment:fih;content:counter(fih,upper-roman);
  color:var(--brand);font-size:.78rem;letter-spacing:.1em;padding-top:.5em;
  font-variant-numeric:tabular-nums}
.fihrist .ad{font-size:1.16rem;font-weight:600;line-height:1.3}
.fihrist .not{grid-column:2;color:var(--ink-2);font-size:.94rem;line-height:1.5;margin-top:.2rem}
.fihrist a:hover .ad{color:var(--brand);text-decoration:underline;text-underline-offset:.2em}

.onsoz{width:min(100% - var(--space-5)*2,48rem);margin:0 auto var(--space-9);
  border-top:3px double var(--brand);padding-top:var(--space-5)}
.onsoz p{color:var(--ink-2);font-size:.95rem;max-width:none;margin:0}

/* --------------------------------------------- ic sayfa: kenar notlu iki kolon */
.metin{width:min(100% - var(--space-5)*2,var(--wrap));margin-inline:auto;
  padding:var(--space-6) 0 var(--space-9)}
.govde{padding-left:var(--numara-en);
  padding-right:calc(var(--kenar-en) + var(--kenar-bosluk));
  counter-reset:bolum}
.govde::after{content:"";display:block;clear:both}

.govde h1{font-size:clamp(1.95rem,1.4rem + 2vw,2.9rem);font-weight:700;line-height:1.08;
  letter-spacing:-.018em;margin:0 0 var(--space-5);max-width:22ch}
.govde .lede{color:var(--ink-2);max-width:none;font-size:clamp(1.05rem,.99rem + .4vw,1.2rem);
  line-height:1.55;border-top:1px solid var(--brand);border-bottom:1px solid var(--cizgi);
  padding:var(--space-4) 0;margin-bottom:var(--space-6)}

.govde h2{position:relative;font-size:clamp(1.28rem,1.14rem + .62vw,1.65rem);font-weight:600;
  line-height:1.22;letter-spacing:-.01em;margin:var(--space-7) 0 var(--space-3);
  max-width:var(--measure);clear:none}
.govde h2::before{counter-increment:bolum;
  content:counter(bolum,decimal-leading-zero);
  position:absolute;left:calc(var(--numara-en) * -1);top:.5em;
  font-size:.72rem;font-weight:600;letter-spacing:.1em;color:var(--brand);
  font-variant-numeric:tabular-nums}
.govde h3{font-size:1.06rem;font-weight:600;margin:0 0 var(--space-2)}
.govde p{color:var(--ink-2)}
.govde ul,.govde ol{max-width:var(--measure);color:var(--ink-2);padding-left:1.2rem}
.govde li{margin-bottom:var(--space-2)}

/* Kenar notu: gövdenin sag olugunda durur, metnin uzerine binmez.
   Negatif sag kenar bosluk notu tamamen gövde kutusunun disina iter,
   bu yuzden satirlar kisalmaz ve hicbir kelime notun altinda kalmaz. */
.kenar{float:right;clear:right;width:var(--kenar-en);
  margin:.45rem calc((var(--kenar-en) + var(--kenar-bosluk)) * -1) var(--space-6) var(--space-5);
  border-top:2px solid var(--brand);padding-top:var(--space-3);
  font-size:.83rem;line-height:1.5;color:var(--ink-2)}
.kenar b{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;color:var(--brand-koyu);margin-bottom:.4rem}
.kenar p{margin:0 0 .6rem;max-width:none;color:inherit;font-size:inherit;line-height:inherit}
.kenar p:last-child{margin-bottom:0}
.kenar a{color:var(--link);text-decoration:none;box-shadow:inset 0 -1px 0 var(--cizgi)}
.kenar a:hover{color:var(--brand-koyu);box-shadow:inset 0 -1px 0 var(--brand)}

/* Tek gorsel: metin ve not sutununu birlikte kaplar */
.govde figure{clear:both;margin:var(--space-6) calc((var(--kenar-en) + var(--kenar-bosluk)) * -1) var(--space-7) 0}
.govde figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.govde figcaption{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;
  color:var(--ink-3);border-top:1px solid var(--cizgi);margin-top:var(--space-3);
  padding-top:var(--space-2)}

/* Soru cevap: kart degil, kurala dayali kayit */
.qa{max-width:var(--measure);border-top:1px solid var(--cizgi);
  padding-top:var(--space-4);margin-bottom:var(--space-5)}
.qa p{margin:0;color:var(--ink-2)}

.ayrica{clear:both;max-width:var(--measure);margin-top:var(--space-8);
  border-top:3px double var(--brand);padding-top:var(--space-4)}
.ayrica b{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;color:var(--brand-koyu);margin-bottom:.4rem}
.ayrica p{margin:0;font-size:.92rem;color:var(--ink-2);max-width:none}

/* ------------------------------------------- okuma listesi: kaynakca gorunumu */
.kaynakca p{text-indent:-2rem;padding-left:2rem;line-height:1.5;margin-bottom:var(--space-4)}
.kaynakca .lede{text-indent:0;padding-left:0}
.kaynakca .qa p,.kaynakca .ayrica p,.kaynakca .kenar p,.kaynakca figcaption{text-indent:0;padding-left:0}
.yazar{font-size:.88em;text-transform:uppercase;letter-spacing:.055em;color:var(--ink)}

/* --------------------------------------------------------------- alt bilgi */
footer{border-top:1px solid var(--cizgi);margin-top:var(--space-8);
  padding:var(--space-7) 0 var(--space-8)}
.footlinks{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);
  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:.86rem}
.footlinks a:hover{color:var(--brand);text-decoration:underline}
footer p{font-size:.82rem;color:var(--ink-3);max-width:66ch}
footer time{color:var(--ink-2)}

/* --------------------------------------------------------------- dar ekran */
@media (max-width:62rem){
  .govde{padding-right:0}
  /* Kenar notu metnin icine iner ve sol bordo kuralla ayrilir */
  .kenar{float:none;clear:both;width:auto;max-width:var(--measure);
    margin:var(--space-5) 0;border-top:0;border-left:3px solid var(--brand);
    padding:var(--space-1) 0 var(--space-1) var(--space-4)}
  .govde figure{margin-right:0}
}
@media (max-width:46rem){
  .chrome .bar{flex-wrap:wrap}
  .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) 0;border-top:1px solid var(--cizgi);
    font-size:.82rem;color:var(--ink-2)}
  html.no-js .nav{height:auto}

  :root{--numara-en:0rem}
  .crumbs{padding-left:0}
  .govde{padding-left:0}
  .govde h2{padding-top:1.5rem}
  .govde h2::before{left:0;top:0}
  .kapak{padding-top:var(--space-7)}
  .kapak h1{max-width:none}
  .fihrist a{grid-template-columns:2rem 1fr;gap:0 var(--space-3)}
  .kaynakca p{text-indent:0;padding-left:0}
}