/* /learn/pmp/glossary/ — the standalone glossary page (§9 layer 2).
   Its own indexable SEO surface; same data as the in-game drawer. */
.gl-wrap{max-width:1120px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}
.gl-hero{max-width:60ch;margin-bottom:var(--space-8)}
.gl-eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}
.gl-hero h1{font-family:var(--font-sans);font-size:clamp(30px,4vw,44px);font-weight:600;letter-spacing:-0.025em;line-height:1.12;color:var(--color-text-heading);margin:var(--space-3) 0 var(--space-3);text-wrap:balance}
.gl-hero p{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--color-text-body);margin:0;text-wrap:pretty}
.gl-hero p a{color:var(--color-primary);font-weight:600;text-decoration:none}
.gl-hero p a:hover{text-decoration:underline}

.gl-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--space-8);align-items:start}
.gl-side{position:sticky;top:var(--space-6);grid-column:1;grid-row:1}
.gl-side-l{font-size:var(--fs-badge);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-placeholder);margin-bottom:var(--space-3)}
.gl-az{display:flex;flex-wrap:wrap;gap:4px}
.gl-az a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--color-text-body);text-decoration:none;border:1px solid var(--color-border)}
.gl-az a:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}
.gl-az a.is-off{color:var(--color-text-disabled);border-color:var(--color-border-subtle);pointer-events:none}

.gl-main{min-width:0;grid-column:2;grid-row:1}
.gl-search{position:relative;margin-bottom:var(--space-2)}
.gl-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-placeholder);pointer-events:none}
.gl-search input{width:100%;min-height:48px;padding:0 var(--space-4) 0 42px;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-card);color:var(--color-text-heading);font-family:var(--font-body);font-size:15px;-webkit-appearance:none;appearance:none}
.gl-search input::placeholder{color:var(--color-text-placeholder)}
.gl-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}
.gl-count{font-size:var(--fs-body-sm);color:var(--color-text-muted);margin:0 0 var(--space-6)}

.gl-letter{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0 var(--space-3);scroll-margin-top:var(--space-6)}
.gl-letter span{font-family:var(--font-sans);font-size:20px;font-weight:700;color:var(--color-primary);line-height:1}
.gl-letter hr{flex:1;border:0;border-top:1px solid var(--color-border);margin:0}
.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-3)}
.gl-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-xs)}
.gl-t{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--color-text-heading);letter-spacing:-0.01em}
.gl-x{font-size:12.5px;font-weight:500;color:var(--color-primary);margin-top:2px}
.gl-d{font-size:var(--fs-body-sm);line-height:1.6;color:var(--color-text-body);margin:var(--space-2) 0 0;text-wrap:pretty}
.gl-used{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}
.gl-used em{font-style:normal;font-size:var(--fs-badge);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-placeholder);white-space:nowrap}
.gl-used a{font-size:11.5px;color:var(--color-text-body);background:var(--color-surface-raised);border:1px solid transparent;border-radius:var(--radius-full);padding:2px 9px;text-decoration:none}
.gl-used a:hover{border-color:var(--color-primary);color:var(--color-primary)}

.gl-empty{text-align:center;padding:var(--space-16) var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl)}
.gl-empty svg{width:28px;height:28px;color:var(--color-border-strong);margin-bottom:var(--space-3)}
.gl-empty h2{font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:600;color:var(--color-text-heading);margin:0 0 var(--space-2)}
.gl-empty p{font-size:var(--fs-body-sm);color:var(--color-text-muted);margin:0 auto;max-width:40ch}

.gl-cta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-10);padding:var(--space-5);background:var(--color-primary-subtle);border-radius:var(--radius-2xl)}
.gl-cta-t{flex:1;min-width:220px}
.gl-cta-t strong{display:block;font-family:var(--font-sans);font-size:17px;font-weight:600;color:var(--color-text-heading);margin-bottom:4px}
.gl-cta-t span{font-size:var(--fs-body-sm);color:var(--color-text-body)}
.gl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;font-family:var(--font-body);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}
.gl-btn:hover{background:var(--color-primary-hover);color:#fff}

.gl-draft{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:var(--fs-badge);font-weight:600;color:var(--color-warning-text);background:var(--color-warning-surface);border:1px solid var(--color-warning-border);border-radius:var(--radius-full);padding:4px 11px;margin-bottom:var(--space-4)}

@media (max-width:880px){
  .gl-layout{grid-template-columns:1fr}
  .gl-side{position:static;order:2;padding-top:var(--space-6);border-top:1px solid var(--color-border);grid-column:1;grid-row:auto}
  .gl-main{order:1;grid-column:1;grid-row:auto}
  .gl-wrap{padding:var(--space-6) var(--space-4) var(--space-12)}
}