/* ════════════════════════════════════════════════════════════════
   deprem.info — Ana Stil Dosyası
   Düzenlenmiş Hiyerarşi: Değişkenler → Reset → Layout → Bileşenler → Sayfa Stilleri → Responsive
   ════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════
   1. GLOBAL DEĞİŞKENLER (CSS Custom Properties)
   Tema renkleri, alfa varyantları, tipografi, z-index skalası
   ════════════════════════════════════════════ */

:root {
/* ── Tema Renkleri ── */
--bg:#080c10; --bg2:#0d1117; --bg3:#161b22; --bg4:#1c2128;
--border:rgba(48,54,61,0.8); --border-bright:rgba(88,166,255,0.15);
--text:#e6edf3; --text-muted:#7d8590; --text-dim:#3d444d;
--accent:#58a6ff; --accent2:#3fb950; --accent4:#d2a8ff;
--accent-glow:rgba(88,166,255,0.12);
--warn:#e3b341; --danger:#ff7b72;
--mono:'JetBrains Mono',monospace;
--sans:'DM Sans',sans-serif;

/* ── Alfa Renk Varyantları ── */
--accent-a06:rgba(88,166,255,0.06); --accent-a10:rgba(88,166,255,0.1);
--accent-a15:rgba(88,166,255,0.15); --accent-a18:rgba(88,166,255,0.18);
--accent-a20:rgba(88,166,255,0.2); --accent-a25:rgba(88,166,255,0.25);
--accent2-a10:rgba(63,185,80,0.1); --accent2-a15:rgba(63,185,80,0.15);
--accent2-a20:rgba(63,185,80,0.2); --accent2-a30:rgba(63,185,80,0.3);
--accent2-a50:rgba(63,185,80,0.5);
--warn-a06:rgba(227,179,65,0.06); --warn-a07:rgba(227,179,65,0.07);
--warn-a10:rgba(227,179,65,0.1); --warn-a12:rgba(227,179,65,0.12);
--warn-a15:rgba(227,179,65,0.15); --warn-a20:rgba(227,179,65,0.2);
--warn-a25:rgba(227,179,65,0.25); --warn-a30:rgba(227,179,65,0.3);
--danger-a06:rgba(255,123,114,0.06); --danger-a07:rgba(255,123,114,0.07);
--danger-a08:rgba(255,123,114,0.08); --danger-a10:rgba(255,123,114,0.1);
--danger-a12:rgba(255,123,114,0.12); --danger-a15:rgba(255,123,114,0.15);
--danger-a20:rgba(255,123,114,0.2); --danger-a25:rgba(255,123,114,0.25);
--danger-a30:rgba(255,123,114,0.3); --danger-a35:rgba(255,123,114,0.35);
--accent4-a07:rgba(210,168,255,0.07); --accent4-a08:rgba(210,168,255,0.08);
--accent4-a10:rgba(210,168,255,0.1); --accent4-a12:rgba(210,168,255,0.12);
--accent4-a15:rgba(210,168,255,0.15); --accent4-a18:rgba(210,168,255,0.18);
--accent4-a20:rgba(210,168,255,0.2);
--teal-a12:rgba(56,189,248,0.12);
--accent-a07:rgba(88,166,255,0.07); --accent-a30:rgba(88,166,255,0.3); --accent-a50:rgba(88,166,255,0.5);
--accent2-a05:rgba(63,185,80,0.05); --accent2-a06:rgba(63,185,80,0.06); --accent2-a07:rgba(63,185,80,0.07);
--accent2-a08:rgba(63,185,80,0.08); --accent2-a12:rgba(63,185,80,0.12); --accent2-a25:rgba(63,185,80,0.25); --accent2-a35:rgba(63,185,80,0.35);
--warn-a08:rgba(227,179,65,0.08); --warn-a35:rgba(227,179,65,0.35);
--danger-a05:rgba(255,123,114,0.05);
--shadow-sm:rgba(0,0,0,0.15); --shadow-md:rgba(0,0,0,0.2); --shadow-lg:rgba(0,0,0,0.25);

/* ── Bağımsız Renkler ── */
--white:#fff; --red-alert:#dc2626; --teal:#38bdf8;
--twitter:#1d9bf0; --whatsapp:#25d366;
--dot-red:#ff5f57; --dot-yellow:#febc2e; --dot-green:#28c840;
--link-blue:#79b8ff;

/* ── Büyüklük Skalası (deprem şiddeti — 6 kademe) ── */
--mag-1:#3fb950; --mag-2:#7cc95a; --mag-3:#b8d862;
--mag-4:#e3b341; --mag-5:#f0832a; --mag-6:#ff7b72;
--mag-1-a10:rgba(63,185,80,0.1); --mag-1-a25:rgba(63,185,80,0.25); --mag-1-a30:rgba(63,185,80,0.3);
--mag-2-a10:rgba(124,201,90,0.1); --mag-2-a25:rgba(124,201,90,0.25); --mag-2-a30:rgba(124,201,90,0.3);
--mag-3-a10:rgba(184,216,98,0.1); --mag-3-a25:rgba(184,216,98,0.25); --mag-3-a30:rgba(184,216,98,0.3);
--mag-4-a10:rgba(227,179,65,0.1); --mag-4-a25:rgba(227,179,65,0.25); --mag-4-a30:rgba(227,179,65,0.3);
--mag-5-a10:rgba(240,131,42,0.1); --mag-5-a25:rgba(240,131,42,0.25); --mag-5-a30:rgba(240,131,42,0.3);
--mag-6-a10:rgba(255,123,114,0.1); --mag-6-a25:rgba(255,123,114,0.25); --mag-6-a30:rgba(255,123,114,0.3);

/* ── Sosyal Medya Alfa ── */
--twitter-a06:rgba(29,155,240,0.06); --twitter-a20:rgba(29,155,240,0.2); --twitter-a50:rgba(29,155,240,0.5);
--whatsapp-a06:rgba(37,211,102,0.06); --whatsapp-a20:rgba(37,211,102,0.2); --whatsapp-a50:rgba(37,211,102,0.5);

/* ── Z-Index Katmanları ── */
--z-base:0; --z-low:1; --z-mid:2; --z-ticker:100; --z-header:200; --z-scroll-top:300; --z-dropdown:500;

/* ── Yazı Boyutu Skalası ── */
--fs-3xs:0.55rem; --fs-2xs:0.58rem; --fs-xs:0.6rem; --fs-xs2:0.62rem;
--fs-sm:0.65rem; --fs-sm2:0.68rem; --fs-base-sm:0.7rem; --fs-base:0.72rem;
--fs-base2:0.75rem; --fs-md:0.78rem; --fs-md2:0.8rem; --fs-body:0.82rem;
--fs-body2:0.85rem; --fs-lg:0.88rem; --fs-lg2:0.9rem; --fs-xl:0.95rem;
--fs-h4:1rem; --fs-h3:1.1rem; --fs-h3b:1.15rem; --fs-h2:1.2rem;
--fs-h1:1.3rem; --fs-display-sm:1.5rem; --fs-display:1.6rem;
--fs-display-lg:1.8rem; --fs-display-xl:2.5rem; --fs-display-2xl:2.8rem;
--fs-display-3xl:3rem; --fs-hero:3.5rem; --fs-root:14px;
--fs-xs3:0.63rem; --fs-body3:0.84rem; --fs-h2b:1.25rem; --fs-h0:1.4rem;
}
[data-theme="light"] {
--bg:#f6f8fa; --bg2:#ffffff; --bg3:#f0f3f6; --bg4:#e8ecf0;
--border:rgba(208,215,222,0.9); --border-bright:rgba(9,105,218,0.2);
--text:#1f2328; --text-muted:#636c76; --text-dim:#b0bac4;
--accent:#0969da; --accent2:#1a7f37; --accent-glow:rgba(9,105,218,0.08);
--warn:#9a6700; --danger:#cf222e;
/* Alfa varyantları (açık tema renk tabanı) */
--accent-a06:rgba(9,105,218,0.06); --accent-a10:rgba(9,105,218,0.1);
--accent-a15:rgba(9,105,218,0.15); --accent-a18:rgba(9,105,218,0.18);
--accent-a20:rgba(9,105,218,0.2); --accent-a25:rgba(9,105,218,0.25);
--accent-a07:rgba(9,105,218,0.07); --accent-a30:rgba(9,105,218,0.3); --accent-a50:rgba(9,105,218,0.5);
--accent2-a10:rgba(26,127,55,0.1); --accent2-a15:rgba(26,127,55,0.15);
--accent2-a20:rgba(26,127,55,0.2); --accent2-a30:rgba(26,127,55,0.3);
--accent2-a50:rgba(26,127,55,0.5);
--accent2-a05:rgba(26,127,55,0.05); --accent2-a06:rgba(26,127,55,0.06); --accent2-a07:rgba(26,127,55,0.07);
--accent2-a08:rgba(26,127,55,0.08); --accent2-a12:rgba(26,127,55,0.12); --accent2-a25:rgba(26,127,55,0.25); --accent2-a35:rgba(26,127,55,0.35);
--warn-a06:rgba(154,103,0,0.06); --warn-a07:rgba(154,103,0,0.07);
--warn-a10:rgba(154,103,0,0.1); --warn-a12:rgba(154,103,0,0.12);
--warn-a15:rgba(154,103,0,0.15); --warn-a20:rgba(154,103,0,0.2);
--warn-a25:rgba(154,103,0,0.25); --warn-a30:rgba(154,103,0,0.3);
--warn-a08:rgba(154,103,0,0.08); --warn-a35:rgba(154,103,0,0.35);
--danger-a06:rgba(207,34,46,0.06); --danger-a07:rgba(207,34,46,0.07);
--danger-a08:rgba(207,34,46,0.08); --danger-a10:rgba(207,34,46,0.1);
--danger-a12:rgba(207,34,46,0.12); --danger-a15:rgba(207,34,46,0.15);
--danger-a20:rgba(207,34,46,0.2); --danger-a25:rgba(207,34,46,0.25);
--danger-a30:rgba(207,34,46,0.3); --danger-a35:rgba(207,34,46,0.35);
--danger-a05:rgba(207,34,46,0.05);
/* Büyüklük skalası (açık tema — 6 kademe) */
--mag-1:#1a7f37; --mag-2:#3d8b2a; --mag-3:#7a8a12;
--mag-4:#9a6700; --mag-5:#c45100; --mag-6:#cf222e;
--mag-1-a10:rgba(26,127,55,0.1); --mag-1-a25:rgba(26,127,55,0.25); --mag-1-a30:rgba(26,127,55,0.3);
--mag-2-a10:rgba(61,139,42,0.1); --mag-2-a25:rgba(61,139,42,0.25); --mag-2-a30:rgba(61,139,42,0.3);
--mag-3-a10:rgba(122,138,18,0.1); --mag-3-a25:rgba(122,138,18,0.25); --mag-3-a30:rgba(122,138,18,0.3);
--mag-4-a10:rgba(154,103,0,0.1); --mag-4-a25:rgba(154,103,0,0.25); --mag-4-a30:rgba(154,103,0,0.3);
--mag-5-a10:rgba(196,81,0,0.1); --mag-5-a25:rgba(196,81,0,0.25); --mag-5-a30:rgba(196,81,0,0.3);
--mag-6-a10:rgba(207,34,46,0.1); --mag-6-a25:rgba(207,34,46,0.25); --mag-6-a30:rgba(207,34,46,0.3);
--link-blue:#58a6ff;
}


/* ════════════════════════════════════════════
   2. RESET & TEMEL STİLLER
   Sıfırlama, body, genel animasyonlar
   ════════════════════════════════════════════ */

/* -- Reset -- */
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
font-family:var(--sans);
background:var(--bg);
color:var(--text);
min-height:100vh;
font-size:var(--fs-root);
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
body::before {
content:''; position:fixed; inset:0; pointer-events:none; z-index:var(--z-base); opacity:0.5;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");
}

/* -- Animations -- */
@keyframes fade-up { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }


/* ════════════════════════════════════════════
   3. LAYOUT (Ticker, Header, Footer, Ana Çerçeve)
   Sayfa iskelet yapısı
   ════════════════════════════════════════════ */

