/* ==========================================================================
   kenevirinfaydalari.com — temel stil dosyası (v1)
   Geliştirici notu: tüm renk ve ölçüler CSS değişkeni. Tema değişimi
   :root içindeki değerleri değiştirmekle olur, başka yere dokunmaya gerek yok.
   ========================================================================== */

:root {
  /* renk */
  --bg:            #ffffff;                 /* varsayılan: beyaz */
  --bg-alt:        oklch(0.975 0.004 120);  /* çok açık gri, ikincil bölüm */
  --surface:       #ffffff;
  --text:          oklch(0.24 0.015 150);
  --text-soft:     oklch(0.42 0.015 150);
  --text-muted:    oklch(0.52 0.02 150);
  --accent:        oklch(0.48 0.09 150);    /* kenevir yeşili — bağlantı */
  --accent-dark:   oklch(0.38 0.09 150);
  --accent-2:      oklch(0.48 0.09 65);     /* toprak kavuniçe — atıf/veri */
  --line:          oklch(0.88 0.01 120);
  --line-soft:     oklch(0.93 0.01 120);

  /* tipografi */
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:  "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --mono:  "IBM Plex Mono", ui-monospace, monospace;

  /* ölçü */
  --wrap: 1180px;      /* sayfa genişliği */
  --measure: 720px;    /* okuma kolonu */
  --gut: 32px;         /* yan boşluk */
}

/* --- TEMA: yeşil (kağıt/adaçayı) --- */
[data-tema="yesil"] {
  --bg:        oklch(0.985 0.008 95);
  --bg-alt:    oklch(0.955 0.012 130);
  --surface:   #ffffff;
}

/* --- TEMA: koyu mod --- */
[data-tema="koyu"] {
    --bg:        oklch(0.19 0.012 150);
    --bg-alt:    oklch(0.23 0.014 150);
    --surface:   oklch(0.22 0.012 150);
    --text:      oklch(0.93 0.008 120);
    --text-soft: oklch(0.80 0.01 120);
    --text-muted:oklch(0.66 0.012 120);
    --accent:    oklch(0.72 0.10 150);
    --accent-dark: oklch(0.82 0.09 150);
    --accent-2:  oklch(0.75 0.10 65);
    --line:      oklch(0.32 0.012 150);
  --line-soft: oklch(0.27 0.012 150);
  --foot-bg:   oklch(0.15 0.012 150);
}

/* --- reset ---------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}
img, svg { max-width: 100%; display: block; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-dark); text-decoration: underline; text-underline-offset: 3px; }
h1, h2, h3 { font-family: var(--serif); font-weight: 600; letter-spacing: -0.012em; margin: 0; }
ul, ol { margin: 0; }
table { border-collapse: collapse; width: 100%; }

/* --- yardımcı sınıflar ---------------------------------------------------- */
.wrap   { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gut); }
.eyebrow{ font-family: var(--mono); font-size: 11.5px; letter-spacing: .14em;
          text-transform: uppercase; color: var(--text-muted); margin: 0 0 22px; }
.meta   { font-family: var(--mono); font-size: 12px; color: var(--text-muted); }
.sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

/* --- üst şerit ------------------------------------------------------------ */
.site-head { position: sticky; top: 0; z-index: 40;
             background: var(--bg); border-bottom: 1px solid var(--line); }
.site-head__in { display: flex; align-items: center; gap: 36px; min-height: 64px; }
.logo { display: flex; align-items: baseline; gap: 8px; color: var(--text); }
.logo b { font-family: var(--serif); font-size: 21px; font-weight: 700; letter-spacing: -0.01em; }
.logo span { font-family: var(--mono); font-size: 11px; color: var(--text-muted); }
.nav { display: flex; gap: 22px; font-size: 14.5px; flex: 1; flex-wrap: nowrap; min-width: 0; }
.nav a { color: var(--text-soft); }
.nav a[aria-current="page"] { color: var(--text); font-weight: 500; }
.navdrop { position: relative; }
.navdrop__t { display: inline-flex; align-items: center; gap: 5px; }
.navdrop__t::after { content: ""; width: 5px; height: 5px; border-right: 1.5px solid currentColor;
                     border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-1px); opacity: .55; }
.navdrop__m { position: absolute; top: calc(100% + 12px); left: -14px; z-index: 60;
              min-width: 232px; background: var(--bg); border: 1px solid var(--line);
              box-shadow: 0 10px 34px -12px rgba(0,0,0,.22); padding: 7px 0;
              opacity: 0; visibility: hidden; transform: translateY(-4px);
              transition: opacity .14s ease, transform .14s ease, visibility .14s; }
.navdrop:focus-within .navdrop__m, .navdrop.acik .navdrop__m { opacity: 1; visibility: visible; transform: none; }
@media (hover: hover) { .navdrop:hover .navdrop__m { opacity: 1; visibility: visible; transform: none; } }
.navdrop__m a { display: block; padding: 8px 18px; font-size: 14px; color: var(--text-soft); }
.navdrop__m a:hover { background: var(--bg-alt); color: var(--text); }
.navdrop__m hr { border: 0; border-top: 1px solid var(--line); margin: 7px 0; }
.head-tools { display: flex; align-items: center; gap: 14px; white-space: nowrap;
              font-family: var(--mono); font-size: 12px; color: var(--text-muted); }
.head-tools .sep { width: 1px; height: 16px; background: var(--line); }
.burger { display: none; background: none; border: 1px solid var(--line);
          font-family: var(--mono); font-size: 12px; padding: 6px 10px; color: var(--text); }

/* --- hero + arama --------------------------------------------------------- */
.hero { padding: 76px 0 64px; }
.hero__in { max-width: 720px; }
.hero h1 { font-size: clamp(30px, 4.4vw, 44px); line-height: 1.18; margin: 0 0 18px; }
.hero p.lede { font-size: 18px; line-height: 1.65; color: var(--text-soft);
               margin: 0 0 34px; max-width: 620px; }

.searchbar { display: flex; border: 1.5px solid var(--text); background: var(--surface); }
.searchbar input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent;
                   padding: 17px 18px; font-family: var(--sans); font-size: 15.5px; color: var(--text); }
.searchbar button { border: 0; background: var(--accent); color: #fff; cursor: pointer;
                    font-family: var(--sans); font-size: 14.5px; font-weight: 500; padding: 0 26px; }
.searchbar button:hover { background: var(--accent-dark); }
/* Koyu temada --accent ve --accent-dark ikisi de açık yeşile döner; beyaz metin
   2,4:1'e düşüyordu. Ön plan temayla çevrilir (--bg ≈ oklch 0.19) → ~7:1.
   Aynı düzeltme .cform__send'de de var; kalıp ikisinde birlikte tutulur. */
[data-tema="koyu"] .searchbar button,
[data-tema="koyu"] .searchbar button:hover { color: var(--bg); }

.chips { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 16px; }
.chips__label { font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); margin-right: 4px; }
.chip { font-size: 13.5px; padding: 5px 11px; border: 1px solid var(--line);
        border-radius: 2px; color: var(--text-soft); }
.chip:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }

/* --- güven şeridi (sayaçlar) --------------------------------------------- */
.stats { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.stats__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.stat { padding: 24px 28px; border-right: 1px solid var(--line); }
.stat:first-child { padding-left: 0; }
.stat:last-child { padding-right: 0; border-right: 0; }
.stat b { display: block; font-family: var(--mono); font-size: 24px; font-weight: 500; }
.stat span { font-size: 13.5px; color: var(--text-muted); }

/* --- öne çıkan dosya ----------------------------------------------------- */
.feature { padding: 64px 0; }
.feature__grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 44px; align-items: center; }
.feature h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.22; margin: 0 0 16px; }
.feature h2 a { color: var(--text); }
.feature p { font-size: 17px; line-height: 1.7; color: var(--text-soft); margin: 0 0 20px; }
.feature__meta { display: flex; flex-wrap: wrap; gap: 18px; }

/* görsel yer tutucu — gerçek fotoğraf gelince .ph yerine <img> koy */
.ph { aspect-ratio: 16/10; border: 1px solid var(--line);
      display: flex; align-items: center; justify-content: center;
      background: repeating-linear-gradient(135deg, var(--bg-alt) 0 8px, var(--bg) 8px 16px); }
.ph span { font-family: var(--mono); font-size: 12px; color: var(--text-muted);
           background: var(--bg); padding: 6px 12px; }
.ph--4x3 { aspect-ratio: 4/3; }
.ph--16x9 { aspect-ratio: 16/9; }

/* --- hücreli ızgara (kategori / sözlük) ---------------------------------- */
.cellgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
            background: var(--line); border: 1px solid var(--line); }
.cellgrid--2 { grid-template-columns: repeat(2, 1fr); }
/* tek sayıda kart kaldığında son kart satırı doldurur — gri boşluk kalmaz.
   Kural sütun sayısına bağlı olduğu için kırılma noktalarına göre ayrı yazılır:
   .cellgrid 901px+ üç sütun, 601-900px iki sütun, 600px altı tek sütun. */
.cellgrid--2 > *:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (min-width: 901px) {
  .cellgrid:not(.cellgrid--2) > *:last-child:nth-child(3n+1) { grid-column: 1 / -1; }
  .cellgrid:not(.cellgrid--2) > *:last-child:nth-child(3n+2) { grid-column: span 2; }
}
@media (min-width: 601px) and (max-width: 900px) {
  .cellgrid:not(.cellgrid--2) > *:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
.cell { background: var(--bg); padding: 28px; }
.cell:hover { background: var(--bg-alt); }
.cell__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; }
.cell__head h3 { font-size: 20px; }
.cell__head h3 a { color: var(--text); }
.cell__count { font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.cell p { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); margin: 0 0 16px; }
.cell__links { display: flex; flex-direction: column; gap: 7px; font-size: 14px; }

/* --- bilimden bandı ------------------------------------------------------ */
.band { background: var(--bg-alt); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.band__in { padding: 64px 0; }
.section-head { display: flex; justify-content: space-between; align-items: baseline;
                gap: 20px; margin-bottom: 30px; flex-wrap: wrap; }
.section-head .eyebrow { margin: 0; }
.studies { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.study__rule { width: 34px; height: 2px; background: var(--accent-2); margin-bottom: 16px; }
.study .meta { display: block; margin-bottom: 10px; }
.study h3 { font-size: 19px; line-height: 1.35; margin: 0 0 12px; }
.study h3 a { color: var(--text); }
.study p { font-size: 15px; line-height: 1.65; color: var(--text-soft); margin: 0; }

/* --- veri / infografik --------------------------------------------------- */
.data { padding: 72px 0; }
.datacard { border: 1px solid var(--line); background: var(--surface); padding: 36px 40px 30px; }
.datacard h3 { font-size: 22px; margin: 0 0 6px; }
.datacard__cap { font-family: var(--mono); font-size: 12px; color: var(--text-muted); margin: 0 0 30px; }
.bars { display: flex; flex-direction: column; gap: 18px; }
.bar { display: grid; grid-template-columns: 120px 1fr 90px; align-items: center; gap: 16px; }
.bar__fill { height: 22px; background: var(--accent); }
.bar--mid .bar__fill { background: color-mix(in oklch, var(--accent) 55%, var(--bg)); }
.bar--high .bar__fill { background: var(--accent-2); }
.bar__val { font-family: var(--mono); font-size: 13px; color: var(--text-soft); text-align: right; }
.datacard__foot { display: flex; justify-content: space-between; align-items: center; gap: 16px;
                  margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--line-soft);
                  font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }

/* --- sözlük -------------------------------------------------------------- */
.glossary { border-top: 1px solid var(--line); }
.glossary__in { padding: 56px 0 64px; }
.alphabet { display: flex; flex-wrap: wrap; gap: 14px; font-family: var(--mono);
            font-size: 13px; color: var(--text-muted);
            padding-bottom: 24px; border-bottom: 1px solid var(--line-soft); }
.term { background: var(--bg); padding: 20px 22px; }
.term a { font-size: 15.5px; font-weight: 500; }
.term p { font-size: 14px; line-height: 1.6; color: var(--text-soft); margin: 6px 0 0; }

/* --- alt bilgi ----------------------------------------------------------- */
.site-foot { background: var(--foot-bg, oklch(0.24 0.015 150)); color: oklch(0.9 0.01 120); }
.site-foot__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; padding: 56px 0 40px; }
.site-foot b { display: block; font-family: var(--serif); font-size: 19px; color: #fff; margin-bottom: 12px; }
.site-foot p { font-size: 14px; line-height: 1.65; color: oklch(0.75 0.01 120); margin: 0; }
.site-foot h4 { font-family: var(--mono); font-size: 11px; letter-spacing: .12em;
                text-transform: uppercase; color: oklch(0.62 0.01 120); font-weight: 400; margin: 0 0 14px; }
.site-foot ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 9px; font-size: 14px; }
.site-foot a { color: oklch(0.88 0.01 120); }
.site-foot__bar { border-top: 1px solid oklch(0.34 0.015 150); padding: 18px 0 40px;
                  font-family: var(--mono); font-size: 11.5px; color: oklch(0.65 0.01 120); }

/* ==========================================================================
   MAKALE / WİKİ SAYFASI
   ========================================================================== */
.progress { height: 3px; background: var(--line-soft); }
.progress__fill { height: 3px; background: var(--accent); width: 34%; }

.article-layout { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 64px; }
.article { padding: 44px 0 80px; max-width: var(--measure); }
.aside { padding: 44px 0 80px; }
.aside__sticky { position: sticky; top: 88px; }

.crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-family: var(--mono);
          font-size: 12px; color: var(--text-muted); margin-bottom: 26px; }
.article h1 { font-size: clamp(30px, 4.2vw, 42px); line-height: 1.18; margin: 0 0 20px; }
.lead { font-size: 20px; line-height: 1.6; font-weight: 500; margin: 0 0 26px; }
.article__meta { display: flex; flex-wrap: wrap; gap: 20px; padding: 14px 0;
                 border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
                 font-family: var(--mono); font-size: 11.5px; color: var(--text-muted);
                 margin-bottom: 36px; }
.article h2 { font-size: 30px; line-height: 1.25; margin: 0 0 16px; }
.article h2.small { font-size: 26px; }
.article p { font-size: 19px; line-height: 1.7; margin: 0 0 20px; }
.article p:last-of-type { margin-bottom: 34px; }

/* atıf üst simgesi */
.cite { font-family: var(--mono); font-size: 11px; font-weight: 500;
        color: var(--accent-2); vertical-align: super; line-height: 0; }
/* sözlükten gelen terim */
.gloss { border-bottom: 1px dotted var(--accent); text-decoration: none; }

/* "Kısaca" özet kutusu */
.tldr { border: 1px solid var(--line); background: var(--bg-alt);
        padding: 24px 26px; margin-bottom: 38px; }
.tldr h4 { font-family: var(--mono); font-size: 11.5px; letter-spacing: .14em;
           text-transform: uppercase; color: var(--text-muted); font-weight: 400; margin: 0 0 14px; }
.tldr ul { padding-left: 20px; display: flex; flex-direction: column; gap: 9px;
           font-size: 16.5px; line-height: 1.6; }

/* --------------------------------------------------------------------------
   VERİ KUTUSU (infobox) — her kategoriye uyarlanabilir tek bileşen.
   Kullanım: .databox__kicker metnini kategoriye göre değiştir
   (Yapı Malzemesi / Gıda Bileşeni / Kozmetik Hammadde / Tekstil Lifi / Tarım Verisi),
   sonra istediğin sayıda .databox__row ekle. Yapı hep aynı kalır.
   -------------------------------------------------------------------------- */
.databox { border: 1px solid var(--line); background: var(--surface); }
.article .databox { float: right; width: 280px; margin: 0 0 26px 32px; }
.databox__head { padding: 13px 18px 12px; border-bottom: 1px solid var(--line); }
.databox__kicker { font-family: var(--mono); font-size: 10.5px; letter-spacing: .13em;
                   text-transform: uppercase; color: var(--accent); margin-bottom: 5px; }
.databox__title { font-family: var(--serif); font-size: 17px; font-weight: 600; }
.databox__body { padding: 6px 18px 16px; font-family: var(--mono); font-size: 12.5px; }
.databox__row { display: flex; justify-content: space-between; gap: 12px;
                padding: 8px 0; border-bottom: 1px solid var(--line-soft); }
.databox__row:last-child { border-bottom: 0; }
.databox__row dt { color: var(--text-muted); margin: 0; }
.databox__row dd { margin: 0; text-align: right; }

/* araştırma özeti kutusu */
.study-box { border-top: 2px solid var(--accent-2); border-bottom: 1px solid var(--line);
             padding: 22px 0 24px; margin: 0 0 36px; }
.study-box__kicker { font-family: var(--mono); font-size: 11.5px; letter-spacing: .12em;
                     text-transform: uppercase; color: var(--accent-2); margin-bottom: 14px; }
.study-box h3 { font-size: 21px; margin: 0 0 6px; }
.study-box__id { font-family: var(--mono); font-size: 12px; color: var(--text-muted); margin-bottom: 18px; }
.study-box dl { display: grid; grid-template-columns: 110px 1fr; gap: 10px 20px;
                font-size: 16px; line-height: 1.6; margin: 0; }
.study-box dt { font-family: var(--mono); font-size: 12px; color: var(--text-muted); padding-top: 3px; }
.study-box dd { margin: 0; }

/* infografik */
figure { margin: 0 0 38px; }
figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
             margin-top: 10px; font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }

/* tablolar */
.tablewrap { border: 1px solid var(--line); overflow-x: auto; }
.dtable { font-size: 15px; min-width: 520px; }
.dtable thead tr { background: var(--bg-alt); }
.dtable th { text-align: right; padding: 13px 16px; font-family: var(--mono); font-size: 11.5px;
             letter-spacing: .08em; text-transform: uppercase; color: var(--text-soft);
             font-weight: 500; border-bottom: 1px solid var(--line); white-space: nowrap; }
.dtable th:first-child, .dtable td:first-child { text-align: left; }
.dtable td { padding: 12px 16px; text-align: right; font-family: var(--mono);
             font-size: 13.5px; border-bottom: 1px solid var(--line-soft); }
.dtable td:first-child { font-family: var(--sans); font-size: 15px; }
.dtable tbody tr:last-child td { border-bottom: 0; }
.dtable .unit { color: var(--text-muted); font-size: 13px; }
.dtable .is-focus { background: color-mix(in oklch, var(--accent) 8%, var(--bg)); }
.dtable th.is-focus { color: var(--text); }
.table-foot { display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
              margin-top: 10px; font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.module { margin: 0 0 38px; }
.module > .eyebrow { margin-bottom: 12px; }

/* yaygın yanlış bilgi */
.myth { padding: 22px 0; border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line); margin-bottom: 44px; }
.myth h4 { font-family: var(--mono); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase;
           color: var(--text-muted); font-weight: 400; margin: 0 0 12px; }
.myth p { font-size: 17.5px; line-height: 1.65; margin: 0; }

/* kaynakça */
.refs-note { font-size: 15px; line-height: 1.6; color: var(--text-soft); margin: 0 0 20px; }
.refs { padding-left: 28px; display: flex; flex-direction: column; gap: 14px;
        font-family: var(--mono); font-size: 13px; line-height: 1.7; color: var(--text-soft); margin-bottom: 44px; }
.refs .src { color: var(--text-muted); }

/* sürüm geçmişi */
.history { font-family: var(--mono); font-size: 13px; margin-bottom: 44px; }
.history__row { display: grid; grid-template-columns: 96px 1fr; gap: 16px;
                padding: 11px 0; border-bottom: 1px solid var(--line-soft); }
.history__row:last-child { border-bottom: 0; }
.history__row span:first-child { color: var(--text-muted); }

/* ilişkili maddeler kartları */
.relcard { background: var(--bg); padding: 20px 22px; }
.relcard__top { display: flex; justify-content: space-between; gap: 10px; align-items: baseline;
                margin-bottom: 9px; font-family: var(--mono); font-size: 10.5px;
                letter-spacing: .1em; text-transform: uppercase; }
.relcard__cat { color: var(--accent); }
.relcard__type { color: var(--text-muted); }
.relcard a.relcard__title { font-family: var(--serif); font-size: 18px; font-weight: 600;
                            color: var(--text); line-height: 1.3; }
.relcard p { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); margin: 8px 0 0; }

/* geri bildirim satırı */
.feedback { display: flex; justify-content: space-between; align-items: center; gap: 16px;
            padding: 18px 0; border-top: 1px solid var(--line);
            font-size: 14.5px; color: var(--text-soft); }

/* sağ sütun */
.toc { display: flex; flex-direction: column; margin-bottom: 32px; font-size: 14px; }
.toc a { padding: 7px 0 7px 13px; border-left: 2px solid var(--line-soft); color: var(--text-soft); }
.toc a:hover, .toc a.is-active { border-left-color: var(--accent); color: var(--text); text-decoration: none; }
.toc a.is-active { font-weight: 500; }
.aside__block { border-top: 1px solid var(--line); padding-top: 18px; margin-bottom: 24px; }
.aside__row { display: flex; justify-content: space-between; padding: 5px 0;
              font-family: var(--mono); font-size: 12px; color: var(--text-muted); }
.aside__actions { border-top: 1px solid var(--line); padding-top: 18px;
                  display: flex; gap: 16px; font-size: 13.5px; }

/* ==========================================================================
   DUYARLI DÜZEN
   ========================================================================== */
@media (max-width: 1080px) {
  .nav { display: none; }
  .burger { display: block; }
  /* mobil açılır ana menü */
  .site-head__in { position: relative; }
  .nav.acik { display: flex; flex-direction: column; gap: 0;
              position: absolute; top: calc(100% + 14px); left: 0; right: 0; z-index: 70;
              background: var(--bg); border: 1px solid var(--line);
              box-shadow: 0 16px 40px -14px rgba(0,0,0,.24); padding: 6px 0; font-size: 15.5px; }
  .nav.acik > a, .nav.acik .navdrop__t { display: block; padding: 13px 20px; border-bottom: 1px solid var(--line); }
  .nav.acik > a:last-child { border-bottom: 0; }
  .nav.acik .navdrop { position: static; }
  .nav.acik .navdrop__m { position: static; opacity: 1; visibility: visible; transform: none;
                          display: none; border: 0; box-shadow: none; background: var(--bg-alt);
                          min-width: 0; padding: 4px 0; border-bottom: 1px solid var(--line); }
  .nav.acik .navdrop.acik .navdrop__m { display: block; }
  .nav.acik .navdrop__m a { padding: 11px 20px 11px 34px; }
  .nav.acik .navdrop__t::after { margin-left: auto; }
  .nav.acik .navdrop__t { display: flex; }

  .site-head__in { gap: 16px; justify-content: space-between; }
  .article-layout { grid-template-columns: 1fr; gap: 0; }
  .aside { padding-top: 0; border-top: 1px solid var(--line); }
  .aside__sticky { position: static; padding-top: 28px; }
}
@media (max-width: 900px) {
  .cellgrid, .studies { grid-template-columns: repeat(2, 1fr); }
  .feature__grid { grid-template-columns: 1fr; gap: 28px; }
  .site-foot__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 720px) {
  :root { --gut: 20px; }
  body { font-size: 16px; }
  .nav { display: none; }
  .burger { display: block; }
  .site-head__in { gap: 16px; justify-content: space-between; }

  /* mobil açılır ana menü */
  .site-head__in { position: relative; }
  .nav.acik { display: flex; flex-direction: column; gap: 0;
              position: absolute; top: calc(100% + 14px); left: 0; right: 0; z-index: 70;
              background: var(--bg); border: 1px solid var(--line);
              box-shadow: 0 16px 40px -14px rgba(0,0,0,.24); padding: 6px 0; font-size: 15.5px; }
  .nav.acik > a, .nav.acik .navdrop__t { display: block; padding: 13px 20px; border-bottom: 1px solid var(--line); }
  .nav.acik > a:last-child { border-bottom: 0; }
  .nav.acik .navdrop { position: static; }
  .nav.acik .navdrop__m { position: static; opacity: 1; visibility: visible; transform: none;
                          display: none; border: 0; box-shadow: none; background: var(--bg-alt);
                          min-width: 0; padding: 4px 0; border-bottom: 1px solid var(--line); }
  .nav.acik .navdrop.acik .navdrop__m { display: block; }
  .nav.acik .navdrop__m a { padding: 11px 20px 11px 34px; }
  .nav.acik .navdrop__t::after { margin-left: auto; }
  .nav.acik .navdrop__t { display: flex; }
  .hero { padding: 44px 0 40px; }
  .cellgrid, .cellgrid--2, .studies { grid-template-columns: 1fr; }
  .stats__grid { grid-template-columns: 1fr; }
  .stat { padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .stat:last-child { border-bottom: 0; }
  .article .databox { float: none; width: auto; margin: 0 0 28px; }
  .article p { font-size: 17.5px; }
  .article h2 { font-size: 25px; }
  .lead { font-size: 18px; }
  .datacard { padding: 24px 20px 20px; }
  .bar { grid-template-columns: 88px 1fr 72px; gap: 10px; }
  .study-box dl { grid-template-columns: 1fr; gap: 2px 0; }
  .study-box dd { margin-bottom: 10px; }
  .site-foot__grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   YAZDIRMA
   ========================================================================== */
@media print {
  .site-head, .site-foot, .progress, .aside, .feedback, .searchbar, .chips { display: none; }
  body { background: #fff; color: #000; font-size: 11pt; }
  .article { max-width: none; padding: 0; }
  .article-layout { display: block; }
  .databox { float: none !important; width: auto !important; margin: 0 0 16pt !important; }
  a { color: #000; text-decoration: none; }
  .refs a::after { content: " (" attr(href) ")"; font-size: 9pt; }
}

/* --- tema düğmesi ------------------------------------------------------- */
.themebtn { display: inline-flex; align-items: center; gap: 6px;
            background: none; border: 1px solid var(--line); color: var(--text-muted);
            font-family: var(--mono); font-size: 11.5px; padding: 5px 9px;
            border-radius: 2px; cursor: pointer; }
.themebtn:hover { border-color: var(--accent); color: var(--accent); }
.themebtn::before { content: ""; width: 9px; height: 9px; border-radius: 50%;
                    background: var(--accent); }
@media print { .themebtn { display: none; } }

/* ==========================================================================
   EK MODÜLLER (v3)
   ========================================================================== */

/* --- şematik botanik levha (çizim, fotoğraf değil) ---------------------- */
.plate { border: 1px solid var(--line); background: var(--surface); padding: 22px 22px 0; margin: 0; }
.plate svg { width: 100%; height: auto; }
.plate .cap { font-family: var(--mono); font-size: 8px; letter-spacing: .1em;
              text-transform: uppercase; fill: var(--text-muted); }
.plate__foot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap;
               border-top: 1px solid var(--line-soft); margin-top: 14px; padding: 12px 0 14px;
               font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em;
               text-transform: uppercase; color: var(--text-muted); }
.callout circle { fill: var(--bg); stroke: var(--accent); stroke-width: 1; }
.callout text   { font-family: var(--mono); font-size: 8.5px; fill: var(--accent); }
.callout { cursor: pointer; }
.callout:hover circle, .callout:focus circle { fill: var(--accent); }
.callout:hover text, .callout:focus text { fill: #fff; }

.plate-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 44px; align-items: start; }
.partlist { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.partrow { display: grid; grid-template-columns: 26px 1fr; gap: 16px;
           padding: 16px 0; border-bottom: 1px solid var(--line-soft); }
.partrow__n { font-family: var(--mono); font-size: 11.5px; color: var(--accent); padding-top: 3px; }
.partrow h4 { font-family: var(--serif); font-size: 17px; font-weight: 600; margin: 0 0 4px; }
.partrow p { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); margin: 0; }
.partrow .use { font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em;
                text-transform: uppercase; color: var(--text-muted); margin-top: 6px; display: block; }

/* --- kronoloji / zaman çizgisi ------------------------------------------ */
.tl-scroll { overflow-x: auto; padding-bottom: 6px; }
.tl { display: flex; border-top: 2px solid var(--text); min-width: 760px; }
.tl-item { flex: 1; min-width: 178px; padding: 20px 22px 24px 0; position: relative; }
.tl-item::before { content: ""; position: absolute; top: -6px; left: 0;
                   width: 9px; height: 9px; border-radius: 50%; background: var(--accent); }
.tl-item + .tl-item { border-left: 1px solid var(--line-soft); padding-left: 22px; }
.tl-item + .tl-item::before { left: 22px; }
.tl-year { font-family: var(--mono); font-size: 13px; letter-spacing: .04em; color: var(--accent); margin-bottom: 8px; }
.tl-item h4 { font-family: var(--serif); font-size: 17px; font-weight: 600; margin: 0 0 6px; line-height: 1.3; }
.tl-item p { font-size: 14px; line-height: 1.6; color: var(--text-soft); margin: 0; }

/* --- SSS (Google "bunlar da sorulur" karşılığı) ------------------------- */
.faq { border-top: 1px solid var(--line); margin-bottom: 44px; }
.faq details { border-bottom: 1px solid var(--line-soft); }
.faq summary { cursor: pointer; list-style: none; padding: 16px 0;
               font-family: var(--serif); font-size: 19px; font-weight: 600;
               display: flex; justify-content: space-between; gap: 16px; align-items: baseline; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font-family: var(--mono); font-size: 18px;
                      color: var(--text-muted); font-weight: 400; }
.faq details[open] summary::after { content: "–"; }
.faq summary:hover { color: var(--accent); }
.faq details > div { padding: 0 0 18px; }
.faq details p { font-size: 17px; line-height: 1.7; margin: 0 0 12px; }
.faq details p:last-child { margin: 0; }

/* --- arşiv kaydı etiketi ------------------------------------------------ */
.recid { font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em;
         text-transform: uppercase; color: var(--text-muted); }

/* --- ana sayfa madde listesi (makale kısmı) ----------------------------- */
.artlist { border-top: 1px solid var(--text); }
.artrow { display: grid; grid-template-columns: 132px 1fr 108px; gap: 24px;
          align-items: baseline; padding: 20px 0; border-bottom: 1px solid var(--line-soft); }
.artrow:hover { background: var(--bg-alt); }
.artrow__cat { font-family: var(--mono); font-size: 10.5px; letter-spacing: .09em;
               text-transform: uppercase; color: var(--accent); }
.artrow h3 { font-size: 20px; line-height: 1.3; margin: 0 0 5px; }
.artrow h3 a { color: var(--text); }
.artrow p { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); margin: 0; }
.artrow__meta { font-family: var(--mono); font-size: 11px; color: var(--text-muted); text-align: right; }

@media (max-width: 900px) { .plate-grid { grid-template-columns: 1fr; gap: 28px; } }
@media (max-width: 720px) {
  .artrow { grid-template-columns: 1fr; gap: 6px; }
  .artrow__meta { text-align: left; }
  .tl { min-width: 700px; }
}

/* ==========================================================================
   LİSTE / KATEGORİ / SÖZLÜK SAYFALARI (v4)
   ========================================================================== */
.page-head { border-bottom: 1px solid var(--line); padding: 44px 0 34px; }
.page-head h1 { font-size: clamp(30px, 4vw, 40px); line-height: 1.18; margin: 0 0 14px; }
.page-head p.lede { font-size: 18px; line-height: 1.65; color: var(--text-soft);
                    margin: 0; max-width: 640px; }
.page-head__meta { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;
                   font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }

/* filtre şeridi */
.filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
           padding: 18px 0; border-bottom: 1px solid var(--line); }
.filter { font-family: var(--mono); font-size: 11.5px; letter-spacing: .05em; white-space: nowrap;
          text-transform: uppercase; padding: 7px 12px; border: 1px solid var(--line);
          background: none; color: var(--text-soft); cursor: pointer; border-radius: 2px; }
.filter:hover { border-color: var(--accent); color: var(--accent); }
.filter[aria-pressed="true"] { background: var(--text); border-color: var(--text); color: var(--bg); }
.filters__spacer { flex: 1; }
.sortsel { font-family: var(--mono); font-size: 11.5px; padding: 7px 10px;
           border: 1px solid var(--line); background: var(--surface); color: var(--text); }

/* liste düzeni: içerik + yan sütun */
.list-layout { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 64px;
               padding: 34px 0 80px; align-items: start; }

/* sayfalama */
.pager { display: flex; gap: 6px; align-items: center; margin-top: 34px;
         font-family: var(--mono); font-size: 12.5px; flex-wrap: wrap; }
.pager a, .pager span { padding: 8px 12px; border: 1px solid var(--line); color: var(--text-soft); }
.pager a:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
.pager [aria-current="page"] { background: var(--text); border-color: var(--text); color: var(--bg); }
.pager .gap { border: 0; padding: 8px 4px; color: var(--text-muted); }

/* yan sütun blokları */
.side-block { border-top: 1px solid var(--line); padding-top: 18px; margin-bottom: 28px; }
.side-block h3 { font-family: var(--mono); font-size: 11px; letter-spacing: .12em;
                 text-transform: uppercase; color: var(--text-muted); font-weight: 400; margin: 0 0 14px; }
.side-links { display: flex; flex-direction: column; gap: 9px; font-size: 14px; }
.side-links a span { font-family: var(--mono); font-size: 11px; color: var(--text-muted); float: right; }

/* A-Z indeks */
.azbar { display: flex; flex-wrap: wrap; gap: 2px; padding: 16px 0;
         border-bottom: 1px solid var(--line); }
.azbar a { font-family: var(--mono); font-size: 13px; width: 30px; height: 30px;
           display: grid; place-items: center; border: 1px solid transparent; color: var(--text-soft); }
.azbar a:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
.azbar a.off { color: var(--line); pointer-events: none; }

/* sözlük grupları */
.gl-group { border-top: 1px solid var(--text); padding-top: 8px; margin-bottom: 38px; }
.gl-letter { font-family: var(--serif); font-size: 28px; font-weight: 600; margin: 0 0 6px; }
.gl-row { display: grid; grid-template-columns: 220px 1fr; gap: 24px;
          padding: 16px 0; border-bottom: 1px solid var(--line-soft); align-items: baseline; }
.gl-row dt { margin: 0; }
.gl-row dt a { font-size: 16.5px; font-weight: 500; }
.gl-row dt .alt { display: block; font-family: var(--mono); font-size: 11px;
                  color: var(--text-muted); margin-top: 3px; }
.gl-row dd { margin: 0; font-size: 15.5px; line-height: 1.65; color: var(--text-soft); }

/* terim sayfası */
.term-hero { border-bottom: 1px solid var(--line); padding: 40px 0 30px; }
.term-hero h1 { font-size: clamp(30px, 4vw, 40px); margin: 0 0 6px; }
.term-hero .alt { font-family: var(--mono); font-size: 12.5px; color: var(--text-muted); }
.term-def { font-size: 21px; line-height: 1.55; font-weight: 500; margin: 20px 0 0; max-width: 660px; }
.usedin { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.usedin a { font-size: 13.5px; padding: 5px 11px; border: 1px solid var(--line);
            border-radius: 2px; color: var(--text-soft); }
.usedin a:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }

@media (max-width: 1080px) { .list-layout { grid-template-columns: 1fr; gap: 40px; } }
@media (max-width: 720px) {
  .gl-row { grid-template-columns: 1fr; gap: 6px; }
  .filters { gap: 6px; }
  .filters__spacer { display: none; }
}

/* --- dünyada araştırma ölçeği ------------------------------------------ */
.scale { border-top: 1px solid var(--text); }
.scale__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.scale__cell { padding: 26px 28px 28px; border-right: 1px solid var(--line); }
.scale__cell:first-child { padding-left: 0; }
.scale__cell:last-child { padding-right: 0; border-right: 0; }
.scale__n { font-family: var(--mono); font-size: clamp(26px, 3vw, 34px); font-weight: 500;
            letter-spacing: -0.02em; line-height: 1; }
.scale__n small { font-size: 15px; color: var(--text-muted); font-weight: 400; letter-spacing: 0; }
.scale__l { font-size: 15px; line-height: 1.5; color: var(--text); margin-top: 10px; }
.scale__s { font-family: var(--mono); font-size: 11px; color: var(--text-muted); margin-top: 8px;
            display: block; line-height: 1.5; }
.scale__note { border-top: 1px solid var(--line); padding: 14px 0 0; margin-top: 0;
               display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
               font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
@media (max-width: 900px) { .scale__grid { grid-template-columns: 1fr 1fr; }
  .scale__cell { padding: 22px; border-bottom: 1px solid var(--line); }
  .scale__cell:nth-child(2n) { border-right: 0; padding-right: 0; }
  .scale__cell:nth-child(2n+1) { padding-left: 0; } }
@media (max-width: 560px) { .scale__grid { grid-template-columns: 1fr; }
  .scale__cell { border-right: 0; padding: 20px 0; } }

/* --- yaygın yanlış bilgiler ızgarası (ana sayfa) ------------------------ */
.mythgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
            background: var(--line); border: 1px solid var(--line); }
.mythcell { background: var(--bg); padding: 26px 28px; display: flex; flex-direction: column; gap: 12px; }
.mythcell__claim { font-family: var(--serif); font-size: 19px; font-weight: 600; line-height: 1.35;
                   padding-bottom: 12px; border-bottom: 1px solid var(--line-soft); }
.mythcell__fix { font-size: 15px; line-height: 1.65; color: var(--text-soft); margin: 0; flex: 1; }
.mythcell__src { font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em;
                 text-transform: uppercase; color: var(--text-muted); }

/* --- editoryal ilkeler -------------------------------------------------- */
.howgrid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--text); }
.howcell { padding: 24px 26px 26px; border-right: 1px solid var(--line); }
.howcell:first-child { padding-left: 0; }
.howcell:last-child { padding-right: 0; border-right: 0; }
.howcell__n { font-family: var(--mono); font-size: 11.5px; color: var(--accent); margin-bottom: 12px; }
.howcell h3 { font-family: var(--serif); font-size: 18px; font-weight: 600; margin: 0 0 8px; }
.howcell p { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); margin: 0; }
@media (max-width: 900px) { .mythgrid { grid-template-columns: 1fr; }
  .howgrid { grid-template-columns: 1fr 1fr; }
  .howcell { padding: 20px; border-bottom: 1px solid var(--line); }
  .howcell:nth-child(2n) { border-right: 0; padding-right: 0; }
  .howcell:nth-child(2n+1) { padding-left: 0; } }
