/* Cases hub + case studies. DS component CSS is loaded via /ds/styles.css;
   lists.css is not part of that entry, so import it here (byte-identical DS).
   Rules below are page glue only, using DS tokens and kit.css values. */
@import url("/ds/components/lists/lists.css");

/* ui_kits/website/kit.css glue for CaseCard */
.kit-case-card{height:100%}
.kit-case-card__metric{margin-top:auto}
.ls-case-solo-metric{margin:0;padding:0;list-style:none}

/* hero: second lead (Traductor context line) */
.ls-case-hero__lead2{max-width:38rem;margin-top:var(--space-3)}

/* eyebrow inside long-form prose (values from layout .ls-sh__eyebrow) */
.ls-case-eyebrow{margin:0 0 var(--space-3);font-size:var(--type-caption);font-weight:800;letter-spacing:.14em;color:var(--color-cobalt)}
.ls-case-longbody>*+*{margin-top:var(--space-6)}
.ls-case-longbody .ls-prose h2:first-of-type{margin-top:.2em}

/* results note under a metric group (metrics.css __context values) */
.ls-case-note{max-width:var(--measure-lead,42rem);margin:var(--space-5) 0 0;font-size:var(--type-small);line-height:1.45;color:var(--color-ink-soft)}

/* performance dl (metric label/value values, compact) */
.ls-case-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5) var(--grid-gap);margin:0}
.ls-case-dl>div{padding-top:var(--space-4);border-top:1px solid var(--color-line-dark)}
.ls-case-dl dt{font-size:var(--type-body);font-weight:600;line-height:1.35}
.ls-case-dl dd{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:clamp(1.75rem,1.4rem + 1.5vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--color-cobalt)}
@media (max-width:599px){.ls-case-dl{grid-template-columns:minmax(0,1fr)}}

/* evidence cards + figure */
.ls-case-evidence-card{height:100%}
.ls-case-evidence-card p{margin:0;font-size:var(--type-body);line-height:1.5;color:var(--color-ink-soft)}
.ls-case-evidence-card p strong{color:var(--color-ink)}
/* hub evidence motif panel (C02: DS lemon orbit instead of the live
   dark illustration; frame values from the former figure rule) */
.ls-case-evidence-motif{position:relative;height:clamp(15rem,30vw,24rem);overflow:hidden;background:var(--color-white);border:1px solid var(--color-line-cobalt);border-radius:var(--radius-card)}
.ls-case-evidence-motif__orbit{top:50%;left:50%;translate:-50% -50%}
@media (max-width:599px){.ls-case-evidence-motif{height:13rem}}
@media (prefers-reduced-motion:reduce){.ls-case-evidence-motif .ls-motif__ring,.ls-case-evidence-motif .ls-motif__lemon{animation:none}}
html[data-motion="paused"] .ls-case-evidence-motif .ls-motif__ring,html[data-motion="paused"] .ls-case-evidence-motif .ls-motif__lemon{animation:none}

/* hub cards: full live card text in the DS CaseCard shell */
.ls-case-hub-card .ls-metric__value{white-space:normal}
.ls-case-kpi-text{margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,2rem + 2vw,4.25rem);font-weight:700;letter-spacing:-.06em;line-height:.95;color:var(--color-cobalt)}
.ls-case-nda{margin:0;font-size:var(--type-small);line-height:1.45;color:var(--color-ink-soft)}
.ls-case-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-line-soft)}
.ls-case-mini__value{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--color-cobalt)}
.ls-case-mini__label{margin:.35rem 0 0;font-size:.8125rem;line-height:1.4;color:var(--color-ink-soft)}
.ls-case-read{display:inline-flex;gap:.45rem;align-items:center;margin:0;font-size:var(--type-small);font-weight:700;color:var(--color-cobalt)}
.ls-case-read .ls-icon{width:1rem;height:1rem}
/* the whole hub card is the link (title overlay); keep inner rows above decor */
.ls-case-hub-card>*{position:relative;z-index:2}
.ls-case-hub-card .ls-card__link{position:static}