/* -- Ticker -- */
.ticker-bar { background:var(--bg2); border-bottom:1px solid var(--border); height:34px; display:flex; align-items:center; overflow:hidden; position:relative; z-index:var(--z-ticker); }
.ticker-pill { background:var(--red-alert); color:var(--white); font-family:var(--mono); font-size:var(--fs-sm); font-weight:700; letter-spacing:0.08em; padding:0 14px; height:100%; display:flex; align-items:center; gap:7px; white-space:nowrap; flex-shrink:0; }
.ticker-pill::after { content:''; width:6px; height:6px; background:var(--white); border-radius:50%; animation:pulse-dot 1.5s ease infinite; }
@keyframes pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.7)} }
.ticker-scroll { flex:1; overflow:hidden; }
.ticker-inner { display:inline-block; white-space:nowrap; animation:ticker 50s linear infinite; color:var(--text-muted); font-family:var(--mono); font-size:var(--fs-base); }
.ticker-inner:hover { animation-play-state:paused; cursor:default; }
.ticker-sep { color:var(--accent); margin:0 18px; opacity:0.5; }
.ticker-link { color:var(--text-muted); text-decoration:none; }
.ticker-link:hover { color:var(--accent); }
@keyframes ticker { from{transform:translateX(100vw)} to{transform:translateX(-100%)} }

/* -- Header -- */
.site-header { background:var(--bg2); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:var(--z-header); }
.header-inner { max-width:1280px; margin:0 auto; padding:0 24px; height:56px; display:flex; align-items:center; justify-content:space-between; }
.logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.logo-icon { width:30px; height:30px; border:1.5px solid var(--accent); border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:var(--fs-base2); color:var(--accent); position:relative; overflow:hidden; }
.logo-icon::before { content:''; position:absolute; inset:0; background:var(--accent-glow); }
.logo-text { font-family:var(--mono); font-size:var(--fs-xl); font-weight:600; color:var(--text); letter-spacing:-0.01em; }
.logo-text span { color:var(--accent); }
.logo-badge { font-family:var(--mono); font-size:var(--fs-3xs); background:var(--accent2-a15); color:var(--accent2); border:1px solid var(--accent2-a30); padding:2px 7px; border-radius:20px; letter-spacing:0.05em; }
.header-actions { display:flex; align-items:center; gap:8px; }
.icon-btn { width:32px; height:32px; border-radius:6px; border:1px solid var(--border); background:transparent; color:var(--text-muted); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:var(--fs-md2); transition:all 0.15s; text-decoration:none; }
.icon-btn:hover { background:var(--bg3); color:var(--text); border-color:var(--border-bright); }
.hamburger-menu { position:relative; }
.hamburger-btn { width:32px; height:32px; border-radius:6px; border:1px solid var(--border); background:transparent; color:var(--text-muted); cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; transition:all 0.15s; padding:0; }
.hamburger-btn:hover { background:var(--bg3); color:var(--text); border-color:var(--border-bright); }
.hamburger-btn span { display:block; width:14px; height:1.5px; background:currentColor; border-radius:2px; transition:all 0.2s; }
.hamburger-btn.open span:nth-child(1) { transform:translateY(5.5px) rotate(45deg); }
.hamburger-btn.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.hamburger-btn.open span:nth-child(3) { transform:translateY(-5.5px) rotate(-45deg); }
.dropdown-menu-custom { position:absolute; top:calc(100% + 8px); right:0; width:220px; background:var(--bg2); border:1px solid var(--border); border-radius:10px; overflow:hidden; box-shadow:0 16px 40px var(--shadow-lg); opacity:0; transform:translateY(-6px) scale(0.97); pointer-events:none; transition:opacity 0.15s,transform 0.15s; z-index:var(--z-dropdown); }
.dropdown-menu-custom.open { opacity:1; transform:translateY(0) scale(1); pointer-events:all; }
.dropdown-item-custom { display:flex; align-items:center; gap:12px; padding:10px 16px; color:var(--text-muted); text-decoration:none; font-family:var(--mono); font-size:var(--fs-base2); transition:background 0.12s,color 0.12s; border-bottom:1px solid var(--border); }
.dropdown-item-custom:last-child { border-bottom:none; }
.dropdown-item-custom:hover { background:var(--bg3); color:var(--text); }
.dropdown-item-custom.active { color:var(--accent); background:var(--accent-glow); }
.dropdown-item-custom i { width:14px; font-size:var(--fs-base); opacity:0.7; }

/* -- Layout -- */
.main-wrap { max-width:1280px; margin:0 auto; padding:24px; position:relative; z-index:var(--z-low); }

/* -- Footer -- */
footer { border-top:1px solid var(--border); margin-top:40px; padding:20px 24px; }
.footer-inner { max-width:1280px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.footer-copy { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); }
.footer-links { display:flex; gap:20px; }
.footer-links a { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); text-decoration:none; transition:color 0.15s; }
.footer-links a:hover { color:var(--accent); }
.footer-links a.active { color:var(--accent); }
.footer-source { display:flex; align-items:center; gap:6px; font-family:var(--mono); font-size:var(--fs-xs2); color:var(--text-dim); }
.source-ping { display:inline-block; width:6px; height:6px; background:var(--accent2); border-radius:50%; }


/* ════════════════════════════════════════════
   4. GENEL BİLEŞENLER (Buttons, Cards, Forms)
   Birden fazla sayfada kullanılan tekrar eden bileşenler
   ════════════════════════════════════════════ */

/* -- Breadcrumb -- */
/* -- Breadcrumb -- */
.breadcrumb { display:flex; align-items:center; gap:6px; font-family:var(--mono); font-size:var(--fs-sm2); color:var(--text-dim); margin-bottom:20px; flex-wrap:wrap; }
.breadcrumb a { color:var(--text-muted); text-decoration:none; transition:color 0.15s; }
.breadcrumb a:hover { color:var(--accent); }
.breadcrumb-sep { opacity:0.4; }
.breadcrumb-current { color:var(--text-muted); }

/* -- Sayfa Hero -- */
/* -- Page Hero -- */
.page-hero { background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:28px 32px; margin-bottom:24px; position:relative; overflow:hidden; animation:fade-up 0.3s ease both; }
.page-hero::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--accent),transparent); }
.page-hero-eyebrow { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:15px; display:flex; align-items:center; gap:8px; }
.page-hero-title { font-family:var(--sans); font-size:var(--fs-display); font-weight:700; color:var(--text); line-height:1.2; margin-bottom:15px; letter-spacing:-0.02em; }
.page-hero-title span { color:var(--accent); }
.page-hero-desc { font-size:var(--fs-lg); color:var(--text-muted); line-height:1.65; }

.hero-meta-item { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); display:flex; align-items:center; gap:5px; }
.page-hero-tags { margin-top: 24px; display:flex; flex-wrap:wrap; gap:8px; }
.hero-tag { font-family:var(--mono); font-size:var(--fs-sm); padding:4px 12px; border-radius:20px; border:1px solid var(--border); color:var(--text-dim); cursor:pointer; text-decoration:none; transition:all 0.15s; }
.hero-tag:hover, .hero-tag.active { background:var(--accent-glow); border-color:var(--border-bright); color:var(--accent); }

/* -- Page Hero Static Pages -- */
.page-hero-static { background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:28px 32px; margin-bottom:24px; position:relative; overflow:hidden; animation:fade-up 0.3s ease both; }
.page-hero-static::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--accent4),transparent); }
.page-hero-static-eyebrow { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:15px; display:flex; align-items:center; gap:8px; }
.page-hero-static-title { font-family:var(--sans); font-size:var(--fs-display); font-weight:700; color:var(--text); line-height:1.2; margin-bottom:15px; letter-spacing:-0.02em; }
.page-hero-static-title span { color:var(--accent4); }
.page-hero-static-desc { font-size:var(--fs-lg); color:var(--text-muted); line-height:1.65; }
.page-hero-static-meta { display:flex; gap:16px; margin-top:14px; flex-wrap:wrap; }
/* -- Panel -- */
/* -- Panel -- */
.panel { background:var(--bg2); border:1px solid var(--border); border-radius:10px; overflow:hidden; animation:fade-up 0.3s ease both; margin-bottom:16px; }
.panel:nth-child(1){animation-delay:0.04s} .panel:nth-child(2){animation-delay:0.08s} .panel:nth-child(3){animation-delay:0.12s}
.panel-header-index { padding:12px 18px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--border); }
.panel-header-left { display:flex; align-items:center; gap:10px; }
.panel-header-icon { width:32px; height:32px; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:var(--fs-md2); flex-shrink:0; }
.panel-header { padding:12px 18px; display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--border); }
.panel-dots { display:flex; gap:5px; }
.panel-dot { width:8px; height:8px; border-radius:50%; }
.dot-red{background:var(--dot-red)} .dot-yellow{background:var(--dot-yellow)} .dot-green{background:var(--dot-green)}
.panel-title { font-family:var(--mono); font-size:var(--fs-base); font-weight:600; color:var(--text-muted); letter-spacing:0.06em; text-transform:uppercase; }
.panel-title-sub { font-family:var(--mono); font-size:var(--fs-xs2); color:var(--text-dim); margin-top:1px; }
.panel-body { padding:22px; }
.panel-body.no-pad { padding:0; }
/* -- Panel Toggle (expand/collapse) -- */
.panel-header[onclick], .panel-header-index[onclick] { cursor:pointer; justify-content:space-between; }
.panel-toggle { font-family:var(--mono); font-size:var(--fs-base-sm); color:var(--text-dim); transition:transform 0.2s; user-select:none; }
.panel-toggle.open { transform:rotate(90deg); }
.panel-body.collapsed { display:none; }
.panel-header-info {
font-family:var(--mono);
font-size:var(--fs-sm);
color:var(--text-dim);
}


/* -- Sayfalama -- */
/* -- Pagination -- */
.pagination-wrap { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; flex-wrap:wrap; gap:10px; border-top:1px solid var(--border); }
.page-info { font-family:var(--mono); font-size:var(--fs-base-sm); color:var(--text-dim); }
.page-info span { color:var(--text-muted); }
.page-btns { display:flex; gap:4px; flex-wrap:wrap; }
.page-btn { min-width:28px; height:28px; padding:0 6px; border-radius:5px; border:1px solid var(--border); background:transparent; color:var(--text-muted); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:var(--fs-base-sm); font-family:var(--mono); transition:all 0.15s; text-decoration:none; }
.page-btn:hover { background:var(--bg3); color:var(--text); border-color:var(--border-bright); }
.page-btn.active { background:var(--accent); color:var(--white); border-color:transparent; font-weight:700; }
.page-btn.disabled { opacity:0.3; pointer-events:none; cursor:default; }
.page-dots { font-family:var(--mono); font-size:var(--fs-base-sm); color:var(--text-dim); padding:0 4px; display:flex; align-items:center; }

/* -- Kategori Filtre -- */
/* -- Kategori filtre -- */
.cat-bar { display:flex; align-items:center; gap:8px; margin-bottom:20px; flex-wrap:wrap; }
.cat-bar-label { font-family:var(--mono); font-size:var(--fs-xs2); color:var(--text-dim); letter-spacing:0.06em; text-transform:uppercase; margin-right:4px; }
.cat-btn { font-family:var(--mono); font-size:var(--fs-sm2); padding:4px 13px; border-radius:20px; border:1px solid var(--border); background:transparent; color:var(--text-muted); text-decoration:none; transition:all 0.15s; white-space:nowrap; }
.cat-btn:hover { background:var(--bg3); color:var(--text); border-color:var(--border-bright); }
.cat-btn.active { background:var(--accent-glow); color:var(--accent); border-color:var(--accent-a30); }

