/* Son depremler tablosu: ana sayfada ve /son-depremler sayfasında aynı görünür. */
.quakes-head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; margin-top:32px}
.quakes-updated{font-size:13px; color:var(--dim); min-height:1.7em}
.chips{display:flex; flex-wrap:wrap; gap:8px}
.chips button{font:500 15px/1 var(--font); color:var(--ink); background:transparent; border:1px solid var(--line-2); border-radius:999px; min-height:44px; padding:0 16px; cursor:pointer; transition:background-color .12s ease, border-color .12s ease}
.chips button[aria-pressed="true"]{background:var(--ink); border-color:var(--ink); color:#000}
@media (hover:hover){ .chips button:hover{border-color:var(--ink)} }

.quakes{width:100%; margin-top:16px; border-collapse:collapse; font-variant-numeric:tabular-nums}
.quakes caption{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.quakes th{padding:0 16px 12px 0; border-bottom:1px solid var(--line-2); font-weight:500; font-size:13px; line-height:1.4; color:var(--dim); text-align:left; white-space:nowrap}
.quakes td{padding:16px 16px 16px 0; border-bottom:1px solid var(--line); font-size:15px; line-height:1.45; vertical-align:baseline}
.quakes th:last-child, .quakes td:last-child{padding-right:0; text-align:right}
.quakes .m{width:1%; white-space:nowrap; font-weight:600; font-size:17px; color:var(--ink)}
.quakes .m::before{content:""; display:inline-block; width:10px; height:10px; margin-right:12px; border-radius:50%; background:var(--c, var(--dim))}
.quakes .p a{color:var(--ink); text-decoration:none}
.quakes .p a:focus-visible{outline-offset:2px}
@media (hover:hover){ .quakes .p a:hover{text-decoration:underline; text-underline-offset:3px} }
.quakes .t, .quakes .d{width:1%; white-space:nowrap; color:var(--muted)}
.quakes .t span{color:var(--dim)}
.quakes .empty{padding:32px 0; color:var(--muted); text-align:left}
.quakes-more{margin-top:24px; font-size:15px}
.quakes-more a{color:var(--ink); font-weight:500; text-underline-offset:4px}

@media (max-width:560px){
  .quakes th, .quakes td{padding-right:12px}
  .quakes .t span{display:block; font-size:13px}
}