/* ============================================================
   ZİHNİ BAŞSARAY
   Palet ve tipografi kitapla ortak (kitap/kitap.css).
   Renk ve ölçü değiştirmek için yalnızca :root bloğuna dokunun.
   ============================================================ */

@font-face{font-family:"Newsreader";src:url(fonts/newsreader.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage";src:url(fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}

:root{
  --paper:#E7E4DF; --paper-2:#DEDAD3; --paper-3:#D2CDC4;
  --ink:#141310; --ink-2:#3E3B35; --ink-3:#5F5C55;
  --rule:#C6C1B7; --rule-2:#B0AAA0;
  /* PALET A — Editoryal Kiremit. Kategori renkleri; hepsi kağıt üstünde 5:1+ */
  --kiremit:#A8341A; --steel:#35566A; --bronz:#6E5320; --yesil:#33513E; --erik:#5E3B52;
  /* koyu panel üstünde kullanılacak açık tonlar (4.5:1+) */
  --kiremit-a:#DE4C2B; --steel-a:#5285A4; --bronz-a:#9D772E; --yesil-a:#568969; --erik-a:#A36C90;
  --vurgu:var(--kiremit);          /* sitenin birincil vurgusu */
  --dark:#141310; --dark-fg:#CAC6BE; --dark-dim:#847F76; --dark-hi:#F7F4EF;
  --measure:34rem;
  --gut:clamp(1.2rem,5vw,3.5rem);
  --serif:"Newsreader",Charter,Georgia,serif;
  --grot:"Bricolage","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink-2);
  font-family:var(--serif);font-size:17.5px;line-height:1.62;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
::selection{background:var(--ink);color:var(--paper)}
:focus-visible{outline:2px solid var(--steel);outline-offset:3px}
.bar--dark :focus-visible,.mast :focus-visible,.offer :focus-visible,
.doktrin :focus-visible{outline-color:var(--dark-hi)}

.wrap{max-width:64rem;margin-inline:auto;padding-inline:var(--gut)}
.prose{max-width:var(--measure)}
.prose p{margin:0 0 1.15em}
.prose p:last-child{margin-bottom:0}
hr.rule{border:0;border-top:1px solid var(--rule);margin:3rem 0}

/* --------------------------------------------------------- üst şerit */
.bar{border-bottom:1px solid var(--rule);background:var(--paper)}
.bar-in{
  max-width:64rem;margin-inline:auto;padding:.9rem var(--gut);
  display:flex;align-items:baseline;gap:1.4rem;
}
.bar-home{
  font-family:var(--grot);font-weight:700;font-size:.66rem;letter-spacing:.19em;
  color:var(--ink);text-decoration:none;white-space:nowrap;
}
.bar-nav{margin-left:auto;display:flex;gap:1.3rem;flex-wrap:wrap}
.bar-nav a{
  font-family:var(--grot);font-weight:600;font-size:.63rem;letter-spacing:.14em;
  color:var(--ink-3);text-decoration:none;transition:color .18s var(--ease);
}
.bar-nav a:hover,.bar-nav a[aria-current]{color:var(--ink)}
.bar-nav a[aria-current]{box-shadow:0 3px 0 -1px var(--ink)}
.bar--dark{background:var(--dark);border-bottom-color:rgba(202,198,190,.16)}
.bar--dark .bar-home{color:var(--dark-hi)}
.bar--dark .bar-nav a{color:var(--dark-dim)}
.bar--dark .bar-nav a:hover{color:var(--dark-hi)}

/* --------------------------------------------------------- künye satırı */
.slug{
  font-family:var(--grot);font-weight:600;font-size:.6rem;letter-spacing:.2em;
  color:var(--ink-3);
}
.slug--dim{color:var(--dark-dim)}
.slug--vurgu{color:var(--vurgu)}
/* kategori renkleri — yeni yazı eklerken kategoriye uyan sınıfı verin */
.k-liyakat{color:var(--kiremit)} .k-iliski{color:var(--steel)} .k-guc{color:var(--bronz)}
.k-maas{color:var(--yesil)} .k-sinir{color:var(--erik)}

/* --------------------------------------------------------- manşet */
.mast{background:var(--dark);color:var(--dark-fg);overflow:hidden}
.mast-in{
  max-width:64rem;margin-inline:auto;padding:var(--gut);
  display:grid;gap:clamp(2rem,5vw,3rem);align-items:end;
  min-height:clamp(30rem,82vh,46rem);
}
@media(min-width:56rem){
  .mast-in{grid-template-columns:minmax(0,1.5fr) minmax(15rem,.85fr);gap:clamp(2.5rem,5vw,4rem)}
}
.mast-rule{
  grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;
  border-bottom:1px solid rgba(202,198,190,.22);padding-bottom:.9rem;
  align-self:start;order:-2;
}
.mast h1{
  font-family:var(--grot);font-weight:700;color:var(--dark-hi);margin:0;
  font-size:clamp(2.7rem,8.4vw,5.6rem);line-height:.93;letter-spacing:-.042em;
}
.mast h1 em{font-style:normal;color:var(--kiremit-a)}
.mast .sub{
  margin:1.9rem 0 0;max-width:34rem;font-size:1.06rem;line-height:1.58;color:var(--dark-fg);
}
.mast .sub b{color:var(--dark-hi);font-weight:600}
.portre{
  aspect-ratio:3/4;width:100%;
  background:#1D1B17 center 22% / cover no-repeat;
  border:1px solid rgba(202,198,190,.14);
}
/* manşetteki portre sütunun altına yaslanır; diğer sayfalarda yaslanmaz */
.mast .portre{align-self:end}
@media(max-width:55.99rem){
  .mast .portre{max-width:16rem;aspect-ratio:1/1;order:-1;background-position:center 15%}
}

/* --------------------------------------------------------- bölüm başlığı */
.band{
  border-bottom:1px solid var(--rule);
  padding:clamp(2.4rem,6vw,3.6rem) 0 1.4rem;
}
.band h1{
  font-family:var(--grot);font-weight:700;margin:.7rem 0 0;color:var(--ink);
  font-size:clamp(2rem,5.6vw,3.2rem);line-height:1;letter-spacing:-.036em;
}
.band h1.kucuk{font-size:clamp(1.8rem,4.6vw,2.6rem);letter-spacing:-.032em}
.band h2{
  font-family:var(--grot);font-weight:700;margin:.7rem 0 0;color:var(--ink);
  font-size:clamp(1.5rem,3.6vw,2.1rem);line-height:1.06;letter-spacing:-.028em;
}
.band .note{margin:.9rem 0 0;max-width:38rem;color:var(--ink-3);font-size:1rem}

/* --------------------------------------------------------- kayıt/register */
.reg{list-style:none;margin:0;padding:0}
.reg > li{border-bottom:1px solid var(--rule)}
.reg a{
  display:grid;grid-template-columns:3.2rem 1fr;gap:0 1.3rem;
  padding:1.6rem 0;text-decoration:none;
  transition:background .16s var(--ease),padding .16s var(--ease);
}
@media(min-width:44rem){.reg a{grid-template-columns:5.5rem 1fr;gap:0 2rem}}
.reg a:hover{background:var(--paper-2)}
.reg a:hover .rt{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.rn{
  font-family:var(--grot);font-weight:700;font-size:1.7rem;line-height:1;
  font-variant-numeric:lining-nums tabular-nums;
  letter-spacing:-.02em;padding-top:.1em;
}
@media(min-width:44rem){.rn{font-size:2.5rem}}
.reg a:hover .rt{color:var(--ink)}
.rt{
  display:block;
  font-family:var(--grot);font-weight:700;color:var(--ink);margin:0;
  font-size:clamp(1.2rem,3vw,1.72rem);line-height:1.12;letter-spacing:-.026em;max-width:26ch;
}
.rd{display:block;margin:.55rem 0 0;color:var(--ink-3);font-size:.98rem;max-width:48ch}
.rk{
  display:block;font-family:var(--grot);font-weight:600;font-size:.56rem;
  letter-spacing:.2em;margin:.7rem 0 0;
}

/* --------------------------------------------------------- kitap levhası */
.plate{
  border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);
  background:var(--paper-2);
}
.plate-in{
  max-width:64rem;margin-inline:auto;padding:clamp(2.2rem,5vw,3.4rem) var(--gut);
  display:grid;gap:clamp(1.8rem,4vw,3rem);align-items:center;
}
@media(min-width:48rem){.plate-in{grid-template-columns:13rem 1fr}}
.plate img{width:100%;max-width:13rem;border:1px solid var(--rule-2)}
.plate h2{
  font-family:var(--grot);font-weight:700;color:var(--ink);margin:.7rem 0 .9rem;
  font-size:clamp(1.55rem,4vw,2.3rem);line-height:1.04;letter-spacing:-.03em;
}
.plate p{margin:0 0 1em;max-width:40rem}
.plate .takas{font-size:.97rem;margin:0 0 1.2rem}
.plate .takas strong{color:var(--ink);font-weight:600}
.plate .cta-ikili{display:flex;flex-wrap:wrap;gap:1.6rem;margin:0}
.rt-tarih{color:var(--ink-3)}
.plate .lines{
  margin:1.4rem 0;padding-left:1.1rem;border-left:2px solid var(--ink);
  font-family:var(--grot);font-weight:600;font-size:1.02rem;line-height:1.5;color:var(--ink);
}

/* --------------------------------------------------------- bağlantı */
.go{
  display:inline-block;font-family:var(--grot);font-weight:700;font-size:.66rem;
  letter-spacing:.14em;color:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--ink);padding-bottom:.2rem;
  transition:opacity .18s var(--ease);
}
.go:hover{opacity:.55}
.go-steel{color:var(--steel);border-color:var(--steel)}

/* --------------------------------------------------------- yazı sayfası */
.post{padding:clamp(2.4rem,6vw,4rem) 0 0}
.post-head{max-width:46rem;margin-bottom:2.4rem}
.post-head h1{
  font-family:var(--grot);font-weight:700;color:var(--ink);margin:1rem 0 0;
  font-size:clamp(2rem,5.6vw,3.2rem);line-height:1;letter-spacing:-.036em;
}
.post-head .dek{margin:1.4rem 0 0;max-width:var(--measure);color:var(--ink-3);font-size:1.06rem}
.post-head::after{content:"";display:block;height:1px;background:var(--rule);margin-top:2rem}
.post .prose h2{
  font-family:var(--grot);font-weight:700;font-size:1.06rem;color:var(--ink);
  margin:2.4rem 0 .6rem;letter-spacing:-.004em;
}
.post .prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--vurgu);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
.prose a:hover{text-decoration-thickness:2px}

.pull{margin:2.2rem 0;padding-left:1.15rem;border-left:2px solid var(--ink);max-width:var(--measure)}
.pull p{
  font-family:var(--grot);font-weight:600;font-size:1.2rem;line-height:1.3;
  letter-spacing:-.016em;color:var(--ink);margin:0;
}

.numbered{list-style:none;margin:1.9rem 0;padding:0;max-width:var(--measure)}
.numbered li{display:grid;grid-template-columns:2.2rem 1fr;gap:0 .9rem;padding:1.05rem 0;border-top:1px solid var(--rule)}
.numbered li:last-child{border-bottom:1px solid var(--rule)}
.numbered .n{
  font-family:var(--grot);font-size:.86rem;font-weight:700;color:var(--ink-3);
  padding-top:.2em;font-variant-numeric:lining-nums tabular-nums;
}
.numbered .t{margin:0}
.numbered .t b{font-family:var(--grot);font-size:1rem;color:var(--ink);display:block;margin-bottom:.3rem;letter-spacing:-.012em}

/* doktrin — kitaptaki kutunun kardeşi */
.doktrin{
  margin:3rem 0 0;padding:1.5rem 1.6rem;max-width:var(--measure);
  background:var(--dark);color:var(--dark-hi);
}
.doktrin .slug{color:var(--kiremit-a);display:block;margin-bottom:.8rem}
.doktrin p{
  font-family:var(--grot);font-weight:600;font-size:1.12rem;line-height:1.36;
  letter-spacing:-.014em;margin:0;
}

.pager{display:flex;gap:1.5rem;justify-content:space-between;border-top:1px solid var(--rule);margin-top:3rem;padding-top:1.5rem}
.pager a{font-family:var(--grot);font-weight:600;font-size:.72rem;letter-spacing:.02em;color:var(--ink-3);text-decoration:none;max-width:24ch;line-height:1.35}
.pager a:hover{color:var(--ink)}
.pager .next{margin-left:auto;text-align:right}

/* --------------------------------------------------------- sözlük */
.terms{list-style:none;margin:0;padding:0}
.terms li{
  border-bottom:1px solid var(--rule);padding:1.5rem 0;
  display:grid;gap:.2rem 2rem;
}
@media(min-width:46rem){.terms li{grid-template-columns:15rem 1fr;align-items:baseline}}
.terms .term{
  font-family:var(--grot);font-weight:700;font-size:1.06rem;letter-spacing:-.018em;
  color:var(--ink);margin:0;
}
.terms p:last-child{margin:0;max-width:44ch}
.terms .src{
  display:block;font-family:var(--grot);font-weight:600;font-size:.53rem;
  letter-spacing:.2em;color:var(--vurgu);margin-top:.35rem;
}
.terms .src-kitap{color:var(--steel)}

/* --------------------------------------------------------- e-posta */
.offer{background:var(--dark);color:var(--dark-fg)}
.offer-in{
  max-width:64rem;margin-inline:auto;padding:clamp(2.6rem,6vw,4rem) var(--gut);
  display:grid;gap:clamp(2rem,5vw,3.5rem);
}
@media(min-width:54rem){.offer-in{grid-template-columns:1.1fr 1fr;align-items:start}}
.offer h2{
  font-family:var(--grot);font-weight:700;color:var(--dark-hi);margin:.9rem 0 1.1rem;
  font-size:clamp(1.7rem,4.4vw,2.5rem);line-height:1.02;letter-spacing:-.034em;
}
.offer p{margin:0 0 1em;font-size:1.02rem}
.offer p:last-child{margin-bottom:0}

.form{margin:0}
.form > label{
  display:block;font-family:var(--grot);font-weight:600;font-size:.6rem;
  letter-spacing:.2em;color:var(--dark-dim);margin-bottom:.55rem;
}
.form input[type=email]{
  width:100%;font-family:var(--serif);font-size:1.05rem;color:var(--dark-hi);
  background:transparent;border:0;border-bottom:1px solid var(--dark-dim);
  padding:.7rem 0;border-radius:0;
}
.form input[type=email]::placeholder{color:var(--dark-fg);opacity:.75}
.form input[type=email]:focus{outline:0;border-bottom-color:var(--dark-hi)}
.form .consent{
  display:flex;gap:.7rem;align-items:flex-start;margin:1.6rem 0 0;
  font-family:var(--serif);font-size:.93rem;font-weight:400;letter-spacing:0;
  line-height:1.5;color:var(--dark-fg);text-transform:none;cursor:pointer;
}
.form .consent input{margin-top:.3em;flex:0 0 auto;accent-color:var(--dark-hi)}
.form button{
  margin-top:1.7rem;font-family:var(--grot);font-weight:700;font-size:.68rem;
  letter-spacing:.16em;color:#F7F4EF;background:var(--kiremit);border:0;
  padding:.9rem 1.6rem;cursor:pointer;transition:opacity .18s var(--ease);
}
.form button:hover{opacity:.82}
.form .fine{margin:1.4rem 0 0;font-size:.8rem;line-height:1.5;color:var(--dark-dim)}
.form .fine a{color:var(--dark-fg)}
/* Kit'in gönderim scriptinin ürettiği mesajlar */
.formkit-alert{
  list-style:none;margin:0 0 1rem;padding:0;font-family:var(--serif);font-size:.93rem;
  line-height:1.45;color:var(--kiremit-a);
}
.formkit-alert:empty{display:none}
.formkit-alert li{padding:.5rem 0}
.form .formkit-alert-success,.offer .formkit-alert-success{color:var(--dark-hi)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* --------------------------------------------------------- alt bilgi */
.foot{border-top:1px solid var(--rule)}
.foot-in{
  max-width:64rem;margin-inline:auto;padding:2.2rem var(--gut) 3rem;
  display:flex;flex-wrap:wrap;gap:.9rem 2rem;align-items:baseline;
}
.foot a{font-family:var(--grot);font-weight:600;font-size:.6rem;letter-spacing:.17em;color:var(--ink-3);text-decoration:none}
.foot a:hover{color:var(--ink)}
.foot .name{color:var(--ink);font-weight:700;margin-right:auto}

@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}