/* -- Filtre Alanları & Butonlar -- */
/* -- Filter -- */
.filter-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.filter-actions { display:flex; align-items:center; gap:8px; margin-top:14px; padding-top:14px; border-top:1px solid var(--border); }
.field-label { font-family:var(--mono); font-size:var(--fs-xs2); color:var(--text-dim); letter-spacing:0.06em; text-transform:uppercase; margin-bottom:6px; }
.field-input, .field-select {
width:100%;
background:var(--bg3);
border:1px solid var(--border);
border-radius:6px;
padding:7px 12px;
color:var(--text);
font-family:var(--mono);
font-size:var(--fs-md);
outline:none;
transition:border-color 0.15s;
appearance:none;
-webkit-appearance:none;
/* Mobilde datetime-local için min-height garantisi */
min-height:36px;
line-height:1.4;
}
.field-input:focus, .field-select:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-glow); }
/* datetime-local tarayici varsayilan stillerini sifirla */
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
filter: invert(0.6);
cursor:pointer;
opacity:0.6;
}
[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator {
filter: invert(0.8) brightness(1.2);
}
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-clear-button { display:none; }
.btn-search { background:var(--accent); color:var(--white); border:none; border-radius:6px; padding:7px 16px; font-family:var(--mono); font-size:var(--fs-base2); font-weight:700; cursor:pointer; transition:opacity 0.15s,transform 0.1s; letter-spacing:0.04em; white-space:nowrap; }
.btn-search:hover { opacity:0.85; }
.btn-search:active { transform:scale(0.97); }
.btn-clear { background:transparent; color:var(--text-muted); border:1px solid var(--border); border-radius:6px; padding:7px 12px; font-family:var(--mono); font-size:var(--fs-base); cursor:pointer; transition:all 0.15s; white-space:nowrap; flex-shrink:0; display:flex; align-items:center; gap:5px; text-decoration:none; }
.btn-clear:hover { background:var(--danger-a08); border-color:var(--danger-a35); color:var(--danger); }
.btn-clear:active { transform:scale(0.97); }

/* -- Yukarı Kaydır -- */
/* -- Scroll to Top -- */
.scroll-top {
position:fixed;
bottom:28px;
right:28px;
width:40px;
height:40px;
border-radius:10px;
border:1px solid var(--border);
background:var(--bg2);
color:var(--text-muted);
font-size:var(--fs-md2);
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transform:translateY(12px);
pointer-events:none;
transition:opacity 0.25s, transform 0.25s, background 0.15s, color 0.15s, border-color 0.15s;
z-index:var(--z-scroll-top);
box-shadow:0 4px 16px var(--shadow-sm);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
.scroll-top.visible {
opacity:1;
transform:translateY(0);
pointer-events:auto;
}
.scroll-top:hover {
background:var(--bg3);
color:var(--accent);
border-color:var(--border-bright);
transform:translateY(-2px);
box-shadow:0 6px 20px var(--shadow-md);
}
.scroll-top:active {
transform:translateY(0);
}

/* -- Geri Butonu -- */
/* -- Back btn -- */
.back-btn { display:inline-flex; align-items:center; gap:7px; padding:7px 14px; border-radius:6px; border:1px solid var(--border); background:transparent; color:var(--text-muted); font-family:var(--mono); font-size:var(--fs-base); text-decoration:none; transition:all 0.15s; margin-bottom:20px; }
.back-btn:hover { background:var(--bg3); color:var(--text); border-color:var(--border-bright); }

/* -- Bilgi Kutusu -- */
/* ── Info box ── */
.info-box { border-radius:8px; border:1px solid; padding:14px 16px; margin-bottom:16px; display:flex; gap:12px; font-size:var(--fs-body2); line-height:1.6; word-break:break-word; }
.info-box.blue  { background:var(--accent-a06);  border-color:var(--accent-a20);  color:var(--text-muted); }
.info-box.green { background:var(--accent2-a06);   border-color:var(--accent2-a20);   color:var(--text-muted); }
.info-box.warn  { background:var(--warn-a08);  border-color:var(--warn-a25); color:var(--text-muted); }
.info-box.red   { background:var(--danger-a06); border-color:var(--danger-a20); color:var(--text-muted); }
.info-box-icon { font-size:var(--fs-h4); flex-shrink:0; padding-top:1px; }
.info-box.blue  .info-box-icon { color:var(--accent); }
.info-box.green .info-box-icon { color:var(--accent2); }
.info-box.warn  .info-box-icon { color:var(--warn); }
.info-box.red   .info-box-icon { color:var(--danger); }
.info-box strong { color:var(--text); }

/* -- Adım Listesi -- */
/* ── Step list ── */
.step-list { list-style:none; display:flex; flex-direction:column; gap:10px; }
.step-item { display:flex; gap:14px; align-items:flex-start; }
.step-num { width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:var(--fs-sm); font-weight:700; flex-shrink:0; margin-top:1px; }
.step-num.blue   { background:var(--accent-a15);  color:var(--accent);  border:1px solid var(--accent-a30); }
.step-num.green  { background:var(--accent2-a15);   color:var(--accent2); border:1px solid var(--accent2-a30); }
.step-num.warn   { background:var(--warn-a15);  color:var(--warn);    border:1px solid var(--warn-a30); }
.step-num.red    { background:var(--danger-a15); color:var(--danger);  border:1px solid var(--danger-a30); }
.step-content { flex:1; }
.step-title { font-weight:600; font-size:var(--fs-lg); color:var(--text); margin-bottom:3px; }
.step-desc { font-size:var(--fs-body); color:var(--text-muted); line-height:1.6; }

/* -- Tanım Listesi -- */
/* ── Definition list ── */
.def-list { display:flex; flex-direction:column; }
.def-item { display:grid; grid-template-columns:160px 1fr; gap:0 16px; padding:11px 0; border-bottom:1px solid var(--border); }
.def-item:last-child { border-bottom:none; }
.def-list dt { font-family:var(--mono); font-size:var(--fs-base); font-weight:600; color:var(--accent); padding-top:1px; }
.def-list dd { font-size:var(--fs-body2); color:var(--text-muted); line-height:1.6; }
.def-list dd strong { color:var(--text); }

/* -- Bölüm Ayırıcı -- */
/* ── Divider ── */
.section-div { display:flex; align-items:center; gap:12px; margin:24px 0 20px; }
.section-div-line { flex:1; height:1px; background:var(--border); }
.section-div-label { font-family:var(--mono); font-size:var(--fs-xs); color:var(--text-dim); letter-spacing:0.1em; text-transform:uppercase; white-space:nowrap; }

/* -- İçindekiler Kartları -- */
.toc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:24px; }
.toc-card { background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:16px 18px; text-decoration:none; display:flex; align-items:center; gap:14px; transition:all 0.18s; animation:fade-up 0.3s ease both; }
.toc-card:hover { border-color:var(--border-bright); background:var(--bg3); transform:translateY(-2px); }
.toc-card-icon { width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:var(--fs-lg2); flex-shrink:0; }
.toc-card-icon.blue  { background:var(--accent-glow);  color:var(--accent); }
.toc-card-icon.green { background:var(--accent2-a12);   color:var(--accent2); }
.toc-card-icon.warn  { background:var(--warn-a12);  color:var(--warn); }
.toc-card-icon.red   { background:var(--danger-a12); color:var(--danger); }
.toc-card-icon.purple{ background:var(--accent4-a12); color:var(--accent4); }
.toc-card-icon.teal  { background:var(--teal-a12);  color:var(--teal); }
.toc-card-text { flex:1; min-width:0; }
.toc-card-title { font-family:var(--mono); font-size:var(--fs-base); font-weight:600; color:var(--text); margin-bottom:2px; }
.toc-card-sub { font-size:var(--fs-base-sm); color:var(--text-dim); }

/* -- Form -- */
/* -- Form -- */
.field { margin-bottom:16px; }
.field:last-child { margin-bottom:0; }
.field label { display:block; font-family:var(--mono); font-size:var(--fs-sm2); color:var(--text-dim); letter-spacing:0.05em; text-transform:uppercase; margin-bottom:7px; }
.field label .req { color:var(--danger); margin-left:2px; }
.field input,
.field select,
.field textarea {
width:100%;
padding:10px 14px;
background:var(--bg3);
border:1px solid var(--border);
border-radius:8px;
color:var(--text);
font-family:var(--sans);
font-size:var(--fs-lg);
outline:none;
transition:border-color 0.15s, background 0.15s;
line-height:1.5;
}
.field input:focus,
.field select:focus,
.field textarea:focus { border-color:var(--border-bright); background:var(--bg4); }
.field input::placeholder,
.field textarea::placeholder { color:var(--text-dim); }
.field textarea { resize:vertical; min-height:140px; }
.field select option { background:var(--bg3); }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }

/* -- Gönder Butonu -- */
/* -- Gönder butonu -- */
.btn-submit {
width:100%;
padding:12px;
background:var(--accent);
color:var(--bg);
border:none;
border-radius:8px;
font-family:var(--sans);
font-size:var(--fs-lg2);
font-weight:600;
cursor:pointer;
transition:background 0.15s, transform 0.1s;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
margin-top:20px;
}
.btn-submit:hover { background:var(--link-blue); }
.btn-submit:active { transform:scale(0.99); }
.btn-submit:disabled { opacity:0.6; cursor:not-allowed; transform:none; }

/* -- Form Durum Mesajları -- */
/* -- Durum mesajlari -- */
.form-status {
padding:14px 16px;
border-radius:8px;
font-size:var(--fs-body2);
display:none;
align-items:center;
gap:10px;
margin-top:16px;
line-height:1.5;
}
.form-status.success { background:var(--accent2-a08); border:1px solid var(--accent2-a25); color:var(--accent2); }
.form-status.error   { background:var(--danger-a08); border:1px solid var(--danger-a25); color:var(--danger); }
.form-status i { font-size:var(--fs-h4); flex-shrink:0; }

/* -- Paylaşım Butonları -- */
/* -- Share -- */
.share-wrap { display:flex; align-items:center; gap:12px; margin-top:28px; padding-top:22px; border-top:1px solid var(--border); flex-wrap:wrap; }
.share-wrap-dd { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.share-label { font-family:var(--mono); font-size:var(--fs-sm2); color:var(--text-dim); letter-spacing:0.06em; text-transform:uppercase; flex-shrink:0; }
.share-btn { display:inline-flex; align-items:center; gap:6px; padding:7px 16px; border-radius:6px; border:1px solid var(--border); background:transparent; color:var(--text-muted); font-family:var(--mono); font-size:var(--fs-base); cursor:pointer; text-decoration:none; transition:all 0.15s; line-height:1; }
.share-btn:hover { background:var(--bg3); color:var(--text); border-color:var(--border-bright); }
.share-btn.twitter { border-color:var(--twitter-a20); }
.share-btn.twitter:hover { border-color:var(--twitter-a50); color:var(--twitter); background:var(--twitter-a06); }
.share-btn.whatsapp { border-color:var(--whatsapp-a20); }
.share-btn.whatsapp:hover { border-color:var(--whatsapp-a50); color:var(--whatsapp); background:var(--whatsapp-a06); }
.share-btn.copy { border-color:var(--accent-a20); }
.share-btn.copy:hover { border-color:var(--accent-a50); color:var(--accent); background:var(--accent-a06); }
.share-btn.copy.copied { border-color:var(--accent2-a50); color:var(--accent2); background:var(--accent2-a06); }

/* -- Yardımcı Sınıflar (Utility) -- */
.text-dim { color:var(--text-dim); }
.text-dim-sm { font-size:var(--fs-sm); color:var(--text-dim); }
.mono-dim-sm { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); }
.mt-md { margin-top:16px; }
.info-box-mb { margin-bottom:16px; }
.info-box-mt { margin-top:16px; }
.step-list-mb { margin-bottom:20px; }
.section-div-mt { margin-top:32px; }
.no-cursor { cursor:default; }
.honeypot { position:absolute; left:-9999px; opacity:0; height:0; width:0; overflow:hidden; }
.table-overflow { overflow-x:auto; -webkit-overflow-scrolling:touch; }

/* -- İkon Boyutları & Renkleri -- */
.icon-xs { font-size:var(--fs-xs); }
.icon-md { font-size:var(--fs-md2); }
.icon-blue   { background:var(--accent-a10);  color:var(--accent); }
.icon-green  { background:var(--accent2-a10); color:var(--accent2); }
.icon-purple { background:var(--accent4-a10); color:var(--accent4); }
.icon-red    { background:var(--danger-a10);  color:var(--danger); }
.icon-teal   { background:var(--teal-a12);    color:var(--teal); }
.icon-warn   { background:var(--warn-a10);    color:var(--warn); }
.eyebrow-icon-accent  { color:var(--accent); }
.eyebrow-icon-accent4 { color:var(--accent4); }
.icon-meta-label { font-size:var(--fs-sm); margin-right:4px; opacity:0.6; }
.icon-meta-mr { margin-right:4px; font-size:var(--fs-xs); opacity:0.6; }
.info-icon-inline { font-size:var(--fs-sm); color:var(--accent); margin-right:3px; }


