/* Article 003: Math blocks */
.math-block {
    text-align: center;
    margin: 20px 0;
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.1em;
}

/* Articles 007/008: Section titles */
.section-title {
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 10px;
    margin-bottom: 20px;
}

.subsection-title {
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* Articles 007/008: Source links */
.source-link {
    color: #0477a4;
    text-decoration: none;
    font-size: 0.85em;
}

.source-link:hover {
    text-decoration: underline;
}

/* Article 007: Indent blocks */
.indent {
    padding-left: 1em;
    margin-bottom: 10px;
}

/* Article 007: Advent link */
.advent-link {
    color: #0477a4;
    text-decoration: none;
}

.advent-link:hover {
    text-decoration: underline;
}

/* Article 008: Subtitle */
.subtitle {
    color: #666;
    font-size: 0.95em;
    margin-bottom: 30px;
}

/* Article 008: Warning box */
.warning-box {
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 15px 20px;
    margin: 20px 0;
}

.warning-box strong {
    color: #856404;
}

/* Article 008: Conclusion box */
.conclusion-box {
    background-color: #e8f4fd;
    border-left: 4px solid #0477a4;
    padding: 15px 20px;
    margin: 20px 0;
}

/* Article 008: Lesson box */
.lesson-box {
    background-color: #f8f9fa;
    border-left: 4px solid #6c757d;
    padding: 15px 20px;
    margin: 20px 0;
}

.lesson-box strong {
    color: #495057;
}

/* Article 008: Console log colored spans - unified color */
pre .user,
pre .claude,
pre .output,
pre .warning,
pre .danger { color: inherit; }

/* Article 009: Matrix table */
.post-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0 0 0;
    table-layout: fixed;
}

.post-content table th,
.post-content table td {
    border: none;
    border-bottom: 1px solid #444;
    padding: 12px;
    vertical-align: top;
    font-size: 0.9em;
    line-height: 1.6;
}

.post-content table thead th {
    background-color: #fff;
    color: #000;
    text-align: center;
    font-weight: normal;
    border-bottom: 2px solid #000;
}

.post-content table tbody td:first-child {
    background-color: #f0f0f0;
    color: #000;
    width: 22%;
}

.post-content table tbody td:not(:first-child) {
    width: 26%;
}

@media (max-width: 768px) {
    .post-content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}