/* ============================================
   12. TERMINAL & CODE BLOCKS
   ============================================ */

.lesson-content pre {
    background:var(--black);
    color:var(--ivory);
    padding:20px;
    margin:16px 0;
    border:none;
    overflow-x:auto;
    font-size:0.9rem;
    line-height:1.5;
    white-space:pre;
}

.lesson-content pre .prompt {
    color:#2ECC71;
}

.lesson-content pre .command {
    color:var(--ivory);
}

.lesson-content pre .output {
    color:#3498DB;
}

.lesson-content pre .comment {
    color:#aaaaaa;
}

.lesson-content pre .variable {
    color:#9cdcfe;
}

.lesson-content pre .keyword {
    color:#569cd6;
}

.terminal-block {
    background:var(--black);
    color:var(--ivory);
    padding:12px;
    margin:0;
    border:none;
    overflow-x:auto;
    overflow-y:hidden;
    font-size:0.9rem;
    line-height:1.6;
    white-space:pre;
}

.terminal-block pre {
    padding:0;
    margin:0;
    background:transparent;
    border:none;
    font-size:inherit;
    line-height:inherit;
    white-space:pre;
    overflow:hidden;
}

.terminal-block .prompt {
    color:#2ECC71;
}

.terminal-block .command {
    color:var(--white);
}

.terminal-block .output {
    color:var(--beige);
}

.terminal-block .comment {
    color:#aaaaaa !important;
}

.terminal-block .prompt {
    display:none !important;
}

[data-theme="dark"] .lesson-content pre,
[data-theme="dark"] .terminal-block,
[data-theme="dark"] .config-block,
[data-theme="dark"] .code-block {
    background:#0f0f0f;
    border-color:transparent;
    color:#f2f2f2;
}

[data-theme="dark"] .lesson-content pre .command,
[data-theme="dark"] .terminal-block .command {
    color:#ffffff;
}

[data-theme="dark"] .lesson-content pre .output,
[data-theme="dark"] .terminal-block .output {
    color:#c7e4ff;
}

[data-theme="dark"] .lesson-content pre .comment,
[data-theme="dark"] .terminal-block .comment {
    color:#9a9a9a;
}

.config-block {
    background:var(--black);
    color:var(--ivory);
    padding:20px;
    margin:16px 0;
    border:none;
    overflow-x:auto;
    font-size:0.9rem;
    line-height:1.5;
}

.code-block {
    background:#1e1e1e;
    color:var(--ivory);
    padding:20px;
    margin:16px 0;
    border:none;
    overflow-x:auto;
    font-size:0.9rem;
    line-height:1.5;
    font-family:'Courier New',monospace;
    white-space:pre;
}

.code-block .keyword {
    color:#569cd6;
}

.code-block .function {
    color:#dcdcaa;
}

.code-block .string {
    color:#ce9178;
}

.code-block .number {
    color:#b5cea8;
}

.code-block .comment {
    color:#6a9955;
}

.code-block .variable {
    color:#9cdcfe;
}

.code-block .operator {
    color:#d4d4d4;
}

.highlight-box {
    background:var(--beige);
    border-left:none;
    padding:16px;
    margin:16px 0;
    font-style:italic;
}