/* ŞERİT İNCE KALIYOR. Bölümlerin varsayılan dikey dolgusu 89,6 px;
   dört rakam için 262 pxlik bir blok, hero ile asıl içerik arasına
   sayfa boyu bir duvar koyuyordu. Kendi içeriği 83 px — dolgu ona
   göre kısıldı. */
.sc-proof { padding-block: var(--sp-5); }

@media (max-width: 620px) {
    .sc-proof { padding-block: var(--sp-4); }
}

/* Bölüm: kanıt şeridi.

   Hero'nun hemen altında ince bir satır. Bilinçli olarak SESSİZ: kart,
   gölge, ikon ve renkli zemin yok. Rakamlar hero'daki vaadin arkasını
   dolduruyor; onunla yarışırlarsa ikisi birden okunmaz oluyor. */

.kanit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    margin: 0;
}

/* Maddeler arasındaki ince dikey ayraç. İlkinin solunda çizgi olmasın
   diye `+` kullanıldı; sözde öğe yerine gerçek kenarlık, çünkü
   sarmalayan bir satırda sözde öğe yanlış yere düşüyor. */
.kanit__oge {
    flex: 1 1 160px;
    max-width: 260px;
    padding: var(--sp-4) var(--sp-5);
    text-align: center;
}

.kanit__oge + .kanit__oge { border-left: 1px solid var(--border); }

.kanit__sayi {
    font-size: clamp(1.35rem, 1.1rem + 0.7vw, 1.75rem);
    font-weight: var(--fw-bold);
    letter-spacing: -0.02em;
    line-height: 1.1;
    /* Beyaz üstünde ink-900 → 16,1:1 */
    color: var(--ink-900);
}

.kanit__etiket {
    margin: 4px 0 0;
    font-size: 12.5px;
    line-height: 1.4;
    /* Beyaz üstünde ink-600 → 7,4:1 */
    color: var(--ink-600);
}

/* Dar ekranda dörtlü satır 4×80 pxe iniyor ve rakamlar okunmuyordu;
   ikişerli iki satır hem okunur hem de şeridi yükseltmiyor. Ayraç
   yalnız satır içindeki ikinci öğede kalıyor. */
@media (max-width: 620px) {
    .kanit__oge {
        flex: 0 0 50%;
        max-width: 50%;
        padding: var(--sp-3) var(--sp-2);
    }

    .kanit__oge + .kanit__oge { border-left: 0; }
    .kanit__oge:nth-child(even) { border-left: 1px solid var(--border); }
    .kanit__oge:nth-child(n + 3) { border-top: 1px solid var(--border); }
}