/**
 * Folks Integration — Job Detail (prose styles only)
 * Static layout is handled by Tailwind. Only rich-text content from the API
 * needs CSS rules here since we cannot inject Tailwind classes into it.
 */

/* ── Job title (guard against oversized theme h1 styles) ── */
.folks-job-detail .folks-job-detail-title {
    font-size: 1.5rem;
    line-height: 1.25;
    margin: 0 0 12px;
}

/* ── Rich-text job description from Folks API ── */
.folks-job-description {
    margin-bottom: 40px;
}

.folks-job-description h2 {
    margin: 0 0 20px 0;
    font-size: 1.5rem;
    color: #1f2937;
}

.folks-job-description p {
    line-height: 1.7;
    color: #4b5563;
    margin-bottom: 16px;
}

.folks-job-description ul,
.folks-job-description ol {
    margin-bottom: 16px;
    padding-left: 24px;
}

.folks-job-description li {
    margin-bottom: 8px;
    line-height: 1.7;
    color: #4b5563;
}

/* ── AJAX error message ── */
.folks-error {
    background: #fee;
    border: 1px solid #fcc;
    border-radius: 6px;
    padding: 16px;
    color: #c33;
    text-align: center;
}