/* ==========================================================================
   Sayfaya özel stiller. Sadece tokens.css değerleri.
   ========================================================================== */

/* İskelet notu (henüz tasarlanmamış sayfalar) */
.skeleton-note {
  padding-top: var(--s-3);
  border-top: 1px solid var(--rule);
  color: var(--ink-soft);
  font-size: var(--fs-small);
}

/* ======================================================= Ana sayfa · Manşet
   Monografi kapağı gibi ızgaraya kilitli:
   masaüstü → etiket portrenin üst kenarında, isim + giriş cümlesi ortada-altta,
   link satırı portrenin alt kenarında. Portre 4:5, kolon 9–12.
   mobil → etiket · isim · giriş · portre · linkler (2×2).
   Geniş düzen (hero--wide, panelden): görsel tam genişlik, mobil 4:5 / masaüstü 21:9. */

.hero {
  padding-top: var(--s-6);
  padding-bottom: var(--s-7);
}

.hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "kicker" "head" "media" "links";
}

.hero__kicker { grid-area: kicker; margin-bottom: var(--s-3); }
.hero__head   { grid-area: head; }
.hero__media  { grid-area: media; margin-top: var(--s-5); }
.hero__links  { grid-area: links; }

.hero__title {
  margin: 0;
  font-size: var(--fs-display);
  font-weight: 300;
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-display);
  text-wrap: initial;
}
.hero__line { display: block; }

.hero__dek {
  max-width: 30ch;
  margin: var(--s-4) 0 0;
  font-family: var(--font-serif);
  font-size: var(--fs-lead);
  font-weight: 300;
  line-height: 1.45;
  color: var(--ink-soft);
}

.hero__links {
  margin-top: var(--s-4);
  border-top: 1px solid var(--rule);
}
.hero__links ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--s-3);
}
.hero__links a {
  display: flex;
  align-items: center;
  min-height: 44px;
  font-size: var(--fs-small);
  text-decoration: none;
}
.hero__links a:hover { text-decoration: underline; }

@media (min-width: 48em) {
  .hero { padding-top: var(--s-7); }
  .hero__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: auto 1fr auto;
    grid-template-areas: none;
    column-gap: var(--s-4);
  }
  .hero__kicker { grid-column: 1 / span 7; grid-row: 1; margin: 0; }
  .hero__head   { grid-column: 1 / span 7; grid-row: 2; align-self: end; padding-top: var(--s-5); }
  .hero__links  { grid-column: 1 / span 7; grid-row: 3; margin-top: var(--s-5); padding-top: var(--s-1); }
  .hero__media  { grid-column: 8 / -1; grid-row: 1 / -1; margin: 0; }
  .hero__links ul { display: flex; flex-wrap: wrap; column-gap: var(--s-4); }
  .hero__links a { min-width: 44px; }
}

@media (min-width: 64em) {
  .hero__kicker, .hero__head, .hero__links { grid-column: 1 / span 8; }
  .hero__links { max-width: 34rem; }
  .hero__media { grid-column: 9 / -1; }
}

@media (min-width: 90em) {
  .hero__media { justify-self: end; width: 26rem; }
}

/* Geniş düzen */
.hero--wide .hero__grid { grid-template-areas: "kicker" "head" "links" "media"; }
@media (min-width: 48em) {
  .hero--wide .hero__grid { grid-template-rows: auto auto auto auto; }
  .hero--wide .hero__kicker, .hero--wide .hero__head, .hero--wide .hero__links { grid-column: 1 / span 8; }
  .hero--wide .hero__media { grid-column: 1 / -1; grid-row: 4; width: auto; margin-top: var(--s-6); }
}

/* ======================================================= Ana sayfa · Profil
   Kartsız künye: satırlar 1px çizgiyle ayrılan tanım listesi. */

.profile {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--s-3);
  padding-bottom: var(--section-gap);
}

.profile__head { grid-column: 1 / -1; margin-bottom: var(--s-4); }
.profile__title { font-size: var(--fs-h2); font-weight: 300; }

.profile__list {
  grid-column: 1 / -1;
  margin: 0;
  border-bottom: 1px solid var(--rule);
}

.profile__row {
  padding-block: var(--s-3);
  border-top: 1px solid var(--rule);
}
.profile__row dt { margin-bottom: var(--s-2); }
.profile__row dd { margin: 0; }

@media (min-width: 64em) {
  .profile__head { grid-column: 1 / span 3; margin: 0; }
  .profile__title { padding-top: var(--s-2); }
  .profile__list { grid-column: 4 / -1; }
}

