/* Çukurova teması
   Renk: narenciye bahçesi. Yaprak yeşili marka ve vurgu, portakal güneş ve uyarı, su mavisi yağış.
   Yazı: Encode Sans (tek aile). Metin normal genişlikte, sayılar dar kesimde. */

@font-face { font-family: "Encode Sans"; font-style: normal; font-weight: 100 900; font-stretch: 75% 125%; font-display: swap; src: url(../fonts/encode-sans-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Encode Sans"; font-style: normal; font-weight: 100 900; font-stretch: 75% 125%; font-display: swap; src: url(../fonts/encode-sans-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --zemin: #fff;
  --bant: #f1f5f1;
  --murekkep: #14261d;
  --ikincil: #536359;
  --soluk: #87938b;
  --cizgi: #dae2db;
  --yaprak: #17402f;
  --yaprak-acik: #e4eee6;
  --gunes: #f08a00;
  --gunes-metin: #a85400;
  --su: #1b7fa3;
  --su-acik: #e2f0f5;
  --kirmizi: #b8372b;
  --simge-zemin: var(--zemin);
  --kap: 1180px;
  --bosluk: 20px;
  --yazi: "Encode Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 84px; }
body { margin: 0; background: var(--zemin); color: var(--murekkep); font: 400 16px/1.55 var(--yazi); font-stretch: 100%; -webkit-font-smoothing: antialiased; }
h1, h2, h3, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
a { color: inherit; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { text-decoration-color: currentColor; }
:focus-visible { outline: 2px solid var(--gunes); outline-offset: 2px; border-radius: 2px; }
small { font-size: .8125rem; color: var(--ikincil); font-weight: 400; }
b, strong { font-weight: 650; }
svg { display: block; flex: none; }
table { border-collapse: collapse; }
summary { cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }

.kap { width: 100%; max-width: calc(var(--kap) + 2 * var(--bosluk)); margin-inline: auto; padding-inline: var(--bosluk); }
.atla { position: absolute; left: -999px; top: 8px; background: var(--yaprak); color: #fff; padding: 8px 14px; z-index: 50; }
.atla:focus { left: 8px; }
.simge-deposu { position: absolute; width: 0; height: 0; overflow: hidden; }

/* Simgeler */
.hava-simge { color: var(--murekkep); overflow: visible; }
.s-bulut { fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.s-dolgu { fill: var(--simge-zemin); }
.s-soluk { stroke: #9aa79f; }
.s-gunes { fill: none; stroke: var(--gunes); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
circle.s-gunes { fill: #ffd98f; }
.s-ay { fill: #e8ecf4; stroke: #64749a; stroke-width: 2; stroke-linejoin: round; }
.s-su { fill: none; stroke: var(--su); stroke-width: 2; stroke-linecap: round; }
.s-kalin { stroke-width: 2.4; }
.s-kar circle { fill: #6fb0c9; }
.s-arayuz { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.simge { display: inline-block; vertical-align: -3px; }
.yon-oku { margin-right: 3px; color: var(--ikincil); vertical-align: -2px; }

/* Üst bölüm */
.ust { position: sticky; top: 0; z-index: 30; background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: saturate(1.5) blur(14px); backdrop-filter: saturate(1.5) blur(14px); border-bottom: 1px solid var(--cizgi); }
.ust-ic { position: relative; display: flex; align-items: center; gap: 14px; min-height: 64px; }
.marka { display: flex; align-items: center; gap: 10px; text-decoration: none; font-size: 1.0625rem; font-stretch: 92%; color: var(--yaprak); white-space: nowrap; }
.marka b { font-weight: 750; }
.marka i { font-style: normal; margin-left: 5px; }

/* Açılır paneller (ilçe seçici, hava olayları, mobil menü) */
.acilir > summary { -webkit-tap-highlight-color: transparent; user-select: none; }
.acilir-ic { position: absolute; top: calc(100% + 8px); z-index: 5; background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 12px; padding: 14px; box-shadow: 0 18px 44px rgba(20, 38, 29, .16), 0 2px 6px rgba(20, 38, 29, .06); }
.acilir[open] > .acilir-ic { animation: panel-ac .14s ease-out; }
@keyframes panel-ac { from { opacity: 0; transform: translateY(-4px); } }
.panel-bas { font-size: .75rem; font-weight: 600; color: var(--soluk); padding: 0 8px 8px; }
.panel-ek { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--cizgi); }
.panel-ek a { padding: 6px 12px; border-radius: 999px; background: var(--bant); text-decoration: none; font-size: .875rem; font-weight: 550; }
.panel-ek a:hover { background: var(--yaprak-acik); color: var(--yaprak); }
.acilir-ic li a { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px; border-radius: 8px; text-decoration: none; font-weight: 500; }
.acilir-ic li a:hover { background: var(--bant); }
.acilir-ic li a b { font-size: .8125rem; font-weight: 550; font-stretch: 88%; color: var(--ikincil); font-variant-numeric: tabular-nums; white-space: nowrap; }
.acilir-ic a[aria-current] { background: var(--yaprak-acik); color: var(--yaprak); font-weight: 700; }

/* İlçe seçici: konum, şu anki hava ve sıcaklık */
.yer-sec > summary { display: flex; align-items: center; gap: 7px; height: 40px; padding: 0 10px 0 11px; border-radius: 10px; background: var(--bant); --simge-zemin: var(--bant); font-weight: 600; font-size: .9375rem; white-space: nowrap; transition: background-color .12s; }
.yer-sec > summary b { font-weight: 700; font-stretch: 84%; font-size: 1.0625rem; color: var(--yaprak); font-variant-numeric: tabular-nums; }
.yer-sec > summary .simge { color: var(--soluk); transition: transform .14s; }
.yer-sec > summary:hover, .yer-sec[open] > summary { background: var(--yaprak-acik); --simge-zemin: var(--yaprak-acik); }
.yer-sec[open] > summary .simge { transform: rotate(180deg); }
.yer-sec, .alt-menulu { position: relative; }
.yer-panel { left: 0; width: 360px; }
.yer-panel ul { columns: 2; column-gap: 6px; }
.yer-panel li { break-inside: avoid; }

/* Ana menü */
.ana-menu { margin-left: auto; }
.ana-menu > ul { display: flex; align-items: center; gap: 2px; }
.ana-menu > ul > li > a, .olay-menu > summary { display: flex; align-items: center; gap: 4px; height: 38px; padding: 0 12px; border-radius: 9px; text-decoration: none; font-size: .9375rem; font-weight: 550; color: var(--ikincil); white-space: nowrap; transition: background-color .12s, color .12s; }
.ana-menu > ul > li > a:hover, .olay-menu > summary:hover, .olay-menu[open] > summary { background: var(--bant); color: var(--murekkep); }
.ana-menu > ul > li > a[aria-current], .olay-menu > summary.etkin { background: var(--yaprak-acik); color: var(--yaprak); font-weight: 650; }
.olay-menu > summary .simge { color: currentColor; opacity: .6; transition: transform .14s; }
.olay-menu[open] > summary .simge { transform: rotate(180deg); }
.olay-panel { right: -120px; width: 520px; }
.olay-panel ul { columns: 2; column-gap: 10px; }
.olay-panel li { break-inside: avoid; }

/* Mobil menü düğmesi */
.tum-menu { display: none; }
.tum-menu > summary { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--bant); color: var(--murekkep); }
.tum-menu .tm-kapat, .tum-menu[open] .tm-ac { display: none; }
.tum-menu[open] .tm-kapat { display: block; }
.tum-menu[open] > summary { background: var(--yaprak); color: #fff; }
.tum-panel h2 { font-size: .75rem; font-weight: 600; color: var(--soluk); padding: 14px 8px 6px; }
.tum-panel h2:first-child { padding-top: 0; }
.tum-panel .tm-cift { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 8px; }
.tum-panel .tm-deger { display: grid; grid-template-columns: 1fr; }
.tum-panel li a { padding: 10px 8px; font-size: 1.0625rem; }

main { display: block; padding-bottom: 64px; min-height: 60vh; }

/* Kırıntı */
.kirinti { padding-top: 18px; font-size: .8125rem; color: var(--ikincil); }
.kirinti ol { display: flex; flex-wrap: wrap; gap: 0 8px; }
.kirinti li + li::before { content: "/"; margin-right: 8px; color: var(--soluk); }

/* Şu an */
.simdi { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 24px 56px; padding: 22px 0 30px; align-items: start; }
.simdi h1, .sayfa-bas h1 { font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2.125rem); line-height: 1.15; font-weight: 700; font-stretch: 92%; letter-spacing: -.01em; }
.simdi-yer { color: var(--ikincil); font-size: .9375rem; margin-top: 4px; }
.simdi-sic { display: flex; align-items: center; gap: 22px; margin: 18px 0 16px; }
.derece { font-size: clamp(5.5rem, 3.5rem + 9vw, 9.25rem); line-height: .86; font-weight: 600; font-stretch: 75%; letter-spacing: -.035em; color: var(--yaprak); font-variant-numeric: tabular-nums; }
.simdi-hava { display: grid; gap: 2px; }
.simdi-hava b { font-size: 1.25rem; font-weight: 650; }
.simdi-hava span { color: var(--ikincil); }
.simdi-ozet { font-size: 1.0625rem; line-height: 1.6; max-width: 58ch; }

.olculer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; border-bottom: 1px solid var(--cizgi); }
.olculer > div { padding: 11px 0 12px; border-top: 1px solid var(--cizgi); }
.olculer dt { font-size: .8125rem; color: var(--ikincil); }
.olculer dt a { text-decoration: none; }
.olculer dt a:hover { text-decoration: underline; }
.olculer dd b { display: block; font-size: 1.375rem; line-height: 1.25; font-weight: 600; font-stretch: 84%; font-variant-numeric: tabular-nums; }
.olculer dd b small { font-size: .8125rem; font-stretch: 100%; }
.olculer dd span { display: block; font-size: .8125rem; color: var(--ikincil); line-height: 1.35; }
.olculer.dar { grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 20px 0 26px; }
.olculer.ozet-olcu { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 6px 0 8px; }
.olculer.ozet-olcu dd b { font-size: 1.875rem; }

/* Dikkat notları */
.uyarilar { display: grid; gap: 8px; margin: 0 0 26px; }
.uyarilar li { display: flex; gap: 12px; padding: 12px 16px; background: #fff5e3; border-left: 4px solid var(--gunes); border-radius: 0 6px 6px 0; }
.uyarilar li .simge { color: var(--gunes-metin); margin-top: 2px; }
.uyarilar li.duzey-2 { background: #fceceb; border-left-color: var(--kirmizi); }
.uyarilar li.duzey-2 .simge { color: var(--kirmizi); }
.uyarilar p { max-width: 90ch; }
.uyarilar a { white-space: nowrap; font-weight: 600; }
.uyarilar.tam { margin-top: 6px; }

/* Görünüm sekmeleri */
.sekmeler { border-bottom: 1px solid var(--cizgi); overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--bosluk)); padding-inline: var(--bosluk); }
.sekmeler::-webkit-scrollbar { display: none; }
.sekmeler ul { display: flex; gap: 4px; width: max-content; }
.sekmeler a { display: block; padding: 11px 12px 9px; border-bottom: 3px solid transparent; text-decoration: none; color: var(--ikincil); font-weight: 500; white-space: nowrap; }
.sekmeler a:hover { color: var(--murekkep); }
.sekmeler a[aria-current] { color: var(--yaprak); font-weight: 650; border-bottom-color: var(--yaprak); }

/* Bölümler */
.bolum { margin-top: 44px; }
.bolum > h2, .bolum-bas h2, .metin-tek h2, .sss h2 { font-size: 1.3125rem; line-height: 1.25; font-weight: 650; font-stretch: 94%; letter-spacing: -.005em; }
.bolum > h2 { margin-bottom: 14px; }
.bolum-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.bolum-bas a { font-size: .9375rem; font-weight: 600; color: var(--yaprak); white-space: nowrap; }
.iki-sutun { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; }
.sayfa-bas { padding: 16px 0 18px; }
.sayfa-bas p { margin-top: 10px; max-width: 76ch; color: var(--ikincil); font-size: 1.0625rem; }
.sayfa-bas .one-cikan { color: var(--murekkep); font-size: 1.1875rem; line-height: 1.5; font-weight: 500; padding-left: 14px; border-left: 4px solid var(--gunes); }
.serit-not, .veri-notu, .aciklama { font-size: .8125rem; color: var(--ikincil); margin-top: 10px; max-width: 86ch; }
.aciklama { font-size: .9375rem; margin: 0 0 14px; }
.veri-notu { margin-top: 40px; padding-top: 14px; border-top: 1px solid var(--cizgi); }
.bos { padding: 28px 0; color: var(--ikincil); }
.var { color: var(--su); font-weight: 650; }
.karsilastirma { margin-top: 22px; font-size: 1.0625rem; max-width: 70ch; }

/* Saatlik şerit */
.serit { overflow-x: auto; margin-inline: calc(-1 * var(--bosluk)); padding-inline: var(--bosluk); scrollbar-width: thin; scrollbar-color: var(--cizgi) transparent; overscroll-behavior-x: contain; }
.serit-ic { position: relative; }
.serit ol { display: flex; }
.serit li { flex: 0 0 60px; text-align: center; font-variant-numeric: tabular-nums; font-stretch: 86%; }
.serit-ust li { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 3px; height: 86px; padding-bottom: 4px; }
.serit-ust time { font-size: .875rem; color: var(--ikincil); }
.serit-gun { font-size: .75rem; font-weight: 700; color: var(--yaprak); font-stretch: 100%; white-space: nowrap; }
.serit-ust li.gun-basi { border-left: 1px dashed var(--soluk); }
.serit-cizim { display: block; }
.c-gece rect { fill: var(--bant); }
.c-alan { fill: rgba(240, 138, 0, .11); }
.c-cizgi { fill: none; stroke: var(--gunes); stroke-width: 2.5; stroke-linecap: round; }
.c-yagis rect { fill: var(--su); opacity: .85; }
.c-yazi text { font: 600 15px var(--yazi); font-stretch: 84%; text-anchor: middle; fill: var(--murekkep); }
.serit-alt li { display: grid; gap: 1px; padding-top: 6px; font-size: .8125rem; color: var(--ikincil); }
.serit-yagis.var { font-size: .75rem; }
.serit-ruzgar { display: flex; align-items: center; justify-content: center; }
.serit-ruzgar .yon-oku { margin-right: 2px; }

/* Gün listesi */
.gunler { border-top: 1px solid var(--cizgi); }
.g-satir { border-bottom: 1px solid var(--cizgi); }
.g-satir > summary, .g-ozet { display: grid; grid-template-columns: 104px minmax(0, 1.1fr) 38px minmax(90px, 1fr) 38px 74px 92px 16px; align-items: center; gap: 10px; padding: 9px 4px; font-variant-numeric: tabular-nums; }
.g-satir > summary:hover { background: var(--bant); --simge-zemin: var(--bant); }
.g-satir[open] > summary { background: var(--yaprak-acik); --simge-zemin: var(--yaprak-acik); }
.g-satir[open] > summary > .simge { transform: rotate(180deg); }
.g-satir summary > .simge { color: var(--soluk); }
.g-gun { display: grid; line-height: 1.25; }
.g-gun b { font-weight: 650; }
.g-gun span { font-size: .8125rem; color: var(--ikincil); }
.g-hava { display: flex; align-items: center; gap: 10px; min-width: 0; }
.g-hava span { font-size: .9375rem; line-height: 1.2; }
.g-min, .g-max { font-size: 1.125rem; font-stretch: 84%; font-weight: 600; }
.g-min { text-align: right; color: var(--ikincil); font-weight: 500; }
.aralik { position: relative; height: 8px; background: var(--bant); border-radius: 4px; }
.aralik span { position: absolute; top: 0; bottom: 0; border-radius: 4px; }
.g-yagis { font-size: .875rem; color: var(--soluk); text-align: right; white-space: nowrap; }
.g-yagis.var { color: var(--su); }
.g-ruzgar { font-size: .875rem; color: var(--ikincil); white-space: nowrap; text-align: right; }
.g-ayrinti { padding: 12px 4px 16px; }
.g-ayrinti p { font-size: .875rem; color: var(--ikincil); margin-bottom: 10px; }
.g-ayrinti ol { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); }
.g-ayrinti li { display: grid; justify-items: center; gap: 3px; font-size: .8125rem; color: var(--ikincil); font-variant-numeric: tabular-nums; font-stretch: 88%; }
.g-ayrinti li b { font-size: 1rem; color: var(--murekkep); }

/* Rakım kesiti */
.kesit-ozet { font-size: 1.0625rem; margin-bottom: 6px; max-width: 76ch; }
.kesit { overflow-x: auto; margin-inline: calc(-1 * var(--bosluk)); padding-inline: var(--bosluk); scrollbar-width: thin; scrollbar-color: var(--cizgi) transparent; }
.kesit-ic { margin-inline: auto; }
.k-alan { fill: #dfeae1; }
.k-sirt { fill: none; stroke: var(--yaprak); stroke-width: 2; }
.k-dikme { stroke: rgba(23, 64, 47, .22); stroke-dasharray: 2 4; }
.k-nokta { stroke: #fff; stroke-width: 2; }
.k-sic { font: 650 19px var(--yazi); font-stretch: 80%; text-anchor: middle; fill: var(--murekkep); }
.k-sic.sec { font-size: 25px; fill: var(--yaprak); }
.kesit-adlar { display: flex; border-top: 2px solid var(--yaprak); }
.kesit-adlar li { flex: 0 0 74px; text-align: center; padding-top: 7px; line-height: 1.25; }
.kesit-adlar a { display: block; font-size: .8125rem; font-weight: 600; font-stretch: 84%; text-decoration: none; }
.kesit-adlar a:hover { text-decoration: underline; }
.kesit-adlar span { font-size: .75rem; color: var(--ikincil); font-stretch: 88%; }
.kesit-adlar li.sec a { color: var(--yaprak); font-weight: 750; }

/* Tablolar */
.tablo-kap { overflow-x: auto; margin-inline: calc(-1 * var(--bosluk)); padding-inline: var(--bosluk); }
.tablo { width: 100%; font-variant-numeric: tabular-nums; }
.tablo caption { text-align: left; font-size: .875rem; color: var(--ikincil); padding-bottom: 8px; }
.tablo th, .tablo td { text-align: left; padding: 10px 14px 10px 0; border-bottom: 1px solid var(--cizgi); vertical-align: middle; white-space: nowrap; }
.tablo thead th { font-size: .8125rem; font-weight: 500; color: var(--ikincil); border-bottom-color: var(--murekkep); padding-top: 4px; padding-bottom: 7px; white-space: normal; vertical-align: bottom; }
.tablo tbody th { font-weight: 600; }
.tablo tbody th small { display: block; line-height: 1.2; }
.tablo td small { margin-left: 2px; }
.tablo tr.sec { background: var(--yaprak-acik); --simge-zemin: var(--yaprak-acik); }
.tablo tr.sec th { padding-left: 8px; }
.tablo td:last-child, .tablo th:last-child { padding-right: 4px; }
.t-hava { display: inline-flex; align-items: center; gap: 8px; }
.isi { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; font-stretch: 88%; font-size: 1.0625rem; }
.isi i { width: 10px; height: 10px; border-radius: 50%; }
.seviye { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.seviye::before { content: ""; width: 9px; height: 9px; border-radius: 2px; background: #6aa67c; }
.seviye.s1::before { background: #8fbf6a; } .seviye.s2::before { background: #c7c552; } .seviye.s3::before { background: #e8b23c; }
.seviye.s4::before { background: #ea8a2f; } .seviye.s5::before { background: #d95f2c; } .seviye.s6::before { background: #b8372b; }
.saat-tablosu td, .saat-tablosu th { padding-top: 7px; padding-bottom: 7px; }

/* Yan sütun: olay listesi */
.yan h2 { font-size: 1.125rem; }
.olay-listesi { border-top: 1px solid var(--cizgi); }
.olay-listesi a { display: grid; grid-template-columns: 1fr auto; column-gap: 12px; padding: 9px 2px; border-bottom: 1px solid var(--cizgi); text-decoration: none; }
.olay-listesi a:hover { background: var(--bant); }
.ol-ad { font-weight: 600; }
.olay-listesi b { font-stretch: 86%; font-variant-numeric: tabular-nums; text-align: right; }
.ol-not { grid-column: 1 / -1; font-size: .8125rem; color: var(--ikincil); line-height: 1.3; }
.yan-not { margin-top: 14px; font-size: .9375rem; color: var(--ikincil); }

/* Olay dizini */
.olay-dizini { border-top: 1px solid var(--murekkep); }
.olay-dizini a { display: grid; grid-template-columns: 220px 260px minmax(0, 1fr); gap: 6px 28px; padding: 16px 4px; border-bottom: 1px solid var(--cizgi); text-decoration: none; align-items: baseline; }
.olay-dizini a:hover { background: var(--bant); }
.olay-dizini h2 { font-size: 1.125rem; font-weight: 650; color: var(--yaprak); }
.od-deger { font-size: .875rem; color: var(--ikincil); line-height: 1.35; }
.od-deger b { display: block; font-size: 1.25rem; font-stretch: 86%; color: var(--murekkep); font-variant-numeric: tabular-nums; }
.olay-dizini a > p:last-child { color: var(--ikincil); font-size: .9375rem; }

/* Metin */
.metin-bolum { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 56px; align-items: start; }
.metin-bolum > h2 { grid-column: 1 / -1; margin-bottom: 0; }
.metin p + p, .metin-tek p + p { margin-top: 12px; }
.metin p, .metin-tek p { max-width: 68ch; }
.metin-tek h2 { margin: 30px 0 10px; }
.metin-tek h2:first-child { margin-top: 0; }
.metin-tek h3 { font-size: 1.0625rem; font-weight: 650; margin: 20px 0 4px; }
.metin-tek.genis p { max-width: 86ch; }
.metin-tek .tablo-kap { margin-top: 4px; }

/* Çizimler */
.cizgi, .iklim-cizim { width: 100%; height: auto; max-width: 760px; }
.cz-izgara line { stroke: var(--cizgi); }
.cz-izgara line.gun { stroke: var(--soluk); stroke-dasharray: 2 4; }
.cz-izgara text { font: 500 12px var(--yazi); fill: var(--ikincil); }
.cz-izgara text.soluk { fill: var(--soluk); }
.cz-ana { fill: none; stroke: var(--yaprak); stroke-width: 2.5; stroke-linecap: round; }
.cz-ikinci { fill: none; stroke: var(--gunes); stroke-width: 2; stroke-linecap: round; }
.cz-aciklama { display: flex; gap: 20px; font-size: .8125rem; color: var(--ikincil); margin-top: 6px; }
.cz-aciklama span { display: inline-flex; align-items: center; gap: 7px; }
.cz-aciklama span::before { content: ""; width: 18px; height: 3px; border-radius: 2px; background: var(--yaprak); }
.cz-aciklama .ikinci::before { background: var(--gunes); }
.iklim-cizim .iz { stroke: var(--cizgi); }
.iklim-cizim .ek { font: 500 12px var(--yazi); fill: var(--ikincil); }
.ik-d { font: 600 12px var(--yazi); font-stretch: 86%; text-anchor: middle; fill: var(--murekkep); }
.ik-d.alt { fill: var(--ikincil); }
.ik-yagis { fill: var(--su); opacity: .6; }
.ik-ay { font: 500 12px var(--yazi); text-anchor: middle; fill: var(--ikincil); }
.ik-ay.sec { font-weight: 750; fill: var(--yaprak); }
.ik-sic.sec { stroke: var(--murekkep); stroke-width: 1.5; }

/* Günün bölümleri ve gün dökümü */
.gun-dokum { margin-top: 26px; }
.gun-dokum + .gun-dokum { padding-top: 34px; border-top: 1px solid var(--cizgi); }
.gun-ust { display: flex; align-items: center; gap: 18px; margin-bottom: 12px; }
.gun-ust h2 { font-size: 1.3125rem; font-weight: 650; }
.gun-ust-sic { font-size: 1.125rem; color: var(--ikincil); }
.gun-ust-sic b { font-size: 2.5rem; line-height: 1; font-stretch: 78%; font-weight: 600; color: var(--yaprak); }
.gun-ust-sic span { margin-left: 8px; color: var(--murekkep); font-weight: 600; }
.gun-bolumleri { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-bottom: 22px; border: 1px solid var(--cizgi); border-radius: 6px; }
.gun-bolumleri li { display: grid; gap: 3px; padding: 14px 16px; font-size: .875rem; color: var(--ikincil); }
.gun-bolumleri li + li { border-left: 1px solid var(--cizgi); }
.gun-bolumleri li > span:first-child { font-weight: 650; color: var(--murekkep); font-size: .9375rem; }
.gun-bolumleri b { font-size: 1.375rem; font-stretch: 82%; color: var(--murekkep); font-variant-numeric: tabular-nums; }
.ac-kapa { margin-top: 18px; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.ac-kapa > summary { display: flex; justify-content: space-between; align-items: center; padding: 12px 2px; font-weight: 600; }
.ac-kapa[open] > summary .simge { transform: rotate(180deg); }
.ac-kapa .tablo-kap { padding-bottom: 12px; }

/* Bağlantı listeleri */
.bag-listesi { display: flex; flex-wrap: wrap; gap: 8px; }
.bag-listesi a { display: block; padding: 7px 13px; border: 1px solid var(--cizgi); border-radius: 6px; text-decoration: none; font-size: .9375rem; font-weight: 500; }
.bag-listesi a:hover { border-color: var(--yaprak); color: var(--yaprak); }
.onceki-sonraki { display: flex; justify-content: space-between; gap: 16px; margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--cizgi); font-weight: 600; color: var(--yaprak); }
.onceki-sonraki span { color: var(--ikincil); font-weight: 400; }

/* İlçe kuşakları */
.kusaklar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; }
.kusaklar h3 { font-size: 1rem; font-weight: 700; color: var(--yaprak); padding-bottom: 6px; border-bottom: 2px solid var(--yaprak); }
.kusaklar p { font-size: .875rem; color: var(--ikincil); margin: 8px 0; min-height: 3.9em; }
.kusaklar li { padding: 4px 0; font-weight: 600; }

/* Gezi noktaları */
.yer-kartlari { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 56px; border-top: 1px solid var(--murekkep); }
.yer-kartlari a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 20px; padding: 18px 4px; border-bottom: 1px solid var(--cizgi); text-decoration: none; height: 100%; align-content: start; }
.yer-kartlari a:hover { background: var(--bant); --simge-zemin: var(--bant); }
.yk-ust b { display: block; font-size: 1.125rem; color: var(--yaprak); }
.yk-sic { display: grid; grid-template-columns: auto auto; align-items: center; gap: 0 8px; justify-content: end; text-align: right; }
.yk-sic b { font-size: 1.875rem; font-stretch: 80%; line-height: 1; }
.yk-sic span { grid-column: 1 / -1; font-size: .8125rem; color: var(--ikincil); }
.yk-not { grid-column: 1 / -1; font-size: .9375rem; color: var(--ikincil); }
.yk-hs { grid-column: 1 / -1; display: flex; gap: 18px; font-size: .875rem; font-weight: 600; }
.yk-hs span { display: inline-flex; align-items: center; gap: 5px; }

/* Yazı listesi ve yazı */
.yazi-listesi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 56px; border-top: 1px solid var(--cizgi); }
.yazi-listesi a { display: block; padding: 14px 2px 16px; border-bottom: 1px solid var(--cizgi); text-decoration: none; height: 100%; }
.yazi-listesi a:hover b { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.yazi-listesi b { display: block; font-size: 1.0625rem; line-height: 1.35; color: var(--yaprak); }
.yazi-listesi span { display: block; margin-top: 4px; font-size: .9375rem; color: var(--ikincil); }
.yazi-listesi.genis { grid-template-columns: 1fr; max-width: 820px; }
.yazi-listesi.genis b { font-size: 1.25rem; }
.yazi { max-width: 720px; }
.yazi-tarih { font-size: .875rem !important; }
.yazi-govde { font-size: 1.0625rem; line-height: 1.7; }
.yazi-govde > * + * { margin-top: 16px; }
.yazi-govde h2 { font-size: 1.375rem; line-height: 1.25; font-weight: 650; margin-top: 34px; }
.yazi-govde h3 { font-size: 1.125rem; font-weight: 650; margin-top: 24px; }
.yazi-govde ul, .yazi-govde ol { padding-left: 22px; }
.yazi-govde ul { list-style: disc; }
.yazi-govde ol { list-style: decimal; }
.yazi-govde li + li { margin-top: 6px; }
.yazi-govde a { color: var(--yaprak); font-weight: 600; }
.yazi-govde table { width: 100%; font-size: .9375rem; font-variant-numeric: tabular-nums; }
.yazi-govde th, .yazi-govde td { text-align: left; padding: 8px 12px 8px 0; border-bottom: 1px solid var(--cizgi); }
.yazi-govde thead th { font-size: .8125rem; font-weight: 500; color: var(--ikincil); border-bottom-color: var(--murekkep); }
.yazi-govde .wp-block-table { overflow-x: auto; margin-inline: 0; }

/* Sık sorulanlar */
.sss { max-width: 820px; }
.sss h2 { margin-bottom: 8px; }
.sss details { border-bottom: 1px solid var(--cizgi); }
.sss summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 13px 2px; font-weight: 600; }
.sss summary .simge { color: var(--soluk); }
.sss details[open] summary .simge { transform: rotate(180deg); }
.sss details p { padding: 0 2px 16px; max-width: 72ch; color: #2c3d33; }

/* Alt bölüm */
.alt { background: var(--yaprak); color: #dbe8df; margin-top: 0; padding: 40px 0 24px; font-size: .9375rem; }
.alt-ic { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; }
.alt h2 { font-size: .9375rem; font-weight: 700; color: #fff; margin-bottom: 10px; }
.alt li a { display: inline-block; padding: 4px 0; text-decoration: none; }
.alt li a:hover { text-decoration: underline; color: #fff; }
.alt-ilceler { columns: 2; column-gap: 24px; }
.alt-not { margin-top: 32px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .18); display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font-size: .8125rem; color: #b5cbbd; }
.alt-cubuk { display: none; }

/* ---------- Dar ekran ---------- */
@media (max-width: 1080px) {
  .ana-menu > ul > li > a, .olay-menu > summary { padding: 0 9px; font-size: .875rem; }
  .marka i { display: none; }
  .iki-sutun { grid-template-columns: minmax(0, 1fr) 300px; gap: 36px; }
  .olay-dizini a { grid-template-columns: 180px 220px minmax(0, 1fr); }
}

@media (max-width: 900px) {
  :root { --bosluk: 16px; }
  .ana-menu { display: none; }
  .tum-menu { display: block; }
  .yer-sec, .alt-menulu { position: static; }
  .ust-ic { min-height: 58px; gap: 10px; }
  .marka { margin-right: auto; }
  .marka i { display: inline; }
  .acilir-ic { left: 8px; right: 8px; top: calc(100% + 6px); width: auto; max-height: calc(100dvh - 58px - 84px); overflow-y: auto; overscroll-behavior: contain; }
  .yer-panel li a { padding: 10px 8px; font-size: 1.0625rem; }
  main { padding-bottom: 44px; }
  .simdi { grid-template-columns: 1fr; gap: 22px; padding: 14px 0 22px; }
  .iki-sutun { grid-template-columns: 1fr; gap: 0; }
  .metin-bolum { grid-template-columns: 1fr; }
  .olculer.dar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .olculer.dar > div:last-child { grid-column: 1 / -1; }
  .olculer.ozet-olcu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kusaklar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kusaklar p { min-height: 0; }
  .olay-dizini a { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .olay-dizini a > p:last-child { grid-column: 1 / -1; }
  .yer-kartlari, .yazi-listesi { grid-template-columns: 1fr; }
  .alt-ic { grid-template-columns: 1fr 1fr; gap: 28px 24px; }
  .alt { padding-bottom: 92px; }
  .kesit-ic { margin-inline: 0; }

  .alt-cubuk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: grid; grid-template-columns: repeat(5, 1fr); background: var(--zemin); border-top: 1px solid var(--cizgi); padding-bottom: env(safe-area-inset-bottom); }
  .alt-cubuk a { display: grid; justify-items: center; gap: 2px; padding: 7px 2px 8px; border-top: 3px solid transparent; margin-top: -1px; text-decoration: none; font-size: .6875rem; font-weight: 600; color: var(--ikincil); }
  .alt-cubuk a[aria-current] { color: var(--yaprak); border-top-color: var(--gunes); }
}

@media (max-width: 640px) {
  .dar-gizle { display: none; }
  .tablo .genis .t-hava > span, .tablo td.genis .t-hava > span { display: none; }
  .tablo th, .tablo td { padding-right: 10px; }
  .bolum { margin-top: 36px; }
  .simdi-sic { gap: 16px; margin: 12px 0 14px; }
  .simdi-hava .hava-simge { width: 52px; height: 52px; }
  .olculer { column-gap: 18px; }
  .olculer dd b { font-size: 1.25rem; }
  .g-satir > summary, .g-ozet { grid-template-columns: 68px 30px 32px minmax(48px, 1fr) 32px 58px 14px; gap: 7px; padding-inline: 0; }
  .g-hava span, .g-ruzgar { display: none; }
  .g-gun b { font-size: .9375rem; }
  .g-min, .g-max { font-size: 1.0625rem; }
  .g-ayrinti ol { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 14px; }
  .gun-bolumleri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gun-bolumleri li:nth-child(3) { border-left: 0; }
  .gun-bolumleri li:nth-child(n+3) { border-top: 1px solid var(--cizgi); }
  .bolum-bas { flex-wrap: wrap; gap: 2px 16px; }
  .olay-dizini a { grid-template-columns: 1fr; gap: 4px; }
  .od-deger b { display: inline; font-size: 1.0625rem; margin-right: 6px; }
  .alt-ic { grid-template-columns: 1fr 1fr; }
  .sayfa-bas .one-cikan { font-size: 1.0625rem; }
}

@media (max-width: 460px) {
  .marka i { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .acilir[open] > .acilir-ic { animation: none; }
}

@media print {
  .ust, .alt, .alt-cubuk, .sekmeler, .kirinti { display: none; }
}