/* AI Marketing Glossary: scoped to the two glossary pages. */
.glossary-page { --gl-line:rgba(240,215,161,.22); --gl-muted:#c6beb2; background:#080807; color:var(--text,#f8f4ee); }
.glossary-page *, .glossary-page *::before, .glossary-page *::after { box-sizing:border-box; }
.glossary-page .gl-main { padding-top:104px; }
.glossary-page .gl-wrap { width:min(1180px,100% - 64px); margin-inline:auto; }
.glossary-page :is(a,button,input):focus-visible { outline:3px solid #f0d7a1; outline-offset:4px; }
.glossary-page button,.glossary-page input { font:inherit; }
.glossary-page .gl-main :is(button,a) { -webkit-tap-highlight-color:rgba(214,174,103,.2); }
.glossary-page .gl-main a { color:inherit; }
.glossary-page .gl-main button { color:inherit; cursor:pointer; }
.glossary-page .gl-main :is(h1,h2,h3,h4,p) { margin-top:0; }
.glossary-page .gl-main p { line-height:1.75; }
.glossary-page .gl-main :is(h1,h2,h3,h4,p,a,button) { overflow-wrap:anywhere; }
.glossary-page .gl-main h2 { font-size:clamp(1.6rem,2.6vw,2.4rem); line-height:1.25; letter-spacing:-.025em; }
.glossary-page .gl-main section { scroll-margin-top:110px; }
.glossary-page .gl-breadcrumb ol { display:flex; flex-wrap:wrap; align-items:center; list-style:none; padding:0; margin:0; column-gap:12px; font-size:.875rem; color:var(--gl-muted); }
.glossary-page .gl-breadcrumb li { display:flex; align-items:center; }
.glossary-page .gl-breadcrumb li+li::before { content:'/'; margin-right:12px; color:var(--gold); }
.glossary-page .gl-breadcrumb a { display:inline-flex; min-height:44px; align-items:center; text-decoration:none; }
.glossary-page .gl-hero { position:relative; padding:60px 0 56px; border-bottom:1px solid var(--gl-line); }
.glossary-page .gl-eyebrow { color:var(--gold-soft,#f0d7a1); font-size:.75rem; font-weight:700; letter-spacing:.16em; margin-bottom:20px; }
.glossary-page .gl-edition { position:absolute; right:0; top:60px; color:var(--gl-muted); font-size:.8rem; }
.glossary-page .gl-hero h1 { max-width:900px; font-size:clamp(2.65rem,6.4vw,5.9rem); line-height:1.05; letter-spacing:-.055em; text-wrap:balance; margin:24px 0; }
.glossary-page .gl-subtitle { max-width:790px; font-size:clamp(1.16rem,2vw,1.5rem); color:#e8dfd2; }
.glossary-page .gl-support { color:var(--gl-muted); max-width:740px; font-size:1rem; }
.glossary-page .gl-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.glossary-page .gl-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:48px; padding:12px 20px; border:1px solid var(--gl-line); border-radius:10px; background:transparent; color:var(--text); text-decoration:none; font-weight:600; line-height:1.5; text-align:center; }
.glossary-page .gl-button.gl-primary { background:#f0d7a1; border-color:#f0d7a1; color:#1a1610; }
.glossary-page .gl-free { color:var(--gl-muted); font-size:.8rem; margin:16px 0 0; }
.glossary-page .gl-search-section { margin-block:44px 56px; padding:28px; border:1px solid var(--gl-line); border-radius:22px; background:linear-gradient(115deg,#191713,#101110); }
.glossary-page .gl-search-section h2 { font-size:1.5rem; margin-bottom:24px; }
.glossary-page #gl-search-form label { display:block; font-size:.9rem; font-weight:600; margin-bottom:10px; }
.glossary-page .gl-search-row { display:flex; gap:8px; }
.glossary-page #gl-query { flex:1; width:0; min-width:0; border:1px solid #8e8170; background:#090908; color:#fffaf1; border-radius:10px; min-height:56px; padding:14px 16px; font-size:1rem; }
.glossary-page #gl-query::placeholder { color:#b9b1a5; opacity:1; }
.glossary-page #gl-query::-webkit-search-cancel-button { display:none; }
.glossary-page :is(#gl-clear,#gl-reset) { border:1px solid var(--gl-line); border-radius:8px; background:transparent; padding:8px 14px; min-height:44px; font-size:.9rem; }
.glossary-page #gl-search-hint { color:var(--gl-muted); font-size:.85rem; margin:12px 0 22px; }
.glossary-page .gl-filters { display:flex; gap:8px; flex-wrap:wrap; padding:4px; margin:-4px; }
.glossary-page .gl-filters button { padding:10px 15px; min-height:44px; border:1px solid var(--gl-line); border-radius:999px; background:transparent; font-size:.85rem; font-weight:500; white-space:nowrap; }
.glossary-page .gl-filters button[aria-pressed="true"] { background:#f0d7a1; color:#1a1610; border-color:#f0d7a1; font-weight:700; }
.glossary-page .gl-filters button[aria-pressed="true"]::before { content:'✓ '; }
.glossary-page .gl-status-row { min-height:64px; display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:.85rem; }
.glossary-page .gl-status-row p { margin:12px 0; }
.glossary-page .gl-index { border-top:1px solid var(--gl-line); padding-top:18px; }
.glossary-page .gl-index p { font-size:.8rem; color:var(--gl-muted); margin:0 0 8px; }
.glossary-page .gl-index>div { display:flex; gap:4px; flex-wrap:wrap; }
.glossary-page .gl-index a { min-width:44px; min-height:44px; display:inline-flex; justify-content:center; align-items:center; text-decoration:none; border:1px solid transparent; border-radius:8px; font-weight:600; }
.glossary-page .gl-index a:hover { border-color:var(--gold); }
.glossary-page .gl-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:24px; }
.glossary-page .gl-section-heading h2 { margin-bottom:12px; }
.glossary-page .gl-section-heading p { color:var(--gl-muted); margin-bottom:0; }
.glossary-page .gl-features { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.glossary-page .gl-feature { display:flex; flex-direction:column; padding:22px 18px; border:1px solid var(--gl-line); border-radius:16px; background:linear-gradient(155deg,#201b13,#101110); text-decoration:none; }
.glossary-page .gl-feature h3 { font-size:1.4rem; line-height:1.25; margin:16px 0 12px; letter-spacing:-.02em; }
.glossary-page .gl-feature p { color:var(--gl-muted); font-size:.875rem; line-height:1.65; margin-bottom:20px; }
.glossary-page .gl-more { margin-top:auto; color:var(--gold-soft); font-size:.82rem; font-weight:600; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.glossary-page .gl-category { display:block; color:var(--gold-soft); font-size:.72rem; font-weight:600; line-height:1.5; }
.glossary-page .gl-essential-section { margin-bottom:72px; }
.glossary-page #all-terms>.gl-section-heading { padding-top:4px; }
.glossary-page #all-terms .gl-eyebrow { margin-bottom:14px; color:var(--gold-soft); }
.glossary-page .gl-letter-group { scroll-margin-top:110px; padding-bottom:28px; }
.glossary-page .gl-letter { font-size:1.25rem; color:var(--gold-soft); padding-block:12px; margin-bottom:12px; border-bottom:1px solid var(--gl-line); font-weight:600; }
.glossary-page .gl-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.glossary-page .gl-term { scroll-margin-top:110px; border:1px solid var(--gl-line); border-radius:16px; background:#111210; padding:28px; min-width:0; }
.glossary-page .gl-term:target { border-color:var(--gold); }
.glossary-page .gl-term-title { font-size:1.5rem; line-height:1.3; letter-spacing:-.02em; margin:12px 0 6px; }
.glossary-page .gl-fullname { font-size:.85rem; color:var(--gl-muted); line-height:1.6; margin-bottom:16px; }
.glossary-page .gl-definition { font-size:1rem; line-height:1.75; margin-bottom:20px; }
.glossary-page .gl-term-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:space-between; border-top:1px solid var(--gl-line); padding-top:12px; }
.glossary-page .gl-term-actions button { border:0; background:transparent; min-height:44px; padding:8px 0; font-size:.85rem; }
.glossary-page .gl-expand { display:inline-flex; align-items:center; gap:14px; font-weight:600; }
.glossary-page .gl-expand b { font-size:1.2rem; color:var(--gold-soft); }
.glossary-page .gl-copy { color:var(--gold-soft)!important; }
.glossary-page .gl-details { padding-top:24px; }
.glossary-page .gl-detail { margin-bottom:22px; }
.glossary-page .gl-detail:last-child { margin-bottom:0; }
.glossary-page .gl-detail h4 { font-size:.875rem; font-weight:700; color:#f0d7a1; margin-bottom:6px; }
.glossary-page .gl-detail p { color:#e1dace; font-size:1rem; margin-bottom:0; }
.glossary-page .gl-related-links { display:flex; flex-wrap:wrap; gap:6px 10px; }
.glossary-page .gl-related-links a { display:inline-flex; align-items:center; min-height:44px; padding:6px 10px; background:#20211c; border-radius:8px; font-size:.875rem; text-decoration:underline; text-underline-offset:3px; }
.glossary-page .gl-clarification { padding:16px; margin-bottom:22px; border-left:3px solid var(--gold); background:#211e17; font-size:.95rem; }
.glossary-page .gl-clarification p { margin:0; }
.glossary-page mark { background:#f0d7a1; color:#19140b; border-radius:2px; padding:0 1px; }
.glossary-page #gl-no-results { padding:32px; border:1px solid var(--gl-line); border-radius:16px; background:#171610; }
.glossary-page .gl-context { max-width:880px; padding:40px 0; margin-block:32px; border-top:1px solid var(--gl-line); }
.glossary-page .gl-context>p { color:var(--gl-muted); }
.glossary-page .gl-context .gl-byline { font-size:.875rem; line-height:2; margin-top:24px; }
.glossary-page .gl-context .gl-legal { font-size:.85rem; }
.glossary-page .gl-references { margin-top:24px; display:flex; flex-wrap:wrap; gap:4px 24px; }
.glossary-page .gl-references h3 { width:100%; font-size:1rem; }
.glossary-page .gl-references a { display:flex; align-items:center; min-height:44px; font-size:.875rem; text-underline-offset:4px; }
.glossary-page .gl-learning { margin-bottom:56px; }
.glossary-page .gl-learning>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.glossary-page .gl-learning a { display:block; position:relative; border-top:1px solid var(--gold); padding:24px 28px 18px 0; text-decoration:none; }
.glossary-page .gl-learning h3 { font-size:1.15rem; }
.glossary-page .gl-learning p { color:var(--gl-muted); font-size:.95rem; }
.glossary-page .gl-learning a>span { position:absolute; right:4px; top:24px; color:var(--gold); }
.glossary-page .gl-training { padding:clamp(24px,5vw,60px); border:1px solid var(--gl-line); border-radius:22px; background:linear-gradient(120deg,#292219,#151713); margin-bottom:80px; }
.glossary-page .gl-training h2 { max-width:760px; text-wrap:balance; }
.glossary-page .gl-training>p:not(.gl-eyebrow) { max-width:720px; color:#ddd3c5; }
.glossary-page .footer-social { display:flex; gap:14px; margin-top:16px; }
.glossary-page .footer-social a { display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; border:1px solid var(--gl-line); border-radius:50%; }
.glossary-page .footer-social svg { width:18px; height:18px; }
.glossary-page .footer-links a { min-height:44px; display:flex; align-items:center; }
.glossary-page .lang-btn { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.glossary-page .nav-toggle { min-width:44px; min-height:44px; }
.glossary-page .gl-js { display:none; }
.glossary-page.gl-ready .gl-js { display:flex; }
.glossary-page.gl-ready .gl-search-section>.gl-js { display:block; }
.glossary-page [hidden] { display:none!important; }
@media (max-width:1100px) {
 .glossary-page .gl-features { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .glossary-page .gl-edition { position:static; margin-bottom:0; }
}
@media (max-width:767px) {
 .glossary-page .gl-wrap { width:auto; margin-left:max(20px,env(safe-area-inset-left)); margin-right:max(20px,env(safe-area-inset-right)); }
 .glossary-page .gl-hero { padding-block:32px 36px; }
 .glossary-page .gl-hero h1 { letter-spacing:-.035em; }
 .glossary-page .gl-search-section { padding:20px; margin-block:28px 40px; }
 .glossary-page .gl-filters { flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-inline:contain; padding:6px; margin-inline:-6px; scrollbar-width:thin; scrollbar-color:var(--gold) #20201c; }
 .glossary-page .gl-filters button { flex-shrink:0; }
 .glossary-page .gl-grid { grid-template-columns:1fr; }
 .glossary-page .gl-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .glossary-page .gl-feature { padding:18px 16px; }
 .glossary-page .gl-feature h3 { font-size:1.25rem; }
 .glossary-page .gl-learning>div { grid-template-columns:1fr; gap:0; }
 .glossary-page .gl-term { padding:22px; }
 .glossary-page .gl-essential-section { margin-bottom:48px; }
 .glossary-page .gl-training { margin-bottom:48px; }
 .glossary-page .gl-main { padding-top:90px; }
 .glossary-page .gl-context { margin-block:20px; }
}
@media (max-width:440px) {
 .glossary-page .gl-wrap { margin-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right)); }
 .glossary-page .gl-features { grid-template-columns:1fr; }
 .glossary-page .gl-feature { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; }
 .glossary-page .gl-feature .gl-category { grid-column:1/-1; }
 .glossary-page .gl-feature h3 { grid-column:1; margin:0; }
 .glossary-page .gl-feature p { grid-column:1/-1; grid-row:3; margin:0; }
 .glossary-page .gl-more { grid-column:2; grid-row:2; align-self:center; margin:0; }
 .glossary-page .gl-search-row { flex-wrap:wrap; }
 .glossary-page #gl-query { width:100%; flex-basis:100%; }
 .glossary-page #gl-clear { margin-left:auto; }
 .glossary-page .gl-search-section { padding:18px 16px; }
 .glossary-page .gl-hero-actions .gl-button { width:100%; }
 .glossary-page .gl-term { padding:20px; }
 .glossary-page .gl-index>div { gap:2px; }
 .glossary-page .gl-hero h1 { font-size:clamp(2.5rem,10vw,3.2rem); }
}
@media (prefers-reduced-motion:reduce) {
 .glossary-page *, .glossary-page *::before,.glossary-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media print {
 .glossary-page { background:white!important; color:#111!important; }
 .glossary-page .gl-wrap { width:100%; margin:0; }
 .glossary-page .gl-main { padding:0; }
 .glossary-page :is(.site-header,.site-footer,.skip-link,.gl-search-section,.gl-essential-section,.gl-training,.gl-learning,.gl-js,.gl-hero-actions,.ux-top) { display:none!important; }
 .glossary-page .gl-term,.glossary-page .gl-letter-group,.glossary-page .gl-details { display:block!important; }
 .glossary-page .gl-grid { display:block; }
 .glossary-page .gl-term { break-inside:avoid; background:white; color:#111; border:1px solid #999; margin-bottom:16px; padding:18px; }
 .glossary-page .gl-main :is(p,h1,h2,h3,h4,a,span,.gl-letter) { color:#111!important; }
 .glossary-page .gl-hero { padding:12px 0; }
 .glossary-page .gl-hero h1 { font-size:32pt; }
 .glossary-page .gl-main h2 { font-size:20pt; }
 .glossary-page .gl-details { padding-top:12px; }
 .glossary-page .gl-detail { margin-bottom:10px; }
 .glossary-page .gl-main p { font-size:10pt; line-height:1.5; }
 .glossary-page .gl-clarification,.glossary-page .gl-related-links a { background:white; }
 .glossary-page #gl-no-results { display:none!important; }
 .glossary-page .gl-term-actions { display:none!important; }
 .glossary-page mark { background:none; color:inherit; }
}

.glossary-page .gl-main .gl-free { margin-top:16px; }
.glossary-page .gl-overlap { padding:28px 0 0; max-width:850px; }
.glossary-page .gl-overlap h3 { font-size:1.15rem; line-height:1.5; }
.glossary-page .gl-overlap p { color:var(--gl-muted); font-size:.95rem; margin-bottom:0; }
/* Keep shared back-to-top navigation from covering glossary text. */
.glossary-page .ux-top { position:static; display:flex; margin:0 32px 24px auto; opacity:1; visibility:visible; transform:none; }
@media print { .glossary-page .ux-top { display:none!important; } }

.glossary-page .gl-byline a { display:inline-flex; align-items:center; min-height:44px; }
.glossary-page .lang-sep { display:block; width:1px; height:18px; background:var(--gl-line); }
.glossary-page .lang-btn[aria-current="page"] { color:var(--gold-soft); text-decoration:underline; text-underline-offset:5px; }
/* Meet contrast and target-size requirements on the reused header. */
.glossary-page .site-header .wa-btn { color:#062b14; min-height:44px; }
.glossary-page .site-header .site-nav>a,
.glossary-page .site-header .nav-trigger { min-height:44px; min-width:44px; display:inline-flex; align-items:center; }
.glossary-page .nav-menu a,.glossary-page .brand { min-height:44px; }
.glossary-page .gl-breadcrumb a,
.glossary-page .gl-related-links a,
.glossary-page .footer-links a { min-width:44px; }
.glossary-page .lang-toggle { display:inline-flex; align-items:center; flex-shrink:0; gap:2px; }