/* MoonGen MCP setup guide: neutral styles that work in any theme (themes can restyle freely). */
:where(.mgm-g) { display: grid; gap: 20px; margin: 1.5em 0; }
:where(.mgm-g) h2 { margin: 0 0 .4em; }
:where(.mgm-g) h3 { margin: 0 0 .4em; }
:where(.mgm-g-card) { border: 1px solid rgba(127, 127, 127, .3); border-radius: 14px; padding: 20px; }
:where(.mgm-g-apps), :where(.mgm-g-grid) { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); }
:where(.mgm-g-apps) > *, :where(.mgm-g-grid) > * { min-width: 0; }
:where(.mgm-g-copy) { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
:where(.mgm-g-copy) code { flex: 1 1 240px; min-width: 0; overflow-wrap: anywhere; padding: 10px 12px; border-radius: 10px; background: rgba(127, 127, 127, .12); }
:where(.mgm-g-btn) { display: inline-flex; align-items: center; justify-content: center; padding: 9px 16px; border-radius: 999px; border: 1px solid currentColor; background: transparent; color: inherit; font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; }
:where(.mgm-g-actions) { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
:where(.mgm-g-note), :where(.mgm-g-tip), :where(.mgm-g-plans), :where(.mgm-g-balance) { opacity: .75; font-size: .92em; }
:where(.mgm-g) pre { overflow-x: auto; white-space: pre; max-width: 100%; }
:where(.mgm-g-steps) { padding-left: 1.3em; display: grid; gap: .5em; }
:where(.mgm-g-prompts) { list-style: none; padding: 0; display: grid; gap: 8px; }
:where(.mgm-g-tools) dl { display: grid; gap: 12px; margin: 0; }
:where(.mgm-g-tools) dt { font-weight: 700; }
:where(.mgm-g-tools) dd { margin: 0; opacity: .8; }
:where(.mgm-g-faq) details { padding: 10px 0; border-top: 1px solid rgba(127, 127, 127, .25); }
:where(.mgm-g-faq) summary { cursor: pointer; font-weight: 600; }
:where(.mgm-g) pre.mgm-g-cmd { white-space: pre-wrap; word-break: break-all; }