/* Birden fazla sayfada kullanılan bölüm başlıklarının tek tasarım kaynağıdır. */
.kh-section-intro {
    width: min(100%, 760px);
    margin: 0 auto 34px;
}

.kh-section-intro--left {
    margin-right: 0;
    margin-left: 0;
    text-align: left;
}

.kh-section-intro--center { text-align: center; }

.kh-section-intro__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 10px;
    color: #6f268f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.kh-section-intro__eyebrow::before {
    width: 24px;
    height: 3px;
    margin-right: 9px;
    border-radius: 2px;
    background: #36cba3;
    content: "";
}

.kh-section-intro h2 {
    margin: 0;
    color: #111827;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.12;
    letter-spacing: 0;
}

.kh-section-intro p {
    max-width: 680px;
    margin: 14px auto 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.65;
}

.kh-section-intro--left p { margin-left: 0; }
.kh-section-intro--inverse h2 { color: #fff; }
.kh-section-intro--inverse p { color: #cfd4df; }
.kh-section-intro--inverse .kh-section-intro__eyebrow { color: #65ddd3; }

@media (max-width: 575.98px) {
    .kh-section-intro { margin-bottom: 25px; }
    .kh-section-intro h2 { font-size: 29px; }
    .kh-section-intro p { font-size: 14px; }
}

[data-theme="dark"] .kh-section-intro h2 { color: #f5f7fb; }
[data-theme="dark"] .kh-section-intro p { color: #bbc3d2; }