.gat-allterms { --gat-columns: 3; }
.gat-columns-1 { --gat-columns: 1; }
.gat-columns-2 { --gat-columns: 2; }
.gat-columns-3 { --gat-columns: 3; }
.gat-columns-4 { --gat-columns: 4; }
.gat-allterms .gat-alphabet { display: flex; flex-wrap: wrap; gap: .4rem; margin-block: 1.25rem 2rem; }
.gat-allterms .gat-alphabet-link { display: inline-block; padding: .35rem .65rem; border: 1px solid currentColor; border-radius: .25rem; text-decoration: none; }
[data-gat-allterms] .gat-alphabet a.gat-alphabet-link[aria-current="true"],
[data-gat-allterms] .gat-alphabet a.gat-alphabet-link[aria-current="true"]:hover,
[data-gat-allterms] .gat-alphabet a.gat-alphabet-link[aria-current="true"]:focus,
[data-gat-allterms] .gat-alphabet a.gat-alphabet-link[aria-current="true"]:active,
[data-gat-allterms] .gat-alphabet a.gat-alphabet-link[aria-current="true"]:visited { color: #fff !important; background: var(--bs-primary, #0d6efd) !important; border-color: var(--bs-primary, #0d6efd) !important; text-decoration: none; }
.gat-allterms .gat-status { margin-block-end: 1rem; }
.gat-allterms a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.gat-allterms .gat-groups { display: grid; grid-template-columns: repeat(var(--gat-columns), minmax(0, 1fr)); align-items: stretch; gap: 1.5rem; }
.gat-allterms .gat-group { min-width: 0; padding: 1.25rem; border: 1px solid var(--border-color, #dfe3e7); border-radius: .375rem; background-color: #fff; }
.gat-allterms .gat-letter { margin: 0 0 1rem; padding-block-end: .5rem; border-block-end: 1px solid var(--border-color, #dfe3e7); font-size: 1.75rem; scroll-margin-top: 2rem; }
.gat-allterms .gat-count { font-size: .8em; font-weight: normal; }
.gat-allterms .gat-terms { margin: 0; padding-inline-start: 1.2rem; }
.gat-allterms .gat-term { margin-block-end: .85rem; overflow-wrap: anywhere; }
.gat-allterms .gat-term:last-child { margin-block-end: 0; }
.gat-allterms .gat-details, .gat-allterms .gat-summary { margin: .25rem 0 0; font-size: .875em; line-height: 1.5; }
@media (min-width: 576px) and (max-width: 991.98px) { .gat-allterms:not(.gat-columns-1) .gat-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .gat-allterms .gat-groups { grid-template-columns: minmax(0, 1fr); } }
.gat-allterms.gat-filtered .gat-groups { grid-template-columns: minmax(0, 1fr); }