/* Стили страницы raboty/delo78/index.html.

   Скелет кейса общий и отлажен — берём его целиком (raboty-milery.css),
   меняем только характер. У «Дела 78» он собственный и осмысленный:
   направление «Реестр» — язык официального документа, но дорогого.
   Известковая бумага петербургских фасадов, графит чернил, малахит
   нотариального сукна, латунь банковской фурнитуры.

   Синего в палитре нет намеренно: в выдаче СПб тёмно-синий занят лидером
   рынка, повторить его значит стать его клоном в его же выдаче. */

@import url('/css/pages/raboty-milery.css?v=20260731b');

:root{
  --paper:#EEEFEB;--paper2:#E4E6E0;--paper3:#D8DAD3;--white:#FAFAF8;
  --ink:#16191A;--ink64:#4E5457;--ink32:#7B817E;--hair:#D3D6CF;
  /* Бордо базы становится малахитом. Имена переменных не трогаем — иначе
     пришлось бы переписывать весь импортированный файл. */
  --bordo:#1B4332;--bordo-deep:#0F2A20;--bordo-pale:#CBAA6B;--on-bordo:#DCE5DE;
  /* Антиква вместо гротеска — у всех конкурентов в заголовках гротеск,
     и это отличие видно ещё в выдаче. */
  --display:'Literata',Georgia,'Times New Roman',serif;
  --sans:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace;
}

/* Метки, номера и суммы — моноширинные, как в бланке. Это и есть тот приём,
   из-за которого страница читается как выписка, а не как лендинг. */
.lbl,.ctop .tag,.vs-minibar__tag,.kicker,.spec .sh,.shead .meta,
.fact__n,.browser__url,.shot__txt .num,.it .ix{
  font-family:var(--mono);letter-spacing:.12em}
.fact__n{letter-spacing:.02em}
.kicker{letter-spacing:.1em;font-size:11.5px}

/* Радиусы почти нулевые, тени заменены линиями: документ не отбрасывает
   тень, у него есть кромка. */
.spec,.browser,.it,.fact,.brief{border-radius:2px}
.spec{box-shadow:none}
.browser{border-radius:3px;box-shadow:0 18px 40px -30px rgba(22,25,26,.45)}
.browser:hover{box-shadow:0 26px 52px -30px rgba(22,25,26,.55)}
.it:hover{background:#F3F4F0}

/* Точки в шапке скриншота — малахит, латунь, кирпич: те же три статуса,
   что и в карточке объекта на самом сайте. */
.browser__bar .dot:nth-child(1){background:#1B4332}
.browser__bar .dot:nth-child(2){background:#A8894F}
.browser__bar .dot:nth-child(3){background:#8C3A2E}

/* Латунь как текст на светлом фоне проваливается по контрасту — для ссылок
   и подписей берём затемнённую версию, как в самом проекте. */
.vs-tel{color:#6F5828}
.shead .meta a{color:#6F5828}

/* Нить Milery — про вязку. Здесь это линия поля бланка: прямая, тонкая,
   с латунной точкой. Кривую из разметки переопределять нельзя, поэтому
   меняем только обводку. */
.thread path,.thread-line path{stroke:#A8894F;stroke-width:1;opacity:.5}