/* job.css — job detail page. */
.wg-job { max-width: 720px; margin: 0 auto; padding: 16px; }
.wg-job-title { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; margin: 4px 0 8px; }
.wg-job-employer { font-size: 1.05rem; }
.wg-job-employer .wg-badge { margin-left: 6px; }
.wg-job-reviewed-note { color: #0a7a3d; font-size: .9rem; margin: 4px 0 0; }
.wg-job-import-note { color: #7a5b00; background: #fff6e0; border: 1px solid #f0d590; border-radius: 8px; padding: 8px 10px; font-size: .88rem; margin: 6px 0 0; }
.wg-job-import-src { font-size: .85rem; margin: 4px 0 0; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.wg-job-import-src a { color: #2b6cb0; }
.wg-job-attr { color: #888; font-size: .8rem; }

.wg-hidden-note { background: #fff4e5; color: #7a5300; padding: 10px 12px; border-radius: 10px; margin-bottom: 12px; font-size: .9rem; }

.wg-job-facts { list-style: none; margin: 16px 0; padding: 0; display: grid; gap: 6px; }
.wg-job-facts li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #f0f2f4; }
.wg-job-facts li span { color: #5b6470; }
.wg-job-facts li b { text-align: right; }

.wg-job-badges-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 8px; }
.wg-job-badge { font-size: .75rem; font-weight: 600; padding: 3px 9px; border-radius: 999px; background: #eef1f4; color: #44505c; }
.wg-job-badge-good { background: #e7f7ee; color: #0a7a3d; }
.wg-job-badge-cat { background: #e8eefc; color: #2b54b8; }
.wg-job-cats-row { margin: 6px 0 2px; }

.wg-job-h2 { font-size: 1.1rem; margin: 22px 0 8px; }
.wg-job-body { line-height: 1.6; white-space: normal; }
.wg-job-conditions { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.wg-job-conditions li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid #f6f7f9; }
.wg-job-conditions li span { color: #5b6470; }
.wg-job-fnote { background: #f7f9fb; border-radius: 10px; padding: 10px 12px; margin-top: 10px; }

.wg-job-addr { color: #44505c; }
.wg-job-map { width: 100%; height: 240px; border-radius: 12px; margin-top: 8px; }

.wg-job-disclaimer { background: #fff7e6; border: 1px solid #ffe2ad; color: #7a5300; padding: 12px 14px; border-radius: 12px; margin: 22px 0; font-size: .9rem; line-height: 1.5; }

.wg-job-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.wg-job-actions .wg-btn { width: auto; }
/* External application portal */
.wg-btn-ext { background: #1f6feb; border-color: #1f6feb; color: #fff; }
.wg-btn-ext:hover { background: #1a5fd0; border-color: #1a5fd0; color: #fff; text-decoration: none; }
.wg-job-extnote { font-size: 0.9rem; color: #1a4480; background: #eaf1fb; border: 1px solid #c5d8f5; border-radius: 10px; padding: 9px 12px; margin: 10px 0; }
/* Resume-before-apply nudge */
.wg-resume-warn-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.wg-resume-warn-actions .wg-btn { width: auto; flex: 1 1 auto; }
.wg-job-save.is-on { color: #0a7a3d; }
.wg-modbar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #eef1f4; }

/* View counter (mirrors the post stat). */
.wg-job-stats { margin: 8px 0 4px; }
.wg-job-stats .wg-stat { display: inline-flex; align-items: center; gap: 5px; color: var(--wg-muted); font-size: 0.9rem; }
.wg-job-stats .wg-stat .wg-ico { width: 16px; height: 16px; }

/* Plain-text imports skip the structured facts list, but still carry a start
   date (members filter on it via job alerts) — this is that one fact alone. */
.wg-job-facts-slim { margin: 12px 0 4px; }
/* An inferred date is our reading of the advert, not the employer's promise. */
.wg-job-start-src { color: #8a94a0; font-size: .78rem; font-weight: 400; margin-left: 6px; }