/* css/markdown.css — Markdown content styling (complete) */

.md-content {
    font-size: 0.92rem;
    line-height: 1.85;
    color: var(--c-soft);
}

/* ── Headings ──────────────────────────── */
.md-content h1,
.md-content h2,
.md-content h3,
.md-content h4,
.md-content h5,
.md-content h6 {
    font-family: 'Noto Serif Thai', serif;
    color: var(--c-gold);
    margin: 1.5em 0 0.6em;
    line-height: 1.4;
}
.md-content h1 { font-size: 1.4rem; border-bottom: 2px solid var(--c-ring2); padding-bottom: 8px; }
.md-content h2 { font-size: 1.15rem; border-bottom: 1px solid var(--c-ring); padding-bottom: 6px; }
.md-content h3 { font-size: 1rem; }
.md-content h4 { font-size: 0.92rem; color: var(--c-text); }
.md-content h5 { font-size: 0.85rem; color: var(--c-soft); }
.md-content h6 { font-size: 0.8rem; color: var(--c-muted); }

/* ── Paragraphs ────────────────────────── */
.md-content p {
    margin: 0 0 1em;
}
.md-content p:last-child {
    margin-bottom: 0;
}

/* ── Bold & Italic ─────────────────────── */
.md-content strong {
    color: var(--c-gold);
    font-weight: 600;
}
.md-content em {
    color: var(--c-soft);
    font-style: italic;
}
.md-content del {
    color: var(--c-muted);
    text-decoration: line-through;
}

/* ── Lists ─────────────────────────────── */
.md-content ul,
.md-content ol {
    margin: 0.6em 0 1em;
    padding-left: 1.5em;
}
.md-content li {
    margin-bottom: 0.4em;
}
.md-content li:last-child {
    margin-bottom: 0;
}
.md-content ul li::marker {
    color: var(--c-accent);
}
.md-content ol li::marker {
    color: var(--c-gold);
    font-weight: 600;
}

/* Nested lists */
.md-content ul ul,
.md-content ol ol,
.md-content ul ol,
.md-content ol ul {
    margin: 0.2em 0 0.2em;
}

/* ── Blockquote ────────────────────────── */
.md-content blockquote {
    border-left: 3px solid var(--c-accent);
    margin: 1em 0;
    padding: 12px 18px;
    background: rgba(26, 115, 232, 0.05);
    border-radius: 0 8px 8px 0;
    color: var(--c-soft);
    font-style: italic;
}
.md-content blockquote p {
    margin: 0 0 0.5em;
}
.md-content blockquote p:last-child {
    margin-bottom: 0;
}

/* ── Code ──────────────────────────────── */
.md-content code {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--c-ring);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.87em;
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    color: var(--c-accent);
    word-break: break-word;
}
.md-content pre {
    background: var(--c-fill2);
    border: 1px solid var(--c-ring);
    border-radius: 8px;
    padding: 14px 18px;
    overflow-x: auto;
    margin: 1em 0;
    line-height: 1.6;
}
.md-content pre code {
    background: none;
    border: none;
    padding: 0;
    color: var(--c-text);
    font-size: 0.85em;
}

/* ── Horizontal Rule ───────────────────── */
.md-content hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--c-ring2), transparent);
    margin: 1.5em 0;
}

/* ── Table ─────────────────────────────── */
.md-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
    font-size: 0.85rem;
    border: 1px solid var(--c-ring);
    border-radius: 8px;
    overflow: hidden;
}
.md-content thead {
    background: var(--c-fill2);
    border-bottom: 2px solid var(--c-ring2);
}
.md-content th {
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    color: var(--c-gold);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}
.md-content td {
    padding: 9px 14px;
    border-bottom: 1px solid var(--c-ring);
    color: var(--c-soft);
    vertical-align: top;
}
.md-content tbody tr:last-child td {
    border-bottom: none;
}
.md-content tbody tr:hover {
    background: var(--c-fill2);
}
.md-content tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.015);
}

/* ── Images ────────────────────────────── */
.md-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1em 0;
    border: 1px solid var(--c-ring);
}

/* ── Links ─────────────────────────────── */
.md-content a {
    color: var(--c-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.15s;
}
.md-content a:hover {
    color: var(--c-accent-h);
}

/* ── Task Lists ────────────────────────── */
.md-content input[type="checkbox"] {
    margin-right: 6px;
    accent-color: var(--c-accent);
}

/* ── Dark mode adjustments ─────────────── */
.dark .md-content blockquote {
    background: rgba(66, 133, 244, 0.08);
}
.dark .md-content code {
    background: rgba(255, 255, 255, 0.04);
}
.dark .md-content table {
    border-color: var(--c-ring);
}