/* ═══════════════════════════════════════════════════
   Majorzade — İbrahim Efe Kaç

   Manşetler: Saira Extra Condensed (ağır, sıkışık grotesk)
   Gövde:     Times New Roman — yoksa Tinos (birebir ikizi)

   Renk ve ölçüler aşağıdaki :root bloğunda; değiştirmek
   için oraya dokunmak yeterli.
   ═══════════════════════════════════════════════════ */

:root{
  --paper:#EFE9D6;      /* eskitilmiş kağıt */
  --ink:#0F0D08;        /* is mürekkebi */
  --rubric:#7A1F26;     /* rubrik kırmızısı */
  --indigo:#22314E;     /* minyatür indigosu */
  --rule:#C7BA9C;       /* sıcak hairline */
  --muted:#6E6858;      /* meta metin */

  --govde:'Times New Roman', Tinos, Times, 'Liberation Serif', serif;
  --manset:'Saira Extra Condensed', 'Arial Narrow', Impact, sans-serif;

  --margin-col:12rem;   /* derkenar sütunu */
  --text-col:41rem;     /* metin ölçüsü */
  --gutter:3.5rem;
}

*{box-sizing:border-box;}
html,body{
  margin:0;padding:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--govde);
  font-size:20px;          /* Times küçük görünür, punto yükseltildi */
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{
  background-image:
    radial-gradient(circle at 15% 20%, rgba(139,108,60,.045) 0%, transparent 40%),
    radial-gradient(circle at 85% 75%, rgba(139,108,60,.035) 0%, transparent 45%);
  background-attachment:fixed;
}

/* ═══ manşet harfi ═══ */
.manset,
.wordmark .ad,
nav.sections a,
.post-title,
.archive-entry a,
.docs h3{
  font-family:var(--manset);
  font-weight:800;
  text-transform:uppercase;
  font-style:normal;
}

/* ═══ sayfa ═══ */
.site{max-width:104rem;margin:0 auto;padding:2.5rem clamp(1.25rem,4vw,4.5rem) 6rem;}

/* ═══ başlık bandı ═══ */
.masthead{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:2rem;flex-wrap:wrap;
  padding-bottom:.9rem;border-bottom:2px solid var(--ink);
}
.wordmark{text-decoration:none;color:inherit;display:block;}
.wordmark .ad{
  display:block;font-size:5.6rem;margin:0;line-height:.8;
  letter-spacing:.005em;
}
.wordmark .tagline{
  display:block;color:var(--muted);font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;margin-top:.7rem;font-family:var(--govde);
}
nav.sections{display:flex;gap:1.5rem;flex-wrap:wrap;padding-bottom:.5rem;}
nav.sections a{
  color:var(--muted);text-decoration:none;
  font-size:1.12rem;letter-spacing:.045em;
  transition:color .15s ease;white-space:nowrap;
}
nav.sections a:hover{color:var(--ink);}
nav.sections a[aria-current]{color:var(--rubric);}

/* ═══ yayvan ızgara ═══ */
.spread{
  display:grid;
  grid-template-columns:var(--margin-col) minmax(0,var(--text-col)) 1fr;
  column-gap:var(--gutter);
  align-items:start;
}
.marginalia{
  grid-column:1;text-align:right;
  color:var(--muted);font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;line-height:1.8;padding-top:.85rem;
}
.marginalia .rubric{color:var(--rubric);font-weight:700;display:block;}
.marginalia .plain{
  text-transform:none;letter-spacing:0;font-style:italic;
  font-size:.82rem;display:block;margin-top:.5rem;
}
.column{grid-column:2;}
.outer{grid-column:3;padding-top:.85rem;display:flex;justify-content:flex-end;}
.outer .side-note{
  color:var(--muted);font-style:italic;font-size:.82rem;line-height:1.5;
  width:100%;max-width:17rem;border-top:1px solid var(--rule);padding-top:.7rem;margin:0;
}

/* ═══ ortak ═══ */
.lede{
  font-style:italic;color:#4A4438;font-size:1.2rem;line-height:1.45;
  margin:2.5rem 0 0;max-width:50rem;
}
.rule-mark{display:flex;align-items:center;gap:.6rem;margin:3.5rem 0 2.5rem;}
.rule-mark span{color:var(--rubric);font-size:.9rem;letter-spacing:.7em;line-height:1;flex:none;}
.rule-mark::after{content:"";flex:1 1 auto;height:0;border-top:1px solid var(--rule);}
.section-label{
  font-size:.7rem;font-weight:700;color:var(--muted);
  letter-spacing:.22em;text-transform:uppercase;margin:0 0 1.4rem;
}
.post-title{
  font-size:3.9rem;margin:0 0 1.3rem;line-height:.95;letter-spacing:.004em;
}
.post-title a{color:inherit;text-decoration:none;}
.post-title a:hover{color:var(--rubric);}
.post-header{margin-bottom:1.6rem;}

