.grammar-library{max-width:1180px}.grammar-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:28px 0 16px;flex-wrap:wrap}.grammar-levels,.grammar-lesson-tabs{display:flex;gap:8px}.grammar-levels button,.grammar-lesson-tabs button{font:600 16px Arial,sans-serif;border:1px solid #c5d7ef;background:#fff;color:#183553;border-radius:12px;padding:12px 24px;cursor:pointer}.grammar-levels button[aria-pressed=true],.grammar-lesson-tabs button[aria-selected=true]{background:#183553;color:white;border-color:#183553}.grammar-search{display:block;font-size:14px;font-weight:600;min-width:min(100%,300px)}.grammar-search input{display:block;box-sizing:border-box;width:100%;font:16px Arial,sans-serif;border:1px solid #b8c8da;border-radius:12px;padding:12px;margin-top:8px;background:#fff;color:#183553}.grammar-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grammar-topic{display:flex;flex-direction:column;border:1px solid #dce5ef;background:#fff;border-radius:18px;padding:24px;color:#183553;text-decoration:none;transition:box-shadow .2s}.grammar-topic:hover{box-shadow:0 8px 24px #18355318}.grammar-topic h2{font-size:22px;line-height:1.3;margin:16px 0 8px;overflow-wrap:anywhere}.grammar-topic p{font-size:15px;line-height:1.6;margin:4px 0 12px}.grammar-topic .topic-english{font-weight:600;color:#536e8c}.grammar-topic strong{margin-top:auto;padding-top:16px;font-size:14px}.grammar-lesson-tabs{margin:28px 0 24px;flex-wrap:wrap}.grammar-lesson-tabs button{flex:1;max-width:200px}.grammar-topic[hidden],#grammar-empty[hidden],[role=tabpanel][hidden]{display:none!important}[role=tabpanel]{scroll-margin-top:110px}button:focus-visible,.grammar-topic:focus-visible{outline:3px solid #488cc6;outline-offset:3px}@media(max-width:900px){.grammar-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grammar-topic-grid{grid-template-columns:1fr}.grammar-toolbar{display:block}.grammar-search{margin-top:20px}.grammar-levels button{flex:1}.grammar-lesson-tabs button{padding:12px 14px}.grammar-library{padding-bottom:120px}}