/* -- Panel Modifierleri -- */
.panel-body-compact { padding:14px 16px; }
.panel-body-snug { padding:12px 16px; }
.panel-body-pad-sm { padding:10px; }
.panel-body.panel-body-pad-h { padding:0 16px; }
.panel-body.panel-body-pad-h-sm { padding:0 12px; }
.panel-body.panel-body-tight { padding:8px 16px; }
.panel-link-mono { display:block; text-align:center; padding:10px 16px; font-family:var(--mono); font-size:var(--fs-sm2); color:var(--accent); text-decoration:none; border-top:1px solid var(--border); transition:background 0.12s; }
.panel-link-mono:hover { background:var(--bg3); }
.panel-header-index .panel-link-mono { display:inline; padding:0; border-top:none; font-size:var(--fs-sm); }

/* -- Sidebar Link Kartları -- */
.sidebar-link-card { display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:8px; border:1px solid var(--border); background:var(--bg3); color:var(--text-muted); font-family:var(--mono); font-size:var(--fs-sm2); text-decoration:none; transition:all 0.15s; margin-bottom:6px; }
.sidebar-link-card:last-child { margin-bottom:0; }
.sidebar-link-card:hover { border-color:var(--border-bright); color:var(--text); background:var(--bg4); }
.sidebar-link-icon { font-size:var(--fs-md2); flex-shrink:0; }
.sidebar-link-icon-accent4 { color:var(--accent4); }


/* ════════════════════════════════════════════
   5. SAYFA-ÖZEL STİLLER
   Her sayfaya ait benzersiz bileşen ve düzenler
   ════════════════════════════════════════════ */

/* ── Deprem Detay (deprem-detay.php) ── */
/* ── Hero Deprem Detay ── */
.hero-dd { background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:28px 32px; margin-bottom:16px; position:relative; overflow:hidden; animation:fade-up 0.3s ease both; }
.hero-dd::before {
	content:'';
	position:absolute; top:0; left:0; right:0; height:2px;
}
.hero-dd.mag-1::before { background:linear-gradient(90deg,transparent,var(--mag-1),transparent); }
.hero-dd.mag-2::before { background:linear-gradient(90deg,transparent,var(--mag-2),transparent); }
.hero-dd.mag-3::before { background:linear-gradient(90deg,transparent,var(--mag-3),transparent); }
.hero-dd.mag-4::before { background:linear-gradient(90deg,transparent,var(--mag-4),transparent); }
.hero-dd.mag-5::before { background:linear-gradient(90deg,transparent,var(--mag-5),transparent); }
.hero-dd.mag-6::before { background:linear-gradient(90deg,transparent,var(--mag-6),transparent); }

.hero-dd-top { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px; }
.hero-dd-left { flex:1; min-width:0; }
.hero-dd-eyebrow { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-muted); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:8px; display:flex; align-items:center; gap:8px; }
.hero-dd-title { font-family:var(--mono); font-size:var(--fs-h1); font-weight:600; color:var(--text); line-height:1.35; margin-bottom:8px; margin-top:4px; }
.hero-dd-sub { font-family:var(--mono); font-size:var(--fs-md); color:var(--text-muted); display:flex; align-items:center; flex-wrap:wrap; gap:0; }
.hero-dd-sub-sep { margin:0 8px; opacity:0.35; }
.hero-dd-sub-depth { display:inline; }
.hero-dd-mag-block { text-align:center; flex-shrink:0; }
.hero-dd-mag-value { font:700 var(--fs-hero)/1 var(--mono); margin-bottom:4px; }

.mag-1 .hero-dd-mag-value { color:var(--mag-1); }
.mag-2 .hero-dd-mag-value { color:var(--mag-2); }
.mag-3 .hero-dd-mag-value { color:var(--mag-3); }
.mag-4 .hero-dd-mag-value { color:var(--mag-4); }
.mag-5 .hero-dd-mag-value { color:var(--mag-5); }
.mag-6 .hero-dd-mag-value { color:var(--mag-6); }
.hero-dd-mag-unit { font-family:var(--mono); font-size:var(--fs-base); color:var(--text-dim); letter-spacing:0.06em; }
.hero-dd-mag-label {
	display:inline-block; margin-top:6px;
	font-family:var(--mono); font-size:var(--fs-sm); font-weight:700;
	padding:3px 10px; border-radius:20px; border:1px solid;
}
.mag-1 .hero-dd-mag-label { background:var(--mag-1-a10); color:var(--mag-1); border-color:var(--mag-1-a30); }
.mag-2 .hero-dd-mag-label { background:var(--mag-2-a10); color:var(--mag-2); border-color:var(--mag-2-a30); }
.mag-3 .hero-dd-mag-label { background:var(--mag-3-a10); color:var(--mag-3); border-color:var(--mag-3-a30); }
.mag-4 .hero-dd-mag-label { background:var(--mag-4-a10); color:var(--mag-4); border-color:var(--mag-4-a30); }
.mag-5 .hero-dd-mag-label { background:var(--mag-5-a10); color:var(--mag-5); border-color:var(--mag-5-a30); }
.mag-6 .hero-dd-mag-label { background:var(--mag-6-a10); color:var(--mag-6); border-color:var(--mag-6-a30); }

.hero-dd-meta-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-radius:8px; overflow:hidden; border:1px solid var(--border); }
.hero-dd-meta-item { background:var(--bg3); padding:14px 18px; border-right:1px solid var(--border); }
.hero-dd-meta-item:last-child { border-right:none; }
.mag-1 .hero-dd-meta-grid { border-color:var(--mag-1-a30); }
.mag-1 .hero-dd-meta-item { background:var(--mag-1-a10); border-color:var(--mag-1-a30); }
.mag-2 .hero-dd-meta-grid { border-color:var(--mag-2-a30); }
.mag-2 .hero-dd-meta-item { background:var(--mag-2-a10); border-color:var(--mag-2-a30); }
.mag-3 .hero-dd-meta-grid { border-color:var(--mag-3-a30); }
.mag-3 .hero-dd-meta-item { background:var(--mag-3-a10); border-color:var(--mag-3-a30); }
.mag-4 .hero-dd-meta-grid { border-color:var(--mag-4-a30); }
.mag-4 .hero-dd-meta-item { background:var(--mag-4-a10); border-color:var(--mag-4-a30); }
.mag-5 .hero-dd-meta-grid { border-color:var(--mag-5-a30); }
.mag-5 .hero-dd-meta-item { background:var(--mag-5-a10); border-color:var(--mag-5-a30); }
.mag-6 .hero-dd-meta-grid { border-color:var(--mag-6-a30); }
.mag-6 .hero-dd-meta-item { background:var(--mag-6-a10); border-color:var(--mag-6-a30); }
.hero-dd-meta-label { font-family:var(--mono); font-size:var(--fs-2xs); color:var(--text-muted); font-weight:600; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:5px; }
.hero-dd-meta-value { font-family:var(--mono); font-size:var(--fs-lg2); font-weight:600; color:var(--text); }

#detail-map { height:320px; width:100%; background:var(--bg3); }

/* ── Info table ── */
.info-table { width:100%; border-collapse:collapse; }
.info-table tr { border-bottom:1px solid var(--border); }
.info-table tr:last-child { border-bottom:none; }
.info-table td { padding:11px 0; vertical-align:top; }
.info-table td:first-child { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); letter-spacing:0.06em; text-transform:uppercase; width:160px; padding-right:12px; padding-top:13px; }
.info-table td:last-child { font-family:var(--mono); font-size:var(--fs-body); color:var(--text); }
.info-highlight { color:var(--accent) !important; font-weight:600; }

/* ── Coordinates copy ── */
.coord-wrap { display:flex; align-items:center; gap:8px; }
.copy-btn { background:transparent; border:1px solid var(--border); border-radius:4px; padding:2px 8px; font-family:var(--mono); font-size:var(--fs-xs2); color:var(--text-dim); cursor:pointer; transition:all 0.15s; display:flex; align-items:center; gap:4px; }
.copy-btn:hover { background:var(--bg3); color:var(--accent); border-color:var(--border-bright); }
.copy-btn.copied { color:var(--accent2); border-color:var(--accent2-a30); }

/* ── Intensity scale ── */
.intensity-scale { display:flex; gap:3px; margin-top:12px; }
.intensity-bar { flex:1; height:6px; border-radius:3px; opacity:0.25; transition:opacity 0.2s; }
.intensity-bar.active { opacity:1; }
.ib-1{background:var(--mag-1)} .ib-2{background:var(--mag-2)} .ib-3{background:var(--mag-3)}
.ib-4{background:var(--mag-4)} .ib-5{background:var(--mag-5)} .ib-6{background:var(--mag-6)}
.intensity-labels { display:flex; justify-content:space-between; margin-top:4px; font-family:var(--mono); font-size:var(--fs-3xs); color:var(--text-dim); }

/* ── Nearby list ── */
.nearby-list { list-style:none; }
.nearby-item { display:flex; align-items:center; gap:12px; padding:10px 8px; border-bottom:1px solid var(--border); text-decoration:none; transition:background 0.1s; border-radius:6px; margin:0 -8px; }
.nearby-item:last-child { border-bottom:none; }
.nearby-item:hover { color:var(--text); }
.nearby-item:hover .nearby-loc { color:var(--accent); }
.nearby-mag { font-family:var(--mono); font-weight:700; font-size:var(--fs-body2); min-width:40px; text-align:center; padding:2px 7px; border-radius:4px; }
.nearby-mag.mag-1 { background:var(--mag-1-a10); }
.nearby-mag.mag-2 { background:var(--mag-2-a10); }
.nearby-mag.mag-3 { background:var(--mag-3-a10); }
.nearby-mag.mag-4 { background:var(--mag-4-a10); }
.nearby-mag.mag-5 { background:var(--mag-5-a10); }
.nearby-mag.mag-6 { background:var(--mag-6-a10); }
.nearby-item:hover .nearby-mag.mag-1 { background:var(--mag-1-a25); }
.nearby-item:hover .nearby-mag.mag-2 { background:var(--mag-2-a25); }
.nearby-item:hover .nearby-mag.mag-3 { background:var(--mag-3-a25); }
.nearby-item:hover .nearby-mag.mag-4 { background:var(--mag-4-a25); }
.nearby-item:hover .nearby-mag.mag-5 { background:var(--mag-5-a25); }
.nearby-item:hover .nearby-mag.mag-6 { background:var(--mag-6-a25); }
.nearby-info { flex:1; min-width:0; }
.nearby-loc { font-size:var(--fs-body); color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color 0.15s; }
.nearby-date { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); margin-top:2px; }
.nearby-arrow { color:var(--text-dim); font-size:var(--fs-base-sm); flex-shrink:0; }

/* ── Yoğunluk Göstergesi (Intensity) ── */
.intensity-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:12px; }
.intensity-label { font-family:var(--mono); font-size:var(--fs-xs2); color:var(--text-dim); letter-spacing:0.06em; text-transform:uppercase; margin-bottom:4px; }
.intensity-cat-value { font-family:var(--mono); font-size:var(--fs-body2); font-weight:600; color:var(--text); }
.intensity-right { text-align:right; }
.intensity-mag-value { font-family:var(--mono); font-size:var(--fs-h2); font-weight:700; }
.intensity-mag-1 { color:var(--mag-1); }
.intensity-mag-2 { color:var(--mag-2); }
.intensity-mag-3 { color:var(--mag-3); }
.intensity-mag-4 { color:var(--mag-4); }
.intensity-mag-5 { color:var(--mag-5); }
.intensity-mag-6 { color:var(--mag-6); }
.intensity-desc-box { font-size:var(--fs-md); color:var(--text-muted); line-height:1.6; padding:10px 14px; background:var(--bg3); border-radius:6px; border:1px solid var(--border); display:flex; align-items:center; gap:8px; margin-top:14px; }


