/* ================================================================
   Prose / Entry Content Styles
   ================================================================ */

.prose, .entry-content {
    font-size: .95rem;
    line-height: 1.75;
    color: var(--clr-text);
    max-width: 72ch;
}
.prose h2, .entry-content h2 {
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 800;
    margin: 2rem 0 .75rem;
    color: var(--clr-text);
}
.prose h3, .entry-content h3 {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 700;
    margin: 1.5rem 0 .5rem;
    color: var(--clr-primary-dark);
}
.prose p, .entry-content p  { margin-bottom: 1rem; }
.prose a, .entry-content a   { color: var(--clr-primary); text-decoration: underline; text-decoration-color: rgba(29,106,90,.35); }
.prose a:hover, .entry-content a:hover { text-decoration-color: var(--clr-primary); }
.prose ul, .entry-content ul,
.prose ol, .entry-content ol  { padding-left: 1.5rem; margin-bottom: 1rem; }
.prose ul li, .entry-content ul li { list-style: disc; margin-bottom: .35rem; }
.prose ol li, .entry-content ol li { list-style: decimal; margin-bottom: .35rem; }
.prose strong, .entry-content strong { font-weight: 700; }
.prose blockquote, .entry-content blockquote {
    border-left: 3px solid var(--clr-primary);
    padding: .75rem 1.25rem;
    background: var(--clr-primary-light);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    margin: 1.5rem 0;
    font-style: italic;
    color: var(--clr-primary-dark);
}
.prose table, .entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: .88rem;
}
.prose th, .entry-content th {
    background: var(--clr-primary-dark);
    color: #fff;
    padding: .65rem 1rem;
    text-align: left;
    font-weight: 700;
}
.prose td, .entry-content td {
    padding: .6rem 1rem;
    border-bottom: 1px solid var(--clr-border);
}
.prose tr:nth-child(even) td, .entry-content tr:nth-child(even) td {
    background: var(--clr-bg);
}
.prose img, .entry-content img {
    border-radius: var(--radius-lg);
    max-width: 100%;
    height: auto;
    margin: 1.5rem 0;
}
.prose code, .entry-content code {
    font-family: var(--font-mono);
    font-size: .85em;
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-sm);
    padding: .15em .4em;
}
.prose pre, .entry-content pre {
    background: var(--clr-bg-dark);
    color: #E2E8F0;
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    overflow-x: auto;
    margin: 1.5rem 0;
    font-family: var(--font-mono);
    font-size: .84rem;
    line-height: 1.7;
}
.prose hr, .entry-content hr {
    border: none;
    border-top: 1px solid var(--clr-border);
    margin: 2rem 0;
}

/* Callout box (özel class ile kullanım: .callout-info vb.) */
.callout {
    border-radius: var(--radius-lg);
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    font-size: .88rem;
    line-height: 1.6;
}
.callout-info    { background: var(--clr-blue-light);   border-left: 3px solid var(--clr-blue); }
.callout-success { background: var(--clr-primary-light); border-left: 3px solid var(--clr-primary); }
.callout-warning { background: var(--clr-accent-light);  border-left: 3px solid var(--clr-accent); }
.callout-danger  { background: var(--clr-red-light);     border-left: 3px solid var(--clr-red); }