/* #2722 — Д4 доводки кейсов .com по .ru (assets/case.css .ru), скрипт projects/com-cases-polish-2717/apply_d4.py.
   Подзаголовки секций, особенности текстом в 2 колонки, абзац не режется колонками,
   функции 2 в ряд с номером в кружке, карточка данных с синей полосой слева. */

/* подзаголовок под h2 — .sec-head p .ru */
main.cru .case-detail__section .section__lead.cru-sub{margin:14px 0 0;max-width:60ch;font-size:17px;line-height:1.55;color:var(--cru-soft)}
main.cru .case-detail__section .cru-sub + *{margin-top:40px !important}

/* проза: абзац целиком в своей колонке, одиночный абзац — одна колонка */
main.cru .case-detail__section .cl-prose>.section__lead{break-inside:avoid}
main.cru .case-detail__section .cl-prose:has(>.section__lead:only-child){column-count:1 !important;max-width:72ch}

/* «Project highlights» — текстом в 2 колонки, пункты с галочкой (.prose ul .ru) */
main.cru .cru-hl{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 44px;max-width:1000px}
main.cru .cru-hl li{position:relative;padding-left:32px;color:var(--cru-ink);font-size:17px;line-height:1.55;min-width:0}
main.cru .cru-hl li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;box-sizing:border-box;
  border:1px solid var(--cru-blue);background:var(--cru-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e90ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}

/* «Product features» — 2 в ряд, номер в кружке (.grid-2 .fcard .num .ru) */
main.cru .cru-feat .grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px !important}
main.cru .cru-feat .card{background:var(--cru-card);border:1px solid var(--cru-line);border-radius:18px;padding:26px;min-width:0;
  transition:transform .25s,border-color .25s,box-shadow .25s}
main.cru .cru-feat .card:hover{transform:translateY(-4px);border-color:var(--cru-blue);box-shadow:0 22px 44px -26px rgba(46,92,242,.36)}
main.cru .cru-feat .cru-num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;margin:0 0 16px;
  border:1px solid var(--cru-line);background:var(--cru-tint);color:var(--cru-blue);font-size:15px;font-weight:600;line-height:1}
main.cru .cru-feat .card__title{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--cru-ink)}
main.cru .cru-feat .card__text{font-size:15px;line-height:1.55;color:var(--cru-soft);margin:0}

/* данные / архитектура — карточка с синей полосой слева (.case-note .ru) */
main.cru .cru-notecard{background:var(--cru-card);border:1px solid var(--cru-line);border-left:4px solid var(--cru-blue);border-radius:16px;padding:30px 34px;max-width:940px}
main.cru .cru-notecard .section__title{font-size:clamp(24px,2.6vw,32px)}
main.cru .cru-notecard .cl-prose{column-count:1 !important;max-width:none;margin-top:14px}
main.cru .cru-notecard .cl-prose>.section__lead{font-size:16px;line-height:1.65;max-width:none;margin:0 0 12px}
main.cru .cru-notecard .cl-prose>.section__lead:last-child{margin-bottom:0}

@media (max-width:760px){
  main.cru .cru-hl{grid-template-columns:1fr;gap:12px}
  main.cru .cru-hl li{font-size:16px}
  main.cru .cru-feat .grid{grid-template-columns:1fr !important}
}
@media (max-width:560px){
  main.cru .cru-notecard{padding:24px 22px}
  main.cru .cru-feat .card{padding:22px}
  main.cru .case-detail__section .cru-sub + *{margin-top:28px !important}
}
@media (prefers-reduced-motion:reduce){main.cru .cru-feat .card{transition:none}main.cru .cru-feat .card:hover{transform:none}}