@media (max-width: 560px) { .howgrid { grid-template-columns: 1fr; }
  .howcell { border-right: 0; padding: 20px 0; } }

/* ==========================================================================
   ARAŞTIRMALAR (v7) — kendi şablonu
   ========================================================================== */
/* araştırma listesi: künye satırları */
.rlist { border-top: 1px solid var(--text); }
.rrow { display: grid; grid-template-columns: 96px minmax(0, 1fr) 150px; gap: 24px;
        padding: 22px 0; border-bottom: 1px solid var(--line-soft); align-items: start; }
.rrow:hover { background: var(--bg-alt); }
.rrow__yr { font-family: var(--mono); font-size: 13px; color: var(--accent); }
.rrow__yr span { display: block; font-size: 10.5px; color: var(--text-muted);
                 letter-spacing: .08em; text-transform: uppercase; margin-top: 4px; }
.rrow h3 { font-size: 19px; line-height: 1.32; margin: 0 0 6px; }
.rrow h3 a { color: var(--text); }
.rrow__inst { font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); margin-bottom: 8px; }
.rrow__find { font-size: 15px; line-height: 1.6; color: var(--text-soft); margin: 0; }
.rrow__tags { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; min-width: 0; }
.rtag { font-family: var(--mono); font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase;
        padding: 3px 8px; border: 1px solid var(--line); color: var(--text-muted);
        white-space: normal; max-width: 100%; text-align: right; line-height: 1.35; }
.rtag--m { border-color: var(--accent); color: var(--accent); }

/* çalışma künyesi (araştırma sayfası sidebar) */
.rec { border: 1px solid var(--text); background: var(--surface); }
.rec__head { padding: 14px 18px; border-bottom: 1px solid var(--line);
             font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em;
             text-transform: uppercase; color: var(--text-muted); }
.rec__body { padding: 6px 18px 16px; font-family: var(--mono); font-size: 12.5px; }
.rec__row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0;
            border-bottom: 1px solid var(--line-soft); }
.rec__row:last-child { border-bottom: 0; }
.rec__row dt { color: var(--text-muted); margin: 0; }
.rec__row dd { margin: 0; text-align: right; }

/* kanıt gücü göstergesi */
.evid { display: flex; gap: 3px; align-items: center; }
.evid i { width: 9px; height: 9px; background: var(--line); display: block; }
.evid i.on { background: var(--accent); }

/* araştırma sayfası ana bloklar */
.rblock { border-top: 2px solid var(--text); padding: 22px 0 26px; margin-bottom: 0; }
.rblock + .rblock { border-top-width: 1px; }
.rblock__k { font-family: var(--mono); font-size: 11.5px; letter-spacing: .12em;
             text-transform: uppercase; color: var(--text-muted); margin-bottom: 12px; }
.rblock h2 { font-size: 25px; margin: 0 0 12px; }
.rblock p { font-size: 18px; line-height: 1.7; margin: 0 0 14px; }
.rblock p:last-child { margin: 0; }
.rblock--limit { border-top-color: var(--accent-2); }
.rblock--limit .rblock__k { color: var(--accent-2); }

/* alıntı bloğu */
.citebox { border: 1px solid var(--line); background: var(--bg-alt); padding: 20px 22px; margin: 0 0 38px; }
.citebox h4 { font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
              color: var(--text-muted); font-weight: 400; margin: 0 0 10px; }
.citebox code { font-family: var(--mono); font-size: 13px; line-height: 1.7; color: var(--text);
                display: block; white-space: pre-wrap; }

@media (max-width: 720px) {
  .rrow { grid-template-columns: 1fr; gap: 8px; }
  .rrow__tags { flex-direction: row; align-items: center; flex-wrap: wrap; }
}

/* ==========================================================================
   YENİ MODÜLLER (v8)
   ========================================================================== */

/* --- dikey kronoloji (uzun tarih anlatımı) ------------------------------ */
.vtl { border-left: 1px solid var(--line); margin: 0 0 38px; padding-left: 0; }
.vtl__era { position: relative; padding: 0 0 34px 30px; }
.vtl__era::before { content: ""; position: absolute; left: -5px; top: 7px;
                    width: 9px; height: 9px; border-radius: 50%; background: var(--accent);
                    box-shadow: 0 0 0 4px var(--bg); }
.vtl__era:last-child { padding-bottom: 6px; }
.vtl__yr { font-family: var(--mono); font-size: 12.5px; letter-spacing: .05em;
           color: var(--accent); margin-bottom: 6px; }
.vtl__era h3 { font-family: var(--serif); font-size: 21px; font-weight: 600;
               margin: 0 0 8px; line-height: 1.3; }
.vtl__era p { font-size: 17px; line-height: 1.7; color: var(--text-soft); margin: 0 0 10px; }
.vtl__era p:last-child { margin: 0; }
.vtl__place { font-family: var(--mono); font-size: 10.5px; letter-spacing: .09em;
              text-transform: uppercase; color: var(--text-muted); }

/* --- rakamlarla şeridi (makale içi) ------------------------------------- */
.figs { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--text);
        border-bottom: 1px solid var(--line); margin: 0 0 38px; }
.figs__c { padding: 20px 20px 22px; border-right: 1px solid var(--line-soft); }
.figs__c:first-child { padding-left: 0; }
.figs__c:last-child { padding-right: 0; border-right: 0; }
.figs__n { font-family: var(--mono); font-size: 24px; font-weight: 500; line-height: 1; }
.figs__n small { font-size: 13px; color: var(--text-muted); font-weight: 400; }
.figs__l { font-size: 13.5px; line-height: 1.5; color: var(--text-soft); margin-top: 9px; }

/* --- terim ayrımı (A ≠ B) ----------------------------------------------- */
.distinct { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line);
            border: 1px solid var(--line); margin: 0 0 38px; }
.distinct__c { background: var(--bg); padding: 22px 24px; }
.distinct__k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em;
               text-transform: uppercase; color: var(--text-muted); margin-bottom: 10px; }
.distinct__c h4 { font-family: var(--serif); font-size: 19px; font-weight: 600; margin: 0 0 10px; }
.distinct__c p { font-size: 15.5px; line-height: 1.65; color: var(--text-soft); margin: 0; }
.distinct__c dl { margin: 12px 0 0; font-family: var(--mono); font-size: 12px; }
.distinct__c dl div { display: flex; justify-content: space-between; gap: 12px;
                      padding: 6px 0; border-top: 1px solid var(--line-soft); }
.distinct__c dt { color: var(--text-muted); margin: 0; }
.distinct__c dd { margin: 0; text-align: right; }

/* --- günlük dille (sade anlatım) ---------------------------------------- */
.plain { border-left: 2px solid var(--accent); padding: 4px 0 4px 22px; margin: 0 0 38px; }
.plain__k { font-family: var(--mono); font-size: 11px; letter-spacing: .12em;
            text-transform: uppercase; color: var(--accent); margin-bottom: 10px; }
.plain p { font-size: 18px; line-height: 1.7; margin: 0; }

/* --- bölge karşılaştırma kartları --------------------------------------- */
.regions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
           background: var(--line); border: 1px solid var(--line); margin: 0 0 38px; }
.region { background: var(--bg); padding: 22px 24px; }
.region__k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em;
             text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }
.region h4 { font-family: var(--serif); font-size: 18px; font-weight: 600; margin: 0 0 8px; }
.region p { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); margin: 0 0 12px; }
.region__tag { font-family: var(--mono); font-size: 10.5px; letter-spacing: .07em;
               text-transform: uppercase; color: var(--text-muted); }

@media (max-width: 720px) {
  .figs { grid-template-columns: 1fr 1fr; }
  .figs__c { border-bottom: 1px solid var(--line-soft); padding: 16px; }
  .figs__c:nth-child(2n) { border-right: 0; padding-right: 0; }
  .figs__c:nth-child(2n+1) { padding-left: 0; }
  .distinct, .regions { grid-template-columns: 1fr; }
  .vtl__era { padding-left: 22px; }
}

/* ==========================================================================
   ARAMA · VERİ SAYFASI · 404 (v9)
   ========================================================================== */

/* --- arama ------------------------------------------------------------- */
.searchhead { border-bottom: 1px solid var(--line); padding: 40px 0 30px; }
.searchhead .searchbar { max-width: 720px; }
.searchmeta { font-family: var(--mono); font-size: 12px; color: var(--text-muted); margin-top: 16px; }
.searchmeta b { color: var(--text); font-weight: 500; }

.srlist { border-top: 1px solid var(--text); }
.srow { padding: 22px 0; border-bottom: 1px solid var(--line-soft); }
.srow:hover { background: var(--bg-alt); }
.srow__top { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap;
             font-family: var(--mono); font-size: 10.5px; letter-spacing: .09em;
             text-transform: uppercase; margin-bottom: 8px; }
.srow__type { color: var(--accent); }
.srow__path { color: var(--text-muted); }
.srow h3 { font-size: 20px; line-height: 1.3; margin: 0 0 6px; }
.srow h3 a { color: var(--text); }
.srow p { font-size: 15.5px; line-height: 1.65; color: var(--text-soft); margin: 0; }
.srow mark { background: color-mix(in oklch, var(--accent) 18%, var(--bg));
             color: var(--text); padding: 0 2px; }
.srow__hits { display: flex; gap: 14px; margin-top: 10px;
              font-family: var(--mono); font-size: 11px; color: var(--text-muted); }

.didyou { border: 1px solid var(--accent); padding: 16px 20px; margin-bottom: 26px;
          font-size: 16px; }
.didyou b { font-weight: 600; }

/* --- veri sayfası ------------------------------------------------------ */
.dataset { border: 1px solid var(--text); background: var(--surface); margin-bottom: 38px; }
.dataset__head { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
                 padding: 16px 22px; border-bottom: 1px solid var(--line); align-items: baseline; }
.dataset__head h2 { font-size: 21px; margin: 0; }
.dataset__dl { display: flex; gap: 8px; }
.dataset__dl a { font-family: var(--mono); font-size: 11px; letter-spacing: .06em;
                 text-transform: uppercase; padding: 6px 10px; border: 1px solid var(--line);
                 color: var(--text-soft); }
.dataset__dl a:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
.dataset__body { padding: 0; }
.dataset__foot { border-top: 1px solid var(--line-soft); padding: 12px 22px;
                 font-family: var(--mono); font-size: 11px; color: var(--text-muted);
                 display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.dataset .dtable { border: 0; }
.dataset .tablewrap { border: 0; }

/* yatay bar grafik (veri sayfası içi) */
.hbars { display: flex; flex-direction: column; gap: 14px; padding: 24px 22px; }
.hbar { display: grid; grid-template-columns: 150px 1fr 88px; gap: 14px; align-items: center; }
.hbar__l { font-size: 14.5px; }
.hbar__t { height: 20px; background: var(--line-soft); position: relative; }
.hbar__f { height: 20px; background: var(--accent); }
.hbar--alt .hbar__f { background: var(--accent-2); }
.hbar__v { font-family: var(--mono); font-size: 12.5px; color: var(--text-soft); text-align: right; }

/* --- 404 --------------------------------------------------------------- */
.nf { padding: 76px 0 80px; }
.nf__code { font-family: var(--mono); font-size: 13px; letter-spacing: .14em;
            text-transform: uppercase; color: var(--accent-2); margin-bottom: 18px; }
.nf h1 { font-size: clamp(30px, 4.4vw, 42px); line-height: 1.18; margin: 0 0 16px; max-width: 720px; }
.nf p.lede { font-size: 18px; line-height: 1.65; color: var(--text-soft);
             margin: 0 0 32px; max-width: 620px; }
.nf__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
            background: var(--line); border: 1px solid var(--line); margin-top: 40px; }
.nf__col { background: var(--bg); padding: 24px 26px; }
.nf__col h3 { font-family: var(--mono); font-size: 11px; letter-spacing: .12em;
              text-transform: uppercase; color: var(--text-muted); font-weight: 400; margin: 0 0 14px; }
.nf__col div { display: flex; flex-direction: column; gap: 9px; font-size: 15px; }

@media (max-width: 900px) { .nf__cols { grid-template-columns: 1fr; } }
@media (max-width: 720px) {
  .hbar { grid-template-columns: 110px 1fr 70px; gap: 10px; }
  .hbar__l { font-size: 13.5px; }
}

/* ==========================================================================
   VERİ GÖRSELLEŞTİRME (v10)
   Tüm grafikler mevcut palete bağlı: --accent (yeşil), --text (siyah),
   --line (gri), --bg (kâğıt). Yeni renk tanımlanmadı.
   ========================================================================== */

/* --- temsili veri işareti ----------------------------------------------- */
.repflag { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
           font-family: var(--mono); font-size: 10.5px; letter-spacing: .09em;
           text-transform: uppercase; color: var(--accent-2);
           border: 1px solid var(--accent-2); padding: 3px 8px; }
.repnote { font-family: var(--mono); font-size: 11.5px; line-height: 1.6;
           color: var(--text-muted); margin: 0; }

/* --- grafik çerçevesi (ortak) ------------------------------------------- */
.chart { border: 1px solid var(--text); background: var(--surface); }
.chart__head { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
               align-items: baseline; padding: 16px 22px; border-bottom: 1px solid var(--line); }
.chart__head h3 { font-size: 20px; margin: 0 0 4px; }
.chart__sub { font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.chart__body { padding: 22px 22px 8px; }
.chart__foot { border-top: 1px solid var(--line-soft); padding: 12px 22px;
               display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
               font-family: var(--mono); font-size: 11px; color: var(--text-muted); }
.chart__legend { display: flex; gap: 18px; flex-wrap: wrap; padding: 0 22px 14px;
                 font-family: var(--mono); font-size: 11px; color: var(--text-muted); }
.chart__legend span { display: inline-flex; align-items: center; gap: 6px; }
.chart__legend i { width: 12px; height: 3px; background: var(--accent); display: block; }
.chart__legend i.sq { width: 10px; height: 10px; }
.chart__legend i.l1 { background: color-mix(in oklch, var(--accent) 22%, var(--bg)); }
.chart__legend i.l2 { background: color-mix(in oklch, var(--accent) 45%, var(--bg)); }
.chart__legend i.l3 { background: color-mix(in oklch, var(--accent) 70%, var(--bg)); }
.chart__legend i.l4 { background: var(--accent); }
.chart__legend i.l0 { background: var(--line-soft); }

/* --- çizgi grafik ------------------------------------------------------- */
.linechart { width: 100%; height: auto; display: block; overflow: visible; }
.lc-grid { stroke: var(--line-soft); stroke-width: 1; }
.lc-axis { stroke: var(--line); stroke-width: 1; }
.lc-label { font-family: var(--mono); font-size: 10px; fill: var(--text-muted); }
.lc-area { fill: color-mix(in oklch, var(--accent) 12%, transparent); }
.lc-line { fill: none; stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; }
.lc-dot { fill: var(--bg); stroke: var(--accent); stroke-width: 1.5; }
.lc-dot--k { fill: var(--accent); stroke: var(--bg); stroke-width: 2; }
.lc-mark { stroke: var(--accent-2); stroke-width: 1; stroke-dasharray: 3 3; }
.lc-marklabel { font-family: var(--mono); font-size: 9.5px; fill: var(--accent-2);
                letter-spacing: .06em; text-transform: uppercase; }

/* dönem notları (grafik altı) */
.periods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
           background: var(--line-soft); border-top: 1px solid var(--line); }
.period { background: var(--surface); padding: 16px 20px 18px; }
.period__yr { font-family: var(--mono); font-size: 11.5px; color: var(--accent); margin-bottom: 6px; }
.period h4 { font-family: var(--serif); font-size: 16px; font-weight: 600; margin: 0 0 5px; }
.period p { font-size: 13.5px; line-height: 1.55; color: var(--text-soft); margin: 0; }

/* --- dünya haritası ---------------------------------------------------- */
.worldmap { width: 100%; height: auto; display: block; background: var(--bg); }
.wm-land { fill: var(--line-soft); stroke: var(--bg); stroke-width: .5; }
.wm-land.d1 { fill: color-mix(in oklch, var(--accent) 22%, var(--bg)); }
.wm-land.d2 { fill: color-mix(in oklch, var(--accent) 45%, var(--bg)); }
.wm-land.d3 { fill: color-mix(in oklch, var(--accent) 70%, var(--bg)); }
.wm-land.d4 { fill: var(--accent); }
.wm-land.on { stroke: var(--text); stroke-width: 1; }
.wm-sphere { fill: none; stroke: var(--line); stroke-width: .8; }
.wm-grat { fill: none; stroke: var(--line-soft); stroke-width: .4; }

.maplayout { display: grid; grid-template-columns: minmax(0,1fr) 280px; }
.maplayout__side { border-left: 1px solid var(--line); }
.mapinfo { padding: 18px 20px; }
.mapinfo__k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em;
              text-transform: uppercase; color: var(--text-muted); margin-bottom: 10px; }
.mapinfo h4 { font-family: var(--serif); font-size: 21px; font-weight: 600; margin: 0 0 12px; }
.mapinfo dl { margin: 0; font-family: var(--mono); font-size: 12.5px; }
.mapinfo dl div { display: flex; justify-content: space-between; gap: 12px;
                  padding: 8px 0; border-bottom: 1px solid var(--line-soft); }
.mapinfo dt { color: var(--text-muted); margin: 0; }
.mapinfo dd { margin: 0; text-align: right; }
.mapinfo__fields { margin-top: 14px; font-size: 13.5px; line-height: 1.6; color: var(--text-soft); }
.mapinfo__hint { font-family: var(--mono); font-size: 11px; color: var(--text-muted);
                 line-height: 1.6; }

/* ülke sıralama listesi */
.ranklist { border-top: 1px solid var(--line); }
.rankrow { display: grid; grid-template-columns: 26px 1fr 60px; gap: 12px; align-items: center;
           padding: 9px 20px; border-bottom: 1px solid var(--line-soft);
           font-size: 14px; cursor: pointer; background: none; border-left: 0;
           border-right: 0; width: 100%; text-align: left; font-family: var(--sans);
           color: var(--text); }
.rankrow:hover, .rankrow[aria-pressed="true"] { background: var(--bg-alt); }
.rankrow__n { font-family: var(--mono); font-size: 11px; color: var(--text-muted); }
.rankrow__v { font-family: var(--mono); font-size: 12.5px; color: var(--text-soft); text-align: right; }

/* --- kurum profili ----------------------------------------------------- */
.insthead { border-bottom: 1px solid var(--line); padding: 40px 0 32px; }
.insthead__k { font-family: var(--mono); font-size: 11.5px; letter-spacing: .14em;
               text-transform: uppercase; color: var(--text-muted); margin-bottom: 14px; }
.insthead h1 { font-size: clamp(30px, 4.2vw, 42px); line-height: 1.16; margin: 0 0 12px; max-width: 800px; }
.insthead__loc { font-family: var(--mono); font-size: 13px; color: var(--text-soft);
                 display: flex; gap: 14px; flex-wrap: wrap; }

.instkpi { display: grid; grid-template-columns: repeat(4, 1fr);
           border-top: 1px solid var(--text); border-bottom: 1px solid var(--line); }
.instkpi__c { padding: 20px 22px 22px; border-right: 1px solid var(--line-soft); }
.instkpi__c:first-child { padding-left: 0; }
.instkpi__c:last-child { padding-right: 0; border-right: 0; }
.instkpi__n { font-family: var(--mono); font-size: 26px; font-weight: 500; line-height: 1; }
.instkpi__n small { font-size: 13px; color: var(--text-muted); font-weight: 400; }
.instkpi__l { font-size: 13.5px; line-height: 1.5; color: var(--text-soft); margin-top: 9px; }

/* araştırma alanı dağılımı (yatay çubuk) */
.fieldbars { display: flex; flex-direction: column; gap: 12px; }
.fieldbar { display: grid; grid-template-columns: 168px 1fr 74px; gap: 14px; align-items: center; }
.fieldbar__l { font-size: 14.5px; }
.fieldbar__t { height: 18px; background: var(--line-soft); }
.fieldbar__f { height: 18px; background: var(--accent); }
.fieldbar__v { font-family: var(--mono); font-size: 12.5px; color: var(--text-soft); text-align: right; }

/* kişi satırları */
.people { border-top: 1px solid var(--line); }
.person { display: grid; grid-template-columns: 1fr 200px 90px; gap: 20px;
          padding: 16px 0; border-bottom: 1px solid var(--line-soft); align-items: baseline; }
.person h4 { font-family: var(--serif); font-size: 17px; font-weight: 600; margin: 0 0 4px; }
.person h4 a { color: var(--text); }
.person p { font-size: 14px; line-height: 1.55; color: var(--text-soft); margin: 0; }
.person__f { font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.person__v { font-family: var(--mono); font-size: 12px; color: var(--text-soft); text-align: right; }

/* işbirliği etiketleri */
.collabs { display: flex; flex-wrap: wrap; gap: 8px; }
.collabs a { font-size: 13.5px; padding: 6px 12px; border: 1px solid var(--line);
             color: var(--text-soft); }
.collabs a:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
.collabs a span { font-family: var(--mono); font-size: 10.5px; color: var(--text-muted); margin-left: 6px; }

/* alan şeması (CMS alan listesi) */
.schema { border-top: 1px solid var(--text); font-family: var(--mono); font-size: 12.5px; }
.schema__r { display: grid; grid-template-columns: 190px 1fr; gap: 18px;
             padding: 9px 0; border-bottom: 1px solid var(--line-soft); }
.schema__r dt { color: var(--accent); margin: 0; }
.schema__r dd { margin: 0; color: var(--text-soft); line-height: 1.5; }

@media (max-width: 1080px) {
  .maplayout { grid-template-columns: 1fr; }
  .maplayout__side { border-left: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 900px) {
  .periods { grid-template-columns: 1fr; }
  .instkpi { grid-template-columns: 1fr 1fr; }
  .instkpi__c { padding: 16px 18px; border-bottom: 1px solid var(--line-soft); }
  .instkpi__c:nth-child(2n) { border-right: 0; padding-right: 0; }
  .instkpi__c:nth-child(2n+1) { padding-left: 0; }
}
@media (max-width: 720px) {
  .chart__head, .chart__foot, .chart__legend, .chart__body { padding-left: 16px; padding-right: 16px; }
  .fieldbar { grid-template-columns: 118px 1fr 60px; gap: 10px; }
  .fieldbar__l { font-size: 13.5px; }
  .person { grid-template-columns: 1fr; gap: 6px; }
  .person__v { text-align: left; }
  .instkpi { grid-template-columns: 1fr; }
  .instkpi__c { border-right: 0; padding: 16px 0; }
  .schema__r { grid-template-columns: 1fr; gap: 4px; }
}

/* ==========================================================================
   VERİ KAYNAĞI · İNDİRME · DİZİN (v10.1)
   ========================================================================== */

/* kaynak satırı — sayının altında, kısa ve doğrudan */
.srcline { font-family: var(--mono); font-size: 11px; line-height: 1.55;
           color: var(--text-muted); margin: 8px 0 0; }
.srcline a { color: var(--text-muted); border-bottom: 1px solid var(--line); }
.srcline a:hover { color: var(--accent); border-color: var(--accent); text-decoration: none; }

/* indirme alanı — henüz çalışmıyor, devre dışı görünüm */
.dlbox { border: 1px solid var(--line); padding: 16px 20px; margin: 0 0 38px; }
.dlbox__k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em;
            text-transform: uppercase; color: var(--text-muted); margin-bottom: 12px; }
.dlbox__row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.dlbtn { font-family: var(--mono); font-size: 11.5px; letter-spacing: .06em;
         padding: 7px 13px; border: 1px dashed var(--line); background: none;
         color: var(--text-muted); cursor: not-allowed; }
.dlbox__note { font-family: var(--mono); font-size: 11px; color: var(--text-muted);
               margin: 12px 0 0; line-height: 1.55; }

/* harita altı bilgi şeridi */
.mapfoot { display: grid; grid-template-columns: repeat(4, 1fr);
           border-top: 1px solid var(--line); }
.mapfoot__c { padding: 14px 20px; border-right: 1px solid var(--line-soft); }
.mapfoot__c:last-child { border-right: 0; }
.mapfoot__k { font-family: var(--mono); font-size: 10px; letter-spacing: .1em;
              text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px; }
.mapfoot__v { font-family: var(--mono); font-size: 12.5px; color: var(--text); line-height: 1.5; }

/* renk ölçeği (yazılı) */
.scalekey { display: flex; gap: 0; border: 1px solid var(--line); }
.scalekey div { flex: 1; padding: 8px 10px; border-right: 1px solid var(--bg);
                font-family: var(--mono); font-size: 10.5px; text-align: center; }
.scalekey div:last-child { border-right: 0; }
.scalekey .k0 { background: var(--line-soft); color: var(--text-muted); }
.scalekey .k1 { background: color-mix(in oklch, var(--accent) 22%, var(--bg)); }
.scalekey .k2 { background: color-mix(in oklch, var(--accent) 45%, var(--bg)); }
.scalekey .k3 { background: color-mix(in oklch, var(--accent) 70%, var(--bg)); color: var(--bg); }
.scalekey .k4 { background: var(--accent); color: #fff; }

/* sıralanabilir tablo (kurum dizini · ülke listesi) */
.sorttable { width: 100%; border-collapse: collapse; font-size: 15px; }
.sorttable thead tr { background: var(--bg-alt); }
.sorttable th { text-align: left; padding: 0; border-bottom: 1px solid var(--line);
                white-space: nowrap; }
.sorttable th button { width: 100%; text-align: left; background: none; border: 0;
                       padding: 12px 16px; cursor: pointer; font-family: var(--mono);
                       font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
                       color: var(--text-soft); display: flex; gap: 6px; align-items: center; }
.sorttable th button:hover { color: var(--accent); }
.sorttable th.num button { justify-content: flex-end; }
.sorttable th button::after { content: "↕"; opacity: .35; font-size: 10px; }
.sorttable th[aria-sort="descending"] button::after { content: "↓"; opacity: 1; color: var(--accent); }
.sorttable th[aria-sort="ascending"] button::after { content: "↑"; opacity: 1; color: var(--accent); }
.sorttable td { padding: 13px 16px; border-bottom: 1px solid var(--line-soft); vertical-align: top; }
.sorttable td.num { text-align: right; font-family: var(--mono); font-size: 13px; }
.sorttable tbody tr:hover { background: var(--bg-alt); }
.sorttable .inst { font-size: 15.5px; font-weight: 500; }
.sorttable .sub { font-family: var(--mono); font-size: 11px; color: var(--text-muted);
                  display: block; margin-top: 3px; }

/* mobilde harita yerine liste */
.maponly { display: block; }
.listonly { display: none; }

@media (max-width: 900px) {
  .mapfoot { grid-template-columns: 1fr 1fr; }
  .mapfoot__c { border-bottom: 1px solid var(--line-soft); }
  .mapfoot__c:nth-child(2n) { border-right: 0; }
}
@media (max-width: 720px) {
  .maponly { display: none; }
  .listonly { display: block; }
  .mapfoot { grid-template-columns: 1fr; }
  .mapfoot__c { border-right: 0; }
  .scalekey { flex-direction: column; }
  .scalekey div { border-right: 0; border-bottom: 1px solid var(--bg); text-align: left; }
}


/* ==========================================================================
   MOBİL TAŞMA DÜZELTMESİ (Aşama 3) — yalnızca 720 px ve altında etkilidir.
   Masaüstü görünümde hiçbir kural değişmez.
   ========================================================================== */
@media (max-width: 720px) {
  /* ızgara çocukları küçülebilsin: yatay kaydırma kutuları artık sayfayı itmez */
  .article-layout > *, .list-layout > *, .maplayout > * { min-width: 0; }
  .tablewrap { max-width: 100%; }
  /* üst şerit araçları küçük ekranda daralır */
  .site-head__in { gap: 12px; }
  .head-tools { gap: 9px; }
  .head-tools .sep { display: none; }
  .head-tools > span:last-child { display: none; }
}
@media (max-width: 560px) {
  /* üst şerit tek satırda kalsın: logo ve araçlar küçük ekrana göre daralır */
  .site-head__in { gap: 10px; }
  .logo b { font-size: 17px; }
  .logo span { font-size: 10px; }
  .head-tools { gap: 8px; font-size: 11.5px; }
  .burger { padding: 6px 8px; }
}

/* --- ülke profili hücreleri (araştırmalar haritası altı) ------------------ */
.ulkecell { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px;
  border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);
  text-decoration: none; color: inherit; background: var(--bg); transition: background .15s; }
.ulkecell:hover { background: var(--bg-alt); }
.ulkecell__n { font-weight: 600; font-size: 15px; }
.ulkecell__c { font-size: 12.5px; color: var(--text-soft); font-variant-numeric: tabular-nums; }
.ulkecell__f { font-size: 12.5px; color: var(--text-soft); line-height: 1.5; }

/* --- kaynak listesi (genel bakış sayfaları) ------------------------------- */
.reflist { margin: 4px 0 0; padding: 0 0 0 22px; display: grid; gap: 10px; }
.reflist li { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); }
.reflist li a { color: var(--text); }

/* --- karşılaştırma sayfası ------------------------------------------------- */
.vsgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1px;
  background: var(--line); border: 1px solid var(--line); margin: 26px 0 30px; }
.vscard { background: var(--bg); padding: 16px 18px 18px; }
.vscard__k { font-size: 11px; letter-spacing: .09em; text-transform: uppercase; color: var(--text-soft); margin-bottom: 8px; }
.vscard h3 { font-size: 17px; margin: 0 0 7px; }
.vscard p { font-size: 13.5px; line-height: 1.6; color: var(--text-soft); margin: 0; }
.module__head { padding: 15px 18px 13px; border-bottom: 1px solid var(--line); }
.module__head h3 { font-size: 16px; margin: 0; }
.module__head p { font-size: 13.5px; line-height: 1.6; color: var(--text-soft); margin: 6px 0 0; }
.dtable tr.is-self td { background: var(--bg-alt); }
.dtable th[data-hi] { color: var(--text); }
/* Sütun sayısı auto-fit ile değişken bırakılmaz: son kart boşluk kuralı ancak
   sütun sayısı bilinirse yazılabilir. Kırılma noktaları .cellgrid ile aynı. */
.pickgrid { display: grid; grid-template-columns: 1fr; gap: 14px; margin: 20px 0 34px; }
@media (min-width: 601px) {
  .pickgrid { grid-template-columns: repeat(2, 1fr); }
  .pickgrid > *:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (min-width: 901px) {
  .pickgrid { grid-template-columns: repeat(3, 1fr); }
  .pickgrid > *:last-child:nth-child(odd) { grid-column: auto; }
  .pickgrid > *:last-child:nth-child(3n+1) { grid-column: 1 / -1; }
  .pickgrid > *:last-child:nth-child(3n+2) { grid-column: span 2; }
}
.pickcard { border: 1px solid var(--line); border-top: 2px solid var(--text); padding: 15px 17px 17px; }
.pickcard__k { font-size: 11px; letter-spacing: .09em; text-transform: uppercase; color: var(--text-soft); margin-bottom: 8px; }
.pickcard h4 { font-size: 16px; margin: 0 0 7px; }
.pickcard p { font-size: 13.5px; line-height: 1.65; color: var(--text-soft); margin: 0; }
@media (max-width: 600px) { .vsgrid { grid-template-columns: 1fr; } }

/* --- bilgi grafiği: tablo verisinden yatay çubuk ------------------------- */
.barchart { padding: 18px 20px 20px; border-bottom: 1px solid var(--line); }
.barchart__k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--text-soft); margin-bottom: 14px; }
.barrow { display: grid; grid-template-columns: minmax(90px, 150px) 1fr auto; gap: 12px;
  align-items: center; padding: 6px 0; }
.barrow__l { font-size: 13.5px; }
.barrow--self .barrow__l { font-weight: 600; }
.barrow__t { height: 14px; background: var(--bg-alt); border: 1px solid var(--line); position: relative; }
.barrow__b { position: absolute; inset: 0 auto 0 0; background: var(--text-soft); }
.barrow--self .barrow__b { background: var(--accent, var(--text)); }
.barrow__v { font-family: var(--mono); font-size: 12.5px; font-variant-numeric: tabular-nums;
  color: var(--text-soft); min-width: 62px; text-align: right; }
.barrow--self .barrow__v { color: var(--text); font-weight: 600; }
.article .barchart__note, .barchart .barchart__note {
  font-size: 12.5px; line-height: 1.55; color: var(--text-soft); margin: 14px 0 0; max-width: none; }
.barchart + .barchart { border-top: 1px solid var(--line); }
.barchart__grup { font-size: 13px; font-weight: 600; margin: 0 0 10px; }
.barchart__grup span { font-weight: 400; color: var(--text-soft); font-family: var(--mono); font-size: 11px; }
.barchart__scale { display: flex; justify-content: space-between; font-family: var(--mono);
  font-size: 10.5px; color: var(--text-soft); border-top: 1px solid var(--line);
  margin-top: 10px; padding-top: 6px; }
@media (max-width: 560px) { .barrow { grid-template-columns: 1fr auto; }
  .barrow__t { grid-column: 1 / -1; order: 3; } }

/* iletişim formu — statik sitede sunucu yoktur; form alanları istemcide mailto
   bağına çevrilir. Sınıflar burada tanımlıdır (satır içi stil yazılmaz), stilsiz
   sınıf denetimi bu yüzden temiz kalır. */
.site-foot__sosyal { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }

.cform { border: 1px solid var(--line); background: var(--bg-alt); padding: 22px; }
.cform__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cform__f { display: flex; flex-direction: column; gap: 7px; }
.cform__f--wide { grid-column: 1 / -1; }
.cform__f > label { font-family: var(--mono); font-size: 11.5px; letter-spacing: .07em;
                    text-transform: uppercase; color: var(--text-muted); }
.cform__f > .cform__hint { font-size: 12.5px; line-height: 1.55; color: var(--text-soft); }
.cform input, .cform select, .cform textarea {
  width: 100%; min-width: 0; border: 1px solid var(--line); background: var(--surface);
  padding: 11px 12px; font-family: var(--sans); font-size: 14.5px; color: var(--text);
  border-radius: 0; outline: 0; }
.cform input:focus, .cform select:focus, .cform textarea:focus { border-color: var(--text); }
.cform textarea { resize: vertical; min-height: 96px; line-height: 1.6; }
.cform__foot { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 18px; }
.cform__send { border: 0; background: var(--accent); color: #fff; cursor: pointer;
               padding: 13px 20px; font-family: var(--sans); font-size: 14.5px; font-weight: 500;
               white-space: nowrap; flex: 0 0 auto; }
.cform__send:hover { background: var(--accent-dark); }
/* Koyu temada --accent açık yeşile döner; beyaz metin o zemin üzerinde 2,39:1 kalıyor.
   Ön plan temayla birlikte çevrilir: koyu temada --bg (oklch 0.19) ≈ 7:1.
   .searchbar button aynı kalıbı zaten taşıyor — o kural örnek alındı. */
[data-tema="koyu"] .cform__send,
[data-tema="koyu"] .cform__send:hover { color: var(--bg); }
.cform__alt { border: 1px solid var(--line); background: transparent; color: var(--text);
              cursor: pointer; padding: 12px 18px; font-family: var(--sans); font-size: 14.5px;
              white-space: nowrap; flex: 0 0 auto; }
.cform__alt:hover { border-color: var(--text); }
.cform__note { font-size: 12.5px; line-height: 1.6; color: var(--text-soft); margin: 12px 0 0; }
.cform__say { font-family: var(--mono); font-size: 12px; color: var(--text-soft); }
@media (max-width: 720px) { .cform__grid { grid-template-columns: 1fr; } .cform { padding: 16px; } }

/* künye yazım varyantı listesi — madde imi yok, tek kolon */
.plainlist { list-style: none; padding: 0; margin: 0 0 34px; display: flex;
             flex-direction: column; gap: 7px; }
.plainlist > li { padding: 9px 12px; border: 1px solid var(--line); background: var(--bg-alt);
                  font-size: 13.5px; line-height: 1.5; }


