/* Akademi, Kurumsal Mimari ve program bileşeni sayfaları: anasayfa bileşenlerine küçük varyantlar.
   styles.css'ten sonra bağlanır; aynı katmanda (sections) olduğundan sıra ile geçersiz kılar. */
@layer sections {
  /* Bölüm zemini (kapanıştan geriye dönüşümlü) */
  .pk-alt { background: var(--color-surface-alt); }
  .pk-white { background: #fff; }
  .pk-closing { border-top: var(--border-1); }

  /* Hero */
  .pk-proof { display: flex; }
  .pk-back {
    display: inline-flex; align-items: center; gap: 8px; min-height: var(--tap-min); margin-bottom: 8px;
    font-weight: var(--fw-semibold); color: var(--color-primary-on-dark); text-decoration: none;
  }
  .pk-back .ico { transform: rotate(180deg); width: 18px; height: 18px; }
  .pk-back:hover span { text-decoration: underline; }
  .pk-cat { flex-wrap: wrap; column-gap: 10px; row-gap: 2px; }
  .pk-cat__l { margin-left: 8px; color: var(--color-text-on-dark-muted); }
  .pk-en { margin-top: 12px; font-size: var(--fs-h3); font-weight: var(--fw-semibold); line-height: var(--lh-tight); letter-spacing: var(--ls-h3); }
  .pk-meta { display: flex; flex-wrap: wrap; gap: 12px 0; margin-top: 20px; }
  .pk-meta > div { padding-inline: 24px; border-left: 1px solid var(--color-on-dark-line); }
  .pk-meta > div:first-child { padding-left: 0; border-left: 0; }
  .pk-meta dt { font-size: var(--fs-eyebrow); font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: var(--ls-eyebrow); color: var(--color-primary-on-dark); }
  .pk-meta dd { margin: 0; font-size: var(--fs-h4); font-weight: var(--fw-semibold); color: #fff; }

  /* Akademi: üç cümlelik vizyon (anasayfa "Nasıl çalışıyoruz") */
  .pk-vision .how { margin-top: 0; }
  .pk-vision .how__list { background: #fff; border: var(--border-1); }
  @media (min-width: 768px) { .how__list--3 { grid-template-columns: 1fr; } }
  @media (min-width: 1024px) { .how__list--3 { grid-template-columns: repeat(3, 1fr); } }
  .pk-side__link { margin-top: 20px; margin-left: -18px; justify-content: flex-start; text-align: left; }
  .pk-side__p { color: var(--color-text-muted); max-width: 32ch; }

  /* Akademi program satırları: dar ekranda başlık önce */
  @media (max-width: 1023px) {
    .pk-row { grid-template-areas: "idx idx" "title title" "text text" "link link"; row-gap: 8px; }
    .pk-row .area__arrow { display: none; }
    .pk-row .area__text { max-width: var(--measure); }
  }

  /* Akademi: tarihçe satırları */
  .mile { width: 100%; }
  .mile__row { display: grid; grid-template-columns: auto 1fr; gap: 12px 16px; align-items: center; padding-block: 18px; border-top: var(--border-1); }
  .mile__row:last-child { border-bottom: var(--border-1); }
  .mile__t { font-size: var(--fs-h4); font-weight: var(--fw-semibold); line-height: var(--lh-tight); }
  .s-know .events .btn--ghost { margin-left: -18px; }

  /* Bölüm ızgarası: sol başlık, sağ gövde */
  .pk-sec { padding-block: clamp(48px, 28px + 4.5vw, 88px); }
  .pk-sec .areas__side h2 { font-size: clamp(1.5rem, 1.25rem + 1.1vw, 2.125rem); margin-bottom: 0; }
  .pk-sec .areas__side { position: static; }
  @media (min-width: 1024px) {
    .pk-sec .areas__side { position: sticky; }
    .pk-body { grid-column: 5 / -1; min-width: 0; }
  }
  .pk-body > * + * { margin-top: 16px; }
  .pk-lead { font-size: var(--fs-h3); font-weight: var(--fw-semibold); line-height: var(--lh-tight); letter-spacing: var(--ls-h3); color: var(--color-navy); max-width: 40ch; }
  .pk-p { max-width: var(--measure); }
  .pk-intro__in { display: grid; gap: 16px; max-width: 72ch; }
  .pk-intro .pk-lead { max-width: none; }
  .pk-ul { max-width: var(--measure); }

  /* Devamını okuyun (JS'siz details) */
  .more { margin-top: 12px; }
  .more > .pk-p { margin-top: 16px; }
  .more__sum { margin-left: -18px; list-style: none; cursor: pointer; }
  .more__sum::-webkit-details-marker { display: none; }
  .more__close { display: none; }
  .more[open] .more__open { display: none; }
  .more[open] .more__close { display: inline; }

  /* Mimari katmanları (anasayfa layer-map) gövde içinde */
  .pk-layers { margin-block: 8px; }
  @media (min-width: 768px) { .pk-layers .layer + .layer::before, .pk-layers .layer + .layer::after { display: none; } }
  @media (min-width: 768px) { .pk-layers { grid-template-columns: repeat(2, 1fr); } }
  .pk-sec .layer { background: #fff; }
  .pk-alt .layer { background: #fff; }
  .pk-white .layer { background: var(--color-surface-alt); }
  .pk-white .layer__glyph { background: #fff; }

  /* Alan sayfası: program bileşenleri listesi (row--area ailesi) */
  .pk-grp + .pk-grp { margin-top: 40px; }
  .pk-grp__h { margin-bottom: 8px; }
  .row--comp {
    display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 16px; row-gap: 4px; align-items: start; padding-block: 24px;
    grid-template-areas: "idx en" "idx title" "idx text" "idx link";
  }
  .row--comp .area__idx { padding-top: 3px; min-width: 40px; }
  .row--comp .area__arrow { display: none; }
  .row--comp .area__title { font-size: var(--fs-h4); line-height: var(--lh-tight); letter-spacing: 0; font-weight: var(--fw-semibold); }
  .row--comp .area__text { font-size: var(--fs-body); color: var(--color-text-muted); max-width: none; }
  .row--comp .area__link { margin-top: 4px; }
  @media (min-width: 1024px) {
    .row--comp { grid-template-columns: 56px minmax(0, 1fr) 32px; grid-template-areas: "idx en arrow" "idx title arrow" "idx text arrow" "idx link arrow"; padding-block: 28px; }
    .row--comp .area__arrow { display: block; grid-row: 1 / -1; align-self: center; }
    .row--comp:hover .area__arrow { transform: translateX(3px); }
    .row--comp .area__title { font-size: var(--fs-h3); letter-spacing: var(--ls-h3); }
  }

  /* Bileşen sayfası */
  .pk-card { display: grid; gap: 16px; padding: 24px; }
  .pk-card > * + * { margin-top: 0; }
  .pk-parts { margin-top: 4px; }
  .pk-p--dark { color: var(--color-text-on-dark-muted); }
  .pk-parts { gap: 12px; }
  .pk-parts li { align-items: flex-start; font-weight: var(--fw-semibold); line-height: var(--lh-tight); }
  .pk-parts .slash { margin-top: .2em; }
  .pk-many { padding-block: 0; }
  .pk-many .pk-item { padding-block: clamp(48px, 28px + 4.5vw, 88px) 0; }
  .pk-many .pk-item:last-child { padding-bottom: clamp(48px, 28px + 4.5vw, 88px); }
  .pk-many .pk-item + .pk-item { padding-top: 40px; margin-top: 40px; border-top: var(--border-1); }
  .pk-many .pk-item:first-child { padding-top: clamp(48px, 28px + 4.5vw, 88px); }
  .pk-sibs .row--box .row__body { min-width: 0; }
  .pk-sibs .row--box { min-height: 72px; padding-block: 14px; }
  .pk-sibs .row__target { color: var(--color-text-muted); font-weight: var(--fw-regular); }
  .pk-all { margin-top: 16px; margin-left: -18px; }
  @media (min-width: 1024px) { .pk-card { padding: 32px; } }
}