.grammar-preview{scroll-margin-top:20px}.grammar-controls{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.grammar-controls label{display:grid;gap:5px;flex:1;min-width:200px;font-weight:700}.grammar-controls select{font:inherit;width:100%;padding:10px;border:1px solid #9aaeba;border-radius:8px;background:#fff;color:#102a43}.grammar-pager{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:16px 0}.grammar-pager button{font:inherit;font-weight:700;padding:11px 15px;border:1px solid #0d7974;border-radius:8px;background:#0d7974;color:#fff;cursor:pointer}.grammar-pager button:disabled{background:#edf1f4;color:#5a6878;border-color:#c4ced4;cursor:default}.grammar-preview #grammar-image{display:block;width:100%;max-width:850px;height:auto;margin:auto;border:1px solid #cdd6dc}.grammar-preview #grammar-topic{font-weight:700;min-height:1.7em}.grammar-coverage{width:100%;border-collapse:collapse;background:#fff}.grammar-coverage th,.grammar-coverage td{padding:10px 16px;text-align:left;border-bottom:1px solid #dce3e5}.grammar-coverage th{background:#102a43;color:#fff}.grammar-coverage tbody tr:nth-child(2n){background:#f0f7f5}@media(max-width:560px){.grammar-preview{padding:14px}.grammar-controls{gap:12px}.grammar-controls label{min-width:0;flex-basis:100%}.grammar-pager{gap:8px}.grammar-pager button{font-size:13px;padding:9px}.grammar-pager #grammar-status{order:-1;flex-basis:100%;text-align:center}.grammar-coverage th,.grammar-coverage td{padding:9px;font-size:14px}}