/* ChloeOS — Content Styling */

.window-content h1,
.window-content h2,
.window-content h3,
.window-content h4 {
    color: var(--accent-blue);
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.window-content h1 { font-size: 1.5em; }
.window-content h2 { font-size: 1.25em; }
.window-content h3 { font-size: 1.1em; }

.window-content h1:first-child,
.window-content h2:first-child {
    margin-top: 0;
}

.window-content h2::before {
    content: '> ';
    color: var(--accent-pink);
    font-family: 'Share Tech Mono', monospace;
}

.window-content h3::before {
    content: '>> ';
    color: var(--accent-pink);
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.9em;
}

.window-content p {
    line-height: 1.7;
    margin: 0.8em 0;
    color: var(--text-primary);
}

.window-content img {
    max-width: 100%;
    border-radius: 4px;
    margin: 1em 0;
}

.window-content blockquote {
    border-left: 3px solid var(--accent-pink);
    background: var(--ctp-surface0);
    padding: 12px 16px;
    margin: 1em 0;
    border-radius: 0 4px 4px 0;
    color: var(--text-secondary);
}

.window-content ul,
.window-content ol {
    margin: 0.8em 0;
    padding-left: 1.5em;
    color: var(--text-primary);
}

.window-content li {
    margin: 0.3em 0;
    line-height: 1.6;
}

.window-content code {
    font-family: 'Share Tech Mono', monospace;
    background: var(--ctp-surface0);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.9em;
    color: var(--accent-pink);
}

.window-content pre {
    margin: 1em 0;
    border-radius: 6px;
    overflow-x: auto;
}

.window-content .highlight {
    background: var(--ctp-crust);
    border-radius: 6px;
    overflow-x: auto;
    margin: 1em 0;
    border: 1px solid var(--ctp-surface0);
}

.window-content .highlight pre {
    margin: 0;
    padding: 12px 16px;
    font-family: 'Share Tech Mono', monospace;
    font-size: 12px;
    line-height: 1.5;
}

.window-content .highlight code {
    background: none;
    padding: 0;
    color: var(--text-primary);
    font-size: inherit;
}

.window-content .highlighttable {
    width: 100%;
    border-collapse: collapse;
}

.window-content .linenos {
    background: var(--ctp-mantle);
    color: var(--ctp-overlay0);
    padding: 12px 8px;
    text-align: right;
    user-select: none;
    border-right: 1px solid var(--ctp-surface0);
    font-family: 'Share Tech Mono', monospace;
    font-size: 12px;
    vertical-align: top;
    white-space: pre;
    line-height: 1.5;
    width: 1%;
}

.window-content td.code {
    padding: 12px 16px;
    font-family: 'Share Tech Mono', monospace;
    font-size: 12px;
    vertical-align: top;
    white-space: pre;
    line-height: 1.5;
}

.window-content td.code code {
    background: none;
    padding: 0;
    color: inherit;
}

.window-content table:not(.highlighttable) {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

.window-content table:not(.highlighttable) th,
.window-content table:not(.highlighttable) td {
    border: 1px solid var(--ctp-surface1);
    padding: 8px 12px;
    text-align: left;
}

.window-content table:not(.highlighttable) th {
    background: var(--ctp-surface0);
    color: var(--accent-blue);
}

/* About page avatar */
.window-content .chloe-round {
    border-radius: 50%;
}

.window-content .no-before::before {
    content: none !important;
}