/* Illustrated lesson stories remain visible and readable in both themes. */
.grammar-stories { container-type:inline-size;container-name:grammar-story;scroll-margin-top:112px; }
.grammar-stories .comparison-story-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.grammar-stories .comparison-story-card { min-width:0; }
.grammar-stories .comparison-story-card img { object-fit:contain; }
.grammar-stories .comparison-story-card > div { padding:18px; }
.grammar-stories .comparison-story-card .grammar-story-example { color:var(--ink);font-weight:700;line-height:1.55;overflow-wrap:anywhere; }
.grammar-stories .comparison-story-card .grammar-story-translation { font-size:.94rem;line-height:1.55; }
.grammar-stories .comparison-story-card .grammar-story-why { padding-top:12px;border-top:1px solid var(--line);line-height:1.55; }
@container grammar-story (max-width:650px) { .grammar-stories .comparison-story-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:760px) { .grammar-stories .comparison-story-grid { grid-template-columns:minmax(0,1fr); } .grammar-stories .comparison-story-card > div { padding:16px; } }