/* Kısa değerler: serif */
.profile__lines li,
.xp__year,
.xp__role {
  font-family: var(--font-serif);
  font-size: var(--fs-h3);
  font-weight: 300;
  line-height: var(--lh-head);
}
.profile__lines li + li { margin-top: var(--s-1); }

/* Uzun değerler: sans */
.profile__text { max-width: var(--text-w); }
.profile__text p:last-child { margin-bottom: 0; }

/* Tecrübe: yıl · başlık · açıklama */
.xp__row { display: grid; gap: var(--s-1); padding-block: var(--s-2); }
.xp__row + .xp__row { border-top: 1px solid var(--rule); }
.xp__row:first-child { padding-top: 0; }
.xp__row:last-child { padding-bottom: 0; }
.xp__year { font-variant-numeric: lining-nums tabular-nums; }
.xp__body { display: grid; gap: var(--s-1); }
.xp__desc { color: var(--ink-soft); }

/* Mobil: yıl küçük etiket olarak başlığın üstünde */
@media (max-width: 47.99em) {
  .xp__year {
    font-family: var(--font-sans);
    font-size: var(--fs-label);
    font-weight: 500;
    letter-spacing: var(--tracking-label);
    text-transform: uppercase;
    color: var(--ink-soft);
  }
}

@media (min-width: 48em) {
  .profile { column-gap: var(--s-4); }
  .profile__row {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    column-gap: var(--s-4);
  }
  .profile__row dt { grid-column: 1 / span 3; margin: 0; padding-top: 0.4em; }
  .profile__row dd { grid-column: 4 / -1; }

  .xp__row { grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: var(--s-4); }
  .xp__year { grid-column: 1 / span 2; }
  .xp__body { grid-column: 3 / -1; }
}

/* ================================================================ Ortak */

.prose > * { max-width: var(--text-w); }
.prose p:last-child { margin-bottom: 0; }
.prose ul { padding-left: 1.1em; }

.caption {
  margin-top: var(--s-1);
  font-size: var(--fs-small);
  line-height: 1.45;
  color: var(--ink-soft);
}

/* Vurgu cümlesi: metnin kendi cümlesi, aria-hidden */
.pullquote {
  max-width: 22ch;
  margin: var(--s-6) 0;
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: var(--fs-h2);
  line-height: var(--lh-head);
  text-wrap: balance;
}

/* Bölümler arasındaki 1px çizgi (wrap kenar boşluğuna taşmadan) */
.chapter::before,
.ach::before {
  content: "";
  grid-column: 1 / -1;
  height: 1px;
  background: var(--rule);
}

/* ====================================================== Ana sayfa · Hikâye */

.story { padding-bottom: var(--s-7); }

.story__head { padding-bottom: var(--s-6); }
.story__head .label { margin-bottom: var(--s-3); }
.story__title {
  max-width: 14ch;
  font-size: var(--fs-h1);
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-display);
}
.story__intro {
  max-width: var(--text-w);
  margin-top: var(--s-5);
  font-family: var(--font-serif);
  font-size: var(--fs-lead);
  font-weight: 300;
  line-height: 1.5;
}
.story__intro p:last-child { margin-bottom: 0; }

.chapter {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--s-3);
  padding-bottom: var(--s-6);
}
.chapter__num { margin-bottom: var(--s-1); }
.chapter__title { font-size: var(--fs-h2); font-weight: 300; }

@media (min-width: 64em) {
  .story__head {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--s-4);
  }
  .story__head .label,
  .story__title { grid-column: 1 / span 8; }
  .story__intro { grid-column: 5 / span 7; }

  .chapter {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--s-4);
    row-gap: var(--s-4);
    padding-bottom: var(--s-7);
  }
  .chapter__head { grid-column: 1 / span 4; }
  .chapter__body { grid-column: 5 / span 7; }

  .pullquote { margin: var(--s-4) 0 var(--s-8) calc((100% + var(--s-4)) / 12); }
}

/* ====================================== Ana sayfa · Öne çıkan projeler */
/* Yalnızca yayında + öne çıkan proje varsa basılır; liste stili Projeler sayfasıyla aynı (.plist). */

.featured { margin-top: var(--section-gap); }
.featured__head {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
  gap: var(--s-2); margin-bottom: var(--s-3);
}
.featured__all { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--fs-small); }
.featured + .next { margin-top: var(--s-7); }

/* ============================================== Ana sayfa · Devam linkleri */

