/* Original glossary classes and four-column layout, with native disclosures. */
.glossaries.page { padding: 24px 0 48px; }
.glossaries h1 { font-size: clamp(28px, 3vw, 38px); line-height: 1.2; }
.glossaries .breadcrumbs { margin-bottom: 24px; }
.glossaries .breadcrumbs ul { display: flex; flex-wrap: wrap; gap: 8px 0; }
.glossaries .breadcrumbs li { border-right: 1px solid #000; padding: 0 10px; font-size: .9rem; line-height: 1.2; }
.glossaries .breadcrumbs li:first-child { padding-left: 0; }
.glossaries .breadcrumbs li:last-child { border: 0; font-weight: 600; }
.glossaries .wrapper-alphas { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin: 30px auto; max-width: 90%; }
.glossaries .wrapper-alphas .letter { border-radius: 4px; font-size: 14px; font-weight: 500; line-height: 16px; }
.glossaries .wrapper-alphas .letter > :is(a, span) { display: block; padding: 8px 10px; }
.glossaries .wrapper-alphas .letter.active { background: var(--StyleColorsMain); color: #fff; }
.glossaries .wrapper-alphas .letter.enable:hover { background: #e4eee7; }
.glossaries .wrapper-alphas .letter.disable { color: rgba(0, 0, 0, .25); }
.glossaries .glossaries-wrapper { padding: 30px 0; }
.glossaries .glossary-wrapper { margin-bottom: 24px; scroll-margin-top: 90px; }
.glossaries #glossary-start { scroll-margin-top: 90px; }
.glossaries .glossary-wrapper h2 { border-bottom: 1px solid hsla(0, 0%, 85%, .9); color: var(--StyleColorsMain); font-size: 40px; font-weight: 700; line-height: 50px; margin-bottom: 8px; }
.glossaries .glossary-wrapper ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px 20px; }
.glossaries .glossary-wrapper ul li { list-style: disc; margin-left: 20px; min-width: 0; }
.glossaries .glossary-wrapper summary.name { cursor: pointer; list-style: none; }
.glossaries .glossary-wrapper summary.name::-webkit-details-marker { display: none; }
.glossaries .glossary-wrapper summary.name:hover,
.glossaries .glossary-wrapper details[open] summary.name { color: var(--StyleColorsMain); font-weight: 700; text-decoration: underline; }
.glossaries .glossary-wrapper .description { margin-top: 10px; font-size: .9rem; line-height: 1.6; overflow-wrap: break-word; }
.glossaries .glossary-wrapper .description p { margin-bottom: 8px; }
@media (max-width: 991px) {
  .glossaries .glossary-wrapper ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .glossaries .wrapper-alphas { max-width: 100%; justify-content: flex-start; }
  .glossaries .wrapper-alphas .letter > :is(a, span) { padding: 12px; }
  .glossaries .glossary-wrapper ul { grid-template-columns: minmax(0, 1fr); }
}
