/* AURA D3.11F — Structured Hiring consistency recovery
   Date: 14 Aug 2026
   Status: INSPECTION ONLY — NOT PRODUCTION APPROVED
   Baseline: D3.11D. D3.11E is explicitly excluded as failed QA.

   Scope:
   - Apply one shared Case Studies card grammar across all three public stories.
   - Use only pre-approved imagery.
   - Distinguish workstream/evidence elements from Skills with a consistent rectangular component.
   - Remove unnecessary outer card borders.
   - Correct the over-spaced “Evidence of how I work.” treatment.
   - Preserve all routes, approved titles, summaries, skills, CTA wording and detailed-page content.
*/

body.case-library-body{margin:0;}

:root{
  --d311f-forest:#103C32;
  --d311f-deep:#0B2F28;
  --d311f-sage:#8FB79A;
  --d311f-cream:#F7F2E8;
  --d311f-ivory:#FCF8F1;
  --d311f-gold:#B88A3B;
  --d311f-blue:#A6B4FC;
  --d311f-lavender:#E7E1F3;
  --d311f-neutral:#EAE1D5;
  --d311f-text:#1F2925;
  --d311f-muted:#6F746D;
  --d311f-border:#D8D1C6;
}

/* Hero spacing recovery: keep natural word spacing and reconnect heading with supporting copy. */
.case-library-hero .case-hero-of{margin-right:0!important;}
.case-library-hero h1{margin-bottom:.88rem;}
.case-library-hero>div>p:last-child{margin-top:0;}

