/**
 * /commercial/analyzing-islamic-commercial-transactions/ on the Programs
 * layout (templates/template-commercial-analysis.php). programs.css supplies
 * the sections; this adds what Programs has no equivalent for: the tab
 * tables and multi-paragraph accordion answers. Scoped to .ij-analysis.
 */
.ij-analysis .an-table-wrap { margin-top: 32px; overflow-x: auto; border-radius: var(--radius-24, 24px); border: 1px solid var(--color-border); }
.ij-analysis .an-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; color: var(--color-text-secondary); }
.ij-analysis .an-table th,
.ij-analysis .an-table td { padding: 14px 20px; text-align: left; white-space: nowrap; border-top: 1px solid var(--color-divider); }
.ij-analysis .an-table thead th { border-top: 0; background: var(--color-success-soft); color: var(--brand-green-dark); font-size: 13px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; }
.ij-analysis .an-table tbody tr:first-child > * { border-top: 0; }
.ij-analysis .an-table tbody th { font-weight: 600; color: var(--color-text); }
.ij-analysis .an-table-rowhead tbody th { background: var(--slate-50); }

/* Accordion answers: the Programs FAQ answer style, per paragraph. */
.ij-analysis .an-answer { margin: -8px 0 24px; font-size: 16px; line-height: 1.55; color: var(--color-text-secondary); max-width: 880px; }
.ij-analysis .an-answer p { margin: 0 0 16px; }
.ij-analysis .an-answer > :last-child { margin-bottom: 0; }
.ij-analysis .an-answer ul { margin: 0 0 16px; padding-left: 20px; list-style: disc; }
.ij-analysis .an-answer li + li { margin-top: 8px; }
.ij-analysis .an-answer strong { font-weight: 600; color: var(--color-text); }
.ij-analysis .an-answer a { color: var(--brand-green-dark); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.ij-analysis .an-answer a:hover { color: var(--brand-green); }