/* Bitigçi — Sözcük Evreni sayfası (/sozcuk-evreni) */
.sev-sayfa .sev-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:18px; margin-bottom:18px; box-shadow:0 1px 2px rgba(15,23,42,.04); }
.sev-sayfa .sev-card h3 { font-size:1.05rem; font-weight:800; color:#1e3a8a; margin-bottom:.35rem; }
.sev-sayfa .sev-lead { font-size:.86rem; color:#4b5563; line-height:1.6; margin-bottom:.9rem; }

.sev-toggle { display:inline-flex; background:#eff6ff; border:1px solid #bfdbfe; border-radius:999px; padding:3px; gap:2px; flex-wrap:wrap; }
.sev-toggle button { font-size:.75rem; padding:.3rem .75rem; border-radius:999px; color:#1e40af; white-space:nowrap; }
.sev-toggle button.sev-on { background:#1d4ed8; color:#fff; box-shadow:0 1px 3px rgba(29,78,216,.35); }

#sevKpi { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
@media (min-width:768px){ #sevKpi { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.sev-kpi { border-radius:12px; padding:12px 14px; border:1px solid #e5e7eb; background:#fff; min-width:0; }
.sev-kpi-l { font-size:.7rem; text-transform:uppercase; letter-spacing:.03em; color:#6b7280; font-weight:700; }
.sev-kpi-v { font-size:clamp(1.15rem, 4.2vw, 1.45rem); font-weight:800; color:#111827; line-height:1.2; margin:.2rem 0; overflow-wrap:anywhere; }
.sev-kpi-s { font-size:.72rem; color:#6b7280; line-height:1.35; }
.sev-kpi-blue { background:linear-gradient(135deg,#eff6ff,#f8fafc); border-color:#bfdbfe; }
.sev-kpi-blue .sev-kpi-v { color:#1d4ed8; }
.sev-kpi-amber { background:#fffbeb; border-color:#fde68a; }
.sev-kpi-amber .sev-kpi-v { color:#b45309; }
.sev-kpi-teal { background:#f0fdfa; border-color:#99f6e4; }
.sev-kpi-teal .sev-kpi-v { color:#0f766e; }

.sev-hatch { background-image:repeating-linear-gradient(45deg, rgba(255,255,255,.45) 0 3px, transparent 3px 7px); }
.sev-sw { display:inline-block; width:11px; height:11px; border-radius:3px; flex:0 0 auto; }

.sev-bar { display:flex; height:16px; border-radius:6px; overflow:hidden; background:#f1f5f9; }
.sev-bar span { display:block; height:100%; }

.sev-chip { display:inline-flex; align-items:baseline; gap:5px; font-size:.78rem; padding:.2rem .55rem; border-radius:999px; border:1px solid transparent; text-decoration:none; transition:transform .1s; }
.sev-chip:hover { transform:translateY(-1px); }
.sev-chip small { font-size:.66rem; opacity:.7; }
.sev-chip-b { background:#eff6ff; color:#1e3a8a; border-color:#bfdbfe; }
.sev-chip-y { background:#fff1f2; color:#9f1239; border-color:#fecdd3; }
.sev-chip-f { background:#faf5ff; color:#6b21a8; border-color:#e9d5ff; }
.sev-chip-t { background:#fffbeb; color:#92400e; border-color:#fde68a; }
.sev-chip-d { background:#fefce8; color:#854d0e; border-color:#fef08a; }
.sev-chip-o { background:#f0fdfa; color:#115e59; border-color:#99f6e4; }

.sev-rank { display:grid; grid-template-columns:minmax(90px,min(170px,42%)) 1fr 58px; align-items:center; gap:8px; width:100%; text-align:left; padding:3px 4px; border-radius:6px; font-size:.78rem; }
.sev-rank:hover { background:#eff6ff; }
.sev-rank-l { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#374151; }
.sev-rank-b { display:block; height:10px; background:#f1f5f9; border-radius:99px; overflow:hidden; }
.sev-rank-b span { display:block; height:100%; background:linear-gradient(90deg,#93c5fd,#1d4ed8); border-radius:99px; }
.sev-rank-v { text-align:right; font-weight:700; color:#1d4ed8; font-variant-numeric:tabular-nums; }

.sev-chart { position:relative; height:320px; }
@media (max-width:767px){ .sev-chart { height:300px; } }

.sev-sayfa details.sev-card summary { cursor:pointer; font-weight:800; color:#1e3a8a; list-style:none; }
.sev-sayfa details.sev-card summary::-webkit-details-marker { display:none; }
.sev-sayfa details.sev-card summary::after { content:'▾'; float:right; color:#1d4ed8; transition:transform .15s; }
.sev-sayfa details.sev-card[open] summary::after { transform:rotate(180deg); }
.sev-sayfa .sev-doc h4 { font-weight:800; color:#1e3a8a; margin:1rem 0 .3rem; font-size:.92rem; }
.sev-sayfa .sev-doc p, .sev-sayfa .sev-doc li { font-size:.84rem; color:#374151; line-height:1.65; }
.sev-sayfa .sev-doc ul { list-style:disc; padding-left:1.2rem; }
.sev-sayfa .sev-formul { font-family:ui-monospace,Menlo,monospace; background:#eff6ff; padding:.1rem .4rem; border-radius:4px; font-size:.78rem; }

/* ---------- Harita (Tarihsel Derlem anlam haritası düzeninde) ---------- */
.sevh-arac { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:0 0 10px; }
.sevh-ara { position:relative; flex:1 1 260px; max-width:420px; }
.sevh-ara input { width:100%; font-size:.95rem; color:#0f172a; background:#fff; border:1px solid #cbd5e1; border-radius:10px; padding:9px 12px; }
.sevh-ara input:focus { outline:2px solid #1d4ed8; outline-offset:1px; border-color:#1d4ed8; }
.sevh-oneri { position:absolute; z-index:30; left:0; right:0; top:calc(100% + 4px); margin:0; padding:4px; list-style:none; background:#fff;
  border:1px solid #cbd5e1; border-radius:10px; box-shadow:0 10px 28px rgba(15,23,42,.14); max-height:360px; overflow:auto; }
.sevh-oneri li { padding:7px 10px; border-radius:7px; cursor:pointer; line-height:1.35; font-size:.9rem; }
.sevh-oneri li[aria-selected="true"], .sevh-oneri li:hover { background:#eff6ff; }
.sevh-oneri-tur { font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#1e3a8a; background:#dbeafe; border-radius:5px; padding:1px 6px; margin-right:6px; }
.sevh-secim { font-size:.84rem; color:#475569; display:inline-flex; align-items:center; gap:6px; }
.sevh-secim select { border:1px solid #cbd5e1; border-radius:8px; padding:6px 8px; background:#fff; color:#0f172a; font-size:.86rem; }
.sevh-cip { display:inline-flex; align-items:center; gap:6px; font-size:.8rem; color:#334155; border:1px solid #e2e8f0; background:#fff; border-radius:999px; padding:4px 10px; cursor:pointer; }
.sevh-renk { display:inline-block; width:10px; height:10px; border-radius:3px; vertical-align:middle; }
.sevh-kap { position:relative; height:clamp(460px, 74vh, 900px); background:#fff; border:1px solid #e2e8f0; border-radius:16px;
  box-shadow:0 1px 3px rgba(15,23,42,.06); overflow:hidden; }
.sevh-tuval { width:100%; height:100%; cursor:grab; touch-action:none; display:block; }
.sevh-tuval:active { cursor:grabbing; }
.sevh-tuval:focus-visible { outline:2px solid #1d4ed8; outline-offset:-3px; }
.sevh-yukleniyor { position:absolute; inset:0; display:grid; place-items:center; color:#64748b; font-size:.95rem; pointer-events:none; }
.sevh-yukleniyor[hidden] { display:none; }
.sevh-ipucu { position:absolute; left:0; top:0; z-index:8; pointer-events:none; max-width:320px; font-size:.84rem; line-height:1.45;
  background:#fff; color:#0f172a; border:1px solid #e2e8f0; border-radius:10px; padding:8px 11px; box-shadow:0 10px 28px rgba(15,23,42,.14); }
.sevh-ipucu-bas { font-size:1rem; }
.sevh-soluk { color:#64748b; }
.sevh-dugmeler { position:absolute; left:12px; top:12px; z-index:7; display:flex; flex-direction:column; gap:6px; }
.sevh-dugmeler button { width:36px; height:36px; border-radius:9px; border:1px solid #e2e8f0; background:#fff; color:#0f172a;
  font:600 1.1rem/1 system-ui, sans-serif; cursor:pointer; box-shadow:0 1px 3px rgba(15,23,42,.08); }
.sevh-dugmeler button:hover { border-color:#1d4ed8; color:#1d4ed8; }
.sevh-lejant { position:absolute; left:12px; bottom:10px; z-index:6; max-width:min(680px, calc(100% - 24px)); display:flex; flex-wrap:wrap;
  gap:4px 14px; font-size:.75rem; color:#334155; background:rgba(255,255,255,.88); border-radius:8px; padding:5px 9px; pointer-events:none; }
.sevh-lejant i { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:5px; vertical-align:-1px; }
.sevh-lejant i.sevh-toz { width:4px; height:4px; margin:0 8px 1px 3px; background:#94a3b8; box-shadow:4px -3px 0 #94a3b8, -3px -2px 0 #cbd5e1; }
.sevh-lejant i.sevh-halka { width:12px; height:12px; background:transparent; border:1.5px dashed #0f172a; }
.sevh-lejant:empty { display:none; }
.sevh-panel { position:absolute; top:0; right:0; bottom:0; z-index:9; width:min(390px, 42%); overflow-y:auto; background:#fff;
  border-left:1px solid #e2e8f0; box-shadow:-8px 0 24px rgba(0,0,0,.08); padding:16px 18px 20px; }
.sevh-panel[hidden] { display:none; }
.sevh-kapat { position:absolute; top:8px; right:10px; width:34px; height:34px; border:0; border-radius:8px; background:transparent; color:#64748b; font-size:1.5rem; line-height:1; cursor:pointer; }
.sevh-kapat:hover { background:#f1f5f9; color:#0f172a; }
.sevh-panel-bas { margin-right:38px; }
.sevh-panel-bas h2 { font-size:1.45rem; font-weight:800; margin:0; color:#0f172a; overflow-wrap:anywhere; }
.sevh-cipler { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0; align-items:center; }
.sevh-etiket { font-size:.72rem; font-weight:700; border-radius:999px; padding:2px 9px; background:#f1f5f9; color:#334155; }
.sevh-kucuk { font-size:.86rem; color:#334155; line-height:1.55; margin:6px 0; }
.sevh-bag { background:none; border:0; padding:0; font:inherit; color:#1d4ed8; cursor:pointer; text-align:left; text-decoration:underline; text-decoration-style:dotted; text-underline-offset:3px; }
.sevh-bag:hover { text-decoration-style:solid; }
.sevh-bag-baslik { font-size:.88rem; font-weight:700; margin:14px 0 6px; display:flex; align-items:center; gap:7px; color:#0f172a; }
.sevh-bag-liste { list-style:none; margin:0; padding:0; }
.sevh-bag-liste li { margin:0 0 6px; line-height:1.4; font-size:.9rem; }
.sevh-dugme { display:inline-flex; align-items:center; gap:6px; font-size:.84rem; font-weight:700; color:#fff; background:#1d4ed8; border:0; border-radius:8px; padding:7px 12px; text-decoration:none; cursor:pointer; }
.sevh-dugme:hover { background:#1e40af; }
.sevh-tablo { width:100%; font-size:.8rem; border-collapse:collapse; margin:8px 0; }
.sevh-tablo th { text-align:right; color:#64748b; font-weight:600; padding:3px 4px; }
.sevh-tablo th:first-child, .sevh-tablo td:first-child { text-align:left; }
.sevh-tablo td { text-align:right; padding:3px 4px; border-top:1px solid #f1f5f9; font-variant-numeric:tabular-nums; }
.sevh-panel .sevh-cip { cursor:pointer; font-size:.78rem; }
.sevh-not { margin-top:8px; font-size:.78rem; color:#64748b; }
.sevh:fullscreen { background:#f8fafc; padding:14px; overflow:auto; }
.sevh:fullscreen .sevh-kap { height:calc(100vh - 140px); }
@media (max-width:760px) {
  .sevh-kap { height:clamp(400px, 118vw, 72vh); }
  .sevh-panel { top:auto; left:0; width:auto; max-height:58%; border-left:0; border-top:1px solid #e2e8f0; border-radius:16px 16px 0 0; box-shadow:0 -8px 24px rgba(0,0,0,.12); }
  .sevh-lejant { bottom:auto; top:12px; left:58px; }
  .sevh-secim { flex:1 1 45%; }
  .sevh-secim select { flex:1; }
}

/* ---------- Kılavuz kartı ---------- */
.sev-kilavuz { background:#fff; border:1px solid #bfdbfe; border-radius:14px; margin-bottom:18px; box-shadow:0 1px 2px rgba(30,58,138,.05); }
.sev-kilavuz > summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:10px; padding:14px 18px; font-weight:800; color:#1e3a8a; }
.sev-kilavuz > summary::-webkit-details-marker { display:none; }
.sev-kilavuz > summary::after { content:'▾'; margin-left:auto; color:#1d4ed8; transition:transform .15s; }
.sev-kilavuz[open] > summary::after { transform:rotate(180deg); }
.sev-kilavuz > summary small { font-weight:500; color:#64748b; font-size:.8rem; }
.sev-kilavuz-ic { padding:0 18px 18px; border-top:1px solid #dbeafe; }
.sev-kilavuz-ic h4 { font-weight:800; color:#1e3a8a; margin:16px 0 6px; font-size:.95rem; }
.sev-kilavuz-ic p, .sev-kilavuz-ic li { font-size:.86rem; color:#334155; line-height:1.65; }
.sev-kilavuz-ic ul { list-style:disc; padding-left:1.2rem; }
.sev-kilavuz-ic dl { display:grid; grid-template-columns:minmax(150px,210px) 1fr; gap:6px 16px; margin:0; }
.sev-kilavuz-ic dt { font-weight:700; color:#0f172a; font-size:.86rem; }
.sev-kilavuz-ic dd { margin:0; font-size:.86rem; color:#334155; line-height:1.6; }
.sev-kilavuz-ic .sev-ornek { display:inline-flex; align-items:center; gap:6px; margin-right:12px; white-space:nowrap; }
.sev-kilavuz-ic .sev-nokta { display:inline-block; width:10px; height:10px; border-radius:50%; }
.sev-kilavuz-uyari { border-left:3px solid #f59e0b; background:#fffbeb; padding:10px 12px; border-radius:6px; margin-top:12px; }
@media (max-width:640px) { .sev-kilavuz-ic dl { grid-template-columns:1fr; } .sev-kilavuz-ic dd { margin-bottom:6px; } }

/* ---------- Tahmini liste ---------- */
.sev-tahmin th { font-size:.72rem; font-weight:700; color:#64748b; text-align:left; padding:6px 8px; border-bottom:1px solid #e2e8f0; white-space:nowrap; }
.sev-tahmin td { padding:5px 8px; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
.sev-tahmin tr:hover td { background:#f8fafc; }
.sev-olasilik { display:inline-block; width:90px; height:7px; border-radius:99px; background:#f1f5f9; overflow:hidden; vertical-align:middle; }
.sev-olasilik i { display:block; height:100%; border-radius:99px; }
.sev-incelendi { font-size:.68rem; font-weight:700; color:#047857; background:#ecfdf5; border-radius:999px; padding:1px 7px; white-space:nowrap; }
.sev-sayfa-d { min-width:32px; height:30px; padding:0 8px; border:1px solid #e2e8f0; border-radius:8px; background:#fff; font-size:.8rem; color:#1e3a8a; }
.sev-sayfa-d.sev-on { background:#1d4ed8; color:#fff; border-color:#1d4ed8; }
#sevTahminGrup { flex-wrap:wrap; }
#sevTahminGrup small { opacity:.75; }
@media (max-width:640px) { .sev-olasilik { width:52px; } .sev-tahmin th:nth-child(3), .sev-tahmin td:nth-child(3) { display:none; } }
.sev-canli { color:#10b981; font-size:.6rem; vertical-align:1px; animation:sevNabiz 2s ease-in-out infinite; }
@keyframes sevNabiz { 50% { opacity:.35; } }
@media (prefers-reduced-motion: reduce) { .sev-canli { animation:none; } }