/* --- S-FIX (critic C01/C03/C04) --- */
/* C01: Traductor KPI values can never outgrow their cell: DS md size,
   additionally capped by the metric cell width (container units). */
#results .ls-metric{container-type:inline-size}
#results .ls-metric__value{font-size:min(clamp(2.5rem,2rem + 2vw,4.25rem),26cqi)}

/* C03: pending tool slot in the T08 strip */
.ls-case-tag--pending{color:var(--color-ink-soft);background:transparent;border-style:dashed}

/* C04: compact rhythm for the six short cases (hero/CTA heights and
   intervals at size md/s; narrative and tables stay verbatim). */
@media (max-width:1099px){
.ls-case-hero--compact .ls-hero__copy{padding-bottom:var(--space-4)}
.ls-case-hero--compact .ls-hero__side{height:4rem}
.ls-case-short .ls-sh--split{gap:var(--space-3)}
}
@media (max-width:599px){
.ls-case-hero--compact .ls-hero__copy{padding-top:var(--space-5)}
.ls-case-hero--compact .ls-crumbs{margin-bottom:var(--space-3)}
.ls-case-hero--compact .ls-hero__eyebrow{margin-bottom:var(--space-3)}
.ls-case-hero--compact .ls-hero__lead{margin-top:var(--space-3)}
.ls-case-hero--compact .ls-hero__actions{margin-top:var(--space-4);gap:var(--space-2)}
.ls-case-hero--compact .ls-hero__meta{margin-top:var(--space-4);padding-top:var(--space-3);gap:var(--space-3)}
}
.ls-case-short.ls-section--strip{padding-top:calc(var(--section-space-s) + var(--strip-height))}
@media (max-width:599px){
/* one DS token tighter than the site-wide mobile compact band */
.ls-case-short{padding-block:var(--space-5)}
.ls-case-short.ls-section--strip{padding-top:calc(var(--space-5) + var(--strip-height))}
.ls-case-short .ls-metric-group{gap:var(--space-4)}
/* short metric values fit the DS two-column band (the >=600px layout)
   already at 390px; single-metric bands keep the full width */
.ls-case-short .ls-metric-group:has(>li:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
.ls-case-short .ls-metric-group:has(>li:nth-child(2)) .ls-metric__value{font-size:2rem}
.ls-case-short .ls-metric{padding-top:var(--space-3);gap:var(--space-1)}
.ls-case-short .ls-metric__label{margin-top:0}
.ls-case-short .ls-longform{gap:var(--space-3)}
.ls-case-short .ls-prose>*+*{margin-top:.95em}
.ls-case-short .ls-prose h2{margin-top:1.5em}
.ls-case-short .ls-prose h3{margin-top:1.35em}
.ls-case-short .ls-prose blockquote{margin-block:1.4em;padding-block:var(--space-3)}
.ls-case-short .ls-prose li+li{margin-top:.3em}
.ls-case-short .ls-table-wrap--framed .ls-table--stack tr{margin-bottom:var(--space-2)}
.ls-case-short .ls-table-wrap--framed .ls-table--stack td::before{margin-bottom:.2rem}
.ls-case-short .ls-taggroups__row{gap:var(--space-2);padding-block:var(--space-2)}
}
/* shared closing CTA at DS size md on case pages (values copied from
   cta.css .ls-cta--md); only the generic cases render .ls-cta. */
.ls-cta{padding-block:var(--section-space-s)}
.ls-cta__content{gap:var(--space-4)}
.ls-cta__title{max-width:18ch;font-size:var(--type-title);letter-spacing:var(--tracking-title);line-height:var(--leading-title)}
@media (min-width:600px) and (max-width:899px){.ls-cta{padding-bottom:calc(var(--section-space-s) + 4.5rem)}}