.next .label { margin-bottom: var(--s-3); }
.next__list { display: grid; }
.next__list li { border-top: 1px solid var(--rule); }
.next__list li:last-child { border-bottom: 1px solid var(--rule); }
.next__list a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding-block: var(--s-3);
  font-family: var(--font-serif);
  font-size: var(--fs-h2);
  font-weight: 300;
  line-height: var(--lh-head);
  text-decoration: none;
}
.next__list a:hover { text-decoration: underline; text-decoration-thickness: 1px; }

@media (min-width: 64em) {
  .next__list { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--s-4); }
  .next__list li:last-child { border-bottom: 0; }
  .next__list a { padding-block: var(--s-3) 0; }
}

/* ======================================================== Kimdir · Baş */

.about-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--s-5);
  padding-top: var(--s-7);
  padding-bottom: var(--s-7);
}
.about-head .label { margin-bottom: var(--s-3); }
.about-head__title { max-width: 16ch; }
.about-head__lead {
  max-width: 40ch;
  margin-top: var(--s-4);
  font-family: var(--font-serif);
  font-size: var(--fs-lead);
  font-weight: 300;
  line-height: 1.5;
}
.about-head__lead p:last-child { margin-bottom: 0; }
.about-head__media { margin: 0; }

@media (min-width: 48em) {
  .about-head { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--s-4); }
  .about-head__text { grid-column: 1 / span 9; }
  .about-head--image .about-head__text { grid-column: 1 / span 7; align-self: end; }
  .about-head__media { grid-column: 9 / -1; }
}
@media (min-width: 64em) {
  .about-head__media { grid-column: 10 / -1; }
}

/* ===================================================== Kimdir · Gövde
   Masaüstü: dizin kolon 1–3 (yapışkan), bölümler kolon 4–12 (9 kolonluk iç ızgara). */

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

/* Dizin */
.toc { margin-bottom: var(--s-6); }
.toc__title { margin-bottom: var(--s-2); }
.toc__list { border-top: 1px solid var(--rule); }
.toc__list li { border-bottom: 1px solid var(--rule); }
.toc__list a {
  display: flex;
  gap: var(--s-2);
  align-items: baseline;
  min-height: 44px;
  padding-block: var(--s-1);
  font-size: var(--fs-small);
  line-height: 1.4;
  color: var(--ink-soft);
  text-decoration: none;
}
.toc__list a:hover { color: var(--ink); text-decoration: underline; }
.toc__list a[aria-current="true"] { color: var(--ink); }
.toc__num { font-variant-numeric: tabular-nums; flex: none; }

/* Bölüm */
.ach {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding-bottom: var(--s-6);
  scroll-margin-top: calc(var(--sticky-top) + var(--s-3));
}
.ach__num { margin-top: var(--s-4); margin-bottom: var(--s-2); }
.ach__title { font-size: var(--fs-h2); font-weight: 300; }
.ach__body { margin-top: var(--s-4); }
.ach__quote { margin-bottom: 0; margin-left: 0; }
.ach__media { margin: var(--s-5) 0 0; }

/* Tanım listesi (Faaliyet alanları, Sık karıştırılan noktalar) */
.terms { margin-bottom: 0; }
.terms__row { padding-block: var(--s-3); border-top: 1px solid var(--rule); }
.terms__row:last-child { padding-bottom: 0; }
.terms dt {
  font-family: var(--font-serif);
  font-size: var(--fs-h3);
  font-weight: 300;
  line-height: var(--lh-head);
}
.terms dt strong { font-weight: inherit; }
.terms dd { max-width: var(--text-w); margin: var(--s-1) 0 0; }

/* EN galeri */
.gallery { display: grid; gap: var(--s-5); padding-top: var(--s-6); }
.gallery__item { margin: 0; }

/* Kimdir alt sayfaları */
.subnav { padding-top: var(--s-7); }
.subnav > .label { margin-bottom: var(--s-3); }
.subnav__list { border-bottom: 1px solid var(--rule); }
.subnav__item { border-top: 1px solid var(--rule); }
.subnav__item a {
  display: flex;
  align-items: baseline;
  gap: var(--s-3);
  min-height: 44px;
  padding-block: var(--s-3);
  text-decoration: none;
}
.subnav__num { display: inline; flex: none; font-variant-numeric: tabular-nums; }
.subnav__name {
  font-family: var(--font-serif);
  font-size: var(--fs-h2);
  font-weight: 300;
  line-height: var(--lh-head);
}
.subnav__item a:hover .subnav__name { text-decoration: underline; text-decoration-thickness: 1px; }
.subnav__note {
  max-width: var(--text-w);
  margin: calc(var(--s-2) * -1) 0 0;
  padding-bottom: var(--s-3);
  padding-left: calc(2ch + var(--s-3));
  color: var(--ink-soft);
}
.subnav__note-title { color: var(--ink); }

