/* Analiz sayfası — haritasız düzen.
   app.css'i devralır; burada yalnızca farklar var. Ana sayfa tam ekran harita
   için kurulu (sabit yükseklikler, konumlandırılmış katmanlar); analiz sayfası
   kaydırılabilir bir belge. */

body.analysis-page {
  overflow: auto;
}

body.analysis-page #sidebar {
  bottom: 0;                       /* zaman çubuğu yok */
}

body.analysis-page #content {
  margin-left: var(--sidebar-w);
  margin-top: var(--top-h);
  padding: 26px 34px 80px;
  max-width: 1100px;
}

.backlink {
  text-decoration: none; display: inline-flex; align-items: center;
  white-space: nowrap;
}

/* --- giriş --- */
.an-intro { margin-bottom: 26px; }
.an-intro h1 {
  font-size: 22px; font-weight: 600; letter-spacing: -.2px;
  margin: 0 0 8px; color: var(--fg);
}
.an-intro .lede {
  margin: 0; font-size: 13px; line-height: 1.7; color: var(--fg2);
  max-width: 76ch;
}
.an-intro .lede b { color: var(--fg); font-weight: 600; }

/* --- kapsam mini haritası --- */
.mini-map {
  height: 132px; border-radius: 8px; overflow: hidden;
  border: 1px solid var(--line); margin-bottom: 9px; background: var(--bg);
}

.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.row2 input[type=date] { width: 100%; }

/* --- içindekiler --- */
.toc { display: flex; flex-direction: column; gap: 1px; }
.toc a {
  padding: 6px 8px; border-radius: 5px; font-size: 11.5px;
  color: var(--fg3); text-decoration: none; border-left: 2px solid transparent;
}
.toc a:hover { color: var(--fg2); background: var(--bg3); }
.toc a.done { color: var(--fg2); border-left-color: var(--ok); }
.toc a.fail { color: var(--fg3); border-left-color: var(--danger); }
.toc a.busy { color: var(--fg2); border-left-color: var(--accent); }

/* --- rapor blokları --- */
.report {
  border: 1px solid var(--line); border-radius: 10px;
  background: var(--bg2); margin-bottom: 20px; overflow: hidden;
  scroll-margin-top: calc(var(--top-h) + 16px);
}
.report > h2 {
  margin: 0; padding: 13px 18px; font-size: 14px; font-weight: 600;
  border-bottom: 1px solid var(--line); color: var(--fg);
  display: flex; align-items: baseline; gap: 10px;
}
.report > h2 .q {
  font-size: 10.5px; font-weight: 400; color: var(--fg3);
  font-family: var(--mono);
}
.report-body { padding: 16px 18px 18px; }
.report-body > .chart-wrap { margin: 4px 0 12px; }
.report-body canvas { width: 100%; display: block; }

.an-lead {
  font-size: 12.5px; line-height: 1.65; color: var(--fg2);
  margin: 0 0 12px; max-width: 78ch;
}
.an-lead b { color: var(--fg); }

/* Ölçülen ana sayı — okuyucunun aklında kalması gereken şey. */
.headline {
  display: flex; flex-wrap: wrap; gap: 22px;
  padding: 12px 14px; margin: 0 0 14px;
  background: var(--bg3); border-radius: 8px;
}
.headline .hv { display: flex; flex-direction: column; gap: 3px; }
.headline .hv b {
  font-family: var(--mono); font-size: 17px; font-weight: 600; color: var(--fg);
}
.headline .hv span {
  font-size: 10px; text-transform: uppercase; letter-spacing: .5px;
  color: var(--fg3);
}

.busy-line {
  display: flex; align-items: center; gap: 9px;
  font-size: 12px; color: var(--fg3); padding: 10px 0;
}

@media (max-width: 900px) {
  /* Analiz sayfasında kenar çubuğu çekmece DEĞİL: sayfa zaten kaydırılabilir
     bir belge, kapsam kontrolleri de raporun girişinde duruyor. `transform`
     sıfırlaması şart — app.css 820 px'te çekmece için -100% uyguluyor ve
     sıfırlanmazsa buradaki statik kenar çubuğu ekran dışına kayıyordu. */
  body.analysis-page #sidebar {
    position: static; width: auto; height: auto;
    transform: none; box-shadow: none;
    /* Üst bar `position: fixed` kalmaya devam ediyor; kenar çubuğu statik
       olunca onun altına giriyordu ve ilk 46 pikseli — "KAPSAM" başlığı ve
       mini haritanın üstü — hiç görünmüyordu. Sayfa başındayken kaydırarak
       kurtarmak da mümkün değildi. */
    margin-top: var(--top-h);
  }
  body.analysis-page #content { margin-left: 0; margin-top: 0; padding: 18px; }
}

@media (max-width: 520px) {
  /* Üst bar 390 px'te 401 px istiyordu. "Dil" başlığı düşer — seçicinin
     içindeki "Türkçe"/"English" zaten ne olduğunu söylüyor. */
  body.analysis-page #topbar .field.compact > span { display: none; }
  body.analysis-page #topbar .backlink { padding: 5px 8px; }
}