/* Kemerburgaz Doğa Defteri · v6 · ortak stil
   Kaynak: tasarim/*.dc.html. Renkler ve ölçüler oradan alındı.
   Kesme noktaları: telefon < 700 px · orta 700–1099 px · masaüstü ≥ 1100 px.
   Kenar süsü 900 px altında ince sürüme geçer. */

:root {
  --kagit: #efe7d3;
  --levha: #f4ecd8;
  --murekkep: #2e2618;
  --murekkep2: #4a3d28;
  --soluk: #6a5a40;
  --cizgi: #c9b58a;
  --vurgu: #8a3b2a;
  --vurgu-koyu: #5e2418;
  --gece: #1c2742;
  --font: "EB Garamond", Georgia, "Times New Roman", serif;
  /* Yan boşluk ekranla birlikte esner: 1440 px'te tasarımdaki 64 px, geniş ekranda 88 px'e çıkar. */
  --yan: clamp(32px, 4.4vw, 96px);
  --govde-en: 2040px;
}

/* ---------- temel ---------- */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font); color: var(--murekkep); background: var(--kagit); line-height: 1.4; min-height: 100vh; display: flex; flex-direction: column; }
a { color: var(--vurgu); }
a:hover { color: var(--vurgu-koyu); }
button, input { font-family: inherit; font-size: inherit; color: inherit; }
button { cursor: pointer; }
img, svg { max-width: 100%; }
h1, h2, h3 { font-weight: 500; }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hs { scrollbar-width: none; }
.hs::-webkit-scrollbar { display: none; }

.govde { width: 100%; max-width: var(--govde-en); margin: 0 auto; display: flex; flex-direction: column; flex: 1; position: relative; z-index: 1; }
main { display: flex; flex-direction: column; gap: 72px; padding: 48px 64px 72px; }

/* ---------- üst bilgi ---------- */
.ust { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 30px 64px 12px; position: relative; z-index: 20; }
.marka { display: flex; align-items: center; gap: 16px; text-decoration: none; color: var(--murekkep); min-width: 0; }
.marka:hover { color: var(--murekkep); }
.marka-logo { width: 46px; height: 46px; flex-shrink: 0; }
.marka-yazi { display: flex; flex-direction: column; min-width: 0; }
.marka-ad { font-size: 32px; font-weight: 500; line-height: 1.15; }
.marka-alt { font-size: 17px; font-style: italic; color: var(--soluk); }
.marka-alt-kisa { display: none; }

.sekmeler { display: flex; gap: 2px; padding: 0 50px; border-bottom: 1px solid var(--cizgi); overflow-x: auto; scrollbar-width: none; }
.sekmeler::-webkit-scrollbar { display: none; }
.sekmeler a { display: flex; align-items: center; gap: 8px; padding: 12px; font-size: 18px; text-decoration: none; white-space: nowrap; color: var(--soluk); border-bottom: 3px solid transparent; margin-bottom: -1px; }
.sekmeler a:hover { color: var(--murekkep); }
.sekmeler a[aria-current="page"] { color: var(--murekkep); border-bottom-color: var(--vurgu); }
.sayfa-etiketi { display: none; padding: 10px 16px 0; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--vurgu); }

/* arama */
.ara { position: relative; }
.ara-kutu { display: flex; align-items: center; gap: 8px; width: 280px; max-width: 100%; min-height: 44px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--levha); color: var(--soluk); }
.ara-kutu:focus-within { border-color: var(--vurgu); }
.ara-kutu svg { flex-shrink: 0; display: block; }
.ara-kutu input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; font-size: 17px; color: var(--murekkep); }
.ara-kutu input::-webkit-search-cancel-button { -webkit-appearance: none; }
.ara-panel { position: absolute; right: 0; top: calc(100% + 8px); width: 420px; max-width: calc(100vw - 32px); z-index: 30; display: flex; flex-direction: column; gap: 4px; background: var(--levha); border: 1px solid var(--cizgi); border-radius: 14px; box-shadow: 0 22px 44px -22px rgba(46,38,24,.6); padding: 10px 6px; }
.ara-panel[hidden] { display: none; }
.ara-liste { display: flex; flex-direction: column; gap: 2px; }
.ara-sayi { padding: 0 12px 4px; font-size: 14px; font-style: italic; color: var(--soluk); }
.ara-grup { padding: 6px 12px 2px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--vurgu); }
.ara-sonuc { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 4px 12px; border-radius: 10px; text-decoration: none; color: var(--murekkep); }
.ara-sonuc:hover, .ara-sonuc.etkin { background: rgba(138,59,42,.10); color: var(--murekkep); }
.ara-sonuc .kirp { width: 36px; height: 36px; }
.ara-sonuc-sayfa { justify-content: space-between; min-height: 44px; padding: 0 12px; }
.ara-sonuc > span { display: flex; flex-direction: column; min-width: 0; }
.ara-ad { font-size: 17px; }
.ara-meta { font-size: 14px; font-style: italic; color: var(--soluk); }
.ara-bos { margin: 0; padding: 8px 12px; font-size: 16px; color: var(--murekkep2); }
.ara-ipucu { padding: 8px 12px 2px; border-top: 1px dotted var(--cizgi); font-size: 13px; color: var(--soluk); }

/* telefon menüsü */
.mn { display: none; flex-shrink: 0; position: static; }
.mn > summary { list-style: none; display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--levha); color: var(--murekkep); font-size: 16px; cursor: pointer; }
.mn > summary::-webkit-details-marker { display: none; }
.mn[open] > summary { background: var(--murekkep); color: var(--levha); border-color: var(--murekkep); }
.mn-panel { position: absolute; left: 12px; right: 12px; top: calc(100% + 6px); display: flex; flex-direction: column; gap: 6px; background: var(--levha); border: 1px solid var(--cizgi); border-radius: 14px; box-shadow: 0 22px 44px -22px rgba(46,38,24,.6); padding: 14px 8px 12px; }
.ara-mn { padding: 0 8px 8px; }
.ara-mn .ara-kutu { width: 100%; }
.ara-mn .ara-kutu input { font-size: 16px; }
.ara-mn .ara-panel { position: static; width: auto; max-width: none; box-shadow: none; border: 0; padding: 8px 0 0; }
.mn-baslik { padding: 0 12px 4px; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--vurgu); }
.mn-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.mn-i { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 12px; border-radius: 10px; text-decoration: none; color: var(--murekkep); }
.mn-i:hover { background: var(--kagit); color: var(--murekkep); }
.mn-i[aria-current="page"] { background: var(--kagit); }
.mn-i .no { width: 30px; font-size: 13px; font-style: italic; color: var(--soluk); }
.mn-i .ad { font-size: 17px; }
.mn-i[aria-current="page"] .ad { font-weight: 600; }
.mn-i .burada { margin-left: auto; font-size: 13px; font-style: italic; color: var(--vurgu); }

/* ---------- alt bilgi ---------- */
.alt { margin-top: auto; position: relative; padding: 24px 64px 64px; border-top: 1px solid var(--cizgi); display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; font-size: 15px; font-style: italic; color: var(--soluk); }
.alt-not { max-width: 640px; }
.alt-link { font-style: normal; font-size: 15px; white-space: nowrap; }
.keci { display: flex; align-items: flex-end; gap: 6px; text-decoration: none; font-style: normal; }
.keci svg { transform: scaleX(-1); display: block; }
.keci span { font-size: 14px; color: var(--murekkep); background: #fff9e8; border: 1px solid var(--cizgi); border-radius: 10px; padding: 2px 9px; white-space: nowrap; margin-bottom: 14px; }
.keci:hover span { border-color: var(--vurgu); }

/* ---------- kenar süsü ---------- */
.edge { position: fixed; pointer-events: none; z-index: 5; }
.edge svg { display: block; overflow: visible; }
.edge-l { left: 0; }
.edge-r { right: 0; }
.edge-wide { display: none; }
.edge-thin { display: block; width: 16px; }
.edge-wide.edge-l { width: 60px; }
.edge-wide.edge-r { width: 70px; }
.edge-sway { transform-box: fill-box; transform-origin: 100% 0; animation: edgesway 7s ease-in-out infinite alternate; }
.edge-bob { animation: edgebob 5s ease-in-out infinite; }
.edge-hop { transform-box: fill-box; animation: edgehop 9s ease-in-out infinite; }
@keyframes edgesway { from { transform: rotate(-2deg); } to { transform: rotate(3deg); } }
@keyframes edgebob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(16px); } }
@keyframes edgehop { 0%, 88%, 100% { translate: 0 0; } 92% { translate: 0 -5px; } 96% { translate: 0 0; } }
@media (min-width: 900px) { .edge-wide { display: block; } .edge-thin { display: none; } }

/* ---------- ortak parçalar ---------- */
.kirp { display: block; position: relative; overflow: hidden; border-radius: 50%; background: var(--levha); border: 1px solid var(--cizgi); flex-shrink: 0; }
.kirp img { position: absolute; max-width: none; display: block; }
.kirp-halka { box-shadow: 0 0 0 3px var(--levha), 0 0 0 4px var(--cizgi); }
.kirp-dik { display: block; position: relative; overflow: hidden; background: var(--levha); }
.kirp-dik img { position: absolute; max-width: none; display: block; }

.chip { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--cizgi); border-radius: 999px; padding: 6px 14px; min-height: 44px; font-size: 16px; background: transparent; color: var(--murekkep); }
.chip:hover { border-color: var(--vurgu); }
.chip[aria-pressed="true"] { background: var(--murekkep); color: var(--levha); border-color: var(--murekkep); }

.kart { display: flex; text-decoration: none; color: var(--murekkep); background: var(--levha); border: 1px solid var(--cizgi); border-radius: 12px; }
.kart:hover { border-color: var(--vurgu); color: var(--murekkep); }

