/* Страница объекта (кейса): /obekty/*. Собирается скриптом site/case.py из site/cases/*.json */
.cs{--g:#178a47;--gl:#aadfc0;--gp:#ecf6f3;--t2:#4f4f4f;--ln:#929292;font-size:17px;line-height:1.55;color:#000}
.cs h1,.cs h2{font-family:"Roboto Condensed",system-ui,sans-serif;text-transform:uppercase;font-weight:700;line-height:1.1;margin:0}
.cs h1{font-size:34px}
.cs h2{font-size:26px;margin:0 0 18px}
.cs p{margin:0 0 12px}
.cs-sec{margin-top:56px}
.cs-crumbs{font:500 13px "Roboto Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--t2);margin-bottom:14px}
.cs-crumbs a{color:var(--t2);text-decoration:none}
.cs-crumbs a:hover{color:var(--g)}
.cs-lead{font-size:19px;color:var(--t2);margin:14px 0 0;max-width:820px}

/* первый экран: фото + факты */
.cs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;margin-top:32px;align-items:stretch}
.cs-fig{margin:0}
.cs-fig a{display:block;border:1px solid #d6d6d6;background:#fff}
.cs-fig img{display:block;width:100%;height:auto}
.cs-fig figcaption{font-size:14px;color:var(--t2);margin-top:8px}
.cs-hero-img a{border:0;background:none}
.cs-hero-img img{max-height:560px;object-fit:contain}
.cs-tz a{box-shadow:0 6px 24px rgba(0,0,0,.12);max-height:520px;overflow:hidden}
.cs-tz img{object-fit:cover;object-position:top}
.cs-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid #000;align-self:start}
.cs-fact{padding:18px 20px;border-bottom:1px dashed var(--ln)}
.cs-fact:nth-child(odd){border-right:1px dashed var(--ln)}
.cs-fact span{display:block;font:500 13px "Roboto Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--t2)}
.cs-fact b{display:block;font:700 clamp(22px,1.9vw,28px)/1.15 "Roboto Condensed",system-ui,sans-serif;margin-top:6px}
.cs-fact b.long{font-size:20px;line-height:1.25}
.cs-fact.wide{grid-column:1/-1;border-right:0}
.cs-types{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:8px;padding:18px 20px}
.cs-types a{flex:0 0 auto;display:inline-block;width:auto;height:auto;line-height:1.2;padding:6px 12px;background:var(--gp);color:#000;text-decoration:none;font:700 15px "Roboto Condensed",system-ui,sans-serif;letter-spacing:.04em}
.cs-types a:hover{background:var(--gl)}

/* задача + карта */
.cs-task{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}
.cs-map{border:2px solid #000}
.cs-map iframe{display:block;width:100%;height:300px;border:0;max-width:100%}
.cs-map figcaption{padding:10px 14px;font-size:14px;color:var(--t2);border-top:1px dashed var(--ln)}

/* виды работ */
.cs-works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cs-work{border:2px solid #000;padding:22px 24px 18px;position:relative}
.cs-work h3{display:flex;align-items:baseline;gap:12px;margin:0 0 12px;font:700 22px "Roboto Condensed",system-ui,sans-serif;text-transform:uppercase}
.cs-work h3 em{font-style:normal;color:#fff;background:var(--g);padding:2px 9px;font-size:18px}
.cs-work ul{list-style:none;margin:0;padding:0}
.cs-work li{position:relative;padding:4px 0 4px 26px}
.cs-work li::before{content:"";position:absolute;left:2px;top:12px;width:12px;height:12px;border-radius:50%;background:var(--gl)}
.cs-work a.more{display:inline-block;margin-top:10px;color:var(--g);font:600 14px "Roboto Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}

/* что показали изыскания: блок на каждый вид */
.cs-res{border-top:2px solid #000;padding:22px 0 30px}
.cs-res h3{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;font:700 22px "Roboto Condensed",system-ui,sans-serif;text-transform:uppercase}
.cs-res h3 em{font-style:normal;color:#fff;background:var(--g);padding:2px 9px;font-size:18px}
.cs-res-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.cs-wide{margin-top:24px}
/* колонка грунтов + выводы */
.cs-geo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;align-items:start}
.cs-col svg{width:100%;height:auto;display:block}
.cs-col figcaption,.cs-figcap{font-size:14px;color:var(--t2);margin-top:8px}
.cs-find{list-style:none;margin:0;padding:0;counter-reset:f}
.cs-find[start="2"]{counter-reset:f 1}.cs-find[start="3"]{counter-reset:f 2}.cs-find[start="4"]{counter-reset:f 3}.cs-find[start="5"]{counter-reset:f 4}.cs-find[start="6"]{counter-reset:f 5}
.cs-find li{counter-increment:f;position:relative;padding:0 0 14px 44px;margin-bottom:14px;border-bottom:1px dashed var(--ln)}
.cs-find li:last-child{border-bottom:0}
.cs-find li::before{content:counter(f);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;background:var(--gl);font:700 16px/30px "Roboto Condensed",system-ui,sans-serif;text-align:center}
.cs-section-img{margin:28px 0 0;border:1px solid #d6d6d6;background:#fff}
.cs-section-img img{display:block;width:100%;height:auto}

/* фото */
.cs-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cs-photos figure{margin:0}
.cs-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.cs-photos figcaption{font-size:14px;color:var(--t2);padding-top:6px}

/* результат и призыв */
.cs-result{background:var(--gp);padding:24px 28px;border-left:6px solid var(--g)}
.cs-result p:last-child{margin:0}
.cs-cta{margin-top:56px;background:#00261c;color:#fff;padding:32px 34px;display:grid;grid-template-columns:1fr;gap:22px}
.cs-cta h2{color:#fff;margin:0 0 8px}
.cs-cta p{color:#cfe6da;margin:0}
.cs-cta .btns{display:flex;flex-wrap:wrap;gap:10px}
.cs-cta a{display:inline-flex;align-items:center;padding:13px 20px;font:700 16px "Roboto Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;border:2px solid var(--gl);color:#fff}
.cs-cta a.main{background:var(--g);border-color:var(--g)}
.cs-note{margin:28px 0 0;font:500 21px/1.4 "Roboto Condensed",system-ui,sans-serif;color:#000;padding-left:18px;border-left:4px solid var(--gl)}

@media (max-width:1199px){
  .cs-hero,.cs-task,.cs-geo,.cs-res-grid{grid-template-columns:1fr}
  .cs-geo .cs-col{max-width:520px}
}
@media (max-width:767px){
  .cs{font-size:16px}
  .cs h1{font-size:26px}
  .cs h2{font-size:21px}
  .cs-sec{margin-top:40px}
  .cs-works{grid-template-columns:1fr}
  .cs-photos{grid-template-columns:1fr 1fr}
  .cs-fact b{font-size:24px}
  .cs-cta{padding:24px 20px}
}

/* условные обозначения к разрезу, розы ветров */
.cs-legend{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;font-size:15px}
.cs-legend li{display:flex;align-items:center;gap:10px}
.cs-legend i{flex:none;width:34px;height:20px;border:1px solid #000}
.cs-legend i.water{border:0;height:0;border-top:3px dashed #1f6fd1}
.cs-legend b{font-family:"Roboto Condensed",system-ui,sans-serif;white-space:nowrap}
.cs-roses{margin-top:22px;max-width:760px}
.cs-roses svg{width:100%;height:auto;display:block}
@media (max-width:767px){.cs-legend{grid-template-columns:1fr}}

/* объединённые блоки «объём работ + результаты» */
.cs-res h4{margin:0 0 10px;font:600 14px "Roboto Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--t2)}
.cs-vol{list-style:none;margin:0;padding:0}
.cs-vol li{position:relative;padding:5px 0 5px 26px}
.cs-vol li::before{content:"";position:absolute;left:2px;top:13px;width:12px;height:12px;border-radius:50%;background:var(--gl)}
.cs-res a.more{display:inline-block;margin-top:18px;color:var(--g);font:600 14px "Roboto Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.cs-narrow{max-width:560px}

/* объём работ и результаты — каждый список в две колонки, один под другим */
.cs-res h4{margin-top:22px}
.cs-res h3+h4{margin-top:0}
.cs-2col{column-count:2;column-gap:36px}
.cs-2col li{break-inside:avoid;display:inline-block;width:100%;vertical-align:top}
.cs-find.cs-2col li::before{top:0}
.cs-find.cs-2col li{border-bottom:0;margin-bottom:6px;padding-bottom:8px}
@media (max-width:767px){.cs-2col{column-count:1}}

.cs-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;align-items:start}
.cs-cols .cs-find li{border-bottom:0;margin-bottom:6px;padding-bottom:8px}
@media (max-width:767px){.cs-cols{grid-template-columns:1fr}}
.cs-hero{align-items:center}
.cs-hero .cs-facts{align-self:center}
.cs-task{align-items:center}
.cs-narrow,.cs-roses{margin-left:auto;margin-right:auto}

.cs-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows),auto);grid-auto-flow:column;gap:0 36px}
.cs-flow.cs-find li{border-bottom:0;margin-bottom:6px;padding-bottom:8px}
@media (max-width:767px){.cs-flow{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}

/* факты: подпись сверху, значение по центру оставшейся высоты ячейки */
.cs-fact{display:flex;flex-direction:column}
.cs-fact b{margin:auto 0;text-align:center}

/* разрез и топоплан — без рамки */
.cs-wide:not(.cs-narrow) a{border:0;background:none}

/* длинные слова на телефоне переносятся по мягким переносам из case.py, а не раздвигают страницу */
.cs h1,.cs h2,.cs h3,.cs-fact b{hyphens:manual;overflow-wrap:break-word}
.cs h3 em{flex:none;white-space:nowrap}

/* 27.10: компактнее — лид в одну строку, план меньше, обозначения плана под фактами */
.cs-lead{max-width:none}
.cs-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:40px;margin-top:28px;align-items:center}
.cs-hero-img img{max-height:470px;width:auto;max-width:100%;margin:0 auto}
.cs-side{display:flex;flex-direction:column;gap:18px}
.cs-fact{padding:14px 18px}
.cs-fact b{font-size:clamp(20px,1.6vw,24px)}
.cs-types{padding:14px 18px}
.cs-plan-legend h4{margin:0 0 8px;font:600 13px "Roboto Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--t2)}
.cs-plan-legend ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;font-size:14px;line-height:1.3;color:var(--t2)}
.cs-plan-legend li{display:flex;align-items:center;gap:8px}
.cs-plan-legend svg{flex:none;width:22px;height:22px}

/* задача: лист ТЗ высотой с текст (ширину считает скрипт case.py), текст по ширине */
.cs-task{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:36px}
@media (min-width:1200px){.cs-task>div p{text-align:justify;hyphens:auto}}  /* уже — без переносов слов в строках большие пробелы */
.cs-tz a{max-height:none;overflow:visible}
.cs-tz img{object-fit:contain}
.cs-tz{width:220px}  /* до загрузки листа; потом ширину ставит скрипт */

/* разрез меньше, условные обозначения справа столбцом */
.cs-section{display:grid;grid-template-columns:minmax(0,700px) minmax(220px,320px);gap:32px;align-items:center;margin-top:24px}
.cs-section .cs-legend{grid-template-columns:1fr;margin:0}

@media (max-width:1199px){
  .cs-hero{grid-template-columns:1fr}
  .cs-hero-img img{max-height:420px}
}
@media (max-width:767px){
  .cs-task{grid-template-columns:1fr}
  .cs-tz{max-width:240px;margin:0 auto}
  .cs-plan-legend ul{grid-template-columns:1fr}
  .cs-section{grid-template-columns:1fr}
}

/* 28.10: согласованный «технический» вид (макет kartmazovo-layout-a7-v2): факты строкой, две большие картинки,
   объём работ в рамке слева и результаты справа, под каждым видом изысканий — чертежи и документы */
.cs-page{padding-top:24px}
.cs{font-size:16px}
.cs h1{font-size:36px;max-width:900px}
.cs .cs-lead{margin-top:16px;max-width:900px;font-size:18px}
.cs-sec{margin-top:48px}
.cs-strip{margin:28px 0}
.cs-strip .cs-facts{grid-template-columns:repeat(var(--n,4),minmax(0,1fr));border:1px solid #c6d8ce;background:#f0f7f3}  /* сколько фактов — столько и ячеек в ряд: без висячих линий (28.10.2026) */
.cs-strip .cs-fact{padding:20px;border:0;border-right:1px solid #c6d8ce}
.cs-strip .cs-fact:nth-last-child(2){border-right:0}  /* последний факт перед строкой видов работ — при любом числе фактов (Ново-Переделкино, 5 фактов: 28.10.2026) */
.cs-strip .cs-fact span{min-height:32px}
.cs-strip .cs-fact b{margin:12px 0 0;text-align:center;font-size:28px}
.cs-strip .cs-fact b.long{font-size:24px}
.cs-strip .cs-types{grid-column:1/-1;border-top:1px solid #c6d8ce;padding:14px 20px}
.cs-types a{background:#d3ecdd;border:1px solid #83b697;color:#146d38;padding:9px 17px;box-shadow:0 2px 0 #b5d4c0;transition:background .15s,color .15s}
.cs-types a:hover,.cs-types a:focus-visible{background:#178a47;color:#fff;border-color:#178a47;outline:2px solid #178a47;outline-offset:3px}
/* две первые картинки: без рамок и ограничений по высоте, одной высоты на всю ширину (доли ширины — по пропорциям, ставит case.py),
   подпись по центру под картинкой */
.cs-overview{display:flex;gap:32px;align-items:flex-start}
.cs-overview figure{margin:0;min-width:0}
.cs-overview a{display:block}
.cs-overview img{display:block;width:100%;height:auto}
.cs-overview figcaption{margin-top:10px;text-align:center;font-size:15px;line-height:1.4;color:var(--t2)}
/* одна картинка в обзоре — по центру, не во всю ширину (28.10.2026) */
.cs-overview figure:only-child{flex:0 1 auto!important;max-width:100%;margin:0 auto}
.cs-overview figure:only-child img{width:auto;max-width:100%;max-height:560px;margin:0 auto}
/* задача + лист ТЗ */
.cs-task{grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:center}  /* лист ТЗ — по центру блока «Задача», ширина 320px (вдвое больше, 28.10.2026) */
.cs-task>div p{text-align:left;hyphens:none}
.cs-tz{width:320px}
/* блок вида изысканий */
.cs-res{padding:28px 0 36px;border-top:1px solid #bdcec4}
.cs-res h3{font-size:24px;margin-bottom:24px}
.cs-lists{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px}
.cs-lists h4{margin-top:0}
.cs-lists>div:first-child{padding:20px;background:#f1f7f3;align-self:start}
.cs-lists>div:last-child{padding-top:20px}
.cs-vol li{padding-bottom:8px}
.cs-find li{border:0;padding-bottom:0;margin-bottom:16px}
/* ИГИ: разрез, обозначения, карта фактического материала */
/* разрез крупно слева, под ним обозначения в две колонки; карта фактического материала справа во всю высоту (замечание 28.10.2026: картинки были меньше списка обозначений) */
.cs-geo-ev{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px 28px;align-items:start;margin-top:32px}
.cs-geo-ev>.cs-fig{grid-column:1;grid-row:1}
.cs-geo-ev>.cs-legend{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.cs-geo-ev>.cs-geo-plan{grid-column:2;grid-row:1/3}
.cs-geo-ev .cs-fig a{border:0;background:none}
.cs-geo-ev>.cs-fig img{height:430px;object-fit:contain}
.cs-geo-ev>.cs-legend{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;font-size:13px;gap:9px 20px;padding-top:4px}
.cs-geo-ev .cs-legend li{gap:6px;flex-wrap:wrap}
.cs-geo-ev .cs-legend i{width:24px;height:15px;background-size:cover;background-position:center}
.cs-geo-ev .cs-legend i.water{height:0}
.cs-geo-plan .cs-fig img{height:470px;object-fit:contain}
.cs-geo-plan .cs-plan-legend{margin-top:12px}
.cs-geo-plan .cs-plan-legend h4{font-size:11px;margin:0 0 8px}
.cs-geo-plan .cs-plan-legend ul{grid-template-columns:1fr;font-size:11px;gap:6px}
.cs-geo-plan .cs-plan-legend svg{width:17px;height:17px}
/* пара: чертёж и документ (топоплан + регистрация) */
.cs-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;align-items:start}
.cs-pair .cs-fig{margin:0;max-width:none}
.cs-pair img{height:440px;object-fit:contain}
.cs-pair .cs-fig a{border:0;background:none}
.cs-pair .cs-doc a{box-shadow:0 5px 22px #18352212;border:1px solid #d6dfd9}
.cs-res>.cs-wide{max-width:800px;margin:28px auto 0}
.cs-res>.cs-wide img{max-height:470px;object-fit:contain}
.cs-roses{max-width:720px}
.cs-photos{gap:24px 16px}
.cs-result{padding:28px 32px}
.cs-note{font-size:19px}
@media (max-width:900px){
  .cs-geo-ev{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cs-geo-ev>.cs-legend{grid-column:1;grid-row:2}
  .cs-geo-plan{grid-column:2;grid-row:1/3}
  .cs-pair img{height:340px}
}
@media (max-width:800px){
  .cs h1{font-size:28px}
  .cs-strip .cs-facts{grid-template-columns:1fr 1fr}
  .cs-strip .cs-fact{padding:16px;border-bottom:1px solid #c6d8ce}
  .cs-strip .cs-fact:nth-child(2n){border-right:0}
  .cs-strip .cs-fact b{font-size:24px}
  .cs-task{grid-template-columns:1fr}
  .cs-tz{margin:0}
  .cs-lists{grid-template-columns:1fr;gap:20px}
  .cs-res h3{font-size:21px}
  .cs-photos{grid-template-columns:1fr 1fr}
  .cs-sec{margin-top:36px}
}
@media (max-width:600px){
  .cs-overview{flex-direction:column;gap:20px}
  .cs-overview figure{flex:none!important;width:100%}
  .cs-geo-ev,.cs-pair{grid-template-columns:1fr}
  .cs-geo-ev>.cs-legend,.cs-geo-plan{grid-column:auto;grid-row:auto}
  .cs-geo-ev>.cs-legend{font-size:14px}
  .cs-geo-plan .cs-plan-legend ul{font-size:13px}
  .cs-pair img{height:auto;max-height:440px}
  .cs-geo-ev>.cs-fig img,.cs-geo-plan .cs-fig img{height:auto}
  .cs-types{gap:10px}
}
/* 320–480 px: длинные факты («13 долговременных…») и карта с обозначениями не вылезают за край, 29.10.2026 */
@media (max-width:480px){.cs-strip .cs-fact{min-width:0}.cs-strip .cs-fact b,.cs-strip .cs-fact b.long{font-size:20px;hyphens:auto;overflow-wrap:anywhere}.cs-strip .cs-fact span{hyphens:auto;overflow-wrap:break-word;font-size:11px}.cs-geo-plan,.cs-geo-ev>*{min-width:0}.cs-geo-plan img{max-width:100%}.cs h1,.cs h2{hyphens:auto;overflow-wrap:anywhere}}
/* цена в фактах — всегда одной строкой: шрифт по ширине ячейки (container query), 29.10.2026 */
.cs-strip .cs-fact{container-type:inline-size}
.cs-strip .cs-fact b.price{white-space:nowrap;overflow-wrap:normal;font-size:min(28px,15cqi)}