/* Son Depremler hub'ı — /son-depremler
   kamu1 dili: dolgu kutu / hap yok; kalın üst çizgi + ince ayraç + tipografi. Büyüklük = renkli, tabular rakam. */

.dp { --dp-kucuk: var(--ink-faint); --dp-hafif: var(--ink); --dp-orta: #b45309; --dp-kuvvetli: var(--accent); --dp-buyuk: #7f1d1d; }
html[data-theme=dark] .dp { --dp-orta: #f59e0b; --dp-kuvvetli: #ff5a6a; --dp-buyuk: #ff8a8a; }
.dp-canli { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); margin-right: 6px; vertical-align: 1px; animation: dp-nabiz 1.6s ease-in-out infinite; }
@keyframes dp-nabiz { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .dp-canli { animation: none; } }
.dp-eyebrow { display: block; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-faint); margin-bottom: 6px; }
.dp-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 12px; padding: 14px 0 10px; border-top: 3px solid var(--ink); font-size: 17px; font-weight: 800; letter-spacing: -.01em; }
.dp-h small { font-size: 12.5px; font-weight: 600; color: var(--ink-faint); text-align: right; }
.dp-h-link { font-size: 13px; font-weight: 700; color: var(--link); white-space: nowrap; }
.dp-m { font-variant-numeric: tabular-nums; font-weight: 900; letter-spacing: -.02em; }
.dp-m.is-kucuk { color: var(--dp-kucuk); } .dp-m.is-hafif { color: var(--dp-hafif); } .dp-m.is-orta { color: var(--dp-orta); } .dp-m.is-kuvvetli { color: var(--dp-kuvvetli); } .dp-m.is-buyuk { color: var(--dp-buyuk); }
.dp-kaynak { font-size: 12.5px; color: var(--ink-faint); margin: 10px 0 0; }
.dp-kaynak a { color: var(--link); text-decoration: underline; text-underline-offset: 3px; }
.dp-bos { color: var(--ink-faint); font-size: 14.5px; padding: 14px 0; margin: 0; }

