/* Страница drxmon: экскурсия по экранам и пример разбора. Остальное — из site.css. */
.dx-shot { margin: 0; display: grid; gap: .8rem; }
.dx-shot a { display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--dm-line, rgba(167,139,250,.28)); background: #111217; }
.dx-shot img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; }
.dx-shot figcaption { color: var(--dm-ink, #E4DEFF); font-size: .96rem; line-height: 1.5; max-width: 60em; }
#dx-tabs button { display: grid; gap: .1rem; }
#dx-tabs button b { font-weight: 600; }
#dx-tabs button span { font-size: .84rem; opacity: .75; }
#dx-tabs button[aria-pressed="true"] { border-color: var(--neon-c, #67E8F9); background: rgba(103,232,249,.08); }
#tour .ai-side, #tour .ai-side > div, #tour .ai-panel { min-width: 0; }
@media (max-width: 959px) {
  #dx-tabs { grid-auto-flow: column; grid-auto-columns: minmax(9.5rem, max-content); overflow-x: auto; padding-bottom: .3rem; }
}
.dx-alert .a { max-width: 100%; }
.dx-alert .dx-m { display: block; margin-top: .35rem; font-size: .9rem; line-height: 1.45; color: #CFC8F5; white-space: pre-line; }
.dx-triage { margin-top: 2rem; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); padding: 1.1rem 1.3rem; }
.dx-triage .dx-k { margin: 0 0 .6rem; font-size: .85rem; color: var(--muted); }
.dx-triage .dx-t { margin: 0; white-space: pre-wrap; font-family: var(--sans); font-size: .96rem; line-height: 1.55; color: var(--ink-2); background: none; padding: 0; border: 0; }
.mt { margin-top: 1.6rem; }