/* Nyro — публичный сайт. Собрано из дизайна Claude Design в обычный HTML+CSS.
   Рантайм x-dc и React не используются: условные блоки раскрыты в разметку,
   поведение меню, появление блоков и формы живут в site.js. */

.dc-wide, .dc-narrow { display: contents; }
@media (max-width: 780px) { .dc-wide { display: none !important; } }
@media (min-width: 781px) { .dc-narrow { display: none !important; } }
.dc-menu[hidden], [data-when][hidden] { display: none !important; }

.dc-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  text-align: center;
  background: #F5F5F5;
  border: 1px dashed #D4D4D4;
  color: #8A8A8A;
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 1.4;
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1 !important; transform: none !important; }
}

.h1:hover{background:#F5F5F5;color:#0A0A0A;}
.h2:hover{background:#2A2A2A;color:#FFFFFF;}
.h3:hover{background:#F5F5F5;}
.h4:hover{color:#8A8A8A;}
.h5:focus{border-color:#0A0A0A;}
.h6:hover{background:#2A2A2A;}