body{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}.container{margin:0 auto;max-width:1200px;padding:20px}h1{font-size:2.5em;text-align:center}.alphabet{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.alphabet button{background-color:#f0f0f0;border:none;color:#010909;cursor:pointer;font-weight:700;margin:5px;padding:10px 15px}.glossary-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.glossary-item{background-color:#f0f0f0;border-radius:8px;color:#010909;display:flex;flex-direction:column;height:260px;justify-content:center;overflow:scroll;padding:15px;text-align:center}.glossary-item:hover{background-color:#ea5b0c;color:#fff;cursor:pointer}.glossary-item h2{color:#010909;font-size:1.2em;font-weight:700;margin-bottom:10px}.glossary-item:hover h2{color:#fff}.glossary-item p{font-size:.9em}.glossary-item:hover p{color:#fff}a{text-decoration:none}@media (max-width:768px){.glossary-grid{grid-template-columns:1fr}}h2,p{word-wrap:break-word;hyphens:auto;overflow-wrap:break-word}@media (max-width:768px){.glossary-grid{grid-template-columns:1fr}.glossary-item h2{font-size:24px!important}.glossary-item p{font-size:16px!important}}.alphabet button.active{background-color:#385bc7;border-radius:5px;color:#fff}.glossary-item{max-width:100%;overflow-x:hidden}