/* ---- Özet ---- */
.dp-ozet { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); border-top: 3px solid var(--ink); border-bottom: 1px solid var(--line); margin: 0 0 18px; }
.dp-ozet-ana { padding: 20px 28px 20px 0; border-right: 1px solid var(--line); min-width: 0; }
.dp-son { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; }
.dp-son > .dp-m { font-family: var(--display); font-size: clamp(64px, 9vw, 112px); line-height: .9; }
.dp-son-govde strong { display: block; font-size: clamp(18px, 2.4vw, 24px); font-weight: 800; line-height: 1.25; letter-spacing: -.015em; text-wrap: balance; }
.dp-son-govde span { display: block; margin-top: 6px; font-size: 14px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.dp-ozet-yan { display: grid; grid-template-columns: 1fr 1fr; }
.dp-stat { padding: 18px 0 18px 22px; border-bottom: 1px solid var(--line); min-width: 0; }
.dp-stat:nth-child(odd) { border-right: 1px solid var(--line); }
.dp-stat:nth-last-child(-n+2) { border-bottom: 0; }
.dp-stat--buyuk { grid-column: 1 / -1; border-right: 0 !important; }
.dp-stat b { display: block; font-family: var(--display); font-size: 34px; font-weight: 900; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.dp-stat small { display: block; margin-top: 6px; font-size: 12.5px; color: var(--ink-faint); }

/* ---- Filtre ---- */
.dp-filtre { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 0 0 6px; }
.dp-sekme { display: flex; gap: 2px; border-bottom: 1px solid var(--line); }
.dp-sekme a { padding: 10px 14px; font-size: 14px; font-weight: 700; color: var(--ink-soft); border-bottom: 3px solid transparent; margin-bottom: -1px; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.dp-sekme a:hover { color: var(--ink); }
.dp-sekme a.is-on { color: var(--ink); border-bottom-color: var(--accent); }
.dp-il { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; color: var(--ink-soft); }
.dp-il select { font: inherit; font-size: 15px; padding: 9px 12px; min-height: 44px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); color: var(--ink); min-width: 220px; }

/* ---- Gövde: liste + yan ---- */
.dp-govde { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 0 36px; align-items: start; }
.dp-tablo { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.dp-tablo th { text-align: left; padding: 6px 8px 8px 0; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); border-bottom: 1px solid var(--ink-faint); }
.dp-tablo td { padding: 10px 10px 10px 0; border-bottom: 1px solid var(--line); vertical-align: middle; }
.dp-tablo tr.is-orta td:first-child, .dp-tablo tr.is-kuvvetli td:first-child, .dp-tablo tr.is-buyuk td:first-child { box-shadow: inset 3px 0 0 var(--dp-orta); padding-left: 10px; }
.dp-tablo tr.is-kuvvetli td:first-child, .dp-tablo tr.is-buyuk td:first-child { box-shadow: inset 3px 0 0 var(--dp-kuvvetli); }
.dp-tablo tr.is-yeni { animation: dp-yeni 1.2s ease; }
@keyframes dp-yeni { from { background: color-mix(in srgb, var(--accent) 14%, transparent); } to { background: transparent; } }
.dp-saat { white-space: nowrap; color: var(--ink-soft); font-variant-numeric: tabular-nums; width: 1%; }
.dp-buyuk { white-space: nowrap; width: 1%; }
.dp-buyuk .dp-m { font-size: 20px; }
.dp-buyuk small { margin-left: 5px; font-size: 11px; color: var(--ink-faint); }
.dp-yer { font-weight: 600; line-height: 1.35; }
.dp-yer small { display: inline-block; margin-left: 8px; font-size: 12px; font-weight: 500; color: var(--ink-faint); }
.dp-yer-il { margin-left: 8px; font-size: 12.5px; font-weight: 700; color: var(--link); white-space: nowrap; }
.dp-der { white-space: nowrap; color: var(--ink-soft); font-variant-numeric: tabular-nums; width: 1%; }
.dp-tablo .dp-gizle a { font-size: 12.5px; font-weight: 700; color: var(--link); }

.dp-yan > section { margin-bottom: 8px; }
.dp-harita { height: 320px; background: var(--bg-soft); border: 1px solid var(--line); display: grid; place-items: center; }
.dp-harita-yukle { font-size: 13px; color: var(--ink-faint); }
.dp-harita .leaflet-container { font: inherit; }
html[data-theme=dark] .dp-harita .leaflet-tile-pane { filter: invert(1) hue-rotate(180deg) brightness(.92) contrast(.9); }
.dp-mini { list-style: none; margin: 0; padding: 0; }
.dp-mini li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.dp-mini li:last-child { border-bottom: 0; }
.dp-mini .dp-m { font-size: 20px; }
.dp-mini span { min-width: 0; font-weight: 600; line-height: 1.3; }
.dp-mini small { display: block; font-weight: 500; font-size: 12px; color: var(--ink-faint); margin-top: 2px; }

/* ---- Haberler / rehber / SSS / iller ---- */
.dp-haberler { margin-top: 28px; }
.dp-haber-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.dp-rehber { margin-top: 28px; }
.dp-rehber-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; }
.dp-rehber-grid > div + div { border-left: 1px solid var(--line); padding-left: 28px; }
.dp-rehber h3 { margin: 4px 0 8px; font-size: 15.5px; font-weight: 800; }
.dp-rehber ul { margin: 0; padding-left: 18px; }
.dp-rehber li { margin: 0 0 8px; font-size: 14.5px; line-height: 1.6; color: var(--ink-soft); }
.dp-rehber strong { color: var(--ink); }
.dp-sss { margin-top: 28px; max-width: 860px; }
.dp-faq summary { font-weight: 700; font-size: 15.5px; padding: 12px 0; cursor: pointer; }
.dp-faq p { margin: 0 0 14px; font-size: 15px; line-height: 1.65; color: var(--ink-soft); max-width: 72ch; }
.dp-faq { border-bottom: 1px solid var(--line); }
.dp-iller { margin-top: 28px; }
.dp-il-liste { list-style: none; margin: 0; padding: 0; columns: 6; column-gap: 24px; }
.dp-il-liste li { break-inside: avoid; padding: 5px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.dp-il-liste a { display: flex; justify-content: space-between; gap: 8px; color: var(--ink-soft); font-weight: 600; text-decoration: none; }
.dp-il-liste a:hover, .dp-il-liste a[aria-current] { color: var(--ink); }
.dp-il-liste small { color: var(--ink-faint); font-variant-numeric: tabular-nums; }

/* ---- Duyarlı ---- */
@media (max-width: 1100px) { .dp-il-liste { columns: 4; } .dp-haber-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) {
    .dp-govde { grid-template-columns: 1fr; }
    .dp-yan { margin-top: 16px; }
    .dp-ozet { grid-template-columns: 1fr; }
    .dp-ozet-ana { border-right: 0; padding-right: 0; border-bottom: 1px solid var(--line); }
    .dp-stat { padding-left: 0; padding-right: 16px; }
    .dp-stat:nth-child(even) { padding-left: 16px; padding-right: 0; }
    .dp-rehber-grid { grid-template-columns: 1fr; gap: 10px; }
    .dp-rehber-grid > div + div { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 12px; }
}
@media (max-width: 640px) {
    .dp-son { gap: 12px; }
    .dp-son > .dp-m { font-size: 64px; }
    .dp-tablo { font-size: 13.5px; }
    .dp-tablo th.dp-gizle, .dp-tablo td.dp-gizle { display: none; }
    .dp-tablo td { padding: 9px 8px 9px 0; }
    .dp-buyuk .dp-m { font-size: 18px; }
    .dp-yer small { display: block; margin: 2px 0 0; }
    .dp-yer-il { display: block; margin: 2px 0 0; }
    .dp-sekme { width: 100%; overflow-x: auto; scrollbar-width: none; }
    .dp-sekme::-webkit-scrollbar { display: none; }
    .dp-sekme a { flex: none; padding: 10px 12px; }
    .dp-il { width: 100%; }
    .dp-il select { flex: 1; min-width: 0; }
    .dp-il-liste { columns: 2; }
    .dp-haber-grid { grid-template-columns: 1fr; gap: 16px; }
    .dp-harita { height: 260px; }
}