/* Lumen v18e case cards: polish only. Scope: .case-home and .case-grid cards on /, /fractional-hr, /recruiting.
   Load AFTER lumen-all.css and final-patch.css. !important only where lumen-all.css line 164/213 or #proof rules force a value. */
:root{--cc-blue:#2E7CB4;--cc-ink:#1D1B16;--cc-cream:#F7F0E2;--cc-gray:#6B6355;--cc-body:#403A30;--cc-line:#E4D9C4;--cc-marigold:#FFC53D;--cc-pad:24px;--cc-gap:16px}
@media (max-width:360px){:root{--cc-pad:20px}}
@media (min-width:768px){:root{--cc-pad:28px;--cc-gap:20px}}
@media (min-width:1200px){:root{--cc-pad:32px;--cc-gap:24px}}

/* Grid: stacked below 900px (no swipe), two equal columns at 900px and up */
.case-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cc-gap);margin-top:20px;align-items:stretch}
@media (min-width:900px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.case-home{max-width:860px}

/* Container */
:is(.case-home,.case-grid)>.case-card{
  display:block!important;gap:0!important;position:relative;min-width:0;max-width:none;box-sizing:border-box;
  background:#FFFFFF!important;border:1px solid var(--cc-line)!important;border-radius:14px!important;
  box-shadow:inset 0 3px 0 var(--cc-blue),0 1px 2px rgba(29,27,22,.06),0 8px 24px rgba(29,27,22,.06)!important;
  padding:var(--cc-pad)!important;overflow-wrap:break-word;
  transition:box-shadow .2s ease,border-color .2s ease}
:is(.case-home,.case-grid)>.case-card::before{content:none!important}
@media (hover:hover) and (pointer:fine){
  :is(.case-home,.case-grid)>.case-card:hover{border-color:#CFC2A8!important;
    box-shadow:inset 0 3px 0 var(--cc-blue),0 2px 4px rgba(29,27,22,.08),0 14px 32px rgba(29,27,22,.10)!important}}
@media (prefers-reduced-motion:reduce){:is(.case-home,.case-grid)>.case-card{transition:none}}

/* Headline */
:is(.case-home,.case-grid)>.case-card h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;
  font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.18;letter-spacing:-.01em;color:var(--cc-ink);margin:0 0 14px;max-width:30ch}

/* Body + lead-in labels */
:is(.case-home,.case-grid)>.case-card p{font-size:1rem;line-height:1.6;color:var(--cc-body);margin:0 0 12px}
@media (min-width:768px){:is(.case-home,.case-grid)>.case-card p{font-size:1.0625rem}}
:is(.case-home,.case-grid)>.case-card p>strong{font-weight:700;color:var(--cc-ink)}
:is(.case-home,.case-grid)>.case-card p:last-child{margin-bottom:0}

/* Result block + metric */
:is(.case-home,.case-grid)>.case-card .case-result{background:var(--cc-marigold);border:1px solid var(--cc-ink);border-radius:10px;
  padding:14px 16px;margin:16px 0;color:var(--cc-ink)}
:is(.case-home,.case-grid)>.case-card .case-result>strong{display:block;font-size:.8125rem;letter-spacing:.06em;line-height:1.3;margin-bottom:4px}
:is(.case-home,.case-grid)>.case-card .case-n{display:block;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;
  font-size:clamp(1.25rem,1.12rem + .55vw,1.5rem);line-height:1.2;letter-spacing:-.01em;color:var(--cc-ink)}

/* Source / context lines */
:is(.case-home,#results) .team-xp-note{font-size:.9375rem;line-height:1.55;color:#554C40;max-width:62ch}
.case-home .case-more{font-size:.9375rem;line-height:1.5;color:var(--cc-ink);margin-top:12px}
.case-home .case-more a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;color:var(--cc-ink);
  text-decoration:underline;text-decoration-color:var(--cc-blue);text-decoration-thickness:2px;text-underline-offset:4px}
.case-home .case-more a:hover{text-decoration-color:var(--cc-ink)}
/* Focus: reuse the site rule (lumen-all.css 812); restated here so nothing above can mute it */
.case-home .case-more a:focus-visible,#results .cta-row .btn:focus-visible{outline:2px solid #1D1B16;outline-offset:2px;box-shadow:0 0 0 4px #FFC53D;border-radius:4px}

/* No horizontal overflow */
:is(.case-home,.case-grid),:is(.case-home,.case-grid) *{min-width:0}