.df-rte {
    /* Ana metin */
    --rte-fs: var(--df-text-fs-18);
    --rte-lh: var(--lh-relaxed);
    --rte-color: var(--neutral-1A1818);
    /* Bloklar arası dikey boşluk */
    --rte-gap: clamp(8px, 0.8vw, 12px);
    /* Başlıklar */
    --rte-h1: var(--df-text-fs-32);
    --rte-h2: var(--df-text-fs-28);
    --rte-h3: var(--df-text-fs-22);
    --rte-h4: var(--df-text-fs-18);
    --rte-h-color: var(--neutral-1A1818);
    --rte-h-weight: var(--fw-semibold);
    /* Liste */
    --rte-list-indent: 1.25rem;
    --rte-marker: var(--red-D11019);
    /* Bağlantı ve çizgiler */
    --rte-link: var(--red-D11019);
    --rte-link-hover: var(--red-980B12);
    --rte-border: var(--neutral-E0E0E0);
    font-family: var(--font-body);
    font-size: var(--rte-fs);
    font-weight: var(--fw-regular);
    line-height: var(--rte-lh);
    color: var(--rte-color);
}

.df-rte p,
.df-rte ul,
.df-rte ol,
.df-rte dl,
.df-rte table,
.df-rte figure,
.df-rte blockquote,
.df-rte pre {
    margin: 0 0 var(--rte-gap);
    line-height: var(--lh-normal);
    letter-spacing: var(--ls-tight);
}

.df-rte > *:first-child {
    margin-top: 0;
}

.df-rte > *:last-child {
    margin-bottom: 0;
}


.df-rte p:empty {
    display: none;
}

.df-rte p:has(> br:only-child) {
    display: none;
}


.df-rte h1,
.df-rte h2,
.df-rte h3,
.df-rte h4,
.df-rte h5,
.df-rte h6 {
    margin: calc(var(--rte-gap) * 2) 0 var(--rte-gap);
    font-family: var(--font-body);
    font-weight: var(--rte-h-weight);
    line-height: var(--lh-snug);
    color: var(--rte-h-color);
}

.df-rte h1 {
    font-size: var(--rte-h1);
}

.df-rte h2 {
    font-size: var(--rte-h2);
}

.df-rte h3 {
    font-size: var(--rte-h3);
}

.df-rte h4,
.df-rte h5,
.df-rte h6 {
    font-size: var(--rte-h4);
}

.df-rte ul,
.df-rte ol {
    padding-left: var(--rte-list-indent);
}

.df-rte ul {
    list-style: disc;
}

.df-rte ol {
    list-style: decimal;
}


.df-rte ol[type="a"] {
    list-style: lower-alpha;
}

.df-rte ol[type="A"] {
    list-style: upper-alpha;
}

.df-rte ol[type="i"] {
    list-style: lower-roman;
}

.df-rte ol[type="I"] {
    list-style: upper-roman;
}

.df-rte ul[type="circle"] {
    list-style: circle;
}

.df-rte ul[type="square"] {
    list-style: square;
}

    .df-rte ul ul,
    .df-rte ol ol,
    .df-rte ul ol,
    .df-rte ol ul {
        margin: var(--rte-gap) 0 0;
    }

.df-rte li {
    margin-bottom: calc(var(--rte-gap) / 2);
}

    .df-rte li:last-child {
        margin-bottom: 0;
    }

    .df-rte li::marker {
        color: var(--rte-marker);
    }


.df-rte .rte-plain-list {
    list-style: none;
    padding-left: 0;
}

.df-rte a {
    color: var(--rte-link);
    text-decoration: underline;
    text-underline-offset: 2px;
}

    .df-rte a:hover {
        color: var(--rte-link-hover);
    }

.df-rte strong,
.df-rte b {
    font-weight: var(--fw-bold);
}

.df-rte em,
.df-rte i {
    font-style: italic;
}

.df-rte small {
    font-size: var(--df-text-fs-14);
}

.df-rte sub,
.df-rte sup {
    font-size: 0.7em;
    line-height: 0;
}

.df-rte img,
.df-rte video,
.df-rte iframe {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-md);
}

.df-rte figure figcaption {
    margin-top: var(--space-2);
    font-size: var(--df-text-fs-14);
    color: var(--neutral-666666);
}

.df-rte table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    font-size: var(--df-text-fs-16);
}

.df-rte th,
.df-rte td {
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--rte-border);
    text-align: left;
    vertical-align: top;
}

.df-rte th {
    font-weight: var(--fw-semibold);
    background: var(--neutral-F5F5F5);
}

.df-rte blockquote {
    padding: var(--space-2) 0 var(--space-2) var(--space-4);
    border-left: 3px solid var(--rte-marker);
    color: var(--neutral-4E4E4E);
}

.df-rte hr {
    margin: calc(var(--rte-gap) * 2) 0;
    border: 0;
    border-top: 1px solid var(--rte-border);
    opacity: 1;
}

.df-rte pre {
    padding: var(--space-4);
    border-radius: var(--radius-md);
    background: var(--neutral-F5F5F5);
    overflow-x: auto;
    font-size: var(--df-text-fs-14);
}