:root{
  --brand:#4e4feb;        /* ana renk */
  --ink:#0f172a;          /* metin */
  --muted:#6b7280;        /* ikincil metin */
  --bg:#ffffff;           /* arka plan */
  --line:#e5e7eb;         /* çizgi */
  --radius:14px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;
  color:var(--ink); background:var(--bg);
}

/* Genel kaplar */
.container{width:min(1100px, 92%); margin-inline:auto}
.site-header,.site-footer{border-bottom:1px solid var(--line)}
.site-footer{border-top:1px solid var(--line); border-bottom:0}
.site-header .container,.site-footer .container{
  display:flex; align-items:center; justify-content:space-between; padding:14px 0;
}
.brand{font-weight:700; text-decoration:none; color:var(--ink)}
.top-links a{color:var(--ink); text-decoration:none; margin-left:18px}
.top-links a:hover{color:var(--brand)}

/* Grid yerleşim */
.page-grid{
  display:grid; grid-template-columns: 280px 1fr; gap:28px; padding:28px 0 48px;
}
@media (max-width: 992px){
  .page-grid{grid-template-columns: 1fr}
}

/* Sol nav */
.side-nav{position:sticky; top:84px; align-self:start}
.nav-vertical{display:flex; flex-direction:column}
.nav-link{
  display:block; padding:8px 6px; margin:2px 0; border-left:3px solid transparent;
  color:var(--ink); text-decoration:none; border-radius:6px;
}
.nav-link:hover{background:#f7f7fb}
.nav-link.active{font-weight:600; border-left-color:var(--brand); background:#f3f6ff}
.section-label{font-size:12px; color:var(--muted); margin:10px 0 6px}
.sep{border:0; height:1px; background:var(--line); margin:14px 0}

/* details */
.contract-drop{border:1px solid var(--line); border-radius:10px; padding:8px 10px; background:#fafafa}
.contract-drop summary{cursor:pointer; list-style:none; font-weight:600}
.contract-drop summary::-webkit-details-marker{display:none}
.contract-drop .contract-links{margin-top:8px}

/* İçerik */
.content{min-width:0}
.block{background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:18px; margin-bottom:22px; box-shadow:0 1px 2px rgba(0,0,0,.03)}
.block h2{margin:0 0 12px}
.block-head{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px}

.muted{color:var(--muted)}
.table-scroll{overflow:auto}
.table{width:100%; border-collapse:collapse}
.table th,.table td{border:1px solid var(--line); padding:8px 10px; text-align:left}
.table thead th{background:#f9fafb}
.kv-table{display:grid; grid-template-columns: 180px 1fr; gap:8px 14px}
@media (max-width: 520px){ .kv-table{grid-template-columns:1fr} .kv-table>div:nth-child(odd){font-weight:600} }

.checklist{padding-left:18px}
.list-plain{list-style:none; padding:0; margin:0}
.list-plain li{padding:4px 0}

/* PDF gömme */
.pdf-frame{
  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
  height:min(75vh, 900px);
}
.pdf-frame iframe{width:100%; height:100%; border:0; display:block}

/* Butonlar */
.btn{
  display:inline-block; padding:9px 14px; border-radius:10px; border:1px solid var(--brand);
  color:var(--bg); background:var(--brand); text-decoration:none; font-weight:600; font-size:14px
}
.btn:hover{opacity:.9}
.btn.ghost{background:transparent; color:var(--brand)}
.to-top{text-align:right}

/* Footer */
.site-footer{padding:18px 0; color:var(--muted)}

/* sadece aktif içerik görünsün */
.content .block{display:none}
.content .block.active{display:block}