/* Tema CSS dosyalarindan SONRA yukleyin. Icerigi .text-content ile sarin. */
.text-content {
    --tc-text: #626861;
    --tc-heading: #232923;
    --tc-green: #527d2e;
    --tc-green-dark: #36561c;
    --tc-soft: #f2f7ed;
    --tc-border: #dfe8d8;
    --tc-radius: 12px;

    min-width: 0;
    color: var(--tc-text);
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

.text-content,
.text-content *,
.text-content *::before,
.text-content *::after {
    box-sizing: border-box;
}

/* Basliklar */
.text-content :is(h1, h2, h3, h4, h5, h6) {
    margin: 1.6em 0 0.65em;
    color: var(--tc-heading);
    font-family: inherit;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.025em;
    text-transform: none;
    text-wrap: pretty;
    scroll-margin-top: 100px;
}

.text-content h1 { font-size: clamp(1.875rem, 1.45rem + 1.4vw, 2.5rem); }
.text-content h2 { font-size: clamp(1.5rem, 1.25rem + 0.8vw, 1.875rem); }
.text-content h3 { font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem); }
.text-content h4 { font-size: 1.125rem; }
.text-content h5 { font-size: 1rem; }
.text-content h6 { font-size: 0.9375rem; }

/* Paragraflar ve metin ici ogeler */
.text-content p {
    margin: 0 0 1.15em;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.text-content :is(strong, b) { color: var(--tc-heading); font-weight: 600; }
.text-content :is(em, i, cite, dfn) { font-style: italic; }
.text-content small { font-size: 0.85em; }
.text-content :is(del, s) { text-decoration: line-through; }
.text-content ins { text-decoration: underline; text-underline-offset: 3px; }
.text-content mark {
    padding: 0.1em 0.3em;
    border-radius: 4px;
    background: #e7f1d8;
    color: #304a1d;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.text-content abbr[title] {
    text-decoration: underline dotted;
    text-underline-offset: 4px;
    cursor: help;
}
.text-content :is(sub, sup) {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}
.text-content sub { bottom: -0.25em; }
.text-content sup { top: -0.5em; }

/* Baglantilar */
.text-content a {
    color: var(--tc-green);
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}
.text-content a:hover { color: var(--tc-green-dark); }
.text-content a:focus-visible {
    border-radius: 3px;
    outline: 2px solid var(--tc-green);
    outline-offset: 4px;
}
.text-content :is(h1, h2, h3, h4, h5, h6) a {
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
}
.text-content :is(h1, h2, h3, h4, h5, h6) a:hover {
    color: var(--tc-green);
    text-decoration: underline;
}

/* Sirali, sirasiz ve ic ice listeler; temanin liste sifirlamasini da ezer. */
.text-content :is(ul, ol) {
    margin: 0 0 1.25em;
    padding: 0 0 0 1.6em;
    list-style-position: outside;
}
.text-content li {
    display: list-item;
    margin: 0.4em 0;
    padding-inline-start: 0.25em;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.text-content ul > li { list-style-type: disc; }
.text-content ol > li { list-style-type: decimal; }
.text-content ul ul > li { list-style-type: circle; }
.text-content ul ul ul > li { list-style-type: square; }
.text-content ol[type="a"] > li { list-style-type: lower-alpha; }
.text-content ol[type="A"] > li { list-style-type: upper-alpha; }
.text-content ol[type="i"] > li { list-style-type: lower-roman; }
.text-content ol[type="I"] > li { list-style-type: upper-roman; }
.text-content li::marker { color: var(--tc-green); font-weight: 600; }
.text-content li > :is(ul, ol) { margin: 0.5em 0; }
.text-content li > p { margin-bottom: 0.5em; }
.text-content li > input[type="checkbox"] {
    margin-inline-end: 0.5em;
    accent-color: var(--tc-green);
}

/* Tanim listeleri ve adres */
.text-content dl { margin: 0 0 1.5em; }
.text-content dt { margin: 1em 0 0.2em; color: var(--tc-heading); font-weight: 600; }
.text-content dd { margin: 0 0 0.8em; padding-inline-start: 1em; border-inline-start: 2px solid var(--tc-border); }
.text-content address { margin: 0 0 1.25em; font-style: normal; line-height: inherit; }

/* Alinti */
.text-content blockquote {
    margin: 1.75em 0;
    padding: 1.25em 1.5em;
    border: 0;
    border-inline-start: 4px solid var(--tc-green);
    border-radius: 0 var(--tc-radius) var(--tc-radius) 0;
    background: var(--tc-soft);
    color: #415238;
    font-size: 1.05em;
    line-height: 1.8;
}
.text-content blockquote::before,
.text-content blockquote::after { content: none; }
.text-content blockquote p { color: inherit; }
.text-content blockquote > :first-child { margin-top: 0; }
.text-content blockquote > :last-child { margin-bottom: 0; }
.text-content blockquote :is(cite, footer) {
    display: block;
    margin-top: 0.8em;
    color: var(--tc-text);
    font-size: 0.85em;
    font-style: normal;
}

/* Tablolar: dar ekranda yalniz tablo yatay kayar. Ek sarmalayici gerekmez. */
.text-content table {
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 1.75em 0;
    overflow-x: auto;
    border: 1px solid var(--tc-border);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--tc-radius);
    background: #fff;
    color: inherit;
    font-size: 0.9375em;
    line-height: 1.65;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scrollbar-color: #a9bd98 var(--tc-soft);
}
.text-content :is(th, td) {
    min-width: 110px;
    padding: 0.9em 1.1em;
    border: 0;
    border-bottom: 1px solid var(--tc-border);
    text-align: start;
    vertical-align: top;
    overflow-wrap: normal;
}
.text-content th {
    background: var(--tc-soft);
    color: var(--tc-heading);
    font-weight: 600;
}
.text-content tbody tr:nth-child(even) td { background: #fafcf8; }
.text-content tbody tr:hover td { background: var(--tc-soft); }
.text-content :is(tbody, tfoot):last-child > tr:last-child > :is(th, td) { border-bottom: 0; }
.text-content tfoot :is(th, td) { background: var(--tc-soft); font-weight: 600; }
.text-content caption {
    padding: 0.75em 1em;
    caption-side: bottom;
    color: var(--tc-text);
    font-size: 0.9em;
    text-align: start;
}
.text-content :is(th, td) > :last-child { margin-bottom: 0; }

/* Gorsel ve medya: kucuk gorselleri gereksiz buyutmez. */
.text-content :is(img, picture, video, iframe, embed, object) { max-width: 100%; }
.text-content :is(img, video) {
    height: auto;
    border-radius: var(--tc-radius);
    vertical-align: middle;
}
.text-content figure { max-width: 100%; margin: 1.75em 0; }
.text-content figure img { display: block; margin-inline: auto; }
.text-content figcaption {
    margin-top: 0.65em;
    color: #70786b;
    font-size: 0.85em;
    line-height: 1.65;
    text-align: center;
}
.text-content :is(iframe, embed, object) { border: 0; border-radius: var(--tc-radius); }
.text-content iframe:is([src*="youtube.com"], [src*="youtube-nocookie.com"], [src*="player.vimeo.com"]) {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin-block: 1.5em;
}
.text-content audio { display: block; width: 100%; max-width: 100%; margin-block: 1.5em; }

/* Kod, klavye kisayollari ve ornek ciktilar */
.text-content :is(code, pre, kbd, samp) {
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 0.875em;
}
.text-content :not(pre) > code {
    padding: 0.15em 0.4em;
    border: 1px solid var(--tc-border);
    border-radius: 5px;
    background: var(--tc-soft);
    color: var(--tc-green-dark);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.text-content pre {
    max-width: 100%;
    margin: 1.75em 0;
    padding: 1.25em 1.5em;
    overflow-x: auto;
    border: 1px solid #344333;
    border-radius: var(--tc-radius);
    background: #202b22;
    color: #eef5e9;
    line-height: 1.75;
    tab-size: 4;
    white-space: pre;
    overflow-wrap: normal;
}
.text-content pre :is(code, samp) { padding: 0; border: 0; background: none; color: inherit; font-size: inherit; }
.text-content kbd {
    padding: 0.15em 0.4em;
    border: 1px solid var(--tc-border);
    border-bottom-width: 2px;
    border-radius: 4px;
    background: #fff;
    color: var(--tc-heading);
}

/* Ayirici ve acilir bilgi alanlari */
.text-content hr {
    height: 0;
    margin: 2em 0;
    border: 0;
    border-top: 1px solid var(--tc-border);
    background: none;
    opacity: 1;
}
.text-content details {
    margin: 1.25em 0;
    padding: 1em 1.25em;
    border: 1px solid var(--tc-border);
    border-radius: var(--tc-radius);
    background: #fff;
}
.text-content summary {
    display: list-item;
    color: var(--tc-heading);
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    list-style: disclosure-closed inside;
}
.text-content details[open] > summary { margin-bottom: 0.8em; list-style-type: disclosure-open; }
.text-content summary::marker { color: var(--tc-green); }
.text-content summary:focus-visible { outline: 2px solid var(--tc-green); outline-offset: 5px; }
.text-content details > :last-child { margin-bottom: 0; }

/* Icerigin basinda ve sonunda gereksiz bosluk birakma. */
.text-content > :first-child { margin-top: 0; }
.text-content > :last-child { margin-bottom: 0; }

@media (max-width: 575.98px) {
    .text-content { font-size: 14px; line-height: 1.8; }
    .text-content :is(h1, h2, h3, h4, h5, h6) { margin-top: 1.35em; }
    .text-content blockquote { padding: 1em 1.1em; }
    .text-content :is(th, td) { padding: 0.8em 0.9em; }
    .text-content pre { padding: 1em; }
    .text-content details { padding: 0.9em 1em; }
    .text-content > :first-child { margin-top: 0; }
}
