/* Страница «Ошибка 404» (30.09.2026): по левому краю, как остальные страницы; разделы сайта
   ссылками-карточками, консультация. Разметка — modules/pages/site/NotFoundBody.tsx. */
.nf { max-width: 760px; margin: 24px 0 88px; }
.nf__code { display: inline-block; margin-bottom: 16px; padding: 6px 14px; border-radius: 999px; background: #fdeceb; color: #c9302b; font-size: 14px; font-weight: 600; }
.nf__title { margin: 0 0 16px; font-size: clamp(32px, 2vw + 22px, 50px); font-weight: 600; line-height: 1.15; color: #272727; }
.nf__text { margin: 0 0 28px; max-width: 560px; font-size: 18px; line-height: 1.6; color: #272727; }
.nf__buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 48px; }
.nf__btn {
  display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 28px;
  border: 1px solid #272727; border-radius: 14px; color: #272727; font-size: 16px; font-weight: 600; text-decoration: none;
  transition: background .2s, color .2s, border-color .2s;
}
.nf__btn:hover { background: #272727; color: #fff; }
.nf__btn--primary { border-color: #e9423d; background: #e9423d; color: #fff; }
.nf__btn--primary:hover { border-color: #c9302b; background: #c9302b; }
.nf__nav-title { margin-bottom: 14px; font-size: 20px; font-weight: 600; color: #272727; }
.nf__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.nf__links a {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px;
  border-radius: 14px; background: #f3f9f5; color: #272727; font-size: 16px; font-weight: 500; text-decoration: none;
}
.nf__links a:after { content: "→"; color: #e9423d; }
.nf__links a:hover { background: #e3f3ea; }

@media (max-width: 767px) {
  .nf { margin: 8px 0 56px; }
  .nf__text { font-size: 16px; }
  .nf__buttons { margin-bottom: 36px; }
  .nf__btn { flex: 1 1 100%; }
  .nf__links { grid-template-columns: minmax(0, 1fr); }
}