/* Wiki pages layout — Figma: Wiki — W03 Lead listesi (23:806) · mobile 27:2189
   ≥ 1280: sidebar 280 | article | right column 280
   1024–1279: sidebar | article, right column below the article
   < 1024: the sidebar moves into the navbar menu (Figma developer notes)
   Tablet (768–1023) uses the mobile layout with 40 px gutters (Figma: … — tablet 768, 358:61800) */

.wiki-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.wiki-article {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  min-width: 0;
  padding: var(--space-20) var(--gutter) var(--space-40);
}

/* Breadcrumb (desktop) / back link (mobile) */
.wiki-breadcrumb { display: none; }
.wiki-back { align-self: flex-start; font-size: 13px; line-height: 1.3; font-weight: 600; color: var(--color-text-link); }

.wiki-header { display: flex; flex-direction: column; gap: var(--space-10); }
.wiki-header__title-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-12); }
.wiki-header__title { font-size: 24px; line-height: 1.2; font-weight: 700; letter-spacing: -0.015em; color: var(--color-text-primary); }
.wiki-header__tag { display: none; border-radius: var(--radius-sm); }
.wiki-header__lead { font-size: 15px; line-height: 1.55; letter-spacing: -0.002em; color: var(--color-text-secondary); }
.wiki-header__meta { display: none; }

.wiki-rail { display: none; }

/* Tablet: mobile layout, centred 688 px column */
@media (min-width: 768px) and (max-width: 1023px) {
  .wiki-article { max-width: calc(688px + var(--gutter) * 2); margin-inline: auto; width: 100%; }
}

@media (min-width: 1024px) {
  .wiki-article {
    gap: var(--space-40);
    max-width: calc(688px + var(--gutter) * 2);
    margin-inline: auto;
    width: 100%;
    padding-block: var(--space-40) var(--space-96);
  }

  .wiki-back { display: none; }
  .wiki-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
    font-size: 13px;
    line-height: 1.5;
    color: var(--color-text-secondary);
  }
  .wiki-breadcrumb a:hover { color: var(--color-text-link); }
  .wiki-breadcrumb [aria-hidden] { color: var(--color-text-disabled); }
  .wiki-breadcrumb [aria-current] { color: var(--color-text-primary); }

  .wiki-header { gap: var(--space-14); }
  .wiki-header__title { font-size: 40px; line-height: 1.12; letter-spacing: -0.02em; }
  .wiki-header__tag { display: inline-flex; }
  .wiki-header__lead { font-size: 20px; line-height: 1.55; letter-spacing: -0.005em; }
  .wiki-header__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4) var(--space-16);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--color-text-secondary);
  }

  /* 1024–1279: the access box sits under the article */
  .wiki-rail {
    display: block;
    max-width: calc(688px + var(--gutter) * 2);
    margin: 0 auto;
    width: 100%;
    padding: 0 var(--gutter) var(--space-64);
  }
  .wiki-rail__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-16); align-items: start; }
  .wiki-toc { display: none; }
}

@media (min-width: 1024px) {
  .wiki-layout { grid-template-columns: 280px minmax(0, 1fr); }
  .wiki-sidebar {
    display: block;
    grid-row: 1 / span 2;
    border-right: 1px solid var(--color-border-default);
    background: var(--color-surface-subtle);
  }
  .wiki-sidebar__inner {
    position: sticky;
    top: var(--navbar-height);
    display: flex;
    flex-direction: column;
    gap: var(--space-20);
    max-height: calc(100vh - var(--navbar-height));
    overflow-y: auto;
    padding: 28px var(--space-20) var(--space-40) var(--space-32);
  }
  .wiki-sidebar__nav { display: flex; flex-direction: column; gap: var(--space-20); }

  .wiki-article,
  .wiki-rail { max-width: none; margin: 0; padding-inline: var(--space-64) var(--space-48); }
}

@media (min-width: 1280px) {
  .wiki-layout { grid-template-columns: 280px minmax(0, 1fr) 280px; }
  .wiki-sidebar { grid-row: auto; }
  .wiki-rail { padding: 0; }
  .wiki-rail__inner {
    position: sticky;
    top: var(--navbar-height);
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
    padding: var(--space-40) var(--space-32) var(--space-40) var(--space-24);
  }
  .wiki-rail__inner > * { width: 100%; min-width: 0; }
  .wiki-toc { display: flex; }
}

/* ---------- Pages without the right column: Roller ve yetkiler, Sık sorulanlar ---------- */
.wiki-article--page .wiki-header__title { font-size: 28px; line-height: 1.15; font-weight: 600; letter-spacing: -0.02em; }
.wiki-article--page .wiki-header__lead { font-size: 16px; line-height: 1.5; letter-spacing: 0; }
/* Tablet (Figma: Wiki — Roller ve yetkiler / Sık sorulanlar — tablet 768) */
@media (min-width: 768px) and (max-width: 1023px) {
  .wiki-article--page { padding-bottom: var(--space-48); }
  .wiki-article--page .wiki-back { font-size: 14px; line-height: 1.5; }
  .wiki-article--page .wiki-header__title { font-size: 34px; letter-spacing: -0.02em; }
}
@media (min-width: 1024px) {
  .wiki-article--page .wiki-header__title { font-size: 40px; line-height: 1.12; font-weight: 700; }
  .wiki-article--page .wiki-header__lead { font-size: 20px; line-height: 1.55; letter-spacing: -0.005em; }
}
@media (min-width: 1024px) {
  .wiki-article--page { max-width: calc(1104px + 128px); padding: var(--space-40) var(--space-64) var(--space-96); }
}
@media (min-width: 1280px) {
  .wiki-layout--page { grid-template-columns: 280px minmax(0, 1fr); }
}