.article-body .problem-note strong {
    color: var(--color-accent, #b46c30);
}

.article-body .problem-note a {
    font-weight: 700;
}

.article-body .article-toc {
    background: linear-gradient(180deg, rgba(251, 245, 235, 0.96), rgba(255, 250, 244, 0.96));
    border: 1px solid rgba(180, 108, 48, 0.2);
    border-radius: var(--radius-medium, 16px);
    box-shadow: 0 10px 28px rgba(36, 29, 23, 0.06);
    margin: 2rem 0 2.5rem;
    padding: 1.3rem 1.45rem;
}

.article-body .article-toc__eyebrow {
    color: var(--color-accent, #b46c30);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin-bottom: 0.65rem;
    text-transform: uppercase;
}

.article-body .article-toc ol {
    margin: 0;
    padding-left: 1.2rem;
}

.article-body .article-toc li {
    margin-bottom: 0.45rem;
}

.article-body .article-toc li:last-child {
    margin-bottom: 0;
}

.article-body .article-toc a {
    color: var(--color-text, #241d17);
    font-weight: 600;
    text-decoration: none;
}

.article-body .article-toc a:hover {
    color: var(--color-accent, #b46c30);
    text-decoration: underline;
}

.article-body h2[id] {
    scroll-margin-top: clamp(8rem, 18vh, 11rem);
}

.article-body .problem-download-heading {
    color: var(--color-accent, #b46c30);
    font-family: var(--font-body, "Manrope", sans-serif);
    font-size: 1.12rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.45;
    margin: 1rem 0 0.85rem;
}

.article-body .problem-download-heading a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.article-body .article-simple-idea {
    border-left-width: 5px;
    background: linear-gradient(135deg, rgba(180, 108, 48, 0.12), rgba(251, 245, 235, 0.92));
    color: var(--color-text, #241d17);
    font-style: normal;
    margin: 1.5rem 0 2rem;
    padding: 1rem 1.35rem;
}

.article-body .article-simple-idea strong {
    color: var(--color-accent, #b46c30);
}

.article-body .article-simple-idea p:last-child {
    margin-bottom: 0;
}

.article-body .article-simple-idea + h2 {
    margin-top: calc(2.5em + 40px);
}

.article-body .faq-answer-heading {
    font-family: var(--font-body, "Manrope", sans-serif);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.5;
    margin: 2.1rem 0 0.75rem;
    text-transform: uppercase;
    color: var(--color-accent, #b46c30);
}

.article-body .faq-download-callout {
    background: var(--color-panel-soft, #fbf5eb);
    border: 1px solid rgba(180, 108, 48, 0.22);
    border-left: 4px solid var(--color-accent, #b46c30);
    border-radius: var(--radius-small, 10px);
    margin: 0 0 1.5rem;
    padding: 1rem 1.15rem;
}

.article-body .faq-download-callout strong {
    color: var(--color-accent, #b46c30);
}

.article-body .faq-download-callout p:last-child,
.article-body .faq-download-callout ul:last-child {
    margin-bottom: 0;
}

.article-body .article-path-list li {
    margin-bottom: 0.6em;
}