/* ═══ yazının gövdesi ═══ */
.post-body p{margin:0 0 1.15rem;text-align:left;hyphens:auto;}
.post-body a{color:var(--indigo);text-decoration:none;border-bottom:1px solid var(--rule);}
.post-body a:hover{border-bottom-color:var(--indigo);}
.post-body h2{
  font-family:var(--manset);font-weight:800;text-transform:uppercase;
  font-size:1.7rem;margin:2.4rem 0 .7rem;line-height:1.05;
}
.post-body h3{
  font-size:.74rem;font-weight:700;color:var(--rubric);letter-spacing:.2em;
  text-transform:uppercase;margin:2rem 0 .6rem;
}
.post-body ul,.post-body ol{margin:0 0 1.15rem;padding-left:1.4rem;}
.post-body li{margin-bottom:.35rem;}
.post-body img{max-width:100%;height:auto;border:1px solid var(--rule);margin:2rem 0 .6rem;}
.post-body hr{border:none;border-top:1px solid var(--rule);margin:2.8rem 0;}
.post-body > p:first-of-type::first-letter{
  font-size:3.9rem;float:left;line-height:.82;
  margin:.3rem .45rem 0 -.05rem;color:var(--rubric);font-weight:700;
}
blockquote{
  margin:1.9rem 0;padding:0 0 0 1.4rem;
  border-left:2px solid var(--rubric);font-style:italic;color:#39332A;
}
blockquote p{margin:0 0 .5rem;}
blockquote p:last-child{margin-bottom:0;}
blockquote cite,blockquote em:last-child{
  display:block;font-style:normal;color:var(--muted);
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.6rem;
}
.verse{margin:2rem 0;padding-left:1.6rem;font-style:italic;line-height:1.85;color:#2B2620;}
.verse .attr{
  display:block;font-style:normal;color:var(--muted);
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.8rem;
}
.footnotes{
  margin-top:2.8rem;padding-top:1.3rem;border-top:1px solid var(--rule);
  font-size:.85rem;color:var(--muted);
}
.footnotes ol{margin:0;padding-left:1.2rem;}
sup a{color:var(--rubric);text-decoration:none;border:none;font-size:.7em;}

a.more{
  display:inline-block;margin-top:.5rem;color:var(--rubric);text-decoration:none;
  font-family:var(--manset);font-weight:800;text-transform:uppercase;
  font-size:1rem;letter-spacing:.06em;
}
a.more:hover{color:var(--ink);}
a.back{
  display:inline-block;color:var(--muted);text-decoration:none;
  font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
}
a.back:hover{color:var(--rubric);}

/* ═══ arşiv ═══ */
.archive-list{list-style:none;padding:0;margin:0;}
.archive-list li{
  display:grid;
  grid-template-columns:var(--margin-col) minmax(0,var(--text-col)) 1fr;
  column-gap:var(--gutter);
  padding:1.1rem 0;border-bottom:1px solid var(--rule);align-items:baseline;
}
.archive-list li:first-child{border-top:1px solid var(--rule);}
.archive-num{
  color:var(--rubric);letter-spacing:.16em;font-size:.72rem;
  font-weight:700;text-align:right;text-transform:uppercase;
}
.archive-entry a{
  color:var(--ink);text-decoration:none;font-size:1.95rem;display:block;
  line-height:1.05;transition:color .15s ease;
}
.archive-entry a:hover{color:var(--rubric);}
.archive-entry .kicker{
  color:var(--muted);font-style:italic;font-size:.88rem;display:block;margin-top:.3rem;
}
.archive-date{
  color:var(--muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  white-space:nowrap;text-align:right;
}
.year-head{
  color:var(--muted);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  margin:2.8rem 0 1rem;
}
.year-head:first-of-type{margin-top:0;}

/* ═══ görseller ═══ */
.plates{column-count:3;column-gap:2.5rem;margin-top:.5rem;}
.plate{
  break-inside:avoid;-webkit-column-break-inside:avoid;
  margin:0 0 2.75rem;display:inline-block;width:100%;
}
.plate figure{margin:0;}
.plate img{width:100%;height:auto;display:block;border:1px solid var(--rule);}
.plate .frame{
  aspect-ratio:4/3;border:1px solid var(--rule);
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);font-style:italic;font-size:.8rem;
  background:linear-gradient(135deg, rgba(34,49,78,.10), rgba(122,31,38,.07)), var(--paper);
}
.plate figcaption{margin-top:.65rem;font-size:.84rem;color:var(--muted);font-style:italic;line-height:1.4;}
.plate figcaption .no{
  display:block;font-style:normal;color:var(--rubric);
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  font-weight:700;margin-bottom:.25rem;
}

/* ═══ vesikalar ═══ */
.docs{list-style:none;padding:0;margin:0;}
.docs li{
  display:grid;
  grid-template-columns:var(--margin-col) minmax(0,var(--text-col)) 1fr;
  column-gap:var(--gutter);
  padding:1.25rem 0;border-bottom:1px solid var(--rule);align-items:baseline;
}
.docs li:first-child{border-top:1px solid var(--rule);}
.docs .kind{
  color:var(--rubric);font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;font-weight:700;text-align:right;
}
.docs h3{font-size:1.8rem;margin:0 0 .25rem;line-height:1.05;}
.docs h3 a{color:var(--ink);text-decoration:none;}
.docs h3 a:hover{color:var(--rubric);}
.docs .note{color:var(--muted);font-style:italic;font-size:.88rem;margin:0;}
.docs .date{
  color:var(--muted);font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;white-space:nowrap;text-align:right;
}

/* ═══ önceki / sonraki ═══ */
.postnav{
  display:grid;grid-template-columns:1fr 1fr;gap:2rem;
  margin-top:3.2rem;padding-top:1.3rem;border-top:1px solid var(--rule);
}
.postnav a{text-decoration:none;color:var(--ink);}
.postnav .dir{
  display:block;color:var(--rubric);font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;font-weight:700;margin-bottom:.3rem;
}
.postnav .t{font-size:1.3rem;font-family:var(--manset);font-weight:800;text-transform:uppercase;line-height:1.1;}
.postnav a:hover .t{color:var(--rubric);}
.postnav .right{text-align:right;}
.postnav .bos{color:var(--muted);font-style:italic;font-family:var(--govde);font-weight:400;text-transform:none;}

/* ═══ kolofon / footer ═══ */
.colophon{color:var(--muted);font-size:.82rem;line-height:1.5;width:100%;max-width:17rem;}
.colophon p{margin:0 0 .7rem;}
footer.site-footer{
  margin-top:5rem;padding-top:1.3rem;border-top:2px solid var(--ink);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  color:var(--muted);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;
}
footer.site-footer p{margin:0;}
footer.site-footer a{color:var(--muted);text-decoration:none;margin-right:1.1rem;}
footer.site-footer a:hover{color:var(--rubric);}

.empty{color:var(--muted);font-style:italic;margin:2.5rem 0;max-width:34rem;}

/* ═══ orta genişlik ═══ */
@media (max-width:1180px){
  :root{--margin-col:9rem;--text-col:34rem;--gutter:2.5rem;}
  .wordmark .ad{font-size:4.3rem;}
  .post-title{font-size:3.1rem;}
  .plates{column-count:2;}
}
@media (max-width:1000px){
  .spread,.archive-list li,.docs li{grid-template-columns:7rem minmax(0,1fr);}
  .outer{display:none;}
  .archive-date,.docs .date{grid-column:2;margin-top:.35rem;text-align:left;}
}
@media (max-width:620px){
  html,body{font-size:19px;}
  .site{padding:1.75rem 1.25rem 4rem;}
  .masthead{align-items:flex-start;flex-direction:column;gap:1rem;}
  .wordmark .ad{font-size:3.4rem;}
  nav.sections{gap:1rem;padding-bottom:0;}
  nav.sections a{font-size:.95rem;}
  .spread,.archive-list li,.docs li{grid-template-columns:1fr;row-gap:.4rem;}
  .marginalia,.column,.outer,.archive-date,.docs .date{grid-column:1;}
  .archive-date,.docs .date{text-align:left;}
  .outer{justify-content:flex-start;}
  .marginalia,.docs .kind,.archive-num{text-align:left;padding-top:0;}
  .marginalia .plain{display:inline;margin:0;}
  .marginalia{margin-bottom:.5rem;}
  .lede{font-size:1.05rem;}
  .post-title{font-size:2.3rem;}
  .archive-entry a{font-size:1.6rem;}
  .docs h3{font-size:1.35rem;}
  .plates{column-count:1;}
  .postnav{grid-template-columns:1fr;}
  .postnav .right{text-align:left;}
  .colophon{max-width:none;}
}

@media print{
  body{background:#fff;}
  nav.sections,.postnav,footer.site-footer,.outer{display:none;}
  .site{max-width:none;padding:0;}
}
