/* Career advice (blog list) – Framer design */
.djs-ca__hero { background: var(--djs-canvas, #f5f5fd); padding-block: 82px 86px; }
.djs-ca__eyebrow { margin: 0 0 24px; font-size: var(--djs-fs-label, .875rem); font-weight: 600; color: var(--djs-action-blue, #143f66); }
.djs-ca__hero h1 { margin: 0 0 24px; line-height: 1.05; color: var(--djs-ink, #143f66); }
.djs-ca__sub { margin: 0; max-width: 46em; color: var(--djs-muted, #555968); }

.djs-ca__body { background: #fff; padding-block: 80px 72px; }
.djs-ca__body > .djs-container > h2 { margin: 0 0 40px; font-size: 2rem; line-height: 1.15; color: var(--djs-ink, #143f66); }

/* Cards */
.djs-ca__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.djs-ca__card { display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; background: var(--djs-canvas, #f5f5fd); text-decoration: none; color: var(--djs-ink, #143f66); transition: transform .2s, box-shadow .2s; }
.djs-ca__card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(20, 63, 102, .10); color: var(--djs-ink, #143f66); }
.djs-ca__img { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--djs-soft-lavender, #bcc2f0); }
.djs-ca__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.djs-ca__text { display: flex; flex: 1; flex-direction: column; padding: 32px; }
.djs-ca__cat { margin-bottom: 20px; font-size: var(--djs-fs-small, .8125rem); text-transform: uppercase; color: var(--djs-action-blue, #143f66); }
.djs-ca__card h3 { margin: 0 0 24px; flex: 1; font-size: 1.25rem; line-height: 1.3; color: var(--djs-ink, #143f66); }
.djs-ca__read { font-size: var(--djs-fs-label, .875rem); font-weight: 700; color: var(--djs-action-blue, #143f66); }
.djs-ca__card:hover .djs-ca__read { text-decoration: underline; }

.djs-ca__pager { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 36px; font-size: .875rem; font-weight: 700; }
.djs-ca__pager a { color: var(--djs-action-blue, #143f66); text-decoration: none; }
.djs-ca__pager a:hover { text-decoration: underline; }
.djs-ca__pager span { color: var(--djs-muted, #555968); font-weight: 500; }
.djs-ca__empty { margin: 0 0 40px; color: var(--djs-muted, #555968); }

/* Banner */
.djs-ca__cta { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 40px; padding: 40px; border-radius: var(--djs-radius-card, 24px); background: var(--djs-soft-lavender, #bcc2f0); }
.djs-ca__cta h2 { margin: 0 0 12px; font-size: 2rem; line-height: 1.15; color: var(--djs-action-blue, #143f66); }
.djs-ca__cta p { margin: 0; color: var(--djs-link-hover, #555a91); }
.djs-ca__btn { flex: none; display: inline-flex; padding: 18px 26px; border-radius: 8px; background: var(--djs-action-blue, #143f66); color: #fff; font-size: .9375rem; font-weight: 700; text-decoration: none; text-transform: lowercase; transition: background .15s; }
.djs-ca__btn:hover, .djs-ca__btn:focus { background: var(--djs-navy-700, #1b5287); color: #fff; }

@media (max-width: 1000px) { .djs-ca__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
	.djs-ca__hero { padding-block: 48px 52px; }
	.djs-ca__body { padding-block: 48px 48px; }
	.djs-ca__grid { grid-template-columns: 1fr; }
	.djs-ca__text { padding: 24px; }
	.djs-ca__cta { flex-direction: column; align-items: flex-start; padding: 28px 22px; }
	.djs-ca__cta h2, .djs-ca__body > .djs-container > h2 { font-size: 1.625rem; }
}
@media (prefers-reduced-motion: reduce) { .djs-ca__card { transition: none; } .djs-ca__card:hover { transform: none; } }