@media (min-width: 64em) {
  .about {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--s-4);
    align-items: start;
  }
  .toc { grid-column: 1 / span 3; align-self: stretch; margin: 0; }
  .about__main { grid-column: 4 / -1; }

  .ach {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    column-gap: var(--s-4);
    padding-bottom: var(--s-7);
  }
  .ach > * { grid-column: 1 / span 7; }
  .ach::before { grid-column: 1 / -1; }

  /* Yanda görsel: numara, başlık, metin kolon 1–6 (satır 2–4); görsel kolon 7–9, numarayla üst hizalı */
  .ach--side .ach__num   { grid-column: 1 / span 6; grid-row: 2; }
  .ach--side .ach__title { grid-column: 1 / span 6; grid-row: 3; }
  .ach--side .ach__body  { grid-column: 1 / span 6; grid-row: 4; }
  .ach--side .ach__media { grid-column: 7 / -1; grid-row: 2 / span 3; margin-top: var(--s-4); }

  .ach--band .ach__media  { grid-column: 1 / -1; }
  .ach--left .ach__media  { grid-column: 1 / span 5; }
  .ach--wide .ach__media  { grid-column: 1 / span 8; }
  .ach--right .ach__media { grid-column: 4 / -1; }

  .ach__quote { grid-column: 1 / -1; }

  .gallery { grid-template-columns: repeat(9, minmax(0, 1fr)); column-gap: var(--s-4); row-gap: var(--s-5); }
  .gallery__item:nth-child(1) { grid-column: 1 / span 4; grid-row: 1 / span 2; }
  .gallery__item:nth-child(2) { grid-column: 6 / -1; }
  .gallery__item:nth-child(3) { grid-column: 6 / -1; align-self: end; }
  /* 2 görsel: dikey solda, yatay sağda alt hizalı */
  .gallery--2 .gallery__item:nth-child(1) { grid-row: auto; }
  .gallery--2 .gallery__item:nth-child(2) { align-self: end; }
}

/* ======================================================== Aşama 4 · Parça B
   Kalan sayfalar: Kimdir ve ana sayfanın tasarım dilini sürdürür. */

/* Yatay manşet görseli (başlığın altında bant) */
.page-band { margin: 0 auto var(--s-7); }
.page-band .caption { margin-top: var(--s-1); }

/* Başlıksız bölüm (örn. Değerler sayfasının kapanış paragrafı) */
.ach--untitled .ach__body { margin-top: var(--s-4); }

/* «Alıntı» paragrafları (md: « ile başlayan paragraf) */
.quote {
  margin: var(--s-5) 0;
  padding-left: var(--s-3);
  border-left: 1px solid var(--ink);
  max-width: 34ch;
}
.quote p {
  margin: 0;
  font-family: var(--font-serif);
  font-style: italic;
  font-size: var(--fs-lead);
  line-height: 1.45;
}

.prose h3, .prose h4 { margin: var(--s-5) 0 var(--s-2); font-weight: 300; }
.prose h3 { font-size: var(--fs-h3); }
.prose h4 { font-size: var(--fs-body); font-family: var(--font-sans); font-weight: 500; }
.prose h2 { margin: var(--s-6) 0 var(--s-3); font-size: var(--fs-h2); }

/* ------------------------------------------------------ Editoryal galeri
   4'lü döngü: büyük (4/6) · küçük (2/6) / küçük · büyük. Mobil: büyük tam, küçükler ikili. */

.ach__gallery, .page-gallery { grid-column: 1 / -1; margin-top: var(--s-5); }
.page-gallery { padding-top: var(--s-5); }

.egallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s-4) var(--s-3);
  align-items: end;
}
.egallery__item { margin: 0; }
.egallery__item.is-big { grid-column: 1 / -1; }
.egallery__item a { display: block; cursor: zoom-in; }
.egallery--single .egallery__item { grid-column: 1 / -1; }

@media (min-width: 48em) {
  .egallery { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--s-5) var(--s-4); }
  .egallery__item.is-big { grid-column: span 4; }
  .egallery__item.is-small { grid-column: span 2; }
  .egallery--single .egallery__item { grid-column: 1 / span 5; }
}