/* === KURUM PROFİLLERİ SAYFASI (ek) === */
.kprof-band { margin: 30px 0 42px; }
.kprof-band__h {
  display: flex; align-items: baseline; gap: 12px;
  padding-bottom: 10px; margin-bottom: 0;
  border-bottom: 1px solid var(--text);
}
.kprof-band__h h2 { font-family: var(--sans); font-size: 15px; font-weight: 600; letter-spacing: .02em; margin: 0; }
.kprof-band__h span { font-family: var(--mono); font-size: 12.5px; color: var(--text-muted); white-space: nowrap; }
.kprof-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
  gap: 12px; margin-top: 14px;
}
.kprof-card {
  display: flex; flex-direction: column; gap: 10px;
  background: var(--surface); border: 1px solid var(--line); padding: 18px 18px 16px;
  text-decoration: none; color: inherit; min-height: 132px;
  transition: background .15s ease;
}
.kprof-card:hover { background: var(--bg-alt); border-color: var(--text-muted); }
.kprof-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.kprof-card__n { font-family: var(--mono); font-size: 26px; line-height: 1; color: var(--accent-2); font-weight: 500; }
.kprof-card__n b { font-family: var(--sans); font-size: 10.5px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); display: block; margin-top: 5px; }
.kprof-card__ad { font-family: var(--serif); font-size: 18px; line-height: 1.28; color: var(--text); text-wrap: pretty; }
.kprof-card:hover .kprof-card__ad { color: var(--accent-dark); }
.kprof-card__alt { margin-top: auto; display: flex; flex-wrap: wrap; gap: 6px 10px; font-family: var(--mono); font-size: 12px; color: var(--text-muted); }
.kprof-card__alt span + span::before { content: "·"; margin-right: 10px; }
@media (max-width: 640px) { .kprof-grid { grid-template-columns: 1fr; } }


/* === KURUM PROFİLLERİ: ülke süzgeci (ek) === */
.kprof-filter {
  position: sticky; top: 88px; z-index: 5;
  display: flex; flex-wrap: wrap; gap: 8px;
  padding: 14px 0 14px; margin-bottom: 8px;
  background: var(--bg); border-bottom: 1px solid var(--line);
}
.kprof-filter button {
  font-family: var(--mono); font-size: 12.5px; line-height: 1;
  padding: 7px 11px; border: 1px solid var(--line); background: var(--surface);
  color: var(--text-soft); cursor: pointer; border-radius: 2px; white-space: nowrap;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.kprof-filter button:hover { border-color: var(--text-muted); color: var(--text); }
.kprof-filter button[aria-pressed="true"] { background: var(--text); border-color: var(--text); color: var(--bg); }
.kprof-filter button i { font-style: normal; opacity: .55; margin-left: 6px; }
.kprof-band[hidden] { display: none; }
.kprof-empty { font-family: var(--mono); font-size: 13px; color: var(--text-muted); padding: 26px 0; }


/* === ARAŞTIRMA ÖZETLERİ: süzgeç ve bantlar (ek) === */
.ozet-filter {
  position: sticky; top: 88px; z-index: 5;
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  padding: 14px 0; margin-bottom: 4px;
  background: var(--bg); border-bottom: 1px solid var(--line);
}
.ozet-filter button {
  font-family: var(--mono); font-size: 12.5px; line-height: 1;
  padding: 7px 11px; border: 1px solid var(--line); background: var(--surface);
  color: var(--text-soft); cursor: pointer; border-radius: 2px; white-space: nowrap;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.ozet-filter button:hover { border-color: var(--text-muted); color: var(--text); }
.ozet-filter button[aria-pressed="true"] { background: var(--text); border-color: var(--text); color: var(--bg); }
.ozet-filter button i { font-style: normal; opacity: .55; margin-left: 6px; }
.ozet-filter input {
  flex: 1 1 190px; min-width: 150px;
  font-family: var(--mono); font-size: 12.5px; color: var(--text);
  padding: 7px 10px; border: 1px solid var(--line); background: var(--surface); border-radius: 2px;
}
.ozet-filter input:focus { outline: none; border-color: var(--text-muted); }
.ozet-filter .ozet-filter__sep { width: 1px; align-self: stretch; background: var(--line); margin: 0 2px; }
.ozet-band { margin-bottom: 34px; }
.ozet-band[hidden] { display: none; }
.ozet-band__h {
  display: flex; align-items: baseline; gap: 12px;
  padding-bottom: 10px; border-bottom: 1px solid var(--text); margin: 0 0 4px;
}
.ozet-band__h h2 { font-family: var(--sans); font-size: 15px; font-weight: 600; letter-spacing: .02em; margin: 0; }
.ozet-band__h span { font-family: var(--mono); font-size: 12.5px; color: var(--text-muted); white-space: nowrap; }
.artrow[hidden] { display: none; }
.ozet-empty { font-family: var(--mono); font-size: 13px; color: var(--text-muted); padding: 26px 0; }


/* --- pay grafiği: tek yığılmış çubuk (bir bütünün parçaları) -------------
   Çubuk grafikten (.barchart) farkı ölçekleme tabanıdır: orada en yüksek değer,
   burada listelenen satırların toplamı. Parça renkleri tema değişkenlerinden
   türetilir; ayrım yalnızca renge bırakılmaz, her parçanın değeri künyede yazılıdır. */
.sharebar { padding: 18px 20px 20px; border-bottom: 1px solid var(--line); }
.sharebar__k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--text-soft); margin-bottom: 14px; }
.sharebar__t { display: flex; width: 100%; height: 26px; overflow: hidden;
  border: 1px solid var(--line); background: var(--bg-alt); }
.sharebar__seg { display: block; height: 100%; min-width: 2px; }
.sharebar__seg + .sharebar__seg { border-left: 1px solid var(--bg); }
.sharebar__seg--1, .sharebar__sw--1 { background: var(--accent); }
.sharebar__seg--2, .sharebar__sw--2 { background: var(--accent-2); }
.sharebar__seg--3, .sharebar__sw--3 { background: var(--text-soft); }
.sharebar__seg--4, .sharebar__sw--4 { background: var(--accent-dark); }
.sharebar__seg--5, .sharebar__sw--5 { background: var(--text-muted); }
.sharebar__lg { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 12px; }
.sharebar__li { display: flex; align-items: center; gap: 8px; font-size: 13.5px; }
.sharebar__li b { font-family: var(--mono); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.sharebar__sw { width: 12px; height: 12px; flex: none; border: 1px solid var(--line); }
.sharebar__pay { color: var(--text-soft); font-size: 12.5px; }
.sharebar + .sharebar { border-top: 1px solid var(--line); }
.article .sharebar .barchart__note, .sharebar .barchart__note {
  font-size: 12.5px; line-height: 1.55; color: var(--text-soft); margin: 14px 0 0; max-width: none; }
@media (max-width: 560px) { .sharebar__lg { gap: 6px 14px; }
  .sharebar__li { width: 100%; } }

/* pay grafiği künyesi: uzun etiket sarınca madde kutusu yüksekliği almıyordu ve
   satırlar üst üste biniyordu (row-gap 8px yetmiyor). Sarmaya izin ver, aralığı aç. */
.sharebar__li { flex-wrap: wrap; align-items: baseline; row-gap: 2px; }
.sharebar__lg { row-gap: 14px; }

/* --- logo 1b: tohum + kenevirfaydaları + arşiv tanımı (yalnızca ekleme) --- */
.logo.logo--tohum { align-items: center; gap: 11px; color: var(--text); text-decoration: none; }
.logo--tohum .logo__simge { flex: none; display: block; }
.logo--tohum .logo__tane { fill: var(--accent-2); }
.logo--tohum .logo__cizgi { stroke: var(--bg); }
.logo--tohum .logo__yazi { display: flex; flex-direction: column; gap: 2px; font-family: inherit; font-size: inherit; color: inherit; }
.logo--tohum .logo__ad { font-family: var(--serif); font-size: 21px; font-weight: 400; line-height: 1.1; letter-spacing: -0.01em; color: var(--text); }
.logo--tohum .logo__ad strong { font-weight: 700; color: var(--accent); }
.logo--tohum .logo__alt { font-family: var(--mono); font-size: 9.5px; letter-spacing: .14em; line-height: 1.2; color: var(--text-muted); }
@media (max-width: 720px) {
  .logo--tohum .logo__simge { width: 22px; height: 29px; }
  .logo--tohum .logo__ad { font-size: 19px; }
  .logo--tohum .logo__alt { font-size: 8.5px; }
}

/* --- terim bağı (25.09.2026 ek) — gövde metnindeki sözlük terimleri; üstüne gelince terim-balon.js tanımı gösterir --- */
a.gloss { color: inherit; text-decoration: underline dotted; text-decoration-color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a.gloss:hover { color: var(--accent-dark); text-decoration-style: solid; }

/* konu sayfası: "Bu konunun sorusu" kartı (26.09.2026, kullanıcı isteği) — yalnızca konu-* sayfalarında eşleşir */
.list-layout > div > .myth:first-child {
  background: color-mix(in oklch, var(--accent) 9%, var(--surface));
  border: 1px solid color-mix(in oklch, var(--accent) 35%, var(--line));
  border-left: 1px solid color-mix(in oklch, var(--accent) 35%, var(--line));
  border-radius: 10px; padding: 22px 26px 24px; margin-bottom: 40px;
}
.list-layout > div > .myth:first-child h4 { color: var(--accent-dark); font-weight: 500; margin-bottom: 10px; }
.list-layout > div > .myth:first-child p { font-family: var(--serif); font-size: 21px; line-height: 1.45; color: var(--text); text-wrap: pretty; }
@media (max-width: 640px) { .list-layout > div > .myth:first-child { padding: 18px 18px 20px; } .list-layout > div > .myth:first-child p { font-size: 18.5px; } }

/* Ayırt edici kartlar (26.09.2026, kullanıcı isteği) — konu sorusu kartıyla aynı dil. Yalnızca ekleme. */
/* 1. Kısaca / Tek cümlede bulgu / Kısa cevap */
.tldr {
  background: color-mix(in oklch, var(--accent) 7%, var(--surface));
  border: 1px solid color-mix(in oklch, var(--accent) 30%, var(--line));
  border-radius: 10px;
}
.tldr h4 { color: var(--accent-dark); font-weight: 500; }
.tldr ul { list-style: none; padding-left: 0; }
.tldr ul li { position: relative; padding-left: 22px; }
.tldr ul li::before {
  content: ""; position: absolute; left: 2px; top: .62em; width: 8px; height: 8px;
  border-radius: 50%; background: var(--accent);
}
.tldr p { font-size: 16.5px; line-height: 1.65; margin: 0; }
/* 2. Önce bu — sınırlar (amber) */
.rblock--limit {
  background: color-mix(in oklch, var(--accent-2) 8%, var(--surface));
  border: 1px solid color-mix(in oklch, var(--accent-2) 35%, var(--line));
  border-top: 1px solid color-mix(in oklch, var(--accent-2) 35%, var(--line));
  border-radius: 10px; padding: 22px 26px 24px; margin-bottom: 38px;
}
.rblock--limit + .rblock { border-top-width: 2px; }
.rblock--limit h2 { font-size: 22px; }
.rblock--limit p { font-size: 16.5px; }
/* 3. Hangi durumda hangisi */
.pickcard {
  border-radius: 10px; border-top: 1px solid var(--line);
  background: var(--surface); position: relative; overflow: hidden;
}
.pickcard::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 3px; background: var(--accent); }
.pickcard__k { color: var(--text-muted); }
.pickcard h4 { color: var(--accent-dark); font-size: 17px; }
@media (max-width: 640px) { .rblock--limit { padding: 18px 18px 20px; } }

/* Ayırt edici kartlar 2 (26.09.2026): SSS ve veri tabloları. Yalnızca ekleme. */
/* SSS: her soru ayrı kart, açık olan yeşil */
.faq { border-top: 0; display: flex; flex-direction: column; gap: 10px; }
.faq details {
  border: 1px solid var(--line); border-radius: 10px; background: var(--surface);
  padding: 0 20px; transition: background .15s, border-color .15s;
}
.faq summary { padding: 15px 0; }
.faq summary::after {
  content: "+"; display: inline-grid; place-items: center; flex: 0 0 26px; height: 26px;
  border-radius: 50%; border: 1px solid color-mix(in oklch, var(--accent) 35%, var(--line));
  color: var(--accent-dark); font-size: 15px; line-height: 1;
}
.faq details[open] {
  background: color-mix(in oklch, var(--accent) 6%, var(--surface));
  border-color: color-mix(in oklch, var(--accent) 30%, var(--line));
}
.faq details[open] summary { color: var(--accent-dark); }
.faq details[open] summary::after { content: "–"; background: var(--accent); border-color: var(--accent); color: var(--surface); }
/* Veri tabloları: yuvarlatılmış çerçeve, yeşil başlık şeridi */
.module .tablewrap, .tablewrap { border-radius: 10px; }
.module__head {
  background: color-mix(in oklch, var(--accent) 7%, var(--surface));
  border: 1px solid color-mix(in oklch, var(--accent) 28%, var(--line));
  border-bottom: 0; border-radius: 10px 10px 0 0; position: relative;
}
.module__head::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; }
.module__head h3 { color: var(--accent-dark); }
.module__head + .tablewrap { border-radius: 0 0 10px 10px; }
.dtable thead tr { background: color-mix(in oklch, var(--accent) 4%, var(--bg-alt)); }
.dtable tbody tr:hover td { background: color-mix(in oklch, var(--accent) 5%, var(--surface)); }
@media (max-width: 640px) { .faq details { padding: 0 16px; } }
.article .module__head p:last-of-type { margin-bottom: 0; }

/* 26.09.2026: SSS açık başlık metin renginde; "Hangi durumda hangisi" kartları eşit genişlikte */
.faq details[open] summary { color: var(--text); }
.pickgrid > .pickcard:last-child:nth-child(n) { grid-column: auto; }

/* Ayırt edici kartlar 3 (26.09.2026). Yalnızca ekleme. */
/* Karıştırılan terimler / yaygın yanlış bilgi: kehribar kart (konu sorusu kartı yeşil kalır, seçicisi daha özgül) */
.myth {
  background: color-mix(in oklch, var(--accent-2) 7%, var(--surface));
  border: 1px solid color-mix(in oklch, var(--accent-2) 32%, var(--line));
  border-radius: 10px; padding: 18px 22px 20px;
}
.myth h4 { color: var(--accent-2); font-weight: 500; }
/* İlgili sayfa kartları: türe göre ince üst şerit */
.relcard { border-radius: 10px; position: relative; overflow: hidden; }
.relcard::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--line); }
.relcard:has(> a[href^="arastirma-"])::before { background: var(--accent); }
.relcard:has(> a[href^="veri-"])::before { background: var(--accent-2); }
.relcard:has(> a[href^="karsilastirma-"])::before { background: var(--accent-dark); }
.relcard:has(> a[href^="terim-"])::before { background: var(--text-muted); }
/* Kaynakça: her künye hafif çerçeveli satır, DOI bağı belirgin */
.refs li {
  border: 1px solid var(--line-soft); border-radius: 8px; padding: 10px 14px;
  background: var(--surface);
}
.refs li:target { border-color: var(--accent); background: color-mix(in oklch, var(--accent) 6%, var(--surface)); }
.refs li a { color: var(--accent-dark); text-decoration-color: color-mix(in oklch, var(--accent) 45%, transparent); text-underline-offset: 3px; }
.cellgrid { border-radius: 10px; overflow: hidden; }
.cellgrid > .relcard { border-radius: 0; }

/* Erişim işareti ve "tek çalışmadan" damgası (26.09.2026). Yalnızca ekleme. */
.article__meta .erisim {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 2px 9px; border-radius: 999px; border: 1px solid var(--line);
}
.article__meta .erisim::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--text-muted); }
.article__meta .erisim--tam { border-color: color-mix(in oklch, var(--accent) 40%, var(--line)); color: var(--accent-dark); }
.article__meta .erisim--tam::before { background: var(--accent); }
.article__meta .erisim--ozet, .article__meta .erisim--kunye, .article__meta .erisim--kapali { border-color: color-mix(in oklch, var(--accent-2) 40%, var(--line)); color: var(--accent-2); }
.article__meta .erisim--ozet::before, .article__meta .erisim--kunye::before, .article__meta .erisim--kapali::before { background: var(--accent-2); }
.table-foot .tf-tek, .table-foot .tf-derleme { display: inline-flex; align-items: center; gap: 6px; }
.table-foot .tf-tek { color: var(--accent-dark); }
.table-foot .tf-tek::before { content: "✓"; display: inline-grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; background: var(--accent); color: var(--surface); font-size: 10px; }
.table-foot .tf-derleme { color: var(--accent-2); }
.table-foot .tf-derleme::before { content: "!"; display: inline-grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--accent-2); font-size: 10px; }

/* Önemli sayı vurgusu (özet kutuları) ve başa dön düğmesi (26.09.2026). Yalnızca ekleme. */
.tldr b, .tldr strong {
  font-weight: 600; color: var(--text);
  background: linear-gradient(transparent 62%, color-mix(in oklch, var(--accent) 22%, transparent) 62%);
  padding: 0 1px;
}
.basadon {
  position: fixed; right: 22px; bottom: 22px; z-index: 50;
  width: 44px; height: 44px; border-radius: 50%;
  border: 1px solid color-mix(in oklch, var(--accent) 40%, var(--line));
  background: var(--surface); color: var(--accent-dark);
  font-size: 18px; line-height: 1; cursor: pointer;
  display: grid; place-items: center;
  box-shadow: 0 2px 10px color-mix(in oklch, var(--text) 10%, transparent);
  opacity: 0; transform: translateY(8px); pointer-events: none;
  transition: opacity .2s, transform .2s, background .15s;
}
.basadon.gorunur { opacity: 1; transform: none; pointer-events: auto; }
.basadon:hover { background: var(--accent); color: var(--surface); border-color: var(--accent); }
.basadon:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 640px) { .basadon { right: 14px; bottom: 14px; width: 40px; height: 40px; } }
@media print { .basadon { display: none; } }

/* Başlık çapası (26.09.2026) */
h2 > .capa, h3 > .capa {
  margin-left: .35em; font-family: var(--mono); font-weight: 400; font-size: .72em;
  color: var(--text-muted); text-decoration: none; opacity: 0; transition: opacity .15s, color .15s;
  vertical-align: .08em;
}
h2:hover > .capa, h3:hover > .capa, .capa:focus-visible { opacity: 1; }
.capa:hover { color: var(--accent); }
.capa.kopyalandi { opacity: 1; color: var(--accent); }
.capa.kopyalandi::after { content: " bağlantı kopyalandı"; font-size: 11px; letter-spacing: .04em; margin-left: .4em; }
@media (hover: none) { h2 > .capa, h3 > .capa { opacity: .45; } }
@media print { .capa { display: none; } }
h2[id], h3[id] { scroll-margin-top: 16px; }

/* Terim bağları ve terim balonu (26.09.2026) */
.gloss { text-decoration-thickness: 1.5px; text-decoration-color: color-mix(in oklch, var(--accent) 75%, transparent); }
body .tbalon {
  border: 1px solid color-mix(in oklch, var(--accent) 35%, var(--line));
  border-radius: 10px; border-top: 3px solid var(--accent);
  box-shadow: 0 12px 28px -16px color-mix(in oklch, var(--text) 45%, transparent);
}
body .tbalon .tbalon__k { color: var(--accent-dark); }
/* Kaynak göster kutusu: mevcut .citebox görünümü, kart diliyle */
.citebox { border-radius: 10px; }
.citebox code { white-space: pre-wrap; word-break: break-word; }
.citebox__a { margin: 12px 0 0; }
.citebox__btn {
  font: inherit; font-size: 13px; cursor: pointer; padding: 6px 12px; border-radius: 999px;
  border: 1px solid color-mix(in oklch, var(--accent) 40%, var(--line));
  background: var(--surface); color: var(--accent-dark);
}
.citebox__btn:hover { background: var(--accent); border-color: var(--accent); color: var(--surface); }
/* Yazdırma görünümü (26.09.2026): ekranda hiçbir şey değişmez */
@media print {
  header, footer, nav, .nav, .burger, .aside, aside, .side-block, .aside__actions, .basadon, .capa,
  .citebox__btn, [data-tema-btn], .crumbs, .breadcrumb { display: none !important; }
  html, body { background: #fff !important; color: #000 !important; }
  .wrap { max-width: none !important; padding: 0 !important; }
  .article-layout, .list-layout { display: block !important; }
  .tldr, .myth, .rblock--limit, .faq details, .module__head, .tablewrap, .pickcard, .relcard, .citebox, .refs li {
    background: #fff !important; box-shadow: none !important; break-inside: avoid;
  }
  .faq details > div { display: block !important; }
  a { color: #000 !important; }
  .article a[href^="http"]::after, .refs a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 10pt; color: #444; word-break: break-all; }
  h1, h2, h3 { break-after: avoid; }
  .dtable { min-width: 0 !important; }
}
a.gloss { text-decoration-thickness: 1.5px; text-decoration-color: color-mix(in oklch, var(--accent) 75%, transparent); }

/* ===== Tema (kategori) sayfası — onaylı B tasarımı ===== */
.tx-cats { border-bottom: 1px solid var(--line); margin-top: 18px; }
.tx-cats__in { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 12px; }
.tx-cats__in::-webkit-scrollbar { display: none; }
.tx-cats a { flex: 0 0 auto; display: inline-flex; align-items: baseline; gap: 8px; padding: 9px 16px; border: 1px solid var(--line); border-radius: 999px; font: 500 14.5px/1 var(--sans); color: var(--text-soft); background: var(--surface); white-space: nowrap; }
.tx-cats a:hover { border-color: var(--text); color: var(--text); }
.tx-cats a[aria-current="page"] { background: var(--text); border-color: var(--text); color: var(--bg); }
.tx-cats a span { font: 400 12px/1 var(--mono); opacity: .65; }
.tx-cats a.tx-cats__harita { border-style: dashed; }

.tx-hero { padding-top: 56px; padding-bottom: 44px; }
.tx-hero .eyebrow { margin: 0 0 14px; }
.tx-hero h1 { font-family: var(--serif); font-weight: 600; font-size: clamp(38px, 5vw, 60px); line-height: 1.04; letter-spacing: -.02em; margin: 0 0 18px; }
.tx-hero__lede { font-family: var(--serif); font-size: 21px; line-height: 1.5; color: var(--text-soft); max-width: 680px; margin: 0; }
.tx-hero__stat { display: flex; gap: 28px; flex-wrap: wrap; margin-top: 28px; font-family: var(--mono); font-size: 12.5px; letter-spacing: .05em; text-transform: uppercase; color: var(--text-muted); }
.tx-hero__stat b { display: block; font: 600 26px/1.1 var(--serif); letter-spacing: 0; text-transform: none; color: var(--text); margin-bottom: 2px; }

.tb { padding-bottom: 88px; }
.tb-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 56px; align-items: start; }
.tb-nav { position: sticky; top: 20px; }
.tb-nav__k { font: 500 11.5px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 12px; }
.tb-nav__list { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.tb-nav__list a { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding: 13px 12px 13px 0; border-bottom: 1px solid var(--line); color: var(--text-soft); font-size: 15.5px; line-height: 1.3; }
.tb-nav__list a:hover { color: var(--text); }
.tb-nav__list a i { font: normal 400 12px/1 var(--mono); color: var(--text-muted); }
.tb-nav__list a span { font: 400 12px/1 var(--mono); color: var(--text-muted); }
.tb-nav__list a[aria-current="true"] { color: var(--text); font-weight: 600; box-shadow: inset -3px 0 0 var(--accent); }
.tb-nav__list a[aria-current="true"] i { color: var(--accent); }

.tb-panel { scroll-margin-top: 20px; }
.tb-panel + .tb-panel { margin-top: 72px; }
.tb-js .tb-panel[hidden] { display: none; }
.tb-js .tb-panel + .tb-panel { margin-top: 0; }
.tb-panel__head { border-bottom: 1px solid var(--text); padding-bottom: 18px; margin-bottom: 28px; }
.tb-panel__head h2 { font-family: var(--serif); font-weight: 600; font-size: 38px; line-height: 1.1; letter-spacing: -.015em; margin: 0 0 10px; }
.tb-panel__head p { margin: 0; font-family: var(--serif); font-size: 18px; line-height: 1.55; color: var(--text-soft); max-width: 660px; }
.tb-panel__meta { margin-top: 14px; font: 400 12.5px/1 var(--mono); letter-spacing: .04em; color: var(--text-muted); display: flex; gap: 18px; flex-wrap: wrap; }
.tb-panel__meta a { font-family: var(--sans); font-size: 14px; font-weight: 500; letter-spacing: 0; }

.tb-k { font: 500 11.5px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 14px; }
.tb-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin-bottom: 44px; }
.tb-card { display: flex; flex-direction: column; gap: 10px; padding: 22px 22px 20px; background: var(--bg-alt); color: var(--text); border-radius: 6px; transition: transform .15s, background .15s; }
.tb-card:hover { background: var(--line-soft); color: var(--text); transform: translateY(-2px); }
.tb-card__t { font: 500 11px/1 var(--mono); letter-spacing: .07em; text-transform: uppercase; color: var(--accent); }
.tb-card h3 { font-family: var(--serif); font-weight: 600; font-size: 20px; line-height: 1.25; margin: 0; }
.tb-card p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--text-soft); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.tb-blk + .tb-blk { margin-top: 40px; }
.tb-blk .tb-cards { margin-bottom: 0; }
.tb-minis { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.tb-mini { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; border: 1px solid var(--line); border-top: 3px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--text); transition: border-color .15s, transform .15s; }
.tb-mini:hover { color: var(--text); transform: translateY(-2px); border-color: var(--text-muted); }
.tb-mini--arastirma { border-top-color: var(--accent); }
.tb-mini--veri, .tb-mini--karsilastirma { border-top-color: var(--accent-2); }
.tb-mini__t { font: 500 11px/1 var(--mono); letter-spacing: .07em; text-transform: uppercase; color: var(--text-muted); }
.tb-mini h4 { margin: 0; font-family: var(--serif); font-weight: 600; font-size: 17px; line-height: 1.3; }
.tb-mini p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text-soft); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tb-more { margin-top: 12px; }
.tb-more > summary { list-style: none; cursor: pointer; display: inline-flex; padding: 9px 16px; border: 1px solid var(--line); border-radius: 999px; font: 500 14px/1 var(--sans); color: var(--text); }
.tb-more > summary:hover { border-color: var(--text); }
.tb-more > summary::-webkit-details-marker { display: none; }
.tb-more[open] > summary { margin-bottom: 12px; }
.tb-more[open] .tb-more__ac, .tb-more:not([open]) .tb-more__kp { display: none; }
.tb-rows { list-style: none; margin: 0 0 40px; padding: 0; border-top: 1px solid var(--line); }
.tb-rows li { border-bottom: 1px solid var(--line); }
.tb-rows a { display: grid; grid-template-columns: minmax(0, 1fr) 20px; gap: 16px; align-items: baseline; padding: 14px 0; color: var(--text); font-size: 16px; line-height: 1.4; }
.tb-rows a::after { content: "→"; color: var(--text-muted); transition: transform .15s, color .15s; }
.tb-rows a:hover { color: var(--accent); }
.tb-rows a:hover::after { color: var(--accent); transform: translateX(3px); }
.tb-rows small { display: block; margin-top: 3px; font-size: 13.5px; color: var(--text-muted); line-height: 1.45; }

.tb-terms { display: flex; flex-wrap: wrap; gap: 8px; }
.tb-terms a { font-size: 14.5px; padding: 7px 13px; border-radius: 999px; background: var(--bg-alt); color: var(--text); }
.tb-terms a:hover { background: var(--line-soft); color: var(--accent); }

@media (max-width: 900px) {
  .tb-minis { grid-template-columns: minmax(0, 1fr); }
  .tb-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .tb-nav { position: static; }
  .tb-nav__list { flex-direction: row; overflow-x: auto; border-top: 0; gap: 6px; scrollbar-width: none; }
  .tb-nav__list a { flex: 0 0 auto; grid-template-columns: auto auto; border: 1px solid var(--line); border-radius: 999px; padding: 9px 14px; }
  .tb-nav__list a i { display: none; }
  .tb-nav__list a[aria-current="true"] { box-shadow: none; background: var(--text); color: var(--bg); border-color: var(--text); }
  .tb-panel__head h2 { font-size: 30px; }
}
.tx-hero__stat span { white-space: nowrap; }
.tb-one { margin: 0 0 56px; }
.tb-one__in { display: grid; grid-template-columns: 1.6fr repeat(3, minmax(0, 1fr)); gap: 12px; }
.tb-one__c { display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; min-height: 170px; padding: 22px; border-radius: 6px; background: var(--bg-alt); color: var(--text); transition: background .15s, transform .15s; }
.tb-one__c:hover { background: var(--line-soft); color: var(--text); transform: translateY(-2px); }
.tb-one__c h3 { margin: 0; font-family: var(--serif); font-weight: 600; font-size: 18px; line-height: 1.25; }
.tb-one__c p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--text-soft); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tb-one__c--ilk { background: var(--text); color: var(--bg); }
.tb-one__c--ilk:hover { background: var(--text); color: var(--bg); }
.tb-one__c--ilk h3 { font-size: 24px; }
.tb-one__c--ilk p { color: var(--bg); opacity: .85; }
.tb-one__c--ilk .tb-card__t { color: var(--bg); opacity: .8; }
.tb-search { width: 100%; box-sizing: border-box; margin: 0 0 22px; font: 15px var(--sans); padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--text); }
.tb-search:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
.tb-status { margin: 0 0 20px; font: 400 12.5px/1 var(--mono); letter-spacing: .04em; color: var(--text-muted); }
.tb-js.is-ara .tb-panel + .tb-panel { margin-top: 56px; }
.tb-card[hidden], .tb-mini[hidden], .tb-blk[hidden], .tb-terms a[hidden], .tb-status[hidden] { display: none; }
@media (max-width: 900px) {
  .tb-one__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .tb-one__c--ilk { grid-column: 1 / -1; }
  .tb-one__c { min-height: 0; }
}
/* Üst menü yazı tipi (28.09.2026, kullanıcı isteği) */
.nav, .nav a, .navdrop__t, .navdrop__m a { font-family: "Manrope", var(--sans); letter-spacing: -.005em; }
.nav > a, .navdrop__t { font-weight: 600; }
.navdrop__m a { font-weight: 500; }

/* Yukarı çık butonu (28.09.2026, kullanıcı isteği) */
.yukari { position: fixed; right: 20px; bottom: 20px; z-index: 90; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid var(--line); background: var(--surface); color: var(--accent); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s, transform .2s, visibility .2s, border-color .2s; }
.yukari.is-on { opacity: 1; visibility: visible; transform: none; }
.yukari:hover { border-color: var(--accent); color: var(--accent-dark); }
.yukari:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media print { .yukari { display: none; } }

/* Bilimden slider (29.09.2026, kullanıcı isteği) */
.studies--slider { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 96px) / 4); gap: 32px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
.studies--slider::-webkit-scrollbar { display: none; }
.studies--slider:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; }
.studies--slider .study { scroll-snap-align: start; }
.slider-nav { display: flex; gap: 8px; justify-content: flex-end; margin-top: 28px; }
.slider-btn { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid var(--line); background: var(--surface); color: var(--text); font-family: var(--mono); font-size: 16px; cursor: pointer; transition: border-color .2s, color .2s; }
.slider-btn:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
.slider-btn:disabled { opacity: .35; cursor: default; }
@media (max-width: 1100px) { .studies--slider { grid-auto-columns: calc((100% - 64px) / 3); } }
@media (max-width: 800px) { .studies--slider { grid-auto-columns: calc((100% - 32px) / 2); } }
@media (max-width: 560px) { .studies--slider { grid-auto-columns: 82%; } }

/* Bilimden kayan şerit (29.09.2026, kullanıcı isteği) */
.studies--marquee { display: block; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.marquee__track { display: flex; gap: 24px; width: max-content; animation: kf-marquee var(--sure, 72s) linear infinite; }
.studies--marquee:hover .marquee__track, .studies--marquee:focus-within .marquee__track { animation-play-state: paused; }
.studies--marquee .study { flex: 0 0 300px; border: 1px solid var(--line); background: var(--surface); padding: 22px 24px 26px; }
.studies--marquee .study h3 { font-size: 17px; }
@keyframes kf-marquee { to { transform: translateX(calc(-50% - 12px)); } }
@media (max-width: 560px) { .studies--marquee .study { flex-basis: 250px; } }
@media (prefers-reduced-motion: reduce) { .marquee__track { animation: none; } .studies--marquee { overflow-x: auto; } }

/* Bilimden premium kart (29.09.2026) */
.studies--marquee .study--pro { flex: 0 0 340px; display: flex; flex-direction: column; gap: 18px; min-height: 250px; padding: 26px 26px 22px; border: 1px solid var(--line); background: var(--surface); transition: border-color .25s, transform .25s; }
.studies--marquee .study--pro:hover { border-color: var(--accent); transform: translateY(-2px); }
.study__kurum { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.study__kurum span:first-child { color: var(--accent); font-weight: 600; }
.study__kurum span:last-child { color: var(--text-muted); white-space: nowrap; }
.studies--marquee .study--pro h3 { font-size: 18px; line-height: 1.4; margin: 0; flex: 1; text-wrap: pretty; }
.studies--marquee .study--pro h3 a { color: var(--text); }
.studies--marquee .study--pro h3 a:hover { color: var(--accent); }
.study__kunye { display: flex; justify-content: space-between; gap: 12px; font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.study__kunye span:first-child { font-style: italic; font-family: inherit; }
@media (max-width: 560px) { .studies--marquee .study--pro { flex-basis: 280px; } }

/* Nereden başlamalı — yeni düzen (29.09.2026) */
.yol { background: var(--bg-alt); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.yol__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr); gap: 56px; padding-top: 72px; padding-bottom: 72px; }
.yol__head { display: flex; flex-direction: column; gap: 14px; align-self: start; position: sticky; top: 96px; }
.yol__head .eyebrow { margin: 0; }
.yol__h { font-size: 28px; line-height: 1.25; margin: 0; text-wrap: balance; }
.yol__p { color: var(--text-soft); margin: 0; line-height: 1.6; }
.yol__all { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; margin-top: 6px; }
.yol__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border: 1px solid var(--line); background: var(--surface); }
.yol__card { display: flex; flex-direction: column; gap: 12px; padding: 28px 26px 24px; border-left: 1px solid var(--line); transition: background .25s; }
.yol__card:first-child { border-left: 0; }
.yol__card:hover { background: var(--bg); }
.yol__no { font-family: var(--mono); font-size: 34px; line-height: 1; color: var(--accent); letter-spacing: -.02em; }
.yol__card h3 { font-size: 19px; line-height: 1.3; margin: 8px 0 0; }
.yol__card h3 a { color: var(--text); }
.yol__card > p { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); margin: 0 0 6px; }
.yol__card ul { list-style: none; margin: auto 0 0; padding: 0; border-top: 1px solid var(--line); }
.yol__card li a { display: flex; justify-content: space-between; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 14px; color: var(--text); transition: color .2s, padding .2s; }
.yol__card li:last-child a { border-bottom: 0; }
.yol__card li a:hover { color: var(--accent); padding-left: 4px; }
.yol__card li a span:last-child { color: var(--text-muted); }
@media (max-width: 1000px) { .yol__in { grid-template-columns: 1fr; gap: 32px; } .yol__head { position: static; } }
@media (max-width: 760px) { .yol__grid { grid-template-columns: 1fr; } .yol__card { border-left: 0; border-top: 1px solid var(--line); } .yol__card:first-child { border-top: 0; } }

/* Konuları keşfet — sekmeli dizin (29.09.2026) */
.kesif { padding-bottom: 72px; }
.kesif__in { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); border-top: 1px solid var(--text); }
.kesif__list { list-style: none; margin: 0; padding: 0; }
.kesif__tab { width: 100%; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: baseline; gap: 4px 16px; padding: 20px 20px 16px 0; background: none; border: 0; border-bottom: 1px solid var(--line); text-align: left; cursor: pointer; color: var(--text-muted); font: inherit; transition: color .2s, padding .25s; }
.kesif__no { font-family: var(--mono); font-size: 12px; }
.kesif__ad { font-family: var(--serif); font-size: 26px; line-height: 1.2; color: var(--text-soft); transition: color .2s; }
.kesif__n { font-family: var(--mono); font-size: 12px; }
.kesif__bar { grid-column: 2 / 4; height: 2px; background: var(--line); margin-top: 10px; }
.kesif__bar span { display: block; height: 100%; background: var(--text-muted); transition: background .2s; }
.kesif__tab:hover .kesif__ad, .kesif__tab.is-on .kesif__ad { color: var(--text); }
.kesif__tab.is-on { padding-left: 12px; }
.kesif__tab.is-on .kesif__no, .kesif__tab.is-on .kesif__n { color: var(--accent); }
.kesif__tab.is-on .kesif__bar span { background: var(--accent); }
.kesif__tab:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.kesif__panel { display: none; flex-direction: column; gap: 14px; padding: 32px 0 32px 48px; border-left: 1px solid var(--line); grid-column: 2; grid-row: 1; }
.kesif__panel.is-on { display: flex; }
.kesif__k { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin: 0; }
.kesif__panel h3 { font-size: 34px; line-height: 1.15; margin: 0; }
.kesif__panel h3 a { color: var(--text); }
.kesif__p { color: var(--text-soft); margin: 0 0 8px; line-height: 1.6; max-width: 46ch; }
.kesif__panel ul { list-style: none; margin: 0; padding: 0; counter-reset: k; }
.kesif__panel li a { display: grid; grid-template-columns: 34px 1fr; padding: 10px 0; border-bottom: 1px dashed var(--line); color: var(--text); font-size: 15px; transition: color .2s; }
.kesif__panel li a::before { counter-increment: k; content: counter(k, decimal-leading-zero); font-family: var(--mono); font-size: 11px; color: var(--text-muted); padding-top: 3px; }
.kesif__panel li a:hover { color: var(--accent); }
.kesif__git { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; margin-top: auto; padding-top: 10px; }
.kesif:not(.is-js) .kesif__panel { display: flex; grid-column: auto; grid-row: auto; }
@media (max-width: 860px) { .kesif__in { grid-template-columns: 1fr; } .kesif__panel { grid-column: 1; grid-row: auto; border-left: 0; padding: 24px 0 8px; } .kesif__ad { font-size: 21px; } .kesif__panel h3 { font-size: 26px; } }