/* Shared three-card system. Containment comes from surface + spacing, not an outline. */
.case-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;align-items:stretch;}
.case-library-card,
.case-library-card.case-card-sage,
.case-library-card.case-card-blue{
  min-height:0;
  padding:1.2rem;
  background:var(--d311f-ivory);
  border:0!important;
  border-radius:1.1rem;
  box-shadow:0 12px 30px rgba(16,60,50,.055);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.case-library-card:hover,
.case-library-card:focus-visible{
  border:0!important;
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(16,60,50,.09);
  outline:2px solid transparent;
}
.case-library-card:focus-visible{box-shadow:0 0 0 3px rgba(184,138,59,.28),0 18px 42px rgba(16,60,50,.09);}

/* Capability label remains a label, not a Skills chip. */
.case-card-top{margin:0 0 .8rem;min-height:1.9rem;display:flex;align-items:flex-start;}
.case-capability{
  max-width:100%;
  min-height:1.8rem;
  padding:.36rem .58rem;
  border-radius:999px;
  background:rgba(143,183,154,.22);
  color:var(--d311f-forest);
  font-size:.64rem;
  line-height:1.2;
  letter-spacing:.07em;
  text-transform:uppercase;
  font-weight:800;
}
.case-card-kickoff .case-capability{background:rgba(166,180,252,.28);}

/* All approved card imagery uses the same frame and crop behaviour. */
.case-card-visual,
.case-card-combined .case-card-visual{
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  margin:0;
  padding:0!important;
  border:0!important;
  border-radius:.82rem;
  overflow:hidden;
  background:var(--d311f-neutral);
}
.case-visual-combined{display:block!important;grid-template-columns:none!important;gap:0!important;}
.case-card-combined{grid-template-columns:none!important;grid-template-areas:none!important;}
.case-card-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.case-card-hmt .case-card-visual img{object-position:center 48%;}
.case-card-combined .case-card-visual img{object-position:center 52%;}
.case-card-kickoff .case-card-visual img{object-position:center 50%;}

/* Shared title + summary hierarchy. */
.case-card-project{margin-top:.86rem;}
.case-card-project .case-index{display:block;margin:0 0 .38rem;font-size:.95rem;line-height:1;color:var(--d311f-gold);}
.case-library-card .case-artifact{
  margin:0 0 .46rem;
  font-size:clamp(1.82rem,2.15vw,2.18rem);
  line-height:1.02;
  color:var(--d311f-deep);
}
.case-card-summary{margin:0;color:var(--d311f-muted);font-size:.88rem;line-height:1.52;}

/* Workstream/evidence elements: one semantic type, one geometry.
   Rectangular construction deliberately differs from fully-rounded Skills pills. */
.case-card-evidence{
  display:flex;
  flex-wrap:wrap;
  gap:.42rem;
  margin-top:1rem;
}
.case-card-evidence span{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.4rem .6rem;
  border-radius:.5rem;
  background:rgba(143,183,154,.24);
  color:var(--d311f-deep);
  font-size:.65rem;
  line-height:1.2;
  font-weight:700;
}
.case-card-evidence span::before{
  content:"";
  flex:0 0 auto;
  width:.62rem;
  height:.62rem;
  margin-right:.42rem;
  border:1px solid rgba(16,60,50,.48);
  border-radius:.16rem;
  box-shadow:inset 0 0 0 2px rgba(252,248,241,.6);
}

/* Skills retain their approved pill language and are visually secondary. */
.case-card-skills{margin-top:1rem;}
.case-card-skills-label{margin-bottom:.46rem;color:var(--d311f-deep);font-size:.66rem;letter-spacing:.075em;text-transform:uppercase;font-weight:800;}
.case-card-skill-list{gap:.38rem;}
.case-card-skill-list span,
.case-card-combined .case-card-skill-list span,
.case-card-kickoff .case-card-skill-list span{
  min-height:1.6rem;
  padding:.3rem .5rem;
  border-radius:999px;
  background:rgba(231,225,243,.78);
  border:0;
  color:var(--d311f-deep);
  font-size:.61rem;
  line-height:1.15;
  font-weight:680;
}

.case-library-card .case-link{margin-top:auto;padding-top:1.05rem;}

@media(max-width:1050px){
  .case-library-grid{grid-template-columns:1fr 1fr;}
  .case-library-card{min-height:0;}
}

@media(max-width:700px){
  .case-library-hero h1{margin-bottom:.72rem;}
  .case-library-grid{grid-template-columns:1fr;gap:1rem;}
  .case-library-card,
  .case-library-card.case-card-sage,
  .case-library-card.case-card-blue{
    display:flex;
    grid-template-columns:none;
    grid-template-areas:none;
    padding:1rem;
    border-radius:1rem;
  }
  .case-card-top{margin-bottom:.7rem;min-height:0;}
  .case-capability{font-size:.58rem;min-height:1.68rem;padding:.32rem .5rem;}
  .case-card-visual,
  .case-card-combined .case-card-visual{
    width:100%;
    height:auto;
    aspect-ratio:16/10;
    border-radius:.72rem;
  }
  .case-card-project{margin-top:.72rem;}
  .case-card-project .case-index{font-size:.86rem;margin-bottom:.32rem;}
  .case-library-card .case-artifact{font-size:1.7rem;line-height:1.04;margin-bottom:.38rem;}
  .case-card-summary{font-size:.82rem;line-height:1.47;}
  .case-card-evidence{margin-top:.86rem;gap:.34rem;}
  .case-card-evidence span{min-height:1.82rem;padding:.34rem .5rem;font-size:.59rem;border-radius:.45rem;}
  .case-card-evidence span::before{width:.56rem;height:.56rem;margin-right:.36rem;}
  .case-card-skills{grid-column:auto;margin-top:.88rem;}
  .case-card-skills-label{font-size:.6rem;margin-bottom:.4rem;}
  .case-card-skill-list span,
  .case-card-combined .case-card-skill-list span,
  .case-card-kickoff .case-card-skill-list span{font-size:.58rem;min-height:1.5rem;padding:.28rem .45rem;}
  .case-library-card .case-link{grid-area:auto;margin-top:auto;padding-top:.92rem;}
}