/* ==========================================================================
   Job Fit Analyzer
   ========================================================================== */

/* ── Form container max-width (mirrors .iss-form-container pattern) ───── */
.jfa-form-container {
    max-width: 700px;   /* Wider than ISS — textarea benefits from extra width */
}

/* ── Result card max-width ────────────────────────────────────────────── */
.jfa-result-container {
    max-width: 800px;
}

/* ── Loading indicator ────────────────────────────────────────────────── */
.jfa-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: var(--bs-secondary-color, #adb5bd);
}

/* ── Markdown output — Bootstrap doesn't style raw markdown HTML ──────── */
.jfa-markdown h1,
.jfa-markdown h2,
.jfa-markdown h3 {
    font-size: 1.05rem;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    color: var(--bs-body-color, #dee2e6);
}

.jfa-markdown ul,
.jfa-markdown ol {
    padding-left: 1.4rem;
    margin-bottom: 0.75rem;
}

.jfa-markdown li {
    margin-bottom: 0.25rem;
}

.jfa-markdown p {
    margin-bottom: 0.75rem;
    line-height: 1.65;
}

.jfa-markdown strong {
    color: var(--bs-body-color, #dee2e6);
}

.jfa-trap {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}