/* =============================================================================
   Careers single - page styles
   Extracted from single-careers.php (Aug 2026), where it was an inline block.
   Enqueued for that template only; see artsed_template_styles() /
   artsed_template_scripts() in functions.php.
   ============================================================================= */

.job-detail-row,
					.person-spec-row {
						border-top: 1px solid #002a3a;
						color: #002a3a;
					}
					.person-spec-row.double-border {
						border-top: 2px solid #002a3a;						
					}
					.person-spec-row .heading,
					.heading-row,
					.job-detail-row .heading {
						font-weight: bold;
					}
					.job-detail-row div,
					.person-spec-row div {
						box-sizing: border-box;
						float: left;
						width: 50%;
						padding: 0.5em 0;
					}
					.job-detail-row div:first-child,
					.person-spec-row div:first-child {
						padding-right: 2em;						
					}
					.person-spec-row .heading {
						width: 100%;
					}
					.person-spec-row .attribute {
						width: calc(100% - 20em);
					}
					.person-spec-row .essential,
					.person-spec-row .assessment {
						width: 10em;
					}
					.person-spec-row .essential span,
					.person-spec-row .assessment span {
						display: none;
					}
					@media only screen and (max-width: 768px) {
						.heading-row {
							display: none;
						}
						.person-spec-row {
							padding: 0.5em 0;
						}
						.person-spec-row .attribute,
						.person-spec-row .essential,
						.person-spec-row .assessment {
							width: 100%;
							padding: 0;
						}
						.person-spec-row .attribute {
							margin-bottom: 0.5em;
						}
						.person-spec-row .essential,
						.person-spec-row .assessment {
							font-weight: bold;
						}
						.person-spec-row .essential span,
						.person-spec-row .assessment span {
							display: inline;
							font-weight: normal;
						}
					}