/* =========================
   NDR Standard Page Layout
   ========================= */

:root{
  --ndr-container: 1120px;
  --ndr-gutter: 48px;
  --ndr-header-h: 88px; /* JS ile otomatik güncellenir */
}

/* Container */
.ndr-container{
  width: min(var(--ndr-container), calc(100% - var(--ndr-gutter)));
  margin-inline: auto;
}

/* Genel sayfa offset (menünün altından başlasın) */
.ndr-standard-page{
  padding-top: var(--ndr-header-h);
}

/* Hero */
.ndr-page-hero{
  padding: clamp(48px, 6vw, 84px) 0;
}

.ndr-page-hero.has-bg{
  position: relative;
  background:
    linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.85)),
    var(--ndr-hero-bg);
  background-size: cover;
  background-position: center;
}

.ndr-page-title{
  margin: 0;
  font-size: clamp(44px, 5.2vw, 88px);
  line-height: 1.02;
  letter-spacing: -0.02em;
}

.ndr-page-subtitle{
  margin: 18px 0 0;
  max-width: 75ch;
  opacity: .9;
  font-size: clamp(18px, 1.7vw, 22px);
  line-height: 1.5;
}

/* İçerik alanı */
.ndr-page-content{
  padding: clamp(40px, 5vw, 72px) 0;
}

/* Prose */
.ndr-content-prose{
  font-size: 18px;
  line-height: 1.8;
}

.ndr-content-prose > *{
  max-width: 75ch;
}

.ndr-content-prose h2{
  margin: 56px 0 16px;
  font-size: clamp(26px, 2.2vw, 34px);
  line-height: 1.25;
}

.ndr-content-prose h3{
  margin: 40px 0 12px;
  font-size: clamp(22px, 1.8vw, 28px);
  line-height: 1.3;
}

.ndr-content-prose p{
  margin: 0 0 18px;
}

.ndr-content-prose ul,
.ndr-content-prose ol{
  margin: 0 0 18px;
  padding-left: 1.2em;
}

.ndr-content-prose hr{
  margin: 48px 0;
  opacity: 0.25;
}

/* Mobil */
@media (max-width: 680px){
  :root{ --ndr-gutter: 28px; }
}


.tt-btn{
  padding: 14px 26px;   /* önce muhtemelen 18–20px idi */
}

.tt-btn .tt-btn-inner span{
  font-size: 14px;      /* çok az küçültüyoruz */
  line-height: 1.2;
}