.dugme { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 999px; background: var(--vurgu); color: var(--levha); font-size: 19px; text-decoration: none; border: 0; }
.dugme:hover { color: var(--levha); background: var(--vurgu-koyu); }
.dil { display: flex; align-items: center; gap: 2px; border: 1px solid var(--cizgi); border-radius: 999px; padding: 2px; background: var(--levha); }
.dil a { display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 32px; padding: 0 10px; border-radius: 999px; font-size: 15px; letter-spacing: .06em; text-decoration: none; color: var(--soluk); }
.dil a[aria-current="true"] { background: var(--vurgu); color: var(--levha); }
.dil a:hover { color: var(--murekkep); }
.dil a[aria-current="true"]:hover { color: var(--levha); }
.ustbilgi { font-size: 16px; letter-spacing: .12em; text-transform: uppercase; color: var(--vurgu); }
.altbaslik { font-size: 14px; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.bolum-baslik { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; border-bottom: 1px solid var(--cizgi); padding-bottom: 10px; }
.bolum-baslik h2 { margin: 0; font-size: 34px; }
.bolum-baslik .not-kucuk, .not-kucuk { font-size: 16px; font-style: italic; color: var(--soluk); }
.bolum-baslik a { font-size: 18px; }
.bolum { display: flex; flex-direction: column; gap: 24px; }
.giris { margin: -6px 0 0; font-size: 18px; line-height: 1.55; color: var(--murekkep2); max-width: 78ch; text-wrap: pretty; }
.levha-giris { margin: 0; font-size: 18px; line-height: 1.55; color: var(--murekkep2); max-width: 90ch; text-wrap: pretty; }
.sayfa-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; }
.sayfa-bas > div:first-child { display: flex; flex-direction: column; gap: 6px; }
.sayfa-bas h1 { margin: 0; font-size: 52px; line-height: 1.05; }
.sayfa-bas p { margin: 0; font-size: 20px; color: var(--murekkep2); }
.alt-sekmeler { display: flex; gap: 4px; border-bottom: 1px solid var(--cizgi); }
.alt-sekmeler a { display: flex; align-items: center; min-height: 44px; padding: 0 16px; font-size: 19px; text-decoration: none; color: var(--soluk); border-bottom: 3px solid transparent; margin-bottom: -1px; }
.alt-sekmeler a[aria-current="page"] { color: var(--murekkep); border-bottom-color: var(--vurgu); }
.nokta { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; display: inline-block; }
.uyari { background: rgba(201,181,138,.22); border: 1px dashed var(--cizgi); border-radius: 8px; padding: 12px 16px; font-size: 17px; line-height: 1.5; }
.yakinda { display: flex; flex-direction: column; gap: 16px; max-width: 640px; font-size: 19px; line-height: 1.5; }
.secki-tamami { display: none; }
.sayfa-etiketi .no { text-transform: none; }
.ara-sonuc-sayfa .ara-meta { text-align: right; }
.aylar .kisa { display: none; }
.tablo-bolum .lejant { display: none; }
.kaydirma-cubugu { display: none; height: 4px; border-radius: 2px; background: rgba(201,181,138,.35); position: relative; }
.kaydirma-cubugu i { position: absolute; left: 0; width: 33.3%; height: 4px; border-radius: 2px; background: var(--cizgi); }

/* ---------- ana sayfa ---------- */
.hero { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 56px; align-items: center; }
.hero-metin { display: flex; flex-direction: column; gap: 20px; max-width: 620px; }
.hero h1 { margin: 0; font-size: 54px; line-height: 1.05; text-wrap: balance; }
.hero p { margin: 0; font-size: 21px; line-height: 1.5; color: var(--murekkep2); text-wrap: pretty; }
.hero-eylem { display: flex; gap: 12px; align-items: center; margin-top: 8px; flex-wrap: wrap; }
.hero-eylem .ikincil { display: inline-flex; align-items: center; min-height: 48px; padding: 0 18px; font-size: 19px; }
.hero figure { margin: 0; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.cerceve { border: 1px solid var(--cizgi); padding: 6px; background: var(--levha); box-shadow: 0 1px 0 var(--cizgi), 0 10px 30px -18px rgba(46,38,24,.45); }
.hero-levha { position: relative; overflow: hidden; background: var(--levha); }
.hero-levha img { display: block; width: 100%; height: auto; }
.hero figcaption { font-size: 15px; font-style: italic; color: var(--soluk); }

.bugun { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: 36px; align-items: center; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--levha); padding: 26px 30px; }
.bugun-sol { display: flex; flex-direction: column; gap: 16px; }
.bugun-baslik { display: flex; flex-direction: column; gap: 4px; }
.bugun-baslik .ustbilgi { font-size: 14px; }
.bugun-baslik h2 { margin: 0; font-size: 34px; }
.bugun-baslik .not-kucuk { font-size: 15px; }
.dilimler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.dilim { display: flex; flex-direction: column; align-items: center; border: 1px solid var(--cizgi); border-radius: 12px; padding: 6px 4px; min-height: 48px; background: transparent; color: var(--murekkep); }
.dilim:hover { border-color: var(--vurgu); }
.dilim[aria-pressed="true"] { background: var(--murekkep); color: var(--levha); border-color: var(--murekkep); }
.dilim b { font-weight: 400; font-size: 17px; }
.dilim small { font-size: 12px; opacity: .75; white-space: nowrap; }
.bugun-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.bugun-oge { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; text-decoration: none; color: var(--murekkep); padding: 4px; }
.bugun-oge .kirp { width: 84px; height: 84px; }
.bugun-oge > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bugun-oge b { font-size: 20px; font-weight: 500; }
.bugun-oge small { font-size: 16px; line-height: 1.4; color: var(--murekkep2); text-wrap: pretty; }
.bugun-gece { display: flex; align-items: center; min-height: 44px; font-size: 17px; }
.bugun-bos { margin: 0; font-size: 17px; line-height: 1.5; color: var(--murekkep2); }

