/* #1657 (ADR 0051) — sekce Případové studie: rozcestník + šablona studie.
   Sdílí lp-* komponenty z landing-profese-inline.css (hero, sekce, tlačítka, karty
   rozcestníku kategorie); tady jen prvky, které landing stránky profesí nemají —
   souhrnný box "V kostce", štítek karty bez odkazu a poznámka o anonymizaci.
   Barvy jsou 1:1 převzaté z landing-profese-inline.css (ověřené LandingContrastGuardTests). */

.lp-hero--pripadove-studie { background-image: url(/images/pripadove-studie/rozcestnik-hero.jpg); background-image: image-set(url(/images/pripadove-studie/rozcestnik-hero.webp) type("image/webp"), url(/images/pripadove-studie/rozcestnik-hero.jpg) type("image/jpeg")); }
.lp-hero--hriste-se-zamkem { background-image: url(/images/pripadove-studie/hriste-hero.jpg); background-image: image-set(url(/images/pripadove-studie/hriste-hero.webp) type("image/webp"), url(/images/pripadove-studie/hriste-hero.jpg) type("image/jpeg")); }
.lp-hero--bowling { background-image: url(/images/pripadove-studie/bowling-hero.jpg); background-image: image-set(url(/images/pripadove-studie/bowling-hero.webp) type("image/webp"), url(/images/pripadove-studie/bowling-hero.jpg) type("image/jpeg")); } /* #1658 */
.lp-hero--kadernictvi { background-image: url(/images/pripadove-studie/kadernictvi-hero.jpg); background-image: image-set(url(/images/pripadove-studie/kadernictvi-hero.webp) type("image/webp"), url(/images/pripadove-studie/kadernictvi-hero.jpg) type("image/jpeg")); } /* #1658 — název podle slugu studie; .lp-hero--kadernictvi z landing-profese-inline.css patří profesní stránce, tady se nepoužívá */
.lp-hero--orlovna-dva-saly { background-image: url(/images/pripadove-studie/orlovna-hero.jpg); background-image: image-set(url(/images/pripadove-studie/orlovna-hero.webp) type("image/webp"), url(/images/pripadove-studie/orlovna-hero.jpg) type("image/jpeg")); } /* #1658 — ukázkový scénář */

/* Štítek karty rozcestníku bez odkazu ("Připravujeme") nebo trvalé označení scénáře
   ("Ukázkový scénář") — barva shodná s .eyebrow (landing-profese-inline.css), zvolenou
   architektem tak, aby splňovala WCAG AA i nad fotkou. */
.cs-badge { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #A83D00; margin-bottom: 8px; }

/* Souhrnný box "V kostce" — barvy shodné s .lp-section.alt (#F9FAFB podklad, stejné texty) */
.cs-summary { background: #F9FAFB; border: 1px solid #E5E7EB; border-radius: 10px; padding: 26px 30px; margin: 30px 0; }
.cs-summary dt { font-weight: 700; color: #1F2937; font-size: 15px; }
.cs-summary dd { color: #374151; font-size: 15px; margin: 0 0 14px; }
.cs-summary dd:last-child { margin-bottom: 0; }

/* Obrázky "jak to bylo dřív" / "jak je to dnes" vedle textu */
.cs-illustration { margin-top: 24px; }

/* Poznámka o anonymizaci (ADR 0051, bod 2) — velikost/barva shodná s .lp-widget-note */
.cs-note { font-size: 13px; color: #6B7280; margin-top: 36px; }