/* ── Ana Sayfa (index.php) ── */
/* -- Live Bar: desktop yan yana, mobil alt alta -- */
.live-bar {
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:20px;
gap:8px;
}
.live-clock-wrap { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.live-dot { width:7px; height:7px; background:var(--accent2); border-radius:50%; animation:live-pulse 2s ease infinite; flex-shrink:0; }
@keyframes live-pulse { 0%,100%{box-shadow:0 0 0 0 var(--accent2-a50)} 50%{box-shadow:0 0 0 5px transparent} }
#live-clock { font-family:var(--mono); font-size:var(--fs-base); color:var(--text-muted); white-space:nowrap; }

.section-title { font-family:var(--mono); font-size:var(--fs-base-sm); font-weight:600; color:var(--text-dim); letter-spacing:0.08em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.section-title::before { content:''; display:inline-block; width:3px; height:12px; background:var(--accent); border-radius:2px; }

/* -- Stats -- */
.stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:20px; }
.stat-card { background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:16px 18px; position:relative; overflow:hidden; cursor:default; transition:border-color 0.2s,transform 0.2s; animation:fade-up 0.3s ease both; }
.stat-card:hover { border-color:var(--border-bright); transform:translateY(-1px); }
.stat-card::after { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--accent),transparent); opacity:0; transition:opacity 0.2s; }
.stat-card:hover::after { opacity:1; }
.stat-label { font-family:var(--mono); font-size:var(--fs-xs2); color:var(--text-dim); letter-spacing:0.08em; text-transform:uppercase; margin-bottom:4px; }
.stat-period { font-family:var(--mono); font-size:var(--fs-2xs); color:var(--text-dim); opacity:0.7; margin-bottom:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.stat-value { font-family:var(--mono); font-size:var(--fs-display-sm); font-weight:700; color:var(--text); line-height:1; margin-bottom:4px; }
.stat-value.accent { color:var(--accent); }
.stat-value.green { color:var(--accent2); }
.stat-value.warn { color:var(--warn); }
.stat-value.danger { color:var(--danger); }
.stat-value.mag-1-color { color:var(--mag-1); }
.stat-value.mag-2-color { color:var(--mag-2); }
.stat-value.mag-3-color { color:var(--mag-3); }
.stat-value.mag-4-color { color:var(--mag-4); }
.stat-value.mag-5-color { color:var(--mag-5); }
.stat-value.mag-6-color { color:var(--mag-6); }
.stat-sub { font-size:var(--fs-base); color:var(--text-muted); }
.stat-icon { position:absolute; top:16px; right:16px; font-size:var(--fs-h4); opacity:0.12; }

/* -- Filter active badge -- */
.filter-active-badge { display:inline-flex; align-items:center; gap:5px; background:var(--accent-a10); border:1px solid var(--accent-a25); color:var(--accent); font-family:var(--mono); font-size:var(--fs-xs); padding:2px 8px; border-radius:20px; letter-spacing:0.04em; }


/* -- Animation delays for stat cards -- */
.stat-card:nth-child(1){animation-delay:0.02s}
.stat-card:nth-child(2){animation-delay:0.07s}
.stat-card:nth-child(3){animation-delay:0.12s}
.stat-card:nth-child(4){animation-delay:0.17s}

/* -- Map -- */
#map { height:420px; width:100%; background:var(--bg3); }

/* -- Table -- */
.data-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.data-table thead tr { border-bottom:1px solid var(--border); }
.data-table th { font-family:var(--mono); font-size:var(--fs-xs2); font-weight:600; color:var(--text-dim); letter-spacing:0.08em; text-transform:uppercase; padding:10px 16px; text-align:left; }
.data-table td { padding:11px 16px; border-bottom:1px solid var(--border); font-size:var(--fs-body); color:var(--text-muted); vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.data-table tr { transition:background 0.1s; }
.data-table tbody tr:hover { background:var(--bg3); }
.data-table tbody tr:hover td { color:var(--text); }
.data-table tbody tr:last-child td { border-bottom:none; }
.cell-location { font-size:var(--fs-body); color:var(--text); font-weight:500; white-space:normal; }
.cell-location small { display:block; font-size:var(--fs-base-sm); color:var(--text-muted); font-weight:400; margin-top:1px; }
.mag-badge { display:inline-flex; align-items:center; justify-content:center; font-family:var(--mono); font-weight:700; font-size:var(--fs-md2); min-width:46px; padding:3px 8px; border-radius:5px; border:1px solid; }
.mag-1 { background:var(--mag-1-a10); color:var(--mag-1); border-color:var(--mag-1-a25); }
.mag-2 { background:var(--mag-2-a10); color:var(--mag-2); border-color:var(--mag-2-a25); }
.mag-3 { background:var(--mag-3-a10); color:var(--mag-3); border-color:var(--mag-3-a25); }
.mag-4 { background:var(--mag-4-a10); color:var(--mag-4); border-color:var(--mag-4-a25); }
.mag-5 { background:var(--mag-5-a10); color:var(--mag-5); border-color:var(--mag-5-a25); }
.mag-6 { background:var(--mag-6-a10); color:var(--mag-6); border-color:var(--mag-6-a25); }
.type-tag { font-family:var(--mono); font-size:var(--fs-sm); color:var(--accent4); background:var(--accent4-a08); border:1px solid var(--accent4-a18); padding:2px 8px; border-radius:4px; letter-spacing:0.04em; }


/* -- Inline style replacements -- */
.map-warning {
padding:8px 16px;
background:var(--warn-a06);
border-bottom:1px solid var(--warn-a20);
font-family:var(--mono);
font-size:var(--fs-sm2);
color:var(--warn);
display:flex;
gap:8px;
align-items:flex-start;
}
.map-warning-icon {
font-size:var(--fs-sm);
flex-shrink:0;
margin-top:2px;
}
.map-warning-text {
flex:1;
line-height:1.5;
}
.date-range-error {
margin-top:10px;
padding:8px 12px;
background:var(--danger-a08);
border:1px solid var(--danger-a30);
border-radius:6px;
font-family:var(--mono);
font-size:var(--fs-base);
color:var(--danger);
}

.table-row-chevron {
font-size:var(--fs-3xs);
color:var(--text-dim);
margin-left:6px;
opacity:0.5;
}
.clickable-row {
cursor:pointer;
}
.filter-note {
font-family:var(--mono);
font-size:var(--fs-sm);
color:var(--text-dim);
margin-left:4px;
}
.col-date { width:160px; }
.col-depth { width:90px; }
.col-mag { width:100px; }
.col-type { width:100px; }
.cell-type { white-space:nowrap; }
.empty-table-msg { text-align:center; padding:32px 16px; color:var(--text-dim); font-family:var(--mono); font-size:var(--fs-body); }
.empty-state { text-align:center; padding:48px 24px; color:var(--text-dim); }
.empty-state i { font-size:var(--fs-display-xl); opacity:0.3; margin-bottom:16px; display:block; }
.empty-state p { font-size:var(--fs-lg); color:var(--text-muted); }
.map-capped-badge { display:inline-flex; align-items:center; gap:5px; font-family:var(--mono); font-size:var(--fs-xs); color:var(--warn); background:var(--warn-a08); border:1px solid var(--warn-a20); padding:2px 8px; border-radius:20px; letter-spacing:0.04em; cursor:default; }


/* ── İller & İl Detay (iller.php) ── */
/* ── İl Arama ── */
.search-bar { margin-bottom:20px; }
.search-input { width:100%; max-width:400px; padding:10px 16px; background:var(--bg2); border:1px solid var(--border); border-radius:8px; color:var(--text); font-family:var(--sans); font-size:var(--fs-lg); outline:none; transition:border-color 0.15s; }
.search-input:focus { border-color:var(--border-bright); }
.search-input::placeholder { color:var(--text-dim); }

/* ── İl Grid (ana sayfa) ── */
.il-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:10px; }
.il-card { background:var(--bg2); border:1px solid var(--border); border-radius:8px; padding:14px 16px; text-decoration:none; color:inherit; transition:border-color 0.15s,transform 0.15s; display:flex; flex-direction:column; gap:8px; }
.il-card:hover { border-color:var(--border-bright); transform:translateY(-1px); }
.il-card-stats { display:flex; align-items:center; justify-content:space-between; }
.il-card-name { font-family:var(--mono); font-size:var(--fs-body2); font-weight:600; color:var(--text); }
.il-card-bar { height:4px; background:var(--bg3); border-radius:2px; overflow:hidden; }
.il-card-bar-fill { height:100%; border-radius:2px; transition:width 0.3s ease; }
.il-card-meta { font-family:var(--mono); font-size:var(--fs-xs2); color:var(--text-dim); }
.il-card-total { }
.il-card-date { }


/* ── İl Layout (detay sayfası) ── */
.il-layout { display:grid; grid-template-columns:1fr 340px; gap:16px; align-items:start; }

/* ── İl Hero ── */
.il-hero { background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:24px 28px; margin-bottom:16px; position:relative; overflow:hidden; }
.il-hero::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--accent),transparent); }
.il-hero-eyebrow { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); letter-spacing:0.08em; text-transform:uppercase; margin-bottom:8px; display:flex; align-items:center; gap:8px; }
.il-hero-name { font-family:var(--sans); font-size:var(--fs-display-lg); font-weight:700; color:var(--text); margin-bottom:6px; }
.il-hero-sub { font-family:var(--mono); font-size:var(--fs-base); color:var(--text-muted); margin-bottom:20px; }

/* ── İl İstatistik Grid ── */
.il-stat-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:8px; overflow:hidden; }
.il-stat { background:var(--bg3); padding:14px 16px; }
.il-stat-label { font-family:var(--mono); font-size:var(--fs-2xs); color:var(--text-dim); letter-spacing:0.06em; text-transform:uppercase; margin-bottom:4px; }
.il-stat-val { font-family:var(--mono); font-size:var(--fs-h3); font-weight:700; color:var(--text); }
.il-stat-val small { font-size:var(--fs-sm); font-weight:400; color:var(--text-muted); }
.il-stat-max { }


.cell-date { font-family:var(--mono); font-size:var(--fs-base); color:var(--text-muted); }
.cell-depth { font-family:var(--mono); font-size:var(--fs-base); color:var(--text-dim); }

.map-container { height:400px; width:100%; border-radius:6px; overflow:hidden; background:var(--bg3); }

/* ── İlçe Listesi ── */
.ilce-list { list-style:none; }
.ilce-item { display:flex; align-items:center; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--border); font-size:var(--fs-md); }
.ilce-item:last-child { border-bottom:none; }
.ilce-name { color:var(--text); font-size:var(--fs-md); }
.ilce-count { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); }

/* ── Sidebar İl Listesi ── */
.sidebar-il-search { margin-bottom:10px; }
.sidebar-il-input { width:100%; padding:7px 12px; background:var(--bg3); border:1px solid var(--border); border-radius:6px; color:var(--text); font-family:var(--sans); font-size:var(--fs-body); outline:none; }
.sidebar-il-input:focus { border-color:var(--border-bright); }
.sidebar-il-input::placeholder { color:var(--text-dim); }
.sidebar-il-list { list-style:none; max-height:320px; overflow-y:auto; }
.sidebar-il-item a { display:flex; align-items:center; justify-content:space-between; padding:6px 8px; border-radius:4px; text-decoration:none; color:var(--text-muted); font-size:var(--fs-md); transition:background 0.1s; }
.sidebar-il-item a:hover { background:var(--bg3); color:var(--text); }
.sidebar-il-item a.active { background:var(--accent-glow); color:var(--accent); }
.sidebar-il-mag { font-family:var(--mono); font-size:var(--fs-sm); font-weight:600; padding:2px 7px; border-radius:4px; }
.sidebar-il-mag.mag-1 { color:var(--mag-1); background:var(--mag-1-a10); }
.sidebar-il-mag.mag-2 { color:var(--mag-2); background:var(--mag-2-a10); }
.sidebar-il-mag.mag-3 { color:var(--mag-3); background:var(--mag-3-a10); }
.sidebar-il-mag.mag-4 { color:var(--mag-4); background:var(--mag-4-a10); }
.sidebar-il-mag.mag-5 { color:var(--mag-5); background:var(--mag-5-a10); }
.sidebar-il-mag.mag-6 { color:var(--mag-6); background:var(--mag-6-a10); }

/* ── En Büyük stat — kolay okunur renkler ── */
.il-stat-max.mag-6-stat { background:rgba(255,123,114,0.05); border-left:3px solid var(--mag-6-a25); }
.il-stat-max.mag-6-stat .il-stat-val { color:var(--mag-6); }
.il-stat-max.mag-5-stat { background:rgba(240,131,42,0.05); border-left:3px solid var(--mag-5-a25); }
.il-stat-max.mag-5-stat .il-stat-val { color:var(--mag-5); }
.il-stat-max.mag-4-stat { background:rgba(227,179,65,0.05); border-left:3px solid var(--mag-4-a25); }
.il-stat-max.mag-4-stat .il-stat-val { color:var(--mag-4); }
.il-stat-max.mag-3-stat { background:rgba(184,216,98,0.05); border-left:3px solid var(--mag-3-a25); }
.il-stat-max.mag-3-stat .il-stat-val { color:var(--mag-3); }
.il-stat-max.mag-2-stat { background:rgba(124,201,90,0.05); border-left:3px solid var(--mag-2-a25); }
.il-stat-max.mag-2-stat .il-stat-val { color:var(--mag-2); }
.il-stat-max.mag-1-stat { background:rgba(63,185,80,0.05); border-left:3px solid var(--mag-1-a25); }
.il-stat-max.mag-1-stat .il-stat-val { color:var(--mag-1); }
.il-stat-max .il-stat-label { color:var(--text-muted); }
.il-stat-max .il-stat-val { font-size:var(--fs-display); line-height:1.2; }
.il-stat-max .il-stat-val small { font-size:var(--fs-sm); font-weight:400; opacity:0.7; }

