/* Strive Job Descriptions — additions on top of strive-blog.css (which supplies the
   header/footer, filter bar and card grid). Mirrors the live detail-page rules. */

/* Detail page (live: styles_root__SuQpF, same as the blog post shell) */
.styles_root__SuQpF{background:#fff;color:#371b68;padding-top:150px}
.styles_root__SuQpF .banner:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(110,0,252,.2)}
.styles_root__SuQpF .banner .card-img{max-height:300px;-o-object-fit:cover;object-fit:cover}
.styles_root__SuQpF .post-links svg{width:30px;height:30px;margin-bottom:.5rem}
.styles_root__SuQpF .post-links a:active,.styles_root__SuQpF .post-links a:focus,.styles_root__SuQpF .post-links a:hover{color:#6e00fc}
.styles_root__SuQpF .content{border-bottom:1px solid #6e00fc}
.styles_root__SuQpF .cursor-pointer{cursor:pointer}
.styles_root__SuQpF .ms-auto{margin-left:auto!important}
.styles_root__SuQpF .description{font-family:"Atkinson Hyperlegible",sans-serif}
.styles_root__SuQpF .description img{max-width:100%;height:auto}

/* Listing cards: live JD cards use the image's own ratio and a smaller hover lift than the blog. */
.strive-jd .styles_root__fvdYi .card .post-image{aspect-ratio:464/300;height:auto;-o-object-fit:cover;object-fit:cover}
.strive-jd .styles_root__fvdYi .card:active .post-image,.strive-jd .styles_root__fvdYi .card:focus .post-image,.strive-jd .styles_root__fvdYi .card:hover .post-image{top:-20px}
@media(max-width:767px){.strive-jd .styles_root__fvdYi .post-title{height:auto;display:block}}

/* Utility missing from the shared stylesheet: right-align the filter row. */
.strive-jd .anchors.justify-content-end{justify-content:flex-end}

/* Live body copy is Atkinson Hyperlegible; Aeonik is for headings only. */
body.strive-jd{font-family:"Atkinson Hyperlegible",sans-serif}
.strive-jd h1,.strive-jd h2,.strive-jd h3,.strive-jd h4,.strive-jd h5,.strive-jd h6{font-family:Aeonik,sans-serif}
.styles_root__SuQpF .post-links svg{vertical-align:middle}