/* ---- Marmara analiz blogu — site (acik) temasina uyarlanmis surum ----
   Tum kurallar .viz-root altinda; sayfanin geri kalanina dokunmaz. */
.viz-root{--yz:#18202a;--yz2:#44586a;--yz3:#7a8fa0;--kart:#f7fafc;--cerceve:#e2eaf1;
  --izgara:#e6edf4;--taban:#c3d2de;--s1:#0b6ec7;--s2:#e2552c;--uyari:#c98a00;
  font-family:'Segoe UI',Arial,sans-serif;color:var(--yz);font-size:16px;margin:6px 0 0}
.viz-root *{box-sizing:border-box}
.viz-root .wrap{max-width:100%;margin:0;padding:0}
.viz-root h1{font-size:24px;font-weight:800;margin:0 0 6px;color:#093560;line-height:1.3;
  border:none;padding:0}
.viz-root .subtitle{color:var(--yz2);font-size:15.5px;margin:0 0 22px;line-height:1.5}
.viz-root .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}
.viz-root .tile{background:var(--kart);border:1px solid var(--cerceve);border-radius:12px;padding:15px 16px}
.viz-root .tile .label{font-size:13px;color:var(--yz3);margin-bottom:7px;line-height:1.35}
.viz-root .tile .value{font-size:25px;font-weight:800;letter-spacing:-.01em;color:#093560;line-height:1.2}
.viz-root .tile .value.accent{color:var(--s2)}
.viz-root .tile .sub{font-size:13px;color:var(--yz2);margin-top:5px;line-height:1.4}
.viz-root .card{background:#fff;border:1px solid var(--cerceve);border-radius:14px;
  padding:20px 20px 10px;margin-bottom:22px}
.viz-root .card h2{font-size:19px;font-weight:800;margin:0 0 6px;color:#093560;
  border:none;padding:0;line-height:1.3}
.viz-root .card .desc{font-size:15.5px;line-height:1.6;color:var(--yz2);margin:0 0 14px}
.viz-root svg{display:block;overflow:visible;width:100%;height:auto;max-width:880px}
.viz-root .axis-label{font-size:13px;fill:var(--yz3)}
.viz-root .gridline{stroke:var(--izgara);stroke-width:1}
.viz-root .baseline{stroke:var(--taban);stroke-width:1}
.viz-root .dot{fill:var(--s1);stroke:#fff;stroke-width:1.5;cursor:pointer}
.viz-root .dot:hover{fill:var(--s2)}
.viz-root .dot-2{fill:#e08a2e;stroke:#fff;stroke-width:1.5;cursor:pointer}
.viz-root .dot-2:hover{fill:var(--s2)}
.viz-root .dot-main{fill:none;stroke:var(--s2);stroke-width:2}
.viz-root .sutun{fill:var(--s1)}
.viz-root .note{font-size:13.5px;color:var(--yz3);padding:10px 0 0;line-height:1.55}
.viz-root .legend{display:flex;gap:16px;font-size:14px;color:var(--yz2);margin:0 0 12px;flex-wrap:wrap}
.viz-root .legend span{display:inline-flex;align-items:center;gap:7px}
.viz-root .legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.viz-root .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}
.viz-root .callout{background:#fdf9ec;border:1px solid #f0e2bd;border-left:4px solid var(--uyari);
  border-radius:10px;padding:16px 18px;font-size:15.5px;line-height:1.65;color:#3f4b57;margin-top:4px}
.viz-root .callout b{color:#093560}
.viz-root .callout a{color:var(--s1)}
.viz-root .callout .src{font-size:13px;color:var(--yz3);margin-top:10px}
.viz-root table.data-table{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:8px}
.viz-root table.data-table th,.viz-root table.data-table td{text-align:left;padding:8px 10px;
  border-bottom:1px solid var(--izgara);color:var(--yz)}
.viz-root table.data-table th{color:var(--yz3);font-weight:700;font-size:13px;background:#f2f7fb}
.viz-root details summary{cursor:pointer;font-size:15px;color:var(--s1);padding:8px 0;font-weight:600}
#tooltip{position:fixed;pointer-events:none;background:#093560;color:#fff;font-size:14.5px;
  line-height:1.6;padding:10px 12px;border-radius:8px;opacity:0;transition:opacity .1s;z-index:10;
  max-width:280px;box-shadow:0 4px 18px rgba(9,53,96,.35)}
#tooltip b{font-weight:700}
@media(max-width:640px){
  .viz-root .tiles{grid-template-columns:repeat(2,1fr)}
  .viz-root .stat-row{grid-template-columns:1fr!important}
  .viz-root h1{font-size:20px}
  .viz-root .card{padding:16px 14px 8px}
  .viz-root .card h2{font-size:17px}
}