/* ==========================================================================
   Internal Audit Jobs Board — single job detail + discussion page
   Reuses the --iajb-* tokens defined in frontend.css
   ========================================================================== */

.iajb-single {
	font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	color: var(--iajb-ink);
	max-width: 760px;
	margin: 0 auto;
	padding: 2rem 1rem 5rem;
}

.iajb-single__back {
	display: inline-block;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 0.8rem;
	color: var(--iajb-slate);
	text-decoration: none;
	margin-bottom: 1.5rem;
}

.iajb-single__back:hover {
	color: var(--iajb-lagoon-dark);
}

.iajb-single__header {
	border-bottom: 1px solid var(--iajb-hairline);
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}

.iajb-single__title {
	font-family: 'Fraunces', Georgia, serif;
	font-size: 2rem;
	line-height: 1.25;
	margin: 0.75rem 0 0.35rem;
	color: var(--iajb-ink);
}

.iajb-single__employer {
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--iajb-lagoon-dark);
	margin: 0.25rem 0 0;
}

.iajb-single__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 1.75rem;
}

.iajb-single__fact {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.iajb-single__fact-value {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 1.05rem;
	color: var(--iajb-ink);
}

/* The signature element on this page: a live, ticking countdown */
.iajb-single__fact--countdown .iajb-countdown {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--iajb-clay);
}

.iajb-single__apply {
	display: inline-block;
	background: var(--iajb-lagoon);
	color: #fff;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 0.95rem;
	font-weight: 600;
	text-decoration: none;
	padding: 0.85rem 1.6rem;
	border-radius: 8px;
	transition: background-color 0.15s ease;
}

.iajb-single__apply:hover {
	background: var(--iajb-lagoon-dark);
	color: #fff;
}

.iajb-single__apply-note {
	font-size: 0.8rem;
	color: var(--iajb-slate);
	margin: 0.5rem 0 2.5rem;
}

.iajb-single__discussion {
	border-top: 1px solid var(--iajb-hairline);
	padding-top: 2rem;
}

.iajb-single__discussion-title {
	font-family: 'Fraunces', Georgia, serif;
	font-size: 1.4rem;
	margin: 0 0 0.35rem;
}

.iajb-single__discussion-note {
	font-size: 0.9rem;
	color: var(--iajb-slate);
	margin: 0 0 1.5rem;
}

/* Light-touch styling for WordPress's native comment list/form so it feels
   part of the same design system, without fighting the active theme. */
.iajb-single #comments,
.iajb-single .comments-area {
	font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.iajb-single .comment-form input[type="text"],
.iajb-single .comment-form input[type="email"],
.iajb-single .comment-form input[type="url"],
.iajb-single .comment-form textarea {
	width: 100%;
	border: 1px solid var(--iajb-hairline);
	border-radius: 6px;
	padding: 0.6rem 0.75rem;
	font-family: inherit;
	font-size: 0.95rem;
	margin-bottom: 0.75rem;
}

.iajb-single .comment-form input[type="submit"] {
	background: var(--iajb-ink);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 0.6rem 1.4rem;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 0.85rem;
	cursor: pointer;
}

.iajb-single .comment-form input[type="submit"]:hover {
	background: var(--iajb-lagoon-dark);
}

@media (max-width: 480px) {
	.iajb-single__title {
		font-size: 1.5rem;
	}
	.iajb-single__facts {
		gap: 1.25rem;
	}
}