/* Sayfaların içi sabit 760×1075 px tasarlanır, ekrana --olcek ile küçültülür/büyütülür. */
:root {
  --kagit: #f3eee3;
  --kagit-koyu: #e3dbc8;
  --murekkep: #1b1a17;
  --soluk: #5c574d;
  --cizgi: #2a2824;
  --kirmizi: #8f1d14;
  --masa: #2c2a26;
  --manset: "UnifrakturMaguntia", "Old English Text MT", serif;
  --baslik: "Playfair Display", Georgia, serif;
  --metin: "Libre Caslon Text", Georgia, serif;
  --dar: "Oswald", "Arial Narrow", sans-serif;
}

* { box-sizing: border-box; }
html, body { height: 100%; }

body {
  margin: 0;
  background: radial-gradient(ellipse at center, #3a3732 0%, var(--masa) 70%);
  color: var(--murekkep);
  font-family: var(--metin);
  overflow: hidden;
  display: flex; flex-direction: column;
}

a { color: inherit; text-decoration: none; }

/* ---------- Masa ve gazete ---------- */
.masa { flex: 1; display: grid; place-items: center; min-height: 0; padding: 16px; }
.gazete { filter: drop-shadow(0 18px 30px rgba(0,0,0,.5)); }

.sayfa {
  background-color: var(--kagit);
  background-image:
    radial-gradient(rgba(0,0,0,.035) 1px, transparent 1px),
    radial-gradient(rgba(0,0,0,.025) 1px, transparent 1px);
  background-size: 3px 3px, 7px 7px;
  background-position: 0 0, 1px 2px;
  overflow: hidden;
}
/* orta kırım gölgesi */
.yatay .sayfa.sol .ic-kap { box-shadow: inset -26px 0 30px -24px rgba(0,0,0,.45); }
.yatay .sayfa.sag .ic-kap { box-shadow: inset 26px 0 30px -24px rgba(0,0,0,.45); }

.ic-kap { width: 760px; height: 1075px; transform: scale(var(--olcek)); transform-origin: 0 0; }
.ic { width: 100%; height: 100%; padding: 30px 36px 26px; display: flex; flex-direction: column; font-size: 13.5px; line-height: 1.5; }

/* ---------- Ortak haber öğeleri ---------- */
.kategori { font-family: var(--dar); text-transform: uppercase; letter-spacing: .16em; font-size: 10.5px; color: var(--kirmizi); font-weight: 600; }
.baslik { font-family: var(--baslik); font-weight: 700; line-height: 1.1; margin: 3px 0 6px; }
.spot { margin: 0 0 8px; font-style: italic; }
.metin { text-align: justify; hyphens: auto; }
.metin p { margin: 0 0 7px; }
.sehir { font-family: var(--dar); font-weight: 600; letter-spacing: .06em; font-size: .92em; }
.devami { font-family: var(--dar); text-transform: uppercase; letter-spacing: .12em; font-size: 10.5px; color: var(--kirmizi); }

.haber { overflow: hidden; min-height: 0; display: flex; flex-direction: column; }
.haber-link { display: flex; flex-direction: column; min-height: 0; flex: 1; cursor: pointer; }
.haber-link .metin { flex: 1; min-height: 0; overflow: hidden; -webkit-mask-image: linear-gradient(#000 80%, transparent); mask-image: linear-gradient(#000 80%, transparent); }
.haber-link:hover .baslik { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

figure { margin: 0 0 8px; }
figure img {
  width: 100%; display: block; aspect-ratio: 16 / 10; object-fit: cover;
  filter: grayscale(1) contrast(1.15) sepia(.12); border: 1px solid var(--cizgi);
  background: var(--kagit-koyu);
}
figcaption { font-size: 10.5px; font-style: italic; color: var(--soluk); padding-top: 3px; }

.kutu { border: 1px solid var(--cizgi); padding: 8px 10px; margin-bottom: 12px; }
.kutu h3 {
  font-family: var(--dar); text-transform: uppercase; letter-spacing: .16em; font-size: 11px; font-weight: 600;
  margin: 0 0 6px; padding-bottom: 4px; border-bottom: 2px solid var(--cizgi); text-align: center;
}
.tablo { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.tablo td { padding: 3px 0; border-bottom: 1px dotted var(--soluk); }
.tablo tr:last-child td { border-bottom: 0; }
.tablo td + td { text-align: right; font-variant-numeric: tabular-nums; }
.yukari { color: #2d5a27; } .asagi { color: var(--kirmizi); }

/* ---------- Birinci sayfa ---------- */
.kunye-ust {
  display: flex; justify-content: space-between; font-family: var(--dar); font-size: 10.5px;
  letter-spacing: .14em; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid var(--cizgi);
}
.logo-alani { display: grid; grid-template-columns: 120px 1fr 120px; align-items: center; gap: 12px; padding: 8px 0 4px; }
.logo { font-family: var(--manset); font-weight: 400; font-size: 84px; line-height: 1; margin: 0; text-align: center; white-space: nowrap; }
.kulak { border: 1px solid var(--cizgi); padding: 6px 8px; font-size: 10.5px; line-height: 1.35; text-align: center; }
.kulak strong { display: block; font-family: var(--dar); letter-spacing: .1em; text-transform: uppercase; font-size: 10px; }
.kulak big { display: block; font-family: var(--baslik); font-size: 22px; font-weight: 700; line-height: 1.1; }
.tarih-satiri {
  display: flex; justify-content: space-between; font-family: var(--dar); font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  border-top: 3px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); padding: 4px 0; margin-top: 4px;
  box-shadow: 0 -5px 0 -4px var(--cizgi);
}
.ozel-serit {
  background: var(--kirmizi); color: var(--kagit); text-align: center; padding: 4px 0; margin-top: 3px;
  font-family: var(--dar); text-transform: uppercase; letter-spacing: .28em; font-size: 12px; font-weight: 600;
}
.madde { margin: 0 0 6px; font-size: 12.5px; line-height: 1.35; }
.foto-kredi { font-style: normal; font-family: var(--dar); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; margin-left: 4px; }
.son-dakika { display: flex; font-family: var(--dar); font-size: 11.5px; border-bottom: 1px solid var(--cizgi); white-space: nowrap; overflow: hidden; }
.son-dakika b { background: var(--kirmizi); color: var(--kagit); padding: 3px 9px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; margin-right: 10px; }
.son-dakika span { align-self: center; }
.son-dakika i { font-style: normal; color: var(--kirmizi); margin: 0 8px; }

.manset-haber { text-align: center; padding: 10px 0 8px; border-bottom: 1px solid var(--cizgi); }
.manset-haber .baslik { font-size: 42px; font-weight: 900; margin: 2px 0 6px; }
.manset-haber .spot { font-size: 15.5px; margin: 0 40px; }

.bir-izgara { flex: 1; min-height: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1.1fr; padding-top: 10px; }
.bir-izgara > * { padding: 0 12px; min-height: 0; overflow: hidden; }
.bir-izgara > * + * { border-left: 1px solid var(--cizgi); }
.bir-izgara > :first-child { padding-left: 0; }
.bir-izgara > :last-child { padding-right: 0; }
.sag-sutun .tablo { font-size: 11.5px; }
.sag-sutun .tablo td { white-space: nowrap; }
.yorum-teaser a { cursor: pointer; display: block; }
.yorum-teaser blockquote { margin: 0 0 6px; font-family: var(--baslik); font-style: italic; font-size: 14px; line-height: 1.4; }
.yorum-teaser blockquote::before { content: "“"; color: var(--kirmizi); font-size: 30px; line-height: 0; vertical-align: -10px; margin-right: 2px; }
.ana-govde { grid-column: span 2; display: flex; flex-direction: column; }
.ana-govde .metin { column-count: 2; column-gap: 18px; column-rule: 1px solid var(--kagit-koyu); }
.ilk-harf p:first-child::first-letter { float: left; font-family: var(--baslik); font-weight: 900; font-size: 50px; line-height: .8; padding: 5px 6px 0 0; }
.kisa { display: flex; flex-direction: column; }
.kisa .haber { flex: 1; padding-bottom: 8px; }
.kisa .haber + .haber { border-top: 1px solid var(--cizgi); padding-top: 8px; }
.kisa .baslik { font-size: 18px; }

.yazar { display: flex; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px dotted var(--soluk); }
.yazar:last-child { border-bottom: 0; }
.rozet { flex: none; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--cizgi); display: grid; place-items: center; font-family: var(--baslik); font-weight: 700; font-size: 13px; }
.yazar small { display: block; font-family: var(--dar); text-transform: uppercase; letter-spacing: .1em; font-size: 9.5px; color: var(--soluk); }
.yazar span { font-family: var(--baslik); font-style: italic; font-size: 13px; line-height: 1.25; }

.icindekiler { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 3px double var(--cizgi); margin-top: 10px; padding-top: 8px; }
.icindekiler a { padding: 0 10px; font-size: 11.5px; line-height: 1.3; cursor: pointer; }
.icindekiler a + a { border-left: 1px solid var(--cizgi); }
.icindekiler a:first-child { padding-left: 0; }
.icindekiler b { display: block; font-family: var(--dar); text-transform: uppercase; letter-spacing: .12em; font-size: 10px; color: var(--kirmizi); }
.icindekiler a:hover span { text-decoration: underline; }

/* ---------- İç sayfalar ---------- */
.sayfa-basi {
  display: flex; justify-content: space-between; align-items: baseline; font-family: var(--dar); font-size: 11px;
  letter-spacing: .12em; text-transform: uppercase; border-bottom: 3px solid var(--cizgi); padding-bottom: 6px; margin-bottom: 4px;
}
.sayfa-basi .bolum-adi { font-family: var(--baslik); font-size: 34px; font-weight: 900; letter-spacing: 0; text-transform: none; line-height: 1; }
.sayfa-basi .no { font-family: var(--baslik); font-size: 22px; font-weight: 700; letter-spacing: 0; }
.ince-cizgi { border-top: 1px solid var(--cizgi); margin-bottom: 12px; }

/* Üst kısım içeriği kadar uzar; kalan yeri alttaki "Kısa Kısa" şeridi doldurur. */
.bolum-izgara { flex: 0 1 auto; min-height: 0; overflow: hidden; display: grid; grid-template-columns: 2fr 1fr; }
.bolum-izgara > * { min-height: 0; overflow: hidden; }
.bolum-izgara .lider { padding-right: 16px; border-right: 1px solid var(--cizgi); }
.bolum-izgara .lider .baslik { font-size: 36px; font-weight: 900; }
.bolum-izgara .lider .spot { font-size: 15px; }
.bolum-izgara .lider .metin { column-count: 2; column-gap: 18px; column-rule: 1px solid var(--kagit-koyu); -webkit-mask-image: none; mask-image: none; }
.bolum-izgara .yan { padding-left: 16px; display: flex; flex-direction: column; gap: 10px; }
.bolum-izgara .yan .haber + .haber { border-top: 1px solid var(--cizgi); padding-top: 10px; }
.bolum-izgara .yan .baslik { font-size: 21px; }
.bolum-izgara .yan .kutu { margin: 4px 0 0; }

.kisa-kisa { flex: 1 0 230px; min-height: 0; display: flex; flex-direction: column; margin-top: 12px; }
.serit-baslik {
  display: flex; align-items: center; gap: 12px; margin: 0 0 10px;
  font-family: var(--dar); text-transform: uppercase; letter-spacing: .22em; font-size: 12px; font-weight: 600;
}
.serit-baslik::before, .serit-baslik::after { content: ""; flex: 1; border-top: 3px double var(--cizgi); }
.kisa-kisa-izgara { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(4, 1fr); }
.kisa-kisa-izgara > * { min-height: 0; overflow: hidden; padding: 0 12px; }
.kisa-kisa-izgara > * + * { border-left: 1px solid var(--cizgi); }
.kisa-kisa-izgara > :first-child { padding-left: 0; }
.kisa-kisa-izgara .baslik { font-size: 16px; }
.kisa-kisa-izgara .spot { font-size: 12.5px; }

/* Eski usul gazete ilanı */
.ilan {
  margin-left: 12px; padding: 12px 10px !important; border: 4px double var(--cizgi) !important;
  display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; text-align: center;
}
.ilan small { font-family: var(--baslik); font-style: italic; font-size: 13px; }
.ilan strong { font-family: var(--baslik); font-weight: 900; font-size: 24px; line-height: 1.05; border-top: 1px solid; border-bottom: 1px solid; padding: 6px 0; }
.ilan span { font-family: var(--dar); text-transform: uppercase; letter-spacing: .12em; font-size: 10.5px; }
.ilan em { font-size: 12px; }

/* Dar sütunlarda iki yana yaslama kelime aralarını açıyor */
.kisa .metin, .yan .metin, .kisa-kisa .metin, .ana-govde .metin { text-align: left; }
.kisa .baslik, .kisa-kisa .baslik { overflow-wrap: anywhere; }
.kisa .baslik { font-size: 17px; }

/* ---------- Bizim Köşe ---------- */
.basyazi { border-bottom: 3px double var(--cizgi); padding-bottom: 10px; margin-bottom: 14px; }
.basyazi .baslik { font-size: 34px; font-weight: 900; }
.basyazi .metin { column-count: 2; column-gap: 24px; column-rule: 1px solid var(--kagit-koyu); font-size: 14.5px; }
.yorumlar .ilan { margin: 6px 0 0; min-height: 200px; }
.yorumlar .ilan strong { font-size: 34px; }
.mektup { margin: 0 0 8px; font-size: 13px; }
.mektup b { font-family: var(--dar); font-weight: 400; letter-spacing: .06em; font-size: 11px; color: var(--soluk); }

.yorumlar { flex: 1; min-height: 0; column-count: 2; column-gap: 24px; column-rule: 1px solid var(--cizgi); overflow: hidden; }
.yorum { break-inside: avoid; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--kagit-koyu); }
.yorum .baslik { font-size: 20px; }
.yorum blockquote { margin: 0; font-family: var(--baslik); font-style: italic; font-size: 15px; line-height: 1.45; }
.yorum blockquote::before { content: "“"; font-size: 40px; line-height: 0; vertical-align: -14px; margin-right: 2px; color: var(--kirmizi); }
.not { font-size: 11.5px; color: var(--soluk); font-style: italic; border-top: 1px solid var(--cizgi); padding-top: 6px; }

/* ---------- Arka sayfa ---------- */
.arka-izgara { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; align-content: start; }
.arka-izgara .kutu { margin-bottom: 16px; }
.tarihce { margin: 0 0 8px; font-size: 13px; }
.tarihce b { font-family: var(--baslik); font-size: 17px; margin-right: 4px; }
.sudoku { display: grid; grid-template-columns: repeat(9, 1fr); width: 252px; margin: 4px auto 6px; border: 2px solid var(--cizgi); }
.sudoku i {
  font-style: normal; aspect-ratio: 1; display: grid; place-items: center; font-family: var(--baslik); font-weight: 700; font-size: 15px;
  border-right: 1px solid var(--soluk); border-bottom: 1px solid var(--soluk);
}
.sudoku i:nth-child(3n) { border-right: 2px solid var(--cizgi); }
.sudoku i:nth-child(9n) { border-right: 0; }
.sudoku i:nth-child(n+19):nth-child(-n+27), .sudoku i:nth-child(n+46):nth-child(-n+54) { border-bottom: 2px solid var(--cizgi); }
.sudoku i:nth-child(n+73) { border-bottom: 0; }
.ipucu { margin: 0; font-size: 11px; font-style: italic; color: var(--soluk); text-align: center; }
.gunun-sozu blockquote { margin: 4px 0; font-family: var(--baslik); font-style: italic; font-size: 22px; line-height: 1.25; text-align: center; }
.gunun-sozu p { margin: 0; text-align: center; font-family: var(--dar); letter-spacing: .1em; text-transform: uppercase; font-size: 11px; }
.kucuk-ilanlar > div { column-count: 2; column-gap: 16px; column-rule: 1px solid var(--soluk); }
.kucuk-ilanlar p { margin: 0 0 6px; font-size: 12px; break-inside: avoid; }
.kucuk-ilanlar b { font-family: var(--dar); text-transform: uppercase; letter-spacing: .08em; font-size: 10.5px; }
.kunye { grid-column: 1 / -1; text-align: center; border-top: 3px double var(--cizgi); padding-top: 14px; margin-top: auto; }
.kunye .logo { font-size: 54px; }
.kunye p { margin: 4px 0; font-size: 12px; }

/* ---------- Kumanda ---------- */
.kumanda {
  display: flex; align-items: center; justify-content: center; gap: 14px; padding: 8px 16px 12px;
  font-family: var(--dar); color: #e9e3d6; letter-spacing: .08em; font-size: 13px;
}
.kumanda button {
  background: transparent; border: 1px solid rgba(233,227,214,.4); color: inherit; border-radius: 4px;
  font: inherit; cursor: pointer; padding: 4px 10px;
}
.kumanda button:hover { border-color: #e9e3d6; background: rgba(255,255,255,.06); }
.kumanda .ok { font-size: 20px; line-height: 1; padding: 2px 14px 5px; }
#sayfa-bilgi { min-width: 140px; text-align: center; text-transform: uppercase; }
.bolumler { display: flex; gap: 6px; flex-wrap: wrap; }
.bolumler button { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; padding: 3px 8px; }
.bolumler button.aktif { background: #e9e3d6; color: var(--masa); }
@media (max-width: 820px) { .bolumler { display: none; } }

/* ---------- Okuma penceresi ---------- */
.okuyucu { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 16px; }
.okuyucu[hidden] { display: none; }
.okuyucu-arka { position: absolute; inset: 0; background: rgba(15,14,12,.72); }
.okuyucu-kagit {
  position: relative; width: min(760px, 100%); max-height: 100%; overflow-y: auto;
  background: var(--kagit); padding: 34px 40px 30px; box-shadow: 0 20px 50px rgba(0,0,0,.5);
  font-size: 17px; line-height: 1.6;
}
.kapat { position: absolute; top: 8px; right: 10px; border: 0; background: none; font-size: 30px; line-height: 1; cursor: pointer; color: var(--murekkep); padding: 4px 8px; }
.okuyucu-kagit .kategori { display: block; text-align: center; font-size: 12px; }
.okuyucu-kagit .baslik { font-size: clamp(28px, 5vw, 42px); font-weight: 900; text-align: center; margin: 6px 0 10px; }
.okuyucu-kagit .spot { font-size: 19px; text-align: center; color: #3a3731; }
.imza-satiri {
  display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; font-family: var(--dar); font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--soluk); border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); padding: 6px 0; margin: 12px 0 16px;
}
.okuyucu-kagit .metin p { margin: 0 0 12px; }
.okuyucu-kagit .ilk-harf p:first-child::first-letter { font-size: 68px; padding: 7px 8px 0 0; }
.bizim-yorum { margin-top: 20px; border: 1px solid var(--cizgi); border-left: 4px solid var(--kirmizi); padding: 12px 16px; }
.bizim-yorum h4 { margin: 0 0 4px; font-family: var(--dar); text-transform: uppercase; letter-spacing: .14em; font-size: 12px; color: var(--kirmizi); }
.bizim-yorum p { margin: 0; font-family: var(--baslik); font-style: italic; }
.kaynak { margin-top: 14px; font-size: 13px; color: var(--soluk); }
@media (max-width: 560px) { .okuyucu { padding: 0; } .okuyucu-kagit { padding: 40px 18px 24px; max-height: 100%; height: 100%; } }