/* Synesis · Demokrasi — v1.5.0
   Tema paleti: mürekkep, kızıl, kemik, grafit, duman, kül, kum. Başlıklar Cormorant Garamond, metin Source Sans 3 (temadan). */
.sa-app{
  --bg:#F4F0E8; --surface:#FFFFFF; --ink:#1B1F2A; --ink2:#3A3D46; --muted:#6F685A; --rule:#E2DCCE; --rule2:#EEE9DF;
  --accent:#1B1F2A; --kizil:#BC002D; --accent-soft:#ECE6D9; --gain:#1D4ED8; --loss:#C2410C; --neutral:#D3CEC2;
  --f-sol:#D32F2F; --f-sag:#3D7DD8; --f-mg:#2E7D32; --f-kurt:#8E24AA; --f-akp:#E07B12; --f-mil:#8E244D; --f-sosyalist:#0097A7; --f-diger:#9A9488;
  --display:"Cormorant Garamond","EB Garamond",Georgia,"Times New Roman",serif;
  --body:"Source Sans 3",-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  color:var(--ink); font-family:var(--body); font-size:16px; line-height:1.5; color-scheme:light;
}
.sa-app *,.sa-app *::before,.sa-app *::after{box-sizing:border-box}
.sa-app a{color:var(--ink)}
.sa-app button,.sa-app select{font:inherit;color:inherit;margin:0}
.sa-app :focus-visible{outline:2px solid var(--kizil);outline-offset:2px}
.sa-app p{margin:0}
.sa-app h1,.sa-app h2,.sa-app h3{font-family:var(--display);text-wrap:balance;margin:0;color:var(--ink);letter-spacing:0}
.sa-app h1{font-size:clamp(36px,5vw,58px);font-weight:500;line-height:1.05}
.sa-app h2.vt{font-size:clamp(32px,4vw,46px);font-weight:500;line-height:1.05}
.sa-app h2{font-size:28px;font-weight:600;line-height:1.15}
.sa-app h3{font-family:var(--body);font-size:15px;font-weight:600}
.sa-app .eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--kizil);font-weight:600;margin:0 0 10px}
.sa-app .notes .eyebrow,.sa-app .decade>h3{color:var(--muted)}
.sa-app .lede{max-width:66ch;color:var(--ink2);font-size:17px;font-weight:300;line-height:1.7;margin-top:14px}
.sa-app .mono{font-family:var(--mono)}
.sa-app .num{font-variant-numeric:tabular-nums}
.sa-app .small{font-size:13px;color:var(--muted)}

/* bölüm sekmeleri: Kronos filtre hapları gibi */
.sa-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px}
.sa-tabs button{background:var(--surface);border:1px solid var(--rule);border-radius:99px;padding:7px 16px;cursor:pointer;color:var(--ink);font-size:14px}
.sa-tabs button:hover{border-color:var(--muted)}
.sa-tabs button[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}

.sa-app .stack{display:flex;flex-direction:column;gap:32px}
.sa-app .panel{background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:24px;min-width:0}
.sa-app .panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.sa-app .panel-head p{margin-top:6px;color:var(--muted);font-size:14px;max-width:72ch}
.sa-app .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:20px}
.sa-app .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:4px;overflow:hidden}
.sa-app .kpi{background:var(--surface);padding:16px 18px}
.sa-app .kpi .k{font-size:12px;color:var(--muted);letter-spacing:.04em}
.sa-app .kpi .v{font-size:26px;font-weight:600;line-height:1.2;margin-top:2px}
.sa-app .kpi .s{font-size:12px;color:var(--ink2)}
.sa-app .chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:3px 10px;border-radius:99px;border:1px solid var(--rule);color:var(--ink2);white-space:nowrap;background:var(--surface)}
.sa-app .dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}
.sa-app .chip.ready{border-color:var(--ink);color:var(--ink);font-weight:600}
.sa-app .controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.sa-app .controls label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.sa-app select{background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:8px 10px;min-width:150px;max-width:100%;font-size:14px}
.sa-app .btn{background:var(--surface);border:1px solid var(--rule);border-radius:99px;padding:7px 14px;cursor:pointer;color:var(--ink);font-size:14px}
.sa-app .btn:hover{border-color:var(--muted)}
.sa-app .btn[disabled]{opacity:.4;cursor:default}

.sa-app .tablewrap{overflow-x:auto}
.sa-app table{border-collapse:collapse;width:100%;font-size:14px;margin:0;border:0}
.sa-app th,.sa-app td{padding:8px 10px;text-align:left;border:0;border-bottom:1px solid var(--rule2);vertical-align:middle;background:none}
.sa-app th{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
.sa-app td.r,.sa-app th.r{text-align:right}
.sa-app tbody tr:hover{background:var(--bg)}
.sa-app .barcell{min-width:120px;width:28%}
.sa-app .hbar{height:8px;border-radius:0 4px 4px 0;display:block}
.sa-app .delta-pos{color:var(--gain)} .sa-app .delta-neg{color:var(--loss)}

.sa-app .strata{width:100%;height:auto;display:block}
.sa-app .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}
.sa-app .cards>.card{justify-content:flex-start}
.sa-app .card{background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;color:var(--ink);width:100%}
.sa-app .card:hover{border-color:var(--muted)}
.sa-app .card .yr{font-family:var(--display);font-size:40px;font-weight:600;line-height:.95}
.sa-app .card .yr small{font-family:var(--body);font-size:14px;font-weight:400;color:var(--muted);margin-left:8px}
.sa-app .card .meta{font-size:12px;color:var(--muted)}
.sa-app .card.early{cursor:default;background:transparent;border-style:dashed}
.sa-app .share100{display:flex;height:10px;gap:2px;border-radius:2px;overflow:hidden}
.sa-app .share100 i{display:block;height:100%}
.sa-app .decade{display:flex;flex-direction:column;gap:12px}
.sa-app .decade>h3{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--rule);padding-bottom:6px}

