/* AURA D3.11D — Case Studies card layout redesign QA
   Product Owner-approved direction: 14 Aug 2026.
   Baseline: D3.11C (not deployed).
   Scope only:
   - Reorder all three library cards to: Capability → Visual → Project title + concise summary → Skills → CTA.
   - Remove separate outcome + long description layers from the library cards.
   - Keep approved case-study names, Skills chips, routes, capability taxonomy and CTAs.
   - Replace only the HMT landing-card visual with a no-people whiteboard illustration using approved AURA colours.
   - HMT destination-page hero asset remains unchanged. */

.case-library-grid{align-items:stretch}
.case-library-card{
  min-height:0;
  padding:1.2rem;
  display:flex;
  flex-direction:column;
  gap:0;
}
.case-card-top{
  margin:0 0 .9rem;
  min-height:2.1rem;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.case-capability{max-width:100%}
.case-card-visual{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  margin:0;
  border-radius:.85rem;
}
.case-visual-hmt img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.case-visual-combined{padding:.7rem;grid-template-columns:1fr 1fr}
.case-card-project{margin-top:.85rem}
.case-card-project .case-index{
  display:block;
  margin:0 0 .42rem;
  font-size:1.05rem;
  line-height:1;
  color:var(--d311-gold);
}
.case-library-card .case-artifact{
  margin:0 0 .48rem;
  font-size:clamp(1.8rem,2.2vw,2.2rem);
  line-height:1.02;
  color:var(--d311-deep);
}
.case-card-summary{
  margin:0;
  color:var(--d311-muted);
  font-size:.9rem;
  line-height:1.52;
}
.case-card-skills{margin-top:1.15rem}
.case-card-skills-label{margin-bottom:.5rem}
.case-library-card .case-link{margin-top:auto;padding-top:1.15rem}

/* Neutralize previous pre-image / mobile grid rules from D3.9–D3.11C. */
@media(min-width:1051px){
  .case-library-card .case-card-heading{min-height:0;display:block}
  .case-card-hmt .case-card-visual,.case-card-kickoff .case-card-visual{margin-top:0}
}
@media(max-width:1050px){
  .case-library-card{min-height:0}
}
@media(max-width:700px){
  .case-library-card{
    display:flex;
    grid-template-columns:none;
    grid-template-areas:none;
    padding:1.05rem;
  }
  .case-card-top{margin-bottom:.75rem}
  .case-capability{font-size:.58rem;min-height:1.72rem;padding:.34rem .52rem}
  .case-card-visual,
  .case-card-combined .case-card-visual{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    margin:0;
    border-radius:.72rem;
  }
  .case-visual-combined{padding:.48rem;grid-template-columns:1fr 1fr;gap:.35rem}
  .case-visual-combined .combined-assessment-mini{display:block}
  .case-visual-combined .combined-framework-mini,.case-visual-combined .combined-assessment-mini{padding:.45rem}
  .case-visual-combined strong{font-size:.36rem;margin-bottom:.3rem}
  .combined-mini-stages{gap:.18rem}
  .combined-mini-stages span{font-size:.29rem;min-height:1.65rem;padding:.08rem}
  .combined-mini-score{gap:.14rem}
  .combined-mini-score span{font-size:.28rem;min-height:1.15rem;padding:.12rem}
  .case-card-project{margin-top:.72rem}
  .case-card-project .case-index{font-size:.9rem;margin-bottom:.35rem}
  .case-library-card .case-artifact{font-size:1.72rem;line-height:1.04;margin:0 0 .42rem}
  .case-card-summary{font-size:.84rem;line-height:1.48}
  .case-card-skills{grid-column:auto;margin-top:1rem}
  .case-card-skills-label{font-size:.62rem;margin-bottom:.42rem}
  .case-card-skill-list span{font-size:.61rem;min-height:1.58rem;padding:.3rem .48rem}
  .case-library-card .case-link{grid-area:auto;margin-top:auto;padding-top:1rem}
}