[data-grammar-topic="conditionals"] .formula-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
[data-grammar-topic="conditionals"] .conditional-pattern { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin:16px 0; }
[data-grammar-topic="conditionals"] .conditional-pattern > div { padding:16px; border-radius:12px; background:var(--soft); border:1px solid var(--line); min-width:0; }
[data-grammar-topic="conditionals"] .conditional-pattern .formula { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:8px 0 0; min-width:0; min-height:64px; padding:10px; }
[data-grammar-topic="conditionals"] .conditional-pattern strong { color:var(--ink); }
[data-grammar-topic="conditionals"] .conditional-translation { color:var(--muted); font-size:.95rem; margin-top:8px; }
[data-grammar-topic="conditionals"] .conditional-examples p { margin:0; }
[data-grammar-topic="conditionals"] .conditional-examples { display:grid; gap:16px; }
[data-grammar-topic="conditionals"] .conditional-examples > div { border-left:3px solid var(--line); padding-left:12px; }
[data-grammar-topic="conditionals"] .conditional-examples .conditional-translation { margin-top:4px; }
[data-grammar-topic="conditionals"] .conditional-situation { line-height:1.65; margin-bottom:18px; }
[data-grammar-topic="conditionals"] .formula-card { min-width:0; display:flex; flex-direction:column; gap:12px; }
[data-grammar-topic="conditionals"] .formula-card > p { margin:0; }
[data-grammar-topic="conditionals"] .formula span { overflow-wrap:anywhere; }
[data-grammar-topic="conditionals"] .conditional-dialogue { display:grid; gap:8px; }
[data-grammar-topic="conditionals"] .conditional-dialogue p { margin:0; }
@media(max-width:760px) {
 [data-grammar-topic="conditionals"] .formula-grid,
 [data-grammar-topic="conditionals"] .comparison-table-two { grid-template-columns:minmax(0,1fr); }
 [data-grammar-topic="conditionals"] .conditional-pattern > div { padding:12px; }
}