.sa-app .ehead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:end}
.sa-app .pager{display:flex;gap:8px}
.sa-app .seatbar{display:flex;gap:2px;height:26px;border-radius:2px;overflow:hidden;position:relative}
.sa-app .seatbar i{display:block;height:100%}
.sa-app .majority{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink)}
.sa-app .notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.sa-app .notes div{min-width:0}
.sa-app .notes p{margin-top:4px;color:var(--ink2);max-width:65ch}

.sa-app .tilemap{width:100%;height:auto;display:block}
.sa-app .tilemap rect{stroke:var(--surface);stroke-width:2}
.sa-app .tilemap text{font-family:var(--mono);font-size:9px;pointer-events:none}
.sa-app .legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ink2);margin-top:12px}
.sa-app .legend span{display:inline-flex;align-items:center;gap:6px}
.sa-app .ramp{display:inline-block;width:140px;height:10px;border-radius:2px}

.sa-tip{position:fixed;z-index:9999;pointer-events:none;background:#fff;color:#1B1F2A;border:1px solid #E2DCCE;border-radius:4px;box-shadow:0 8px 28px rgba(27,31,42,.16);padding:10px 12px;font:14px/1.45 "Source Sans 3",system-ui,sans-serif;min-width:180px;max-width:280px;opacity:0;transition:opacity .08s}
.sa-tip.on{opacity:1}
.sa-tip h4{margin:0 0 6px;font-size:14px;font-weight:600;font-family:inherit}
.sa-tip .row{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}
.sa-tip .row span:first-child{display:flex;align-items:center;gap:6px;color:#3A3D46}
.sa-tip .dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
.sa-tip .small{font-size:12px;color:#6F685A}

.sa-app .chart text{fill:var(--muted);font-size:11px;font-family:var(--body)}
.sa-app .chart .grid line{stroke:var(--rule2)}
.sa-app .lineage{border-collapse:separate;border-spacing:2px;font-size:11px;width:auto}
.sa-app .lineage td{padding:0;border:0;text-align:center;height:34px;min-width:44px;border-radius:2px;font-family:var(--mono)}
.sa-app .lineage th{font-size:11px;padding:2px 4px;border:0}
.sa-app .lineage td b{display:block;font-weight:500;font-size:11px}
.sa-app .lineage td small{display:block;font-size:10px;opacity:.85}
.sa-app .list2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sa-app .list2 ol{margin:6px 0 0;padding-left:22px;font-size:14px}
.sa-app .list2 li{font-variant-numeric:tabular-nums;margin:0}
.sa-app .statline{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:14px}
.sa-app .statline div{font-size:12px;color:var(--muted)}
.sa-app .statline b{display:block;font-size:22px;color:var(--ink);font-weight:600}
.sa-app .prose p,.sa-app .prose li{color:var(--ink2)}
.sa-app .prose h2{margin:18px 0 6px}
.sa-app .prose h2:first-child{margin-top:0}
.sa-app .prose ul,.sa-app .prose ol{padding-left:22px;margin:6px 0}
.sa-app .callout{border-left:3px solid var(--kizil);padding:8px 14px;background:var(--accent-soft);font-size:14px;color:var(--ink2)}
@media (max-width:600px){.sa-app .hide-sm{display:none}.sa-app .list2{grid-template-columns:1fr}.sa-app .kpi .v{font-size:21px}.sa-app .panel{padding:16px}}
@media (prefers-reduced-motion:reduce){.sa-tip{transition:none}}

/* Lider portreleri (1.7.8) */
.sa-app .ld-who{display:flex;align-items:center;gap:.7em}
.ld-face{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#ECE6D9;color:#fff;font:600 14px/1 "Source Sans 3",system-ui,sans-serif;letter-spacing:.03em;box-shadow:inset 0 0 0 1px rgba(27,31,42,.08)}
.ld-face img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.ld-face-ini{opacity:.92}
.sa-tip .ld-tiphead{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.sa-tip .ld-tiphead h4{margin:0}
.ld-face.ld-face-tip{width:48px;height:48px;font-size:13px}
@media (max-width:600px){.ld-face{width:34px;height:34px;font-size:12px}.sa-app .ld-who{gap:.5em}}

/* Arşiv tür filtresi (1.8.0) */
.sa-app .sa-k{display:contents}
.sa-app .sa-k[hidden]{display:none}
.sa-app .cards>.sa-k>.card{justify-content:flex-start}
.sa-app .sa-kfilter{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px;scroll-margin-top:90px}
.sa-app .sa-kf{font:inherit;font-size:14px;line-height:1.2;padding:7px 14px;border:1px solid var(--rule);border-radius:999px;background:var(--surface);color:var(--ink2);cursor:pointer}
.sa-app .sa-kf span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:2px}
.sa-app .sa-kf:hover{border-color:var(--ink2)}
.sa-app .sa-kf[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.sa-app .sa-kf[aria-pressed="true"] span{color:rgba(255,255,255,.72)}