/* RN411 - blog index (/blog), matched to the retired /blog-list layout.
   Scoped to div.my-16.not-prose, which exists ONLY on /blog.
   !important is required: Job Boardly utility CSS outranks plain rules.
   Card background comes from a token, so it is set via the token.
   To restore the All/news/tips filter pills, delete the .mb-8.flex rule. */

main#main-content div.max-w-5xl:has(> div.my-16.not-prose){max-width:1080px !important;padding-left:12px !important;padding-right:12px !important;padding-top:0 !important}
div.my-16.not-prose{--token-colors-surface:#FFFFFF}
div.my-16.not-prose > div.grid{column-gap:20px !important;row-gap:50px !important}
div.my-16.not-prose > div.mb-8.flex.flex-wrap{display:none !important}

div.my-16.not-prose article{border:1px solid #DCE8E6 !important;border-radius:18px !important;box-shadow:none !important}
div.my-16.not-prose a.group:hover article{box-shadow:none !important;border-color:#0E9C95 !important}
div.my-16.not-prose article img{height:176px !important;object-fit:cover !important}

/* card text column: date above title, no category tag, divider above Read more */
div.my-16.not-prose article > div:last-child{padding:16px !important}
div.my-16.not-prose article > div:last-child > div.mb-2{display:none !important}
div.my-16.not-prose article > div:last-child > div.mt-auto{display:contents !important}
div.my-16.not-prose article time{order:-1 !important;display:block !important;margin:0 0 4px 0 !important;font-size:12.5px !important;color:#5F8288 !important}
div.my-16.not-prose article h3{font-size:18px !important;font-weight:600 !important;line-height:1.35 !important;color:#0C2D48 !important;letter-spacing:-0.01em !important;-webkit-line-clamp:2 !important;margin:0 0 8px 0 !important}
div.my-16.not-prose article > div:last-child > p{font-size:13.8px !important;line-height:1.55 !important;color:#5D7681 !important;margin:0 0 12px 0 !important}
div.my-16.not-prose article span.text-sm.font-medium{display:block !important;border-top:1px solid #DCE8E6 !important;padding-top:12px !important;margin-top:0 !important;font-size:13.5px !important}

/* featured first article: full width, image beside the text */
@media (min-width:768px){
 div.my-16.not-prose > div.grid > a:first-child{grid-column:1 / -1 !important;grid-row:auto !important}
 div.my-16.not-prose > div.grid > a:first-child article{display:grid !important;grid-template-columns:1fr 1fr !important;border-radius:24px !important}
 div.my-16.not-prose > div.grid > a:first-child article > div:first-child{height:100% !important;aspect-ratio:auto !important}
 div.my-16.not-prose > div.grid > a:first-child article img{height:376px !important}
 div.my-16.not-prose > div.grid > a:first-child article > div:last-child{justify-content:center !important;padding:32px !important}
 div.my-16.not-prose > div.grid > a:first-child h3{font-size:33px !important;line-height:1.22 !important;-webkit-line-clamp:3 !important}
 div.my-16.not-prose > div.grid > a:first-child article > div:last-child > p{font-size:15px !important}
 div.my-16.not-prose > div.grid > a:first-child article time{font-size:13px !important}
 div.my-16.not-prose > div.grid > a:first-child article span.text-sm.font-medium{border-top:0 !important;padding-top:0 !important;font-size:14.5px !important}
}

/* kicker-to-cards spacing: was 122px from four stacked sources */
.rn411-blogkick{padding-bottom:0 !important}
#section-51449{padding-bottom:0 !important}
div.my-16.not-prose{margin-top:24px !important}