.mevsimler { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
.mevsim-kart { flex-direction: column; overflow: hidden; }
.mevsim-kart.simdi { border-color: var(--vurgu); }
.mevsim-kart .kirp-dik { width: 100%; aspect-ratio: 243 / 168; border-bottom: 1px solid var(--cizgi); }
.mevsim-govde { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px 18px; }
.mevsim-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mevsim-ad { font-size: 26px; font-weight: 500; }
.rozet { font-size: 13px; font-style: italic; border-radius: 999px; padding: 1px 10px; white-space: nowrap; }
.rozet-simdi { color: var(--levha); background: var(--vurgu); }
.rozet-yeni { color: var(--gece); background: #e9dfc4; border: 1px solid var(--cizgi); }
.mevsim-ay { font-size: 15px; font-style: italic; color: var(--soluk); }
.mevsim-anlat { font-size: 15px; line-height: 1.45; color: var(--murekkep2); margin-top: 6px; text-wrap: pretty; }
.mevsim-ornek { font-size: 16px; margin-top: 6px; }

.secki { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.secki-oge { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; text-decoration: none; color: var(--murekkep); padding: 8px 4px; border: 1px solid transparent; border-radius: 12px; }
.secki-oge:hover { border-color: var(--vurgu); color: var(--murekkep); }
.secki-oge .kirp { width: 112px; height: 112px; }
.secki-oge > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.secki-oge b { font-size: 19px; font-weight: 500; }
.secki-oge small { font-size: 14px; font-style: italic; color: var(--soluk); }

.sayfalar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.sayfa-kart { gap: 18px; align-items: center; padding: 18px 20px; }
.sayfa-kart .kirp { width: 76px; height: 76px; }
.sayfa-kart > span { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sayfa-kart b { font-size: 23px; font-weight: 500; }
.sayfa-kart small { font-size: 16px; color: var(--soluk); text-wrap: pretty; }
.sayfa-kart.kesik { border-style: dashed; background: transparent; }
.sayfa-kart .ikon { width: 76px; height: 76px; border-radius: 50%; border: 1px dashed var(--cizgi); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

/* ---------- levhalar ---------- */
.levha-main { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 32px 48px; padding: 28px 64px 64px; align-items: start; }
.levha-sol { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.mevsim-sekmeler { display: flex; gap: 4px; border-bottom: 1px solid var(--cizgi); }
.mevsim-sekmeler a { display: flex; align-items: center; border-bottom: 3px solid transparent; margin-bottom: -1px; font-size: 20px; padding: 10px 14px; min-height: 44px; color: var(--soluk); text-decoration: none; }
.mevsim-sekmeler a:hover { color: var(--murekkep); }
.mevsim-sekmeler a[aria-current="true"] { color: var(--murekkep); border-bottom-color: var(--vurgu); }
.levha-figur { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.levha-kutu { position: relative; overflow: hidden; border: 1px solid var(--cizgi); background: var(--levha); }
.levha-ic { position: relative; width: 100%; }
.levha-ic img { display: block; width: 100%; height: auto; }
.levha-figur figcaption { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 15px; font-style: italic; color: var(--soluk); }
.levha-figur .telefonda { display: none; }
.hot { position: absolute; border-radius: 50%; border: 1.5px dashed transparent; background: transparent; padding: 0; cursor: pointer; }
.hot:hover { border-color: rgba(138,59,42,.6); }
.hot[aria-pressed="true"] { border-color: rgba(138,59,42,.85); }
.levha-gece .hot[aria-pressed="true"] { border-color: rgba(243,231,191,.95); }
.hot.sel { animation: selfade 2.8s ease-out 1 both; }
.sel-tag { position: absolute; width: 120px; pointer-events: none; animation: tagfade 2.8s ease-out 1 both; }
.sel-tag span { font-size: 14px; font-style: italic; color: var(--vurgu); background: rgba(244,236,216,.92); border-radius: 6px; padding: 1px 6px; }
@keyframes selfade { 0% { opacity: 1; box-shadow: 0 0 0 0 rgba(138,59,42,.35); } 25% { box-shadow: 0 0 0 8px rgba(138,59,42,0); } 100% { opacity: .45; box-shadow: none; } }
@keyframes tagfade { 0% { opacity: 0; transform: translateX(-4px); } 15% { opacity: 1; transform: none; } 100% { opacity: .75; } }
.kayitlar { display: flex; flex-direction: column; gap: 10px; }
.kayitlar h3 { margin: 0; font-size: 20px; }
.kayitlar h3 i { font-style: italic; color: var(--soluk); font-weight: 400; }
.levha-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.levha-cipler .chip { min-height: 0; padding: 6px 14px; }
.gece-ipucu { display: none; }
.gece-ipucu.goster { display: block; }

.not { display: flex; flex-direction: column; gap: 18px; padding-top: 58px; min-width: 0; }
.not-bas { display: flex; gap: 18px; align-items: flex-start; justify-content: space-between; }
.not-bas > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.not-bas .ustbilgi { font-size: 14px; }
.not-bas h1 { margin: 0; font-size: 34px; line-height: 1.1; }
.not-latin { font-size: 18px; font-style: italic; color: var(--soluk); }
.not-portre { margin: 4px 4px 0 0; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.not-portre .kirp { width: 150px; height: 150px; }
.not-portre figcaption { font-size: 13px; font-style: italic; color: var(--soluk); }
.not dl { margin: 0; display: grid; grid-template-columns: 7em minmax(0, 1fr); gap: 4px 12px; font-size: 17px; }
.not dt { font-style: italic; color: var(--soluk); }
.not dd { margin: 0; }
.not-aciklama { margin: 0; font-size: 18px; line-height: 1.6; text-wrap: pretty; max-width: 70ch; }
.not-devam { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 44px; align-items: start; border-top: 1px solid var(--cizgi); padding-top: 28px; }
.not-devam > div { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.gorunusler { display: flex; flex-direction: column; gap: 10px; }
.gorunus-secim { display: flex; gap: 10px; flex-wrap: wrap; }
.gorunus { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 106px; padding: 4px 0; border: 0; background: transparent; color: var(--murekkep); }
.gorunus .kirp { width: 88px; height: 88px; border: 0; box-shadow: 0 0 0 2px var(--cizgi); }
.gorunus[aria-pressed="true"] .kirp { box-shadow: 0 0 0 2px var(--vurgu); }
.gorunus span { font-size: 14px; line-height: 1.2; text-align: center; }
.gorunus[aria-pressed="true"] span { font-weight: 600; }
.gorunus-metin { margin: 0; font-size: 16px; line-height: 1.5; color: var(--murekkep2); font-style: italic; }
.ses { display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--cizgi); border-radius: 10px; padding: 12px 14px; background: rgba(244,236,216,.6); }
.ses-ust { display: flex; align-items: center; gap: 12px; }
.ses-dugme { width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; border: 1.5px solid var(--murekkep); background: var(--murekkep); color: var(--levha); font-size: 16px; display: flex; align-items: center; justify-content: center; padding: 0; }
.ses-dugme[aria-disabled="true"] { opacity: .45; cursor: default; }
.ses-bilgi { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.ses-bilgi b { font-size: 17px; font-weight: 500; }
.ses-bilgi span { font-size: 14px; font-style: italic; color: var(--soluk); }
.sono { position: relative; height: 46px; overflow: hidden; border-radius: 4px; background: var(--levha); border-bottom: 1px solid var(--cizgi); }
.sono svg { display: block; width: 100%; height: 46px; }
.sono-ilerleme { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: rgba(138,59,42,.16); border-right: 1.5px solid var(--vurgu); }
.ses-kaynak { font-size: 13px; line-height: 1.45; color: var(--soluk); }
.harita { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.harita svg { display: block; border: 1px solid var(--cizgi); border-radius: 6px; width: 190px; height: 230px; }
.harita figcaption { font-size: 14px; font-style: italic; color: var(--soluk); max-width: 190px; }
.baska { display: flex; flex-direction: column; gap: 8px; }
.baska a { display: flex; align-items: center; gap: 8px; min-height: 40px; font-size: 17px; }
.wiki { font-size: 18px; align-self: flex-start; min-height: 40px; display: flex; align-items: center; }
.arazi { background: rgba(201,181,138,.22); border: 1px dashed var(--cizgi); border-radius: 8px; padding: 12px 16px; font-size: 17px; line-height: 1.5; }
.arazi b { font-weight: 600; }
.sono-run { animation: sonorun 12s linear 1 both; }
@keyframes sonorun { from { width: 0; } to { width: 100%; } }

/* ---------- tür dizini ---------- */
.dizin-main { gap: 28px; padding: 36px 64px 64px; }
.suz { display: flex; flex-direction: column; gap: 6px; width: 420px; max-width: 100%; }
.suz label { font-size: 15px; font-style: italic; color: var(--soluk); }
.suz input { min-height: 46px; padding: 0 16px; font-size: 18px; color: var(--murekkep); background: var(--levha); border: 1px solid var(--cizgi); border-radius: 999px; width: 100%; }
.suz input:focus { outline: none; border-color: var(--vurgu); }
.suzgecler { display: flex; flex-direction: column; gap: 10px; padding: 16px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.suzgec { display: flex; align-items: center; gap: 14px; }
.suzgec > span { width: 90px; flex-shrink: 0; font-size: 15px; font-style: italic; color: var(--soluk); }
.suzgec > div { display: flex; flex-wrap: wrap; gap: 8px; }
.suzgec .chip { min-height: 40px; padding: 0 14px; }
.sayim { margin: 0; font-size: 16px; font-style: italic; color: var(--soluk); }
.bos { display: none; flex-direction: column; align-items: flex-start; gap: 10px; padding: 32px 0; font-size: 19px; }
.bos.goster { display: flex; }
.bos button { border: 1px solid var(--vurgu); color: var(--vurgu); background: transparent; border-radius: 999px; min-height: 44px; padding: 0 18px; font-size: 17px; }
.dizin-liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.dizin-kart { gap: 14px; align-items: center; padding: 12px 14px; }
.dizin-kart .kirp { width: 68px; height: 68px; }
.dizin-kart > span { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
.dizin-ad { font-size: 20px; font-weight: 500; line-height: 1.2; }
.dizin-latin { font-size: 15px; font-style: italic; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dizin-meta { font-size: 14px; color: var(--murekkep2); }
.dizin-iklim { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--murekkep2); }
.dizin-iklim i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex-shrink: 0; }

/* ---------- takvim ---------- */
.takvim-main { gap: 28px; padding: 44px 64px 64px; }
.lejant { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.lejant span { display: flex; align-items: center; gap: 8px; font-size: 16px; }
.lejant i { width: 22px; height: 10px; border-radius: 4px; display: inline-block; }
.takvim-govde { display: grid; grid-template-columns: minmax(0, 1fr) 380px; grid-template-areas: "tablo ay" "duyulur ay"; gap: 28px 44px; align-items: start; border-top: 1px solid var(--cizgi); padding-top: 20px; }
.tablo-bolum { grid-area: tablo; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.tablo-bolum > h2 { display: none; margin: 0; font-size: 22px; }
.tablo { display: flex; flex-direction: column; --ad: 220px; --hucre: 60px; overflow-x: auto; scrollbar-width: none; }
.tablo-bas { display: flex; align-items: flex-end; position: sticky; top: 0; background: var(--kagit); border-bottom: 1px solid var(--cizgi); padding-bottom: 6px; z-index: 2; }
.tablo-bas > span { width: var(--ad); flex-shrink: 0; font-size: 14px; font-style: italic; color: var(--soluk); }
.aylar { display: grid; grid-template-columns: repeat(12, var(--hucre)); }
.aylar button { border: 0; border-radius: 6px; min-height: 36px; padding: 0; font-size: 15px; background: transparent; color: var(--murekkep); }
.aylar button:hover { background: rgba(138,59,42,.10); }
.aylar button[aria-pressed="true"] { background: var(--murekkep); color: var(--levha); }
.tablo-govde { position: relative; display: flex; flex-direction: column; }
.bant { position: absolute; top: 0; bottom: 0; left: var(--ad); width: calc(12 * var(--hucre)); pointer-events: none; }
.bant i { position: absolute; top: 0; bottom: 0; width: var(--hucre); background: rgba(138,59,42,.10); }
.grup-bas { display: flex; align-items: center; gap: 8px; padding: 16px 0 4px; font-size: 17px; font-style: italic; color: var(--murekkep2); }
.grup-bas i { width: 18px; height: 8px; border-radius: 4px; display: inline-block; }
.satir { display: flex; align-items: center; height: 28px; scroll-margin-top: 60px; }
.satir > span { width: var(--ad); flex-shrink: 0; font-size: 17px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 8px; }
.satir.etkin > span { font-weight: 600; color: var(--murekkep); }
.satir.vurgulu > span { color: var(--vurgu); }
.satir > div { position: relative; width: calc(12 * var(--hucre)); flex-shrink: 0; height: 100%; background-image: repeating-linear-gradient(to right, transparent 0, transparent calc(var(--hucre) - 1px), rgba(201,181,138,.55) calc(var(--hucre) - 1px), rgba(201,181,138,.55) var(--hucre)); }
.bar { position: absolute; top: 8px; height: 12px; border-radius: 4px; }
.bar:hover { opacity: .8; }
.duyulur { grid-area: duyulur; display: flex; flex-direction: column; gap: 6px; border: 1px solid var(--cizgi); border-radius: 10px; padding: 14px 16px; background: rgba(244,236,216,.6); }
.duyulur-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.duyulur-bas h3 { margin: 0; font-size: 24px; }
.duyulur-bas span { font-size: 14px; font-style: italic; color: var(--soluk); }
.duyulur-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; }
.duyulur-oge { display: flex; align-items: center; gap: 10px; padding: 4px 0; border-bottom: 1px dotted var(--cizgi); }
.cal { width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; border: 0; background: var(--murekkep); color: var(--levha); font-size: 13px; padding: 0; }
.cal[aria-pressed="true"] { background: var(--vurgu); }
.cal[aria-disabled="true"] { opacity: .45; cursor: default; }
.duyulur-oge .kirp { width: 40px; height: 40px; }
.duyulur-oge > div { display: flex; flex-direction: column; min-width: 0; }
.duyulur-oge b { font-size: 17px; font-weight: 500; }
.duyulur-oge span { font-size: 14px; font-style: italic; color: var(--murekkep2); }
.duyulur-not { font-size: 13px; color: var(--soluk); }
.ay-paneli { grid-area: ay; position: sticky; top: 0; display: flex; flex-direction: column; gap: 8px; }
.ay-bas { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ay-bas h2 { margin: 0; font-size: 32px; }
.ay-ok { display: flex; gap: 6px; }
.ay-ok button { border: 1px solid var(--cizgi); background: transparent; border-radius: 999px; min-height: 44px; min-width: 44px; font-size: 18px; color: var(--murekkep); }
.ay-ok button:hover { border-color: var(--vurgu); }
.ay-sayi { font-size: 15px; font-style: italic; color: var(--soluk); }
.ay-liste { display: flex; flex-direction: column; }
.ay-oge { display: flex; gap: 12px; align-items: center; padding: 6px 0; border-bottom: 1px dotted var(--cizgi); text-decoration: none; color: var(--murekkep); }
.ay-oge:hover { color: var(--murekkep); }
.ay-oge:hover b { color: var(--vurgu); }
.ay-oge .kirp { width: 44px; height: 44px; }
.ay-oge > div { display: flex; flex-direction: column; min-width: 0; }
.ay-oge b { font-size: 18px; font-weight: 500; }
.ay-oge span { display: flex; align-items: center; gap: 6px; font-size: 15px; font-style: italic; color: var(--murekkep2); }
.ay-oge i { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; display: inline-block; }
.ay-cipler { display: none; gap: 8px; overflow-x: auto; margin: 0 -16px; padding: 0 16px; scrollbar-width: none; }
.ay-cipler .chip { flex-shrink: 0; white-space: nowrap; }
.takvim-dip { margin: 0; font-size: 15px; font-style: italic; color: var(--soluk); }

/* ---------- orta ekran (700–1099) ---------- */
@media (max-width: 1099px) {
  .ust { padding: 24px 32px 12px; }
  .marka-ad { font-size: 26px; }
  .sekmeler { padding: 0 20px; }
  main { padding: 32px 32px 56px; gap: 48px; }
  .alt { padding: 24px 32px 56px; }
  .hero { grid-template-columns: 1fr; gap: 24px; }
  .hero h1 { font-size: 42px; }
  .bugun { grid-template-columns: 1fr; gap: 20px; }
  .mevsimler { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .secki { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sayfalar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .levha-main { grid-template-columns: 1fr; padding: 24px 32px 56px; }
  .not { padding-top: 18px; border-top: 1px solid var(--cizgi); }
  .not-devam { grid-template-columns: 1fr 1fr; gap: 28px; }
  .dizin-main { padding: 28px 32px 56px; }
  .dizin-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sayfa-bas h1 { font-size: 40px; }
  .takvim-main { padding: 28px 32px 56px; }
  .takvim-govde { grid-template-columns: 1fr; grid-template-areas: "ay" "duyulur" "tablo"; }
  .ay-paneli { position: static; }
  .tablo { --ad: 150px; --hucre: 44px; }
  .duyulur-liste { grid-template-columns: 1fr 1fr; }
}

/* ---------- telefon (< 700) ---------- */
@media (max-width: 699px) {
  .ust { padding: 18px 16px 12px; border-bottom: 1px solid var(--cizgi); gap: 12px; }
  .marka { gap: 0; }
  .marka-logo { display: none; }
  .marka-ad { font-size: 18px; }
  .marka-alt { font-size: 13px; }
  .marka-alt-uzun { display: none; }
  .marka-alt-kisa { display: inline; }
  .ara-ust { display: none; }
  .mn { display: block; }
  .sekmeler { display: none; }
  .sayfa-etiketi { display: block; }
  main { padding: 26px 16px 48px; gap: 44px; }
  .alt { flex-direction: column; padding: 22px 16px 64px; gap: 8px; font-size: 14px; }
  .keci { order: 3; }
  .bolum-baslik h2, .bugun-baslik h2 { font-size: 24px; }
  .bolum-baslik .not-kucuk { display: none; }
  .bolum { gap: 14px; }
  .giris { font-size: 16px; }
  .levha-giris { font-size: 16px; }
  .sayfa-bas h1 { font-size: 30px; }
  .sayfa-bas p { font-size: 16px; }
  .alt-sekmeler a { font-size: 16px; padding: 0 12px; }
  .kaydirma-cubugu { display: block; }

  .hero { gap: 14px; }
  .hero-metin { gap: 14px; }
  .hero .ustbilgi { font-size: 13px; }
  .hero h1 { font-size: 30px; line-height: 1.08; }
  .hero p { font-size: 17px; line-height: 1.6; }
  .cerceve { padding: 0; box-shadow: none; }
  .hero-levha { overflow-x: auto; height: 546px; scrollbar-width: none; }
  .hero-levha::-webkit-scrollbar { display: none; }
  .hero-levha img { width: auto; height: 546px; max-width: none; }
  .hero figcaption { font-size: 13px; }
  .hero-eylem { margin-top: 0; }
  .hero-eylem .dugme { width: 100%; min-height: 50px; font-size: 17px; }
  .hero-eylem .ikincil { display: none; }

  .bugun { padding: 16px; gap: 12px; border-radius: 12px; }
  .bugun-baslik .ustbilgi { font-size: 13px; }
  .bugun-baslik .not-kucuk { font-size: 14px; }
  .dilimler { gap: 6px; }
  .dilim b { font-size: 14px; }
  .dilim small { font-size: 11px; }
  .bugun-liste { display: flex; flex-direction: column; gap: 0; }
  .bugun-oge { flex-direction: row; text-align: left; padding: 8px 0; border-bottom: 1px dotted var(--cizgi); gap: 14px; }
  .bugun-oge .kirp { width: 64px; height: 64px; }
  .bugun-oge b { font-size: 17px; }
  .bugun-oge small { font-size: 14px; }
  .bugun-gece { font-size: 16px; }

  .mevsimler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .mevsim-kart { border-radius: 10px; }
  .mevsim-kart:last-child { grid-column: 1 / -1; }
  .mevsim-kart:last-child .kirp-dik { aspect-ratio: 358 / 160; }
  .mevsim-kart .kirp-dik { aspect-ratio: 169 / 117; }
  .mevsim-govde { padding: 10px 12px 12px; gap: 2px; }
  .mevsim-ad { font-size: 18px; }
  .mevsim-ay { font-size: 13px; }
  .mevsim-anlat { display: none; }
  .mevsim-ornek { display: none; }

  .secki { display: flex; flex-direction: column; gap: 0; }
  .secki-oge { flex-direction: row; text-align: left; min-height: 72px; border: 0; border-bottom: 1px dotted var(--cizgi); border-radius: 0; padding: 6px 0; gap: 14px; }
  .secki-oge .kirp { width: 56px; height: 56px; }
  .secki-oge b { font-size: 17px; }
  .secki-tamami { display: flex; align-items: center; min-height: 44px; font-size: 17px; }

  .sayfalar { grid-template-columns: 1fr; gap: 12px; }
  .sayfa-kart { padding: 14px; gap: 14px; border-radius: 10px; }
  .sayfa-kart .kirp { width: 52px; height: 52px; }
  .sayfa-kart b { font-size: 18px; }
  .sayfa-kart small { font-size: 14px; }
  .sayfa-kart .ikon { display: none; }

  .levha-main { padding: 16px 16px 48px; gap: 22px; }
  .mevsim-sekmeler { justify-content: space-between; gap: 0; }
  .mevsim-sekmeler a { font-size: 16px; padding: 10px 7px; }
  .levha-kutu { overflow-x: auto; scrollbar-width: none; height: 546px; }
  .levha-kutu::-webkit-scrollbar { display: none; }
  .levha-ic { width: 1073px; height: 546px; }
  .levha-ic img { width: 1073px; height: 546px; }
  .levha-figur figcaption { font-size: 13px; }
  .levha-figur .masaustunde { display: none; }
  .levha-figur .telefonda { display: inline; }
  .levha-cipler { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px; scrollbar-width: none; }
  .levha-cipler::-webkit-scrollbar { display: none; }
  .levha-cipler .chip { flex-shrink: 0; white-space: nowrap; min-height: 44px; padding: 0 16px; }
  .kayitlar h3 { display: none; }
  .not { padding-top: 18px; gap: 16px; }
  .not-bas h1 { font-size: 26px; }
  .not-latin { font-size: 17px; }
  .not-portre .kirp { width: 132px; height: 132px; }
  .not dl { font-size: 16px; }
  .not-aciklama { font-size: 17px; }
  .not-devam { grid-template-columns: 1fr; gap: 16px; padding-top: 0; border-top: 0; }
  .not-devam > div { gap: 16px; }
  .gorunus { width: 102px; }
  .gorunus .kirp { width: 84px; height: 84px; }
  .arazi { font-size: 16px; line-height: 1.6; }
  .baska a, .wiki { font-size: 16px; }

  .dizin-main { padding: 14px 16px 40px; gap: 14px; }
  .suz label { font-size: 14px; }
  .suz input { font-size: 17px; }
  .suzgecler { border: 0; padding: 0; gap: 8px; }
  .suzgec { gap: 0; }
  .suzgec > span { display: none; }
  .suzgec > div { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px; scrollbar-width: none; }
  .suzgec > div::-webkit-scrollbar { display: none; }
  .suzgec .chip { flex-shrink: 0; white-space: nowrap; min-height: 44px; }
  .sayim { font-size: 14px; }
  .dizin-liste { grid-template-columns: 1fr; gap: 10px; }
  .dizin-kart { padding: 10px 12px; border-radius: 10px; }
  .dizin-kart .kirp { width: 56px; height: 56px; }
  .dizin-ad { font-size: 17px; }
  .dizin-latin { font-size: 14px; }
  .dizin-meta, .dizin-iklim { font-size: 13px; }

  .takvim-main { padding: 24px 16px 48px; gap: 20px; }
  .lejant span { font-size: 15px; }
  .sayfa-bas .lejant { display: none; }
  .takvim-govde { border-top: 0; padding-top: 0; gap: 20px; }
  .ay-cipler { display: flex; }
  .ay-bas h2 { font-size: 24px; }
  .ay-oge b { font-size: 17px; }
  .ay-oge span { font-size: 14px; }
  .duyulur-bas h3 { font-size: 19px; }
  .duyulur-liste { grid-template-columns: 1fr; }
  .duyulur-oge b { font-size: 16px; }
  .duyulur-oge span { font-size: 13px; }
  .tablo-bolum { border-top: 1px solid var(--cizgi); padding-top: 18px; }
  .tablo-bolum > h2 { display: block; }
  .tablo { --ad: calc(100% - 12 * var(--hucre)); --hucre: 20px; }
  .aylar button { pointer-events: none; min-height: 30px; font-size: 13px; }
  .aylar .uzun { display: none; }
  .aylar .kisa { display: inline; }
  .tablo-bolum .lejant { display: flex; }
  .grup-bas { font-size: 14px; }
  .satir { height: 26px; }
  .satir > span { font-size: 14px; }
  .bar { height: 10px; }
  .takvim-dip { font-size: 14px; }
}


/* ---------- sayfa genişliği: yatay boşluk tek yerden ---------- */
.ust, main, .alt, .sayfa-etiketi { padding-inline: var(--yan); }
.sekmeler { padding-inline: calc(var(--yan) - 14px); }
@media (max-width: 1099px) { :root { --yan: 32px; } }
@media (max-width: 699px) { :root { --yan: 16px; } }

/* ---------- hareket azaltma ve yazdırma ---------- */
@media (prefers-reduced-motion: reduce) {
  .edge-sway, .edge-bob, .edge-hop, .hot.sel, .sel-tag, .sono-run { animation: none; }
  .hot.sel { opacity: 1; }
  * { scroll-behavior: auto !important; }
}
@media print {
  .edge, .mn, .ara, .sekmeler, .keci, .sayfa-etiketi { display: none !important; }
  body { background: #fff; }
}

/* ======================================================================
   İkinci tur: yaşam alanları, tehditler, yuvalar, karıştırılanlar,
   rotalar, iklim, hikâyeler. Temel kurallar önce, kesme noktaları sonda.
   ====================================================================== */

/* ---------- ortak küçük parçalar ---------- */
.cipler { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.cipler > .not-kucuk { font-size: 15px; margin-right: 4px; }
.cip-tur { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 3px; border: 1px solid var(--cizgi); border-radius: 999px; text-decoration: none; color: var(--murekkep); font-size: 15px; background: var(--levha); min-height: 34px; }
.cip-tur:hover { border-color: var(--vurgu); color: var(--murekkep); }
.cip-tur .kirp { width: 26px; height: 26px; }
.cip-metin { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px dashed var(--cizgi); border-radius: 999px; text-decoration: none; color: var(--murekkep); font-size: 15px; }
.cip-metin.dolu { border-style: solid; background: var(--kagit); min-height: 0; padding: 2px 10px; }
.dogrulanacak { color: var(--vurgu); }
.geri { font-size: 18px; align-self: flex-start; }
.kesit { margin: 0; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.kesit-kutu { border: 1px solid var(--cizgi); overflow-x: auto; scrollbar-width: none; }
.kesit-kutu svg { display: block; width: 100%; height: auto; }
.kesit figcaption { font-size: 15px; font-style: italic; color: var(--soluk); }
.kesit .telefonda, .isinma .telefonda { display: none; }
.tehdit-no { width: 40px; height: 40px; border-radius: 50%; border: 1.4px solid var(--vurgu); color: var(--vurgu); display: flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; }
.dugme-koyu { background: var(--murekkep); font-size: 17px; min-height: 46px; padding: 0 18px; gap: 8px; }
.dugme-koyu:hover { background: var(--murekkep2); }
.dugme-koyu small { font-size: 13px; font-style: italic; opacity: .8; }
.dugme-cizgili { background: transparent; border: 1px solid var(--cizgi); color: var(--murekkep); font-size: 17px; min-height: 46px; padding: 0 16px; }
.dugme-cizgili:hover { background: transparent; color: var(--murekkep); border-color: var(--vurgu); }
a[aria-disabled="true"] { opacity: .6; cursor: default; pointer-events: none; }

/* ---------- yaşam alanları ve tehditler ---------- */
.yasam-main { gap: 64px; }
.yasam-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 880px); gap: 56px; align-items: center; }
.yasam-hero-metin { display: flex; flex-direction: column; gap: 16px; }
.yasam-hero h1 { margin: 0; font-size: 56px; line-height: 1.05; }
.yasam-hero p { margin: 0; font-size: 21px; line-height: 1.5; color: var(--murekkep2); text-wrap: pretty; max-width: 62ch; }
.yasam-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.yasam-kart { display: flex; flex-direction: column; gap: 12px; background: var(--levha); border: 1px solid var(--cizgi); border-radius: 12px; padding: 20px; }
.yasam-kart-bas { display: flex; gap: 14px; align-items: center; }
.yasam-kart-bas > div { display: flex; flex-direction: column; }
.yasam-kart h3 { margin: 0; font-size: 24px; line-height: 1.15; }
.yasam-kart .kirp svg { display: block; width: 100%; height: 100%; }
.yasam-kart-d { margin: 0; font-size: 17px; line-height: 1.45; }
.yasam-kart-not { margin: 0; font-size: 16px; line-height: 1.45; color: var(--murekkep2); }
.yasam-kart-not.kucuk { font-size: 15px; }
.mikro-bas { flex-direction: column; align-items: flex-start; gap: 8px; padding-bottom: 12px; }
.mikro-bas p { margin: 0; font-size: 18px; line-height: 1.5; color: var(--murekkep2); max-width: 900px; }
.mikro-bas .telefonda { display: none; }
.mikro-bolum { gap: 30px; }
.mikro-grup { display: flex; flex-direction: column; gap: 14px; }
.mikro-grup-bas { display: flex; align-items: center; gap: 12px; }
.mikro-grup-bas h3 { margin: 0; font-size: 26px; }
.mikro-grup-bas .kirp svg { display: block; width: 100%; height: 100%; }
.mikro-liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.mikro-kart { display: flex; flex-direction: column; background: var(--levha); border: 1px solid var(--cizgi); border-radius: 12px; overflow: hidden; scroll-margin-top: 16px; }
.mikro-art { border-bottom: 1px solid var(--cizgi); }
.mikro-art svg { display: block; width: 100%; height: auto; }
.mikro-govde { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 18px; }
.mikro-govde h4 { margin: 0; font-size: 22px; font-weight: 500; }
.mikro-govde p { margin: 0; font-size: 16px; line-height: 1.5; text-wrap: pretty; }
.mikro-kullanan { display: flex; flex-direction: column; gap: 6px; }
.mikro-kullanan .not-kucuk { font-size: 14px; }
.mikro-kirilgan { font-size: 15px; line-height: 1.45; color: var(--murekkep2); }
.mikro-kirilgan i { color: var(--vurgu); }
.mikro-govde > a { display: flex; align-items: center; min-height: 40px; font-size: 15px; font-style: italic; }
.kopru { display: flex; gap: 16px; }
.kopru-kart { flex: 1; flex-direction: column; gap: 4px; padding: 20px 22px; }
.kopru-ad { font-size: 24px; font-weight: 500; }
.tehditler { gap: 0; }
.tehdit { display: grid; grid-template-columns: 56px 300px minmax(0, 1fr); gap: 24px; align-items: start; padding: 24px 0; border-bottom: 1px dotted var(--cizgi); scroll-margin-top: 16px; }
.tehdit-bas { display: flex; flex-direction: column; gap: 2px; }
.tehdit-bas h3 { margin: 0; font-size: 25px; }
.tehdit-govde { display: flex; flex-direction: column; gap: 12px; }
.tehdit-govde p { margin: 0; font-size: 18px; line-height: 1.55; text-wrap: pretty; }
.tehdit-kaynak { display: flex; flex-wrap: wrap; gap: 16px; font-size: 15px; font-style: italic; color: var(--soluk); }
.dun-bugun { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 900px); gap: 48px; align-items: start; }
.dun-bugun-metin { display: flex; flex-direction: column; gap: 12px; }
.dun-bugun h2 { margin: 0; font-size: 34px; }
.dun-bugun p { margin: 0; font-size: 19px; line-height: 1.55; color: var(--murekkep2); text-wrap: pretty; }
.dun-bugun ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 17px; line-height: 1.45; }
.dun-bugun p.not-kucuk { font-size: 14px; font-style: normal; }
.ayrac { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.ayrac-kutu { position: relative; width: 100%; aspect-ratio: 760 / 440; overflow: hidden; border: 1px solid var(--cizgi); background: #e6dcc0; }
.ayrac-katman { position: absolute; inset: 0; }
.ayrac-katman svg { display: block; width: 100%; height: 100%; }
.ayrac-cizgi { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: var(--murekkep); pointer-events: none; }
.ayrac-cizgi span { position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; border-radius: 50%; background: var(--levha); border: 2px solid var(--murekkep); display: flex; align-items: center; justify-content: center; font-size: 14px; }
.ayrac-etiket { position: absolute; top: 10px; font-size: 14px; padding: 2px 10px; border-radius: 999px; background: rgba(244,236,216,.92); border: 1px solid var(--cizgi); pointer-events: none; }
.ayrac-etiket.sol { left: 10px; } .ayrac-etiket.sag { right: 10px; }
.ayrac input[type="range"] { width: 100%; margin: 0; accent-color: var(--vurgu); height: 28px; }
.ayrac-hizli { display: flex; gap: 8px; flex-wrap: wrap; }
.ayrac-hizli .chip { min-height: 40px; padding: 0 14px; font-size: 15px; }
.eylem { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 56px; background: var(--levha); border: 1px solid var(--cizgi); border-radius: 12px; padding: 32px 36px; }
.eylem h2 { margin: 0; font-size: 30px; }
.eylem ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 32px; }
.eylem li { display: flex; gap: 12px; font-size: 18px; line-height: 1.5; }
.eylem li > span:first-child { color: var(--vurgu); }

/* ---------- yuvalar ---------- */
.yuva-main { gap: 48px; }
.yuva-hero { display: flex; justify-content: space-between; align-items: flex-end; gap: 48px; }
.yuva-hero-metin { display: flex; flex-direction: column; gap: 14px; max-width: 720px; }
.yuva-hero h1 { margin: 0; font-size: 56px; line-height: 1.05; }
.yuva-hero p { margin: 0; font-size: 21px; line-height: 1.5; color: var(--murekkep2); text-wrap: pretty; }
.etik { display: flex; gap: 12px; align-items: flex-start; border: 1px dashed var(--vurgu); border-radius: 12px; padding: 14px 18px; max-width: 440px; }
.etik svg { flex-shrink: 0; }
.etik > div { display: flex; flex-direction: column; gap: 2px; }
.etik b { font-weight: 600; font-size: 17px; }
.etik span { font-size: 16px; line-height: 1.45; }
.yuva-tipler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.yuva-tip { display: flex; flex-direction: column; gap: 6px; padding: 8px 8px 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: transparent; text-align: left; color: var(--murekkep); }
.yuva-tip:hover { border-color: var(--vurgu); }
.yuva-tip[aria-pressed="true"] { border-color: var(--vurgu); background: var(--levha); box-shadow: inset 0 0 0 1px var(--vurgu); }
.yuva-art { display: block; border-radius: 8px; overflow: hidden; }
.yuva-art svg { display: block; width: 100%; height: auto; }
.yuva-tip-bas { display: flex; justify-content: space-between; align-items: baseline; padding: 0 6px; gap: 8px; }
.yuva-tip-ad { font-size: 20px; font-weight: 500; }
.yuva-tip-bas .not-kucuk { font-size: 14px; }
.yuva-tip-d { font-size: 15px; line-height: 1.35; color: var(--murekkep2); padding: 0 6px; }
.yuva-govde { display: grid; grid-template-columns: minmax(0, 1fr) 480px; gap: 40px; align-items: start; }
.yuva-liste-bolum { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.yuva-tip-baslik { display: flex; flex-direction: column; gap: 2px; border-bottom: 1px solid var(--cizgi); padding-bottom: 8px; }
.yuva-tip-baslik h2 { margin: 0; font-size: 30px; }
.yuva-tip-baslik .not-kucuk { font-size: 17px; }
.yuva-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.yuva-kus { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 10px; background: transparent; text-align: left; color: var(--murekkep); }
.yuva-kus:hover { border-color: var(--vurgu); }
.yuva-kus[aria-pressed="true"] { border-color: var(--vurgu); background: var(--levha); }
.yuva-kus .kirp { width: 60px; height: 60px; }
.yuva-kus > span { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.yuva-kus-ad { font-size: 19px; font-weight: 500; }
.yuva-kus .not-kucuk { font-size: 14px; }
.yuva-kus-ns { font-size: 14px; line-height: 1.35; color: var(--murekkep2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.yuva-kart, .tur-karti { position: sticky; top: 16px; display: flex; flex-direction: column; gap: 14px; background: var(--levha); border: 1px solid var(--cizgi); border-radius: 14px; padding: 22px; min-width: 0; }
.yuva-kart-bas { display: flex; gap: 16px; align-items: center; }
.yuva-kart-bas .kirp { width: 104px; height: 104px; }
.yuva-kart-bas > div { display: flex; flex-direction: column; min-width: 0; }
.yuva-kart-bas .ustbilgi { font-size: 13px; }
.yuva-kart-bas h3 { margin: 0; font-size: 32px; line-height: 1.1; }
.yuva-kart-bas .not-kucuk { font-size: 17px; }
.yuva-kart-art { border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; }
.yuva-kart-art svg { display: block; width: 100%; height: auto; }
.yuva-kart dl, .tur-karti dl { margin: 0; display: grid; grid-template-columns: 6.5em minmax(0, 1fr); gap: 8px 12px; font-size: 17px; line-height: 1.45; }
.tur-karti dl { grid-template-columns: 9em minmax(0, 1fr); gap: 4px 10px; font-size: 16px; }
.yuva-kart dt, .tur-karti dt { font-style: italic; color: var(--soluk); }
.yuva-kart dd, .tur-karti dd { margin: 0; }
.yuva-kart dd a { display: inline-flex; align-items: center; min-height: 40px; }
.yuva-neden { display: flex; flex-direction: column; gap: 4px; border-top: 1px solid var(--cizgi); padding-top: 12px; }
.yuva-neden .ustbilgi { font-size: 14px; }
.yuva-neden p { margin: 0; font-size: 18px; line-height: 1.5; text-wrap: pretty; }
.yuva-levha { font-size: 17px; min-height: 40px; display: flex; align-items: center; }
.nedenler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.neden { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.neden > div:last-child { display: flex; flex-direction: column; gap: 4px; }
.neden h3 { margin: 0; font-size: 22px; }
.neden p { margin: 0; font-size: 16px; line-height: 1.5; color: var(--murekkep2); }

/* ---------- karıştırılan türler ---------- */
.cift-secici { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.cift-dugme { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 12px; background: transparent; color: var(--murekkep); text-align: left; }
.cift-dugme:hover { border-color: var(--vurgu); }
.cift-dugme[aria-pressed="true"] { border-color: var(--vurgu); background: var(--levha); }
.cift-ikili { display: flex; flex-shrink: 0; }
.cift-ikili .kirp { width: 52px; height: 52px; }
.cift-ikili .kirp + .kirp { margin-left: -10px; }
.cift-dugme > span:last-child { font-size: 16px; line-height: 1.25; }
.cift-dugme i { color: var(--soluk); }
.cift { display: flex; flex-direction: column; gap: 20px; background: var(--levha); border: 1px solid var(--cizgi); border-radius: 14px; padding: 28px 36px 32px; }
.cift-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.cift-figurler { display: grid; grid-template-columns: 160px minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: end; }
.cift-taraf { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.cift-taraf .kirp { width: 220px; height: 220px; }
.cift-taraf figcaption { display: flex; flex-direction: column; }
.cift-ad { font-size: 28px; font-weight: 500; line-height: 1.15; }
.cift-taraf .not-kucuk { font-size: 17px; }
.cift-neden { margin: 0; font-size: 19px; line-height: 1.5; color: var(--murekkep2); text-align: center; text-wrap: pretty; }
.cift-satirlar { display: flex; flex-direction: column; border-top: 1px solid var(--cizgi); }
.cift-satir { display: grid; grid-template-columns: 160px minmax(0, 1fr) minmax(0, 1fr); gap: 32px; padding: 14px 0; border-bottom: 1px dotted var(--cizgi); font-size: 18px; line-height: 1.45; }
.cift-etiket { font-size: 15px; letter-spacing: .1em; text-transform: uppercase; color: var(--vurgu); padding-top: 3px; }
.cift-kural { display: flex; gap: 12px; align-items: flex-start; background: rgba(201,181,138,.22); border: 1px dashed var(--cizgi); border-radius: 10px; padding: 12px 16px; font-size: 19px; line-height: 1.45; }
.cift-kural b { font-weight: 600; flex-shrink: 0; }

/* ---------- rotalar ---------- */
.rota-main { gap: 28px; padding: 44px 64px 64px; }
.rota-sekmeler { display: flex; gap: 8px; flex-wrap: wrap; }
.rota-sekmeler .chip { font-size: 18px; padding: 0 16px; }
.rota-govde { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 44px; align-items: start; }
.rota-harita-kutu { position: relative; width: 100%; aspect-ratio: 760 / 480; border: 1px solid var(--cizgi); overflow: hidden; background: #ece3c9; }
.rota-harita-kutu > svg, .rota-katman-kutu, .rota-katman { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.rota-katman-kutu svg { display: block; width: 100%; height: 100%; }
.durak-nokta { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; border: 0; background: transparent; padding: 0; display: flex; align-items: center; justify-content: center; }
.durak-nokta span { width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid var(--murekkep); background: var(--levha); color: var(--murekkep); font-size: 14px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px rgba(244,236,216,.8); }
.durak-nokta[aria-pressed="true"] span { width: 30px; height: 30px; background: var(--vurgu); color: var(--levha); }
.rota-bilgi { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rota-bilgi h2 { margin: 0; font-size: 34px; line-height: 1.1; }
.rota-bilgi > p { margin: 0; font-size: 18px; line-height: 1.55; }
.rota-olcu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; padding: 14px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.rota-olcu > div { display: flex; flex-direction: column; gap: 2px; }
.rota-olcu .altbaslik { font-size: 13px; }
.rota-olcu > div > span:last-child { font-size: 17px; }
.duraklar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.durak { width: 100%; display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 4px 8px; border: 0; border-bottom: 1px dotted var(--cizgi); background: transparent; color: var(--murekkep); font-size: 18px; text-align: left; }
.durak[aria-pressed="true"] { background: rgba(138,59,42,.08); font-weight: 600; }
.durak-no { width: 26px; height: 26px; flex-shrink: 0; border-radius: 50%; border: 1px solid var(--murekkep); background: var(--levha); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 400; }
.durak[aria-pressed="true"] .durak-no { background: var(--vurgu); color: var(--levha); }
.durak-kart { display: flex; flex-direction: column; gap: 8px; background: var(--levha); border: 1px solid var(--cizgi); border-radius: 12px; padding: 14px 16px; }
.durak-kart .ustbilgi { font-size: 13px; }
.durak-ad { font-size: 22px; font-weight: 500; }
.durak-kart p { margin: 0; font-size: 17px; line-height: 1.5; }
.durak-kart .cip-tur { background: var(--kagit); }
.durak-kart .cip-tur .kirp { width: 34px; height: 34px; }
.rota-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }
.nazik { display: flex; flex-direction: column; gap: 12px; border: 1px dashed var(--cizgi); border-radius: 12px; padding: 24px; }
.nazik h2 { margin: 0; font-size: 28px; }
.nazik ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 28px; }
.nazik li { display: flex; gap: 10px; font-size: 17px; line-height: 1.45; }
.nazik li > span:first-child { color: var(--vurgu); }
.nazik .not-kucuk { font-size: 14px; font-style: normal; }

/* ---------- iklim ---------- */
.iklim-main { gap: 56px; }
.iklim-bas { display: flex; flex-direction: column; gap: 14px; max-width: 860px; }
.iklim-bas h1 { margin: 0; font-size: 60px; line-height: 1.02; }
.iklim-bas p { margin: 0; font-size: 22px; line-height: 1.5; color: var(--murekkep2); text-wrap: pretty; }
.senaryolar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.senaryo { display: flex; flex-direction: column; gap: 6px; text-align: left; border-radius: 14px; padding: 20px 22px; color: var(--murekkep); border: 2px solid transparent; background: transparent; box-shadow: inset 0 0 0 1px var(--cizgi); }
.senaryo:hover { box-shadow: inset 0 0 0 1px var(--vurgu); }
.senaryo[aria-pressed="true"] { border-color: var(--vurgu); background: var(--levha); box-shadow: none; }
.senaryo-ust { display: flex; justify-content: space-between; align-items: baseline; width: 100%; gap: 8px; }
.senaryo-ust b { font-size: 18px; font-weight: 600; letter-spacing: .02em; }
.senaryo-ust i { font-size: 18px; color: var(--murekkep2); }
.senaryo-derece { font-size: 52px; font-weight: 500; line-height: 1.05; }
.senaryo-d { font-size: 16px; line-height: 1.4; color: var(--murekkep2); }
.iklim-grafik { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 48px; align-items: start; margin-top: 28px; }
.isinma { margin: 0; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.isinma svg { display: block; width: 100%; height: auto; font-family: var(--font); }
.isinma .sc { transition: opacity .2s; }
.akdeniz { display: flex; flex-direction: column; gap: 14px; background: var(--levha); border: 1px solid var(--cizgi); border-radius: 12px; padding: 24px; }
.akdeniz h3 { margin: 0; font-size: 24px; }
.akdeniz ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 17px; line-height: 1.45; }
.yangin { display: flex; flex-direction: column; font-size: 17px; }
.yangin > .not-kucuk { font-size: 15px; padding-bottom: 6px; }
.yangin [role="row"] { display: flex; justify-content: space-between; padding: 6px 10px; border-top: 1px dotted var(--cizgi); }
.yangin .vurgulu { background: rgba(138,59,42,.12); font-weight: 600; }
.okuma { border-top: 1px solid var(--cizgi); padding-top: 12px; display: flex; flex-direction: column; gap: 4px; }
.okuma .altbaslik { color: var(--vurgu); }
.okuma p { margin: 0; font-size: 17px; line-height: 1.5; }
.durumlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.durum { display: flex; flex-direction: column; gap: 6px; border-top: 4px solid var(--cizgi); padding-top: 10px; }
.durum-bas { display: flex; align-items: center; gap: 8px; }
.durum-bas h3 { margin: 0; font-size: 21px; line-height: 1.2; }
.durum-bas .not-kucuk { margin-left: auto; font-size: 15px; white-space: nowrap; }
.durum p { margin: 0; font-size: 16px; line-height: 1.5; text-wrap: pretty; }
.taslak { display: flex; flex-direction: column; gap: 4px; border: 1px dashed var(--vurgu); border-radius: 10px; padding: 12px 16px; font-size: 16px; line-height: 1.45; }
.taslak b { font-weight: 600; color: var(--vurgu); }
.matris-govde { display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: 40px; align-items: start; }
.matris { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.matris-bas, .matris-satir { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, 150px); gap: 8px; align-items: center; padding: 5px 10px; }
.matris-bas { align-items: end; padding: 0 10px 6px; border-bottom: 1px solid var(--cizgi); }
.matris-bas .not-kucuk { font-size: 15px; }
.matris-sutun { border: 0; background: transparent; font-size: 16px; font-weight: 600; min-height: 44px; padding: 0; text-align: center; color: var(--soluk); border-bottom: 3px solid transparent; }
.matris-sutun[aria-pressed="true"] { color: var(--murekkep); border-bottom-color: var(--vurgu); }
.matris-satir { border: 1px solid transparent; border-radius: 10px; background: transparent; text-align: left; color: var(--murekkep); }
.matris-satir:hover { border-color: var(--cizgi); }
.matris-satir[aria-pressed="true"] { background: var(--levha); border-color: var(--vurgu); }
.matris-tur { display: flex; align-items: center; gap: 12px; min-width: 0; }
.matris-tur .kirp { width: 40px; height: 40px; }
.matris-tur > span { font-size: 18px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.matris-hucre { display: flex; align-items: center; justify-content: center; gap: 6px; height: 36px; border-radius: 8px; font-size: 15px; opacity: .75; }
.matris-hucre.secili { opacity: 1; }
.matris .telefonda { display: none; }
.tur-karti .yuva-kart-bas .kirp { width: 96px; height: 96px; }
.tur-karti .yuva-kart-bas h3 { font-size: 30px; }
.duyarli { display: flex; flex-direction: column; gap: 6px; }
.senaryo-kutular { display: flex; flex-direction: column; gap: 8px; }
.senaryo-kutu { display: flex; flex-direction: column; gap: 6px; border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 12px; }
.senaryo-kutu.secili { border-color: var(--vurgu); background: var(--kagit); }
.senaryo-kutu-bas { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 15px; }
.senaryo-kutu-bas i { color: var(--murekkep2); }
.senaryo-kutu p { margin: 0; font-size: 16px; line-height: 1.45; text-wrap: pretty; }
.durum-rozet { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; border-radius: 999px; padding: 2px 10px 2px 6px; }
.tur-karti > .not-kucuk { font-size: 14px; line-height: 1.4; }
.goc { display: grid; grid-template-columns: 460px minmax(0, 1fr); gap: 56px; align-items: start; }
.goc-harita { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.goc-harita svg { display: block; width: 100%; height: auto; border: 1px solid var(--cizgi); border-radius: 8px; }
.goc-metin { display: flex; flex-direction: column; gap: 22px; }
.mekanizmalar { display: flex; flex-direction: column; gap: 22px; }
.mekanizma { display: flex; gap: 14px; }
.mekanizma .tehdit-no { width: 32px; height: 32px; font-size: 17px; }
.mekanizma > div { display: flex; flex-direction: column; gap: 2px; }
.mekanizma-ad { font-size: 21px; font-weight: 500; }
.mekanizma > div > span:last-child { font-size: 17px; line-height: 1.5; color: var(--murekkep2); }
.kaynaklar { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid var(--cizgi); padding-top: 18px; }
.kaynaklar h2 { margin: 0; font-size: 24px; }
.kaynaklar ul { margin: 0; padding-left: 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 40px; font-size: 16px; }
.kaynaklar li a { display: inline-block; padding: 6px 0; }
.kaynaklar .dogrulanacak { padding: 6px 0; }

/* ---------- hikâyeler ---------- */
.hikayeler-main { gap: 36px; padding: 56px 64px 72px; }
.hikayeler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.hikaye-kart { grid-column: 1 / -1; display: grid; grid-template-columns: 520px minmax(0, 1fr); border-color: var(--vurgu); overflow: hidden; }
.hikaye-kapak { position: relative; display: block; overflow: hidden; border-right: 1px solid var(--cizgi); }
.hikaye-kapak img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rozet-hikaye { position: absolute; left: 12px; top: 12px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; background: rgba(244,236,216,.92); border: 1px solid var(--cizgi); border-radius: 999px; padding: 3px 10px; color: var(--vurgu); }
.hikaye-govde { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 24px 28px; }
.hikaye-baslik { font-size: 32px; font-weight: 500; line-height: 1.1; }
.hikaye-govde .not-kucuk { font-size: 18px; }
.hikaye-ozet { font-size: 16px; color: var(--murekkep2); line-height: 1.5; }
.hikaye-bolumler { font-size: 15px; color: var(--soluk); }
.hikaye-cta { margin-top: 6px; min-height: 40px; padding: 0 16px; font-size: 16px; align-self: flex-start; }
.hikaye-bos { display: flex; flex-direction: column; gap: 14px; border: 1px dashed var(--cizgi); border-radius: 12px; padding: 22px; min-height: 260px; }
.hikaye-bos-ikon { width: 64px; height: 64px; border-radius: 50%; border: 1px dashed var(--cizgi); }
.hikaye-bos-ad { font-size: 21px; font-weight: 500; }
.hikaye-main { gap: 22px; padding: 28px 64px 64px; }
.hikaye-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.hikaye-bas > div { display: flex; flex-direction: column; gap: 4px; }
.hikaye-bas .ustbilgi { font-size: 14px; }
.hikaye-bas h1 { margin: 0; font-size: 44px; line-height: 1.05; }
.hikaye-bas .not-kucuk { font-size: 18px; }
.hikaye-bas .geri { font-size: 17px; align-self: flex-end; }
.hikaye-govde { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.sahne-bolum { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.sahne { position: relative; width: 100%; aspect-ratio: 960 / 540; overflow: hidden; border: 1px solid var(--cizgi); background: #cfe4ec; }
.sahne-ortam { position: absolute; left: 0; }
.sahne-ortam img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: none; display: block; }
.sahne-kus { position: absolute; overflow: hidden; }
.sahne-sprite { position: absolute; }
.sahne-sprite img { width: 100%; height: 100%; display: block; }
.sahne-etiket { position: absolute; top: 10px; font-size: 14px; font-style: italic; background: rgba(244,236,216,.92); border: 1px solid var(--cizgi); border-radius: 999px; padding: 2px 10px; }
.sahne-etiket.sol { left: 12px; } .sahne-etiket.sag { right: 12px; }
.anim-env { animation: envc 1.5s steps(3) infinite; }
@keyframes envc { from { transform: translateX(0); } to { transform: translateX(-100%); } }
.anim-fly { animation: flyc .5s steps(3) infinite; }
@keyframes flyc { from { transform: translateX(0); } to { transform: translateX(-60%); } }
.hikaye-kontrol { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.duraklar-nokta { display: flex; gap: 6px; }
.duraklar-nokta button { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--cizgi); background: var(--levha); color: var(--murekkep); font-size: 15px; padding: 0; }
.duraklar-nokta button.gecti { background: var(--cizgi); }
.duraklar-nokta button[aria-pressed="true"] { background: var(--vurgu); color: var(--levha); }
.hikaye-dugmeler { display: flex; gap: 8px; }
.hikaye-dugmeler button { border: 1px solid var(--cizgi); background: transparent; border-radius: 999px; min-height: 44px; padding: 0 16px; font-size: 16px; color: var(--murekkep); }
.hikaye-dugmeler button:disabled { opacity: .4; cursor: default; }
.hikaye-dugmeler button.koyu { background: var(--murekkep); color: var(--levha); border-color: var(--murekkep); }
.anlati { display: flex; flex-direction: column; gap: 14px; }
.anlati-metin { margin: 0; font-size: 20px; line-height: 1.55; text-wrap: pretty; }
.secim { display: flex; flex-direction: column; gap: 10px; border: 1px dashed var(--cizgi); border-radius: 12px; padding: 14px 16px; background: rgba(244,236,216,.6); }
.secim .altbaslik { color: var(--vurgu); }
.secim-soru { font-size: 19px; font-weight: 500; }
.secim .cipler { gap: 8px; }
.secim-sonuc { margin: 0; font-size: 17px; line-height: 1.5; color: var(--murekkep2); }
.hikaye-not { font-size: 14px; }

/* ---------- orta ekran ---------- */
@media (max-width: 1099px) {
  .yasam-hero { grid-template-columns: 1fr; gap: 24px; }
  .yasam-hero h1, .yuva-hero h1 { font-size: 42px; }
  .yasam-kartlar, .mikro-liste, .nedenler, .durumlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tehdit { grid-template-columns: 56px minmax(0, 1fr); }
  .tehdit-govde { grid-column: 2; }
  .dun-bugun { grid-template-columns: 1fr; gap: 24px; }
  .eylem { grid-template-columns: 1fr; gap: 20px; padding: 24px; }
  .eylem ul { grid-template-columns: 1fr; }
  .yuva-hero { flex-direction: column; align-items: flex-start; gap: 20px; }
  .yuva-tipler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yuva-govde, .matris-govde { grid-template-columns: 1fr; }
  .yuva-kart, .tur-karti { position: static; }
  .cift-secici { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cift { padding: 20px 22px 24px; }
  .cift-figurler, .cift-satir { grid-template-columns: 120px minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
  .cift-taraf .kirp { width: 160px; height: 160px; }
  .rota-main { padding: 28px 32px 56px; }
  .rota-govde { grid-template-columns: 1fr; gap: 24px; }
  .nazik ul { grid-template-columns: 1fr; }
  .iklim-bas h1 { font-size: 46px; }
  .iklim-grafik { grid-template-columns: 1fr; gap: 24px; }
  .matris-bas, .matris-satir { grid-template-columns: minmax(0, 1fr) repeat(3, 110px); }
  .goc { grid-template-columns: 1fr; gap: 24px; }
  .kaynaklar ul { grid-template-columns: 1fr; }
  .hikayeler-main { padding: 32px 32px 56px; }
  .hikaye-kart { grid-template-columns: 1fr; }
  .hikaye-kapak { border-right: 0; border-bottom: 1px solid var(--cizgi); aspect-ratio: 1200 / 760; }
  .hikaye-main { padding: 24px 32px 56px; }
  .hikaye-govde { grid-template-columns: 1fr; gap: 20px; }
}

/* ---------- telefon ---------- */
@media (max-width: 699px) {
  .yasam-main { gap: 40px; padding: 24px 16px 48px; }
  .yasam-hero h1, .yuva-hero h1 { font-size: 38px; line-height: 1.08; }
  .yasam-hero p, .yuva-hero p { font-size: 18px; }
  .kesit-kutu svg { width: 760px; max-width: none; }
  .kesit .masaustunde, .mikro-bas .masaustunde { display: none; }
  .kesit .telefonda, .mikro-bas .telefonda { display: inline; }
  .kesit figcaption { font-size: 14px; }
  .yasam-kartlar { grid-template-columns: 1fr; gap: 14px; }
  .mikro-bolum { gap: 26px; }
  .mikro-bas p { font-size: 17px; }
  .mikro-grup-bas h3 { font-size: 23px; }
  .mikro-liste { display: flex; gap: 12px; overflow-x: auto; margin: 0 -16px; padding: 0 16px 4px; }
  .mikro-kart { width: 290px; flex-shrink: 0; }
  .kopru { flex-direction: column; }
  .tehdit { display: flex; flex-direction: column; gap: 10px; }
  .dun-bugun h2 { font-size: 28px; }
  .dun-bugun p { font-size: 17px; }
  .dun-bugun ul { font-size: 15px; }
  .yuva-main { gap: 30px; padding: 24px 16px 48px; }
  .etik { max-width: none; }
  .yuva-tipler { display: flex; gap: 10px; overflow-x: auto; margin: 0 -16px; padding: 0 16px 4px; }
  .yuva-tip { flex-shrink: 0; width: 150px; padding: 6px 6px 10px; gap: 4px; }
  .yuva-tip-bas { flex-direction: column; align-items: flex-start; gap: 0; padding: 0 4px; }
  .yuva-tip-ad { font-size: 16px; }
  .yuva-tip-bas .not-kucuk { font-size: 13px; }
  .yuva-tip-d { display: none; }
  .yuva-tip-baslik h2 { font-size: 26px; }
  .yuva-tip-baslik .not-kucuk { font-size: 16px; }
  .yuva-liste { grid-template-columns: 1fr; gap: 8px; }
  .yuva-kus .kirp { width: 52px; height: 52px; }
  .yuva-kart, .tur-karti { padding: 18px; }
  .yuva-kart-bas .kirp { width: 88px; height: 88px; }
  .yuva-kart-bas h3 { font-size: 27px; }
  .tur-karti .yuva-kart-bas .kirp { width: 84px; height: 84px; }
  .tur-karti .yuva-kart-bas h3 { font-size: 26px; }
  .nedenler { grid-template-columns: 1fr; gap: 16px; }
  .neden { flex-direction: row; gap: 14px; }
  .neden .kirp { width: 64px; height: 64px; }
  .cift-secici { display: flex; gap: 8px; overflow-x: auto; margin: 0 -16px; padding: 2px 16px 6px; }
  .cift-dugme { flex-shrink: 0; flex-direction: column; align-items: center; gap: 6px; width: 118px; padding: 10px 6px; }
  .cift-ikili .kirp { width: 40px; height: 40px; }
  .cift-ikili .kirp + .kirp { margin-left: -8px; }
  .cift-dugme > span:last-child { font-size: 14px; line-height: 1.2; text-align: center; }
  .cift { padding: 16px; gap: 14px; }
  .cift-figurler { grid-template-columns: 1fr 1fr; gap: 12px; }
  .cift-bosluk { display: none; }
  .cift-taraf .kirp { width: 120px; height: 120px; }
  .cift-ad { font-size: 20px; }
  .cift-taraf .not-kucuk { font-size: 14px; }
  .cift-neden { font-size: 17px; }
  .cift-satir { grid-template-columns: 1fr 1fr; gap: 6px 12px; font-size: 16px; padding: 10px 0; }
  .cift-etiket { grid-column: 1 / -1; font-size: 13px; }
  .cift-kural { font-size: 17px; }
  .rota-main { padding: 22px 16px 44px; gap: 16px; }
  .rota-sekmeler { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px; }
  .rota-sekmeler .chip { flex-shrink: 0; white-space: nowrap; font-size: 16px; }
  .rota-bilgi h2 { font-size: 28px; }
  .rota-bilgi > p { font-size: 16px; }
  .rota-olcu > div > span:last-child { font-size: 15px; }
  .durak { font-size: 16px; }
  .durak-ad { font-size: 20px; }
  .durak-kart p { font-size: 16px; }
  .nazik { padding: 18px; }
  .nazik h2 { font-size: 24px; }
  .nazik li { font-size: 16px; }
  .iklim-main { gap: 36px; padding: 24px 16px 48px; }
  .iklim-bas .ustbilgi { font-size: 14px; }
  .iklim-bas h1 { font-size: 42px; }
  .iklim-bas p { font-size: 18px; }
  .senaryolar { grid-template-columns: 1fr; gap: 8px; }
  .senaryo { flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; min-height: 64px; border-radius: 12px; }
  .senaryo-ust { flex-direction: column; align-items: flex-start; width: auto; gap: 0; }
  .senaryo-ust b, .senaryo-ust i { font-size: 16px; }
  .senaryo-derece { font-size: 28px; }
  .senaryo .not-kucuk, .senaryo-d { display: none; }
  .iklim-grafik { margin-top: 18px; }
  .isinma .masaustunde { display: none; }
  .isinma .telefonda { display: block; }
  .akdeniz { padding: 18px; }
  .durumlar { grid-template-columns: 1fr; gap: 12px; }
  .matris-bas, .matris-satir { grid-template-columns: minmax(0, 1fr) repeat(3, 54px); gap: 6px; padding: 5px 8px; }
  .matris-bas { padding: 0 8px 6px; }
  .matris .masaustunde { display: none; }
  .matris .telefonda { display: inline; }
  .matris-sutun { font-size: 13px; }
  .matris-tur .kirp { width: 36px; height: 36px; }
  .matris-tur > span { font-size: 17px; }
  .goc-metin .bolum-baslik h2 { font-size: 28px; }
  .kaynaklar ul { padding-left: 18px; font-size: 15px; }
  .hikayeler-main { padding: 26px 16px 48px; gap: 24px; }
  .hikayeler { grid-template-columns: 1fr; gap: 14px; }
  .hikaye-govde { padding: 14px; }
  .hikaye-baslik { font-size: 24px; }
  .hikaye-govde .not-kucuk { font-size: 15px; }
  .hikaye-ozet { display: none; }
  .hikaye-bolumler { font-size: 14px; }
  .hikaye-bos { min-height: 0; }
  .hikaye-main { padding: 18px 16px 44px; gap: 16px; }
  .hikaye-bas { flex-direction: column; align-items: flex-start; gap: 8px; }
  .hikaye-bas h1 { font-size: 32px; }
  .hikaye-bas .not-kucuk { display: none; }
  .hikaye-bas .geri { align-self: flex-start; }
  .duraklar-nokta button { width: 36px; height: 36px; }
  .anlati-metin { font-size: 18px; }
  .secim-soru { font-size: 17px; }
  .secim-sonuc { font-size: 16px; }
}

/* ---------- cep defteri (A5, yazdırılabilir) ---------- */
.defter-main { gap: 28px; }
.defter-giris { display: flex; flex-direction: column; gap: 16px; }
.defter-ayar { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; }
.defter-ayar label { display: flex; flex-direction: column; gap: 4px; font-size: 15px; font-style: italic; color: var(--soluk); }
.defter-ayar select { min-height: 46px; padding: 0 14px; font-size: 17px; font-style: normal; color: var(--murekkep); background: var(--levha); border: 1px solid var(--cizgi); border-radius: 999px; }
.defter-ipucu { max-width: 74ch; }
.a5-yigin { display: flex; flex-wrap: wrap; gap: 24px; }
.sayfa-a5 { width: 559px; height: 794px; flex-shrink: 0; box-sizing: border-box; padding: 40px 40px 28px; display: flex; flex-direction: column; gap: 14px; background: #fffdf6; border: 1px solid var(--cizgi); box-shadow: 0 10px 30px -18px rgba(46,38,24,.5); }
.a5-ust { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--vurgu); }
.a5-bas { display: flex; flex-direction: column; gap: 2px; }
.a5-bas h2 { margin: 0; font-size: 28px; }
.a5-alt { margin-top: auto; display: flex; justify-content: space-between; font-size: 11px; font-style: italic; color: var(--soluk); border-top: 1px solid var(--cizgi); padding-top: 6px; }
.a5-cerceve { border: 1px solid var(--cizgi); padding: 5px; background: var(--levha); }
.a5-cerceve.koyu { border-color: var(--murekkep); padding: 0; overflow: hidden; }
.a5-cizgi { border-bottom: 1px solid var(--murekkep); height: 20px; flex: 1; min-width: 60px; }
.a5-kapak { background: var(--levha); border: 10px solid var(--kagit); gap: 20px; padding: 40px 36px 28px; }
.a5-baslik { margin: 0; font-size: 44px; font-weight: 500; line-height: 1.02; }
.a5-alt-baslik { margin: 0; font-size: 17px; font-style: italic; color: var(--murekkep2); }
.a5-sahip { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.a5-sahip > div:first-child { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--murekkep2); width: 240px; }
.a5-kunye { font-size: 11px; font-style: italic; color: var(--soluk); }
.a5-tur-bas { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.a5-tur-bas > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.a5-tur-bas h2 { margin: 0; font-size: 32px; font-weight: 500; line-height: 1.1; }
.a5-tur-bas i { font-size: 15px; color: var(--soluk); }
.a5-olgular { display: flex; flex-direction: column; gap: 5px; }
.a5-olgu { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 8px; font-size: 13px; line-height: 1.35; }
.a5-olgu i { color: var(--soluk); }
.a5-metin { margin: 0; font-size: 13.5px; line-height: 1.5; }
.a5-arazi { border: 1px dashed var(--cizgi); padding: 8px 10px; font-size: 12.5px; line-height: 1.45; }
.a5-gozlem { display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--murekkep); padding: 12px 14px; }
.a5-kutular { display: flex; gap: 16px; font-size: 13px; }
.a5-satir { display: flex; gap: 8px; align-items: flex-end; font-size: 13px; }
.a5-cizim { height: 70px; border: 1px dotted var(--cizgi); padding: 4px 6px; font-size: 11px; font-style: italic; color: var(--soluk); }
.boyama * { fill: #fffdf6 !important; stroke: #2e2618 !important; stroke-width: 1.1px !important; opacity: 1 !important; fill-opacity: 1 !important; }
.boyama rect:first-of-type { stroke: none !important; }
.a5-boyama-levha { display: flex; flex-direction: column; gap: 10px; }
.a5-boyama-levha[hidden] { display: none; }
.a5-boyama-not { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--murekkep2); }
.a5-liste-bas, .a5-liste-satir { display: grid; grid-template-columns: 18px 26px minmax(0, 1fr) 68px 104px; gap: 8px; align-items: center; }
.a5-liste-bas { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); }
.a5-liste { display: flex; flex-direction: column; }
.a5-liste-satir { font-size: 13px; min-height: 26px; border-bottom: 1px dotted var(--cizgi); }
.a5-liste-satir i { color: var(--soluk); font-size: 11px; }
.a5-liste-satir .a5-cizgi { height: 16px; min-width: 0; }
.a5-kutu { width: 12px; height: 12px; border: 1px solid var(--murekkep); }
.a5-mevsim { font-size: 11px; font-style: italic; color: var(--soluk); }
@media (max-width: 699px) {
  .defter-main { padding-block: 24px 48px; }
  .a5-yigin { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px 8px; scrollbar-width: none; }
  .defter-ayar { gap: 12px; }
  .defter-ayar label, .defter-ayar .dugme { width: 100%; }
}
@media print {
  @page { size: A5; margin: 0; }
  .defter-giris, .alt, .keci { display: none !important; }
  .govde { max-width: none; }
  main, .defter-main { padding: 0 !important; gap: 0; }
  .a5-yigin { display: block; gap: 0; margin: 0; padding: 0; overflow: visible; }
  .sayfa-a5 { border: 0; box-shadow: none; margin: 0; break-after: page; page-break-after: always; }
  .sayfa-a5:last-child { break-after: auto; page-break-after: auto; }
  .a5-kapak { border: 10px solid #efe7d3; }
}

/* ---------- paylaşım kartları (1200×630, ekran görüntüsü alınır) ---------- */
.og-kart { width: 1200px; height: 630px; box-sizing: border-box; overflow: hidden; background: var(--kagit); color: var(--murekkep); }
.og-genel { display: grid; grid-template-columns: 470px minmax(0, 1fr); }
.og-sol { display: flex; flex-direction: column; gap: 22px; padding: 60px 40px 50px 64px; }
.og-muhur { display: block; width: 64px; height: 64px; }
.og-muhur svg { width: 64px; height: 64px; }
.og-sol h1 { margin: 12px 0 0; font-size: 64px; font-weight: 500; line-height: 1; }
.og-sol p { margin: 0; font-size: 26px; font-style: italic; line-height: 1.3; color: var(--murekkep2); }
.og-kunye { margin-top: auto; font-size: 20px; color: var(--soluk); }
.og-sag { border-left: 1px solid var(--cizgi); overflow: hidden; position: relative; }
.og-sag .kirp-dik { width: 100%; height: 100%; }
.og-tur { display: flex; align-items: center; gap: 56px; padding: 0 72px; }
.og-portre { flex-shrink: 0; border-radius: 50%; box-shadow: 0 0 0 8px var(--kagit), 0 0 0 10px var(--cizgi); }
.og-portre .kirp { border: 0; }
.og-metin { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.og-levha { font-size: 20px; letter-spacing: .16em; text-transform: uppercase; color: var(--vurgu); }
.og-metin h1 { margin: 0; font-size: 76px; font-weight: 500; line-height: 1; }
.og-metin i { font-size: 30px; color: var(--soluk); }
.og-metin p { margin: 8px 0 0; font-size: 26px; line-height: 1.35; color: var(--murekkep2); }
.og-metin .og-kunye { margin-top: 26px; }
.og-gece { background: var(--gece); color: #f4ecd8; }
.og-gece .og-portre { box-shadow: 0 0 0 8px var(--gece), 0 0 0 10px var(--cizgi); }
.og-gece .og-levha { color: #e9c46a; }
.og-gece .og-metin i { color: #c9bfa6; }
.og-gece .og-metin p { color: #e9dfc4; }
.og-gece .og-kunye { color: #c9bfa6; }