/* PhotoSwipe: gece zemini, ikonsuz metin düğmeleri */
.pswp.pswp { --pswp-bg: var(--night); --pswp-placeholder-bg: var(--night); } /* photoswipe.css sonra yüklenir; özgüllük artırıldı */
.pswp__top-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--s-3);
  padding-inline: var(--gutter);
  height: 64px;
  color: var(--night-ink);
}
.pswp__counter-text { margin-right: auto; font-size: var(--fs-small); font-variant-numeric: tabular-nums; }
.pswp__button {
  width: auto !important;
  height: 44px !important;
  min-width: 44px;
  margin: 0 !important;
  padding: 0 var(--s-1) !important;
  color: var(--night-ink) !important;
  font: 500 var(--fs-label) / 1 var(--font-sans) !important;
  letter-spacing: var(--tracking-label) !important;
  text-transform: uppercase;
  opacity: 1 !important;
}
.pswp__button:hover, .pswp__button:focus-visible { text-decoration: underline; }
.pswp__button:focus-visible { outline: 2px solid var(--night-ink); outline-offset: 2px; }
.pswp__caption {
  position: absolute;
  left: var(--gutter);
  right: var(--gutter);
  bottom: var(--s-3);
  color: var(--night-ink);
  font-size: var(--fs-small);
  text-align: center;
}

/* ----------------------------------------------- Faaliyet alanları listesi */

.alist { border-bottom: 1px solid var(--rule); }
.alist__item {
  display: grid;
  gap: var(--s-2);
  padding-block: var(--s-4);
  border-top: 1px solid var(--rule);
}
.alist__title { font-size: var(--fs-h2); font-weight: 300; }
.alist__title a { text-decoration: none; }
.alist__title a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
.alist__text { max-width: var(--text-w); color: var(--ink-soft); }
.alist__text p:last-child { margin-bottom: 0; }
@media (min-width: 64em) {
  .alist__item { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--s-4); align-items: baseline; }
  .alist__num { grid-column: 1 / span 1; }
  .alist__title { grid-column: 2 / span 5; }
  .alist__text { grid-column: 7 / -1; }
}

/* --------------------------------------------------------------- Kronoloji */

.tl-title { margin-bottom: var(--s-3); }
.tl { border-bottom: 1px solid var(--rule); }
.tl__item {
  display: grid;
  gap: var(--s-2);
  padding-block: var(--s-4);
  border-top: 1px solid var(--rule);
}
.tl__year {
  margin: 0;
  font-family: var(--font-serif);
  font-size: var(--fs-h2);
  font-weight: 300;
  line-height: var(--lh-head);
  font-variant-numeric: lining-nums tabular-nums;
}
.tl__title { font-size: var(--fs-h3); font-weight: 400; margin-bottom: var(--s-1); }
.tl__link { margin: var(--s-2) 0 0; font-size: var(--fs-small); }
@media (min-width: 64em) {
  .tl__item { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--s-4); }
  .tl__year { grid-column: 1 / span 3; }
  .tl__body { grid-column: 4 / span 7; }
}

/* ------------------------------------------------------------------- SSS */

.faq-title { margin-bottom: var(--s-3); }
.faq .terms__row:first-child { border-top: 1px solid var(--rule); }
.faq dd { margin-top: var(--s-2); }

/* -------------------------------------------------------------- İletişim */

.contact { display: grid; gap: var(--s-6); }
.contact__info .label { margin: var(--s-4) 0 var(--s-1); }
.contact__info .label:first-child { margin-top: 0; }
.contact__big {
  margin: 0;
  font-family: var(--font-serif);
  font-size: var(--fs-h3);
  font-weight: 300;
  overflow-wrap: anywhere;
}
.contact__big a, .contact__line a { display: inline-flex; min-height: 44px; align-items: center; }
.contact__line { margin: 0; font-style: normal; }
.contact__form > .label { margin-bottom: var(--s-3); }

@media (min-width: 64em) {
  .contact { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--s-4); }
  .contact__info { grid-column: 1 / span 4; }
  .contact__form { grid-column: 6 / -1; }
}

