/* snag.fm/help and /developers: tables, code, the try-these list. Loaded after snag.css; its colour tokens only. */
main .wrap > .scroll { max-width: var(--wide); }

.scroll { overflow-x: auto; margin: 0 0 1.25rem; }

.doc table { border-collapse: collapse; font-size: 1rem; line-height: 1.45; }

.doc th, .doc td { text-align: left; vertical-align: top; padding: 0.55rem 1rem 0.55rem 0; border-bottom: 1px solid var(--rule); }

.doc th { border-bottom-color: var(--border); }

.doc td:first-child { min-width: 8rem; }

.doc code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.88em; overflow-wrap: anywhere; }

.doc pre { background: var(--surface); border: 1px solid var(--rule); border-radius: 0.75rem; padding: 0.9rem 1rem; margin: 0; width: max-content; min-width: 100%; font-size: 0.9rem; line-height: 1.45; }

.doc pre code { font-size: inherit; overflow-wrap: normal; }

.doc li > ul, .doc li > ol, .doc li > .scroll { margin-top: 0.5rem; }

.doc li { margin-bottom: 0.35rem; }

.crumbs { color: var(--muted); font-size: 1rem; margin-bottom: 0.75rem; }

.next { border-top: 1px solid var(--rule); margin-top: 3rem; padding-top: 1.25rem; }

.try { list-style: none; padding: 0; margin: 0; display: grid; gap: 2.5rem; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); }

main .wrap > .try { max-width: var(--wide); }

.try .loop { margin: 1rem 0; }

.try .lands { margin-bottom: 0.4rem; }

.guide li { margin-bottom: 0.6rem; }

.guide .kids { padding-left: 1.25rem; margin: 0.5rem 0 0; columns: 2 12rem; }