/* Glossary CMS — chunk 01: tokens, section shell, page width */

:root .ch-glossary-page,
.ch-glossary-section {
  --light-bg: #f0f0e6;
  --light-base: #fafaf6;
  --black: #000;
  --grey: #dfdfd9;
  --grey-2: #d6d6c9;
  --text-muted: #a0a099;
  --primary: #9bfc90;
  --font-primary: Ppneuemontreal, Arial, sans-serif;
  --font-secondary: "Ppneuemontreal Book", Arial, sans-serif;
  --ch-radius-lg: 20px;
  --ch-radius-pill: 50px;
  --ch-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ch-g-line: var(--grey-2);
}

.ch-glossary-section {
  width: 100%;
  padding-top: 7.25rem;
  background-color: var(--light-bg);
}

/* Outer shell — match navbar (navbar-no-shadow-container: 1360px + 16px side padding) */
.ch-glossary-section .padding-global,
.padding-global.pd-92:has(.ch-glossary-tldr),
.padding-global.pd-92:has(.ch-glossary-breadcrumb),
.ch-glossary-section .padding-global.pd-92 {
  width: 100% !important;
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

.pd-92:has(.ch-glossary-tldr),
.pd-92:has(.ch-glossary-breadcrumb),
.ch-glossary-section .padding-global.pd-92 {
  background-color: #f0f0e6 !important;
}

/*
 * Content column — full shell width (same left/right edges as navbar inner).
 * Hybrid DOM: hero embed, aside, article, bridge embed are siblings (not inside main).
 */
.ch-glossary-section .padding-global > aside,
.ch-glossary-section .padding-global > article,
.ch-glossary-section .padding-global > main,
.ch-glossary-section .padding-global > .w-embed,
.ch-glossary-section .padding-global > div:has(.ch-glossary-breadcrumb),
.padding-global.pd-92 > aside,
.padding-global.pd-92 > article,
.padding-global.pd-92 > .w-embed,
.padding-global.pd-92 > aside.ch-glossary-tldr,
.padding-global.pd-92 > article.ch-glossary-content,
.ch-glossary-page,
main.ch-glossary-page {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  color: var(--black);
}

/* CSS-only embeds: no column width */
.ch-glossary-section .padding-global > .w-embed:has(> style),
.padding-global.pd-92 > .w-embed:has(> style) {
  width: 100% !important;
  max-width: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  .ch-glossary-section {
    padding-top: 5.5rem;
  }
}

/* Local preview only */
.ch-prototype .ch-new-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--light-base);
  z-index: 50;
}