/* Glossary index and glossary terms (Resources Glossary V2, 1 Nov): the approved design's values, by name.
   Visual reskin only: every word, link and term comes from the live pages and the CMS. */
.cf-gl { --pad: 41px; --sec: 115px; --gap-hc: 70px; --t-hero: 72px; --t-stmt: 32px; --t-title: 24px; --t-intro: 20px; font-variant-numeric: tabular-nums; }
@media (max-width: 767px) { .cf-gl { --pad: 40px; --sec: 60px; --gap-hc: 40px; --t-hero: 42px; --t-stmt: 24px; --t-title: 22px; --t-intro: 18px; } }
@media (max-width: 360px) { .cf-gl { --pad: 20px; } }
:where(.cf-gl) a { color: #264363; } :where(.cf-gl) a:hover { color: #3E6FA5; }
.cf-gl [hidden] { display: none !important; }
.cf-gl__in { max-width: 1360px; margin: 0 auto; padding: var(--sec) var(--pad); }
.cf-gl__h1 { margin: 0; font-family: 'Inter Tight', Inter, sans-serif; font-weight: 400; font-size: var(--t-hero); line-height: 0.98; letter-spacing: -0.035em; color: #122236; text-wrap: balance; }
.cf-gl__label { font: 500 12px/1 'Inter Tight', Inter, sans-serif; color: #264363; }

/* index */
.cf-gl__h1--index { max-width: 12ch; }
.cf-gl__intro { margin: 32px 0 0; max-width: 640px; font-size: var(--t-intro); line-height: 1.5; color: #24364F; text-wrap: pretty; }
.cf-gl__bar { margin-top: var(--gap-hc); display: flex; flex-direction: column; gap: 20px; padding: 28px 0; border-top: 1px solid #122236; border-bottom: 1px solid #D8D2C8; }
/* the chips need the script: without it every category shows and the A to Z links still work */
html:not(.cf-js) .cf-gl__chips { display: none; }
.cf-gl__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cf-gl__chip { display: inline-flex; gap: 8px; padding: 9px 14px; border: 1px solid #BFB7A8; background: #FFFFFF; color: #122236; font: 500 14px/1 'Inter Tight', Inter, sans-serif; white-space: nowrap; cursor: pointer; }
.cf-gl__chip[aria-pressed="true"] { background: #122236; border-color: #122236; color: #FFFFFF; }
.cf-gl__chip span:last-child { opacity: 0.7; }
.cf-gl__az { display: flex; flex-wrap: wrap; gap: 2px; }
.cf-gl__az a, .cf-gl__az span { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; font: 500 14px/1 'Inter Tight', Inter, sans-serif; color: #122236; text-decoration: none; }
.cf-gl__az a:hover { background: #F1EEE8; color: #122236; }
.cf-gl__az span { color: #8C8475; }
.cf-gl__cat { margin-top: 72px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px 64px; }
.cf-gl__cathead { display: flex; flex-direction: column; gap: 8px; }
.cf-gl__cathead h2 { margin: 0; font: 400 var(--t-stmt)/1.15 'Inter Tight', Inter, sans-serif; letter-spacing: -0.02em; color: #122236; }
.cf-gl__cathead span { font-size: 14px; color: #264363; }
.cf-gl__terms { list-style: none; margin: 0; padding: 0; border-top: 1px solid #122236; }
.cf-gl__terms li { border-bottom: 1px solid #D8D2C8; scroll-margin-top: 140px; }
.cf-gl__terms a { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px 40px; padding: 20px 0; color: #122236; text-decoration: none; }
.cf-gl__terms a:hover { color: #3E6FA5; }
.cf-gl__terms a > span:first-child { font: 500 18px/1.35 'Inter Tight', Inter, sans-serif; }
.cf-gl__terms a > span:last-child { font-size: 15px; line-height: 1.55; color: #24364F; }
@media (min-width: 768px) { .cf-gl__terms a { grid-template-columns: minmax(0, 240px) minmax(0, 1fr); } }
@media (min-width: 1024px) { .cf-gl__cat { grid-template-columns: 260px minmax(0, 1fr); } }

/* term */
.cf-gl__crumb { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; color: #264363; }
.cf-gl__crumb a { color: #264363; }
.cf-gl__crumb span:last-child { color: #122236; }
.cf-gl__grid { margin-top: 48px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px 96px; }
.cf-gl__grid > div { min-width: 0; }
.cf-gl__term .cf-gl__h1 { margin-top: 20px; }
.cf-gl__def { margin: 32px 0 0; max-width: 720px; font: 400 var(--t-stmt)/1.3 'Inter Tight', Inter, sans-serif; letter-spacing: -0.015em; color: #122236; text-wrap: pretty; }
.cf-gl__aka { margin: 24px 0 0; font-size: 15px; color: #264363; }
.cf-gl__aka span { font-weight: 600; color: #122236; }
/* the full definition (CMS rich text): headings and paragraphs on the reading column */
.cf-gl__body { margin-top: 56px; padding-top: 48px; border-top: 1px solid #122236; max-width: 680px; }
.cf-gl__body h2, .cf-gl__body h3, .cf-gl__body h4 { margin: 40px 0 16px; font: 500 var(--t-title)/1.25 'Inter Tight', Inter, sans-serif; letter-spacing: -0.015em; color: #122236; }
.cf-gl__body > :first-child { margin-top: 0; }
.cf-gl__body p, .cf-gl__body li { margin: 0 0 16px; font-size: 18px !important; line-height: 1.7 !important; color: #24364F; text-wrap: pretty; }
.cf-gl__body ul, .cf-gl__body ol { margin: 0 0 16px; padding-left: 1.2em; }
.cf-gl__body a { color: #122236; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #BFB7A8; }
.cf-gl__body a:hover { color: #3E6FA5; }
.cf-gl__body strong { color: #122236; }
.cf-gl__more { margin-top: 56px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px 64px; max-width: 900px; }
.cf-gl__more .cf-gl__label { display: block; padding-bottom: 14px; border-bottom: 1px solid #122236; }
.cf-gl__tags { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 16px; }
.cf-gl__tags a { padding: 9px 14px; border: 1px solid #BFB7A8; color: #122236; text-decoration: none; font-size: 15px; }
.cf-gl__tags a:hover { border-color: #122236; color: #122236; }
.cf-gl__read { display: flex; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid #D8D2C8; color: #122236 !important; text-decoration: none; font-size: 16px; line-height: 1.45; }
.cf-gl__read:hover { color: #3E6FA5 !important; }
@media (min-width: 768px) { .cf-gl__more { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.cf-gl__cta { margin-top: 64px; padding: 32px; background: #F1EEE8; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px 48px; max-width: 900px; }
.cf-gl__cta > div { display: flex; flex-direction: column; gap: 8px; max-width: 520px; }
.cf-gl__cta h2, .cf-gl__cta h3 { margin: 0; font: 500 20px/1.3 'Inter Tight', Inter, sans-serif; color: #122236; }
.cf-gl__cta p { margin: 0; font-size: 15px; line-height: 1.55; color: #24364F; }
.cf-gl__link { font-weight: 600; font-size: 16px; color: #122236 !important; text-decoration: none; border-bottom: 1px solid #122236; padding-bottom: 4px; }
.cf-gl__link:hover { color: #3E6FA5 !important; border-color: #3E6FA5; }
.cf-gl__back { display: inline-block; margin-top: 48px; }
.cf-gl__side { display: none; }
@media (min-width: 1200px) {
  .cf-gl__grid { grid-template-columns: minmax(0, 1fr) 240px; }
  .cf-gl__side { position: sticky; top: 140px; align-self: start; display: flex; flex-direction: column; gap: 12px; padding: 24px; border: 1px solid #D8D2C8; }
  .cf-gl__side a { font-size: 15px; line-height: 1.4; color: #122236; text-decoration: none; padding: 8px 0; border-bottom: 1px solid #EAE5DC; }
  .cf-gl__side a:hover { color: #3E6FA5; }
}
/* the index's closing call to action keeps its own wording; the cream panel sits in the frame */
.cf-gl__cta--index { margin-top: 96px; max-width: none; }
/* Route choices inside a term's body (first used on Command of the Message). */
.cf-gl__routes { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 24px; }
.cf-gl__body a.cf-gl__route { display: flex; flex-direction: column; gap: 10px; padding: 24px; background: #F1EEE8; color: #24364F; text-decoration: none; }
.cf-gl__route strong { font: 500 20px/1.3 'Inter Tight', Inter, sans-serif; color: #122236; }
.cf-gl__route > span:not(.cf-gl__routego) { font-size: 16px; line-height: 1.55; }
.cf-gl__routego { margin-top: auto; padding-top: 6px; font-weight: 600; font-size: 16px; color: #122236; }
.cf-gl__body a.cf-gl__route:hover .cf-gl__routego { color: #3E6FA5; }
/* the guide link under the index intro (AI in B2B Sales and GTM guide, Nov 2026) */
.cf-gl__guide { margin: 16px 0 0; max-width: 640px; font-size: 16px; line-height: 1.55; color: #24364F; text-wrap: pretty; }
.cf-gl__guide a { color: #122236; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #BFB7A8; }
.cf-gl__guide a:hover { color: #3E6FA5; }