/* Genel bakış sayfaları (29.09.2026) */
.article .hatnote { font-size: 14px; font-style: italic; color: var(--text-muted); margin: -4px 0 14px; padding-left: 14px; border-left: 2px solid var(--line); }
.article .hatnote a { font-style: normal; }
.article .gb-list { margin: 0 0 22px; padding-left: 20px; }
.article .gb-list li { margin-bottom: 8px; line-height: 1.65; color: var(--text-soft); }
.kesif__git { display: flex; gap: 22px; flex-wrap: wrap; }
.tx-hero__gb { font-family: var(--mono); font-size: 12.5px; letter-spacing: .03em; margin: 14px 0 0; }
.tx-hero__plain { max-width: 760px; margin: 22px 0 0; }

/* Konular — önem sırası (29.09.2026) */
.kn-note { font-size: 14px; color: var(--text-muted); margin: 0 0 28px; }
.kn-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; column-gap: 16px; align-items: baseline; }
.kn-row .kn-no { grid-row: 1 / 3; font-family: var(--mono); font-size: 13px; color: var(--accent); }
.kn-row dt { grid-column: 2; }
.kn-row dd { grid-column: 2; }
.kn-row .kn-cat { grid-column: 3; grid-row: 1; font-family: var(--mono); font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: var(--text-muted); white-space: nowrap; }
.kn-row .kn-cat:hover { color: var(--accent); }
.kn-group:first-of-type .kn-row dt a { font-weight: 600; }
@media (max-width: 640px) { .kn-row { grid-template-columns: 32px minmax(0, 1fr); } .kn-row .kn-cat { grid-column: 2; grid-row: auto; margin-top: 6px; } }

/* Kategori sayfaları — konular alt alta (29.09.2026) */
.tb-yigin .tb-panel + .tb-panel { margin-top: 80px; }
.tb-yigin.is-ara .tb-panel + .tb-panel { margin-top: 56px; }
@media (min-width: 901px) { .tb-yigin .tb-nav { position: sticky; top: 24px; align-self: start; } }
.tx-hero__plain p { text-wrap: pretty; }
.tx-hero__plain .tx-hero__more { margin: 12px 0 0; font-family: var(--mono); font-size: 12.5px; letter-spacing: .03em; }

/* İlgili maddeler — dizin tarzı (29.09.2026) */
.cellgrid:has(> .relcard) { background: none; border: 0; border-top: 1px solid var(--text); border-radius: 0; gap: 0 40px; overflow: visible; }
.cellgrid:has(> .relcard) > .relcard:last-child:nth-child(odd) { grid-column: auto; }
.cellgrid > .relcard { display: grid; grid-template-columns: minmax(0, 1fr) 20px; grid-template-rows: auto auto auto; column-gap: 12px; padding: 18px 0 20px; background: none; border-bottom: 1px solid var(--line); border-radius: 0; overflow: visible; transition: background .2s; }
.cellgrid > .relcard::before { content: ""; position: static; grid-column: 2; grid-row: 1 / 4; align-self: center; justify-self: end; width: auto; height: auto; background: none !important; }
.cellgrid > .relcard::after { content: "→"; grid-column: 2; grid-row: 1 / 4; align-self: center; justify-self: end; font-family: var(--mono); font-size: 14px; color: var(--text-muted); transform: translateX(-4px); opacity: 0; transition: opacity .2s, transform .2s, color .2s; }
.cellgrid > .relcard:hover::after { opacity: 1; transform: none; color: var(--accent); }
.cellgrid > .relcard .relcard__top { grid-column: 1; justify-content: flex-start; gap: 8px; margin-bottom: 8px; font-size: 10.5px; }
.cellgrid > .relcard .relcard__type { display: inline-flex; align-items: center; gap: 7px; color: var(--text-muted); }
.cellgrid > .relcard .relcard__type::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--line); }
.cellgrid > .relcard:has(> a[href^="arastirma-"]) .relcard__type::before { background: var(--accent); }
.cellgrid > .relcard:has(> a[href^="veri-"]) .relcard__type::before { background: var(--accent-2); }
.cellgrid > .relcard:has(> a[href^="karsilastirma-"]) .relcard__type::before { background: var(--accent-dark); }
.cellgrid > .relcard:has(> a[href^="terim-"]) .relcard__type::before { background: var(--text-muted); }
.cellgrid > .relcard .relcard__cat { order: 2; color: var(--text-muted); }
.cellgrid > .relcard .relcard__cat::before { content: "·"; margin-right: 8px; }
.cellgrid > .relcard .relcard__type { order: 1; }
.cellgrid > .relcard a.relcard__title { grid-column: 1; font-size: 17px; line-height: 1.35; text-wrap: pretty; transition: color .2s; }
.cellgrid > .relcard a.relcard__title::after { content: ""; position: absolute; inset: 0; }
.cellgrid > .relcard { position: relative; }
.cellgrid > .relcard:hover a.relcard__title { color: var(--accent); }
.cellgrid > .relcard p { grid-column: 1; font-size: 14px; margin-top: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cellgrid > .relcard p a { position: relative; z-index: 1; }
@media (max-width: 600px) { .cellgrid:has(> .relcard) { gap: 0; } }
.cellgrid > .relcard .relcard__top { flex-wrap: wrap; row-gap: 2px; line-height: 1.4; margin-bottom: 10px; }
.cellgrid > .relcard .relcard__top > span { white-space: nowrap; }

/* Ana sayfa — dünya kronolojisi (29.09.2026) */
.dtl { padding-top: 72px; padding-bottom: 72px; }
.dtl__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.9fr); gap: 56px; border-top: 1px solid var(--text); padding-top: 32px; }
.dtl__head { align-self: start; position: sticky; top: 96px; }
.dtl__n { font-family: var(--serif); font-size: 76px; line-height: .95; letter-spacing: -.03em; color: var(--text); }
.dtl__n small { font-family: var(--mono); font-size: 14px; letter-spacing: .06em; margin-left: 10px; color: var(--accent); text-transform: uppercase; }
.dtl__l { font-family: var(--mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); margin: 12px 0 22px; }
.dtl__p { color: var(--text-soft); line-height: 1.65; margin: 0; max-width: 40ch; }
.dtl__list { list-style: none; margin: 0; padding: 0; position: relative; }
.dtl__list::before { content: ""; position: absolute; left: 119px; top: 8px; bottom: 8px; width: 1px; background: var(--line); }
.dtl__era { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 32px; padding: 0 0 26px; position: relative; }
.dtl__era::before { content: ""; position: absolute; left: 115px; top: 6px; width: 9px; height: 9px; border-radius: 50%; background: var(--bg); border: 1.5px solid var(--accent); }
.dtl__era:first-child::before, .dtl__era:last-child::before { background: var(--accent); }
.dtl__yr { font-family: var(--mono); font-size: 12.5px; color: var(--accent); text-align: right; padding-top: 2px; white-space: nowrap; }
.dtl__place { font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.dtl__era h4 { font-family: var(--serif); font-size: 19px; font-weight: 600; margin: 4px 0 6px; line-height: 1.3; }
.dtl__era p { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); margin: 0; text-wrap: pretty; }
@media (max-width: 900px) { .dtl__in { grid-template-columns: 1fr; gap: 32px; } .dtl__head { position: static; } .dtl__n { font-size: 56px; } }
@media (max-width: 560px) { .dtl__list::before { left: 83px; } .dtl__era { grid-template-columns: 70px minmax(0, 1fr); gap: 26px; } .dtl__era::before { left: 79px; } .dtl__yr { font-size: 11px; white-space: normal; } }

/* Ana sayfa — kısa cevaplar (29.09.2026) */
.sss { padding-top: 64px; padding-bottom: 64px; }
.sss__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--text); }
.sss__c { display: flex; flex-direction: column; gap: 12px; padding: 26px 28px 8px 0; }
.sss__c + .sss__c { padding-left: 28px; border-left: 1px solid var(--line); }
.sss__q { font-family: var(--serif); font-size: 22px; line-height: 1.25; margin: 0; color: var(--text); }
.sss__a { font-size: 15px; line-height: 1.65; color: var(--text-soft); margin: 0; text-wrap: pretty; }
.sss__l { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; margin-top: auto; padding-top: 6px; }
@media (max-width: 860px) { .sss__grid { grid-template-columns: 1fr; } .sss__c, .sss__c + .sss__c { padding: 22px 0; border-left: 0; } .sss__c + .sss__c { border-top: 1px solid var(--line); } }

/* Konuları keşfet — hızlı erişim şeridi (29.09.2026) */
.kisa { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 32px; border-top: 1px solid var(--text); border-bottom: 1px solid var(--line); }
.kisa__a { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 6px 8px; padding: 16px 18px 18px; color: var(--text); transition: background .2s, color .2s; }
.kisa__a + .kisa__a { border-left: 1px solid var(--line); }
.kisa__a::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.kisa__a:hover { background: var(--surface); color: var(--text); }
.kisa__a:hover::before { transform: scaleX(1); }
.kisa__k { grid-column: 1 / 3; font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.kisa__t { font-family: var(--serif); font-size: 17px; line-height: 1.25; text-wrap: balance; }
.kisa__o { align-self: end; font-family: var(--mono); font-size: 13px; color: var(--text-muted); transition: transform .2s, color .2s; }
.kisa__a:hover .kisa__o { color: var(--accent); transform: translateX(3px); }
.kisa__a:hover .kisa__t { color: var(--accent); }
@media (max-width: 1000px) { .kisa { grid-template-columns: repeat(3, minmax(0, 1fr)); } .kisa__a:nth-child(4) { border-left: 0; } .kisa__a:nth-child(n+4) { border-top: 1px solid var(--line); } }
@media (max-width: 560px) { .kisa { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kisa__a:nth-child(4) { border-left: 1px solid var(--line); } .kisa__a:nth-child(odd) { border-left: 0; } .kisa__a:nth-child(n+3) { border-top: 1px solid var(--line); } }

/* Ana sayfa kronoloji — Osmanlı kutusu (29.09.2026) */
.osm { display: grid; grid-template-columns: 180px minmax(0, 1fr) auto; gap: 8px 32px; align-items: baseline; margin-top: 28px; padding: 22px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.osm__k { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); }
.osm__p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--text-soft); max-width: 72ch; text-wrap: pretty; }
.osm__a { font-family: var(--mono); font-size: 12px; white-space: nowrap; }
@media (max-width: 860px) { .osm { grid-template-columns: 1fr; } .osm__a { white-space: normal; } }


/* Konuları keşfet — premium menü (29.09.2026, v2) */
.kesif { --kf: "Schibsted Grotesk", var(--sans); }
.kesif .kesif__in { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 10px; padding: 10px; border: 1px solid var(--line-soft); border-top: 1px solid var(--line-soft); border-radius: 22px; background: var(--bg-alt); }
.kesif .kesif__list { display: flex; flex-direction: column; gap: 2px; padding: 6px; }
.kesif .kesif__tab { position: relative; grid-template-columns: 30px minmax(0, 1fr) auto 18px; align-items: center; gap: 6px 14px; padding: 16px 18px; border: 0; border-radius: 14px; cursor: pointer; transition: background .25s, box-shadow .25s; }
.kesif .kesif__tab.is-on { padding-left: 18px; background: var(--surface); box-shadow: 0 1px 2px oklch(0.24 0.015 150 / .06), 0 8px 24px -12px oklch(0.24 0.015 150 / .18); }
.kesif .kesif__tab:hover:not(.is-on) { background: oklch(from var(--surface) l c h / .55); }
.kesif .kesif__tab::after { content: "→"; grid-column: 4; grid-row: 1; font-family: var(--kf); font-size: 16px; color: var(--accent); opacity: 0; transform: translateX(-6px); transition: opacity .25s, transform .25s; }
.kesif .kesif__tab.is-on::after { opacity: 1; transform: none; }
.kesif .kesif__no { font-size: 11px; color: var(--text-muted); letter-spacing: .04em; }
.kesif .kesif__ad { font-family: var(--kf); font-size: 21px; font-weight: 600; letter-spacing: -.015em; line-height: 1.2; }
.kesif .kesif__n { font-size: 11px; padding: 3px 9px; border-radius: 999px; border: 1px solid var(--line); color: var(--text-muted); transition: all .25s; }
.kesif .kesif__tab.is-on .kesif__n { background: var(--accent); border-color: var(--accent); color: var(--surface); }
.kesif .kesif__bar { grid-column: 2 / 5; height: 3px; margin-top: 6px; border-radius: 3px; background: var(--line-soft); overflow: hidden; }
.kesif .kesif__bar span { border-radius: 3px; background: var(--line); }
.kesif .kesif__panel { padding: 40px 44px 36px; gap: 16px; border-left: 0; border-radius: 16px; background: var(--surface); box-shadow: 0 1px 2px oklch(0.24 0.015 150 / .05), 0 18px 40px -24px oklch(0.24 0.015 150 / .22); }
.kesif.is-js .kesif__panel.is-on { animation: kesifIn .35s ease both; }
@keyframes kesifIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.kesif .kesif__k { display: inline-flex; align-self: flex-start; padding: 5px 11px; border-radius: 999px; background: oklch(from var(--accent) l c h / .1); letter-spacing: .1em; }
.kesif .kesif__panel h3 { font-family: var(--kf); font-size: 40px; font-weight: 700; letter-spacing: -.025em; line-height: 1.08; }
.kesif .kesif__panel h3 a:hover { color: var(--accent); }
.kesif .kesif__p { font-size: 16px; margin-bottom: 6px; }
.kesif .kesif__panel ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.kesif .kesif__panel li a { grid-template-columns: 26px 1fr; align-items: baseline; height: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid var(--line-soft); border-radius: 12px; font-size: 14.5px; line-height: 1.4; transition: border-color .2s, background .2s, color .2s; }
.kesif .kesif__panel li a:hover { border-color: oklch(from var(--accent) l c h / .45); background: oklch(from var(--accent) l c h / .05); }
.kesif .kesif__panel li a::before { padding-top: 0; }
.kesif .kesif__git { gap: 10px; padding-top: 14px; }
.kesif .kesif__git a { font-family: var(--kf); font-size: 14px; font-weight: 600; letter-spacing: 0; padding: 11px 18px; border-radius: 999px; border: 1px solid var(--line); color: var(--text); transition: all .2s; }
.kesif .kesif__git a:first-child { background: var(--text); border-color: var(--text); color: var(--bg); }
.kesif .kesif__git a:hover { border-color: var(--accent); color: var(--accent); }
.kesif .kesif__git a:first-child:hover { background: var(--accent); border-color: var(--accent); color: var(--surface); }
@media (max-width: 1080px) { .kesif .kesif__panel ul { grid-template-columns: 1fr; } }
@media (max-width: 860px) {
  .kesif .kesif__in { grid-template-columns: 1fr; padding: 8px; border-radius: 18px; }
  .kesif.is-js .kesif__list { flex-direction: row; overflow-x: auto; gap: 6px; padding: 4px; scrollbar-width: none; }
  .kesif.is-js .kesif__list li { flex: 0 0 auto; }
  .kesif.is-js .kesif__tab { grid-template-columns: auto auto; padding: 10px 14px; gap: 8px; }
  .kesif.is-js .kesif__tab .kesif__no, .kesif.is-js .kesif__tab .kesif__bar, .kesif.is-js .kesif__tab::after { display: none; }
  .kesif .kesif__ad { font-size: 16px; }
  .kesif .kesif__panel { grid-column: 1; grid-row: auto; padding: 26px 22px 24px; }
  .kesif .kesif__panel h3 { font-size: 30px; }
}


/* Konuları keşfet — ansiklopedik dizin (29.09.2026, v3) */
.kesif { --kf: var(--serif); }
.kesif .kesif__in { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 0; padding: 0; border: 0; border-top: 1px solid var(--text); border-bottom: 1px solid var(--line); border-radius: 0; background: none; }
.kesif .kesif__list { gap: 0; padding: 0; }
.kesif .kesif__tab { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 15px 16px 15px 0; border-bottom: 1px solid var(--line-soft); border-radius: 0; box-shadow: none; transition: background .2s, padding .2s; }
.kesif .kesif__list li:last-child .kesif__tab { border-bottom: 0; }
.kesif .kesif__tab.is-on { padding-left: 14px; background: var(--bg-alt); box-shadow: none; }
.kesif .kesif__tab:hover:not(.is-on) { background: none; }
.kesif .kesif__tab::after { content: none; }
.kesif .kesif__ad { font-family: var(--serif); font-size: 21px; font-weight: 400; letter-spacing: 0; }
.kesif .kesif__tab.is-on .kesif__ad { font-weight: 600; }
.kesif .kesif__n, .kesif .kesif__tab.is-on .kesif__n { padding: 0; border: 0; border-radius: 0; background: none; font-size: 12px; color: var(--text-muted); }
.kesif .kesif__n::after { content: " sayfa"; }
.kesif .kesif__panel { padding: 30px 0 30px 40px; gap: 12px; border-left: 1px solid var(--line); border-radius: 0; background: none; box-shadow: none; }
.kesif.is-js .kesif__panel.is-on { animation: none; }
.kesif .kesif__k { display: block; padding: 0; border-radius: 0; background: none; color: var(--text-muted); letter-spacing: .08em; }
.kesif .kesif__panel h3 { font-family: var(--serif); font-size: 32px; font-weight: 600; letter-spacing: -.01em; line-height: 1.15; }
.kesif .kesif__p { font-size: 15.5px; margin-bottom: 4px; }
.kesif .kesif__panel ul { gap: 0 28px; border-top: 1px solid var(--line-soft); }
.kesif .kesif__panel li a { display: block; padding: 10px 0; border: 0; border-bottom: 1px solid var(--line-soft); border-radius: 0; background: none; font-size: 15px; }
.kesif .kesif__panel li a::before { content: none; }
.kesif .kesif__panel li a:hover { border-color: var(--line-soft); background: none; color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.kesif .kesif__git { gap: 24px; padding-top: 12px; }
.kesif .kesif__git a, .kesif .kesif__git a:first-child { padding: 0; border: 0; border-radius: 0; background: none; font-family: var(--mono); font-size: 12.5px; font-weight: 400; color: var(--accent); }
.kesif .kesif__git a:hover, .kesif .kesif__git a:first-child:hover { background: none; color: var(--accent-dark); text-decoration: underline; }
@media (max-width: 860px) {
  .kesif .kesif__in { padding: 0; border-radius: 0; }
  .kesif.is-js .kesif__list { gap: 0; padding: 0; border-bottom: 1px solid var(--line); }
  .kesif.is-js .kesif__tab { padding: 12px 14px; border-bottom: 0; }
  .kesif .kesif__panel { padding: 22px 0 20px; border-left: 0; }
  .kesif .kesif__panel h3 { font-size: 26px; }
}


/* Hızlı erişim — "Ayrıca bakınız" satırı (29.09.2026) */
.kesif .kisa { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 0; margin-top: 18px; padding: 0; border: 0; background: none; grid-template-columns: none; }
.kesif .kisa::before { content: "Ayrıca bakınız:"; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin-right: 14px; }
.kesif .kisa__a { display: inline; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; min-height: 0; }
.kesif .kisa__a + .kisa__a::before { content: "·"; color: var(--text-muted); margin: 0 12px; }
.kesif .kisa__k, .kesif .kisa__o { display: none; }
.kesif .kisa__t { font-family: var(--serif); font-size: 15.5px; color: var(--accent); }
.kesif .kisa__a:hover { background: none; }
.kesif .kisa__a:hover .kisa__t { text-decoration: underline; text-underline-offset: 3px; }

.kesif .kisa__a { display: inline-flex; align-items: baseline; white-space: nowrap; flex: 0 0 auto; }
.kesif .kisa__a + .kisa__a::before { display: inline; position: static; width: auto; height: auto; background: none; }
.kesif .kesif__git a { white-space: nowrap; }
.kesif .kisa__a::before { content: none; }
.kesif .kisa__a + .kisa__a::before { content: "·"; transform: none; transition: none; }
.kesif .kisa__a:hover::before { transform: none; }
.kesif .kisa__t { text-wrap: nowrap; }

/* Osmanlı kutusu — kalın başlık ve ek bilgiler (29.09.2026) */
.osm { grid-template-columns: 220px minmax(0, 1fr) auto; }
.osm__k { font-family: var(--serif); font-size: 22px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--text); line-height: 1.2; }
.osm__p { font-size: 16px; font-weight: 600; color: var(--text); }
.osm__f { grid-column: 2; margin: 6px 0 0; padding-left: 18px; max-width: 72ch; }
.osm__f li { margin: 0 0 6px; font-size: 15px; line-height: 1.6; color: var(--text-soft); }
.osm__a { grid-column: 3; grid-row: 1; }
@media (max-width: 860px) { .osm { grid-template-columns: 1fr; } .osm__f, .osm__a { grid-column: 1; grid-row: auto; } }

/* Ana sayfa — bölüm aralıkları eşitlendi (29.09.2026) */
.home > section { padding-top: 56px !important; padding-bottom: 56px !important; }
.home > .hero { padding-top: 72px !important; }
.home > .band, .home > .yol, .home > .glossary { padding-top: 0 !important; padding-bottom: 0 !important; }
.home .band__in, .home .yol__in, .home .glossary__in { padding-top: 56px; padding-bottom: 56px; }
.home > section:not(.band):not(.yol):not(.glossary):not(.feature) + section:not(.band):not(.yol):not(.glossary):not(.feature) { padding-top: 8px !important; }
.home .section-head { margin-bottom: 24px; }
@media (max-width: 860px) {
  .home > section { padding-top: 40px !important; padding-bottom: 40px !important; }
  .home > .band, .home > .yol, .home > .glossary { padding-top: 0 !important; padding-bottom: 0 !important; }
  .home .band__in, .home .yol__in, .home .glossary__in { padding-top: 40px; padding-bottom: 40px; }
  .home > section:not(.band):not(.yol):not(.glossary):not(.feature) + section:not(.band):not(.yol):not(.glossary):not(.feature) { padding-top: 4px !important; }
}
.home > .feature + section:not(.band):not(.yol):not(.glossary) { padding-top: 8px !important; }
@media (max-width: 860px) { .home > .feature + section:not(.band):not(.yol):not(.glossary) { padding-top: 4px !important; } }

/* İlgili maddeler — okunaklı, yeşil noktalı (29.09.2026) */
.cellgrid > .relcard .relcard__top { font-size: 11.5px; letter-spacing: .08em; margin-bottom: 8px; }
.cellgrid > .relcard .relcard__type { gap: 8px; color: var(--accent-dark); font-weight: 500; }
.cellgrid > .relcard .relcard__type::before,
.cellgrid > .relcard:has(> a[href]) .relcard__type::before { width: 8px; height: 8px; background: var(--accent); box-shadow: 0 0 0 3px oklch(from var(--accent) l c h / .15); }
.cellgrid > .relcard .relcard__cat { color: var(--text-soft); }
.cellgrid > .relcard a.relcard__title { font-size: 18.5px; line-height: 1.35; }
.cellgrid > .relcard p { font-size: 15px; line-height: 1.6; color: var(--text-soft); margin-top: 8px; }
.cellgrid > .relcard::after { color: var(--accent); opacity: .55; }
.cellgrid > .relcard { align-content: start; }
.cellgrid > .relcard p { margin-bottom: 0; }

/* Editoryal sorumluluk notu ve sayfa fotoğrafı (04.10.2026) */
.editor-notu { max-width: var(--measure); margin: 8px 0 40px; padding: 18px 0 0; border-top: 1px solid var(--line); }
.editor-notu__k { display: block; font-family: var(--mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px; }
.editor-notu p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--text); }
.editor-notu .editor-notu__t { color: var(--text-soft); font-size: 14px; }
.editor-notu a { color: var(--accent-dark); }
.foto-kutu { margin: 28px 0 8px; }
.foto-kutu img { display: block; width: 100%; height: auto; max-height: 560px; object-fit: cover; background: var(--bg-alt); }
.foto-kutu figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; padding-top: 10px; border-bottom: 1px solid var(--line-soft); padding-bottom: 10px; font-size: 14px; line-height: 1.5; color: var(--text-soft); }
.foto-kutu__k { font-family: var(--mono); font-size: 11.5px; letter-spacing: .04em; color: var(--text-muted); }

/* Taşma düzeltmesi (05.10.2026) */
.usedin { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 8px !important; }
.usedin > a { height: auto !important; min-height: 0 !important; white-space: normal !important; line-height: 1.4 !important; max-width: 100%; }
.usedin > .eyebrow { flex: 0 0 100%; margin: 0 0 2px !important; }
.article__meta .erisim { height: auto !important; white-space: nowrap; line-height: 1.4 !important; align-self: center; }

/* Wiki ekleri (05.10.2026) */
.side-links a.aktif { color: var(--text); font-weight: 600; }
.kaynak-goster { margin: 40px 0 8px; padding: 16px 18px; border: 1px solid var(--line); background: var(--bg-alt); display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 16px; align-items: start; }
.kaynak-goster__k { grid-column: 1 / -1; margin: 0; font-family: var(--mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.kaynak-goster__m { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--text); overflow-wrap: anywhere; }
.kaynak-goster__b { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; padding: 7px 12px; border: 1px solid var(--text); background: var(--surface); color: var(--text); cursor: pointer; min-height: 34px; }
.kaynak-goster__b:hover { background: var(--text); color: var(--surface); }
@media (max-width: 560px) { .kaynak-goster { grid-template-columns: 1fr; } .kaynak-goster__b { justify-self: start; } }
.foto-kutu__k a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.tbalon__img { display: block; width: calc(100% + 28px); margin: -12px -14px 10px; height: 150px; object-fit: cover; background: var(--bg-alt); }
@media print {
  .site-head, .site-foot, aside, .list-layout > aside, .feedback, .kaynak-goster__b, .basadon, .tbalon, .aside__actions, .breadcrumb, nav { display: none !important; }
  .list-layout, .article-layout { display: block !important; }
  .article { max-width: none !important; }
  .foto-kutu img { max-height: 9cm; }
  .kaynak-goster { border: 1px solid #999; background: none; }
  h2, h3 { break-after: avoid; }
  figure, table, .module, .tldr { break-inside: avoid; }
  a[href^="http"]:not(.foto-kutu__k a)::after { content: " (" attr(href) ")"; font-size: 9pt; color: #444; overflow-wrap: anywhere; }
}

.foto-kutu { max-width: 760px; }
.foto-kutu img { max-height: 400px; aspect-ratio: 16 / 9; object-fit: cover; }
@media (max-width: 640px) { .foto-kutu img { max-height: 260px; } }
.article .kaynak-goster p.kaynak-goster__k { font-size: 11.5px !important; line-height: 1.4; margin: 0 !important; }
.article .kaynak-goster p.kaynak-goster__m { font-size: 15px !important; line-height: 1.6; margin: 0 !important; }
.article .foto-kutu figcaption { font-size: 14px; }

/* Veri kutusu satır taşması (05.10.2026) */
.databox__row dt, .databox__row dd { height: auto !important; min-height: 0 !important; }

/* Kutu fotoğrafları ve infografikler (05.10.2026) */
.databox__foto { margin: 0; border-bottom: 1px solid var(--line); }
.databox__foto img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; background: var(--bg-alt); }
.databox__foto figcaption { padding: 6px 12px; line-height: 1.4; }
.foto-sekil img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: var(--bg-alt); }
.foto-sekil .foto-kutu__k { display: block; padding-top: 6px; }
.ana-foto { margin: 0; }
.ana-foto img { display: block; width: 100%; height: 100%; aspect-ratio: 8 / 5; object-fit: cover; background: var(--bg-alt); }
.ana-foto figcaption { padding-top: 6px; }
.infografik { background: var(--bg-alt); border: 1px solid var(--line); padding: 16px 12px; }
.infografik svg { display: block; width: 100%; height: auto; max-height: 420px; }
.foto-kutu__k { font-family: var(--mono); font-size: 11.5px; letter-spacing: .03em; color: var(--text-muted); }
.foto-kutu__k a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
@media print { .infografik { background: none; } }

/* İnfografik ve şekil fotoğrafı float'lı veri kutusunun altına iner (05.10.2026) */
.infografik, .foto-sekil { clear: both; }
figure:has(> .infografik), figure:has(> .foto-sekil) { clear: both; }

/* Yanlış bilgi kartı, "iddia / kayıt" düzeni (05.10.2026) */
.myth.myth--kart { background: var(--surface); border: 1px solid var(--text); border-radius: 10px; padding: 0; overflow: hidden; margin: 36px 0 44px; }
.myth--kart .myth__bas { background: var(--text); padding: 10px 22px; }
.myth--kart .myth__rozet { font-family: var(--mono); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--surface); }
.myth--kart p.myth__iddia { font-family: var(--serif); font-size: 26px; line-height: 1.3; font-weight: 600; margin: 0; padding: 22px 22px 18px; color: var(--text); text-decoration: line-through; text-decoration-color: var(--accent-2); text-decoration-thickness: 2px; text-wrap: balance; border-bottom: 1px solid var(--line); }
.myth--kart .myth__kayit { padding: 18px 22px 6px; }
.myth--kart .myth__k { display: block; font-family: var(--mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 8px; }
.myth--kart .myth__kayit p { font-size: 16.5px; line-height: 1.65; margin: 0; }
.myth--kart .myth__sira { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 14px; }
.myth--kart .myth__sira > div { background: var(--bg-alt); padding: 16px 18px; display: flex; flex-direction: column; gap: 4px; }
.myth--kart .myth__sira b { font-family: var(--serif); font-size: 36px; line-height: 1; color: var(--text); }
.myth--kart .myth__sira span { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; color: var(--text-soft); }
.myth--kart p.myth__son { font-size: 15.5px; font-weight: 600; margin: 0; padding: 14px 22px 18px; }
@media (max-width: 560px) { .myth--kart p.myth__iddia { font-size: 21px; } .myth--kart .myth__sira b { font-size: 28px; } }
@media print { .myth--kart .myth__bas { background: none; border-bottom: 1px solid #000; } .myth--kart .myth__rozet { color: #000; } }

/* Ülke bayrağı (05.10.2026) */
.foto-kutu--bayrak { max-width: 260px; }
.foto-kutu--bayrak img { aspect-ratio: auto; max-height: none; object-fit: contain; border: 1px solid var(--line); background: var(--surface); }
.foto-kutu--bayrak figcaption { display: block; }
.foto-kutu--bayrak figcaption > span { display: block; }

/* Konulara göre — sade kart ızgarası (11.10.2026, "Konuları keşfet" yerine) */
.konu6 { padding-bottom: 56px; }
.konu6__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); background: var(--surface); }
.konu6__card { display: flex; flex-direction: column; gap: 10px; padding: 24px 24px 20px; border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.konu6__card:nth-child(3n+1) { border-left: 0; }
.konu6__card:nth-child(-n+3) { border-top: 0; }
.konu6__top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.konu6__card h3 { font-size: 21px; line-height: 1.25; margin: 0; }
.konu6__card h3 a { color: var(--text); }
.konu6__n { font-family: var(--mono); font-size: 11px; letter-spacing: .06em; color: var(--accent); white-space: nowrap; }
.konu6__card > p { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); margin: 0; }
.konu6__card ul { list-style: none; margin: 4px 0 0; padding: 0; border-top: 1px solid var(--line); }
.konu6__card li a { display: block; padding: 9px 0; border-bottom: 1px dashed var(--line); font-size: 14px; color: var(--text); }
.konu6__card li a:hover { color: var(--accent); }
.konu6__git { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; margin-top: auto; padding-top: 6px; }
@media (max-width: 900px) { .konu6__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .konu6__card:nth-child(n) { border-left: 1px solid var(--line); border-top: 1px solid var(--line); } .konu6__card:nth-child(2n+1) { border-left: 0; } .konu6__card:nth-child(-n+2) { border-top: 0; } }
@media (max-width: 600px) { .konu6__grid { grid-template-columns: 1fr; } .konu6__card:nth-child(n) { border-left: 0; border-top: 1px solid var(--line); } .konu6__card:first-child { border-top: 0; } }

/* Ana sayfadan taşınan takvim, izin haritası ve verim kartları (11.10.2026) */
.cal { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,340px); gap:28px; align-items:start; }
.cal__grid { border:1px solid var(--line); background:var(--surface); padding:14px 16px 16px; }
.cal__head, .cal__row { display:grid; grid-template-columns:132px minmax(0,1fr); gap:12px; align-items:center; }
.cal__months, .cal__track { display:grid; grid-template-columns:repeat(12,1fr); }
.cal__months span { font-family:var(--mono); font-size:10.5px; color:var(--text-muted); text-align:center; padding-bottom:6px; }
.cal__row { cursor:pointer; padding:5px 0; border-top:1px solid var(--line); }
.cal__row:focus { outline:2px solid var(--accent); outline-offset:2px; }
.cal__lbl { font-size:13px; color:var(--text-soft); }
.cal__track { position:relative; height:26px; align-items:center; }
.cal__track i { border-left:1px solid var(--line); height:26px; opacity:.6; }
.cal__track i:first-child { border-left:0; }
.cal__bar { grid-row:1; align-self:center; height:22px; display:flex; align-items:center; justify-content:center;
              background:var(--accent); color:#fff; font-family:var(--mono); font-size:10.5px; letter-spacing:.02em; }
.cal__bar.is-der { background:transparent; color:var(--accent-dark); border:1px dashed var(--accent); }
.cal__row:hover .cal__lbl, .cal__row[aria-current="true"] .cal__lbl { color:var(--accent-dark); font-weight:600; }
.cal__row[aria-current="true"] { background:var(--bg-alt); }
.cal__panel, .hmap__panel { border:1px solid var(--line); background:var(--surface); padding:20px; }
.cal__panel p.cal__k, .hmap__panel p.cal__k { font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin:0 0 8px; }
.cal__panel h3, .hmap__panel h3 { font-family:var(--serif); font-size:20px; margin:0 0 10px; }
.cal__panel p, .hmap__panel p { font-size:14.5px; line-height:1.68; color:var(--text-soft); margin:0 0 12px; }
@media (max-width:900px) {
.cal { grid-template-columns:1fr; }
.cal__head, .cal__row { grid-template-columns:96px minmax(0,1fr); gap:8px; }
.cal__lbl { font-size:12px; }
}
.hmap { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,320px); gap:28px; align-items:start; }
.hmap__fig { border:1px solid var(--line); background:var(--bg-alt); padding:10px 10px 4px; }
.hmap__fig svg { display:block; width:100%; height:auto; }
.hmap__nb { fill:none; stroke:var(--line); stroke-width:1; opacity:.8; }
.hmap__tr { fill:var(--surface); stroke:var(--text-muted); stroke-width:1.1; }
.hmap__il { cursor:pointer; }
.hmap__il:focus { outline:2px solid var(--accent); }
.hmap__d { fill:var(--surface); stroke:var(--text-muted); stroke-width:1.3; transition:fill .12s, stroke .12s; }
.hmap__il.is-on .hmap__d { fill:var(--accent); stroke:var(--accent-dark); }
.hmap__il:hover .hmap__d, .hmap__il[aria-current="true"] .hmap__d { fill:var(--accent-dark); stroke:var(--accent-dark); }
.hmap__t { font-family:var(--mono); font-size:15px; fill:var(--text); }
.hmap__il:hover .hmap__t, .hmap__il[aria-current="true"] .hmap__t { fill:var(--accent-dark); font-weight:600; }
.hmap__leg { list-style:none; display:flex; flex-wrap:wrap; gap:6px 20px; padding:8px 2px 6px; margin:0; }
.hmap__leg li { display:flex; align-items:center; gap:7px; font-family:var(--mono); font-size:11px; color:var(--text-muted); }
.hmap__leg .dot { width:9px; height:9px; border-radius:50%; border:1.3px solid var(--text-muted); background:var(--surface); }
.hmap__leg .dot.is-on { background:var(--accent); border-color:var(--accent-dark); }
@media (max-width:900px) {
.hmap { grid-template-columns:1fr; }
}
.ykart { border:1px solid var(--line); background:var(--surface); padding:18px 18px 16px; display:flex; flex-direction:column; }
.ykart__k { font-family:var(--mono); font-size:11px; letter-spacing:.07em; text-transform:uppercase; color:var(--text-muted);
              margin:0 0 12px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.ykart__tag { font-size:9.5px; letter-spacing:.06em; color:var(--accent-dark); border:1px solid var(--accent); padding:1px 5px; }
.ykart__tag.is-anket { color:var(--text-muted); border-color:var(--line); }
.ykart__tag.is-pay { color:var(--text-soft); border-style:dashed; border-color:var(--text-muted); }
.ykart__v { font-family:var(--serif); font-size:34px; line-height:1.05; color:var(--text); margin:0 0 12px; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px; }
.ykart__v em { font-style:normal; color:var(--text-muted); font-size:26px; padding:0 1px; }
.ykart__v span { font-family:var(--mono); font-size:11.5px; letter-spacing:.04em; color:var(--text-muted); margin-left:4px; white-space:nowrap; }
.ykart__n { font-size:13.5px; line-height:1.62; color:var(--text-soft); margin:0 0 14px; }
.ykart a { font-family:var(--mono); font-size:11px; margin-top:auto; }

/* Taşınan blokların makale sütununda görünümü (11.10.2026) */
.tasinan .cal__grid { grid-template-columns: 1fr; }
.tasinan .cal__bar { white-space: nowrap; overflow: hidden; text-overflow: clip; }
@media (max-width: 1200px) { .tasinan .cal__bar { font-size: 0; } }
.tasinan .hmap { grid-template-columns: 1fr; }
.tasinan .cal { grid-template-columns: 1fr; }
.tasinan .cal__bar { font-size: 10.5px; }
@media (max-width: 1200px) { .tasinan .cal__bar { font-size: 10.5px; } }

/* Taşınan bloklarda eksik kalan yardımcı sınıflar (11.10.2026) */
.ygrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(265px,1fr)); gap:16px; }
.tasinan .srcline { font-size: 13px; line-height: 1.5; color: var(--text-muted); }

