/* Glossary: a dictionary. The index of terms on the left, the terms on the right, a rule between them. */
.g-head { padding: clamp(120px, 13vw, 170px) 0 clamp(40px, 5vw, 72px); }
.g-head .lbl { margin: 0 0 20px; }
.g-head .lead { max-width: 640px; margin-top: 26px; }
.g-body { background: var(--white); padding: clamp(48px, 6vw, 96px) 0 clamp(64px, 7vw, 112px); }
.g-in { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.g-index { position: sticky; top: 96px; display: grid; gap: 2px; }
.g-index a { padding: 6px 10px; border-radius: var(--r); text-decoration: none; color: var(--muted); font-size: 15px; }
.g-index a:hover { color: var(--ink); }
.g-index a[aria-current] { background: var(--surface); color: var(--ink); }
.g-list { margin: 0; border-top: 1.5px solid var(--ink); }
.g-t { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 12px 40px; padding: 28px 0 30px; border-bottom: 1px solid var(--rule); scroll-margin-top: 96px; }
.g-t dt { font-size: clamp(22px, 2vw, 28px); font-weight: 600; letter-spacing: -.02em; line-height: 1.2; }
.g-t dd { margin: 0; }
.g-t dd p { margin: 0; font-size: 17px; line-height: 1.55; color: #3D3D40; }
.g-t .g-p { margin-top: 14px; font-size: 15px; color: var(--muted); }
.g-t .g-p .lbl { display: block; margin-bottom: 4px; }
.g-t .g-p .link { margin-left: 4px; color: var(--ink); }
@media (max-width: 860px) { .g-in { grid-template-columns: 1fr; } .g-index { display: none; } .g-t { grid-template-columns: 1fr; } }