/* Contextual support cards stay in the document flow and never cover content. */
.fe-support-slot:empty { min-height: 1px; }
.fe-support-slot--lessons { grid-column: 1 / -1; min-width: 0; }
.fe-support-slot--lessons[hidden] { display: none !important; }
.fe-support-slot--lessons .fe-support-card { margin: 0; }
.fe-support-card[hidden] { display: none !important; }
.fe-support-card {
    margin: 24px 0;
    padding: 20px;
    border: 1px solid var(--fe-border, #e2e8f0);
    border-radius: 16px;
    background: var(--fe-surface, #fff);
    color: var(--fe-text, #1e293b);
    text-align: left;
}
.fe-support-card h2 { margin: 0 0 8px; font-size: 18px; line-height: 1.4; color: inherit; }
.fe-support-card p { margin: 0 0 16px; font-size: 14px; line-height: 1.65; color: inherit; }
.fe-support-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.fe-support-card__actions a, .fe-support-card__actions button { min-height: 44px; display: inline-flex; align-items: center; font: inherit; font-size: 14px; }
.fe-support-card__actions a { padding: 8px 16px; border-radius: 10px; background: #ffdd00 !important; border: 1px solid rgba(0, 0, 0, .08); color: #1a1a1a !important; font-weight: 700; text-decoration: none; }
.fe-support-card__actions a:hover, .fe-support-card__actions a:focus-visible { background: #facc15 !important; border-color: #eab308; color: #0f172a !important; }
.fe-support-card__actions button { padding: 4px; border: 0; background: transparent; color: inherit; text-decoration: underline; cursor: pointer; }
.fe-support-card__actions :focus-visible { outline: 2px solid var(--fe-accent, #2563eb); outline-offset: 4px; }
html[data-fe-theme="dark"] .fe-support-card { background: #172033; color: #e2e8f0; border-color: #475569; }
@media (max-width: 480px) {
    .fe-support-card { padding: 16px; }
    .fe-support-card__actions { gap: 8px 12px; }
}

@media print { .fe-support-slot, .fe-learning-app__support { display: none !important; } }