/* =========================================================
   Government Job & Educational Notifications Portal
   Extends the existing navy/gold/teal design system — no new
   palette, just a couple of extra badge tints for category/type.
   ========================================================= */

.kh-job-hero .eyebrow{ margin-bottom:.4em; }

.kh-job-trust-bar{
	display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap; margin:1.2rem 0;
	font-family:var(--kh-font-mono); font-size:.85rem; color:var(--kh-ink-soft);
}
.kh-job-trust-bar strong{ color:var(--kh-ink); font-family:var(--kh-font-display); font-size:1.1rem; }

.kh-job-disclaimer{
	font-size:.82rem; color:var(--kh-coral); background:var(--kh-coral-tint);
	border:1px solid var(--kh-coral); border-radius:var(--kh-radius-sm);
	padding:.7em 1em; max-width:64ch; margin:1em 0;
}

.kh-job-filter-row{ display:flex; flex-wrap:wrap; gap:.5em; margin-top:1.4em; }
.kh-job-filter-row-secondary{ margin-top:.6em; }

.kh-filter-chip{
	font-family:var(--kh-font-body); font-weight:600; font-size:.85rem;
	padding:.5em 1.1em; border-radius:100px; border:1.5px solid var(--kh-line);
	background:var(--kh-paper-raised); color:var(--kh-ink-soft); transition:all .15s ease;
}
.kh-filter-chip:hover{ border-color:var(--kh-teal); color:var(--kh-teal); }
.kh-filter-chip.is-active{ background:var(--kh-gradient-gold); border-color:transparent; color:var(--kh-navy-deep); }
.kh-filter-chip-sm{ font-size:.78rem; padding:.4em .9em; }

/* Job card */
.kh-job-card{ padding:22px; display:block; }
.kh-job-card-badges{ display:flex; gap:.5em; flex-wrap:wrap; margin-bottom:.6em; }
.badge-job-cat{ background:var(--kh-teal-tint); color:var(--kh-teal); }
.badge-job-type{ background:#FBEFDA; color:var(--kh-gold-deep); }
.kh-job-card h3{ font-size:1.05rem; margin:.3em 0; }
.kh-job-org{ color:var(--kh-ink-soft); font-size:.88rem; margin:0 0 .6em; }
.kh-job-card-meta{ display:flex; gap:1em; flex-wrap:wrap; font-size:.8rem; color:var(--kh-ink-soft); font-family:var(--kh-font-mono); }
.kh-job-deadline{ color:var(--kh-coral); font-weight:600; }

/* Single notification */
.kh-job-org-line{ font-size:.95rem; color:var(--kh-ink-soft); }
.kh-job-quicklinks{ display:flex; gap:.7em; flex-wrap:wrap; margin:1.2em 0; }
.kh-job-detail-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.8rem; margin:1.8rem 0; }
.kh-job-detail-grid h3{ font-size:1rem; margin-bottom:.5em; }
.kh-job-detail-grid ul{ margin:0; padding-left:1.2em; color:var(--kh-ink-soft); }
.kh-job-table{ width:100%; border-collapse:collapse; font-size:.88rem; }
.kh-job-table th, .kh-job-table td{ text-align:left; padding:.5em .3em; border-bottom:1px solid var(--kh-line); }
.kh-job-table th{ color:var(--kh-ink-soft); font-weight:600; width:45%; }
.kh-job-contributor{ font-size:.82rem; color:var(--kh-ink-soft); font-family:var(--kh-font-mono); }
.kh-job-related{ margin-top:2.4rem; padding-top:2rem; border-top:1px solid var(--kh-line); }

/* Submission form */
.kh-job-form{ margin-top:1.4rem; }
.kh-job-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.kh-job-form .kh-field{ margin-bottom:14px; }
.kh-job-form .kh-field span{ font-weight:600; font-size:.85rem; display:block; margin-bottom:.3em; }
.kh-job-form input, .kh-job-form select, .kh-job-form textarea{
	width:100%; padding:.65em .8em; border-radius:var(--kh-radius-sm); border:1.5px solid var(--kh-line);
	font-family:var(--kh-font-body); font-size:.92rem; background:var(--kh-paper-raised); color:var(--kh-ink);
}
.kh-job-form input:focus, .kh-job-form select:focus, .kh-job-form textarea:focus{ outline:none; border-color:var(--kh-teal); }
.kh-job-form-note{ font-size:.82rem; color:var(--kh-ink-soft); margin:.4em 0; }

/* Homepage teaser */
.kh-job-teaser-strip{ display:flex; gap:1em; overflow-x:auto; padding-bottom:.4em; }
.kh-job-teaser-strip .kh-job-card{ min-width:280px; flex:none; }

@media (max-width: 720px){
	.kh-job-detail-grid, .kh-job-form-grid{ grid-template-columns:1fr; }
}

@media (max-width: 640px){
	.kh-job-trust-bar{ flex-direction:column; align-items:stretch; gap:.8rem; }
	.kh-job-trust-bar .btn{ width:100%; justify-content:center; }
	.kh-job-card{ padding:18px; }
}