.cform { display: grid; gap: var(--s-3); }
.cform__row { display: grid; gap: var(--s-3); }
@media (min-width: 48em) { .cform__row { grid-template-columns: 1fr 1fr; } }
.cform__field label { display: block; margin-bottom: var(--s-1); font-size: var(--fs-small); font-weight: 500; }
.cform__opt { font-weight: 400; color: var(--ink-soft); }
.cform__field input,
.cform__field textarea {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: var(--s-1) 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--ink-soft);
  border-radius: 0;
  font-size: var(--fs-body);
  line-height: 1.5;
}
.cform__field textarea { resize: vertical; min-height: 10rem; }
.cform__field input:focus-visible,
.cform__field textarea:focus-visible { outline: none; border-bottom: 2px solid var(--ink); }
.cform__field.has-error input,
.cform__field.has-error textarea { border-bottom: 2px solid var(--ink); }
.cform__error { margin: var(--s-1) 0 0; font-size: var(--fs-small); font-weight: 500; }
.cform__privacy { margin: 0; font-size: var(--fs-small); color: var(--ink-soft); }
.cform__submit {
  justify-self: start;
  min-height: 48px;
  padding: 0 var(--s-5);
  background: var(--ink);
  color: var(--paper);
  border: 1px solid var(--ink);
  font-size: var(--fs-small);
  font-weight: 500;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.cform__submit:hover { background: var(--night); border-color: var(--night); }
.cform__submit:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.cform__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cform__notice {
  padding: var(--s-3) 0;
  border-block: 1px solid var(--ink);
  margin-bottom: var(--s-4);
}
.cform__notice:focus { outline: none; }
.cform__notice p { margin: 0; }
.cform__notice-title { font-family: var(--font-serif); font-size: var(--fs-h3); font-weight: 300; margin-bottom: var(--s-1) !important; }

/* ------------------------------------------------------ Yazılar / Projeler */

.postlist, .plist { border-bottom: 1px solid var(--rule); }
.postlist__item, .plist__item {
  display: grid;
  gap: var(--s-3);
  padding-block: var(--s-5);
  border-top: 1px solid var(--rule);
}
.postlist__title, .plist__title { font-size: var(--fs-h2); font-weight: 300; margin: var(--s-1) 0 var(--s-2); }
.postlist__title a, .plist__title a { text-decoration: none; }
.postlist__title a:hover, .plist__title a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
.postlist__excerpt { max-width: var(--text-w); margin: 0; color: var(--ink-soft); }
.plist__summary { max-width: var(--text-w); color: var(--ink-soft); }

@media (min-width: 64em) {
  .postlist__item { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--s-4); align-items: start; }
  .postlist__text { grid-column: 1 / span 8; }
  .postlist__media { grid-column: 10 / -1; }
  .postlist__item--text .postlist__text { grid-column: 1 / span 9; }

  .plist__item { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--s-4); align-items: center; }
  .plist__media { grid-column: 1 / span 6; }
  .plist__text { grid-column: 8 / -1; }
  .plist__item.is-flip .plist__media { grid-column: 7 / -1; grid-row: 1; }
  .plist__item.is-flip .plist__text { grid-column: 1 / span 5; grid-row: 1; }
  .plist__item--text .plist__text { grid-column: 1 / span 9; }
}

.related, .subnav { margin-top: var(--s-7); }
.related > .label { margin-bottom: var(--s-3); }
.subnav > .label a { text-decoration: none; }
.subnav > .label a:hover { text-decoration: underline; }
.subnav__item a[aria-current="page"] .subnav__name { text-decoration: underline; text-decoration-thickness: 1px; }

.post__date { display: inline; }
.post__title { max-width: 20ch; }
.post__back { margin-top: var(--s-6); padding-top: var(--s-3); border-top: 1px solid var(--rule); }
.post__back a { display: inline-flex; align-items: center; min-height: 44px; }
.project__meta { margin-top: var(--s-3); }

/* Giriş: yalnızca ilk paragraf giriş boyutunda; sonrakiler gövde metni */
.about-head__lead p + p {
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  max-width: var(--text-w);
}
.about-head__lead p + p:first-of-type { margin-top: var(--s-3); }

/* Kısa bölümler (1–2 cümle): sıkı satır — masaüstünde başlık solda, metin sağda */
.ach--short { padding-bottom: var(--s-4); }
.ach--short .ach__title { font-size: var(--fs-h3); font-weight: 400; }
.ach--short .ach__body { margin-top: var(--s-2); }
@media (min-width: 64em) {
  .ach.ach--short { padding-bottom: var(--s-5); }
  .ach--short .ach__num   { grid-column: 1 / span 3; grid-row: 2; margin-top: var(--s-4); }
  .ach--short .ach__title { grid-column: 1 / span 3; grid-row: 3; }
  .ach--short .ach__body  { grid-column: 4 / -1; grid-row: 2 / span 2; margin-top: var(--s-4); }
}