.wrap.data { padding-left: var(--gut); padding-right: var(--gut); }

/* Ana sayfa veri kartları ızgarası (11.10.2026) */
.data__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: 20px; }
.data__grid .datacard { display: flex; flex-direction: column; }
.data__grid .datacard__foot { margin-top: auto; padding-top: 18px; }
.data__grid .bars { margin-bottom: 26px; }
.data__grid .bar { grid-template-columns: 150px 1fr 96px; }
@media (max-width: 600px) { .data__grid .bar { grid-template-columns: 96px 1fr 80px; } }


/* Ölçüm görselleri: her veriye ayrı anlatım, ortak çerçeve (11.10.2026) */
.vz-lab { font-size: 14px; line-height: 1.3; }
.vz-val { font-family: var(--mono); font-size: 12.5px; font-variant-numeric: tabular-nums; color: var(--text-soft); text-align: right; white-space: nowrap; }
.vz-read { font-size: 14.5px; line-height: 1.6; color: var(--text-soft); margin: 22px 0 0; text-wrap: pretty; }
.vz-key { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 16px; font-family: var(--mono); font-size: 11px; color: var(--text-muted); }
.vz-key span { display: inline-flex; align-items: center; gap: 7px; }
.vz-key i { width: 11px; height: 11px; display: inline-block; border: 1px solid var(--accent); background: var(--accent); }
.vz-key i.k-rg { background: repeating-linear-gradient(135deg, var(--accent) 0 2px, transparent 2px 5px); }
.vz-key i.k-alt { background: var(--accent-2); border-color: var(--accent-2); }
.vz-key i.k-base { background: color-mix(in oklch, var(--text-muted) 35%, var(--bg)); border-color: transparent; }
.vz-key i.k-off { background: var(--bg-alt); border-color: var(--line); }
/* kareler */
.vz-cells { display: flex; flex-direction: column; gap: 16px; }
.vz-cells__row { display: grid; grid-template-columns: 96px minmax(0,1fr) auto; gap: 16px; align-items: center; }
.vz-cells__g { display: grid; grid-template-columns: repeat(10, minmax(0,1fr)); gap: 4px; max-width: 320px; }
.vz-cells__g span { aspect-ratio: 1; border: 1px solid var(--line); background: var(--bg-alt); }
.vz-cells__g .on { background: var(--accent); border-color: var(--accent); }
.vz-cells__g .rg { border-color: var(--accent); background: repeating-linear-gradient(135deg, var(--accent) 0 2px, transparent 2px 5px); }
.vz-cells__row--alt .vz-cells__g .on { background: var(--accent-2); border-color: var(--accent-2); }
.vz-cells__row--alt .vz-cells__g .rg { border-color: var(--accent-2); background: repeating-linear-gradient(135deg, var(--accent-2) 0 2px, transparent 2px 5px); }
/* sınıf bantlı ölçek */
.vz-scale { display: flex; flex-direction: column; gap: 10px; }
.vz-scale__row { display: grid; grid-template-columns: 112px minmax(0,1fr) 48px; gap: 14px; align-items: center; }
.vz-scale__t { position: relative; height: 26px; background: linear-gradient(90deg,
  color-mix(in oklch, var(--accent) 3%, var(--bg)) 0 8%, color-mix(in oklch, var(--accent) 8%, var(--bg)) 8% 20%,
  color-mix(in oklch, var(--accent) 14%, var(--bg)) 20% 40%, color-mix(in oklch, var(--accent) 22%, var(--bg)) 40% 80%,
  color-mix(in oklch, var(--accent) 34%, var(--bg)) 80% 100%); }
.vz-scale__d { position: absolute; top: 50%; width: 13px; height: 13px; border-radius: 50%; background: var(--text-soft); border: 2px solid var(--surface); transform: translate(-50%, -50%); }
.vz-scale__row--on .vz-scale__d { background: var(--accent-dark); }
.vz-scale__row--on .vz-lab { font-weight: 600; }
.vz-scale__ax { position: relative; height: 30px; font-family: var(--mono); font-size: 10.5px; color: var(--text-muted); }
.vz-scale__ax span { position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; }
.vz-scale__ax b { position: absolute; top: 15px; font-weight: 500; color: var(--text-soft); transform: translateX(-50%); white-space: nowrap; }
/* artış: taban + kazanç */
.vz-gain { display: flex; flex-direction: column; gap: 14px; }
.vz-gain__row { display: grid; grid-template-columns: 132px minmax(0,1fr) 58px; gap: 14px; align-items: center; }
.vz-gain__t { display: flex; height: 22px; }
.vz-gain__base { background: color-mix(in oklch, var(--text-muted) 35%, var(--bg)); }
.vz-gain__up { background: var(--accent); }
.vz-gain__row .vz-val { color: var(--text); font-weight: 600; }
.vz-steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border: 1px solid var(--line); margin-top: 22px; }
.vz-steps div { padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
.vz-steps div + div { border-left: 1px solid var(--line); }
.vz-steps span { font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.vz-steps b { font-family: var(--serif); font-size: 22px; font-weight: 600; }
.vz-steps div:last-child b { color: var(--text-muted); font-weight: 400; font-size: 17px; }
.vz-steps__k { font-family: var(--mono); font-size: 11px; color: var(--text-muted); margin: 0 0 8px; }
/* sütun zaman çizgisi */
.vz-cols { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 14px; height: 210px; border-bottom: 1px solid var(--text-muted); }
.vz-cols__c { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
.vz-cols__c .vz-val { text-align: center; margin-bottom: 6px; }
.vz-cols__b { min-height: 2px; background: color-mix(in oklch, var(--accent) 55%, var(--bg)); }
.vz-cols__c--on .vz-cols__b { background: var(--accent); }
.vz-cols__c--on .vz-val { color: var(--text); font-weight: 600; }
.vz-cols__c--mark { border-left: 1px dashed var(--text-muted); }
.vz-cols__m { position: absolute; top: 0; left: 8px; font-family: var(--mono); font-size: 10.5px; line-height: 1.35; color: var(--text-muted); }
.vz-cols__x { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 14px; padding-top: 8px; font-family: var(--mono); font-size: 12px; color: var(--text-soft); text-align: center; }
/* çubuk-nokta */
.vz-lol { display: flex; flex-direction: column; gap: 12px; }
.vz-lol__row { display: grid; grid-template-columns: 140px minmax(0,1fr) 44px; gap: 14px; align-items: center; }
.vz-lol__t { position: relative; height: 12px; }
.vz-lol__s { position: absolute; left: 0; top: 5px; height: 2px; background: var(--text-muted); }
.vz-lol__s::after { content: ""; position: absolute; right: -6px; top: -5px; width: 12px; height: 12px; border-radius: 50%; background: var(--text-soft); }
.vz-lol__row--on .vz-lol__s, .vz-lol__row--on .vz-lol__s::after { background: var(--accent-dark); }
.vz-lol__row--on .vz-lab, .vz-lol__row--on .vz-val { font-weight: 600; color: var(--text); }
.vz-axis { display: grid; grid-template-columns: 140px minmax(0,1fr) 44px; gap: 14px; margin-top: 8px; }
.vz-axis div { display: flex; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 6px; font-family: var(--mono); font-size: 10.5px; color: var(--text-muted); }
/* katman kalınlığı */
.vz-wall { display: flex; flex-direction: column; gap: 12px; }
.vz-wall__row { display: grid; grid-template-columns: 112px minmax(0,1fr) 78px; gap: 14px; align-items: center; }
.vz-wall__t { display: flex; height: 26px; }
.vz-wall__b { background: repeating-linear-gradient(90deg, color-mix(in oklch, var(--text-muted) 40%, var(--bg)) 0 3px, color-mix(in oklch, var(--text-muted) 22%, var(--bg)) 3px 6px); }
.vz-wall__row--on .vz-wall__b { background: repeating-linear-gradient(90deg, var(--accent) 0 3px, color-mix(in oklch, var(--accent) 70%, var(--bg)) 3px 6px); }
.vz-wall__r { border: 1px dashed var(--accent); border-left: 0; background: repeating-linear-gradient(135deg, color-mix(in oklch, var(--accent) 45%, transparent) 0 2px, transparent 2px 6px); }
/* karşı karşıya */
.vz-vs { display: flex; flex-direction: column; gap: 10px; }
.vz-vs__row { display: grid; grid-template-columns: minmax(0,1fr) 150px minmax(0,1fr); gap: 12px; align-items: center; }
.vz-vs__row--h { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.vz-vs__row--h span:first-child { text-align: right; }
.vz-vs__c { text-align: center; font-size: 13.5px; line-height: 1.3; }
.vz-vs__c small { display: block; font-family: var(--mono); font-size: 10.5px; color: var(--text-muted); }
.vz-vs__l, .vz-vs__r { display: flex; height: 24px; }
.vz-vs__l { justify-content: flex-end; }
.vz-vs__l i, .vz-vs__r i { display: flex; align-items: center; font-style: normal; font-family: var(--mono); font-size: 11.5px; padding: 0 8px; background: color-mix(in oklch, var(--text-muted) 28%, var(--bg)); color: var(--text); }
.vz-vs__l i { justify-content: flex-start; }
.vz-vs__r i { justify-content: flex-end; }
.vz-vs i.w { background: var(--accent); color: var(--surface); font-weight: 600; }
.vz-vs__eq { grid-column: 1 / -1; text-align: center; font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); border-top: 1px dashed var(--line); border-bottom: 1px dashed var(--line); padding: 6px 0; }
/* aralık */
.vz-range { display: flex; flex-direction: column; gap: 12px; }
.vz-range__row { display: grid; grid-template-columns: 150px minmax(0,1fr) 92px; gap: 14px; align-items: center; }
.vz-range__t { position: relative; height: 16px; background: linear-gradient(var(--line), var(--line)) 0 50% / 100% 1px no-repeat; }
.vz-range__s { position: absolute; top: 2px; height: 12px; min-width: 12px; border-radius: 6px; background: var(--text-soft); }
.vz-range__row--on .vz-range__s { background: var(--accent); }
.vz-range__row--on .vz-lab { font-weight: 600; }
.vz-range + .vz-axis { grid-template-columns: 150px minmax(0,1fr) 92px; }
/* yığılmış çubuk */
.vz-stack { display: flex; height: 34px; margin-bottom: 10px; }
.vz-stack span { display: flex; align-items: center; justify-content: center; font-family: var(--mono); font-size: 11.5px; color: var(--text); overflow: hidden; white-space: nowrap; }
.vz-stack .s1 { background: var(--accent); color: var(--surface); font-weight: 600; }
.vz-stack .s2 { background: color-mix(in oklch, var(--accent) 62%, var(--bg)); }
.vz-stack .s3 { background: color-mix(in oklch, var(--accent) 38%, var(--bg)); }
.vz-stack .s4 { background: color-mix(in oklch, var(--accent) 20%, var(--bg)); }
.vz-stack .s0 { background: var(--bg-alt); color: var(--text-muted); }
.vz-stack + .vz-stack { margin-top: 26px; }
.vz-legend { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px 18px; margin: 0; padding: 0; list-style: none; }
.vz-legend li { display: grid; grid-template-columns: 11px 1fr auto; gap: 8px; align-items: center; font-size: 13.5px; }
.vz-legend li i { width: 11px; height: 11px; }
.vz-legend li b { font-family: var(--mono); font-size: 12px; font-weight: 500; color: var(--text-soft); }
.vz-legend .s1 { background: var(--accent); } .vz-legend .s2 { background: color-mix(in oklch, var(--accent) 62%, var(--bg)); }
.vz-legend .s3 { background: color-mix(in oklch, var(--accent) 38%, var(--bg)); } .vz-legend .s4 { background: color-mix(in oklch, var(--accent) 20%, var(--bg)); }
.vz-legend .s0 { background: var(--bg-alt); border: 1px solid var(--line); }
.vz-sub { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 10px; }
/* yan yana küçük şekiller */
.vz-sm { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 24px 32px; }
.vz-sm .barchart { padding: 0; border: 0; }
/* rakamla */
.vz-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); border-top: 1px solid var(--text); border-bottom: 1px solid var(--line); margin: 30px 0 34px; }
.vz-stat { padding: 20px 20px 18px 0; display: flex; flex-direction: column; gap: 8px; }
.vz-stat b { font-family: var(--serif); font-size: 38px; line-height: 1; font-weight: 600; letter-spacing: -.01em; }
.vz-stat p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text-soft); }
.vz-stat a { font-family: var(--mono); font-size: 11px; margin-top: auto; }
.article .vz-stat p, .article .vzfig p { max-width: none; }
/* şekil çerçevesi */
.vzfig { border: 1px solid var(--line); background: var(--surface); padding: 26px 30px 18px; margin: 28px 0; }
.vzfig__k { display: flex; justify-content: space-between; gap: 12px; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 10px; }
.vzfig__tag { color: var(--accent-dark); }
.vzfig__tag--d { color: var(--accent-2); }
.article .vzfig h3 { font-size: 20px; margin: 0 0 4px; }
.vzfig__cap { font-family: var(--mono); font-size: 12px; color: var(--text-muted); margin: 0 0 24px; }
.article .vzfig .vz-read { font-size: 14.5px; }
.vzfig__foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; margin-top: 22px; padding-top: 14px; border-top: 1px solid var(--line-soft); font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.vz-tag { display: inline-block; font-family: var(--mono); font-size: 11px; padding: 2px 7px; border: 1px solid var(--line); white-space: nowrap; }
.vz-tag--on { color: var(--accent-dark); border-color: color-mix(in oklch, var(--accent) 45%, var(--line)); }
.vz-tag--off { color: var(--accent-2); border-color: color-mix(in oklch, var(--accent-2) 45%, var(--line)); }
.vz-tag--mid { color: var(--text-soft); }
@media (max-width: 600px) {
  .vz-cells__row, .vz-scale__row, .vz-gain__row, .vz-wall__row { grid-template-columns: 82px minmax(0,1fr) auto; gap: 10px; }
  .vz-lol__row, .vz-axis, .vz-range__row, .vz-range + .vz-axis { grid-template-columns: 96px minmax(0,1fr) auto; gap: 10px; }
  .vz-vs__row { grid-template-columns: minmax(0,1fr) 92px minmax(0,1fr); gap: 8px; }
  .vz-cols, .vz-cols__x { gap: 6px; }
  .vzfig { padding: 22px 18px 16px; }
}

/* Ölçüm şekilleri: makale içi düzeltmeler (11.10.2026) */
.article .vzfig .vzfig__cap { font-size: 12px; line-height: 1.5; max-width: none; margin: 0 0 24px; }
.article .vzfig .vz-sub { font-size: 11px; line-height: 1.4; max-width: none; margin: 0 0 10px; }
.article .vzfig .vzfig__foot { position: static; margin: 22px 0 0; padding: 14px 0 0; font-size: 11.5px; line-height: 1.5; align-items: baseline; }
.article .vzfig__foot span, .article .vzfig__foot a { display: inline; position: static; margin: 0; }
.vzfig__foot span { flex: 1 1 300px; }
.vzfig__foot a { white-space: nowrap; flex: none; }
.vz-legend { margin-bottom: 4px; }
.vz-legend + .vz-stack { margin-top: 22px; }

/* Ana sayfa: geniş veri kartı ve bilgi ızgarası (11.10.2026) */
.data__grid .datacard--wide { grid-column: 1 / -1; }
.vz-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 0; border-top: 1px solid var(--line); margin-top: 26px; }
.vz-facts__g { padding: 16px 20px 4px 0; display: flex; flex-direction: column; gap: 10px; }
.vz-facts__g + .vz-facts__g { padding-left: 20px; border-left: 1px solid var(--line-soft); }
.vz-facts__k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin: 0; }
.vz-facts dl { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.vz-facts dl div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-bottom: 1px dotted var(--line); padding-bottom: 6px; }
.vz-facts dt { font-size: 14px; line-height: 1.35; }
.vz-facts dd { margin: 0; font-family: var(--mono); font-size: 12.5px; font-variant-numeric: tabular-nums; color: var(--text); white-space: nowrap; }
@media (max-width: 760px) { .vz-facts__g + .vz-facts__g { padding-left: 0; border-left: 0; } }

/* Genel bakış sayfaları: ansiklopedi düzeni (11.10.2026) */
.article.gb-wiki .article__meta { display: flex; flex-wrap: wrap; gap: 4px 0; grid-template-columns: none; border: 0; padding: 0; margin: 0 0 26px; font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.article.gb-wiki .article__meta span { display: inline; padding: 0; border: 0; white-space: nowrap; }
.article.gb-wiki .article__meta span + span::before { content: "·"; margin: 0 10px; color: var(--line); }
.article.gb-wiki .tldr { display: inline-block; min-width: 300px; max-width: 100%; border: 1px solid var(--line); border-radius: 0; background: var(--bg-alt); box-shadow: none; padding: 14px 26px 16px 20px; margin: 4px 0 34px; }
.article.gb-wiki .tldr h4 { font-family: var(--sans); font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--text); margin: 0 0 8px; }
.article.gb-wiki .tldr ol { margin: 0; padding-left: 24px; display: flex; flex-direction: column; gap: 3px; list-style: decimal; }
.article.gb-wiki .tldr ol li { padding: 0; font-size: 15px; line-height: 1.5; }
.article.gb-wiki .tldr ol li::before { content: none; }
.article.gb-wiki .tldr ol li::marker { font-family: var(--mono); font-size: 12px; color: var(--text-muted); }
.article.gb-wiki .plain { border: 0; padding: 0; margin: 0 0 34px; }
.article.gb-wiki .plain__k { display: none; }
.article.gb-wiki .plain p { font-size: 17px; line-height: 1.7; }
.article.gb-wiki h2 { padding-bottom: 7px; border-bottom: 1px solid var(--line); margin-top: 44px; }
.article.gb-wiki h2.small { margin-top: 48px; }
.article.gb-wiki .hatnote { border-left: 0; padding-left: 22px; margin-top: 2px; }
.article.gb-wiki .refs { padding-left: 26px; list-style: decimal; display: block; }
.article.gb-wiki .refs li { border: 0; border-radius: 0; background: none; box-shadow: none; padding: 0 0 0 4px; margin: 0 0 9px; font-family: var(--sans); font-size: 14px; line-height: 1.55; color: var(--text-soft); }
.article.gb-wiki .refs li::marker { font-family: var(--mono); font-size: 12px; color: var(--text-muted); }
.article.gb-wiki .refs li .src { font-family: var(--sans); font-style: italic; }
.article.gb-wiki .refs-note { font-size: 14px; line-height: 1.55; color: var(--text-muted); }
.article.gb-wiki .citebox, .article.gb-wiki .citebox * { border-radius: 0; }
.article.gb-wiki .gb-see { columns: 2 280px; column-gap: 40px; padding-left: 20px; margin: 0 0 40px; }
.article.gb-wiki .gb-see li { break-inside: avoid; margin: 0 0 8px; font-size: 15px; line-height: 1.5; }
.article.gb-wiki .gb-see li span { color: var(--text-muted); font-size: 14px; }
.article.gb-wiki .foto-kutu, .article.gb-wiki .foto-kutu img { border-radius: 0; }
.article.gb-wiki .citebox button { width: auto; white-space: nowrap; padding: 7px 14px; }

/* Kategori sayfaları: düz, ansiklopedi düzeni (11.10.2026) */
.kat-wiki .tx-cats { margin-top: 14px; }
.kat-wiki .tx-cats__in { gap: 0; padding-bottom: 0; }
.kat-wiki .tx-cats a { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; padding: 12px 16px 11px; margin-bottom: -1px; font-size: 14.5px; color: var(--text-soft); }
.kat-wiki .tx-cats a:first-child { padding-left: 0; }
.kat-wiki .tx-cats a:hover { color: var(--text); border-bottom-color: var(--line); }
.kat-wiki .tx-cats a[aria-current="page"] { background: none; color: var(--text); font-weight: 600; border-bottom-color: var(--text); }
.kat-wiki .tx-cats a span { display: none; }
.kat-wiki .tx-cats a.tx-cats__harita { border-style: solid; border-color: transparent; margin-left: auto; color: var(--accent); }
.kat-wiki .tx-hero { padding-top: 44px; padding-bottom: 36px; }
.kat-wiki .tb-one { margin-bottom: 52px; }
.kat-wiki .tb-one__in { gap: 0; border-top: 1px solid var(--text); border-bottom: 1px solid var(--line); }
.kat-wiki .tb-one__c, .kat-wiki .tb-one__c--ilk { border-radius: 0; background: none; color: var(--text); min-height: 0; justify-content: flex-start; padding: 18px 22px 20px; transform: none; }
.kat-wiki .tb-one__c:first-child { padding-left: 0; }
.kat-wiki .tb-one__c + .tb-one__c { border-left: 1px solid var(--line); }
.kat-wiki .tb-one__c:hover, .kat-wiki .tb-one__c--ilk:hover { background: none; color: var(--accent-dark); transform: none; }
.kat-wiki .tb-one__c--ilk h3 { font-size: 22px; }
.kat-wiki .tb-one__c--ilk p { color: var(--text-soft); opacity: 1; }
.kat-wiki .tb-one__c--ilk .tb-card__t { color: var(--accent); opacity: 1; }
.kat-wiki .tb-search { border-radius: 0; }
.kat-wiki .tb-cards { gap: 0 32px; border-top: 1px solid var(--line); }
.kat-wiki .tb-card { border-radius: 0; background: none; padding: 16px 0 18px; border-bottom: 1px solid var(--line); gap: 7px; transform: none; }
.kat-wiki .tb-card:hover { background: none; transform: none; }
.kat-wiki .tb-card:hover h3 { color: var(--accent-dark); }
.kat-wiki .tb-card h3 { font-size: 18px; }
.kat-wiki .tb-card p { font-size: 14px; -webkit-line-clamp: 2; }
.kat-wiki .tb-minis { gap: 0 32px; border-top: 1px solid var(--line); }
.kat-wiki .tb-mini { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; padding: 14px 0 16px; transform: none; }
.kat-wiki .tb-mini:hover { transform: none; }
.kat-wiki .tb-mini:hover h4 { color: var(--accent-dark); }
.kat-wiki .tb-mini__t { display: inline-flex; align-items: center; gap: 7px; }
.kat-wiki .tb-mini__t::before { content: ""; width: 7px; height: 7px; background: var(--line); }
.kat-wiki .tb-mini--arastirma .tb-mini__t::before { background: var(--accent); }
.kat-wiki .tb-mini--veri .tb-mini__t::before, .kat-wiki .tb-mini--karsilastirma .tb-mini__t::before { background: var(--accent-2); }
.kat-wiki .tb-more > summary { border-radius: 0; padding: 8px 14px; }
.kat-wiki .tb-terms { display: block; columns: 3 200px; column-gap: 32px; border-top: 1px solid var(--line); padding-top: 14px; }
.kat-wiki .tb-terms a { display: block; break-inside: avoid; padding: 5px 0; border-radius: 0; background: none; color: var(--accent-dark); font-size: 15px; line-height: 1.4; }
.kat-wiki .tb-terms a:hover { background: none; color: var(--text); text-decoration: underline; }
@media (max-width: 900px) {
  .kat-wiki .tb-nav__list { flex-direction: column; overflow: visible; border-top: 1px solid var(--line); gap: 0; }
  .kat-wiki .tb-nav__list a { grid-template-columns: 28px minmax(0, 1fr) auto; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 12px 0; }
  .kat-wiki .tb-nav__list a i { display: inline; }
  .kat-wiki .tb-nav__list a[aria-current="true"] { background: none; color: var(--text); box-shadow: inset 3px 0 0 var(--accent); padding-left: 10px; }
  .kat-wiki .tb-one__in { grid-template-columns: minmax(0, 1fr); }
  .kat-wiki .tb-one__c { padding: 14px 0; }
  .kat-wiki .tb-one__c + .tb-one__c { border-left: 0; border-top: 1px solid var(--line); }
  .kat-wiki .tx-cats a.tx-cats__harita { margin-left: 0; }
}
.kat-wiki .tb-panel__head + .tb-terms { border-top: 0; padding-top: 0; }

/* Kategori sayfaları: hafif vurgu dokunuşları (11.10.2026) */
.kat-wiki .tb-one__in { background: var(--bg-alt); border-top: 2px solid var(--accent); border-bottom: 0; }
.kat-wiki .tb-one__c, .kat-wiki .tb-one__c:first-child { padding: 20px 22px 22px; }
.kat-wiki .tb-one__c--ilk { background: color-mix(in oklch, var(--accent) 7%, var(--bg-alt)); }
.kat-wiki .tb-one__c:hover, .kat-wiki .tb-one__c--ilk:hover { background: color-mix(in oklch, var(--accent) 10%, var(--bg-alt)); }
.kat-wiki .tb-card, .kat-wiki .tb-mini { position: relative; transition: background .15s, padding .15s; }
.kat-wiki .tb-card::after, .kat-wiki .tb-mini::after { content: "→"; position: absolute; right: 12px; top: 16px; color: var(--accent); opacity: 0; transition: opacity .15s, transform .15s; }
.kat-wiki .tb-card:hover, .kat-wiki .tb-mini:hover { background: var(--bg-alt); padding-left: 12px; padding-right: 30px; }
.kat-wiki .tb-card:hover::after, .kat-wiki .tb-mini:hover::after { opacity: 1; transform: translateX(2px); }
.kat-wiki .tb-nav__list a[aria-current="true"] { background: var(--bg-alt); padding-left: 10px; }
.kat-wiki .tb-nav__list a:hover { background: var(--bg-alt); }
.kat-wiki .tb-panel__head { position: relative; padding-top: 18px; }
.kat-wiki .tb-panel__head::before { content: ""; position: absolute; left: 0; top: 0; width: 36px; height: 3px; background: var(--accent); }
.kat-wiki .tb-blk > .tb-k { display: inline-block; padding: 5px 9px; background: var(--bg-alt); margin-bottom: 0; }
.kat-wiki .tb-search { background: var(--bg-alt); border-color: transparent; border-bottom: 1px solid var(--text-muted); }
.kat-wiki .tb-search:focus { background: var(--surface); outline: 0; border-bottom-color: var(--accent); }
.kat-wiki .tb-terms a { padding-left: 12px; border-left: 2px solid transparent; }
.kat-wiki .tb-terms a:hover { border-left-color: var(--accent); background: var(--bg-alt); text-decoration: none; }
@media (hover: none) { .kat-wiki .tb-card:hover, .kat-wiki .tb-mini:hover { padding-left: 0; padding-right: 0; background: none; } }
.kat-wiki .tb-blk > .tb-k { width: auto; max-width: none; white-space: nowrap; line-height: 1.2; padding: 6px 10px 5px; }

/* 2026-10-12 konu sayfası: tek kalan meta öğesi kırılmasın */
.page-head__meta span{white-space:nowrap;max-width:none}

/* Bant ve sözlük bölümlerinde yan boşluk: .band__in/.glossary__in yatay padding'i sıfırlıyordu (15.10.2026) */
.wrap.band__in, .wrap.glossary__in { padding-left: var(--gut); padding-right: var(--gut); }

/* Kısa cevaplar: 2 satırlık ızgarada sütun hizası ve satır arası çizgi (15.10.2026) */
@media (min-width: 861px) {
  .sss__grid .sss__c { padding: 26px 28px 24px; border-left: 1px solid var(--line); }
  .sss__grid .sss__c:nth-child(3n+1) { padding-left: 0; border-left: 0; }
  .sss__grid .sss__c:nth-child(3n) { padding-right: 0; }
  .sss__grid .sss__c:nth-child(n+4) { border-top: 1px solid var(--line); }
}

/* Dünyadan deneyler — öne çıkan bulgular (15.10.2026) */
.onebul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--text); margin:0 0 30px; }
.onebul__c { display:flex; flex-direction:column; gap:8px; padding:20px 22px 22px 0; border-bottom:1px solid var(--line); color:inherit; text-decoration:none; }
.onebul__c:nth-child(2n) { padding-left:22px; padding-right:0; border-left:1px solid var(--line); }
.onebul__c:hover .onebul__n { color:var(--accent-dark); }
.onebul__k { font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); }
.onebul__n { font-family:var(--serif); font-size:34px; line-height:1.05; color:var(--text); }
.onebul__t { font-size:14px; line-height:1.6; color:var(--text-soft); text-wrap:pretty; }
@media (max-width:600px) { .onebul { grid-template-columns:1fr; } .onebul__c, .onebul__c:nth-child(2n) { padding:18px 0; border-left:0; } }

/* Türkiye çalışması işareti (15.10.2026) */
.trtag, .relcard.is-tr .relcard__cat::after { font-family:var(--mono); font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--accent-dark); border:1px solid var(--accent); padding:1px 5px; white-space:nowrap; }
.relcard.is-tr .relcard__cat::after { content:"Türkiye çalışması"; margin-left:8px; display:inline-block; vertical-align:1px; }
/* Kısa cevaplar: soru başlıkları kalın (15.10.2026) */
.sss__q { font-weight:600; }

/* ana sayfa şeritleri — Nereden başlamalı (3 sütun) ve dünya tarihi (15.10.2026) */
.scale__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.scale__n--no { color: var(--accent); }
.scale__l a { color: var(--text); }
.scale__l a:hover { color: var(--accent); }
.scale__s a { color: var(--text-muted); text-decoration: none; border-bottom: 1px solid var(--line); }
.scale__s a:hover { color: var(--accent); border-bottom-color: var(--accent); }
@media (max-width: 900px) { .scale__grid--3 { grid-template-columns: 1fr; }
  .scale__grid--3 .scale__cell { border-right: 0; padding: 20px 0; } }

/* Nereden başlamalı — wiki portal kutusu (15.10.2026) */
.portal { border: 1px solid var(--line); border-top: 3px solid var(--accent); background: var(--surface); }
.portal__bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 14px 24px; border-bottom: 1px solid var(--line); background: var(--bg-alt); }
.portal__bar a { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; }
.portal__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.portal__col { padding: 22px 24px 20px; border-left: 1px solid var(--line); display: flex; flex-direction: column; gap: 8px; }
.portal__col:first-child { border-left: 0; }
.portal__k { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 11px;
  letter-spacing: .08em; text-transform: uppercase; color: var(--accent); }
.portal__k span:last-child { color: var(--text-muted); }
.portal__t { font-size: 21px; line-height: 1.3; margin: 2px 0 0; }
.portal__t a { color: var(--text); }
.portal__t a:hover { color: var(--accent); }
.portal__d { font-size: 14px; line-height: 1.55; color: var(--text-soft); margin: 0 0 4px; }
.portal__ol { list-style: none; counter-reset: pt; margin: 4px 0 0; padding: 0; border-top: 1px solid var(--line); }
.portal__ol li { counter-increment: pt; border-bottom: 1px solid var(--line-soft, var(--line)); }
.portal__ol li:last-child { border-bottom: 0; }
.portal__ol a { display: flex; gap: 12px; align-items: baseline; padding: 8px 0; font-size: 14.5px; color: var(--text); transition: color .2s, padding .2s; }
.portal__ol a::before { content: counter(pt); font-family: var(--mono); font-size: 11px; color: var(--text-muted); min-width: 1.4em; }
.portal__ol a::after { content: "→"; margin-left: auto; color: var(--text-muted); }
.portal__ol a:hover { color: var(--accent); padding-left: 4px; }
.portal__ol a:hover::before, .portal__ol a:hover::after { color: var(--accent); }
@media (max-width: 860px) { .portal__grid { grid-template-columns: 1fr; }
  .portal__col { border-left: 0; border-top: 1px solid var(--line); } .portal__col:first-child { border-top: 0; }
  .portal__bar, .portal__col { padding-left: 18px; padding-right: 18px; } }

/* Yukarı çık — köşeli (15.10.2026, kullanıcı isteği) */
.basadon { border-radius: 0; }

/* Hero güven satırı (15.10.2026, kullanıcı onayı) */
.guven { margin: 22px 0 0; padding-top: 16px; border-top: 1px solid var(--line); max-width: 78ch;
  font-family: var(--mono); font-size: 12px; line-height: 1.7; color: var(--text-muted); text-wrap: pretty; }
.guven a { color: var(--text-soft); border-bottom: 1px solid var(--line); text-decoration: none; }
.guven a:hover { color: var(--accent); border-bottom-color: var(--accent); }

/* Lif boyu ölçeği — logaritmik takvim varyantı (15.10.2026) */
.cal--log .cal__months, .cal--log .cal__track { grid-template-columns:repeat(5,1fr); }
.cal--log .cal__months span { text-align:left; white-space:nowrap; }
.cal--log .cal__bar { position:absolute; top:2px; white-space:nowrap; min-width:4px; }
.cal--log .cal__bar.is-nokta { background:transparent; color:var(--accent-dark); border-left:3px solid var(--accent); justify-content:flex-start; padding-left:6px; margin-left:-1px; }
.cal--log .cal__bar.is-ref { border-left-style:dashed; color:var(--text-soft); }
.cal--log { grid-template-columns:1fr; }
.cal--log .cal__months span { font-size:10px; }
.cal--log .cal__bar:not(.is-nokta) { background:transparent; color:var(--accent-dark); justify-content:flex-start; overflow:visible; border-top:6px solid var(--accent); height:auto; padding-top:2px; line-height:1.2; }

/* Bilimden şeridi — JS çalışmadan önce/çalışmazsa yatay kaydırma (16.10.2026) */
.studies--marquee:not(:has(> .marquee__track)) { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x proximity; -webkit-mask-image: none; mask-image: none; padding-bottom: 8px; scrollbar-width: thin; }
.studies--marquee:not(:has(> .marquee__track)) > .study { scroll-snap-align: start; }
.studies--marquee { max-width: 100%; }

/* İlgili maddeler — wiki gezinti kutusu (16.10.2026, kullanıcı isteği) */
.navbox { border: 1px solid var(--line); margin: 0 0 36px; font-size: 15px; background: var(--surface); }
.navbox__row { display: grid; grid-template-columns: 190px minmax(0, 1fr); border-top: 1px solid var(--line); }
.navbox__row:first-child { border-top: 0; }
.navbox__grp { background: var(--bg-alt); padding: 12px 16px; border-right: 1px solid var(--line); font-family: var(--mono); font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-soft); line-height: 1.5; }
.navbox__grp span { color: var(--text-muted); margin-left: 4px; }
.navbox__list { list-style: none; margin: 0; padding: 8px 16px; column-gap: 28px; }
.navbox__list li { break-inside: avoid; display: grid; grid-template-columns: 2.4em minmax(0, 1fr); padding: 4px 0; line-height: 1.45; text-wrap: pretty; }
.navbox__n { font-family: var(--mono); font-size: 11px; color: var(--text-muted); padding-top: .22em; }
.navbox__list a { color: var(--accent); text-decoration: none; }
.navbox__list a:hover { color: var(--accent-dark); text-decoration: underline; }
@media (min-width: 1100px) { .navbox__list--2 { columns: 2; } }
@media (max-width: 720px) {
  .navbox { font-size: 14.5px; }
  .navbox__row { grid-template-columns: minmax(0, 1fr); }
  .navbox__grp { border-right: 0; border-bottom: 1px solid var(--line-soft); padding: 8px 14px; }
  .navbox__list { padding: 6px 14px 8px; }
}

/* Endüstriyel kenevir — kısım şeması, küçük boy (16.10.2026) */
.plate--sema { padding: 18px 18px 0; }
.plate--sema svg { display: block; width: 100%; max-width: 320px; height: auto; margin: 0 auto; color: var(--text); }
.plate--sema .cap { font-size: 9.5px; }
@media (max-width: 900px) { .plate--sema svg { max-width: 300px; } }

