.pp-empty {
    padding: clamp(24px, 3vw, 40px);
    text-align: center;
    font-size: var(--df-text-fs-18);
    color: var(--neutral-666666);
}

/* --------------------------------------------------------------------------
   DETAY
   -------------------------------------------------------------------------- */

.pp-detail__title {
    font-size: var(--df-text-fs-44);
    font-weight: var(--fw-regular);
    line-height: var(--lh-tight);
    color: var(--neutral-141414);
    letter-spacing: var(--ls-tight);
}

.pp-detail__date {
    font-size: var(--df-text-fs-16);
    color: var(--neutral-858585);
    white-space: nowrap;
}

.pp-detail__source {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    font-size: var(--df-text-fs-16);
    color: var(--red-D11019);
}

    .pp-detail__source svg {
        width: 16px;
        height: 16px;
    }

.pp-detail__body {
    --rte-fs: var(--df-text-fs-18);
    --rte-gap: clamp(12px, 1.2vw, 18px);
    --rte-h3: var(--df-text-fs-18);
    --rte-h4: var(--df-text-fs-16);
    --rte-color: var(--neutral-141414);
    --rte-h-color: var(--neutral-141414);
}

.pp-figure {
    border-radius: clamp(20px, 1.6vw, 30px);
    background: var(--neutral-F5F5F5);
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

    .pp-figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* --------------------------------------------------------------------------
   ALTTAKİ İLGİLİ İÇERİK
   -------------------------------------------------------------------------- */

.pp-related {
    padding-block: clamp(40px, 4vw, 60px);
    background: var(--neutral-F5F5F5);
}