/* Sigorta Altyapı Modernizasyonu concept demo (cozumler/sigorta-modernizasyon.html) —
   scoped to main.case-sigorta-modernizasyon. Shared demo-page rules live in case.css
   (loaded first); this file only holds this demo's own settings. */

/* wide.svg window geometry (see case.css → .case-wide). */
.case-sigorta-modernizasyon .case-wide { --win-x: 96; --win-y: 70; }

/* Hero label column: hypothetical company + "Konsept demo" chip.
   Side by side when the split stacks, chip under the label on desktop. */
.case-sigorta-modernizasyon .case-hero .split__label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}
@media (min-width: 900px) {
  .case-sigorta-modernizasyon .case-hero .split__label { flex-direction: column; align-items: flex-start; gap: 16px; }
}

/* Honesty note between the intro and the meta row. */
.case-sigorta-modernizasyon .case-hero .demo-note { margin-top: clamp(24px, 2.6vw, 36px); }

/* "Önerilen ekip" is two words: case.css justifies the credits title to push the
   count right, which would spread the two words apart. Keep the name as one unit. */
.case-sigorta-modernizasyon .case-credits__name { display: inline-block; }

/* Today / target ("Bugün ve hedef") ------------------------------------------
   Rows built from .split + .case-pair + hr.hairline. */
.case-sigorta-modernizasyon .sigorta-compare > .container { --stack: clamp(28px, 3vw, 44px); }
.case-sigorta-modernizasyon .sigorta-compare .case-pair { row-gap: 20px; }
/* Stacked (phones): keep each row heading close to its Bugün / Hedef pair. */
.case-sigorta-modernizasyon .sigorta-compare__row { row-gap: 16px; }
.case-sigorta-modernizasyon .sigorta-compare .lead { text-wrap: balance; }

/* Once the two columns sit side by side, the first row's Bugün / Hedef tags
   act as column heads; later rows keep them for screen readers only. */
@media (min-width: 760px) {
  .case-sigorta-modernizasyon .sigorta-compare__row ~ .sigorta-compare__row .sigorta-compare__tag {
    position: absolute;
    width: 1px; height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}