/* Desktop reading pass: keep the map generous, give the reasoning room. */
#example .vx-ans .vx-answer-limit { grid-column: 1 / -1; color: var(--vx-t3); font-size: 14px; line-height: 22px; margin-top: 18px; }
#example .vx-tools { margin-top: 12px; border-block: 1px solid var(--vx-hair); }
#example .vx-tools > summary { display: flex; align-items: center; min-height: 44px; gap: 16px; cursor: pointer; list-style: none; color: var(--vx-t2); font-size: 14px; line-height: 20px; }
#example .vx-tools > summary::-webkit-details-marker { display: none; }
#example .vx-tools > summary::after { content: '+'; margin-left: auto; color: var(--vx-mint); font-size: 18px; }
#example .vx-tools[open] > summary::after { content: '−'; }
#example .vx-tools > summary:focus-visible { outline: 2px solid var(--vx-mint); outline-offset: 3px; }
#example .vx-tools .vx-ctl { padding-block: 8px 16px; }
@media (min-width: 1001px) {
  #example .vx-side { grid-column: 1 / 8; }
  #example .vx-narr { grid-column: 8 / 13; }
  #example .demo { column-gap: 40px; }
  #example .vx-ch { padding-bottom: 24px; }
  #example .vx-ch + .vx-ch { padding-top: 24px; }
  #example .vx-ch:last-child { padding-bottom: 64px; }
  #example .vx-ch__hd { margin-bottom: 18px; }
  #example .vx-ch .dstep { gap: 10px; padding-block: 18px; }
  #example .vx-ch .vx-moment__lead { font-size: 20px; line-height: 27px; }
  #example .vx-ch .vx-moment__body { font-size: 15px; line-height: 23px; }
  #example .vx-ch .vx-unk { padding-top: 14px; border-top: 1px solid var(--vx-hair); }
  #example .vx-tabs a { min-height: 44px; }
  #example .vx-mapkey summary { font-size: 13px; }
}