.twocol { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.3rem; }
.row3 { display: flex; gap: .5rem; }
pre { font-family: var(--mono); font-size: var(--font-footnote); line-height: 1.55;
      background: var(--bg-subtle); border: 1px solid var(--border);
      border-radius: 10px; padding: .95rem 1.1rem; overflow-x: auto; }
@media (max-width: 34rem) { .twocol { grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; }
    .srow { opacity: 1 !important; transform: none !important; }
}