/* Local cards retain the approved Grammar shell and colors. */
body[data-unit-page="grammar-02"] { min-width: 0; }
.grammar-cards { width: min(100%, 580px); margin-inline: auto; }
.grammar-cards__frame { margin: 0; padding: 8px; border: 1px solid var(--cira-border); border-radius: 16px; background: var(--cira-surface); box-shadow: 0 8px 24px rgba(38,52,66,.08); }
.grammar-cards figure { margin: 0; }
.grammar-cards figure[hidden] { display: none; }
.grammar-cards img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; }
.grammar-cards__controls { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin: 14px 0 10px; }
.grammar-cards__controls .button { min-height: 44px; }
.grammar-cards__controls button:disabled { opacity: .45; cursor: default; }
.grammar-cards__status { flex: 0 0 100%; text-align: center; font-size: 15px; font-weight: 700; color: var(--cira-primary); }
.grammar-cards__zoom { margin: 0; text-align: center; font-size: 14px; }
.grammar-cards__zoom a { color: var(--cira-red); font-weight: 700; }
.grammar-notes { margin: 26px auto 0; max-width: 680px; color: var(--cira-text); font-size: 17px; line-height: 1.6; }
.grammar-notes h4 { margin: 20px 0 6px; font-size: 20px; color: var(--cira-primary); }
.grammar-notes p { margin: 0 0 12px; }
@media(max-width:620px) { .grammar-cards__frame { padding: 4px; border-radius: 12px; } .grammar-notes { font-size:16px; } }