/* ── Büyüklük Dağılımı ── */
.mag-dist { display:flex; flex-direction:column; gap:10px; }
.mag-dist-row { display:flex; align-items:center; gap:10px; }
.mag-dist-label { font-family:var(--mono); font-size:var(--fs-sm2); color:var(--text-muted); min-width:52px; text-align:right; }
.mag-dist-bar { flex:1; height:8px; background:var(--bg3); border-radius:4px; overflow:hidden; }
.mag-dist-fill { height:100%; border-radius:4px; transition:width 0.4s ease; }
.mag-dist-count { font-family:var(--mono); font-size:var(--fs-sm2); color:var(--text-dim); min-width:40px; text-align:right; }
.il-card-mag { margin-left:auto; flex-shrink:0; }
.ilce-rank { font-family:var(--mono); font-size:var(--fs-sm); color:var(--text-dim); min-width:22px; }


/* ── Haberler & Haber Detay (haberler.php, haber-detay.php) ── */
/* -- Öne çikan -- */
.featured-wrap { margin-bottom:20px; animation:fade-up 0.3s ease both; }
.featured-card { background:var(--bg2); border:1px solid var(--border); border-radius:12px; overflow:hidden; display:grid; grid-template-columns:1.1fr 1fr; text-decoration:none; color:inherit; transition:border-color 0.2s,transform 0.2s; position:relative; }
.featured-card:hover { border-color:var(--border-bright); transform:translateY(-2px); }
.featured-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--accent),transparent); opacity:0; transition:opacity 0.2s; z-index:var(--z-low); }
.featured-card:hover::before { opacity:1; }
.featured-img { position:relative; overflow:hidden; min-height:280px; background:var(--bg3); }
.featured-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.4s ease; }
.featured-card:hover .featured-img img { transform:scale(1.04); }
.featured-img-placeholder { width:100%; height:100%; min-height:280px; display:flex; align-items:center; justify-content:center; color:var(--text-dim); font-size:var(--fs-display-xl); }
.featured-badge { position:absolute; top:14px; left:14px; background:var(--accent); color:var(--white); font-family:var(--mono); font-size:var(--fs-2xs); font-weight:700; padding:3px 10px; border-radius:4px; letter-spacing:0.08em; z-index:var(--z-mid); }
.featured-body { padding:32px 28px; display:flex; flex-direction:column; justify-content:center; gap:14px; }
.featured-cat { font-family:var(--mono); font-size:var(--fs-xs); color:var(--accent4); background:var(--accent4-a08); border:1px solid var(--accent4-a18); padding:2px 9px; border-radius:4px; letter-spacing:0.05em; display:inline-block; width:fit-content; }
.featured-title { font-size:var(--fs-h2); font-weight:700; color:var(--text); line-height:1.4; letter-spacing:-0.01em; }
.featured-excerpt { font-size:var(--fs-body2); color:var(--text-muted); line-height:1.65; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.featured-meta { display:flex; align-items:center; gap:16px; margin-top:auto; }
.featured-date { font-family:var(--mono); font-size:var(--fs-sm2); color:var(--text-dim); display:flex; align-items:center; gap:5px; }
.featured-cta { display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:var(--fs-base-sm); color:var(--accent); background:var(--accent-glow); border:1px solid var(--accent-a20); padding:5px 13px; border-radius:6px; transition:background 0.15s; }
.featured-card:hover .featured-cta { background:var(--accent-a18); }

/* -- Haber grid -- */
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:20px; }
.news-card { background:var(--bg2); border:1px solid var(--border); border-radius:10px; overflow:hidden; text-decoration:none; color:inherit; display:flex; flex-direction:column; transition:border-color 0.2s,transform 0.2s; position:relative; animation:fade-up 0.3s ease both; }
.news-card:hover { border-color:var(--border-bright); transform:translateY(-2px); }
.news-card::after { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--accent),transparent); opacity:0; transition:opacity 0.2s; }
.news-card:hover::after { opacity:1; }
.news-card:nth-child(1){animation-delay:0.03s} .news-card:nth-child(2){animation-delay:0.06s}
.news-card:nth-child(3){animation-delay:0.09s} .news-card:nth-child(4){animation-delay:0.12s}
.news-card:nth-child(5){animation-delay:0.15s} .news-card:nth-child(6){animation-delay:0.18s}
.news-card:nth-child(7){animation-delay:0.21s} .news-card:nth-child(8){animation-delay:0.24s}
.news-card:nth-child(9){animation-delay:0.27s} .news-card:nth-child(10){animation-delay:0.30s}
.news-card:nth-child(11){animation-delay:0.33s}
.news-thumb { position:relative; overflow:hidden; height:164px; background:var(--bg3); flex-shrink:0; }
.news-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.35s ease; }
.news-card:hover .news-thumb img { transform:scale(1.05); }
.news-thumb-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--text-dim); font-size:var(--fs-display); }
.news-body { padding:14px 16px; display:flex; flex-direction:column; gap:8px; flex:1; }
.news-cat { font-family:var(--mono); font-size:var(--fs-2xs); color:var(--accent4); background:var(--accent4-a08); border:1px solid var(--accent4-a15); padding:1px 7px; border-radius:4px; letter-spacing:0.04em; display:inline-block; width:fit-content; }
.news-title { font-size:var(--fs-lg); font-weight:600; color:var(--text); line-height:1.45; flex:1; }
.news-excerpt { font-size:var(--fs-md); color:var(--text-muted); line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news-footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:10px; border-top:1px solid var(--border); }
.news-date { font-family:var(--mono); font-size:var(--fs-xs3); color:var(--text-dim); display:flex; align-items:center; gap:4px; }
.news-arrow { font-size:var(--fs-sm); color:var(--accent); opacity:0.5; transition:opacity 0.15s,transform 0.15s; }
.news-card:hover .news-arrow { opacity:1; transform:translateX(2px); }