/* Gezinti kutusu — uzun gruplarda "tümünü göster" (16.10.2026) */
.navbox__body { min-width: 0; }
.navbox__more { margin: 0; }
.navbox__more > summary { list-style: none; cursor: pointer; padding: 2px 16px 10px calc(16px + 2.4em); font-family: var(--mono); font-size: 11.5px; letter-spacing: .04em; color: var(--accent); }
.navbox__more > summary::-webkit-details-marker { display: none; }
.navbox__more > summary::after { content: " ↓"; }
.navbox__more[open] > summary { order: 2; padding-top: 0; }
.navbox__more[open] > summary { font-size: 0; }
.navbox__more[open] > summary::after { content: "Daralt ↑"; font-size: 11.5px; }
.navbox__more > summary span { color: var(--text-muted); }
.navbox__more > summary:hover { color: var(--accent-dark); text-decoration: underline; }
.navbox__more > ol { padding-top: 0; margin-top: -6px; }
@media (max-width: 720px) { .navbox__more > summary { padding-left: calc(14px + 2.4em); } }

/* 16.10.2026: Künyeyi kopyala düğmesi köşeli */
.citebox__btn { border-radius: 0; }

/* Mobil menü aç/kapa okları (16.10.2026, kullanıcı isteği): başlık sayfaya gider, sağdaki ok alt başlıkları açar/kapatır */
.navdrop__ac { display: none; }
.nav.acik .navdrop { display: grid; grid-template-columns: minmax(0,1fr) 56px; }
.nav.acik .navdrop__t::after { display: none; }
.nav.acik .navdrop__ac { display: flex; align-items: center; justify-content: center; padding: 0; margin: 0;
                         background: none; border: 0; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line);
                         color: var(--text); cursor: pointer; min-height: 48px; }
.nav.acik .navdrop__ac span { width: 8px; height: 8px; border-right: 1.75px solid currentColor; border-bottom: 1.75px solid currentColor;
                              transform: translateY(-2px) rotate(45deg); transition: transform .16s ease; }
.nav.acik .navdrop.acik .navdrop__ac span { transform: translateY(2px) rotate(-135deg); }
.nav.acik .navdrop.acik .navdrop__ac, .nav.acik .navdrop.acik .navdrop__t { background: var(--bg-alt); }
.nav.acik .navdrop__ac:focus-visible { outline: 2px solid var(--text); outline-offset: -3px; }
.nav.acik .navdrop__m { grid-column: 1 / -1; }


/* Mobil tablolar: yatay kaydırma yerine sayfa genişliğine sığar (16.10.2026, kullanıcı isteği) */
@media (max-width: 640px) {
  .dtable { min-width: 0 !important; width: 100%; table-layout: auto; }
  .dtable th { white-space: normal; letter-spacing: .02em; font-size: 10px; padding: 9px 6px; vertical-align: bottom; overflow-wrap: anywhere; }
  .dtable td { padding: 9px 6px; font-size: 12px; letter-spacing: -.01em; -webkit-hyphens: auto; hyphens: auto; }
  .dtable td { overflow-wrap: anywhere; }
  .dtable td.td-sayi { overflow-wrap: normal; }
  .dtable td:first-child { font-size: 13.5px; overflow-wrap: break-word; letter-spacing: 0; }
  .dtable th:first-child, .dtable td:first-child { padding-left: 10px; }
  .dtable th:last-child, .dtable td:last-child { padding-right: 10px; }
}
@media (max-width: 400px) {
  .dtable th { font-size: 9.5px; padding: 8px 5px; }
  .dtable td { font-size: 11.5px; padding: 8px 5px; }
  .dtable td:first-child { font-size: 13px; }
}

/* Kaynak öner / bilgi ekle formu (16.10.2026, kullanıcı isteği) — düzeltme formundan ayrı, adımlı kalıp */
.koner { border: 1px solid var(--text); background: var(--surface); margin: 0 0 40px; position: relative; }
.koner__mod { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--text); }
.koner__sek { cursor: pointer; position: relative; }
.koner__sek + .koner__sek { border-left: 1px solid var(--text); }
.koner__sek input { position: absolute; opacity: 0; pointer-events: none; }
.koner__sek span { display: flex; flex-direction: column; gap: 4px; padding: 18px 22px; height: 100%; transition: background .12s; }
.koner__sek b { font-family: var(--serif); font-size: 20px; font-weight: 600; color: var(--text); }
.koner__sek i { font-style: normal; font-size: 13.5px; line-height: 1.45; color: var(--text-muted); }
.koner__sek:hover span { background: var(--bg-alt); }
.koner__sek input:checked + span { background: var(--text); }
.koner__sek input:checked + span b, .koner__sek input:checked + span i { color: var(--bg); }
.koner__sek input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: -4px; }
.koner__adim { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 16px; padding: 22px 22px 0; }
.koner__adim[hidden] { display: none; }
.koner__n { font-family: var(--mono); font-size: 13px; width: 32px; height: 32px; border: 1px solid var(--text);
  display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-top: 2px; }
.koner__ic { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.koner__l { font-family: var(--mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text); }
.koner__l em { font-style: normal; text-transform: none; letter-spacing: 0; color: var(--text-muted); margin-left: 6px; }
.koner textarea, .koner input[type="text"], .koner input[type="email"] { width: 100%; box-sizing: border-box; font: inherit; font-size: 15.5px;
  color: var(--text); background: var(--bg); border: 1px solid var(--line); padding: 11px 13px; border-radius: 2px; resize: vertical; }
.koner textarea:focus, .koner input[type="text"]:focus, .koner input[type="email"]:focus { outline: none; border-color: var(--text); }
.koner__link { font-family: var(--mono) !important; font-size: 14.5px !important; min-height: 64px; border-width: 1.5px !important; border-color: var(--text) !important; }
.koner__ipucu { font-size: 13px; line-height: 1.55; color: var(--text-muted); }
.koner__hap { display: flex; flex-wrap: wrap; gap: 8px; }
.koner__hap label { cursor: pointer; position: relative; display: inline-flex; width: auto; margin: 0; }
.koner__hap input { position: absolute; opacity: 0; pointer-events: none; }
.koner__hap span { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid var(--line);
  border-radius: 999px; font-size: 14px; line-height: 1.2; white-space: nowrap; color: var(--text-soft); transition: border-color .12s, background .12s; }
.koner__hap label:hover span { border-color: var(--text); }
.koner__hap input:checked + span { background: var(--accent); border-color: var(--accent); color: #fff; }
.koner__hap input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 2px; }
.koner__sayfa { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.koner__ek { margin: 22px 22px 0; border-top: 1px dashed var(--line); padding-top: 14px; }
.koner__ek summary { cursor: pointer; font-family: var(--mono); font-size: 12px; color: var(--text-soft); list-style: none; }
.koner__ek summary::-webkit-details-marker { display: none; }
.koner__ek summary::before { content: "+ "; }
.koner__ek[open] summary::before { content: "− "; }
.koner__ekic { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.koner__iki { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 6px; }
.koner__iki > div { display: flex; flex-direction: column; gap: 8px; }
.koner__alt { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 22px; }
.koner__gonder { font-family: var(--mono); font-size: 14px; letter-spacing: .04em; min-height: 46px; padding: 0 30px; cursor: pointer;
  background: var(--accent); color: #fff; border: 1px solid var(--accent); border-radius: 2px; }
.koner__gonder:hover { filter: brightness(1.08); }
.koner__gonder:disabled { opacity: .6; cursor: wait; }
.koner__durum { font-size: 14px; color: var(--text-soft); }
.koner__not { margin: 0; padding: 12px 22px 16px; border-top: 1px solid var(--line); font-size: 12.5px; line-height: 1.6; color: var(--text-muted); }
.koner__surec { margin: 0 0 30px; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; font-size: 15px; line-height: 1.65; color: var(--text-soft); }
.koner__surec b { color: var(--text); }
@media (max-width: 640px) {
  .koner__mod { grid-template-columns: 1fr; }
  .koner__sek + .koner__sek { border-left: 0; border-top: 1px solid var(--text); }
  .koner__sek span { padding: 14px 16px; }
  .koner__adim { grid-template-columns: 1fr; gap: 10px; padding: 18px 16px 0; }
  .koner__ek { margin: 18px 16px 0; }
  .koner__iki { grid-template-columns: 1fr; }
  .koner__alt { padding: 18px 16px; }
  .koner__gonder { width: 100%; }
  .koner__not { padding: 12px 16px 16px; }
}
/* Sayfa içi katkı çağrısı: yokluk kaydı olan sayfalarda kaynak önerisini öne çıkarır */
.katki { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px 24px; align-items: center;
  border: 1px solid var(--accent); padding: 16px 20px; margin: 30px 0 0; background: var(--surface); }
.katki__k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); margin: 0 0 4px; }
.katki p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--text-soft); }
.katki__a { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; background: var(--accent); color: #fff !important;
  font-family: var(--mono); font-size: 13px; white-space: nowrap; border-radius: 2px; text-decoration: none !important; }
.katki__a:hover { filter: brightness(1.08); }
@media (max-width: 640px) { .katki { grid-template-columns: 1fr; padding: 14px 16px; } .katki__a { justify-content: center; } }
.feedback:has(.feedback__oner) { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; gap: 8px 22px; }
.feedback:has(.feedback__oner) > span { margin-right: auto; max-width: none; flex: 0 1 auto; width: auto; }
.feedback:has(.feedback__oner) > a { white-space: nowrap; }
.katki p { margin: 0 !important; }
.katki p + p { margin-top: 4px !important; }

/* Kaynak öner formu düzeltme formu kalıbına alındı (16.10.2026, kullanıcı isteği): köşeli, okunaklı seçim kutuları */
.cform__lbl { display: block; font-family: var(--mono); font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 8px; }
.kform__sec { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--line); box-sizing: border-box; width: 100%; }
.kform__sec label { display: block; cursor: pointer; position: relative; margin: 0; font: inherit; text-transform: none; letter-spacing: 0; }
.kform__sec label + label { border-left: 1px solid var(--line); }
.kform__sec input { position: absolute; opacity: 0; pointer-events: none; }
.kform__sec span { display: block; padding: 14px 16px 15px 44px; font-size: 14px; line-height: 1.5; color: var(--text-soft); background: var(--bg); position: relative; height: 100%; box-sizing: border-box; }
.kform__sec span b { display: block; font-size: 15.5px; font-weight: 600; color: var(--text); margin-bottom: 2px; }
.kform__sec span::before { content: ""; position: absolute; left: 16px; top: 17px; width: 14px; height: 14px; border: 1.5px solid var(--text); background: var(--bg); box-sizing: border-box; }
.kform__sec input:checked + span { background: var(--surface); box-shadow: inset 0 -3px 0 var(--accent); }
.kform__sec input:checked + span::before { background: var(--accent); border-color: var(--accent); box-shadow: inset 0 0 0 2.5px var(--bg); }
.kform__sec input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: -2px; }
.kform__sec label:hover span { background: var(--surface); }
.kform__link { font-family: var(--mono) !important; min-height: 74px !important; }
.kform__kisa { min-height: 80px !important; }
#koner [hidden] { display: none !important; }
@media (max-width: 640px) {
  .kform__sec { grid-template-columns: 1fr; }
  .kform__sec label + label { border-left: 0; border-top: 1px solid var(--line); }
}

/* Ana sayfa Kısa cevaplar altında SSS sayfasına geçiş (17.10.2026) */
.sss__tum { display: flex; justify-content: center; margin-top: 28px; }
@media (max-width: 640px) { .sss__tum .katki__a { width: 100%; justify-content: center; } }

/* İçindekiler bloğu: "Bu sayfada" kutularının yerini aldı (17.10.2026, kullanıcı isteği) */
.toc-blok { margin-bottom: 8px; }
.toc-blok .toc { margin-bottom: 26px; }

/* Dar ekran: "Bu sayfada hata mı var?" ile İçindekiler arası boşluk azaltıldı (17.10.2026, kullanıcı isteği) */
@media (max-width: 1080px) {
  .article-layout > .article { padding-bottom: 24px; }
  .article-layout > .aside .aside__sticky { padding-top: 22px; }
}

/* Liste numaralandırma ve yatay sayfalayıcı — sayfala.js (17.10.2026, kullanıcı isteği) */
.artrow__cat .sira { display: block; font-size: 12px; letter-spacing: .04em; color: var(--text-muted); margin-bottom: 4px; }
.gl-row dt .sira { font-family: var(--mono); font-size: 12px; color: var(--text-muted); margin-right: 10px; }
.gl-row[hidden] { display: none; }
.sayfala { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: -18px 0 40px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.gl-group .sayfala { margin: 6px 0 0; border-bottom: 0; }
.sayfala__d { display: flex; flex-wrap: wrap; gap: 4px; }
.sayfala__d button { min-width: 36px; height: 36px; padding: 0 8px; border: 1px solid var(--line); background: var(--surface); color: var(--text); font-family: var(--mono); font-size: 13px; cursor: pointer; }
.sayfala__d button:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
.sayfala__d button[aria-current="page"] { background: var(--text); border-color: var(--text); color: var(--surface); }
.sayfala__d button:disabled { opacity: .35; cursor: default; }
.sayfala__ozet { font-family: var(--mono); font-size: 12px; color: var(--text-muted); }

/* Karşılaştırmalar dizini — wiki düzeni (17.10.2026, kullanıcı isteği) */
.kd { padding-top: 30px; padding-bottom: 56px; max-width: 1040px; }
.kd-ic { border: 1px solid var(--line); background: var(--bg-alt); padding: 16px 20px 14px; margin-bottom: 44px; display: inline-block; max-width: 100%; }
.kd-ic .eyebrow { margin: 0 0 10px; }
.kd-ic ol { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 40px; }
.kd-ic li { break-inside: avoid; padding: 3px 0; font-size: 15px; }
.kd-ic a span { font-family: var(--mono); font-size: 12px; color: var(--text-muted); margin-right: 10px; }
.kd-grup { margin-bottom: 48px; }
.kd-grup__h { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 14px; align-items: baseline; border-bottom: 1px solid var(--text); padding-bottom: 12px; }
.kd-grup__no { font-family: var(--serif); font-size: 30px; line-height: 1; color: var(--accent); }
.kd-grup__h h2 { font-family: var(--serif); font-size: 28px; font-weight: 600; margin: 0 0 4px; }
.kd-grup__h p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--text-soft); text-wrap: pretty; }
.kd-liste { list-style: none; margin: 0; padding: 0; }
.kd-s { display: grid; grid-template-columns: 44px 250px minmax(0,1fr); gap: 14px 22px; padding: 20px 0; border-bottom: 1px solid var(--line-soft); align-items: start; }
.kd-s:hover { background: var(--bg-alt); }
.kd-s__no { font-family: var(--mono); font-size: 12px; color: var(--text-muted); padding-top: 5px; }
.kd-s__k { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-top: 2px; }
.kd-k { font-family: var(--mono); font-size: 11.5px; line-height: 1.35; padding: 4px 8px; border: 1px solid var(--line); background: var(--surface); color: var(--text); }
.kd-k--kenevir { border-color: var(--accent); color: var(--accent-dark, var(--accent)); font-weight: 500; }
.kd-x { font-family: var(--mono); font-size: 12px; color: var(--text-muted); }
.kd-s__m h3 { font-family: var(--serif); font-size: 20px; line-height: 1.3; font-weight: 600; margin: 0 0 6px; }
.kd-s__m h3 a { color: var(--text); }
.kd-s__m h3 a:hover { color: var(--accent); }
.kd-s__b { margin: 0 0 6px; font-size: 15.5px; line-height: 1.55; color: var(--text); }
.kd-s__b::before { content: "Bulgu — "; font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--accent); }
.kd-s__o { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--text-soft); text-wrap: pretty; }
@media (max-width: 860px) {
  .kd-s { grid-template-columns: 32px minmax(0,1fr); }
  .kd-s__k { grid-column: 2; }
  .kd-s__m { grid-column: 2; }
  .kd-ic { display: block; }
  .kd-ic ol { columns: 1; }
  .kd-grup__h { grid-template-columns: 32px minmax(0,1fr); }
  .kd-grup__no { font-size: 24px; }
  .kd-grup__h h2 { font-size: 24px; }
}

/* Tüm araştırmalar ve veri sayfaları — wiki düzeni (17.10.2026, kullanıcı isteği) */
.kd-grup__h h2 a { color: inherit; }
.kd-grup__h h2 a:hover { color: var(--accent); }
.kd-alt { font-family: var(--mono); font-size: 11px; letter-spacing: .09em; text-transform: uppercase; color: var(--text-muted); margin: 22px 0 0; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.kd-s__k--dikey { flex-direction: column; align-items: flex-start; gap: 6px; }
.kd-tur { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); }
.kd-yer { font-family: var(--mono); font-size: 12px; color: var(--text-soft); }
.kd-olc { display: flex; flex-wrap: wrap; gap: 6px; }
.kd-bar { display: block; width: 100%; max-width: 200px; height: 4px; background: var(--line-soft); }
.kd-bar i { display: block; height: 100%; background: var(--accent); }
.kd-liste + .sayfala, .kd-liste ~ .sayfala { margin: 0 0 8px; }
.kd-not { border-top: 1px solid var(--text); padding-top: 14px; margin: 8px 0 18px; max-width: 680px; }
.kd-not h3 { font-family: var(--serif); font-size: 18px; margin: 0 0 6px; }
.kd-not p { margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--text-soft); }
.kd-s[hidden] { display: none; }
.kd-olc .kd-k { white-space: nowrap; }
.kd-bar { margin-top: 2px; }

/* Tüm araştırmalar — katalog düzeni (17.10.2026, kullanıcı isteği; .kd düzeninin yerine) */
.tk { padding-top: 30px; padding-bottom: 56px; }
.tk-raf { display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); border-top: 2px solid var(--text); border-bottom: 1px solid var(--line); margin-bottom: 14px; }
.tk-raf a { display: flex; flex-direction: column; gap: 6px; padding: 14px 12px 16px; border-left: 1px solid var(--line-soft); color: var(--text); }
.tk-raf a:first-child { border-left: 0; padding-left: 0; }
.tk-raf a:hover { background: var(--bg-alt); color: var(--accent); }
.tk-raf__no { font-family: var(--mono); font-size: 11px; color: var(--accent); }
.tk-raf__ad { font-family: var(--serif); font-size: 17px; line-height: 1.25; font-weight: 600; }
.tk-anahtar { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0 0 46px; font-size: 13.5px; color: var(--text-soft); }
.tk-anahtar span { display: inline-flex; align-items: center; gap: 8px; }
.tk-m { display: inline-block; width: 9px; height: 9px; border: 1.4px solid var(--text-muted); flex: none; }
.tk-m--veri { background: var(--accent); border-color: var(--accent); }
.tk-bolum { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 0 40px; margin-bottom: 54px; }
.tk-bolum__h { align-self: start; position: sticky; top: 88px; border-top: 1px solid var(--text); padding-top: 14px; }
.tk-bolum__no { display: block; font-family: var(--serif); font-size: 44px; line-height: 1; color: var(--line); font-weight: 600; margin-bottom: 10px; }
.tk-bolum__h h2 { font-family: var(--serif); font-size: 26px; line-height: 1.2; font-weight: 600; margin: 0 0 10px; }
.tk-bolum__h h2 a { color: var(--text); }
.tk-bolum__h h2 a:hover { color: var(--accent); }
.tk-bolum__h p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--text-soft); text-wrap: pretty; }
.tk-tablo { border-top: 1px solid var(--text); }
.tk-tablo table { width: 100%; border-collapse: collapse; }
.tk-tablo th { text-align: left; font-family: var(--mono); font-size: 10.5px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); padding: 10px 12px 9px 0; border-bottom: 1px solid var(--line); }
.tk-tablo td { padding: 11px 12px 11px 0; border-bottom: 1px solid var(--line-soft); vertical-align: baseline; }
.tk-tablo tbody tr:hover td { background: var(--bg-alt); }
.tk-tablo tr.is-veri .tk-ad a { font-weight: 600; }
.tk-no { width: 38px; font-family: var(--mono); font-size: 12px; color: var(--text-muted); }
.tk-ad { font-size: 15.5px; line-height: 1.45; }
.tk-ad a { color: var(--text); }
.tk-ad a:hover { color: var(--accent); }
.tk-tur { width: 150px; font-family: var(--mono); font-size: 11.5px; color: var(--text-soft); white-space: nowrap; }
.tk-tur .tk-m { margin-right: 8px; vertical-align: 0; }
.tk-kun { width: 180px; font-family: var(--mono); font-size: 11.5px; color: var(--text-soft); }
.tk .sayfala { margin: 0; border-bottom: 0; }
.tk-not { border-top: 1px solid var(--text); padding-top: 14px; max-width: 680px; }
.tk-not h3 { font-family: var(--serif); font-size: 18px; margin: 0 0 6px; }
.tk-not p { margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--text-soft); }
@media (max-width: 1080px) { .tk-raf { grid-template-columns: repeat(4, minmax(0,1fr)); } .tk-raf a:nth-child(5) { border-left: 0; padding-left: 0; } }
@media (max-width: 860px) {
  .tk-bolum { grid-template-columns: minmax(0,1fr); }
  .tk-bolum__h { position: static; margin-bottom: 16px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 4px 14px; }
  .tk-bolum__no { font-size: 32px; margin: 0; grid-row: span 2; }
  .tk-bolum__h h2 { margin: 0; font-size: 23px; }
  .tk-tablo { border-top: 0; }
  .tk-tablo thead { display: none; }
  .tk-tablo tr { display: grid; grid-template-columns: 34px minmax(0,1fr); border-bottom: 1px solid var(--line-soft); padding: 10px 0; }
  .tk-tablo tr[hidden] { display: none; }
  .tk-tablo td { border: 0; padding: 0; width: auto; }
  .tk-no { grid-row: span 2; padding-top: 3px !important; }
  .tk-tur { display: none; }
  .tk-kun { grid-column: 2; margin-top: 3px; }
  .tk-tablo tr.is-veri .tk-kun::before { content: ""; display: inline-block; width: 7px; height: 7px; background: var(--accent); margin-right: 7px; }
}
@media (max-width: 560px) { .tk-raf { grid-template-columns: repeat(2, minmax(0,1fr)); } .tk-raf a:nth-child(odd) { border-left: 0; padding-left: 0; } .tk-raf a:nth-child(5) { padding-left: 0; } }
.tk-bolum > .sayfala { grid-column: 2; }
@media (max-width: 860px) { .tk-bolum > .sayfala { grid-column: 1; } }

/* Genel bakış veri kutusu: yüzdürülmez, tam genişlik ve iki sütun (17.10.2026) */
.databox.databox--genis { float: none; width: auto; max-width: none; margin: 0 0 30px; clear: both; }
.databox--genis .databox__body { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 28px; }
@media (max-width: 720px) { .databox--genis .databox__body { grid-template-columns: minmax(0,1fr); } }

/* Araştırma özetleri — künye kartları (17.10.2026, kullanıcı isteği) */
.ao-anahtar { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0 0 30px; font-size: 13.5px; color: var(--text-soft); }
.ao-anahtar span { display: inline-flex; align-items: center; gap: 8px; }
.ao-anahtar i { display: inline-block; width: 18px; height: 11px; border: 1px solid var(--line); }
.ao-anahtar i[data-erisim="tam"] { background: var(--accent); border-color: var(--accent); }
.ao-anahtar i[data-erisim="kunye"] { border-style: dashed; }
.ao h2.small { font-family: var(--serif); font-size: 26px; margin: 34px 0 14px; padding-bottom: 8px; border-bottom: 1px solid var(--text); }
.ao .artlist { border-top: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin-bottom: 0 !important; }
.ao .artrow { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; border: 1px solid var(--line); border-top: 3px solid var(--text); background: var(--surface); }
.ao .artrow[hidden] { display: none; }
.ao .artrow:hover { background: var(--bg-alt); border-top-color: var(--accent); }
.ao .artrow__cat { display: flex; align-items: baseline; gap: 10px; }
.ao .artrow__cat .sira { display: inline; margin: 0; font-family: var(--serif); font-size: 22px; letter-spacing: 0; color: var(--text-muted); }
.ao .artrow h3 { font-size: 18px; }
.ao .artrow p { font-size: 14px; }
.ao .artrow__meta { margin-top: auto; align-self: flex-start; text-align: left; padding: 3px 8px; border: 1px solid var(--line); color: var(--text-soft); }
.ao .artrow__meta[data-erisim="tam"] { background: var(--accent); border-color: var(--accent); color: var(--surface); }
.ao .artrow__meta[data-erisim="kunye"] { border-style: dashed; }
.ao .sayfala { margin: 14px 0 10px; }
@media (max-width: 720px) { .ao .artlist { grid-template-columns: minmax(0,1fr); } }

/* Derlemeler — türlere göre sekmeli dizin (17.10.2026, kullanıcı isteği) */
.dz-sekme { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 1px solid var(--text); margin: 0 0 22px; }
.dz-sekme button { display: inline-flex; align-items: baseline; gap: 8px; padding: 12px 18px 11px; border: 1px solid transparent; border-bottom: 0; background: none; font-family: var(--serif); font-size: 18px; font-weight: 600; color: var(--text-soft); cursor: pointer; margin-bottom: -1px; }
.dz-sekme button span { font-family: var(--mono); font-size: 11px; font-weight: 400; color: var(--text-muted); }
.dz-sekme button:hover { color: var(--accent); }
.dz-sekme button[aria-selected="true"] { border-color: var(--text); background: var(--surface); color: var(--text); }
.dz-grup[hidden] { display: none; }
.dz h2.small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.dz .artlist { border-top: 0; margin-bottom: 0; }
.dz .artrow { grid-template-columns: 54px 150px minmax(0,1fr) 80px; gap: 16px; padding: 12px 0; }
.dz .artrow__cat { display: contents; }
.dz .artrow__cat .sira { margin: 0; font-size: 12px; padding-top: 3px; }
.dz .artrow h3 { font-size: 16.5px; margin: 0 0 3px; }
.dz .artrow p { font-size: 13.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dz .sayfala { margin: 12px 0 30px; }
@media (max-width: 720px) {
  .dz .artrow { grid-template-columns: 36px minmax(0,1fr); gap: 4px 12px; }
  .dz .artrow > div, .dz .artrow__meta { grid-column: 2; text-align: left; }
  .dz-sekme { flex-wrap: nowrap; overflow-x: auto; }
  .dz-sekme button { white-space: nowrap; font-size: 16px; padding: 10px 14px 9px; }
}
.dz-sekme { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
.dz-sekme button { white-space: nowrap; flex: none; }
.ao .artrow { align-items: stretch; }
.ao .artrow__cat { flex-wrap: wrap; }
.ao .artrow__meta { white-space: nowrap; }
.ao-anahtar span { white-space: nowrap; }
.dz-sekme { overflow-y: hidden; border-bottom: 0; box-shadow: inset 0 -1px 0 var(--text); }
.dz-sekme button { margin-bottom: 0; }
.dz-sekme button[aria-selected="true"] { box-shadow: inset 0 -1px 0 var(--surface); }

/* Kurum dizini — harf dizini ve künye noktaları (17.10.2026, kullanıcı isteği) */
.kz { padding-top: 30px; padding-bottom: 56px; max-width: 1040px; }
.kz-onde { border: 1px solid var(--line); background: var(--bg-alt); padding: 18px 22px 16px; margin-bottom: 30px; }
.kz-onde .eyebrow { margin: 0 0 12px; }
.kz-onde__l { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 32px; }
.kz-onde__l li { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 0 10px; align-items: baseline; }
.kz-onde__no { font-family: var(--serif); font-size: 18px; color: var(--accent); }
.kz-onde__ad { font-size: 15px; line-height: 1.4; }
.kz-onde__ad a { color: var(--text); }
.kz-onde__m { grid-column: 2; font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.kz-harf { display: flex; flex-wrap: wrap; gap: 2px; border-top: 2px solid var(--text); border-bottom: 1px solid var(--line); padding: 8px 0; margin-bottom: 12px; position: sticky; top: 64px; background: var(--bg, var(--surface)); z-index: 2; }
.kz-harf a { min-width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 17px; font-weight: 600; color: var(--text); }
.kz-harf a:hover { background: var(--text); color: var(--surface); }
.kz-anahtar { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0 0 30px; font-size: 13.5px; color: var(--text-soft); }
.kz-anahtar span { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.kz-grup { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 0 18px; border-top: 1px solid var(--text); padding-top: 6px; margin-bottom: 26px; scroll-margin-top: 120px; }
.kz-grup__h { font-family: var(--serif); font-size: 40px; line-height: 1; font-weight: 600; color: var(--accent); margin: 6px 0 0; }
.kz-liste { list-style: none; margin: 0; padding: 0; }
.kz-s { display: grid; grid-template-columns: minmax(0,1fr) 130px 110px 90px; gap: 6px 16px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid var(--line-soft); }
.kz-s__ad { font-size: 15.5px; line-height: 1.4; }
.kz-s__ad a { color: var(--text); font-weight: 500; }
.kz-s__ad a:hover { color: var(--accent); }
.kz-s__not { display: block; font-family: var(--mono); font-size: 11px; color: var(--text-muted); margin-top: 2px; }
.kz-profil { display: inline-block; font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--accent); border: 1px solid var(--accent); padding: 1px 5px; margin-left: 4px; vertical-align: 2px; }
.kz-s__ulke, .kz-s__yil { font-family: var(--mono); font-size: 12px; color: var(--text-soft); }
.kz-nokta { display: inline-flex; flex-wrap: wrap; gap: 3px; }
.kz-nokta i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
@media (max-width: 720px) {
  .kz-onde__l { grid-template-columns: minmax(0,1fr); }
  .kz-grup { grid-template-columns: 40px minmax(0,1fr); gap: 0 12px; }
  .kz-grup__h { font-size: 28px; }
  .kz-s { grid-template-columns: minmax(0,1fr) auto; }
  .kz-s__ad { grid-column: 1 / -1; }
  .kz-harf { top: 56px; }
}

/* Ülke dizini — kıtalara göre ülke fişleri (17.10.2026, kullanıcı isteği) */
.ud { padding-top: 30px; padding-bottom: 56px; }
.ud-kita { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; }
.ud-kita a { padding: 7px 14px; border: 1px solid var(--text); font-family: var(--serif); font-size: 16px; font-weight: 600; color: var(--text); }
.ud-kita a:hover { background: var(--text); color: var(--surface); }
.ud-bolum { margin-bottom: 44px; scroll-margin-top: 90px; }
.ud-bolum__h { font-family: var(--serif); font-size: 30px; font-weight: 600; margin: 0 0 16px; padding-bottom: 8px; border-bottom: 1px solid var(--text); }
.ud-fisler { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.ud-bolum--tr .ud-fisler { grid-template-columns: minmax(0,1fr); }
.ud-fis { border: 1px solid var(--line); background: var(--surface); padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 10px; }
.ud-bolum--tr .ud-fis { border-left: 4px solid var(--accent); }
.ud-fis header { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.ud-fis h3 { font-family: var(--serif); font-size: 20px; font-weight: 600; margin: 0; }
.ud-fis h3 a { color: var(--text); }
.ud-fis h3 a:hover { color: var(--accent); }
.ud-fis__yil { font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); white-space: nowrap; }
.ud-olc { display: grid; gap: 5px; }
.ud-olc__t { display: block; height: 5px; background: var(--line-soft); }
.ud-olc__t i { display: block; height: 100%; background: var(--accent); }
.ud-olc__v { font-family: var(--mono); font-size: 11.5px; color: var(--text-soft); }
.ud-fis p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--text-soft); text-wrap: pretty; }
.ud-not { font-family: var(--mono); font-size: 12px; color: var(--text-muted); margin: 0 0 6px; }
@media (max-width: 1000px) { .ud-fisler { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px) { .ud-fisler { grid-template-columns: minmax(0,1fr); } }
.kz-anahtar .kz-nokta { flex-wrap: nowrap; flex: none; }
.kz-harf { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.kz-harf a { min-width: 30px; flex: none; }

/* Dar ekran: "Eksik bir başlık mı var?" satırı ile İçindekiler arası boşluk dengelendi (17.10.2026) */
@media (max-width: 1080px) {
  .list-layout { gap: 20px; }
  .list-layout > .article { padding-bottom: 8px; }
  .list-layout > aside { border-top: 1px solid var(--line); padding-top: 22px; }
}

/* Yıl ve ülke-konu araştırma listeleri (17.10.2026, kullanıcı isteği) */
.yl-yillar { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 28px; }
.yl-yillar a, .yl-yillar span { padding: 6px 10px; font-family: var(--mono); font-size: 12.5px; border: 1px solid var(--line); color: var(--text); white-space: nowrap; }
.yl-yillar a:hover { border-color: var(--accent); color: var(--accent); }
.yl-yillar span[aria-current] { background: var(--text); border-color: var(--text); color: var(--surface); }
.yl-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--text); }
.yl-liste li { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 0 12px; padding: 13px 0; border-bottom: 1px solid var(--line-soft); align-items: baseline; }
.yl-liste li:hover { background: var(--bg-alt); }
.yl-liste__n { font-family: var(--serif); font-size: 20px; color: var(--text-muted); }
.yl-liste a { font-size: 17px; line-height: 1.4; color: var(--text); }
.yl-liste a:hover { color: var(--accent); }
.yl-liste__m { display: block; margin-top: 4px; font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.yl-kunye { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 0 0 26px; padding: 10px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: 12px; color: var(--text-soft); }

/* Veri ve ölçümler (tum-arastirmalar) — ölçüm panosu (17.10.2026, kullanıcı isteği; .tk katalog düzeninin yerine) */
.vo { padding-top: 30px; padding-bottom: 56px; }
.vo-kpi { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin: 0 0 26px; border-top: 2px solid var(--text); border-bottom: 1px solid var(--line); }
.vo-kpi div { padding: 14px 16px 16px; border-left: 1px solid var(--line-soft); }
.vo-kpi div:first-child { border-left: 0; padding-left: 0; }
.vo-kpi dt { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px; }
.vo-kpi dd { margin: 0; font-family: var(--serif); font-size: 34px; line-height: 1; font-weight: 600; color: var(--text); }
.vo-kpi dd a { color: var(--accent); }
.vo-top { margin: 0 0 30px; }
.vo-top .hbar { grid-template-columns: minmax(0, 2.2fr) minmax(0, 2fr) 44px; }
.vo-top .hbar__l a { color: var(--text); }
.vo-top .hbar__l a:hover { color: var(--accent); }
.vo-git { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 40px; }
.vo-git a { padding: 7px 14px; border: 1px solid var(--line); font-size: 14.5px; color: var(--text); }
.vo-git a:hover { border-color: var(--accent); color: var(--accent); }
.vo-bolum { margin-bottom: 46px; scroll-margin-top: 90px; }
.vo-bolum__h { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 24px; align-items: end; border-bottom: 1px solid var(--text); padding-bottom: 10px; margin-bottom: 16px; }
.vo-bolum__h h2 { font-family: var(--serif); font-size: 28px; font-weight: 600; margin: 0; }
.vo-bolum__h h2 a { color: var(--text); }
.vo-bolum__h p { grid-column: 1; margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--text-soft); }
.vo-bolum__oz { grid-column: 2; grid-row: 1 / span 2; align-self: end; font-family: var(--mono); font-size: 12px; white-space: nowrap; }
.vo-fisler { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.vo-fis { display: flex; flex-direction: column; gap: 8px; padding: 16px 16px 14px; border: 1px solid var(--line); background: var(--surface); color: var(--text); }
.vo-fis:hover { border-color: var(--accent); }
.vo-fis:hover .vo-fis__t { color: var(--accent); }
.vo-fis__t { font-family: var(--serif); font-size: 17.5px; line-height: 1.3; font-weight: 600; }
.vo-fis__o { font-size: 13.5px; line-height: 1.55; color: var(--text-soft); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vo-fis__alt { margin-top: auto; display: grid; gap: 6px; padding-top: 6px; border-top: 1px solid var(--line-soft); }
.vo-fis__s { font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.vo-fis__bar { display: block; height: 4px; background: var(--line-soft); }
.vo-fis__bar i { display: block; height: 100%; background: var(--accent); }
@media (max-width: 1000px) { .vo-fisler { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 720px) {
  .vo-kpi { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .vo-kpi div:nth-child(3) { border-left: 0; padding-left: 0; }
  .vo-kpi dd { font-size: 28px; }
  .vo-top .hbar { grid-template-columns: minmax(0,1fr) 40px; }
  .vo-top .hbar__l { grid-column: 1 / -1; }
  .vo-fisler { grid-template-columns: minmax(0,1fr); }
  .vo-bolum__h { grid-template-columns: minmax(0,1fr); }
  .vo-bolum__oz { grid-column: 1; grid-row: auto; white-space: normal; }
}
.vo-kpi__n { margin: 6px 0 0; font-family: var(--mono); font-size: 11px; color: var(--text-muted); }

/* Tekrar giderildi (17.10.2026): Ülke dizini kartsız atlas satırları, Veri ve ölçümler renkli zeminli ölçüm karoları; kartlar yalnızca Araştırma özetlerinde */
.ud-fisler, .ud-bolum--tr .ud-fisler { display: block; border-top: 1px solid var(--line); }
.ud-fis, .ud-bolum--tr .ud-fis { display: grid; grid-template-columns: 210px 220px minmax(0,1fr); gap: 6px 28px; align-items: baseline; border: 0; border-bottom: 1px solid var(--line-soft); background: none; padding: 14px 0; }
.ud-bolum--tr .ud-fis { border-left: 0; padding-left: 14px; box-shadow: inset 3px 0 0 var(--accent); }
.ud-fis header { display: block; }
.ud-fis h3 { font-size: 22px; }
.ud-fis__yil { display: block; margin-top: 4px; }
.ud-fis:hover { background: var(--bg-alt); }
@media (max-width: 860px) { .ud-fis, .ud-bolum--tr .ud-fis { grid-template-columns: minmax(0,1fr); gap: 8px; } }
.vo-fis { background: var(--bg-alt); border: 0; border-left: 3px solid var(--line); padding: 16px 18px 14px; }
.vo-fis:hover { border-left-color: var(--accent); background: color-mix(in oklch, var(--accent) 7%, var(--bg-alt)); }
.vo-fis__alt { border-top: 0; padding-top: 2px; }
.vo-fis__bar { background: color-mix(in oklch, var(--text) 10%, transparent); }
/* Araştırma özetleri: "Yalnızca özet" etiketine hafif yeşil ton */
.ao .artrow__meta[data-erisim="ozet"], .ao-anahtar i[data-erisim="ozet"] { background: color-mix(in oklch, var(--accent) 14%, var(--surface)); border-color: color-mix(in oklch, var(--accent) 40%, var(--line)); color: var(--accent-dark, var(--accent)); }

/* Kategori sayfaları — ansiklopedi kategori listesi (18.10.2026, kullanıcı isteği): kart duvarı yerine sık bağlantı listeleri */
.kat-wiki .tb-grid { align-items: start; }
.kat-wiki .tb-nav { position: sticky; top: 84px; max-height: calc(100vh - 100px); overflow-y: auto; scrollbar-width: thin; }
.kat-wiki .tb-panel { margin-bottom: 44px; }
.kat-wiki .tb-panel__head { margin-bottom: 6px; }
.kat-wiki .tb-panel__head h2 { font-size: 30px; }
.kat-wiki .tb-panel__head p { font-size: 16px; }
.kat-wiki .tb-blk { margin-top: 18px; }
.kat-wiki .tb-k { display: block; background: none !important; padding: 0 0 7px !important; margin: 0 0 4px; border-bottom: 1px solid var(--line); font-size: 10.5px; color: var(--text-muted); }
.kat-wiki .tb-cards { display: block; border-top: 0; }
.kat-wiki .tb-card { display: grid; grid-template-columns: 128px minmax(0,1fr); gap: 2px 18px; padding: 10px 0; border: 0; border-bottom: 1px solid var(--line-soft); }
.kat-wiki .tb-card[hidden] { display: none; }
.kat-wiki .tb-card:hover { background: var(--bg-alt); }
.kat-wiki .tb-card .tb-card__t { grid-row: span 2; padding-top: 4px; font-size: 10.5px; }
.kat-wiki .tb-card h3 { margin: 0; font-size: 17px; line-height: 1.35; }
.kat-wiki .tb-card p { margin: 0; font-size: 13.5px; line-height: 1.5; -webkit-line-clamp: 1; }
.kat-wiki .tb-minis { display: block; columns: 2; column-gap: 36px; border-top: 0; }
.kat-wiki .tb-mini { display: block; break-inside: avoid; padding: 8px 0 9px; border: 0; border-bottom: 1px solid var(--line-soft); background: none; border-radius: 0; }
.kat-wiki .tb-mini[hidden] { display: none; }
.kat-wiki .tb-mini h4 { margin: 2px 0 0; font-family: var(--sans); font-size: 15px; font-weight: 500; line-height: 1.4; color: var(--text); }
.kat-wiki .tb-mini:hover h4 { color: var(--accent); }
.kat-wiki .tb-mini p { display: none; }
.kat-wiki .tb-mini__t { font-size: 10.5px; }
.kat-wiki .tb-mini__t::before { width: 6px; height: 6px; }
@media (max-width: 900px) {
  .kat-wiki .tb-nav { position: static; max-height: none; overflow: visible; }
  .kat-wiki .tb-card { grid-template-columns: minmax(0,1fr); }
  .kat-wiki .tb-card .tb-card__t { grid-row: auto; padding-top: 0; }
  .kat-wiki .tb-minis { columns: 1; }
}
.kat-wiki .tb-k { display: block !important; width: auto !important; max-width: none !important; }
.kat-wiki .tb-mini__t { display: flex !important; align-items: center; gap: 6px; white-space: nowrap; width: auto !important; max-width: none !important; }
.kat-wiki .tb-nav { max-height: none; overflow: visible; }
.kat-wiki .tb-more { white-space: nowrap; width: auto; margin-top: 12px; }
.kat-wiki .tb-more { white-space: normal; }
.kat-wiki .tb-more > summary { white-space: nowrap; display: inline-block; width: auto; }

/* Kategori sayfaları — portal + akış (18.10.2026, kullanıcı seçimi: öneri A + C'nin numaralı akışı) */
.kp { padding-bottom: 64px; }
.kp-k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .09em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 10px; }
.kp-k b { color: var(--accent); font-weight: 500; }
.kp-ust { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 40px; border-top: 1px solid var(--text); padding-top: 18px; margin-bottom: 34px; }
.kp-ust:has(> :only-child) { grid-template-columns: minmax(0,1fr); }
.kp-oz p:not(.kp-k) { font-family: var(--serif); font-size: 19px; line-height: 1.7; margin: 0 0 14px; text-wrap: pretty; max-width: 680px; }
.kp-oz > a { font-family: var(--mono); font-size: 12.5px; }
.kp-kutu { background: var(--bg-alt); padding: 16px 18px 14px; align-self: start; }
.kp-kutu dl { margin: 0; }
.kp-kutu div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line-soft); font-size: 14px; line-height: 1.45; }
.kp-kutu dt { color: var(--text-soft); }
.kp-kutu dd { margin: 0; font-weight: 600; color: var(--text); }
.kp-not { font-family: var(--mono); font-size: 11px; color: var(--text-muted); margin: 10px 0 0; }
.kp-ic { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 12px 0; margin-bottom: 40px; }
.kp-ic .kp-k { margin-bottom: 8px; }
.kp-ic ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 26px; }
.kp-ic a { display: inline-flex; align-items: baseline; gap: 8px; font-size: 15px; color: var(--text); }
.kp-ic a:hover { color: var(--accent); }
.kp-ic a span { font-family: var(--mono); font-size: 11.5px; color: var(--accent); }
.kp-ic a em { font-style: normal; font-family: var(--mono); font-size: 11px; color: var(--text-muted); }
.kp-akis { list-style: none; margin: 0; padding: 0; }
.kp-adim { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 0 22px; position: relative; padding-bottom: 44px; scroll-margin-top: 90px; }
.kp-adim:not(:last-child)::before { content: ""; position: absolute; left: 25px; top: 52px; bottom: 0; width: 2px; background: var(--line); }
.kp-no { width: 52px; height: 52px; border: 2px solid var(--accent); border-radius: 50%; display: grid; place-items: center; font-family: var(--serif); font-size: 22px; font-weight: 600; color: var(--accent); background: var(--bg, var(--surface)); position: relative; }
.kp-ic2 header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 20px; border-bottom: 1px solid var(--text); padding: 8px 0 10px; }
.kp-ic2 h2 { font-family: var(--serif); font-size: 28px; font-weight: 600; margin: 0; }
.kp-ic2 header a { font-family: var(--mono); font-size: 12px; white-space: nowrap; }
.kp-d { margin: 10px 0 0; font-size: 15.5px; line-height: 1.6; color: var(--text-soft); max-width: 760px; }
.kp-sut { display: grid; gap: 28px; padding-top: 18px; }
.kp-sut--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.kp-sut--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.kp-sut--1 { grid-template-columns: minmax(0,1fr); }
.kp-sut ul { list-style: none; margin: 0; padding: 0; }
.kp-sut li { padding: 7px 0; border-bottom: 1px solid var(--line-soft); font-size: 14.5px; line-height: 1.4; }
.kp-sut li a { color: var(--text); }
.kp-sut li a:hover { color: var(--accent); }
.kp-sut li span { display: block; font-family: var(--mono); font-size: 10.5px; color: var(--text-muted); margin-top: 2px; }
.kp-terim { border-top: 1px solid var(--text); padding-top: 14px; }
.kp-terim h2 { font-family: var(--serif); font-size: 24px; margin: 0 0 12px; }
.kp-terim__l { columns: 4; column-gap: 28px; margin-bottom: 12px; }
.kp-terim__l a { display: block; break-inside: avoid; padding: 4px 0; font-size: 14.5px; color: var(--accent-dark, var(--accent)); }
.kp-terim > a { font-family: var(--mono); font-size: 12px; }
@media (max-width: 1000px) { .kp-sut--3 { grid-template-columns: repeat(2, minmax(0,1fr)); } .kp-terim__l { columns: 3; } }
@media (max-width: 760px) {
  .kp-ust { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .kp-sut--3, .kp-sut--2 { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .kp-adim { grid-template-columns: 38px minmax(0,1fr); gap: 0 14px; }
  .kp-no { width: 38px; height: 38px; font-size: 17px; }
  .kp-adim:not(:last-child)::before { left: 18px; top: 38px; }
  .kp-ic2 h2 { font-size: 23px; }
  .kp-terim__l { columns: 2; }
}
.page-head .lede .cite { font-size: .6em; vertical-align: super; line-height: 0; }
.databox--genis .databox__row { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 4px 14px; align-items: baseline; height: auto; min-height: 0; padding-top: 9px; padding-bottom: 9px; }
.databox--genis .databox__row dt, .databox--genis .databox__row dd { white-space: normal; line-height: 1.45; }
.databox--genis .databox__row dd { text-align: left; }
.databox__row dd .cite { white-space: nowrap; }
.page-head .lead { max-width: 760px; margin: 0 0 18px; }
.page-head .lead .cite { font-size: .6em; vertical-align: super; line-height: 0; font-weight: 400; }
.article.gb-wiki p.hatnote { margin: -4px 0 30px; }

/* Araştırmalar — ülke seçici açılır liste + ülke profilleri kutusu (18.10.2026) */
.rankdrop { border-top: 1px solid var(--line); }
.rankdrop > summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 14px 20px; background: var(--bg-alt); }
.rankdrop > summary::-webkit-details-marker { display: none; }
.rankdrop__k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .09em; text-transform: uppercase; color: var(--text-muted); }
.rankdrop__v { font-family: var(--serif); font-size: 17px; font-weight: 600; color: var(--text); }
.rankdrop__i { width: 9px; height: 9px; border-right: 1.5px solid var(--text-soft); border-bottom: 1.5px solid var(--text-soft); transform: rotate(45deg) translateY(-3px); transition: transform .15s; }
.rankdrop[open] .rankdrop__i { transform: rotate(-135deg) translateY(-2px); }
.rankdrop > summary:hover .rankdrop__v { color: var(--accent); }
.rankdrop .ranklist { max-height: 340px; overflow-y: auto; border-top: 1px solid var(--line); scrollbar-width: thin; }
.rankdrop .rankrow { min-height: 0; padding-top: 8px; padding-bottom: 8px; }
.mapinfo dl > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; }
.mapinfo dt { white-space: nowrap; }
.ulkebox .navbox__grp { min-width: 150px; }
.ulkebox__l { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; }
.ulkebox__l li { display: inline-flex; align-items: baseline; gap: 5px; font-size: 14.5px; }
.ulkebox__l li:not(:last-child)::after { content: "·"; color: var(--text-muted); margin: 0 10px 0 5px; }
.ulkebox__l li span { font-family: var(--mono); font-size: 11px; color: var(--text-muted); }
.rankdrop__k { white-space: nowrap; }
.ulkebox .navbox__body { padding: 10px 14px; }
.ulkebox .ulkebox__l li { display: inline-flex !important; white-space: nowrap; padding: 2px 0; border: 0; grid-template-columns: none; }
.ulkebox .ulkebox__l li a { white-space: nowrap; }
#mi-orgs { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

/* Sözlük arama kutusu (18.10.2026) */
.gl-ara { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 6px 18px; margin: 26px 0 18px; padding-bottom: 14px; border-bottom: 1px solid var(--text); }
.gl-ara__k { grid-column: 1 / -1; font-family: var(--mono); font-size: 10.5px; letter-spacing: .09em; text-transform: uppercase; color: var(--text-muted); }
.gl-ara input { width: 100%; border: 1px solid var(--line); background: var(--surface, var(--bg)); color: var(--text); font: inherit; font-size: 17px; padding: 12px 14px; border-radius: 2px; }
.gl-ara input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent); }
.gl-ara__s { font-family: var(--mono); font-size: 12px; color: var(--text-muted); white-space: nowrap; padding-bottom: 14px; }
.gl-row[hidden], .gl-group[hidden] { display: none !important; }
@media (max-width: 640px) { .gl-ara { grid-template-columns: minmax(0,1fr); } .gl-ara__s { padding-bottom: 0; } }

