/* ==========================================================================
   Odisha Careers: homepage layout (shared card styles live in components.css)
   ========================================================================== */

.oc-home-section { padding: 22px 0; }

.oc-home-section--band {
	border-block: 1px solid var(--oc-border);
	background: #fff;
}

.oc-home-section--closing {
	border-block: 1px solid #fed7aa;
	background: linear-gradient(180deg, var(--oc-accent-soft), #fff8f1);
}
.oc-home-section--closing .oc-section__title::before { background: var(--oc-accent-strong); }

.oc-home-section:first-child { padding-top: 24px; }

/* Sub-heading inside the category section. */
.oc-theme .oc-subhead {
	margin: 18px 0 10px;
	color: var(--oc-muted);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.oc-home-section--categories .oc-section__head + .oc-subhead { margin-top: 0; }

/* More Jobs + Recent Posts side by side. */
.oc-home__split { display: grid; grid-template-columns: minmax(0, 1fr); gap: 26px; }
.oc-home__col { min-width: 0; }

@media (min-width: 900px) {
	.oc-home__split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
	.oc-home__split--single { grid-template-columns: minmax(0, 1fr); }
}

/* Follow buttons (interim styling; Phase 11 adds brand icons). */
.oc-social-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }

@media (max-width: 599px) {
	.oc-home-section { padding: 18px 0; }
}