/* page-case-studies.php — responsive + visual fixes (loaded only on this template, after responsive.css) */

/* ---------- list view ---------- */
/* 2-up grid (641–1240px, incl. the sidebar layout at 981–1240): an odd last card no longer sits alone —
   it spans both columns as a horizontal card (image left, text right) */
@media(min-width:641px) and (max-width:1240px){
  body:is(.page-template-page-case-studies,.single-case_study) .rs-card:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row}
  body:is(.page-template-page-case-studies,.single-case_study) .rs-card:last-child:nth-child(odd) .rs-cthumb{flex:0 0 calc(50% - clamp(16px,1.8vw,24px) / 2);aspect-ratio:16/10;align-self:stretch}
  body:is(.page-template-page-case-studies,.single-case_study) .rs-card:last-child:nth-child(odd) .rs-cbody{justify-content:center}
  body:is(.page-template-page-case-studies,.single-case_study) .rs-card:last-child:nth-child(odd) .rs-meta{margin-top:0}
}
/* keyboard focus for the clickable cards */
body:is(.page-template-page-case-studies,.single-case_study) .rs-card:focus-visible{outline:2px solid var(--wine);outline-offset:3px}

/* ---------- detail view ---------- */
body:is(.page-template-page-case-studies,.single-case_study) .ar-head h1{text-wrap:balance}
body:is(.page-template-page-case-studies,.single-case_study) .ar-lead{text-wrap:pretty}
body:is(.page-template-page-case-studies,.single-case_study) .ar-cover[hidden]{display:none}
/* desktop: "Topics" heading sits on the list, as before the wrapper was added */
body:is(.page-template-page-case-studies,.single-case_study) .ar-toc-list{min-width:0}
/* stacked detail view (≤1080px): the topic chips already give spacing — drop the first heading's top margin */
@media(max-width:1080px){ body:is(.page-template-page-case-studies,.single-case_study) .ar-prose>h2:first-child{margin-top:0} }

/* ---------- centring fixes (same components/fonts as the blog list, see page-resources.css) ---------- */
/* meta separator dot sat ~0.9px below the mono caps' centre */
body:is(.page-template-page-case-studies,.single-case_study) .rs-meta i{transform:translateY(-.083em)}
/* card industry tag: caps 1px high + trailing letter-spacing (.12em) pushing text left */
body:is(.page-template-page-case-studies,.single-case_study) .rs-ctag{padding:7px calc(11px - .12em) 5px 11px}
/* hero eyebrow pill: trailing letter-spacing (.14em) widened the right side */
body:is(.page-template-page-case-studies,.single-case_study) .rs-eyebrow{padding-right:calc(16px - .14em)}