/* ── Glossary page ── */
    .glossary-hero {
      padding: 8rem 0 4rem;
    }
    .glossary-hero .breadcrumb {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.8125rem;
      color: var(--grey);
      margin-bottom: 2rem;
    }
    .glossary-hero .breadcrumb a {
      color: var(--grey);
      text-decoration: none;
    }
    .glossary-hero .breadcrumb a:hover { color: var(--salmon); }
    .glossary-hero .breadcrumb span { color: var(--border); }

    .glossary-hero h1 {
      font-size: clamp(2.25rem, 4.5vw, 3.5rem);
      font-weight: 300;
      line-height: 1.1;
      letter-spacing: -0.02em;
      margin-bottom: 1.5rem;
      max-width: 36rem;
    }
    .glossary-hero h1 em { font-style: normal; color: var(--salmon); }
    .glossary-hero .definition {
      font-size: 1.25rem;
      font-weight: 300;
      color: var(--white);
      line-height: 1.65;
      max-width: 40rem;
      margin-bottom: 1rem;
    }
    .glossary-hero .definition strong {
      color: var(--salmon);
      font-weight: 500;
    }
    .glossary-sub {
      font-size: 1rem;
      color: var(--grey);
      font-weight: 300;
      line-height: 1.65;
      max-width: 40rem;
    }

    /* ── Content sections ── */
    .glossary-content h2 {
      font-size: clamp(1.5rem, 2.5vw, 2rem);
      font-weight: 300;
      line-height: 1.15;
      letter-spacing: -0.01em;
      margin-bottom: 1.25rem;
    }
    .glossary-content p {
      font-size: 1rem;
      font-weight: 300;
      color: var(--grey);
      line-height: 1.7;
      margin-bottom: 1rem;
      max-width: 44rem;
    }
    .glossary-content p strong { color: var(--white); font-weight: 500; }
    .glossary-content ul {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      margin-bottom: 1.5rem;
      max-width: 44rem;
    }
    .glossary-content li {
      display: flex;
      gap: 0.75rem;
      align-items: flex-start;
      font-size: 0.9375rem;
      color: var(--grey);
      line-height: 1.55;
    }
    .glossary-content li strong { color: var(--white); font-weight: 500; }
    .glossary-content li::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--salmon);
      flex-shrink: 0;
      margin-top: 0.5rem;
    }

    /* ── Callout box ── */
    .glossary-callout {
      background: var(--salmon-dim);
      border: 1px solid var(--salmon-bdr);
      border-radius: var(--r-card);
      padding: 2rem 2.25rem;
      margin: 2.5rem 0;
      max-width: 44rem;
    }
    .glossary-callout h3 {
      font-size: 1rem;
      font-weight: 500;
      color: var(--salmon);
      margin-bottom: 0.75rem;
    }
    .glossary-callout p {
      font-size: 0.9375rem;
      color: var(--white);
      font-weight: 300;
      line-height: 1.65;
      margin: 0;
    }

    /* ── Related links ── */
    .glossary-related {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      margin-top: 1.5rem;
      max-width: 44rem;
    }
    .glossary-related a {
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--r-pill);
      padding: 0.5rem 1rem;
      font-size: 0.8125rem;
      font-weight: 500;
      color: var(--white);
      text-decoration: none;
      transition: border-color 0.15s, background 0.15s;
    }
    .glossary-related a:hover {
      border-color: var(--salmon-bdr);
      background: var(--salmon-dim);
    }
    .glossary-related a::after {
      content: '→';
      color: var(--salmon);
    }