/* Content layout for the two anonymized cases. Color, type and controls are
   inherited from the UPLIFY expressive theme and shared design primitives. */
.anon-case{position:relative;isolation:isolate;background:var(--bg);color:var(--fg);padding-bottom:var(--ds-space-section)}
.anon-case *{box-sizing:border-box}
.anon-case .case-hero{position:relative;padding:var(--ds-space-section) 0 var(--sp-8);overflow:hidden}
.anon-case .case-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,var(--bg));pointer-events:none}
.anon-case .case-hero>.wrap{position:relative;z-index:2}
.anon-case .ac-crumbs{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);color:var(--fg-2);font:500 var(--fs-xs)/1.4 var(--font-mono);letter-spacing:var(--ls-caps);text-transform:uppercase}
.anon-case .ac-crumbs a:hover{color:var(--accent)}
.anon-case .ac-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-6)}
.anon-case .ac-tag{padding:7px 13px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--fg-2);font:500 var(--fs-2xs)/1.3 var(--font-mono);letter-spacing:var(--ls-caps);text-transform:uppercase}
.anon-case .ac-tag:first-child{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 38%,var(--line))}
.anon-case h1{max-width:18ch;margin:0 0 var(--sp-6)}
.anon-case h1 .ac-title-line{display:block}
.anon-case h1 .ac-title-stroke{color:transparent;-webkit-text-stroke:1px var(--fg)}
.anon-case h1 .ac-title-accent{color:var(--accent);text-shadow:0 0 34px color-mix(in oklab,var(--accent) 20%,transparent)}
.anon-case .ac-lede{max-width:74ch;color:var(--fg-2);font-size:var(--fs-lg);line-height:var(--lh-body);margin:0 0 var(--sp-7)}
.anon-case .ac-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-1);overflow:hidden}
.anon-case .ac-kpi{padding:var(--sp-6) var(--sp-5);min-width:0;border-right:1px solid var(--line)}
.anon-case .ac-kpi:last-child{border-right:0}
.anon-case .ac-kpi strong{display:block;color:var(--accent);font-size:var(--fs-num-md);font-weight:600;line-height:1.1;letter-spacing:var(--ls-tight);overflow-wrap:anywhere}
.anon-case .ac-kpi:nth-child(n+3) strong{font-size:var(--ds-title-card)}
.anon-case .ac-kpi>span{display:block;margin-top:var(--sp-3);color:var(--fg-2);font-size:var(--fs-sm);line-height:1.4}
.anon-case section.ac-section,.anon-case .case-tldr-wrap{position:relative;z-index:1;padding-top:var(--ds-space-section)}
.anon-case .ac-section-label{color:var(--accent);font:500 var(--fs-xs)/1.4 var(--font-mono);letter-spacing:var(--ls-caps);text-transform:uppercase;margin:0 0 var(--sp-5)}
.anon-case h2{margin:0 0 var(--sp-6)}
.anon-case h2 em{color:var(--accent);font-style:normal}
.anon-case .ctldr-terminal{border:1px solid color-mix(in oklab,var(--accent) 40%,var(--line));border-radius:var(--r-lg);background:var(--bg-1);overflow:hidden;max-width:1100px;box-shadow:0 28px 78px -64px color-mix(in oklab,var(--accent) 64%,transparent)}
.anon-case .tldr-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);font:500 var(--fs-2xs)/1.3 var(--font-mono);color:var(--fg-2)}
.anon-case .tldr-bar .dot{width:7px;height:7px;border-radius:50%;background:var(--fg-3)}
.anon-case .tldr-bar .g{background:var(--accent)}
.anon-case .tldr-bar .url{margin-left:var(--sp-3)}
.anon-case .tldr-bar .live{margin-left:auto;color:var(--accent)}
.anon-case .ctldr-lines{padding:var(--sp-3) var(--sp-6) var(--sp-5)}
.anon-case .ctldr-line{display:grid;grid-template-columns:40px 126px 18px minmax(0,1fr);gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--line);font-size:var(--fs-md);line-height:var(--lh-body)}
.anon-case .ctldr-line:last-child{border:0}
.anon-case .ctldr-line .n,.anon-case .ctldr-line .k,.anon-case .ctldr-line .sep{font:500 var(--fs-xs)/1.8 var(--font-mono)}
.anon-case .ctldr-line .n,.anon-case .ctldr-line .sep{color:var(--fg-3)}
.anon-case .ctldr-line .k{color:var(--accent)}
.anon-case .ctldr-line .v{color:var(--fg)}
.anon-case .tldr-cursor{padding:0 var(--sp-6) var(--sp-5);color:var(--accent);font:500 var(--fs-xs)/1.5 var(--font-mono)}
.anon-case .ac-prose{max-width:76ch}
.anon-case .ac-prose p,.anon-case .ac-notes li{font-size:var(--fs-lg);line-height:1.7;color:var(--fg-2);margin:0 0 var(--sp-4)}
.anon-case .ac-prose p:first-child{color:var(--fg)}
.anon-case .ac-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-1)}
.anon-case table{width:100%;border-collapse:collapse;min-width:580px;font-variant-numeric:tabular-nums}
.anon-case th,.anon-case td{text-align:left;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);font-size:var(--fs-md)}
.anon-case th{color:var(--accent);font:500 var(--fs-xs)/1.5 var(--font-mono);letter-spacing:var(--ls-caps);text-transform:uppercase}
.anon-case td{color:var(--fg)}
.anon-case tbody tr:last-child td{border-bottom:0}
.anon-case .ac-notes{max-width:1050px;margin:0;padding:var(--sp-6) var(--sp-6) var(--sp-3) var(--sp-7);border:1px solid color-mix(in oklab,var(--accent) 40%,var(--line));border-radius:var(--r-md);background:var(--bg-1)}
.anon-case .ac-notes li{padding-left:var(--sp-2)}
.anon-case .ac-notes li::marker{color:var(--accent)}
.anon-case .ac-source{max-width:85ch;color:var(--fg-2);font-size:var(--fs-sm);line-height:1.65;border-top:1px solid var(--line);padding-top:var(--sp-5);margin-top:var(--sp-7)}
.anon-case .ac-cta{display:flex;gap:var(--sp-4) var(--sp-6);align-items:center;flex-wrap:wrap;margin-top:var(--sp-6)}
.anon-case .ac-text-link{display:inline-flex;align-items:center;min-height:48px;color:var(--fg);text-underline-offset:4px}
.anon-case a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:900px){
  .anon-case .ac-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .anon-case .ac-kpi:nth-child(2){border-right:0}
  .anon-case .ac-kpi:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:640px){
  .anon-case .case-hero{padding:var(--sp-7) 0 var(--sp-6)}
  .anon-case .ac-crumbs{margin-bottom:var(--sp-5)}
  .anon-case .ac-tags{margin-bottom:var(--sp-5)}
  .anon-case h1 .ac-title-stroke{-webkit-text-stroke:.8px var(--fg)}
  .anon-case--construction h1 .ac-title-stroke{font-size:.78em;letter-spacing:-.05em}
  .anon-case .ac-lede{font-size:var(--fs-md);margin-bottom:var(--sp-6)}
  .anon-case .ctldr-lines{padding:var(--sp-2) var(--sp-4)}
  .anon-case .ctldr-line{grid-template-columns:34px minmax(0,1fr);gap:var(--sp-1) var(--sp-3);padding:var(--sp-4) 0}
  .anon-case .ctldr-line .sep{display:none}
  .anon-case .ctldr-line .v{grid-column:2}
  .anon-case .tldr-bar{padding:var(--sp-4)}
  .anon-case .tldr-cursor{padding:var(--sp-1) var(--sp-4) var(--sp-4)}
  .anon-case table{min-width:0}
  .anon-case thead{display:none}
  .anon-case tbody,.anon-case tr{display:block}
  .anon-case tr{padding:var(--sp-4);border-bottom:1px solid var(--line)}
  .anon-case tr:last-child{border-bottom:0}
  .anon-case td{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) 0;border:0;font-size:var(--fs-sm);text-align:right}
  .anon-case td:first-child{display:block;text-align:left;color:var(--accent);font-weight:600;font-size:var(--fs-md);padding-bottom:var(--sp-3)}
  .anon-case td:not(:first-child)::before{content:attr(data-label);color:var(--fg-2);text-align:left}
}
@media(max-width:560px){
  .anon-case .ac-kpi{padding:var(--sp-4) var(--sp-3)}
  .anon-case .ac-kpi strong{font-size:var(--fs-num-sm)}
  .anon-case .ac-kpi>span{font-size:var(--fs-xs)}
  .anon-case .ac-notes{padding:var(--sp-5) var(--sp-5) var(--sp-2) var(--sp-7)}
  .anon-case .ac-prose p,.anon-case .ac-notes li{font-size:var(--fs-md)}
}
@media(prefers-reduced-motion:reduce){.anon-case *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