/* -- Hero -- */
.news-hero { background:var(--bg2); border:1px solid var(--border); border-radius:12px; overflow:hidden; margin-bottom:20px; animation:fade-up 0.3s ease both; position:relative; }
.news-hero::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--accent),transparent); z-index:var(--z-low); }
.news-hero-img { width:100%; height:380px; object-fit:cover; display:block; }
.news-hero-img-placeholder { width:100%; height:260px; display:flex; align-items:center; justify-content:center; background:var(--bg3); color:var(--text-dim); font-size:var(--fs-display-3xl); }
.news-hero-body { padding:28px 32px 32px; }
.news-hero-top { display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.news-featured-badge { font-family:var(--mono); font-size:var(--fs-2xs); color:var(--accent); background:var(--accent-a10); border:1px solid var(--accent-a25); padding:2px 9px; border-radius:4px; letter-spacing:0.06em; font-weight:700; }
.news-hero-title { font-size:var(--fs-display); font-weight:700; color:var(--text); line-height:1.35; letter-spacing:-0.02em; margin-bottom:14px; }
.news-hero-meta { display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding-bottom:20px; border-bottom:1px solid var(--border); margin-bottom:24px; }
.news-meta-item { display:flex; align-items:center; gap:5px; font-family:var(--mono); font-size:var(--fs-sm2); color:var(--text-dim); }
.news-meta-item i { font-size:var(--fs-xs); opacity:0.6; }
.news-meta-item a { color:var(--accent); text-decoration:none; }
.news-meta-item a:hover { text-decoration:underline; }

/* -- Content (prose) -- */
.news-content { font-size:var(--fs-xl); color:var(--text-muted); line-height:1.85; word-break:break-word; }
.news-content p { margin-bottom:18px; }
.news-content p:last-child { margin-bottom:0; }
.news-content h2 { font-size:var(--fs-h3b); font-weight:700; color:var(--text); margin:28px 0 12px; letter-spacing:-0.01em; }
.news-content h3 { font-size:var(--fs-h4); font-weight:600; color:var(--text); margin:22px 0 10px; }
.news-content strong { color:var(--text); font-weight:600; }
.news-content em { color:var(--text-muted); }
.news-content a { color:var(--accent); text-decoration:none; }
.news-content a:hover { text-decoration:underline; }
.news-content ul, .news-content ol { padding-left:20px; margin-bottom:18px; }
.news-content li { margin-bottom:6px; color:var(--text-muted); }
.news-content blockquote { border-left:3px solid var(--accent); padding:10px 16px; margin:20px 0; background:var(--bg3); border-radius:0 6px 6px 0; color:var(--text-muted); font-style:italic; }
.news-content img { max-width:100%; border-radius:8px; margin:16px 0; border:1px solid var(--border); }

/* -- Grid layout -- */
.detail-grid { display:grid; grid-template-columns:1fr 340px; gap:20px; align-items:start; }

/* -- Sidebar -- */
.sidebar { position:sticky; top:76px; }
.sidebar-panel { background:var(--bg2); border:1px solid var(--border); border-radius:10px; margin-bottom:12px; overflow:hidden; }
.sidebar-panel-header { padding:11px 16px; border-bottom:1px solid var(--border); font-family:var(--mono); font-size:var(--fs-sm2); font-weight:600; color:var(--text-muted); letter-spacing:0.06em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.sidebar-panel-body { padding:12px 16px; }

/* -- Ilgili haberler (sidebar) -- */
.related-list { list-style:none; display:flex; flex-direction:column; }
.related-item { display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--border); text-decoration:none; color:inherit; transition:background 0.1s; }
.related-item:last-child { border-bottom:none; }
.related-item:hover .related-title { color:var(--accent); }
.related-thumb { width:64px; height:52px; border-radius:6px; overflow:hidden; background:var(--bg3); flex-shrink:0; }
.related-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.3s; }
.related-item:hover .related-thumb img { transform:scale(1.06); }
.related-thumb-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--text-dim); font-size:var(--fs-h4); }
.related-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
.related-title { font-size:var(--fs-md2); font-weight:600; color:var(--text); line-height:1.4; transition:color 0.15s; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.related-date { font-family:var(--mono); font-size:var(--fs-xs2); color:var(--text-dim); }

/* -- Son haberler (sidebar) -- */
.sidebar-news-item { display:block; padding:10px 0; border-bottom:1px solid var(--border); text-decoration:none; color:inherit; }
.sidebar-news-item:last-child { border-bottom:none; }
.sidebar-news-item:hover .sidebar-news-title { color:var(--accent); }
.sidebar-news-title { font-size:var(--fs-md2); color:var(--text-muted); line-height:1.45; padding: 5px; transition:color 0.15s; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.pagination-accent { color:var(--accent); font-weight:600; }
.source-link { color:var(--accent); text-decoration:none; font-family:var(--mono); font-size:var(--fs-sm); display:inline-flex; align-items:center; gap:4px; transition:color 0.15s; }
.source-link:hover { text-decoration:underline; }
.back-btn-full { width:100%; justify-content:center; }
.coord-sm { font-size:var(--fs-base); }


/* ── Bilgi Rehberi (bilgi-rehberi.php) ── */
/* ── Sticky sidebar ── */

.toc-nav { list-style:none; display:flex; flex-direction:column; gap:2px; }
.toc-nav a { display:flex; align-items:center; gap:8px; padding:7px 8px; border-radius:6px; font-family:var(--mono); font-size:var(--fs-sm2); color:var(--text-muted); text-decoration:none; transition:all 0.15s; border:1px solid transparent; }
.toc-nav a:hover { background:var(--bg3); color:var(--text); }
.toc-nav a.active { background:var(--accent-glow); border-color:var(--border-bright); color:var(--accent); }
.toc-nav a i { width:12px; font-size:var(--fs-xs2); opacity:0.6; }
.emergency-list { list-style:none; display:flex; flex-direction:column; gap:6px; }
.emergency-item { display:flex; align-items:center; justify-content:space-between; padding:8px 10px; background:var(--bg3); border-radius:6px; border:1px solid var(--border); }
.emergency-name { font-size:var(--fs-base2); color:var(--text-muted); }
.emergency-num { font-family:var(--mono); font-weight:700; font-size:var(--fs-body2); color:var(--accent); letter-spacing:0.05em; }
.emergency-item.red .emergency-num { color:var(--danger); }
.emergency-item.green .emergency-num { color:var(--accent2); }

/* ── Bag grid ── */
.bag-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.bag-cat { background:var(--bg3); border:1px solid var(--border); border-radius:8px; padding:14px 16px; }
.bag-cat-title { font-family:var(--mono); font-size:var(--fs-sm); font-weight:600; color:var(--text-dim); letter-spacing:0.07em; text-transform:uppercase; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.bag-cat-title i { font-size:var(--fs-base-sm); }
.bag-cat-title.cat-water   { color:var(--accent); }
.bag-cat-title.cat-health  { color:var(--danger); }
.bag-cat-title.cat-tools   { color:var(--warn); }
.bag-cat-title.cat-docs    { color:var(--accent4); }
.bag-cat-title.cat-kids    { color:var(--accent2); }
.bag-cat-title.cat-clothes { color:var(--teal); }
.bag-items { list-style:none; display:flex; flex-direction:column; gap:5px; }
.bag-items li { font-size:var(--fs-md2); color:var(--text-muted); display:flex; align-items:center; gap:7px; }
.bag-items li::before { content:''; width:4px; height:4px; border-radius:50%; background:var(--text-dim); flex-shrink:0; }

/* ── Risk map callout ── */
.risk-zone-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:4px; }
.risk-zone { border-radius:8px; padding:12px 14px; border:1px solid; }
.risk-zone.z1 { background:var(--danger-a07); border-color:var(--danger-a20); }
.risk-zone.z2 { background:var(--warn-a07);  border-color:var(--warn-a20); }
.risk-zone.z3 { background:var(--accent-a06);  border-color:var(--accent-a15); }
.risk-zone.z4 { background:var(--accent2-a06);   border-color:var(--accent2-a15); }
.risk-zone-label { font-family:var(--mono); font-size:var(--fs-xs); font-weight:700; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:5px; }
.z1 .risk-zone-label { color:var(--danger); }
.z2 .risk-zone-label { color:var(--warn); }
.z3 .risk-zone-label { color:var(--accent); }
.z4 .risk-zone-label { color:var(--accent2); }
.risk-zone-cities { font-size:var(--fs-md); color:var(--text-muted); line-height:1.5; }

/* ── Magnitude table ── */
.mag-table { width:100%; border-collapse:collapse; }
.mag-table th { font-family:var(--mono); font-size:var(--fs-xs); color:var(--text-dim); letter-spacing:0.07em; text-transform:uppercase; padding:8px 12px; text-align:left; border-bottom:1px solid var(--border); }
.mag-table td { padding:9px 12px; border-bottom:1px solid var(--border); font-size:var(--fs-body); color:var(--text-muted); vertical-align:top; }
.mag-table tr:last-child td { border-bottom:none; }
.mag-table tr:hover td { background:var(--bg3); color:var(--text); }
.mag-badge-sm { font-family:var(--mono); font-size:var(--fs-base); font-weight:700; padding:2px 8px; border-radius:4px; border:1px solid; white-space:nowrap; }
.mb-green { background:var(--accent2-a10);   color:var(--accent2); border-color:var(--accent2-a25); }
.mb-blue  { background:var(--accent-a10);  color:var(--accent);  border-color:var(--accent-a25); }
.mb-warn  { background:var(--warn-a10);  color:var(--warn);    border-color:var(--warn-a25); }
.mb-red   { background:var(--danger-a10); color:var(--danger);  border-color:var(--danger-a25); }

/* ── Çök-Kapan-Tutun grid ── */
.ckt-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:20px; }
.ckt-card { background:var(--bg3); border:1px solid var(--border); border-radius:8px; padding:16px; text-align:center; }
.ckt-emoji { font-size:var(--fs-display-lg); margin-bottom:8px; }
.ckt-title { font-family:var(--mono); font-size:var(--fs-base); font-weight:700; color:var(--warn); letter-spacing:0.06em; text-transform:uppercase; margin-bottom:6px; }
.ckt-desc { font-size:var(--fs-md); color:var(--text-muted); }

/* ── DO/DON'T cols ── */
.dos-donts { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.do-col, .dont-col { border-radius:8px; padding:14px 16px; border:1px solid; }
.do-col   { background:var(--accent2-a05);   border-color:var(--accent2-a20); }
.dont-col { background:var(--danger-a05); border-color:var(--danger-a20); }
.col-title { font-family:var(--mono); font-size:var(--fs-sm); font-weight:700; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.do-col .col-title   { color:var(--accent2); }
.dont-col .col-title { color:var(--danger); }
.col-list { list-style:none; display:flex; flex-direction:column; gap:7px; }
.col-list li { font-size:var(--fs-body); color:var(--text-muted); display:flex; gap:8px; align-items:flex-start; line-height:1.5; }
.col-list li i { flex-shrink:0; margin-top:2px; font-size:var(--fs-base-sm); }
.do-col li i   { color:var(--accent2); }
.dont-col li i { color:var(--danger); }

/* ── Kurumlar (kurumlar.php) ── */


/* ── Bölüm başlığı ── */
.section-heading { margin-bottom:16px; margin-top:8px; }
.section-heading-label { font-family:var(--mono); font-size:0.65rem; color:var(--text-dim); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:4px; }
.section-heading-title { font-family:var(--sans); font-size:1.1rem; font-weight:600; color:var(--text); }

/* ── Kurum kartları grid ── */
.inst-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:32px; }

/* ── Kurum kartı ── */
.inst-card { background:var(--bg2); border:1px solid var(--border); border-radius:12px; overflow:hidden; display:flex; flex-direction:column; transition:border-color 0.2s, transform 0.2s; animation:fade-up 0.3s ease both; }
.inst-card:hover { border-color:var(--border-bright); transform:translateY(-2px); }
.inst-card-header { padding:20px 22px 16px; display:flex; align-items:flex-start; gap:14px; }
.inst-logo { width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
.inst-meta { flex:1; min-width:0; }
.inst-badge { font-family:var(--mono); font-size:0.55rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:2px 8px; border-radius:20px; border:1px solid; display:inline-flex; align-items:center; gap:4px; margin-bottom:6px; }
.inst-name { font-family:var(--sans); font-size:0.95rem; font-weight:600; color:var(--text); line-height:1.3; margin-bottom:2px; }
.inst-abbr { font-family:var(--mono); font-size:0.68rem; color:var(--text-dim); }
.inst-body { padding:0 22px 16px; flex:1; }
.inst-desc { font-size:0.83rem; color:var(--text-muted); line-height:1.6; margin-bottom:14px; }
.inst-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.inst-tag { font-family:var(--mono); font-size:0.6rem; color:var(--text-dim); background:var(--bg3); border:1px solid var(--border); border-radius:4px; padding:2px 8px; }
.inst-links { display:flex; flex-wrap:wrap; gap:8px; padding:14px 22px; border-top:1px solid var(--border); background:var(--bg3); }
.inst-link { display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:0.68rem; color:var(--text-muted); text-decoration:none; padding:5px 12px; border-radius:6px; border:1px solid var(--border); transition:all 0.15s; background:var(--bg2); }
.inst-link:hover { color:var(--accent); border-color:var(--border-bright); background:var(--accent-glow); }
.inst-link i { font-size:0.6rem; opacity:0.7; }
.inst-link.primary { color:var(--accent); border-color:rgba(88,166,255,0.2); background:var(--accent-glow); }
.inst-link.primary:hover { background:rgba(88,166,255,0.2); }

/* badge renkleri */
.badge-gov { color:var(--danger); border-color:rgba(255,123,114,0.25); background:rgba(255,123,114,0.07); }
.badge-uni { color:var(--accent4); border-color:rgba(210,168,255,0.25); background:rgba(210,168,255,0.07); }
.badge-ins { color:var(--accent); border-color:rgba(88,166,255,0.25); background:rgba(88,166,255,0.07); }
.badge-ngo { color:var(--accent2); border-color:rgba(63,185,80,0.25); background:rgba(63,185,80,0.07); }

/* logo bg renkleri */
.logo-bg-red { background:rgba(255,123,114,0.12); color:var(--danger); }
.logo-bg-blue { background:rgba(88,166,255,0.12); color:var(--accent); }
.logo-bg-purple { background:rgba(210,168,255,0.12); color:var(--accent4); }
.logo-bg-green { background:rgba(63,185,80,0.12); color:var(--accent2); }
.logo-bg-warn { background:rgba(227,179,65,0.12); color:var(--warn); }
.logo-bg-sky { background:rgba(56,189,248,0.12); color:#38bdf8; }

/* ── Uluslararası bölüm ── */
.intl-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:32px; }
.intl-card { background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:16px 18px; display:flex; flex-direction:column; gap:10px; transition:border-color 0.2s; animation:fade-up 0.3s ease both; }
.intl-card:hover { border-color:var(--border-bright); }
.intl-card-header { display:flex; align-items:center; gap:10px; }
.intl-flag {width: 18px; height: 12px; flex-shrink: 0; align-self: flex-start; margin-top: 4px; }
.intl-flag img {width: 100%; height: 100%; object-fit: cover; border-radius: 2px; display: block; }
}
.intl-name { font-family:var(--sans); font-size:0.85rem; font-weight:600; color:var(--text); }
.intl-full { font-family:var(--mono); font-size:0.6rem; color:var(--text-dim); margin-top:1px; }
.intl-desc { font-size:0.8rem; color:var(--text-muted); line-height:1.55; }
.intl-link { display:inline-flex; align-items:center; gap:5px; font-family:var(--mono); font-size:0.65rem; color:var(--accent); text-decoration:none; margin-top:auto; transition:opacity 0.15s; }
.intl-link:hover { opacity:0.7; }
.intl-link i { font-size:0.58rem; }



/* ── Konum Kartları (deprem anında neredeysen) ── */
.location-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; margin-bottom:20px; }
.location-card { background:var(--bg3); border:1px solid var(--border); border-radius:8px; padding:16px; }
.location-card-title { font-family:var(--mono); font-size:var(--fs-base); font-weight:700; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:12px; display:flex; align-items:center; gap:8px; }
.location-card-title.indoor  { color:var(--accent); }
.location-card-title.outdoor { color:var(--accent2); }
.location-card-title.vehicle { color:var(--warn); }
.location-list { list-style:none; display:flex; flex-direction:column; gap:7px; }
.location-list li { font-size:var(--fs-body); color:var(--text-muted); display:flex; gap:8px; align-items:flex-start; line-height:1.5; }
.location-list li i { flex-shrink:0; margin-top:2px; font-size:var(--fs-base-sm); }
.icon-do   { color:var(--accent2); }
.icon-dont { color:var(--danger); }
.sidebar-toc { /* sticky kaldırıldı — parent .sidebar zaten sticky */ }
.mag-table-wrap { overflow-x:auto; margin:14px 0; }


/* ── Prose (paylaşılan metin stilleri) ── */
/* ── Prose ── */
.prose { font-size:var(--fs-lg2); color:var(--text-muted); line-height:1.75; word-break:break-word; }
.prose p { margin-bottom:14px; }
.prose p:last-child { margin-bottom:0; }
.prose strong { color:var(--text); font-weight:600; }
.prose a { color:var(--accent); text-decoration:none; }
.prose a:hover { text-decoration:underline; }


/* ── Yasal Sayfalar (gizlilik.php, kullanim-kosullari.php) ── */
/* -- Içerik tipografi -- */
.doc-section { margin-bottom:32px; }
.doc-section:last-child { margin-bottom:0; }
.doc-section-num { font-family:var(--mono); font-size:var(--fs-xs2); color:var(--accent4); letter-spacing:0.08em; text-transform:uppercase; margin-bottom:6px; }
.doc-section h2 { font-size:var(--fs-h4); font-weight:600; color:var(--text); margin-bottom:12px; letter-spacing:-0.01em; padding-bottom:8px; border-bottom:1px solid var(--border); }
.doc-section p { font-size:var(--fs-lg); color:var(--text-muted); line-height:1.75; margin-bottom:10px; }
.doc-section p:last-child { margin-bottom:0; }
.doc-section ul { padding-left:0; list-style:none; margin:10px 0; }
.doc-section ul li { font-size:var(--fs-lg); color:var(--text-muted); line-height:1.7; padding:4px 0 4px 18px; position:relative; }
.doc-section ul li::before { content:'›'; position:absolute; left:0; color:var(--accent4); font-family:var(--mono); }
.doc-section a { color:var(--accent4); text-decoration:none; }
.doc-section a:hover { text-decoration:underline; }

/* -- Tablo -- */
.doc-table { width:100%; border-collapse:collapse; margin:14px 0; font-size:var(--fs-body3); }
.doc-table th { font-family:var(--mono); font-size:var(--fs-xs2); font-weight:600; color:var(--text-dim); letter-spacing:0.06em; text-transform:uppercase; padding:8px 12px; text-align:left; border-bottom:1px solid var(--border); }
.doc-table td { padding:9px 12px; color:var(--text-muted); border-bottom:1px solid var(--border); vertical-align:top; line-height:1.5; }
.doc-table tr:last-child td { border-bottom:none; }
.doc-table tbody tr:hover { background:var(--bg3); }

/* -- Uyari kutusu -- */
.doc-notice { display:flex; gap:12px; padding:14px 16px; border-radius:8px; margin:16px 0; font-size:var(--fs-body2); line-height:1.6; }
.doc-notice.info  { background:var(--accent-a07);  border:1px solid var(--accent-a20);  color:var(--text-muted); }
.doc-notice.purple { background:var(--accent4-a07); border:1px solid var(--accent4-a20); color:var(--text-muted); }
.doc-notice.green  { background:var(--accent2-a07);   border:1px solid var(--accent2-a20);   color:var(--text-muted); }
.doc-notice i { flex-shrink:0; margin-top:2px; font-size:var(--fs-md2); }
.doc-notice.info  i { color:var(--accent); }
.doc-notice.warn  { background:var(--warn-a07);  border:1px solid var(--warn-a20);  color:var(--text-muted); }
.doc-notice.warn  i { color:var(--warn); }
.doc-notice.purple i { color:var(--accent4); }
.doc-notice.green  i { color:var(--accent2); }

/* -- Haklar kutusu -- */
.rights-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.right-item { background:var(--bg3); border:1px solid var(--border); border-radius:8px; padding:12px 14px; }
.right-item-title { font-family:var(--mono); font-size:var(--fs-sm); font-weight:600; color:var(--accent4); letter-spacing:0.04em; margin-bottom:5px; display:flex; align-items:center; gap:6px; }
.right-item-desc { font-size:var(--fs-md2); color:var(--text-muted); line-height:1.5; }

/* -- Iki kolon layout -- */
.doc-grid { display:grid; grid-template-columns:1fr 300px; gap:20px; align-items:start; }

/* ── TOC sidebar ── */
.toc-panel { position:sticky; top:76px; }
.toc-list { list-style:none; }
.toc-list li a { display:block; font-family:var(--mono); font-size:var(--fs-sm2); color:var(--text-dim); text-decoration:none; padding:6px 0 6px 12px; border-left:2px solid var(--border); transition:all 0.15s; line-height:1.4; }
.toc-list li a:hover { color:var(--accent); border-left-color:var(--accent); }
.toc-list li a.active { color:var(--accent); border-left-color:var(--accent); }

.content-grid { display:grid; grid-template-columns:1fr 300px; gap:20px; align-items:start; }
.content-grid > * { min-width:0; }
.content-grid > div { overflow:clip; }


/* ── İletişim (iletisim.php) ── */
/* -- Contact Grid -- */
.contact-grid { display:grid; grid-template-columns:1fr 320px; gap:20px; align-items:start; }


/* ── Ortak Sidebar Bileşenleri ── */
/* -- Sidebar bilgi kartlari -- */
.info-list { list-style:none; display:flex; flex-direction:column; gap:0; }
.info-item { display:flex; align-items:flex-start; gap:12px; padding:13px 0; border-bottom:1px solid var(--border); }
.info-item:last-child { border-bottom:none; padding-bottom:0; }
.info-item:first-child { padding-top:0; }
.info-icon { width:32px; height:32px; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:var(--fs-base2); flex-shrink:0; }
.info-icon.blue   { background:var(--accent-a10);  color:var(--accent); }
.info-icon.green  { background:var(--accent2-a10);   color:var(--accent2); }
.info-icon.purple { background:var(--accent4-a10); color:var(--accent4); }
.info-text-label { font-family:var(--mono); font-size:var(--fs-xs2); color:var(--text-dim); letter-spacing:0.05em; text-transform:uppercase; margin-bottom:3px; }
.info-text-value { font-size:var(--fs-body); color:var(--text-muted); line-height:1.5; }
.info-text-value a { color:var(--accent); text-decoration:none; }
.info-text-value a:hover { text-decoration:underline; }

/* ── Sidebar panel header icon opacity ── */
.sidebar-panel-header > i { opacity:0.6; }


/* ════════════════════════════════════════════
   6. MEDYA SORGULARI (Responsive)
   3 Kırılma Noktası: 1024px / 768px / 480px
   ════════════════════════════════════════════ */

/* ════════════════════════════════════════════
   Responsive — 3 Kırılma Noktası
   ════════════════════════════════════════════ */

/* ── Laptop / Desktop (≤1024px) ── */
@media (max-width:1024px) {
.stats-row { grid-template-columns:repeat(2,1fr); }
.filter-grid { grid-template-columns:repeat(2,1fr); }
.news-grid { grid-template-columns:repeat(2,1fr); }
.detail-grid { grid-template-columns:1fr; }
.sidebar { position:static; }
.sidebar-toc { display:none; }
.content-grid { grid-template-columns:1fr; }
.doc-grid { grid-template-columns:1fr; }
.toc-panel { display:none; }
.hero-dd-meta-grid { grid-template-columns:repeat(2,1fr); }
.hero-dd-meta-item { border-bottom:1px solid var(--border); }
.hero-dd-meta-item:nth-child(even) { border-right:none; }
.hero-dd-meta-item:nth-child(n+3) { border-bottom:none; }
.il-layout { grid-template-columns:1fr; }
.il-sidebar { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.il-sidebar .panel:last-child { grid-column:1/-1; }
.il-stat-grid { grid-template-columns:repeat(3,1fr); }
.contact-grid { grid-template-columns:1fr; }
.inst-grid { grid-template-columns:1fr; }
.intl-grid { grid-template-columns:repeat(2,1fr); }
}

/* ── Tablet (≤768px) ── */
@media (max-width:768px) {
.main-wrap { padding:12px; }
.page-hero { padding:18px 16px; }
.page-hero-title { font-size:var(--fs-h2b); }
.page-hero-static { padding:18px 16px; }
.page-hero-static-title { font-size:var(--fs-h2b); }
.footer-inner { flex-direction:column; gap:12px; text-align:center; }
/* Live bar: alt alta */
.live-bar {
flex-direction:column;
align-items:flex-start;
gap:10px;
margin-bottom:16px;
}
.live-clock-wrap { width:100%; }
.stats-row { grid-template-columns:1fr 1fr; }
.filter-grid { grid-template-columns:1fr; }
/* Tarih input alanlarini düzelt */
.field-input[type="datetime-local"] {
display:block;
width:100%;
min-height:40px;
padding:9px 12px;
font-size:var(--fs-base2);
}
.data-table thead { display:none; }
.data-table, .data-table tbody { display:block; width:100%; }
.data-table { table-layout:auto; }
.data-table tr {
display:grid;
grid-template-columns:1fr auto;
grid-template-areas:"date mag" "loc tip" "km km";
padding:14px 16px;
border-bottom:1px solid var(--border);
column-gap:12px;
}
.data-table tr:last-child { border-bottom:none; }
.data-table tbody tr:hover { background:var(--bg3); }
.data-table td { padding:0; border:none; white-space:normal; overflow:visible; text-overflow:unset; display:block; }
.data-table td:nth-child(1) { grid-area:date; padding-bottom:8px; }
.data-table td:nth-child(2) { grid-area:loc; padding-bottom:6px; }
.cell-location { font-size:var(--fs-lg); white-space:normal; }
.cell-location small { font-size:var(--fs-base); }
.data-table td:nth-child(3) { grid-area:km; text-align:right; }
.cell-depth { font-size:var(--fs-base); color:var(--text-dim); }
.data-table td:nth-child(4) { grid-area:mag; text-align:right; padding-bottom:8px; align-self:end; }
.data-table td:nth-child(5) { grid-area:tip; text-align:right; padding-bottom:6px; }
.pagination-wrap { flex-direction:column; gap:10px; align-items:flex-start; }
.featured-card { grid-template-columns:1fr; }
.featured-img { min-height:200px; }
.featured-body { padding:20px; }
.featured-title { font-size:var(--fs-h3b); }
.toc-grid { grid-template-columns:repeat(2,1fr); }
.ckt-grid { grid-template-columns:repeat(3,1fr); gap:8px; }
.ckt-card { padding:12px; }
.ckt-emoji { font-size:var(--fs-h0); margin-bottom:6px; }
.ckt-title { font-size:var(--fs-sm); }
.ckt-desc { font-size:var(--fs-base); }
.dos-donts { grid-template-columns:1fr; }
.bag-grid { grid-template-columns:1fr; }
.risk-zone-grid { grid-template-columns:1fr; }
.def-item { grid-template-columns:1fr; gap:2px 0; }
.def-list dt { padding-bottom:0; }
.il-sidebar { grid-template-columns:1fr; }
.il-hero { padding:18px 20px; }
.il-hero-name { font-size:var(--fs-h0); }
.map-container { height:300px; }
.news-grid { grid-template-columns:1fr; }
.hero-dd { padding:20px 16px; }
.hero-dd-top { flex-direction:column-reverse; align-items:flex-start; gap:12px; margin-bottom:20px; }
.hero-dd-mag-block { display:flex; align-items:center; gap:12px; }
.hero-dd-mag-value { font-size:var(--fs-display-2xl); }
.hero-dd-title { font-size:var(--fs-h3b); }
.hero-dd-sub { flex-direction:column; align-items:flex-start; gap:4px; }
.hero-dd-sub-sep { display:none; }
.hero-dd-sub-depth { display:block; }
.info-table td:first-child { width:120px; font-size:var(--fs-xs); }
.il-stat-grid { grid-template-columns:repeat(2,1fr); }
.il-stat-grid .il-stat-max { grid-column:1/-1; }
.il-grid { grid-template-columns:1fr; }
.search-input { max-width:100%; }
.scroll-top { bottom:20px; right:20px; width:36px; height:36px; font-size:var(--fs-base-sm); border-radius:8px; }
.news-hero-body { padding:18px 16px 22px; }
.news-hero-title { font-size:var(--fs-h2); }
.news-hero-img { height:220px; }
.news-content { font-size:var(--fs-lg2); }
.share-wrap { gap:8px; }
.share-label { width:100%; margin-bottom:2px; }
.share-btn { padding:6px 12px; font-size:var(--fs-sm2); }
.field-row { grid-template-columns:1fr; }
}

/* ── Mobil (≤480px) ── */
@media (max-width:480px) {
.il-hero { padding:16px; border-radius:8px; }
.il-hero-name { font-size:var(--fs-h2); }
.il-hero-sub { font-size:var(--fs-sm); margin-bottom:14px; }
.map-container { height:250px; }
.cell-date { font-size:var(--fs-sm); }
.toc-grid { grid-template-columns:1fr; }
.ckt-grid { grid-template-columns:1fr; }
.page-hero { padding:20px; }
.page-hero-title { font-size:var(--fs-h1); }
.page-hero-desc { font-size:var(--fs-body); }
.page-hero-static { padding:20px; }
.page-hero-static-title { font-size:var(--fs-h1); }
.page-hero-static-desc { font-size:var(--fs-body); }
.panel-body { padding:14px; }
.step-item { gap:10px; }
.step-num { width:22px; height:22px; font-size:var(--fs-xs); }
.info-box { flex-direction:column; gap:8px; padding:12px; font-size:var(--fs-md2); }
.intl-grid { grid-template-columns:1fr; }
.inst-card-header { padding:16px 16px 12px; gap:10px; }
.inst-logo { width:36px; height:36px; font-size:0.9rem; }
.inst-name { font-size:0.88rem; }
.inst-body { padding:0 16px 14px; }
.inst-desc { font-size:0.8rem; margin-bottom:10px; }
.inst-links { padding:12px 16px; gap:6px; flex-wrap:wrap; }
.inst-link { font-size:0.62rem; padding:4px 10px; }
.inst-tags { gap:4px; }
.inst-tag { font-size:0.55rem; padding:2px 6px; }
.section-heading-title { font-size:0.95rem; }
}