.grammar-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 36px}
.grammar-directory-card{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line,rgba(50,60,45,.2));border-radius:18px;background:var(--paper,#fffdf6);color:inherit;text-decoration:none;min-width:0;transition:border-color .15s ease,transform .15s ease}
.grammar-directory-card:hover{border-color:currentColor;transform:translateY(-2px)}
.grammar-directory-card:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.grammar-directory-card h2,.grammar-directory-card h3{font-size:1.25rem;line-height:1.3;margin:0;overflow-wrap:anywhere}
.grammar-directory-card>p{margin:0;line-height:1.6}
.grammar-card-form{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline}
.grammar-card-form [lang=zh-Hans]{font-family:Songti SC,STSong,serif;font-size:1.8rem;line-height:1.2;overflow-wrap:anywhere}
.grammar-card-form [lang=zh-Latn]{font-size:.9rem;opacity:.8}
.grammar-card-meta{font-size:.78rem;line-height:1.5;opacity:.75;margin-top:auto;padding-top:8px}
.grammar-topic-links,.grammar-level-links{display:flex;flex-wrap:wrap;gap:10px}
.grammar-topic-link,.grammar-level-links a{display:inline-flex;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--line,rgba(50,60,45,.2));border-radius:12px;text-decoration:none;line-height:1.4}
.grammar-topic-link span,.grammar-level-links a span{font-variant-numeric:tabular-nums;opacity:.65}
.grammar-browse-topics{margin:30px 0 42px}
.grammar-browse-topics h2{font-size:1.3rem}
.grammar-pagination{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 50px}
.grammar-pagination a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line,rgba(50,60,45,.2));border-radius:10px;text-decoration:none}
.grammar-pagination a[aria-current=page]{background:#193b32;color:#fff}
.grammar-reference-pattern{padding:20px 24px;border:1px solid var(--line,rgba(50,60,45,.2));border-radius:14px;margin:24px 0;background:rgba(203,179,112,.09)}
.grammar-reference-pattern p{font-size:1.2rem;line-height:1.65;overflow-wrap:anywhere;margin:10px 0 0}
.grammar-takeaways{padding-left:1.4em}
.grammar-takeaways li{padding-left:.3em;margin:14px 0;line-height:1.7}
.grammar-source-note{font-size:.9rem;line-height:1.7}
.grammar-source-note h2{font-size:1.3rem}
.grammar-back{margin:30px 0}
#grammar-more{margin-bottom:36px}
@media(max-width:1050px){.grammar-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.grammar-directory-grid{grid-template-columns:1fr;gap:14px}.grammar-directory-card{padding:20px}.grammar-topic-links{gap:8px}.grammar-topic-link,.grammar-level-links a{font-size:.9rem;padding:9px 11px}.grammar-reference-pattern{padding:16px}}
@media(prefers-reduced-motion:reduce){.grammar-directory-card{transition:none}.grammar-directory-card:hover{transform:none}}