/* Glossary hub and term pages */
.gl-group { scroll-margin-top: 96px; }
.gl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr)); gap: 14px; }
.gl-card { display: flex; flex-direction: column; gap: 8px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; text-decoration: none; color: var(--ink); background: var(--white); }
.gl-card:hover { border-color: #B9C8F2; box-shadow: 0 14px 32px rgba(11, 42, 111, .07); }
.gl-card b { font-size: 18px; line-height: 1.35; color: var(--navy); }
.gl-card span { font-size: 15px; line-height: 1.55; color: var(--muted); }
.gl-card small { margin-top: auto; padding-top: 4px; font-size: 14px; font-weight: 800; color: var(--blue); }

.gl-short { border: 2px solid var(--blue); border-radius: 20px; padding: 22px 24px; background: #F3F6FF; }
.gl-short span { display: block; font-size: 12.5px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--blue); margin-bottom: 6px; }
.gl-short p { margin: 0; font-size: 18px; line-height: 1.6; font-weight: 600; color: var(--navy); }

.prose .gl-table { border: 1px solid var(--line); border-radius: 18px; overflow-x: auto; }
.prose .gl-table table { min-width: 560px; border-collapse: collapse; font-size: 15.5px; }
.prose .gl-table th, .prose .gl-table td { border: 0; border-top: 1px solid var(--line); padding: 13px 16px; text-align: left; vertical-align: top; line-height: 1.45; }
.prose .gl-table thead th { border-top: 0; background: var(--bg); font-size: 13.5px; font-weight: 800; color: var(--navy); }
.prose .gl-table .az { background: #F3F6FF; }

.gl-how { background: var(--navy); border-radius: 20px; padding: 24px 26px; display: flex; flex-direction: column; gap: 12px; color: var(--white); }
.gl-how .lbl { font-size: 12.5px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--gold); }
.gl-how ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.gl-how li { display: flex; gap: 10px; font-size: 16px; line-height: 1.55; }
.gl-how svg { flex-shrink: 0; margin-top: 2px; color: var(--gold); }
.gl-how a { align-self: flex-start; font-size: 15px; font-weight: 800; color: var(--white); }

.gl-faq > div { border-bottom: 1px solid var(--line); padding: 16px 0; display: flex; flex-direction: column; gap: 6px; }
.gl-faq h3 { margin: 0; font-size: 18px; line-height: 1.4; font-weight: 800; color: var(--navy); }
.gl-faq p { margin: 0; font-size: 16px; line-height: 1.7; }
