/* ==========================================================================
   TEMEL — sıfırlama, tipografi, yardımcı sınıflar
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--renk-kagit);
  color: var(--renk-solgun);
  font-family: var(--yazi-aile);
  font-size: var(--olcu-govde);
  font-weight: var(--agirlik-duz);
  line-height: var(--satir-govde);
  -webkit-font-smoothing: antialiased;
}

img, svg, video { max-width: 100%; height: auto; display: block; }

h1, h2, h3, h4 {
  margin: 0 0 .6em;
  color: var(--renk-murekkep);
  font-weight: var(--agirlik-ince);   /* referansın ince başlık dili */
  line-height: var(--satir-baslik);
  letter-spacing: -0.01em;
}

h1 { font-size: var(--olcu-dev); }
h2 { font-size: var(--olcu-baslik); }
h3 { font-size: var(--olcu-altbas); }
h4 { font-size: 1.0625rem; font-weight: var(--agirlik-orta); letter-spacing: 0; }

p { margin: 0 0 1.1em; }
p:last-child { margin-bottom: 0; }

a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* Klavyeyle gezinenler için görünür odak — erişilebilirlik gereği. */
:focus-visible { outline: 2px solid var(--renk-murekkep); outline-offset: 3px; }

/* Ekran okuyucuya görünür, gözle görünmez. */
.gizli-okunur {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap; border: 0;
}

/* Hareketi azalt tercihi — animasyonları kapat. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ——— Yerleşim ——— */

.kap {
  width: 100%;
  max-width: var(--kap-genislik);
  margin-inline: auto;
  padding-inline: var(--kenar);
}

.kap--dar { max-width: var(--kap-dar); }

.bolum { padding-block: var(--bolum-bosluk); }
.bolum--tas { background: var(--renk-tas); }

/* ——— Üstbaşlık: VERSAL, harf aralıklı, yanında ince çizgi ———
   Referansta her bölümün üstünde var: "KURUMSAL ÇÖZÜMLER ——" */
.ustbas {
  display: flex;
  align-items: center;
  gap: .9rem;
  margin: 0 0 1.4rem;
  color: var(--renk-solgun);
  font-size: var(--olcu-ustbas);
  font-weight: var(--agirlik-orta);
  letter-spacing: var(--aralik-ustbas);
  text-transform: uppercase;
}

.ustbas::after {
  content: "";
  flex: 0 0 40px;
  height: 1px;
  background: var(--renk-cizgi);
}