/* ================= ARTICLE PAGE ================= */

.article-page .container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.article-page .content-narrow {
    max-width: 720px;
}

/* ===== Header ===== */
.article-page .article-header {
    padding: 3rem 0 2rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.article-page .article-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
}

.article-page .article-intro {
    margin-top: 1rem;
    font-size: 1.05rem;
    color: #4b5563;
}

/* ===== Trust strip ===== */
.article-page .trust-strip {
    font-size: 0.85rem;
    color: #6b7280;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e5e7eb;
}

.article-page .trust-strip-inner {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* ===== Content ===== */
.article-page .article-content-section {
    padding: 3rem 0;
}

.article-page .article-content h2 {
    margin-top: 2.5rem;
    font-size: 1.45rem;
}

.article-page .article-content h3 {
    margin-top: 2rem;
    font-size: 1.2rem;
}

.article-page .article-content p,
.article-page .article-content ul,
.article-page .article-content ol {
    margin-top: 1rem;
    line-height: 1.75;
    color: #1f2937;
}

/* ===== FAQ ===== */
.article-page .article-faq {
    padding: 3rem 0;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.article-page .faq-item {
    padding: 1rem 0;
    border-bottom: 1px solid #e5e7eb;
}

.article-page .faq-question {
    font-weight: 600;
    cursor: pointer;
}

.article-page .faq-answer {
    margin-top: 0.75rem;
    color: #4b5563;
    line-height: 1.7;
}

/* ===== Related links ===== */
.article-page .article-related {
    padding: 3rem 0 4rem;
}

.article-page .related-link-list {
    margin-top: 1rem;
}

.article-page .related-link-list li {
    margin-bottom: 0.5rem;
}

.article-page .related-link-list a {
    color: #2563eb;
    text-decoration: none;
}

.article-page .related-link-list a:hover {
    text-decoration: underline;
}