/* Ülke seç düğmesi (18.10.2026, kullanıcı isteği: buton görünümü) */
.rankdrop { border-top: 1px solid var(--line); padding: 16px 20px; }
.rankdrop > summary { display: inline-grid; grid-template-columns: auto auto auto; gap: 12px; align-items: center; padding: 11px 16px 11px 18px; background: var(--accent); color: #fff; border: 1px solid var(--accent); border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.08); transition: background .15s, box-shadow .15s; }
.rankdrop > summary:hover { background: var(--accent-dark, var(--accent)); box-shadow: 0 2px 8px rgba(0,0,0,.14); }
.rankdrop > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.rankdrop .rankdrop__k { color: #fff; opacity: 1; font-size: 11px; padding-right: 12px; border-right: 1px solid rgba(255,255,255,.45); }
.rankdrop .rankdrop__v, .rankdrop > summary:hover .rankdrop__v { color: #fff; font-size: 16.5px; }
.rankdrop .rankdrop__i { border-color: #fff; margin-left: 4px; }
.rankdrop[open] > summary { border-radius: 4px 4px 0 0; }
.rankdrop .ranklist { margin-top: 0; border: 1px solid var(--line); border-top: 2px solid var(--accent); max-width: 520px; }
.rankdrop .rankdrop__v { white-space: nowrap; }
.rankdrop > summary { min-width: 300px; grid-template-columns: auto minmax(0,1fr) auto; }
.rankdrop[open] > summary { border-radius: 4px 4px 0 0; }
.rankdrop .ranklist { max-width: none; width: max(300px, min(520px, 100%)); }
@media (max-width: 520px) { .rankdrop > summary { min-width: 0; width: 100%; } }
.scale__s a { color: inherit; text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; }
.scale__s a:hover { color: var(--accent); text-decoration-color: var(--accent); }
/* Ana sayfa ince ayar (18.10.2026): dar ekranda kırılan etiketler */
.section-head .eyebrow, .portal__bar .eyebrow { white-space: nowrap; }
.chips .chip { white-space: nowrap; }
.scale__note > span:last-child { white-space: nowrap; }
.portal__ol a { line-height: 1.4; }

/* Endüstriyel kenevir — tıklanabilir anatomi ve sap kesiti (18.10.2026) */
.ks{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;align-items:start;margin:8px 0 10px}
.ks__fig{border:1px solid var(--line);background:var(--surface,var(--bg));padding:10px 10px 4px}
.ks__fig svg{display:block;width:100%;height:auto;color:var(--text)}
.ks svg .ks-ground{stroke:var(--line);stroke-width:1.2;fill:none}
.ks svg .ks-shape,.ks svg .ks-shape path,.ks svg .ks-shape circle{transition:fill .15s,stroke .15s,opacity .15s}
.ks svg .ks-leaf path{stroke:var(--text);fill:none;stroke-width:.8;stroke-linejoin:round}
.ks svg .ks-leaf .lf{fill:color-mix(in oklab,var(--accent) 7%,transparent)}
.ks svg .ks-stem{fill:var(--bg-alt);stroke:var(--text);stroke-width:1.1}
.ks svg .ks-fine path{fill:none;stroke:var(--text-muted);stroke-width:.5;opacity:.6}
.ks svg .ks-fine2{fill:none;stroke:var(--text-muted);stroke-width:.6}
.ks svg .ks-inf .br{fill:color-mix(in oklab,var(--accent) 10%,transparent);stroke:var(--text);stroke-width:.7}
.ks svg .ks-root path{fill:none;stroke:var(--text);stroke-linecap:round}
.ks svg .ks-seed{fill:var(--bg-alt);stroke:var(--text);stroke-width:1}
.ks svg .ks-mag{fill:none;stroke:var(--text-muted);stroke-width:.8;stroke-dasharray:3 3}
.ks svg .ks-lead{fill:none;stroke:var(--text-muted);stroke-width:.7;stroke-dasharray:3 3;opacity:.8}
.ks svg .ks-bark{fill:color-mix(in oklab,var(--accent) 14%,var(--surface,#fff));stroke:var(--text);stroke-width:1.2}
.ks svg .ks-cortex{fill:color-mix(in oklab,var(--accent) 6%,var(--surface,#fff));stroke:none}
.ks svg .ks-zone{fill:var(--surface,#fff);stroke:none}
.ks svg .ks-prim circle{fill:var(--surface,#fff);stroke:var(--text);stroke-width:.7}
.ks svg .ks-sec circle{fill:var(--text-soft);stroke:none;opacity:.8}
.ks svg .ks-camb{fill:none;stroke:var(--text-muted);stroke-width:.8;stroke-dasharray:1.5 2.5}
.ks svg .ks-wood{fill:color-mix(in oklab,#b98a4e 16%,var(--surface,#fff));stroke:var(--text);stroke-width:.8}
.ks svg .ks-rays path{stroke:var(--text-muted);stroke-width:.45;opacity:.55}
.ks svg .ks-ves circle{fill:var(--surface,#fff);stroke:var(--text-muted);stroke-width:.6}
.ks svg .ks-pith circle{fill:var(--surface,#fff);stroke:var(--text-muted);stroke-width:.6}
.ks svg .ks-lumen{fill:var(--bg-alt);stroke:var(--text);stroke-width:.9;stroke-dasharray:4 3}
.ks svg text{font-family:var(--mono);font-size:12px;fill:var(--text)}
.ks svg .ks-sub{font-size:10px;fill:var(--text-muted)}
.ks svg .ks-cap{font-family:var(--mono);font-size:10px;fill:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}
.ks svg .ks-hit{cursor:pointer;outline:none}
.ks svg .ks-hit:hover .ks-shape, .ks svg .ks-hit.on .ks-shape{stroke:var(--accent)!important}
.ks svg .ks-hit.on .ks-leaf .lf,.ks svg .ks-hit:hover .ks-leaf .lf{fill:color-mix(in oklab,var(--accent) 28%,transparent)}
.ks svg .ks-hit.on .ks-stem,.ks svg .ks-hit:hover .ks-stem{fill:color-mix(in oklab,var(--accent) 28%,var(--surface,#fff))}
.ks svg .ks-hit.on .ks-inf .br,.ks svg .ks-hit:hover .ks-inf .br{fill:color-mix(in oklab,var(--accent) 35%,transparent)}
.ks svg .ks-hit.on .ks-root path,.ks svg .ks-hit:hover .ks-root path{stroke:var(--accent)}
.ks svg .ks-hit.on .ks-seed,.ks svg .ks-hit:hover .ks-seed{fill:color-mix(in oklab,var(--accent) 30%,var(--surface,#fff))}
.ks svg .ks-hit.on .ks-bark,.ks svg .ks-hit:hover .ks-bark{fill:color-mix(in oklab,var(--accent) 40%,var(--surface,#fff))}
.ks svg .ks-hit.on .ks-zone,.ks svg .ks-hit:hover .ks-zone{fill:color-mix(in oklab,var(--accent) 22%,var(--surface,#fff))}
.ks svg .ks-hit.on .ks-prim circle,.ks svg .ks-hit:hover .ks-prim circle{stroke:var(--accent);stroke-width:1}
.ks svg .ks-hit.on .ks-sec circle,.ks svg .ks-hit:hover .ks-sec circle{fill:var(--accent);opacity:1}
.ks svg .ks-hit.on .ks-wood,.ks svg .ks-hit:hover .ks-wood{fill:color-mix(in oklab,var(--accent) 22%,var(--surface,#fff));stroke:var(--accent)}
.ks svg .ks-hit.on .ks-lumen,.ks svg .ks-hit:hover .ks-lumen{fill:color-mix(in oklab,var(--accent) 22%,var(--surface,#fff));stroke:var(--accent)}
.ks svg .ks-lbl text{transition:fill .15s}
.ks svg .ks-lbl:hover text,.ks svg .ks-lbl.on text{fill:var(--accent)}
.ks svg .ks-lbl:focus-visible text{text-decoration:underline}
.ks__panel{border:1px solid var(--line);border-top:2px solid var(--accent);padding:18px 20px;background:var(--surface,var(--bg))}
.ks__k{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px}
.ks__panel h3{font-family:var(--serif);font-size:22px;margin:0 0 10px;line-height:1.25}
.ks__panel p{font-size:15px;line-height:1.6;margin:0 0 12px;color:var(--text-soft)}
.ks__use{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ks__use li{font-family:var(--mono);font-size:11px;border:1px solid var(--line);padding:3px 8px;color:var(--text-soft)}
.ks__panel>a{font-size:14.5px}
.ks__nav{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.ks__nav button{font:inherit;font-family:var(--mono);font-size:11px;padding:4px 9px;border:1px solid var(--line);background:none;color:var(--text-soft);cursor:pointer;border-radius:2px}
.ks__nav button[aria-pressed="true"],.ks__nav button:hover{border-color:var(--accent);color:var(--accent)}
.ks__foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--text-muted);padding:8px 2px 4px;border-top:1px solid var(--line-soft,var(--line));margin-top:4px}
@media(max-width:900px){.ks{grid-template-columns:minmax(0,1fr)}}
.ks svg .ks-hit:focus-visible .ks-shape{stroke:var(--accent)!important}
.ks { grid-template-columns: minmax(0,1fr); }
.ks__panel { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 4px 28px; align-items: start; }
.ks__panel > .ks__k, .ks__panel > h3, .ks__panel > #ksP { grid-column: 1; }
.ks__panel > .ks__use, .ks__panel > #ksL { grid-column: 1; }
.ks__panel > .ks__nav { grid-column: 2; grid-row: 1 / span 5; margin: 0; padding: 0 0 0 22px; border-top: 0; border-left: 1px solid var(--line); align-content: start; }
.ks__nav button, .ks__use li { white-space: nowrap; }
.ks svg text { font-size: 13px; }
.ks svg .ks-sub { font-size: 10.5px; }
@media (max-width: 720px) { .ks__panel { grid-template-columns: minmax(0,1fr); } .ks__panel > .ks__nav { grid-column: 1; grid-row: auto; padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--line); margin-top: 10px; } }
.ks { gap: 0; }
.ks__fig { margin: 0; border-bottom: 0; }

/* Anatomi şeması — doğal renkler (18.10.2026, kullanıcı isteği) */
.ks__fig { background: #fbfaf4; }
.ks svg .ks-leaf path { stroke: #2f5a22; }
.ks svg .ks-leaf .lf, .ks svg .ks-hit:hover .ks-leaf .lf, .ks svg .ks-hit.on .ks-leaf .lf { fill: url(#ksLeafG); stroke: #2c5220; stroke-width: .6; }
.ks svg .ks-leaf path:not(.lf) { stroke: #cfe3ad; }
.ks svg .ks-leaf > path:not(.lf):nth-child(1) { stroke: #4f7a32; }
.ks svg .ks-stem, .ks svg .ks-hit:hover .ks-stem, .ks svg .ks-hit.on .ks-stem { fill: url(#ksStem); stroke: #42662a; }
.ks svg .ks-fine path { stroke: #4f7a32; opacity: .55; }
.ks svg .ks-inf .br, .ks svg .ks-hit:hover .ks-inf .br, .ks svg .ks-hit.on .ks-inf .br { fill: #a9c25a; stroke: #5d7a2a; stroke-width: .5; }
.ks svg .ks-axil path { fill: #b5cc68; stroke: #5d7a2a; stroke-width: .45; }
.ks svg .ks-pist path { fill: none; stroke: #c4703f; stroke-width: .7; stroke-linecap: round; }
.ks svg .ks-seeds ellipse { fill: url(#ksMottle); stroke: #4a3522; stroke-width: .4; }
.ks svg .ks-seed, .ks svg .ks-hit:hover .ks-seed, .ks svg .ks-hit.on .ks-seed { fill: url(#ksMottle); stroke: #4a3522; }
.ks svg .ks-fine2 { stroke: #3e2c1b; }
.ks svg .ks-root path, .ks svg .ks-hit:hover .ks-root path, .ks svg .ks-hit.on .ks-root path { stroke: #a68657; }
.ks svg .ks-ground { stroke: #b9a98a; }
.ks svg .ks-bark, .ks svg .ks-hit:hover .ks-bark, .ks svg .ks-hit.on .ks-bark { fill: #5f8f3e; stroke: #2f5a22; }
.ks svg .ks-cortex { fill: #a9c98a; }
.ks svg .ks-zone { fill: #c9dcae; }
.ks svg .ks-prim circle { fill: #f4ecd2; stroke: #8f8256; stroke-width: .6; }
.ks svg .ks-sec circle { fill: #d6c491; opacity: 1; }
.ks svg .ks-camb { stroke: #6f8a45; stroke-dasharray: none; stroke-width: 1.4; opacity: .7; }
.ks svg .ks-wood, .ks svg .ks-hit:hover .ks-wood, .ks svg .ks-hit.on .ks-wood { fill: url(#ksWoodG); stroke: #b39a68; }
.ks svg .ks-rays path { stroke: #c4ad80; opacity: .7; }
.ks svg .ks-ves circle { fill: #fffdf6; stroke: #b39a68; }
.ks svg .ks-pith circle { fill: #fbf7ea; stroke: #cdbd96; }
.ks svg .ks-lumen, .ks svg .ks-hit:hover .ks-lumen, .ks svg .ks-hit.on .ks-lumen { fill: #fffdf7; stroke: #cdbd96; stroke-dasharray: none; }
/* seçim: doğal renk korunur, vurgu parıltıyla verilir */
.ks svg .ks-hit.on .ks-shape, .ks svg .ks-hit:hover .ks-shape { filter: drop-shadow(0 0 2.5px var(--accent)) drop-shadow(0 0 1px var(--accent)); }
.ks svg .ks-hit.on .ks-zone, .ks svg .ks-hit:hover .ks-zone { fill: color-mix(in oklab, var(--accent) 35%, #c9dcae); }
.ks svg .ks-hit.on .ks-sec circle, .ks svg .ks-hit:hover .ks-sec circle { fill: #b9973f; }
.ks svg .ks-hit.on .ks-prim circle, .ks svg .ks-hit:hover .ks-prim circle { stroke: #6b5a1f; stroke-width: 1; }
.ks svg .ks-lbl { filter: none !important; }
[data-tema="koyu"] .ks__fig, html.koyu .ks__fig { background: #f3f1e8; }
[data-tema="koyu"] .ks__fig svg text, html.koyu .ks__fig svg text { fill: #1f241c; }
/* Veri kutusu satırları: iki satıra kırılan etiketler üst üste binmesin (18.10.2026) */
.databox__row { height: auto !important; min-height: 0; align-items: baseline; padding-top: 8px; padding-bottom: 8px; }
.databox__row dt, .databox__row dd { line-height: 1.45; }

/* Ana sayfa — anatomi şeması, tek renkli sürüm (18.10.2026, kullanıcı isteği; endüstriyel kenevir sayfasındaki renkli sürümle aynı yapı) */
.ksh{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;align-items:start;margin:8px 0 10px}
.ks__fig{border:1px solid var(--line);background:var(--surface,var(--bg));padding:10px 10px 4px}
.ks__fig svg{display:block;width:100%;height:auto;color:var(--text)}
.ksh svg .ks-ground{stroke:var(--line);stroke-width:1.2;fill:none}
.ksh svg .ks-shape,.ksh svg .ks-shape path,.ksh svg .ks-shape circle{transition:fill .15s,stroke .15s,opacity .15s}
.ksh svg .ks-leaf path{stroke:var(--text);fill:none;stroke-width:.8;stroke-linejoin:round}
.ksh svg .ks-leaf .lf{fill:color-mix(in oklab,var(--accent) 7%,transparent)}
.ksh svg .ks-stem{fill:var(--bg-alt);stroke:var(--text);stroke-width:1.1}
.ksh svg .ks-fine path{fill:none;stroke:var(--text-muted);stroke-width:.5;opacity:.6}
.ksh svg .ks-fine2{fill:none;stroke:var(--text-muted);stroke-width:.6}
.ksh svg .ks-inf .br{fill:color-mix(in oklab,var(--accent) 10%,transparent);stroke:var(--text);stroke-width:.7}
.ksh svg .ks-root path{fill:none;stroke:var(--text);stroke-linecap:round}
.ksh svg .ks-seed{fill:var(--bg-alt);stroke:var(--text);stroke-width:1}
.ksh svg .ks-mag{fill:none;stroke:var(--text-muted);stroke-width:.8;stroke-dasharray:3 3}
.ksh svg .ks-lead{fill:none;stroke:var(--text-muted);stroke-width:.7;stroke-dasharray:3 3;opacity:.8}
.ksh svg .ks-bark{fill:color-mix(in oklab,var(--accent) 14%,var(--surface,#fff));stroke:var(--text);stroke-width:1.2}
.ksh svg .ks-cortex{fill:color-mix(in oklab,var(--accent) 6%,var(--surface,#fff));stroke:none}
.ksh svg .ks-zone{fill:var(--surface,#fff);stroke:none}
.ksh svg .ks-prim circle{fill:var(--surface,#fff);stroke:var(--text);stroke-width:.7}
.ksh svg .ks-sec circle{fill:var(--text-soft);stroke:none;opacity:.8}
.ksh svg .ks-camb{fill:none;stroke:var(--text-muted);stroke-width:.8;stroke-dasharray:1.5 2.5}
.ksh svg .ks-wood{fill:color-mix(in oklab,#b98a4e 16%,var(--surface,#fff));stroke:var(--text);stroke-width:.8}
.ksh svg .ks-rays path{stroke:var(--text-muted);stroke-width:.45;opacity:.55}
.ksh svg .ks-ves circle{fill:var(--surface,#fff);stroke:var(--text-muted);stroke-width:.6}
.ksh svg .ks-pith circle{fill:var(--surface,#fff);stroke:var(--text-muted);stroke-width:.6}
.ksh svg .ks-lumen{fill:var(--bg-alt);stroke:var(--text);stroke-width:.9;stroke-dasharray:4 3}
.ksh svg text{font-family:var(--mono);font-size:12px;fill:var(--text)}
.ksh svg .ks-sub{font-size:10px;fill:var(--text-muted)}
.ksh svg .ks-cap{font-family:var(--mono);font-size:10px;fill:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}
.ksh svg .ks-hit{cursor:pointer;outline:none}
.ksh svg .ks-hit:hover .ks-shape, .ksh svg .ks-hit.on .ks-shape{stroke:var(--accent)!important}
.ksh svg .ks-hit.on .ks-leaf .lf,.ksh svg .ks-hit:hover .ks-leaf .lf{fill:color-mix(in oklab,var(--accent) 28%,transparent)}
.ksh svg .ks-hit.on .ks-stem,.ksh svg .ks-hit:hover .ks-stem{fill:color-mix(in oklab,var(--accent) 28%,var(--surface,#fff))}
.ksh svg .ks-hit.on .ks-inf .br,.ksh svg .ks-hit:hover .ks-inf .br{fill:color-mix(in oklab,var(--accent) 35%,transparent)}
.ksh svg .ks-hit.on .ks-root path,.ksh svg .ks-hit:hover .ks-root path{stroke:var(--accent)}
.ksh svg .ks-hit.on .ks-seed,.ksh svg .ks-hit:hover .ks-seed{fill:color-mix(in oklab,var(--accent) 30%,var(--surface,#fff))}
.ksh svg .ks-hit.on .ks-bark,.ksh svg .ks-hit:hover .ks-bark{fill:color-mix(in oklab,var(--accent) 40%,var(--surface,#fff))}
.ksh svg .ks-hit.on .ks-zone,.ksh svg .ks-hit:hover .ks-zone{fill:color-mix(in oklab,var(--accent) 22%,var(--surface,#fff))}
.ksh svg .ks-hit.on .ks-prim circle,.ksh svg .ks-hit:hover .ks-prim circle{stroke:var(--accent);stroke-width:1}
.ksh svg .ks-hit.on .ks-sec circle,.ksh svg .ks-hit:hover .ks-sec circle{fill:var(--accent);opacity:1}
.ksh svg .ks-hit.on .ks-wood,.ksh svg .ks-hit:hover .ks-wood{fill:color-mix(in oklab,var(--accent) 22%,var(--surface,#fff));stroke:var(--accent)}
.ksh svg .ks-hit.on .ks-lumen,.ksh svg .ks-hit:hover .ks-lumen{fill:color-mix(in oklab,var(--accent) 22%,var(--surface,#fff));stroke:var(--accent)}
.ksh svg .ks-lbl text{transition:fill .15s}
.ksh svg .ks-lbl:hover text,.ksh svg .ks-lbl.on text{fill:var(--accent)}
.ksh svg .ks-lbl:focus-visible text{text-decoration:underline}
.ks__panel{border:1px solid var(--line);border-top:2px solid var(--accent);padding:18px 20px;background:var(--surface,var(--bg))}
.ks__k{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px}
.ks__panel h3{font-family:var(--serif);font-size:22px;margin:0 0 10px;line-height:1.25}
.ks__panel p{font-size:15px;line-height:1.6;margin:0 0 12px;color:var(--text-soft)}
.ks__use{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ks__use li{font-family:var(--mono);font-size:11px;border:1px solid var(--line);padding:3px 8px;color:var(--text-soft)}
.ks__panel>a{font-size:14.5px}
.ks__nav{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.ks__nav button{font:inherit;font-family:var(--mono);font-size:11px;padding:4px 9px;border:1px solid var(--line);background:none;color:var(--text-soft);cursor:pointer;border-radius:2px}
.ks__nav button[aria-pressed="true"],.ks__nav button:hover{border-color:var(--accent);color:var(--accent)}
.ks__foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--text-muted);padding:8px 2px 4px;border-top:1px solid var(--line-soft,var(--line));margin-top:4px}
@media(max-width:900px){.ksh{grid-template-columns:minmax(0,1fr)}}
.ksh { grid-template-columns: minmax(0,1fr); gap: 0; }
.ksh svg text { font-size: 13px; }
.ksh svg .ks-sub { font-size: 10.5px; }
.ksh svg .ks-hit:focus-visible .ks-shape{stroke:var(--accent)!important}
.ksh .ks__fig { background: var(--surface, var(--bg)); }
.ksh svg .ks-axil path { fill: color-mix(in oklab, var(--accent) 10%, transparent); stroke: var(--text); stroke-width: .5; }
.ksh svg .ks-pist path { fill: none; stroke: var(--text-muted); stroke-width: .6; stroke-linecap: round; }
.ksh svg .ks-seeds ellipse { fill: var(--bg-alt); stroke: var(--text); stroke-width: .6; }
.ksh svg .ks-hit.on .ks-axil path, .ksh svg .ks-hit:hover .ks-axil path { fill: color-mix(in oklab, var(--accent) 35%, transparent); stroke: var(--accent); }
.ksh svg .ks-hit.on .ks-seeds ellipse, .ksh svg .ks-hit:hover .ks-seeds ellipse { fill: color-mix(in oklab, var(--accent) 30%, var(--surface,#fff)); stroke: var(--accent); }
/* Ana sayfa şeması: önceki yazı tipi düzeni ve kökler, küçültülmüş boyut (18.10.2026) */
.ksh .ks__fig svg { max-width: 760px; margin: 0 auto; }
.ksh svg text { font-family: var(--mono); font-size: 11px; fill: var(--text-soft); }
.ksh svg .ks-sub { font-size: 9.5px; fill: var(--text-soft); opacity: .75; }
.ksh svg .ks-lbl:hover text, .ksh svg .ks-lbl.on text { fill: var(--accent-dark, var(--accent)); font-weight: 600; }
.ksh svg .ks-cap { font-size: 9.5px; fill: var(--text-muted); }
.ksh svg .ks-root path { stroke: var(--text-muted); stroke-linecap: round; fill: none; }
.ksh svg .ks-hit.on .ks-root path, .ksh svg .ks-hit:hover .ks-root path { stroke: var(--accent-dark, var(--accent)); }
.ksh .ks__panel h3 { font-size: 21px; }
.ksh .ks__panel p { font-size: 14.5px; line-height: 1.68; }
.ksh .ks__k { font-size: 11px; letter-spacing: .08em; }
.ksh .ks__use li { font-size: 11.5px; padding: 5px 9px; }
.ksh svg .ks-root { opacity: .85; }
/* Geri alma (18.10.2026, kullanıcı isteği): ana sayfa şemasının bir önceki görünümü — yazı tipi, kök rengi ve boyut */
.ksh .ks__fig svg { max-width: none; margin: 0; }
.ksh svg text { font-size: 13px; fill: var(--text); }
.ksh svg .ks-sub { font-size: 10.5px; fill: var(--text-muted); opacity: 1; }
.ksh svg .ks-lbl:hover text, .ksh svg .ks-lbl.on text { fill: var(--accent); font-weight: 400; }
.ksh svg .ks-cap { font-size: 10px; }
.ksh svg .ks-root { opacity: 1; }
.ksh svg .ks-root path { stroke: var(--text); }
.ksh svg .ks-hit.on .ks-root path, .ksh svg .ks-hit:hover .ks-root path { stroke: var(--accent); }
.ksh .ks__panel h3 { font-size: 22px; }
.ksh .ks__panel p { font-size: 15px; line-height: 1.6; }
.ksh .ks__k { font-size: 10.5px; letter-spacing: .09em; }
.ksh .ks__use li { font-size: 11px; padding: 3px 8px; }
/* Düzeltme (18.10.2026, kullanıcı isteği): geri alma yalnızca kökler içindi — yazı tipi ve küçültülmüş boyut yeniden uygulanır */
.ksh .ks__fig svg { max-width: 760px; margin: 0 auto; }
.ksh svg text { font-size: 11px; fill: var(--text-soft); }
.ksh svg .ks-sub { font-size: 9.5px; fill: var(--text-soft); opacity: .75; }
.ksh svg .ks-lbl:hover text, .ksh svg .ks-lbl.on text { fill: var(--accent-dark, var(--accent)); font-weight: 600; }
.ksh svg .ks-cap { font-size: 9.5px; fill: var(--text-muted); }
.ksh .ks__panel h3 { font-size: 21px; }
.ksh .ks__panel p { font-size: 14.5px; line-height: 1.68; }
.ksh .ks__k { font-size: 11px; letter-spacing: .08em; }
.ksh .ks__use li { font-size: 11.5px; padding: 5px 9px; }

/* Ana sayfa şeması: dişi/erkek çiçek büyütmeleri, tepe salkımı ayrımı (18.10.2026) */
.ksh svg .ks-fem{fill:color-mix(in oklab,var(--accent) 10%,transparent);stroke:var(--text);stroke-width:.7}
.ksh svg .ks-male ellipse{fill:var(--surface,#fff);stroke:var(--text);stroke-width:.6}
.ksh svg .ks-anth ellipse{fill:var(--bg-alt);stroke:var(--text);stroke-width:.5}
.ksh svg .ks-hit.on .ks-fem,.ksh svg .ks-hit:hover .ks-fem,.ksh svg .ks-hit.on .ks-male ellipse,.ksh svg .ks-hit:hover .ks-male ellipse{fill:color-mix(in oklab,var(--accent) 30%,var(--surface,#fff));stroke:var(--accent)}
.ksh svg .ks-hit[data-p="disi"]:hover text,.ksh svg .ks-hit[data-p="erkek"]:hover text,.ksh svg .ks-hit.on[data-p="disi"] text,.ksh svg .ks-hit.on[data-p="erkek"] text{fill:var(--accent-dark,var(--accent))}
.ksh svg .ks-inf .ks-axil path{fill:none;stroke-width:.45}
.ksh svg .ks-inf .ks-pist path{stroke-dasharray:1.2 1.3}

/* Ana sayfa şeması: ayrı erkek bitki çizimi (18.10.2026) */
.ksh svg.kse{display:block;width:100%;max-width:760px;margin:14px auto 0;border-top:1px dashed var(--line);padding-top:10px}
.ksh svg .kse-stem{fill:var(--surface,#fff);stroke:var(--text);stroke-width:.8}
.ksh svg .kse-leaf .lf{fill:var(--surface,#fff);stroke:var(--text);stroke-width:.6}
.ksh svg .kse-leaf .vn,.ksh svg .kse-leaf .pt{fill:none;stroke:var(--text-muted);stroke-width:.4}
.ksh svg .kse-br path{fill:none;stroke:var(--text);stroke-width:.7;stroke-linecap:round}
.ksh svg .kse-br .pd{stroke-width:.45;stroke:var(--text-muted)}
.ksh svg .kse-fl circle{fill:var(--bg-alt);stroke:var(--text);stroke-width:.5}
.ksh svg .kse-tep ellipse{fill:var(--surface,#fff);stroke:var(--text);stroke-width:.8}
.ksh svg .kse-ctr{fill:var(--bg-alt);stroke:var(--text);stroke-width:.6}
.ksh svg .kse-fil path{fill:none;stroke:var(--text);stroke-width:.6}
.ksh svg .kse-an path{fill:var(--bg-alt);stroke:var(--text);stroke-width:.6}
.ksh svg .kse-an .sl{fill:none;stroke:var(--text-muted);stroke-width:.4}
.ksh svg .kse-po circle{fill:var(--text-muted);opacity:.7}
.ksh svg .kse-grain{fill:var(--bg-alt);stroke:var(--text);stroke-width:1}
.ksh svg .kse-tex{fill:var(--text-muted);opacity:.55}
.ksh svg .kse-ann{fill:var(--surface,#fff);stroke:var(--text);stroke-width:.7}
.ksh svg .kse-pore{fill:var(--bg-alt);stroke:var(--text);stroke-width:.6}
.ksh svg .ks-hit.on .kse-tep ellipse,.ksh svg .ks-hit:hover .kse-tep ellipse,.ksh svg .ks-hit.on .kse-grain,.ksh svg .ks-hit:hover .kse-grain,.ksh svg .ks-hit.on .kse-an path,.ksh svg .ks-hit:hover .kse-an path{fill:color-mix(in oklab,var(--accent) 22%,var(--surface,#fff));stroke:var(--accent)}
.ksh svg .ks-hit.on .kse-fl circle,.ksh svg .ks-hit:hover .kse-fl circle{fill:color-mix(in oklab,var(--accent) 35%,var(--surface,#fff))}

/* Ana sayfa şeması: erkek bitki parçaları seçilebilir, dişi şema küçültüldü (18.10.2026) */
.ksh .ks__fig svg:not(.kse){max-width:600px}
.ksh svg .ks-hit.on .kse-br path,.ksh svg .ks-hit:hover .kse-br path{stroke:var(--accent)}
.ksh svg .ks-hit.on .kse-po circle,.ksh svg .ks-hit:hover .kse-po circle{fill:var(--accent);opacity:1}
.ksh svg .ks-hit.on .kse-tex,.ksh svg .ks-hit:hover .kse-tex{fill:var(--accent);opacity:.8}
.ksh svg .ks-hit.on .kse-ann,.ksh svg .ks-hit:hover .kse-ann,.ksh svg .ks-hit.on .kse-pore,.ksh svg .ks-hit:hover .kse-pore{stroke:var(--accent)}

/* Erkek bitki: sap/yaprak seçimi görünür, iki şema aynı ölçekte (18.10.2026) */
.ksh svg .ks-hit.on .kse-stem,.ksh svg .ks-hit:hover .kse-stem,.ksh svg .ks-hit.on .ks-stem,.ksh svg .ks-hit:hover .ks-stem{fill:color-mix(in oklab,var(--accent) 28%,var(--surface,#fff));stroke:var(--accent)}
.ksh svg .ks-hit.on .kse-leaf .lf,.ksh svg .ks-hit:hover .kse-leaf .lf{fill:color-mix(in oklab,var(--accent) 28%,var(--surface,#fff));stroke:var(--accent)}
.ksh .ks__fig svg.kse{max-width:600px}

/* ülke dizini: açılır ülke seçici (18.10.2026) */
.ud-sec { border: 1px solid var(--line); background: var(--bg-alt); padding: 18px 20px; margin: 0 0 28px; }
.ud-sec label { display: block; font-family: var(--mono); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 10px; }
.ud-sec__in { display: flex; gap: 10px; flex-wrap: wrap; }
.ud-sec select { flex: 1 1 260px; min-width: 0; font-family: var(--sans); font-size: 15.5px; color: var(--text); background: var(--surface); border: 1.5px solid var(--text); border-radius: 0; padding: 11px 12px; }
.ud-sec button { border: 0; background: var(--accent); color: #fff; font-family: var(--sans); font-size: 14.5px; font-weight: 500; padding: 0 22px; min-height: 44px; cursor: pointer; }
.ud-sec button:hover { background: var(--accent-dark); }
[data-tema="koyu"] .ud-sec button { color: var(--bg); }
.ud-sec button { white-space: nowrap; flex: 0 0 auto; }

/* ülke dizini: kıta süzgeci, kaynak payı çubuklu (18.10.2026) */
.ud-kt { display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); border: 1px solid var(--line); background: var(--surface); }
.ud-kt button { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-height: 44px; padding: 12px 14px 12px; border: 0; border-right: 1px solid var(--line); background: none; color: var(--text); text-align: left; cursor: pointer; font: inherit; }
.ud-kt button:last-child { border-right: 0; }
.ud-kt button b { font-family: var(--serif); font-size: 17px; font-weight: 600; }
.ud-kt button span { font-family: var(--mono); font-size: 11px; color: var(--text-muted); white-space: nowrap; }
.ud-kt button i { display: block; width: 100%; height: 4px; margin-top: 6px; background: var(--line-soft); }
.ud-kt button i em { display: block; height: 100%; background: var(--accent); }
.ud-kt button:hover { background: var(--bg-alt); }
.ud-kt button[aria-pressed="true"] { background: var(--bg-alt); box-shadow: inset 0 -2px 0 var(--text); }
.ud-kt button:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.ud-kt__not { font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); margin: 8px 0 34px; }
@media (max-width: 1000px) { .ud-kt { grid-template-columns: repeat(4, minmax(0,1fr)); } .ud-kt button { border-bottom: 1px solid var(--line); } }
@media (max-width: 560px) { .ud-kt { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 1000px) {
  .ud-kt { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .ud-kt button[data-k="hepsi"] { grid-column: 1 / -1; }
  .ud-kt button { margin-bottom: -1px; }
  .ud-kt button:nth-child(3n+1) { border-right: 0; }
}
@media (max-width: 560px) {
  .ud-kt { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ud-kt button:nth-child(3n+1) { border-right: 1px solid var(--line); }
  .ud-kt button:nth-child(2n+1) { border-right: 0; }
}
.ud-kt { overflow: hidden; }

/* ülke dizini: kıtalara göre gezinti kutusu (18.10.2026, kullanıcı isteği) */
.ud-nb__s { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.ud-nb__k { font-family: var(--mono); font-size: 11.5px; color: var(--text-muted); }
.ud-nb .navbox__row { scroll-margin-top: 90px; }
@media (min-width: 900px) { .ud-nb__l { columns: 2; } }
@media (min-width: 1200px) { .ud-nb__l { columns: 3; } }

/* ülke seçici düğmesi: koyu mürekkep, ince çerçeve (18.10.2026, kullanıcı isteği) */
.ud-sec button { background: var(--text); color: var(--surface); font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; border: 1.5px solid var(--text); border-radius: 0; }
.ud-sec button:hover { background: var(--surface); color: var(--text); }
[data-tema="koyu"] .ud-sec button { background: var(--text); color: var(--bg); }
[data-tema="koyu"] .ud-sec button:hover { background: var(--bg); color: var(--text); }

/* ülke seçici düğmesi: çerçeveli, koyu yeşil yazı (18.10.2026, kullanıcı isteği — siyah yerine) */
.ud-sec button, [data-tema="koyu"] .ud-sec button { background: var(--surface); color: var(--accent-dark); border: 1.5px solid var(--accent-dark); }
.ud-sec button:hover, [data-tema="koyu"] .ud-sec button:hover { background: var(--bg-alt); color: var(--accent-dark); }


/* konu sayfası: kaynak türü şeridi, ölçüm aralıkları, açık sorular (19.10.2026, kullanıcı onayı) */
.kd { margin: -20px 0 44px; }
.kd__bar { display: flex; gap: 2px; height: 10px; }
.kd__bar i { display: block; min-width: 6px; }
.kd__1 { background: var(--accent-dark); }
.kd__2 { background: var(--accent); }
.kd__3 { background: color-mix(in oklch, var(--accent) 55%, var(--bg)); }
.kd__4 { background: color-mix(in oklch, var(--accent) 30%, var(--bg)); }
.kd__5 { background: var(--line); }
.kd__key { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px;
           font-size: 14px; color: var(--text-soft); }
.kd__key li { display: flex; align-items: center; gap: 7px; }
.kd__key li i { display: inline-block; width: 10px; height: 10px; }
.kd__key b { font-family: var(--mono); font-weight: 500; color: var(--text); }
.olc { border-top: 1px solid var(--text); }
.olc__row { display: grid; grid-template-columns: minmax(0, 210px) minmax(0, 1fr); gap: 28px;
            padding: 22px 0; border-bottom: 1px solid var(--line); }
.olc__h b { display: block; font-family: var(--serif); font-size: 17px; font-weight: 600; line-height: 1.3; }
.olc__h span { display: block; font-family: var(--mono); font-size: 11px; color: var(--text-muted);
               margin-top: 6px; line-height: 1.5; }
.olc__lanes { display: flex; flex-direction: column; gap: 12px; }
.olc__t { display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
          font-size: 13.5px; line-height: 1.4; margin-bottom: 5px; }
.olc__t a, .olc__ad { color: var(--text); }
.olc__t span:last-child { font-family: var(--mono); font-size: 12.5px; color: var(--text); white-space: nowrap; }
.olc__tr { position: relative; height: 8px; background: var(--line-soft); }
.olc__tr i { position: absolute; top: 0; bottom: 0; background: var(--accent); min-width: 3px; }
.olc__p { position: absolute; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px;
          border-radius: 50%; background: var(--accent-dark); z-index: 1; }
.olc__lane--ref .olc__p, .olc__lane--ref .olc__tr i { background: var(--text-muted); }
.olc__lane--ref .olc__t, .olc__lane--ref .olc__ad { color: var(--text-soft); }
.olc__esik { position: absolute; top: -4px; bottom: -4px; border-left: 1.5px dashed var(--text-muted); }
.olc__ax { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10.5px;
           color: var(--text-muted); border-top: 1px solid var(--line); padding-top: 5px; }
.acik { list-style: none; margin: 0 0 36px; padding: 0; border-top: 1px solid var(--line); }
.acik li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 24px; align-items: baseline;
           padding: 14px 0; border-bottom: 1px solid var(--line); }
.acik p { margin: 0; font-size: 15.5px; line-height: 1.6; }
.acik a { font-family: var(--mono); font-size: 11.5px; white-space: nowrap; }
@media (max-width: 720px) {
  .olc__row { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .acik li { grid-template-columns: minmax(0, 1fr); }
  .acik a { white-space: normal; }
}

/* konu sayfası: karışım oranı çubuğu, duvar kesiti, yangın tablosu, Türkiye satırları (19.10.2026, kullanıcı onayı) */
.krs__b { display: inline-block; width: 56px; height: 6px; background: var(--line-soft); margin-right: 10px; vertical-align: middle; position: relative; }
.krs__b i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--accent); }
.ksk { border-top: 1px solid var(--text); padding-top: 22px; }
.ksk__kat { display: flex; height: 64px; border: 1px solid var(--line); }
.ksk__k { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 0 12px; min-width: 0; }
.ksk__k span, .ksk__k b { font-family: var(--mono); font-size: 11px; font-weight: 400; color: var(--text-muted); white-space: nowrap; }
.ksk__k b { font-family: var(--serif); font-size: 16px; font-weight: 600; color: var(--text); }
.ksk__k--siva { background: var(--bg-alt); padding: 0 4px; }
.ksk__k--hc { background: color-mix(in oklch, var(--accent) 16%, var(--surface)); border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
.ksk__k--hava { background: repeating-linear-gradient(90deg, var(--surface) 0 3px, var(--line-soft) 3px 4px); }
.ksk__k--ahsap { background: var(--line); padding: 0 4px; border-left: 1px solid var(--line); }
.ksk__k--siva span, .ksk__k--ahsap span { position: absolute; bottom: -20px; left: 0; }
.ksk__k--ahsap span { left: auto; right: 0; }
.ksk__l { list-style: none; margin: 30px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 22px; font-size: 14px; color: var(--text-soft); counter-reset: ksk; }
.ksk__l li { counter-increment: ksk; }
.ksk__l li::before { content: counter(ksk) " "; font-family: var(--mono); font-size: 11px; color: var(--text-muted); }
.ksk__l b { font-family: var(--mono); font-weight: 500; color: var(--text); }
.ksk__r { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 22px; border-top: 1px solid var(--line); }
.ksk__r > div { padding: 18px 20px 18px 0; }
.ksk__r > div + div { padding-left: 20px; border-left: 1px solid var(--line); }
.ksk__c { margin: 0; padding: 14px 0 0; border-top: 1px solid var(--line); font-size: 15.5px; line-height: 1.6; }
.ksk__c b { font-family: var(--mono); font-weight: 500; }
.ydt td { text-align: left; font-family: var(--sans); font-size: 14.5px; line-height: 1.5; vertical-align: top; }
.ydt th { text-align: left; }
.ydt td:first-child { font-weight: 500; min-width: 190px; }
.ydt__k { display: block; margin-top: 4px; font-family: var(--mono); font-size: 11px; font-weight: 400; color: var(--text-muted); }
.trk { list-style: none; margin: 0 0 36px; padding: 0; border-top: 1px solid var(--text); }
.trk li { display: grid; grid-template-columns: minmax(0, 170px) minmax(0, 1fr) auto; gap: 6px 24px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid var(--line); }
.trk__k { font-family: var(--mono); font-size: 11.5px; letter-spacing: .04em; text-transform: uppercase; color: var(--text-muted); }
.trk p { margin: 0; font-size: 15.5px; line-height: 1.6; }
.trk a { font-family: var(--mono); font-size: 11.5px; white-space: nowrap; }
@media (max-width: 720px) {
  .ksk__r { grid-template-columns: minmax(0, 1fr); }
  .ksk__r > div, .ksk__r > div + div { padding: 14px 0; border-left: 0; }
  .ksk__r > div + div { border-top: 1px solid var(--line); }
  .ksk__k b { font-size: 14px; }
  .trk li { grid-template-columns: minmax(0, 1fr); }
  .trk a { white-space: normal; }
}

/* duvar kesiti ölçekli: katman genişliği yalnızca flex oranından (19.10.2026) */
.ksk__k, .ksk__k--siva, .ksk__k--hava, .ksk__k--ahsap, .ksk__k--hc { padding: 0; border: 0; flex-basis: 0; box-sizing: border-box; }
.ksk__k--hc { box-shadow: inset 1px 0 0 var(--line), inset -1px 0 0 var(--line); }
.ksk__k--ahsap { box-shadow: inset 1px 0 0 var(--line); }
.ksk__k--hc b, .ksk__k--hc span { margin-left: 12px; }

/* konu sayfaları: yokluk satırı ve küçük ölçek şeridi (19.10.2026) */
.ydt tr.is-self td { color: var(--text-muted); font-style: italic; }
.module .scale__n small { font-size: 14px; }

/* kaynak türü şeridi: anket, kurum raporu, tarihsel kayıt (19.10.2026) */
.kd__6 { background: repeating-linear-gradient(135deg, var(--line) 0 2px, var(--surface) 2px 5px); }
.kd__key li i.kd__6 { border: 1px solid var(--line); }

/* konu sayfaları: kaynak türü başlığı, uzun çalışma listesi (19.10.2026) */
.kd__h { margin: 0 0 10px; }
.rlist__more { margin: -36px 0 36px; }
.rlist__more > summary { list-style: none; cursor: pointer; padding: 14px 0; border-bottom: 1px solid var(--line-soft); font-family: var(--mono); font-size: 12px; letter-spacing: .04em; color: var(--accent); }
.rlist__more > summary::-webkit-details-marker { display: none; }
.rlist__more > summary::after { content: " ↓"; }
.rlist__more > summary span { color: var(--text-muted); }
.rlist__more[open] > summary { font-size: 0; padding: 0; border: 0; }
.rlist__more[open] > summary::after { content: "Daralt ↑"; font-size: 12px; display: block; padding: 14px 0; }
.rlist__more[open] { display: flex; flex-direction: column-reverse; }
.rlist--devam { border-top: 0; }

/* veri bölümleri: tek satır açıklama ve ölçüm şeridi lejantı (19.10.2026) */
.okuma { font-size: 15.5px; line-height: 1.6; color: var(--text-soft); margin: -6px 0 16px; max-width: 68ch; text-wrap: pretty; }
.olc__key { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: 13px; color: var(--text-muted); }
.olc__key li { display: flex; align-items: center; gap: 7px; }
.olc__key i { display: inline-block; flex: none; }
.olc__key-bar { width: 22px; height: 8px; background: var(--accent); }
.olc__key-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--accent-dark); }
.olc__key-ref { width: 22px; height: 8px; background: var(--text-muted); }
.olc__key-esik { width: 0; height: 14px; border-left: 1.5px dashed var(--text-muted); }

/* kaynak türü şeridi: klinik deneme (19.10.2026) */
.kd__7 { background: color-mix(in oklch, var(--accent-dark) 55%, var(--text)); }

/* protein ürünleri: işleme basamakları (.pbas) ve protein kalitesi kartları (.pkal) (19.10.2026) */
.pbas { list-style: none; margin: 0; padding: 22px 0 6px; display: grid; grid-template-columns: repeat(7, auto); gap: 0 6px; align-items: end; border-top: 1px solid var(--line); }
.pbas__s { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.pbas__kap { width: 54px; height: 120px; border: 1px solid var(--line); border-top: 0; position: relative; margin-bottom: 10px; background: var(--surface); }
.pbas__kap i { position: absolute; left: 0; right: 0; bottom: 0; background: var(--accent); }
.pbas__s--ara .pbas__kap i { background: repeating-linear-gradient(0deg, var(--accent) 0 70%, color-mix(in oklch, var(--accent) 45%, var(--bg)) 70% 100%); }
.pbas__s b { font-family: var(--mono); font-size: 26px; font-weight: 500; line-height: 1; color: var(--text); }
.pbas__s b small { font-size: 13px; margin-left: 3px; color: var(--text-muted); }
.pbas__ad { font-family: var(--serif); font-size: 17px; font-weight: 600; }
.pbas__alt { font-size: 13.5px; line-height: 1.45; color: var(--text-soft); max-width: 17ch; text-wrap: pretty; }
.pbas__s a { font-family: var(--mono); font-size: 11px; line-height: 1.5; }
.pbas__ok { align-self: center; display: flex; flex-direction: column; align-items: center; padding: 0 4px 70px; }
.pbas__ok span { font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); text-align: center; max-width: 11ch; line-height: 1.4; }
.pbas__ok::after { content: "→"; font-family: var(--mono); font-size: 18px; color: var(--accent); margin-top: 4px; }
.pbas__yan { font-size: 14px; line-height: 1.6; color: var(--text-soft); margin: 14px 0 0; padding-top: 12px; border-top: 1px dashed var(--line); }
@media (max-width: 760px) {
  .pbas { grid-template-columns: 1fr; gap: 0; }
  .pbas__s { display: grid; grid-template-columns: 54px 1fr; grid-template-rows: auto auto auto auto; column-gap: 16px; row-gap: 3px; align-items: start; }
  .pbas__kap { grid-row: 1 / span 4; height: 76px; margin: 0; }
  .pbas__alt { max-width: none; }
  .pbas__ok { flex-direction: row; gap: 8px; padding: 8px 0 10px 12px; align-self: start; }
  .pbas__ok::after { content: "↓"; margin: 0; order: -1; }
  .pbas__ok span { max-width: none; text-align: left; }
}
.pkal { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.pkal__c { background: var(--surface); padding: 20px 20px 18px; display: flex; flex-direction: column; gap: 10px; }
.pkal__c h3 { font-size: 18px; }
.pkal__cev { margin: 0; font-size: 16px; color: var(--text-soft); }
.pkal__cev b { font-family: var(--mono); font-weight: 500; font-size: 20px; color: var(--text); }
.pkal__bars { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.pkal__b { display: grid; grid-template-columns: 1fr auto; gap: 3px 10px; font-size: 13.5px; }
.pkal__ad { color: var(--text-soft); }
.pkal__v { font-family: var(--mono); font-size: 12.5px; color: var(--text); text-align: right; }
.pkal__tr { grid-column: 1 / -1; grid-row: 2; position: relative; height: 8px; background: var(--bg-alt); }
.pkal__tr i { position: absolute; top: 0; bottom: 0; background: var(--accent); }
.pkal__b--ref .pkal__tr i { background: var(--text-muted); opacity: .55; }
.pkal__b--ref .pkal__ad, .pkal__b--ref .pkal__v { color: var(--text-muted); }
.pkal__ax { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10.5px; color: var(--text-muted); border-top: 1px solid var(--line-soft); padding-top: 4px; }
.pkal__oku { margin: 2px 0 0; font-size: 14px; line-height: 1.55; color: var(--text-soft); text-wrap: pretty; }
.pkal__src { margin: auto 0 0; font-family: var(--mono); font-size: 11px; color: var(--text-muted); }
.pbas { align-items: start; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); }
.pbas__ok { align-self: start; padding: 44px 2px 0; }
.pbas__ok span { max-width: 13ch; font-size: 10px; }
.pbas__src { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; font-family: var(--mono); font-size: 0; }
.pbas__src a { font-size: 11px; }
@media (max-width: 760px) { .pbas { grid-template-columns: 1fr; } .pbas__ok { padding: 8px 0 10px 12px; } .pbas__src { grid-column: 2; } }
.pbas__alt, .pbas__src { display: block; line-height: 1.45; }
.pbas__src a { display: block; line-height: 1.5; }
.pbas__ok span { letter-spacing: .04em; white-space: nowrap; max-width: none; }
.pbas__alt { max-width: none; width: 100%; text-wrap: wrap; }
.pbas__s { align-items: stretch; }
/* protein kalitesi kartları: satırları kartlar arasında hizala (19.10.2026) */
.pkal { grid-template-rows: auto auto 1fr auto auto auto; }
.pkal__c { display: grid; grid-row: span 6; grid-template-rows: subgrid; gap: 10px; }
.pkal__bars { align-self: end; }
.pkal__src { margin: 0; align-self: end; }
@media (max-width: 760px) { .pkal { grid-template-rows: none; } .pkal__c { grid-row: auto; grid-template-rows: none; } }
/* protein kalitesi: sindirilebilirlik kartı tam genişlik, iki kart altta (19.10.2026) */
.pkal { grid-template-columns: repeat(2, minmax(0,1fr)); grid-template-rows: none; }
.pkal__c { grid-row: auto; grid-template-rows: none; display: flex; }
.pkal__c--genis { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); grid-template-rows: auto auto 1fr auto; column-gap: 36px; }
.pkal__c--genis > h3, .pkal__c--genis > .pkal__cev, .pkal__c--genis > .pkal__oku, .pkal__c--genis > .pkal__src { grid-column: 1; }
.pkal__c--genis > .pkal__bars { grid-column: 2; grid-row: 1 / span 3; align-self: start; margin-top: 0; }
.pkal__c--genis > .pkal__ax { grid-column: 2; grid-row: 4; }
.pkal__c--genis > .pkal__oku { grid-row: 3; align-self: start; }
.pkal__c--genis > .pkal__src { grid-row: 4; }
.pkal__src { margin-top: auto; }
@media (max-width: 760px) { .pkal { grid-template-columns: 1fr; } .pkal__c--genis { display: flex; } }
.pkal__c:not(.pkal__c--genis) > .pkal__bars { align-self: stretch; }
.pkal__src { align-self: flex-start; }
/* protein kalitesi kartları: eşit üç sütun (19.10.2026) */
.pkal--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 900px) { .pkal--3 { grid-template-columns: 1fr; } }
@media (min-width: 901px) { .pkal--3 { grid-template-rows: repeat(6, auto); } .pkal--3 .pkal__c { display: grid; grid-row: span 6; grid-template-rows: subgrid; } }
/* kaynak türü şeridi: klinik deneme laboratuvar ölçümünden ayrışsın (19.10.2026) */
.kd__7 { background: var(--accent-2); }

/* Üst menü daha büyük ve okunaklı (19.10.2026, kullanıcı isteği) */
.nav { font-size: 16px; gap: 26px; }
.navdrop__m { min-width: 248px; }
.navdrop__m a { font-size: 15.5px; padding: 10px 20px; }
.head-tools { font-size: 13px; }
@media (max-width: 1240px) { .nav { gap: 20px; font-size: 15.5px; } }
@media (max-width: 1080px) { .nav.acik > a, .nav.acik .navdrop__t { font-size: 17px; } .nav.acik .navdrop__m a { font-size: 16px; } }

/* uzun zaman çizelgesi ana sütunu genişletmesin (19.10.2026) */
.list-layout > div { min-width: 0; }

/* Üst şerit: görünür arama düğmesi (19.10.2026, kullanıcı isteği) */
.head-tools .head-ara { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px 7px 11px; border: 1px solid var(--line); color: var(--text); font-family: var(--sans); font-size: 14.5px; line-height: 1; background: var(--bg); }
.head-tools .head-ara:hover { border-color: var(--text); }
.head-ara__i { width: 11px; height: 11px; border: 1.6px solid currentColor; border-radius: 50%; position: relative; flex: none; }
.head-ara__i::after { content: ""; position: absolute; width: 5px; height: 1.6px; background: currentColor; right: -5px; bottom: -2px; transform: rotate(45deg); }
.head-ara kbd { font-family: var(--mono); font-size: 11px; color: var(--text-muted); border: 1px solid var(--line); padding: 2px 5px; margin-left: 4px; }
@media (max-width: 720px) { .head-ara kbd { display: none; } .head-tools .head-ara { padding: 7px 9px; } }

/* Üst menü rengi: gri yerine koyu kenevir yeşili (20.10.2026, kullanıcı isteği) */
.nav > a, .navdrop__t { color: var(--accent-dark); }
.nav > a:hover, .navdrop__t:hover, .navdrop:hover > .navdrop__t { color: var(--accent); }
.navdrop__m a { color: var(--text); }
.navdrop__m a:hover { color: var(--accent-dark); background: var(--bg-alt); }
.nav a[aria-current="page"] { color: var(--accent); box-shadow: inset 0 -2px 0 var(--accent); }

/* Koyu tema: ana sayfa tek renkli şemada yazılar koyu kalıyordu, çiçek/polen dolguları siyah görünüyordu (20.10.2026) */
[data-tema="koyu"] .ksh .ks__fig svg text,html.koyu .ksh .ks__fig svg text{fill:var(--text-soft)}
[data-tema="koyu"] .ksh .ks__fig svg .ks-sub,html.koyu .ksh .ks__fig svg .ks-sub{fill:var(--text-muted);opacity:1}
[data-tema="koyu"] .ksh .ks__fig svg .ks-cap,html.koyu .ksh .ks__fig svg .ks-cap{fill:var(--text-muted)}
[data-tema="koyu"] .ksh svg .ks-lbl:hover text,[data-tema="koyu"] .ksh svg .ks-lbl.on text{fill:var(--accent)}
[data-tema="koyu"] .ksh svg .kse-tep ellipse,[data-tema="koyu"] .ksh svg .kse-fl circle,[data-tema="koyu"] .ksh svg .kse-an path,[data-tema="koyu"] .ksh svg .kse-grain,[data-tema="koyu"] .ksh svg .kse-ctr,[data-tema="koyu"] .ksh svg .kse-ann,[data-tema="koyu"] .ksh svg .ks-seeds ellipse,[data-tema="koyu"] .ksh svg .ks-seed{fill:color-mix(in oklab,var(--accent) 16%,var(--surface))}
[data-tema="koyu"] .ksh svg .ks-axil path,[data-tema="koyu"] .ksh svg .ks-inf .br{fill:color-mix(in oklab,var(--accent) 22%,var(--surface))}

/* Bilimden şeridi mobilde de kendiliğinden kaysın (20.10.2026, kullanıcı isteği): dokunmatik ekranda takılı kalan :hover/:focus duraklatmasını ve "hareketi azalt" ayarındaki durmayı kaldırır */
@media (hover: none) { .studies--marquee:hover .marquee__track, .studies--marquee:focus-within .marquee__track { animation-play-state: running; } }
@media (prefers-reduced-motion: reduce) { .studies--marquee > .marquee__track { animation: kf-marquee var(--sure, 72s) linear infinite; } .studies--marquee:has(> .marquee__track) { overflow: hidden; } }

/* Üst şerit simge düğmeleri + menü yazı tipi + küçük kopyala düğmesi (21.10.2026, kullanıcı isteği) */
.nav, .nav a, .navdrop__t, .navdrop__m a { font-family: var(--sans); letter-spacing: 0; }
.nav > a, .navdrop__t { font-weight: 500; }
.navdrop__m a { font-weight: 400; }
.head-tools { gap: 8px; }
.head-tools .themebtn, .head-tools .head-ara { width: 36px; height: 36px; padding: 0; gap: 0; justify-content: center; font-size: 0; line-height: 0; color: var(--text); border: 1px solid var(--line); border-radius: 2px; flex: none; }
.head-tools .themebtn:hover, .head-tools .head-ara:hover { border-color: var(--accent); color: var(--accent); }
.head-tools .head-ara kbd { display: none; }
.head-tools .head-ara .head-ara__i { width: 12px; height: 12px; margin: -2px 0 0 -2px; }
.themebtn::before { width: 18px; height: 18px; border-radius: 0; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4'/%3E%3C/svg%3E") center / contain no-repeat; }
html[data-tema="yesil"] .themebtn::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19C5 10 10 5 20 4c0 10-5 15-15 15z'/%3E%3Cpath d='M5 19l8-8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19C5 10 10 5 20 4c0 10-5 15-15 15z'/%3E%3Cpath d='M5 19l8-8'/%3E%3C/svg%3E"); }
html[data-tema="koyu"] .themebtn::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5z'/%3E%3C/svg%3E"); }
.burger { width: 36px; height: 36px; padding: 0 !important; font-size: 0; line-height: 0; position: relative; cursor: pointer; flex: none; }
.burger::before { content: ""; position: absolute; left: 10px; right: 10px; top: 50%; height: 1.8px; margin-top: -1px; background: var(--text); box-shadow: 0 -5.5px 0 var(--text), 0 5.5px 0 var(--text); }
.burger[aria-expanded="true"]::before { box-shadow: none; transform: rotate(45deg); }
.burger[aria-expanded="true"]::after { content: ""; position: absolute; left: 10px; right: 10px; top: 50%; height: 1.8px; margin-top: -1px; background: var(--text); transform: rotate(-45deg); }
.citebox__a { margin: 10px 0 0; }
.citebox__btn, .kaynak-goster__b { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 11.5px; letter-spacing: .02em; line-height: 1; padding: 5px 8px; border: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--text-muted); cursor: pointer; }
.citebox__btn::before, .kaynak-goster__b::before { content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='1'/%3E%3Cpath d='M16 8V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='1'/%3E%3Cpath d='M16 8V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3'/%3E%3C/svg%3E") center / contain no-repeat; }
.citebox__btn:hover, .kaynak-goster__b:hover { background: transparent; border-color: var(--accent); color: var(--accent); }

/* alt menü yan boşluğu: .site-foot__grid padding kısaltması .wrap yan boşluğunu siliyordu (20.10.2026) */
@media screen { .wrap.site-foot__grid { padding-left: var(--gut); padding-right: var(--gut); } }

/* üst menü: SSS eklendi, dar masaüstünde satır kırılmasın (20.10.2026) */
@media (min-width: 1081px) { .nav > a, .navdrop__t { white-space: nowrap; } }
@media (min-width: 1081px) and (max-width: 1280px) { .nav { gap: 14px; font-size: 14.5px; } .head-ara kbd { display: none; } }

/* Küçük mono etiketler kalınlaştırıldı (21.10.2026, kullanıcı isteği): 400 → 500, bir ton koyu */
.eyebrow, .tldr h4, .myth h4, .side-block h3, .citebox h4, .nf__col h3, .kd-ic .eyebrow, .kz-onde .eyebrow { font-weight: 500; color: var(--text-soft); }
.site-foot h4 { font-weight: 500; color: oklch(0.72 0.01 120); }
.scale__s, .figs__n small, .instkpi__n small, .ydt__k, .side-links a span { font-weight: 500; }
.crumbs, .crumbs a, .page-head__meta, .meta { font-weight: 500; }
.crumbs a { font-weight: 600; }
/* Mono "→ / ↓" bağlantıları okunaklı (21.10.2026, kullanıcı isteği) */
.sss__l, .section-head a, .feedback a, .tx-hero__more, .navbox__more > summary, .rlist__more > summary, .kesif .kesif__git a, .kesif .kesif__git a:first-child, .scale__s a { font-weight: 500; }
/* Logo 3c: açık kitap + kenevir tohumu (21.10.2026, kullanıcı seçimi) */
.logo--tohum .logo__sayfa { fill: var(--accent); }
.logo--tohum .logo__benek { stroke: oklch(0.34 0.06 60); }
[data-tema="koyu"] .logo--tohum .logo__benek { stroke: oklch(0.55 0.08 60); }
@media (max-width: 720px) { .logo--tohum .logo__simge { width: 30px; height: 30px; } }

/* Logo alt satırı kaldırıldı (22.10.2026, kullanıcı isteği): "kaynaklı bilgi arşivi" altbilgi ve ana sayfa başlığında kalır */
.logo--tohum .logo__alt { display: none; }

/* Logo 8d: yaprak uçlu K + "Kenevirin bilimsel kaydı" (22.10.2026, kullanıcı seçimi) */
.logo--tohum.logo--k .logo__zemin { fill: var(--accent); }
.logo--tohum.logo--k .logo__k { fill: var(--bg); }
.logo--tohum.logo--k .logo__alt { display: block; }
@media (max-width: 720px) { .logo--tohum.logo--k .logo__simge { width: 30px; height: 30px; } }
.logo--tohum.logo--k { flex: none; }
.logo--tohum.logo--k .logo__alt { white-space: nowrap; letter-spacing: .1em; }
@media (max-width: 560px) { .logo--tohum.logo--k .logo__alt { font-size: 8px; letter-spacing: .06em; } }