/* Contextual help guide cards (leaf from ecosystem_help.css).
 *
 * The ❓ guide modal shell: `[id^="help-"]` + `.help-guide*`. The docs workspace keeps the
 * host sheet; this leaf is linked immediately after it.
 */
/* Extracted from ecosystem.css — contextual help guide cards. */
    [id^="help-"] .modal { width:min(640px,calc(100vw - 24px)); }
    .help-guide-shell { margin:-1px; }
    .help-guide { display:flex; flex-direction:column; gap:6px; }
    .help-guide-section {
        padding:8px 10px; border-radius:10px; background:rgba(127,127,127,.055);
        border:1px solid rgba(127,127,127,.09);
    }
    .help-guide-section.is-lead {
        background:linear-gradient(135deg,rgba(45,127,249,.09),rgba(91,107,214,.055));
        border-color:rgba(45,127,249,.14);
    }
    .help-guide-section h3 { margin:0 0 4px; font-size:12.5px; line-height:1.25; }
    .help-guide-section p { margin:0; font-size:12px; line-height:1.4; }
    .help-guide-line, .help-guide-step {
        display:flex; gap:7px; align-items:flex-start; margin-top:4px;
        font-size:12px; line-height:1.38;
    }
    .help-guide-line > i {
        flex:0 0 5px; width:5px; height:5px; margin-top:6px; border-radius:50%;
        background:var(--tg-theme-button-color,#3390ec);
    }
    .help-guide-section code {
        padding:1px 4px; border-radius:5px; background:rgba(127,127,127,.11);
        font-size:.92em; overflow-wrap:anywhere;
    }
@media (max-width:760px) {
        .help-guide-section { padding:7px 8px; }
}