/* ============================================================
   RAR PHYSIOLOGY · Dynamics of Ventilation styles
   SCAFFOLD pass — only the placeholder-marker styling lives here for
   now (mirrors the Mechanics scaffold). Real page styles arrive with
   their content prompts. Scoped to .rar-topic-content so it never
   leaks. The .rar-topic-content grid/gap is defined once in lvc.css
   (loaded globally) — no need to redeclare it here.
   ============================================================ */

.rar-topic-content .dov-page-intent {
    margin: 0 0 4px;
    color: var(--text, #111318);
    font-size: 0.95rem;
    font-style: italic;
}

/* Muted "content TBD" marker under every scaffold section. */
.rar-topic-content .dov-tbd {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 14px 16px;
    border: 1px dashed var(--border, #cbd5e1);
    border-radius: 12px;
    background: var(--surface-muted, rgba(148, 163, 184, 0.08));
    color: var(--text, #111318);
    font-size: 0.9rem;
}

.rar-topic-content .dov-tbd-icon {
    font-size: 1.1rem;
    line-height: 1;
    flex-shrink: 0;
}

/* Larger placeholder for an interactive / game / figure mount point. */
.rar-topic-content .dov-mount-placeholder {
    margin-top: 12px;
    padding: 32px 20px;
    border: 1px dashed var(--border, #cbd5e1);
    border-radius: 14px;
    background: var(--surface-muted, rgba(148, 163, 184, 0.08));
    color: var(--text, #111318);
    text-align: center;
    font-size: 0.92rem;
}

.rar-topic-content .dov-mount-placeholder strong {
    display: block;
    margin-bottom: 4px;
    color: var(--text, #334155);
}

/* ============================================================
   Page-2 content — the deficiency cause→effect cascade.
   ============================================================ */
.rar-topic-content .dov-cascade {
    display: flex; flex-wrap: wrap; align-items: center; gap: 7px 6px; margin-top: 4px;
}
.rar-topic-content .dov-cascade-step {
    padding: 6px 11px; border-radius: 999px;
    border: 1px solid var(--line, rgba(15, 23, 42, 0.12));
    background: var(--surface-soft, rgba(255, 255, 255, 0.6));
    font-size: 13px; font-weight: 750; color: var(--text, #111318); white-space: nowrap;
}
.rar-topic-content .dov-cascade-step--bad {
    border-color: rgba(255, 69, 58, 0.4); background: rgba(255, 69, 58, 0.08); color: var(--danger, #ff453a); font-weight: 800;
}
.rar-topic-content .dov-cascade-arrow { color: var(--muted, #98a2b3); font-weight: 800; font-size: 13px; }

/* Page-5 clinical-fix boxes (3-up, reuses .mov-cause box styling) */
.rar-topic-content .dov-fix-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 12px; }
@media (max-width: 620px) { .rar-topic-content .dov-fix-grid { grid-template-columns: 1fr; } }