/* Markdown Shortcode Frontend Styles */

.markdown-content {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    color: #333;
    max-width: 100%;
    margin: 1em 0;
}

/* Default Theme */
.markdown-content.theme-default {
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    padding: 20px;
}

.markdown-content.theme-default h1,
.markdown-content.theme-default h2,
.markdown-content.theme-default h3,
.markdown-content.theme-default h4,
.markdown-content.theme-default h5,
.markdown-content.theme-default h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #24292e;
}

.markdown-content.theme-default h1 {
    font-size: 2em;
    border-bottom: 1px solid #eaecef;
    padding-bottom: 0.3em;
}

.markdown-content.theme-default h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #eaecef;
    padding-bottom: 0.3em;
}

.markdown-content.theme-default h3 {
    font-size: 1.25em;
}

/* GitHub Theme */
.markdown-content.theme-github {
    background: #fff;
    border: 1px solid #d0d7de;
    border-radius: 6px;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
}

.markdown-content.theme-github h1,
.markdown-content.theme-github h2,
.markdown-content.theme-github h3,
.markdown-content.theme-github h4,
.markdown-content.theme-github h5,
.markdown-content.theme-github h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #1f2328;
}

.markdown-content.theme-github h1 {
    font-size: 2em;
    border-bottom: 1px solid #d8dee4;
    padding-bottom: 0.3em;
}

.markdown-content.theme-github h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #d8dee4;
    padding-bottom: 0.3em;
}

/* Dark Theme */
.markdown-content.theme-dark {
    background: #0d1117;
    border: 1px solid #30363d;
    border-radius: 6px;
    padding: 20px;
    color: #e6edf3;
}

.markdown-content.theme-dark h1,
.markdown-content.theme-dark h2,
.markdown-content.theme-dark h3,
.markdown-content.theme-dark h4,
.markdown-content.theme-dark h5,
.markdown-content.theme-dark h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #f0f6fc;
}

.markdown-content.theme-dark h1 {
    font-size: 2em;
    border-bottom: 1px solid #21262d;
    padding-bottom: 0.3em;
}

.markdown-content.theme-dark h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #21262d;
    padding-bottom: 0.3em;
}

/* Minimal Theme */
.markdown-content.theme-minimal {
    background: transparent;
    border: none;
    padding: 10px 0;
    font-family: Georgia, serif;
}

.markdown-content.theme-minimal h1,
.markdown-content.theme-minimal h2,
.markdown-content.theme-minimal h3,
.markdown-content.theme-minimal h4,
.markdown-content.theme-minimal h5,
.markdown-content.theme-minimal h6 {
    margin-top: 20px;
    margin-bottom: 12px;
    font-weight: normal;
    line-height: 1.3;
    color: #333;
}

.markdown-content.theme-minimal h1 {
    font-size: 1.8em;
}

.markdown-content.theme-minimal h2 {
    font-size: 1.4em;
}

/* Common styles for all themes */
.markdown-content p {
    margin-bottom: 16px;
}

.markdown-content ul,
.markdown-content ol {
    margin-bottom: 16px;
    padding-left: 2em;
}

.markdown-content li {
    margin-bottom: 4px;
}

.markdown-content code {
    background-color: rgba(175, 184, 193, 0.2);
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 85%;
}

.markdown-content pre {
    background-color: #f6f8fa;
    border-radius: 6px;
    padding: 16px;
    overflow: auto;
    margin-bottom: 16px;
    line-height: 1.45;
}

.markdown-content pre code {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    font-size: 100%;
}

/* Dark theme code blocks */
.markdown-content.theme-dark code {
    background-color: rgba(110, 118, 129, 0.4);
}

.markdown-content.theme-dark pre {
    background-color: #161b22;
}

/* Syntax highlighting adjustments */
.markdown-content pre[class*="language-"] {
    margin-bottom: 16px;
}

.markdown-content code[class*="language-"] {
    background: transparent;
}

/* Responsive design */
@media (max-width: 768px) {
    .markdown-content {
        padding: 15px;
    }
    
    .markdown-content h1 {
        font-size: 1.6em;
    }
    
    .markdown-content h2 {
        font-size: 1.3em;
    }
    
    .markdown-content h3 {
        font-size: 1.1em;
    }
}