.cf-glossary-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0 1rem; scroll-margin-top: 110px; }
.cf-glossary-controls > div { flex: 1 1 15rem; min-width: 0; }
.cf-glossary-controls label { display: block; margin-bottom: 0.5rem; font-weight: 600; }
.cf-glossary-controls #cf-glossary-count { flex-basis: 100%; margin: 0; }
.cf-glossary-controls input, .cf-glossary-controls select { width: 100%; min-height: 46px; box-sizing: border-box; border: 1px solid #435666; border-radius: 6px; padding: 0.65rem 0.8rem; background: #101e2a; color: #f4f7fa; font: inherit; }
.cf-glossary-controls button { min-height: 46px; }
.cf-glossary-letters { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 1.2rem 0 2rem; }
.cf-glossary-letters a { display: grid; place-items: center; min-width: 40px; min-height: 44px; border: 1px solid #435666; border-radius: 5px; color: #79e3eb; text-decoration: none; }
.cf-glossary-letters a[aria-disabled="true"] { opacity: .4; pointer-events: none; }
.cf-glossary-letter { scroll-margin-top: 110px; margin-bottom: 2.5rem; }
.cf-glossary-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; margin: 0; }
.cf-glossary-entry { border: 1px solid #253a49; border-radius: 8px; background: #0c1923; padding: 1.2rem; }
.cf-glossary-entry dt { color: #f4f7fa; font-weight: 700; font-size: 1.08rem; scroll-margin-top: 110px; }
.cf-glossary-entry dd { margin: 0.55rem 0 0; line-height: 1.65; color: #c8d7e2; }
.cf-glossary-entry p { margin: 0; }
.cf-glossary-entry small { display: block; margin-top: 0.7rem; color: #94adbe; }
.cf-glossary-entry .cf-term-link { color: #79e3eb; margin-left: .4rem; font-weight: 400; text-decoration: none; }
.cf-glossary [hidden] { display: none !important; }
.cf-glossary :focus-visible { outline: 3px solid #79e3eb; outline-offset: 3px; }
@media (max-width: 700px) { .cf-glossary-list { grid-template-columns: 1fr; } .cf-glossary-controls { gap: .8rem; } }