/*
 * Belge sayfaları: gizlilik politikası, kullanım koşulları, hesap silme.
 *
 * Oyunun kendisi koyu ve yoğun; bu sayfalar okunmak için var. Aynı
 * paleti kullanıyor ama nefes alıyor: geniş satır aralığı, dar ölçü,
 * sakin renk. Uzun metin okumak zaten yorucu, arayüz bunu artırmamalı.
 *
 * app.css'ten sonra yükleniyor ve onun değişkenlerini kullanıyor.
 */

.belge {
    max-width: 68ch;
    margin: 0 auto;
    padding: var(--bosluk-6) var(--bosluk-4) var(--bosluk-7);
    /* Satır uzunluğu 68 karakterle sınırlı: daha uzun satırlarda göz
       satır başını kaybediyor. */
    line-height: 1.75;
}

.belge h1 {
    font-size: clamp(1.8rem, 7vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    margin-bottom: var(--bosluk-2);
}

.belge h2 {
    font-size: var(--t-xl);
    font-weight: 700;
    margin: var(--bosluk-7) 0 var(--bosluk-3);
    padding-top: var(--bosluk-4);
    border-top: 1px solid var(--kenar);
}

.belge h3 {
    font-size: var(--t-lg);
    font-weight: 650;
    margin: var(--bosluk-5) 0 var(--bosluk-2);
    color: var(--turkuaz-parlak);
}

.belge p {
    margin: 0 0 var(--bosluk-4);
}

.belge__tarih {
    color: var(--metin-silik);
    font-size: var(--t-sm);
    margin-bottom: var(--bosluk-5);
}

/* Giriş özeti: sayfanın ne olduğunu bir bakışta söyleyen kutu. */
.belge__ozet {
    padding: var(--bosluk-4);
    border-radius: var(--yuvarlak-kucuk);
    border-left: 3px solid var(--turkuaz);
    background: color-mix(in srgb, var(--turkuaz) 8%, transparent);
    color: var(--metin-sonuk);
}

.belge ul {
    margin: 0 0 var(--bosluk-4);
    padding-left: var(--bosluk-5);
}

.belge li {
    margin-bottom: var(--bosluk-2);
}

.belge strong {
    color: var(--metin);
    font-weight: 700;
}

.belge a {
    color: var(--turkuaz-parlak);
    text-underline-offset: 3px;
}

.belge__tablo {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 var(--bosluk-5);
    font-size: var(--t-sm);
}

.belge__tablo th {
    text-align: left;
    font-family: var(--yazi-baslik);
    font-size: var(--t-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--metin-silik);
    padding: var(--bosluk-2) var(--bosluk-3);
    border-bottom: 1px solid var(--kenar-parlak);
}

.belge__tablo td {
    padding: var(--bosluk-3);
    border-bottom: 1px solid var(--kenar);
    vertical-align: top;
}

/* Dar ekranda tablo taşmasın: yatay kaydırma yerine hücreler sıkışsın. */
@media (max-width: 520px) {
    .belge__tablo {
        font-size: var(--t-xs);
    }

    .belge__tablo th,
    .belge__tablo td {
        padding: var(--bosluk-2);
    }
}

.belge__alt {
    margin-top: var(--bosluk-7);
    padding-top: var(--bosluk-4);
    border-top: 1px solid var(--kenar);
}

/* Hesap silme sayfasındaki uyarı: geri alınamaz bir eylemden önce
   duraklama yaratmalı. */
.belge__uyari {
    padding: var(--bosluk-4);
    border-radius: var(--yuvarlak-kucuk);
    border-left: 3px solid var(--mercan);
    background: color-mix(in srgb, var(--mercan) 10%, transparent);
}