/*!sf-css-bundle:AssetBundleManifest*/ /*!sf-css-source:css/public/pages/glossary/route.css*/ .page-agentic-ai-glossary { --glossary-magenta: #e989c9; --glossary-magenta-soft: rgba(233, 137, 201, 0.14); --glossary-brass: #d7b77e; --glossary-ink: #f7f5f7; --glossary-copy: #b8c7d8; --glossary-muted: #8498ab; --glossary-line: rgba(232, 135, 200, 0.18); --glossary-line-strong: rgba(232, 135, 200, 0.36); --glossary-panel: rgba(6, 12, 27, 0.94); } .page-agentic-ai-glossary .site-main { padding-top: 0 !important; } .agentic-glossary-page { width: min(1600px, calc(100% - 2rem)); margin: 0 auto; padding: clamp(1rem, 2.2vw, 2rem) 0 3rem; color: var(--glossary-ink); } .agentic-glossary-shell { height: min(135dvh, 1470px); min-height: 1050px; display: grid; grid-template-rows: auto auto minmax(0, 1fr); overflow: hidden; border: 1px solid var(--glossary-line); border-radius: clamp(1.1rem, 2vw, 1.6rem); background: radial-gradient(circle at 84% -8%, rgba(243, 63, 183, 0.16), transparent 33%), radial-gradient(circle at 7% 102%, rgba(124, 76, 180, 0.10), transparent 32%), linear-gradient(145deg, rgba(8, 16, 34, 0.98), rgba(3, 8, 19, 0.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 2.2rem 7rem rgba(0,0,0,0.34); } .agentic-glossary-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem); align-items: end; gap: clamp(1.25rem, 3vw, 3rem); padding: clamp(1.35rem, 2.5vw, 2.25rem) clamp(1.25rem, 2.6vw, 2.5rem) clamp(1.15rem, 2vw, 1.8rem); border-bottom: 1px solid var(--glossary-line); overflow: hidden; } .agentic-glossary-heading-copy { min-width: 0; } .agentic-glossary-heading .eyebrow { color: var(--glossary-brass); font-size: clamp(0.68rem, 0.8vw, 0.78rem); letter-spacing: 0.14em; } .agentic-glossary-heading h1 { max-width: none !important; margin: 0.32rem 0 0.55rem !important; color: #f9f8f9 !important; font-size: clamp(2.35rem, 4.2vw, 4.55rem) !important; font-weight: 760 !important; letter-spacing: -0.045em !important; line-height: 0.98 !important; overflow-wrap: anywhere; text-wrap: balance; } .agentic-glossary-heading p { max-width: 72ch; margin: 0; color: var(--glossary-copy); font-size: clamp(0.98rem, 1.15vw, 1.13rem); line-height: 1.58; } .agentic-glossary-controls { display: grid; grid-template-columns: minmax(17rem, 1.25fr) minmax(12rem, 0.58fr) auto minmax(18rem, 1fr); align-items: end; gap: 0.7rem; padding: 0.82rem clamp(1rem, 2vw, 1.5rem); border-bottom: 1px solid var(--glossary-line); background: rgba(2, 8, 20, 0.72); } .agentic-glossary-controls label { min-width: 0; display: grid; gap: 0.32rem; } .agentic-glossary-controls label > span, .agentic-glossary-core-links > span { color: var(--glossary-muted); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .agentic-glossary-controls input, .agentic-glossary-controls select, .agentic-glossary-clear { min-height: 2.85rem; border: 1px solid rgba(232, 134, 199, 0.25); border-radius: 0.72rem; background: rgba(2, 7, 17, 0.9); color: #f8f6f7; font: inherit; } .agentic-glossary-controls input, .agentic-glossary-controls select { width: 100%; min-width: 0; padding: 0.58rem 0.72rem; } .agentic-glossary-controls input::placeholder { color: #71889b; } .agentic-glossary-controls input:focus, .agentic-glossary-controls select:focus { border-color: rgba(233, 137, 201, 0.62); outline: none; box-shadow: 0 0 0 3px rgba(245, 103, 198, 0.13); } .agentic-glossary-clear { padding: 0.55rem 0.84rem; color: #f3e3ee; font-weight: 750; cursor: pointer; } .agentic-glossary-clear:hover, .agentic-glossary-clear:focus-visible { border-color: rgba(233, 137, 201, 0.55); background: rgba(112, 42, 89, 0.35); } .agentic-glossary-core-links { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 0.36rem; padding-bottom: 0.08rem; } .agentic-glossary-core-links > span { width: 100%; } .agentic-glossary-core-links a { padding: 0.34rem 0.55rem; border: 1px solid rgba(231, 132, 198, 0.22); border-radius: 999px; background: rgba(136, 48, 107, 0.13); color: #efd8e7; font-size: 0.76rem; font-weight: 720; text-decoration: none; } .agentic-glossary-workspace { min-height: 0; display: grid; grid-template-columns: minmax(19rem, 24rem) minmax(0, 1fr); } .agentic-glossary-list-pane { min-height: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr); border-right: 1px solid var(--glossary-line); background: rgba(2, 7, 17, 0.42); } .agentic-glossary-list-header { padding: 0.86rem 1rem 0.68rem; } .agentic-glossary-list-header span { display: block; color: var(--glossary-brass); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; } .agentic-glossary-list-header strong { display: block; margin-top: 0.2rem; color: var(--glossary-copy); font-size: 0.83rem; } .agentic-glossary-alpha { display: flex; gap: 0.25rem; padding: 0 0.72rem 0.72rem; overflow-x: auto; scrollbar-width: thin; } .agentic-glossary-alpha button { flex: 0 0 auto; min-width: 1.85rem; height: 1.85rem; border: 1px solid rgba(231, 131, 198, 0.17); border-radius: 0.45rem; background: rgba(5, 12, 26, 0.82); color: #e3b4d3; font-size: 0.69rem; font-weight: 760; cursor: pointer; } .agentic-glossary-alpha button:hover, .agentic-glossary-alpha button:focus-visible, .agentic-glossary-alpha button.is-active { border-color: rgba(233, 137, 201, 0.5); background: rgba(151, 50, 117, 0.55); color: #fff; } .agentic-glossary-term-list { min-height: 0; overflow: auto; padding: 0.2rem 0.55rem 0.75rem; scrollbar-color: rgba(232, 135, 200, 0.32) transparent; scrollbar-width: thin; } .agentic-glossary-term-list a { display: grid; gap: 0.16rem; margin-bottom: 0.14rem; padding: 0.62rem 0.72rem; border: 1px solid transparent; border-radius: 0.7rem; color: #f3f0f2; text-decoration: none; } .agentic-glossary-term-list a strong { font-size: 0.9rem; line-height: 1.26; } .agentic-glossary-term-list a span { color: #788fa3; font-size: 0.7rem; } .agentic-glossary-term-list a:hover, .agentic-glossary-term-list a:focus-visible, .agentic-glossary-term-list a.is-active { border-color: rgba(231, 131, 198, 0.34); background: linear-gradient(90deg, rgba(161, 51, 124, 0.22), rgba(80, 35, 93, 0.08)); } .agentic-glossary-term-list a.is-active { box-shadow: inset 3px 0 0 var(--glossary-magenta); } .agentic-glossary-empty { margin: 0.5rem 0.8rem 1rem; padding: 1rem; border: 1px dashed rgba(232, 133, 199, 0.28); border-radius: 0.75rem; background: rgba(7, 17, 34, 0.74); color: var(--glossary-copy); } .agentic-glossary-abstention { min-width: 0; min-height: 24rem; display: grid; align-content: center; justify-items: start; gap: 0.8rem; padding: clamp(1.5rem, 4vw, 3.25rem); background: radial-gradient(circle at 82% 18%, rgba(181, 132, 77, 0.12), transparent 34%), linear-gradient(145deg, rgba(6, 14, 28, 0.97), rgba(2, 8, 18, 0.99)); } .agentic-glossary-abstention[hidden] { display: none; } .agentic-glossary-abstention > span { color: var(--glossary-brass); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.12em; } .agentic-glossary-abstention h2 { max-width: 24ch; margin: 0; color: #fbf9fa; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.65rem, 3vw, 2.6rem); line-height: 1.04; } .agentic-glossary-abstention p { max-width: 58ch; margin: 0; color: var(--glossary-copy); line-height: 1.65; } .agentic-glossary-abstention button { min-height: 2.65rem; padding: 0.68rem 0.95rem; border: 1px solid rgba(196, 151, 91, 0.45); border-radius: 0.66rem; background: rgba(92, 58, 29, 0.34); color: #fff2d5; font-weight: 800; cursor: pointer; } .agentic-glossary-abstention button:hover, .agentic-glossary-abstention button:focus-visible { border-color: rgba(218, 178, 119, 0.82); background: rgba(120, 76, 36, 0.5); } .agentic-glossary-detail { min-width: 0; min-height: 0; overflow: auto; padding: clamp(1.15rem, 2.4vw, 2rem); scrollbar-color: rgba(232, 135, 200, 0.32) transparent; scrollbar-width: thin; } .agentic-glossary-detail-header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(232, 132, 199, 0.12); } .agentic-glossary-detail-header > div { min-width: 0; } .agentic-glossary-detail-header > div > span { color: var(--glossary-magenta); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; } .agentic-glossary-detail h2 { max-width: 18ch !important; margin: 0.3rem 0 0 !important; color: #f8f7f9 !important; font-size: clamp(2rem, 3.8vw, 4.15rem) !important; font-weight: 760 !important; letter-spacing: -0.04em !important; line-height: 0.98 !important; overflow-wrap: anywhere; text-wrap: balance; } .agentic-glossary-maturity { flex: 0 0 auto; padding: 0.4rem 0.65rem; border: 1px solid rgba(232, 136, 200, 0.3); border-radius: 999px; background: rgba(103, 36, 81, 0.18); color: #f0dbe9; font-size: 0.73rem; font-weight: 750; text-transform: capitalize; } .agentic-glossary-detail-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin: 0.85rem 0 1rem; } .agentic-glossary-detail-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 0.5rem; } .agentic-glossary-detail-actions code { color: #879bac; font-size: 0.72rem; } .agentic-glossary-detail-actions button { min-height: 2.4rem; padding: 0.45rem 0.68rem; border: 1px solid rgba(231, 132, 198, 0.25); border-radius: 0.6rem; background: rgba(6, 17, 33, 0.8); color: #f6e8f1; font-weight: 720; cursor: pointer; } .agentic-glossary-aliases, .agentic-glossary-chips, .agentic-glossary-related { display: flex; flex-wrap: wrap; gap: 0.4rem; } .agentic-glossary-aliases span, .agentic-glossary-chips span, .agentic-glossary-related a { padding: 0.3rem 0.55rem; border: 1px solid rgba(231, 126, 196, 0.18); border-radius: 999px; background: rgba(107, 35, 83, 0.12); color: #efd8e7; font-size: 0.75rem; text-decoration: none; } .agentic-glossary-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } .agentic-glossary-detail-grid > section { min-width: 0; padding: 1rem; border: 1px solid rgba(231, 128, 197, 0.11); border-radius: 0.86rem; background: rgba(1, 6, 16, 0.44); } .agentic-glossary-detail-grid > section[hidden] { display: none; } .agentic-glossary-detail-grid h3 { margin: 0 0 0.45rem; color: #f7f5f8; font-size: 1rem; } .agentic-glossary-detail-grid p { margin: 0; color: var(--glossary-copy); font-size: 0.9rem; line-height: 1.58; } .agentic-glossary-featured-definition, .agentic-glossary-technical-definition, .agentic-glossary-overlift-bridge { grid-column: 1 / -1; } .agentic-glossary-featured-definition { border-color: rgba(232, 134, 199, 0.24) !important; background: radial-gradient(circle at 92% 0%, rgba(222, 68, 171, 0.13), transparent 36%), rgba(4, 15, 30, 0.72) !important; } .agentic-glossary-featured-definition > span, .agentic-glossary-overlift-bridge > div > span { display: block; margin-bottom: 0.5rem; color: var(--glossary-brass); font-size: 0.68rem; font-weight: 820; letter-spacing: 0.11em; text-transform: uppercase; } .agentic-glossary-featured-definition p { color: #ebe0e8; font-size: clamp(1.02rem, 1.4vw, 1.23rem); line-height: 1.55; } .agentic-glossary-formula { display: block; max-width: 100%; overflow-x: auto; padding: 0.7rem; border-radius: 0.6rem; background: rgba(0, 4, 12, 0.72); color: #ecd0e3; white-space: pre-wrap; } .agentic-glossary-overlift-bridge { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem; border-color: rgba(214, 184, 125, 0.25) !important; background: linear-gradient(115deg, rgba(86, 61, 31, 0.18), rgba(12, 30, 47, 0.42)) !important; } .agentic-glossary-overlift-bridge h3 { margin: 0; font-size: clamp(1.05rem, 1.5vw, 1.28rem); } .agentic-glossary-overlift-bridge nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.45rem; } .agentic-glossary-overlift-bridge a { padding: 0.42rem 0.62rem; border: 1px solid rgba(220, 188, 130, 0.28); border-radius: 999px; color: #ebce98; font-size: 0.78rem; font-weight: 740; text-decoration: none; } .agentic-glossary-sources { margin-top: 1rem; border: 1px solid var(--glossary-line); border-radius: 1rem; background: rgba(5, 12, 26, 0.78); overflow: hidden; } .agentic-glossary-sources summary { display: grid; gap: 0.2rem; padding: 1rem 1.15rem; cursor: pointer; list-style: none; } .agentic-glossary-sources summary::-webkit-details-marker { display: none; } .agentic-glossary-sources summary span { color: var(--glossary-brass); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .agentic-glossary-sources summary strong { color: #f5f3f6; } .agentic-glossary-source-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.7rem; padding: 0 1rem 1rem; } .agentic-glossary-source-grid article { padding: 0.9rem; border: 1px solid rgba(231, 128, 197, 0.12); border-radius: 0.72rem; background: rgba(2, 8, 18, 0.54); } .agentic-glossary-source-grid h3 { margin: 0; font-size: 0.92rem; } .agentic-glossary-source-grid a { color: var(--glossary-magenta); } .agentic-glossary-source-grid span { display: block; margin: 0.25rem 0; color: var(--glossary-brass); font-size: 0.72rem; } .agentic-glossary-source-grid p { margin: 0; color: var(--glossary-copy); font-size: 0.82rem; line-height: 1.5; } @media (max-width: 1180px) { .agentic-glossary-shell { height: min(135dvh, 1470px); min-height: 1050px; } .agentic-glossary-controls { grid-template-columns: minmax(15rem, 1fr) minmax(12rem, 0.55fr) auto; } .agentic-glossary-core-links { grid-column: 1 / -1; } .agentic-glossary-workspace { grid-template-columns: minmax(17rem, 21rem) minmax(0, 1fr); min-height: 680px; } } @media (max-width: 900px) { .agentic-glossary-shell { height: auto; min-height: 0; } .agentic-glossary-page { width: min(100% - 1rem, 100% - 1rem); } .agentic-glossary-heading { grid-template-columns: 1fr; } .agentic-glossary-controls { grid-template-columns: 1fr 1fr; } .agentic-glossary-clear { width: 100%; } .agentic-glossary-core-links { grid-column: 1 / -1; } .agentic-glossary-workspace { grid-template-columns: 1fr; min-height: 0; } .agentic-glossary-list-pane { min-height: 22rem; max-height: 42dvh; border-right: 0; border-bottom: 1px solid var(--glossary-line); } .agentic-glossary-detail { overflow: visible; } .agentic-glossary-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .agentic-glossary-page { padding-top: 0.6rem; } .agentic-glossary-shell { min-height: 0; border-radius: 1rem; } .agentic-glossary-heading, .agentic-glossary-controls { padding-inline: 0.85rem; } .agentic-glossary-heading h1 { font-size: clamp(2.05rem, 11vw, 3.25rem) !important; } .agentic-glossary-controls { grid-template-columns: 1fr; } .agentic-glossary-core-links { grid-column: auto; } .agentic-glossary-list-pane { max-height: 48dvh; } .agentic-glossary-detail { padding: 1rem 0.85rem 1.25rem; } .agentic-glossary-detail-header, .agentic-glossary-detail-toolbar { align-items: flex-start; flex-direction: column; } .agentic-glossary-detail h2 { max-width: 100% !important; font-size: clamp(1.9rem, 10vw, 3rem) !important; } .agentic-glossary-detail-grid { grid-template-columns: 1fr; } .agentic-glossary-featured-definition, .agentic-glossary-technical-definition, .agentic-glossary-overlift-bridge { grid-column: auto; } .agentic-glossary-overlift-bridge { grid-template-columns: 1fr; } .agentic-glossary-overlift-bridge nav { justify-content: flex-start; } .agentic-glossary-source-grid { grid-template-columns: 1fr; } } .agentic-glossary-shell { grid-template-rows: auto auto auto minmax(0, 1fr); background: linear-gradient(145deg, rgba(8, 16, 34, .99), rgba(3, 8, 19, .99)); } .agentic-glossary-featured-definition { background: rgba(4, 15, 30, .78) !important; } .agentic-glossary-kernel-status { display: inline-flex; align-items: center; min-height: 1.9rem; margin-top: .35rem; padding: .32rem .56rem; border: 1px solid rgba(233, 138, 201, .22); border-radius: 999px; background: rgba(4, 14, 29, .82); color: #e9d6e3; font-size: .69rem; font-weight: 780; line-height: 1.1; } .agentic-glossary-kernel-status[data-state="ready"] { border-color: rgba(112, 232, 177, .34); color: #aaf1cf; } .agentic-glossary-kernel-status[data-state="fallback"] { border-color: rgba(226, 185, 112, .36); color: #f0cf96; } .agentic-glossary-mode-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .52rem; padding: .68rem clamp(1rem, 2vw, 1.5rem); border-bottom: 1px solid var(--glossary-line); background: linear-gradient(90deg, rgba(11, 27, 47, .84), rgba(4, 12, 27, .92)); } .agentic-glossary-mode-rail button { min-width: 0; min-height: 3.45rem; display: grid; align-content: center; gap: .12rem; padding: .58rem .76rem; border: 1px solid rgba(233, 138, 201, .18); border-radius: .76rem; background: rgba(4, 13, 28, .84); color: #efe4eb; font: inherit; text-align: left; cursor: pointer; transition: border-color 150ms ease, background 150ms ease, transform 150ms ease; } .agentic-glossary-mode-rail button span { min-width: 0; overflow: hidden; color: #f7f5f6; font-size: .84rem; font-weight: 820; text-overflow: ellipsis; white-space: nowrap; } .agentic-glossary-mode-rail button small { min-width: 0; overflow: hidden; color: var(--glossary-muted); font-size: .68rem; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; } .agentic-glossary-mode-rail button:hover, .agentic-glossary-mode-rail button:focus-visible, .agentic-glossary-mode-rail button.is-active { border-color: rgba(233, 138, 201, .54); background: linear-gradient(115deg, rgba(112, 40, 88, .54), rgba(8, 28, 50, .88)); } .agentic-glossary-mode-rail button.is-active { box-shadow: inset 0 0 0 1px rgba(232, 135, 200, .10), 0 .5rem 1.5rem rgba(0, 0, 0, .15); } .agentic-glossary-mode-rail button:focus-visible { outline: 2px solid rgba(233, 141, 202, .78); outline-offset: 2px; } .agentic-glossary-mode-panel { min-width: 0; min-height: 0; overflow: hidden; } .agentic-glossary-mode-panel[hidden] { display: none !important; } .agentic-glossary-mode-panel[data-agentic-glossary-mode-panel="browse"] .agentic-glossary-workspace { height: 100%; } .agentic-glossary-map-panel { background: linear-gradient(145deg, rgba(5, 14, 30, .98), rgba(2, 7, 17, .99)); } .agentic-glossary-map-layout { min-height: 0; height: 100%; display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(20rem, .78fr); } .agentic-glossary-map-stage { position: relative; min-width: 0; min-height: 0; overflow: hidden; border-right: 1px solid var(--glossary-line); background: linear-gradient(145deg, #030711, #050d1c); } .agentic-glossary-map-stage canvas { display: block; width: 100%; height: 100%; min-height: 34rem; background: #030710; } .agentic-glossary-map-labels { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .agentic-glossary-map-label { position: absolute; z-index: 2; max-width: 13rem; transform: translate(-50%, calc(-50% + 1.15rem)); padding: .27rem .46rem; border: 1px solid rgba(236, 120, 197, .26); border-radius: .45rem; background: rgba(2, 8, 18, .88); color: #f1e3ec; font: inherit; font-size: .66rem; font-weight: 740; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; pointer-events: auto; cursor: pointer; box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .28); } .agentic-glossary-map-label.depth-0 { border-color: rgba(229, 194, 124, .62); background: rgba(49, 34, 18, .94); color: #f4d79d; font-size: .73rem; } .agentic-glossary-map-label:hover, .agentic-glossary-map-label:focus-visible { border-color: rgba(234, 145, 204, .72); background: rgba(70, 23, 54, .95); outline: none; } .agentic-glossary-map-stage-caption { position: absolute; top: .78rem; left: .78rem; z-index: 3; display: grid; gap: .08rem; max-width: calc(100% - 1.56rem); padding: .5rem .66rem; border: 1px solid rgba(232, 134, 199, .22); border-radius: .68rem; background: rgba(1, 6, 15, .88); pointer-events: none; box-shadow: 0 .65rem 1.6rem rgba(0, 0, 0, .24); } .agentic-glossary-map-stage-caption span, .agentic-glossary-map-inspector .eyebrow, .agentic-glossary-map-metrics span, .agentic-glossary-map-depth > span, .agentic-glossary-map-visible > span, .agentic-glossary-proof-grid article > span, .agentic-glossary-proof-flow > div > span { color: var(--glossary-brass); font-size: .63rem; font-weight: 820; letter-spacing: .11em; text-transform: uppercase; } .agentic-glossary-map-stage-caption strong { color: #f5e6f0; font-size: .75rem; } .agentic-glossary-map-inspector { min-width: 0; min-height: 0; overflow: auto; display: grid; align-content: start; gap: .78rem; padding: clamp(1rem, 2vw, 1.45rem); background: rgba(2, 8, 20, .82); scrollbar-width: thin; } .agentic-glossary-map-inspector h2 { margin: -.18rem 0 0; color: #f8f7f9; font-size: clamp(1.55rem, 2.5vw, 2.35rem); letter-spacing: -.03em; line-height: 1.03; overflow-wrap: anywhere; } .agentic-glossary-map-inspector > p { margin: 0; color: var(--glossary-copy); font-size: .88rem; line-height: 1.55; } .agentic-glossary-map-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; } .agentic-glossary-map-metrics > div { min-width: 0; display: grid; gap: .18rem; padding: .65rem .7rem; border: 1px solid rgba(232, 133, 199, .15); border-radius: .68rem; background: rgba(4, 14, 29, .72); } .agentic-glossary-map-metrics > div:last-child { grid-column: 1 / -1; } .agentic-glossary-map-metrics strong, .agentic-glossary-map-metrics code { min-width: 0; color: #f4f2f3; font-size: .78rem; overflow-wrap: anywhere; } .agentic-glossary-map-metrics code { color: #e5abd2; font-size: .69rem; } .agentic-glossary-map-depth { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; } .agentic-glossary-map-depth > span { flex: 1 0 100%; } .agentic-glossary-map-depth button, .agentic-glossary-proof-actions button { min-height: 2.35rem; padding: .48rem .66rem; border: 1px solid rgba(232, 136, 200, .22); border-radius: .62rem; background: rgba(5, 16, 32, .88); color: #f0e4ec; font: inherit; font-size: .73rem; font-weight: 770; cursor: pointer; } .agentic-glossary-map-depth button:hover, .agentic-glossary-map-depth button:focus-visible, .agentic-glossary-map-depth button.is-active, .agentic-glossary-proof-actions button:hover, .agentic-glossary-proof-actions button:focus-visible { border-color: rgba(234, 143, 204, .56); background: rgba(93, 34, 73, .62); } .agentic-glossary-map-visible { min-height: 0; display: grid; gap: .42rem; } .agentic-glossary-map-visible nav { display: grid; gap: .3rem; max-height: 16rem; overflow: auto; scrollbar-width: thin; } .agentic-glossary-map-visible nav button { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .55rem; min-height: 2.35rem; padding: .46rem .58rem; border: 1px solid rgba(232, 132, 199, .15); border-radius: .58rem; background: rgba(6, 17, 34, .78); color: #f2e2ed; font: inherit; text-align: left; cursor: pointer; } .agentic-glossary-map-visible nav button:hover, .agentic-glossary-map-visible nav button:focus-visible { border-color: rgba(232, 137, 200, .48); background: rgba(90, 33, 71, .48); } .agentic-glossary-map-visible nav button span { min-width: 0; overflow: hidden; font-size: .78rem; font-weight: 730; text-overflow: ellipsis; white-space: nowrap; } .agentic-glossary-map-visible nav button small { color: var(--glossary-muted); font-size: .63rem; text-transform: uppercase; } .agentic-glossary-map-boundary { padding: .72rem .78rem; border-left: 3px solid rgba(223, 190, 123, .66); background: rgba(61, 43, 21, .22); color: #d9c59d !important; font-size: .78rem !important; } .agentic-glossary-proof-panel { min-height: 0; overflow: auto; padding: clamp(1rem, 2.2vw, 1.7rem); background: linear-gradient(145deg, rgba(6, 15, 31, .98), rgba(2, 8, 19, .98)); scrollbar-width: thin; } .agentic-glossary-proof-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 22rem); align-items: start; gap: 1rem; margin-bottom: .9rem; } .agentic-glossary-proof-heading h2 { margin: .2rem 0 .36rem; color: #f8f7f9; font-size: clamp(1.55rem, 2.5vw, 2.45rem); letter-spacing: -.03em; line-height: 1.05; } .agentic-glossary-proof-heading p { max-width: 82ch; margin: 0; color: var(--glossary-copy); font-size: .9rem; line-height: 1.58; } .agentic-glossary-proof-actions { display: grid; gap: .42rem; padding: .72rem; border: 1px solid rgba(232, 135, 200, .16); border-radius: .75rem; background: rgba(3, 11, 25, .76); } .agentic-glossary-proof-actions button:disabled { cursor: not-allowed; opacity: .48; } .agentic-glossary-proof-actions span { color: var(--glossary-muted); font-size: .7rem; line-height: 1.35; overflow-wrap: anywhere; } .agentic-glossary-proof-actions span[data-state="pass"] { color: #aaf0cf; } .agentic-glossary-proof-actions span[data-state="fail"] { color: #ffb3a8; } .agentic-glossary-proof-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; } .agentic-glossary-proof-grid article { min-width: 0; display: grid; align-content: start; gap: .25rem; min-height: 5.2rem; padding: .72rem; border: 1px solid rgba(232, 132, 199, .13); border-radius: .72rem; background: rgba(3, 11, 25, .72); } .agentic-glossary-proof-grid article strong, .agentic-glossary-proof-grid article code, .agentic-glossary-proof-grid article p { min-width: 0; margin: 0; color: #f4ebf1; font-size: .76rem; line-height: 1.4; overflow-wrap: anywhere; } .agentic-glossary-proof-grid article code { color: #e5abd2; font-size: .68rem; } .agentic-glossary-proof-receipt, .agentic-glossary-proof-fallback { grid-column: span 2; } .agentic-glossary-proof-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin-top: .75rem; } .agentic-glossary-proof-flow > div { min-width: 0; display: grid; gap: .22rem; padding: .72rem; border: 1px solid rgba(218, 184, 121, .20); border-radius: .72rem; background: linear-gradient(125deg, rgba(71, 49, 24, .24), rgba(7, 20, 36, .68)); } .agentic-glossary-proof-flow strong { color: #f0d49e; font-size: .9rem; } .agentic-glossary-proof-flow p { margin: 0; color: var(--glossary-copy); font-size: .75rem; line-height: 1.45; } @media (max-width: 1180px) { .agentic-glossary-map-layout { grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .8fr); } .agentic-glossary-proof-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .agentic-glossary-proof-receipt, .agentic-glossary-proof-fallback { grid-column: span 3; } } @media (max-width: 900px) { .agentic-glossary-mode-panel { overflow: visible; } .agentic-glossary-mode-panel[data-agentic-glossary-mode-panel="browse"] .agentic-glossary-workspace { height: auto; } .agentic-glossary-map-layout { height: auto; grid-template-columns: 1fr; } .agentic-glossary-map-stage { min-height: 32rem; border-right: 0; border-bottom: 1px solid var(--glossary-line); } .agentic-glossary-map-stage canvas { min-height: 32rem; } .agentic-glossary-map-inspector, .agentic-glossary-proof-panel { overflow: visible; } .agentic-glossary-proof-heading { grid-template-columns: 1fr; } .agentic-glossary-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agentic-glossary-proof-receipt, .agentic-glossary-proof-fallback { grid-column: span 2; } .agentic-glossary-proof-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .agentic-glossary-mode-rail { gap: .35rem; padding-inline: .72rem; } .agentic-glossary-mode-rail button { min-height: 2.8rem; padding: .48rem .45rem; text-align: center; } .agentic-glossary-mode-rail button span { font-size: .72rem; } .agentic-glossary-mode-rail button small { display: none; } .agentic-glossary-map-stage, .agentic-glossary-map-stage canvas { min-height: 26rem; } .agentic-glossary-map-label { max-width: 8.5rem; font-size: .58rem; } .agentic-glossary-map-label.depth-2 { display: none; } .agentic-glossary-map-metrics, .agentic-glossary-proof-grid, .agentic-glossary-proof-flow { grid-template-columns: 1fr; } .agentic-glossary-map-metrics > div:last-child, .agentic-glossary-proof-receipt, .agentic-glossary-proof-fallback { grid-column: auto; } .agentic-glossary-proof-panel, .agentic-glossary-map-inspector { padding: .9rem .78rem 1.1rem; } } @media (prefers-reduced-motion: reduce) { .agentic-glossary-mode-rail button, .agentic-glossary-map-label, .agentic-glossary-map-depth button, .agentic-glossary-proof-actions button { transition: none !important; } } .agentic-glossary-mode-rail { grid-template-columns: repeat(4, minmax(0, 1fr)); } .agentic-glossary-quality-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .48rem; margin: 0 0 1rem; } .agentic-glossary-quality-strip > div { min-width: 0; display: grid; gap: .18rem; padding: .62rem .68rem; border: 1px solid rgba(232, 134, 199, .14); border-radius: .68rem; background: rgba(3, 12, 26, .72); } .agentic-glossary-quality-strip > div[hidden] { display: none; } .agentic-glossary-quality-strip dt { color: var(--glossary-brass); font-size: .61rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; } .agentic-glossary-quality-strip dd { min-width: 0; margin: 0; color: #f2e8ef; font-size: .74rem; font-weight: 720; line-height: 1.35; overflow-wrap: anywhere; } .agentic-glossary-lifecycle-note, .agentic-glossary-official-sources, .agentic-glossary-related-section { grid-column: 1 / -1; } .agentic-glossary-lifecycle-note { border-color: rgba(221, 187, 121, .22) !important; background: linear-gradient(120deg, rgba(71, 48, 22, .22), rgba(4, 14, 29, .62)) !important; } .agentic-glossary-use-when { border-color: rgba(108, 225, 170, .17) !important; } .agentic-glossary-avoid-when { border-color: rgba(236, 157, 126, .18) !important; } .agentic-glossary-capabilities span { border-color: rgba(114, 222, 183, .22); background: rgba(32, 100, 73, .14); color: #bdeed7; } .agentic-glossary-official-sources > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .48rem; } .agentic-glossary-official-sources a { min-width: 0; display: grid; gap: .18rem; padding: .72rem; border: 1px solid rgba(232, 136, 200, .18); border-radius: .68rem; background: rgba(4, 15, 31, .76); text-decoration: none; } .agentic-glossary-official-sources a:hover, .agentic-glossary-official-sources a:focus-visible { border-color: rgba(233, 140, 202, .52); background: rgba(83, 29, 65, .46); } .agentic-glossary-official-sources strong { color: #f6e8f1; font-size: .82rem; line-height: 1.35; } .agentic-glossary-official-sources span { color: var(--glossary-muted); font-size: .67rem; line-height: 1.35; } .agentic-glossary-ecosystem-panel { min-height: 0; overflow: auto; padding: clamp(1rem, 2.1vw, 1.55rem); background: linear-gradient(145deg, rgba(5, 14, 29, .98), rgba(2, 8, 18, .99)); scrollbar-width: thin; } .agentic-glossary-ecosystem-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(13rem, 20rem); align-items: start; gap: 1rem; margin-bottom: .9rem; } .agentic-glossary-ecosystem-heading h2 { max-width: 28ch; margin: .2rem 0 .42rem; color: #f8f7f9; font-size: clamp(1.55rem, 2.7vw, 2.65rem); letter-spacing: -.035em; line-height: 1.04; text-wrap: balance; } .agentic-glossary-ecosystem-heading p { max-width: 86ch; margin: 0; color: var(--glossary-copy); font-size: .9rem; line-height: 1.58; } .agentic-glossary-ecosystem-heading aside { min-width: 0; display: grid; gap: .2rem; padding: .85rem; border: 1px solid rgba(220, 186, 120, .22); border-radius: .78rem; background: linear-gradient(125deg, rgba(68, 47, 22, .22), rgba(5, 17, 32, .76)); } .agentic-glossary-ecosystem-heading aside span { color: var(--glossary-brass); font-size: .63rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; } .agentic-glossary-ecosystem-heading aside strong { color: #f7f5f6; font-size: 1.4rem; } .agentic-glossary-ecosystem-heading aside small { color: var(--glossary-copy); line-height: 1.42; } .agentic-glossary-ecosystem-controls { display: grid; grid-template-columns: minmax(14rem, 1.2fr) repeat(3, minmax(10rem, .65fr)) auto; align-items: end; gap: .55rem; padding: .72rem; border: 1px solid rgba(232, 135, 200, .14); border-radius: .78rem; background: rgba(2, 9, 21, .74); } .agentic-glossary-ecosystem-controls label { min-width: 0; display: grid; gap: .28rem; } .agentic-glossary-ecosystem-controls label > span { color: var(--glossary-muted); font-size: .62rem; font-weight: 810; letter-spacing: .09em; text-transform: uppercase; } .agentic-glossary-ecosystem-controls input, .agentic-glossary-ecosystem-controls select, .agentic-glossary-ecosystem-controls button { width: 100%; min-width: 0; min-height: 2.65rem; padding: .52rem .62rem; border: 1px solid rgba(232, 136, 200, .22); border-radius: .62rem; background: rgba(2, 8, 18, .94); color: #f3f0f2; font: inherit; font-size: .76rem; } .agentic-glossary-ecosystem-controls button { width: auto; font-weight: 760; cursor: pointer; } .agentic-glossary-ecosystem-controls input:focus, .agentic-glossary-ecosystem-controls select:focus, .agentic-glossary-ecosystem-controls button:focus-visible, .agentic-glossary-ecosystem-controls button:hover { border-color: rgba(233, 141, 202, .55); outline: none; background: rgba(80, 28, 63, .54); } .agentic-glossary-ecosystem-summary { display: flex; align-items: baseline; justify-content: space-between; gap: .8rem; margin: .75rem .1rem .62rem; } .agentic-glossary-ecosystem-summary strong { color: #f4e7f0; font-size: .82rem; } .agentic-glossary-ecosystem-summary span { max-width: 72ch; color: var(--glossary-muted); font-size: .68rem; line-height: 1.4; text-align: right; } .agentic-glossary-ecosystem-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .62rem; } .agentic-glossary-ecosystem-grid > article { min-width: 0; display: grid; grid-template-rows: auto auto 1fr auto auto; gap: .58rem; padding: .82rem; border: 1px solid rgba(232, 132, 199, .14); border-radius: .78rem; background: rgba(3, 11, 24, .78); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025); } .agentic-glossary-ecosystem-grid > article.is-selected { border-color: rgba(219, 186, 121, .48); box-shadow: inset 3px 0 0 rgba(219, 186, 121, .72); } .agentic-glossary-ecosystem-grid article > header { display: flex; align-items: flex-start; justify-content: space-between; gap: .55rem; } .agentic-glossary-ecosystem-grid article > header > div { min-width: 0; } .agentic-glossary-ecosystem-grid header span { display: block; color: var(--glossary-brass); font-size: .61rem; font-weight: 810; letter-spacing: .08em; text-transform: uppercase; } .agentic-glossary-ecosystem-grid h3 { margin: .18rem 0 0; color: #f7f4f6; font-size: 1rem; line-height: 1.2; overflow-wrap: anywhere; } .agentic-glossary-ecosystem-grid em { flex: 0 0 auto; padding: .27rem .43rem; border: 1px solid rgba(232, 135, 200, .2); border-radius: 999px; color: #f0dcea; font-size: .59rem; font-style: normal; font-weight: 790; text-transform: capitalize; } .agentic-glossary-ecosystem-grid em[data-lifecycle="current"] { border-color: rgba(105, 224, 168, .34); color: #aaf0cf; } .agentic-glossary-ecosystem-grid em[data-lifecycle="preview"] { border-color: rgba(214, 147, 234, .4); color: #e3cdea; } .agentic-glossary-ecosystem-grid em[data-lifecycle="transition"], .agentic-glossary-ecosystem-grid em[data-lifecycle="maintenance"] { border-color: rgba(225, 183, 105, .42); color: #f0ce90; } .agentic-glossary-ecosystem-tags, .agentic-glossary-ecosystem-capabilities { display: flex; flex-wrap: wrap; gap: .32rem; } .agentic-glossary-ecosystem-tags span, .agentic-glossary-ecosystem-capabilities span { padding: .25rem .42rem; border: 1px solid rgba(232, 133, 199, .15); border-radius: 999px; background: rgba(93, 33, 73, .13); color: #e7d0df; font-size: .62rem; line-height: 1.25; } .agentic-glossary-ecosystem-tags span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .agentic-glossary-ecosystem-grid article > p { margin: 0; color: var(--glossary-copy); font-size: .78rem; line-height: 1.5; } .agentic-glossary-ecosystem-grid footer { display: flex; align-items: center; justify-content: space-between; gap: .55rem; padding-top: .55rem; border-top: 1px solid rgba(232, 132, 199, .1); } .agentic-glossary-ecosystem-grid footer small { color: var(--glossary-muted); font-size: .61rem; line-height: 1.35; } .agentic-glossary-ecosystem-grid footer button { flex: 0 0 auto; min-height: 2.2rem; padding: .42rem .58rem; border: 1px solid rgba(220, 186, 121, .27); border-radius: .58rem; background: rgba(67, 47, 22, .22); color: #e9cc94; font: inherit; font-size: .68rem; font-weight: 770; cursor: pointer; } .agentic-glossary-ecosystem-grid footer button:hover, .agentic-glossary-ecosystem-grid footer button:focus-visible { border-color: rgba(225, 191, 125, .58); background: rgba(92, 63, 28, .44); outline: none; } @media (max-width: 1280px) { .agentic-glossary-quality-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } .agentic-glossary-ecosystem-controls { grid-template-columns: minmax(14rem, 1fr) repeat(2, minmax(10rem, .55fr)); } .agentic-glossary-ecosystem-controls label:nth-of-type(4), .agentic-glossary-ecosystem-controls button { grid-row: 2; } .agentic-glossary-ecosystem-controls label:nth-of-type(4) { grid-column: 1 / 3; } .agentic-glossary-ecosystem-controls button { grid-column: 3; } .agentic-glossary-ecosystem-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .agentic-glossary-ecosystem-panel { overflow: visible; } .agentic-glossary-ecosystem-heading { grid-template-columns: 1fr; } .agentic-glossary-ecosystem-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agentic-glossary-ecosystem-controls label:nth-of-type(4), .agentic-glossary-ecosystem-controls button { grid-row: auto; grid-column: auto; } .agentic-glossary-ecosystem-summary { align-items: flex-start; flex-direction: column; } .agentic-glossary-ecosystem-summary span { text-align: left; } } @media (max-width: 620px) { .agentic-glossary-mode-rail { grid-template-columns: repeat(4, minmax(0, 1fr)); } .agentic-glossary-quality-strip, .agentic-glossary-ecosystem-controls, .agentic-glossary-ecosystem-grid, .agentic-glossary-official-sources > div { grid-template-columns: 1fr; } .agentic-glossary-lifecycle-note, .agentic-glossary-official-sources, .agentic-glossary-related-section { grid-column: auto; } .agentic-glossary-ecosystem-panel { padding: .88rem .75rem 1.1rem; } .agentic-glossary-ecosystem-grid footer { align-items: flex-start; flex-direction: column; } .agentic-glossary-ecosystem-grid footer button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .agentic-glossary-ecosystem-grid footer button, .agentic-glossary-ecosystem-controls button, .agentic-glossary-official-sources a { transition: none !important; } } .agentic-glossary-controls { grid-template-columns: minmax(20rem, 1.45fr) minmax(11rem, .66fr) minmax(8.5rem, .48fr) minmax(8.5rem, .48fr) auto minmax(18rem, 1fr); } .agentic-glossary-mode-panel[data-agentic-glossary-mode-panel="browse"] { min-height: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr); overflow: hidden; } .agentic-glossary-mode-panel[data-agentic-glossary-mode-panel="browse"] .agentic-glossary-workspace { min-height: 0; height: auto; } .agentic-glossary-search-plan { min-width: 0; display: grid; grid-template-columns: minmax(10rem, .72fr) minmax(14rem, 1.1fr) minmax(12rem, .8fr) minmax(16rem, 1.25fr); gap: .5rem; padding: .62rem clamp(.85rem, 1.8vw, 1.3rem); border-bottom: 1px solid rgba(232, 135, 200, .14); background: linear-gradient(90deg, rgba(6, 20, 39, .92), rgba(3, 11, 24, .94)); } .agentic-glossary-search-plan > div { min-width: 0; display: grid; align-content: center; gap: .14rem; padding: .5rem .62rem; border: 1px solid rgba(232, 134, 199, .14); border-radius: .64rem; background: rgba(2, 9, 20, .68); } .agentic-glossary-search-plan span, .agentic-glossary-debug-plan dt, .agentic-glossary-debug-results header span { color: var(--glossary-brass); font-size: .59rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; } .agentic-glossary-search-plan strong, .agentic-glossary-search-plan code { min-width: 0; overflow: hidden; color: #f3e6ef; font-size: .71rem; font-weight: 730; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; } .agentic-glossary-search-plan code { color: #e5abd2; font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace); } .agentic-glossary-search-plan-query { border-color: rgba(112, 221, 178, .2) !important; } .agentic-glossary-relevance-debugger { min-width: 0; border-bottom: 1px solid rgba(232, 135, 200, .14); background: rgba(2, 8, 18, .94); } .agentic-glossary-relevance-debugger > summary { min-height: 2.55rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .5rem clamp(.95rem, 1.8vw, 1.35rem); color: #f4e8f0; cursor: pointer; list-style: none; } .agentic-glossary-relevance-debugger > summary::-webkit-details-marker { display: none; } .agentic-glossary-relevance-debugger > summary::after { content: "+"; flex: 0 0 auto; display: grid; place-items: center; width: 1.65rem; height: 1.65rem; border: 1px solid rgba(232, 135, 200, .24); border-radius: 999px; color: #e7cfdf; font-weight: 800; } .agentic-glossary-relevance-debugger[open] > summary::after { content: "−"; } .agentic-glossary-relevance-debugger > summary span { color: #f7f5f6; font-size: .77rem; font-weight: 810; } .agentic-glossary-relevance-debugger > summary strong { min-width: 0; margin-left: auto; color: var(--glossary-muted); font-size: .67rem; font-weight: 650; line-height: 1.25; text-align: right; } .agentic-glossary-relevance-debugger-body { max-height: 22rem; overflow: auto; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(22rem, .85fr); gap: .65rem; padding: 0 clamp(.95rem, 1.8vw, 1.35rem) .75rem; scrollbar-width: thin; } .agentic-glossary-debug-plan { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .42rem; margin: 0; } .agentic-glossary-debug-plan > div { min-width: 0; display: grid; align-content: start; gap: .16rem; padding: .52rem .58rem; border: 1px solid rgba(232, 134, 199, .12); border-radius: .58rem; background: rgba(4, 14, 29, .66); } .agentic-glossary-debug-plan dd { min-width: 0; margin: 0; color: #eee4eb; font-size: .68rem; line-height: 1.35; overflow-wrap: anywhere; } .agentic-glossary-debug-plan code { color: #e5abd2; font-size: .66rem; } .agentic-glossary-debug-results { min-width: 0; display: grid; align-content: start; gap: .45rem; padding: .58rem; border: 1px solid rgba(219, 184, 116, .16); border-radius: .65rem; background: rgba(31, 22, 12, .18); } .agentic-glossary-debug-results header { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; } .agentic-glossary-debug-results header strong { color: var(--glossary-muted); font-size: .64rem; text-align: right; } .agentic-glossary-debug-results ol { display: grid; gap: .34rem; margin: 0; padding: 0; list-style: none; } .agentic-glossary-debug-results li { min-width: 0; display: grid; grid-template-columns: minmax(8rem, .65fr) auto minmax(10rem, 1fr); align-items: center; gap: .45rem; padding: .42rem .48rem; border: 1px solid rgba(232, 134, 199, .1); border-radius: .5rem; background: rgba(3, 11, 24, .7); } .agentic-glossary-debug-results li strong, .agentic-glossary-debug-results li span, .agentic-glossary-debug-results li code { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .agentic-glossary-debug-results li strong { color: #f3eff2; font-size: .69rem; } .agentic-glossary-debug-results li code { color: #e1c38c; font-size: .64rem; } .agentic-glossary-debug-results li span { color: var(--glossary-muted); font-size: .63rem; } .agentic-glossary-proof-grid article code[data-kernel-proof-executed], .agentic-glossary-proof-grid article code[data-kernel-proof-weighting] { overflow-wrap: anywhere; } @media (max-width: 1380px) { .agentic-glossary-controls { grid-template-columns: minmax(19rem, 1.35fr) minmax(11rem, .7fr) minmax(8.5rem, .52fr) minmax(8.5rem, .52fr) auto; } .agentic-glossary-core-links { grid-column: 1 / -1; } .agentic-glossary-search-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1080px) { .agentic-glossary-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agentic-glossary-search-field, .agentic-glossary-core-links { grid-column: 1 / -1; } .agentic-glossary-clear { justify-self: start; } .agentic-glossary-relevance-debugger-body { grid-template-columns: 1fr; } .agentic-glossary-debug-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { .agentic-glossary-controls, .agentic-glossary-search-plan, .agentic-glossary-debug-plan { grid-template-columns: 1fr; } .agentic-glossary-controls label, .agentic-glossary-controls label:nth-of-type(4), .agentic-glossary-clear, .agentic-glossary-core-links { grid-column: auto; grid-row: auto; } .agentic-glossary-search-plan strong, .agentic-glossary-search-plan code { white-space: normal; } .agentic-glossary-relevance-debugger > summary strong { display: none; } .agentic-glossary-relevance-debugger-body { max-height: none; grid-template-columns: 1fr; } .agentic-glossary-debug-results li { grid-template-columns: 1fr auto; } .agentic-glossary-debug-results li span { grid-column: 1 / -1; white-space: normal; } } @media (prefers-reduced-motion: reduce) { .agentic-glossary-relevance-debugger > summary, .agentic-glossary-search-plan > div { scroll-behavior: auto; } } .agentic-glossary-shell { grid-template-rows: auto auto auto auto minmax(0, 1fr); } .agentic-glossary-debug-plan { grid-template-columns: repeat(4, minmax(0, 1fr)); } .agentic-glossary-debug-plan > div:nth-child(8) { border-color: rgba(224, 189, 120, .2); background: rgba(40, 27, 12, .28); } @media (max-width: 1280px) { .agentic-glossary-debug-plan { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 900px) { .agentic-glossary-debug-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .agentic-glossary-debug-plan { grid-template-columns: 1fr; } } .agentic-glossary-mode-panel[data-agentic-glossary-mode-panel="browse"] { grid-template-rows: auto auto auto minmax(0, 1fr); } .agentic-glossary-search-plan { grid-template-columns: minmax(9rem, .72fr) minmax(9rem, .72fr) minmax(13rem, 1.12fr) minmax(10rem, .8fr) minmax(15rem, 1.35fr) minmax(12rem, 1fr); } .agentic-glossary-search-plan-route, .agentic-glossary-search-plan-engine { border-color: rgba(224, 189, 120, .24) !important; background: linear-gradient(135deg, rgba(45, 30, 13, .36), rgba(3, 12, 25, .74)) !important; } .agentic-glossary-search-plan-route strong { color: #f0d49c; } .agentic-glossary-cats-rail { min-width: 0; display: grid; grid-template-columns: repeat(8, minmax(6.4rem, 1fr)); gap: .38rem; padding: .5rem clamp(.85rem, 1.8vw, 1.3rem) .58rem; border-bottom: 1px solid rgba(232, 135, 200, .14); background: rgba(1, 7, 16, .96); overflow-x: auto; scrollbar-width: thin; } .agentic-glossary-cats-rail > div { min-width: 6.4rem; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .08rem .42rem; padding: .42rem .5rem; border: 1px solid rgba(232, 134, 199, .1); border-radius: .58rem; background: rgba(4, 13, 27, .62); opacity: .58; } .agentic-glossary-cats-rail > div > span { grid-row: 1 / span 2; width: 1.75rem; height: 1.75rem; display: grid; place-items: center; border: 1px solid rgba(232, 135, 200, .22); border-radius: 999px; color: #e49dcc; font-size: .64rem; font-weight: 900; } .agentic-glossary-cats-rail > div > strong, .agentic-glossary-cats-rail > div > small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .agentic-glossary-cats-rail > div > strong { color: #f1e7ee; font-size: .66rem; font-weight: 780; } .agentic-glossary-cats-rail > div > small { color: #718998; font-size: .55rem; font-weight: 650; } .agentic-glossary-cats-rail > div[data-cats-state="eligible"] { border-color: rgba(232, 135, 200, .24); background: rgba(5, 24, 42, .74); opacity: .86; } .agentic-glossary-cats-rail > div[data-cats-state="eligible"] > small { color: #da9cc5; } .agentic-glossary-cats-rail > div[data-cats-state="selected"] { border-color: rgba(224, 189, 120, .72); background: linear-gradient(135deg, rgba(60, 39, 14, .7), rgba(5, 24, 42, .9)); box-shadow: 0 0 0 1px rgba(224, 189, 120, .12), 0 10px 24px rgba(0, 0, 0, .2); opacity: 1; } .agentic-glossary-cats-rail > div[data-cats-state="selected"] > span { border-color: rgba(224, 189, 120, .72); color: #f1d59d; background: rgba(43, 28, 11, .72); } .agentic-glossary-cats-rail > div[data-cats-state="selected"] > small { color: #f0d49c; } .agentic-glossary-debug-plan { grid-template-columns: repeat(5, minmax(0, 1fr)); } .agentic-glossary-debug-plan > div:has([data-search-debug-cats-route]), .agentic-glossary-debug-plan > div:has([data-search-debug-cats-config]), .agentic-glossary-debug-plan > div:has([data-search-debug-tier-s]) { border-color: rgba(224, 189, 120, .2); background: rgba(40, 27, 12, .24); } .agentic-glossary-debug-results li { grid-template-columns: minmax(8rem, .62fr) auto minmax(12rem, 1.18fr); } .agentic-glossary-proof-grid .agentic-glossary-proof-route-reason, .agentic-glossary-proof-grid .agentic-glossary-proof-tier-s { grid-column: span 2; } .agentic-glossary-proof-grid [data-kernel-proof-selected-tier], .agentic-glossary-proof-grid [data-kernel-proof-cats-state] { color: #f0d49c; } .agentic-glossary-proof-grid [data-kernel-proof-route-reason], .agentic-glossary-proof-grid [data-kernel-proof-tier-s] { margin: 0; color: #b9ced8; font-size: .72rem; line-height: 1.45; } .agentic-glossary-proof-flow { grid-template-columns: repeat(5, minmax(0, 1fr)); } .agentic-glossary-page[data-glossary-cats="ready"] .agentic-glossary-kernel-status { border-color: rgba(224, 189, 120, .42); color: #f0d49c; } @media (max-width: 1560px) { .agentic-glossary-search-plan { grid-template-columns: repeat(3, minmax(0, 1fr)); } .agentic-glossary-debug-plan { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 1180px) { .agentic-glossary-cats-rail { grid-template-columns: repeat(8, minmax(7rem, 1fr)); } .agentic-glossary-debug-plan { grid-template-columns: repeat(3, minmax(0, 1fr)); } .agentic-glossary-proof-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .agentic-glossary-search-plan, .agentic-glossary-debug-plan, .agentic-glossary-proof-flow { grid-template-columns: 1fr; } .agentic-glossary-cats-rail { display: flex; padding-inline: .72rem; scroll-snap-type: x proximity; } .agentic-glossary-cats-rail > div { flex: 0 0 8.1rem; scroll-snap-align: start; } .agentic-glossary-proof-grid .agentic-glossary-proof-route-reason, .agentic-glossary-proof-grid .agentic-glossary-proof-tier-s { grid-column: auto; } } @media (prefers-reduced-motion: reduce) { .agentic-glossary-cats-rail { scroll-behavior: auto; } } .agentic-glossary-mode-rail { grid-template-columns: repeat(5, minmax(0, 1fr)); } .agentic-glossary-mode-rail button[data-agentic-glossary-mode="failure"] { border-color: rgba(224, 189, 120, .24); background: linear-gradient(135deg, rgba(43, 28, 12, .48), rgba(4, 14, 29, .86)); } .agentic-glossary-mode-rail button[data-agentic-glossary-mode="failure"].is-active { border-color: rgba(224, 189, 120, .72); background: linear-gradient(135deg, rgba(69, 43, 14, .72), rgba(6, 28, 46, .92)); } .agentic-glossary-cats-rail > div[data-cats-state="challenged"] { border-color: rgba(242, 170, 88, .78); background: linear-gradient(135deg, rgba(70, 31, 14, .82), rgba(26, 12, 16, .9)); box-shadow: inset 0 0 0 1px rgba(242, 170, 88, .12); opacity: 1; } .agentic-glossary-cats-rail > div[data-cats-state="challenged"] > span, .agentic-glossary-cats-rail > div[data-cats-state="challenged"] > small { color: #ffd0a0; border-color: rgba(242, 170, 88, .72); } .agentic-glossary-cats-rail > div[data-cats-state="admitted"] { border-color: rgba(113, 230, 181, .72); background: linear-gradient(135deg, rgba(12, 55, 40, .76), rgba(4, 27, 42, .92)); box-shadow: inset 0 0 0 1px rgba(113, 230, 181, .12); opacity: 1; } .agentic-glossary-cats-rail > div[data-cats-state="admitted"] > span, .agentic-glossary-cats-rail > div[data-cats-state="admitted"] > small { color: #aaf1cf; border-color: rgba(113, 230, 181, .72); } .agentic-glossary-failure-panel { min-height: 0; height: 100%; padding: clamp(.9rem, 1.8vw, 1.45rem); overflow: auto; background: linear-gradient(150deg, rgba(8, 18, 34, .99), rgba(2, 8, 18, .99)); scrollbar-width: thin; } .agentic-glossary-failure-heading { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(15rem, .72fr); gap: clamp(.8rem, 1.8vw, 1.4rem); align-items: end; padding: clamp(.9rem, 1.8vw, 1.35rem); border: 1px solid rgba(224, 189, 120, .24); border-radius: .92rem; background: linear-gradient(132deg, rgba(48, 31, 13, .38), rgba(5, 19, 35, .9)); } .agentic-glossary-failure-heading h2 { max-width: 24ch; margin: .24rem 0 .48rem; color: #f4e8cf; font-size: clamp(1.35rem, 2.3vw, 2.35rem); line-height: 1.02; letter-spacing: -.025em; } .agentic-glossary-failure-heading p { max-width: 82ch; margin: 0; color: #b8cbd5; font-size: clamp(.82rem, .9vw, .96rem); line-height: 1.58; } .agentic-glossary-failure-actions { display: grid; grid-template-columns: 1fr auto; gap: .48rem; align-items: center; } .agentic-glossary-failure-actions button, .agentic-glossary-failure-grid button { min-height: 2.5rem; border: 1px solid rgba(224, 189, 120, .38); border-radius: .65rem; background: linear-gradient(135deg, rgba(54, 35, 14, .78), rgba(6, 22, 38, .94)); color: #f1d59d; font: inherit; font-size: .72rem; font-weight: 820; cursor: pointer; } .agentic-glossary-failure-actions button:hover, .agentic-glossary-failure-actions button:focus-visible, .agentic-glossary-failure-grid button:hover, .agentic-glossary-failure-grid button:focus-visible { border-color: rgba(224, 189, 120, .82); outline: none; box-shadow: 0 0 0 2px rgba(224, 189, 120, .12); } .agentic-glossary-failure-actions button:disabled, .agentic-glossary-failure-grid button:disabled { opacity: .5; cursor: wait; } .agentic-glossary-failure-actions > span { grid-column: 1 / -1; min-height: 2.75rem; display: flex; align-items: center; padding: .55rem .68rem; border: 1px solid rgba(232, 135, 200, .14); border-radius: .58rem; background: rgba(3, 12, 25, .7); color: #a9c4d1; font-size: .68rem; line-height: 1.4; } .agentic-glossary-failure-summary { display: grid; grid-template-columns: repeat(4, minmax(7.5rem, .72fr)) minmax(13rem, 1.3fr); gap: .52rem; margin: .72rem 0; } .agentic-glossary-failure-summary article { min-width: 0; display: grid; gap: .22rem; padding: .62rem .7rem; border: 1px solid rgba(232, 135, 200, .14); border-radius: .68rem; background: rgba(3, 13, 27, .72); } .agentic-glossary-failure-summary span, .agentic-glossary-failure-inspector span, .agentic-glossary-failure-grid article > div > span { color: #7896a4; font-size: .57rem; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; } .agentic-glossary-failure-summary strong { min-width: 0; color: #f2eaef; font-size: .75rem; line-height: 1.32; overflow-wrap: anywhere; } .agentic-glossary-failure-summary [data-state="pass"] { color: #aaf1cf; } .agentic-glossary-failure-summary [data-state="fail"] { color: #ffb69b; } .agentic-glossary-failure-summary [data-state="running"] { color: #f0d49c; } .agentic-glossary-failure-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .62rem; } .agentic-glossary-failure-grid > article { min-width: 0; display: grid; grid-template-rows: auto auto 1fr auto; gap: .58rem; padding: .76rem; border: 1px solid rgba(232, 135, 200, .14); border-radius: .8rem; background: linear-gradient(145deg, rgba(5, 19, 35, .9), rgba(2, 10, 21, .96)); transition: border-color 150ms ease, background 150ms ease, transform 150ms ease; } .agentic-glossary-failure-grid > article[data-state="running"] { border-color: rgba(224, 189, 120, .66); background: linear-gradient(145deg, rgba(51, 34, 14, .58), rgba(3, 15, 29, .96)); } .agentic-glossary-failure-grid > article[data-state="pass"] { border-color: rgba(113, 230, 181, .48); background: linear-gradient(145deg, rgba(8, 45, 34, .54), rgba(3, 16, 28, .96)); } .agentic-glossary-failure-grid > article[data-state="fail"] { border-color: rgba(255, 139, 110, .58); background: linear-gradient(145deg, rgba(58, 20, 18, .64), rgba(20, 8, 17, .97)); } .agentic-glossary-failure-grid header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .46rem; align-items: center; } .agentic-glossary-failure-grid header > span { width: 1.65rem; height: 1.65rem; display: grid; place-items: center; border: 1px solid rgba(224, 189, 120, .32); border-radius: .42rem; color: #f0d49c; font-size: .59rem; font-weight: 900; } .agentic-glossary-failure-grid header strong { min-width: 0; color: #f5f3f4; font-size: .75rem; line-height: 1.25; } .agentic-glossary-failure-grid header em { color: #809aa8; font-size: .55rem; font-style: normal; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; } .agentic-glossary-failure-grid header em[data-state="running"] { color: #f0d49c; } .agentic-glossary-failure-grid header em[data-state="pass"] { color: #aaf1cf; } .agentic-glossary-failure-grid header em[data-state="fail"] { color: #ffb69b; } .agentic-glossary-failure-grid p { margin: 0; color: #a9c0cb; font-size: .68rem; line-height: 1.48; } .agentic-glossary-failure-grid article > div { display: grid; align-content: start; gap: .24rem; padding: .54rem .58rem; border: 1px solid rgba(232, 135, 200, .1); border-radius: .56rem; background: rgba(1, 8, 18, .62); } .agentic-glossary-failure-grid article > div > strong { color: #e9dde5; font-size: .63rem; font-weight: 680; line-height: 1.42; } .agentic-glossary-failure-inspector { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .54rem; margin-top: .72rem; padding: .75rem; border: 1px solid rgba(224, 189, 120, .25); border-radius: .82rem; background: linear-gradient(135deg, rgba(38, 25, 11, .32), rgba(2, 12, 25, .9)); } .agentic-glossary-failure-inspector > div { min-width: 0; display: grid; gap: .24rem; padding: .56rem .62rem; border: 1px solid rgba(232, 135, 200, .1); border-radius: .58rem; background: rgba(2, 10, 21, .68); } .agentic-glossary-failure-inspector-wide { grid-column: span 2; } .agentic-glossary-failure-inspector strong, .agentic-glossary-failure-inspector p, .agentic-glossary-failure-inspector code { min-width: 0; margin: 0; color: #eadee6; font-size: .67rem; line-height: 1.45; overflow-wrap: anywhere; white-space: normal; } .agentic-glossary-failure-inspector [data-state="pass"] { color: #aaf1cf; } .agentic-glossary-failure-inspector [data-state="fail"] { color: #ffb69b; } .agentic-glossary-proof-grid .agentic-glossary-proof-tier-s-checks { grid-column: span 2; } .agentic-glossary-proof-grid [data-kernel-proof-tier-s-verdict][data-state="accepted"], .agentic-glossary-proof-grid [data-kernel-proof-tier-s-verdict][data-state="clarification"] { color: #aaf1cf; } .agentic-glossary-proof-grid [data-kernel-proof-tier-s-verdict][data-state="fallback"] { color: #f0d49c; } .agentic-glossary-proof-grid [data-kernel-proof-tier-s-verdict][data-state="abstained"] { color: #ffb69b; } .agentic-glossary-proof-grid [data-kernel-proof-tier-s-checks] { margin: 0; color: #b9ced8; font-size: .69rem; line-height: 1.48; } .agentic-glossary-proof-flow { grid-template-columns: repeat(6, minmax(0, 1fr)); } @media (max-width: 1320px) { .agentic-glossary-failure-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agentic-glossary-failure-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); } .agentic-glossary-failure-current { grid-column: 1 / -1; } .agentic-glossary-proof-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 960px) { .agentic-glossary-mode-rail { display: flex; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; } .agentic-glossary-mode-rail button { flex: 0 0 min(13rem, 42vw); scroll-snap-align: start; } .agentic-glossary-failure-heading { grid-template-columns: 1fr; align-items: start; } .agentic-glossary-failure-summary, .agentic-glossary-failure-inspector { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .agentic-glossary-failure-panel { padding: .72rem; } .agentic-glossary-failure-heading, .agentic-glossary-failure-summary, .agentic-glossary-failure-grid, .agentic-glossary-failure-inspector, .agentic-glossary-proof-flow { grid-template-columns: 1fr; } .agentic-glossary-failure-actions { grid-template-columns: 1fr 1fr; } .agentic-glossary-failure-current, .agentic-glossary-failure-inspector-wide, .agentic-glossary-proof-grid .agentic-glossary-proof-tier-s-checks { grid-column: auto; } .agentic-glossary-mode-rail button { flex-basis: 10.5rem; } } @media (prefers-reduced-motion: reduce) { .agentic-glossary-failure-grid > article, .agentic-glossary-mode-rail button { transition: none; } } .agentic-glossary-mode-rail { grid-template-columns: repeat(6, minmax(0, 1fr)); } .agentic-glossary-mode-rail button[data-agentic-glossary-mode="learning"] { border-color: rgba(224, 189, 120, .28); background: linear-gradient(135deg, rgba(51, 34, 13, .44), rgba(5, 19, 34, .88)); } .agentic-glossary-mode-rail button[data-agentic-glossary-mode="learning"].is-active { border-color: rgba(231, 199, 132, .78); background: linear-gradient(135deg, rgba(78, 50, 16, .76), rgba(7, 34, 50, .94)); box-shadow: inset 0 0 0 1px rgba(236, 206, 143, .12); } .agentic-learning-panel { min-height: 0; height: 100%; padding: clamp(.9rem, 1.8vw, 1.45rem); overflow: auto; background: linear-gradient(150deg, rgba(8, 18, 34, .99), rgba(2, 8, 18, .99)); scrollbar-width: thin; } .agentic-learning-panel[data-learning-state="idle"] .agentic-learning-workspace, .agentic-learning-panel[data-learning-state="idle"] .agentic-learning-practice-grid { opacity: .72; } .agentic-learning-heading { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(18rem, .72fr); align-items: start; gap: clamp(.9rem, 2vw, 1.5rem); padding: clamp(.95rem, 1.7vw, 1.35rem); border: 1px solid rgba(224, 189, 120, .25); border-radius: 1rem; background: linear-gradient(135deg, rgba(47, 31, 13, .34), rgba(3, 14, 29, .94) 58%, rgba(4, 24, 39, .92)); } .agentic-learning-heading h2, .agentic-learning-lesson-heading h3, .agentic-learning-lesson-navigator h3, .agentic-learning-comparison-detail h3, .agentic-learning-quiz-form h3 { margin: 0; color: #f6f3f5; font-family: var(--font-display, Georgia, serif); font-weight: 650; line-height: 1.08; text-wrap: balance; } .agentic-learning-heading h2 { max-width: 42ch; margin-top: .32rem; font-size: clamp(1.35rem, 2vw, 2rem); } .agentic-learning-heading > div > p { max-width: 76ch; margin: .65rem 0 0; color: #b9cbd6; font-size: clamp(.78rem, .92vw, .94rem); line-height: 1.58; } .agentic-learning-local-boundary { min-width: 0; display: grid; gap: .28rem; padding: .82rem; border: 1px solid rgba(112, 230, 181, .28); border-radius: .82rem; background: rgba(3, 24, 31, .72); } .agentic-learning-local-boundary > span, .agentic-learning-label, .agentic-learning-lesson-navigator > header > span, .agentic-learning-progress span, .agentic-learning-track-kicker, .agentic-learning-eyebrow { color: #e2c181; font-size: .61rem; font-weight: 830; letter-spacing: .11em; line-height: 1.25; text-transform: uppercase; } .agentic-learning-local-boundary > strong { color: #b7efd8; font-size: .78rem; line-height: 1.42; } .agentic-learning-local-boundary > small { color: #8fafba; font-size: .65rem; line-height: 1.42; } .agentic-learning-heading-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin-top: .45rem; } .agentic-learning-heading-actions button, .agentic-learning-next-button, .agentic-learning-comparison-query, .agentic-learning-quiz-actions button, .agentic-learning-try button { min-height: 2.35rem; padding: .55rem .68rem; border: 1px solid rgba(224, 189, 120, .32); border-radius: .6rem; background: linear-gradient(135deg, rgba(52, 35, 15, .66), rgba(3, 20, 35, .9)); color: #f1dfb7; font: inherit; font-size: .68rem; font-weight: 760; line-height: 1.25; cursor: pointer; } .agentic-learning-heading-actions button:hover, .agentic-learning-heading-actions button:focus-visible, .agentic-learning-next-button:hover, .agentic-learning-next-button:focus-visible, .agentic-learning-comparison-query:hover, .agentic-learning-comparison-query:focus-visible, .agentic-learning-quiz-actions button:hover, .agentic-learning-quiz-actions button:focus-visible, .agentic-learning-try button:hover, .agentic-learning-try button:focus-visible { border-color: rgba(236, 207, 147, .76); color: #fff2d5; } .agentic-learning-progress { display: grid; grid-template-columns: .8fr .55fr minmax(12rem, 1.35fr) .8fr 1.1fr; align-items: stretch; gap: .5rem; margin-top: .68rem; } .agentic-learning-progress > div { min-width: 0; display: grid; align-content: center; gap: .16rem; padding: .56rem .64rem; border: 1px solid rgba(232, 135, 200, .14); border-radius: .66rem; background: rgba(2, 12, 25, .72); } .agentic-learning-progress strong, .agentic-learning-progress code { min-width: 0; color: #ede3ea; font-size: .69rem; line-height: 1.36; overflow-wrap: anywhere; white-space: normal; } .agentic-learning-progress b { color: #b9efd9; font-weight: 820; } .agentic-learning-progress-meter { position: relative; min-height: 3.2rem; overflow: hidden; } .agentic-learning-progress-meter i { position: absolute; inset: auto .64rem .72rem; height: .46rem; overflow: hidden; border: 1px solid rgba(232, 135, 200, .18); border-radius: 999px; background: rgba(0, 5, 13, .82); } .agentic-learning-progress-meter i::after { content: ""; display: block; width: var(--learning-progress, 0%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5ecdb5, #ec9ed2, #e1be78); transition: width 220ms ease; } .agentic-learning-track-rail { min-width: 0; display: flex; gap: .52rem; margin-top: .68rem; padding: .12rem 0 .36rem; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; } .agentic-learning-track-card { flex: 0 0 clamp(13.5rem, 17vw, 17.5rem); min-width: 0; min-height: 5.15rem; display: grid; align-content: start; gap: .25rem; padding: .74rem .78rem; border: 1px solid rgba(232, 135, 200, .16); border-radius: .78rem; background: rgba(3, 13, 27, .82); color: inherit; text-align: left; scroll-snap-align: start; cursor: pointer; } .agentic-learning-track-card strong { color: #f2eef1; font-size: .77rem; line-height: 1.32; } .agentic-learning-track-card small { color: #8ea9b7; font-size: .62rem; line-height: 1.35; } .agentic-learning-track-card.is-active { border-color: rgba(224, 189, 120, .68); background: linear-gradient(135deg, rgba(61, 40, 15, .6), rgba(4, 24, 40, .92)); box-shadow: inset 0 0 0 1px rgba(224, 189, 120, .1); } .agentic-learning-workspace { min-width: 0; display: grid; grid-template-columns: minmax(15rem, .62fr) minmax(0, 1.82fr); gap: .68rem; margin-top: .68rem; } .agentic-learning-lesson-navigator, .agentic-learning-lesson-detail { min-width: 0; border: 1px solid rgba(232, 135, 200, .14); border-radius: .9rem; background: rgba(2, 11, 23, .82); } .agentic-learning-lesson-navigator { display: grid; grid-template-rows: auto auto; align-content: start; padding: .76rem; } .agentic-learning-lesson-navigator > header { display: grid; gap: .28rem; padding: .18rem .16rem .65rem; } .agentic-learning-lesson-navigator h3 { font-size: 1.05rem; } .agentic-learning-lesson-navigator p { margin: 0; color: #92aab7; font-size: .66rem; line-height: 1.5; } .agentic-learning-lesson-list { display: grid; gap: .42rem; } .agentic-learning-lesson-card { min-width: 0; display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; gap: .12rem .55rem; align-items: center; padding: .6rem .64rem; border: 1px solid rgba(232, 135, 200, .12); border-radius: .64rem; background: rgba(4, 16, 31, .72); color: inherit; text-align: left; cursor: pointer; } .agentic-learning-lesson-number { grid-row: 1 / span 2; width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border: 1px solid rgba(232, 135, 200, .22); border-radius: 50%; color: #eda0d3; font-size: .63rem; font-weight: 820; } .agentic-learning-lesson-card strong { min-width: 0; color: #ece2e9; font-size: .7rem; line-height: 1.32; } .agentic-learning-lesson-card small { color: #839ba9; font-size: .59rem; line-height: 1.3; } .agentic-learning-lesson-card em { grid-column: 3; grid-row: 1 / span 2; color: #8da4b0; font-size: .58rem; font-style: normal; font-weight: 760; } .agentic-learning-lesson-card.is-active { border-color: rgba(224, 189, 120, .55); background: linear-gradient(135deg, rgba(53, 35, 14, .5), rgba(4, 22, 38, .92)); } .agentic-learning-lesson-card.is-complete .agentic-learning-lesson-number, .agentic-learning-lesson-card.is-complete em { border-color: rgba(112, 230, 181, .42); color: #aaf1cf; } .agentic-learning-lesson-detail { padding: clamp(.82rem, 1.5vw, 1.15rem); } .agentic-learning-lesson-article { display: grid; gap: .72rem; } .agentic-learning-lesson-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: .8rem; } .agentic-learning-lesson-heading h3 { margin-top: .22rem; font-size: clamp(1.25rem, 1.7vw, 1.75rem); } .agentic-learning-lesson-heading p { max-width: 76ch; margin: .45rem 0 0; color: #a9bdc8; font-size: .73rem; line-height: 1.55; } .agentic-learning-lesson-story { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; } .agentic-learning-lesson-story section, .agentic-learning-evidence > div, .agentic-learning-try, .agentic-learning-comparison-columns section { min-width: 0; display: grid; align-content: start; gap: .3rem; padding: .65rem .7rem; border: 1px solid rgba(232, 135, 200, .11); border-radius: .64rem; background: rgba(4, 16, 30, .62); } .agentic-learning-lesson-story p, .agentic-learning-overlift-proof p, .agentic-learning-evidence p, .agentic-learning-comparison-detail p, .agentic-learning-quiz-form p, .agentic-learning-quiz-result p { margin: 0; color: #b4c6cf; font-size: .7rem; line-height: 1.55; } .agentic-learning-wide { grid-column: 1 / -1; } .agentic-learning-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .48rem; margin: 0; padding: 0; list-style: none; } .agentic-learning-steps > li { min-width: 0; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .55rem; padding: .68rem; border: 1px solid rgba(232, 135, 200, .12); border-radius: .66rem; background: rgba(2, 12, 25, .72); } .agentic-learning-steps > li > span { width: 1.85rem; height: 1.85rem; display: grid; place-items: center; border: 1px solid rgba(224, 189, 120, .35); border-radius: .54rem; color: #e1c182; font-size: .62rem; font-weight: 820; } .agentic-learning-steps strong { color: #eee4eb; font-size: .7rem; line-height: 1.35; } .agentic-learning-steps p { margin: .22rem 0 .45rem; color: #9fb4bf; font-size: .65rem; line-height: 1.48; } .agentic-learning-term-chips, .agentic-learning-source-links, .agentic-learning-actions, .agentic-learning-try > div { display: flex; flex-wrap: wrap; gap: .35rem; } .agentic-learning-term-chip, .agentic-learning-source-links a, .agentic-learning-actions a { display: inline-flex; align-items: center; min-height: 1.85rem; padding: .3rem .48rem; border: 1px solid rgba(232, 135, 200, .18); border-radius: .45rem; background: rgba(3, 17, 30, .74); color: #e6b5d6; font: inherit; font-size: .59rem; font-weight: 720; line-height: 1.25; text-decoration: none; cursor: pointer; } .agentic-learning-term-chip:hover, .agentic-learning-term-chip:focus-visible, .agentic-learning-source-links a:hover, .agentic-learning-source-links a:focus-visible, .agentic-learning-actions a:hover, .agentic-learning-actions a:focus-visible { border-color: rgba(235, 148, 206, .62); color: #f6e8f1; } .agentic-learning-overlift-proof { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(13rem, .6fr); align-items: center; gap: .7rem; padding: .76rem; border: 1px solid rgba(224, 189, 120, .28); border-radius: .72rem; background: linear-gradient(135deg, rgba(55, 36, 14, .4), rgba(4, 22, 37, .9)); } .agentic-learning-overlift-proof > div:first-child { display: grid; gap: .28rem; } .agentic-learning-overlift-proof strong { color: #f0ddb4; font-size: .74rem; line-height: 1.42; } .agentic-learning-evidence { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; } .agentic-learning-lesson-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .7rem; padding-top: .15rem; } .agentic-learning-lesson-footer > span { color: #8da6b3; font-size: .64rem; line-height: 1.42; } .agentic-learning-comparison-layout { display: grid; grid-template-columns: minmax(10rem, .58fr) minmax(0, 1.42fr); gap: .55rem; margin-top: .68rem; } .agentic-learning-comparison-layout > nav { display: grid; align-content: start; gap: .36rem; } .agentic-learning-comparison-card { min-width: 0; display: grid; gap: .18rem; padding: .52rem .58rem; border: 1px solid rgba(232, 135, 200, .12); border-radius: .56rem; background: rgba(3, 14, 27, .72); color: inherit; text-align: left; cursor: pointer; } .agentic-learning-comparison-card strong { color: #ebe0e7; font-size: .66rem; line-height: 1.35; } .agentic-learning-comparison-card small { color: #829aa7; font-size: .57rem; line-height: 1.34; } .agentic-learning-comparison-card.is-active { border-color: rgba(224, 189, 120, .54); background: rgba(46, 31, 14, .55); } .agentic-learning-comparison-detail { min-width: 0; display: grid; align-content: start; gap: .5rem; padding: .68rem; border: 1px solid rgba(232, 135, 200, .1); border-radius: .62rem; background: rgba(3, 14, 28, .7); } .agentic-learning-comparison-detail h3 { font-size: 1rem; } .agentic-learning-comparison-columns { display: grid; grid-template-columns: 1fr 1fr; gap: .46rem; } .agentic-learning-comparison-columns section > strong { color: #e0c183; font-size: .61rem; letter-spacing: .08em; text-transform: uppercase; } .agentic-learning-quiz-form { display: grid; gap: .55rem; margin-top: .68rem; } .agentic-learning-quiz-form > header { display: grid; gap: .25rem; } .agentic-learning-quiz-form h3 { font-size: 1rem; } .agentic-learning-quiz-form fieldset { min-width: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .36rem; margin: 0; padding: .62rem; border: 1px solid rgba(232, 135, 200, .12); border-radius: .62rem; background: rgba(3, 14, 28, .68); } .agentic-learning-quiz-form legend { grid-column: 1 / -1; width: 100%; padding: 0 0 .35rem; color: #ede3ea; font-size: .68rem; font-weight: 740; line-height: 1.42; } .agentic-learning-quiz-form label { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .4rem; padding: .45rem .48rem; border: 1px solid rgba(232, 135, 200, .09); border-radius: .48rem; color: #aebfc8; font-size: .62rem; line-height: 1.42; cursor: pointer; } .agentic-learning-quiz-form input { margin-top: .14rem; accent-color: #e989c9; } .agentic-learning-quiz-actions { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .58rem; } .agentic-learning-quiz-actions span { color: #849da9; font-size: .59rem; line-height: 1.4; } .agentic-learning-quiz-result { display: grid; gap: .5rem; margin-top: .58rem; padding: .65rem; border: 1px solid rgba(224, 189, 120, .22); border-radius: .66rem; background: rgba(39, 27, 13, .28); } .agentic-learning-quiz-result[hidden] { display: none; } .agentic-learning-quiz-result[data-state="pass"] { border-color: rgba(112, 230, 181, .38); background: rgba(5, 40, 31, .42); } .agentic-learning-quiz-result header { display: flex; justify-content: space-between; gap: .6rem; } .agentic-learning-quiz-result header strong { color: #e6f5ef; font-size: .72rem; } .agentic-learning-quiz-result ol { display: grid; gap: .38rem; margin: 0; padding: 0; list-style: none; } .agentic-learning-quiz-result li { display: grid; gap: .24rem; padding: .5rem; border: 1px solid rgba(232, 135, 200, .1); border-radius: .5rem; background: rgba(2, 12, 24, .64); } .agentic-learning-quiz-result li > strong { color: #ebe0e7; font-size: .64rem; line-height: 1.4; } .agentic-learning-quiz-result li[data-state="pass"] > strong { color: #aaf1cf; } @media (max-width: 1320px) { .agentic-learning-progress { grid-template-columns: repeat(4, minmax(0, 1fr)); } .agentic-learning-progress-meter { grid-column: span 2; } .agentic-learning-workspace { grid-template-columns: minmax(13rem, .56fr) minmax(0, 1.44fr); } .agentic-learning-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 960px) { .agentic-learning-heading, .agentic-learning-workspace, .agentic-learning-overlift-proof { grid-template-columns: 1fr; } .agentic-learning-progress { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agentic-learning-progress-meter { grid-column: 1 / -1; } .agentic-learning-lesson-navigator { grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr); grid-template-rows: auto; gap: .5rem; } .agentic-learning-lesson-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agentic-learning-comparison-layout { grid-template-columns: 1fr; } .agentic-learning-comparison-layout > nav { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 680px) { .agentic-learning-panel { padding: .7rem; } .agentic-learning-heading-actions, .agentic-learning-progress, .agentic-learning-lesson-navigator, .agentic-learning-lesson-list, .agentic-learning-lesson-heading, .agentic-learning-lesson-story, .agentic-learning-steps, .agentic-learning-evidence, .agentic-learning-lesson-footer, .agentic-learning-comparison-columns, .agentic-learning-quiz-form fieldset, .agentic-learning-quiz-actions { grid-template-columns: 1fr; } .agentic-learning-wide, .agentic-learning-progress-meter { grid-column: auto; } .agentic-learning-comparison-layout > nav { display: flex; overflow-x: auto; scrollbar-width: thin; } .agentic-learning-comparison-card { flex: 0 0 12rem; } .agentic-learning-next-button { width: 100%; } .agentic-learning-quiz-result header { display: grid; } } @media (prefers-reduced-motion: reduce) { .agentic-learning-progress-meter i::after { transition: none; } } .page-agentic-ai-glossary .agentic-glossary-shell { display: flex; flex-direction: column; height: auto; min-height: min(135dvh, 1470px); overflow: hidden; background: linear-gradient(145deg, rgba(8, 16, 34, .995), rgba(3, 8, 19, .995)); } .agentic-glossary-heading-learner { align-items: stretch; grid-template-columns: minmax(0, 1.55fr) minmax(18rem, .55fr); padding-block: clamp(1.2rem, 2.1vw, 1.9rem); } .agentic-glossary-heading-learner h1 { max-width: 18ch !important; font-size: clamp(2.5rem, 4vw, 4.15rem) !important; } .agentic-glossary-lead strong { color: #f8f6f7; } .agentic-glossary-start-actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; } .agentic-glossary-start-actions button, .agentic-glossary-search-submit, .agentic-glossary-visual-switch button, .agentic-glossary-trace-query-rail button, .agentic-glossary-quantum-metrics button { min-height: 2.7rem; padding: .62rem .9rem; border: 1px solid rgba(232, 135, 200, .28); border-radius: .72rem; background: linear-gradient(145deg, rgba(10, 31, 50, .92), rgba(3, 12, 26, .98)); color: #f4f1f3; font: inherit; font-size: .75rem; font-weight: 790; line-height: 1.2; cursor: pointer; } .agentic-glossary-start-actions button.is-primary { border-color: rgba(225, 188, 117, .58); background: linear-gradient(145deg, rgba(70, 46, 16, .85), rgba(5, 23, 37, .98)); color: #fff0cc; } .agentic-glossary-start-actions button:hover, .agentic-glossary-start-actions button:focus-visible, .agentic-glossary-search-submit:hover, .agentic-glossary-search-submit:focus-visible, .agentic-glossary-visual-switch button:hover, .agentic-glossary-visual-switch button:focus-visible, .agentic-glossary-trace-query-rail button:hover, .agentic-glossary-trace-query-rail button:focus-visible, .agentic-glossary-quantum-metrics button:hover, .agentic-glossary-quantum-metrics button:focus-visible { border-color: rgba(235, 199, 129, .78); color: #fff4dc; outline: 2px solid transparent; box-shadow: 0 0 0 2px rgba(232, 135, 200, .13); } .agentic-glossary-overlift-links { margin-top: .85rem !important; color: #91a9b8 !important; font-size: .78rem !important; } .agentic-glossary-overlift-links a { color: #eccfe2; } .agentic-glossary-search-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .65rem; padding: .82rem clamp(.9rem, 1.8vw, 1.35rem); border-bottom: 1px solid var(--glossary-line); background: rgba(3, 11, 24, .94); } .agentic-glossary-search-field { display: grid; gap: .34rem; } .agentic-glossary-search-field > span, .agentic-glossary-filter-drawer summary span, .agentic-glossary-mode-group > span { color: #dfbd7b; font-size: .64rem; font-weight: 830; letter-spacing: .12em; text-transform: uppercase; } .agentic-glossary-search-field input { width: 100%; min-height: 3rem; padding: .66rem .8rem; border: 1px solid rgba(232, 135, 200, .3); border-radius: .72rem; background: rgba(1, 7, 17, .92); color: #f8f5f7; font: inherit; font-size: .92rem; } .agentic-glossary-search-field input:focus { border-color: rgba(232, 135, 200, .72); outline: none; box-shadow: 0 0 0 3px rgba(232, 135, 200, .12); } .agentic-glossary-filter-drawer { border-bottom: 1px solid var(--glossary-line); background: rgba(2, 9, 20, .88); } .agentic-glossary-filter-drawer > summary { display: flex; justify-content: space-between; gap: 1rem; padding: .68rem clamp(.9rem, 1.8vw, 1.35rem); cursor: pointer; } .agentic-glossary-filter-drawer > summary strong { color: #8ea6b5; font-size: .7rem; font-weight: 650; } .agentic-glossary-filter-drawer .agentic-glossary-controls { grid-template-columns: repeat(3, minmax(10rem, 1fr)) auto minmax(18rem, 1.3fr); border-top: 1px solid rgba(232, 135, 200, .1); border-bottom: 0; } .agentic-glossary-mode-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding: .72rem clamp(.9rem, 1.8vw, 1.35rem); border-bottom: 1px solid var(--glossary-line); background: linear-gradient(90deg, rgba(10, 25, 43, .9), rgba(3, 11, 24, .95)); } .agentic-glossary-mode-group { min-width: 0; display: grid; gap: .4rem; } .agentic-glossary-mode-group .agentic-glossary-mode-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; border: 0; background: none; } .agentic-glossary-mode-group .agentic-glossary-mode-rail button { min-height: 3.65rem; } .agentic-glossary-mode-panel { flex: 1 1 auto; min-height: 52rem; } .agentic-glossary-mode-panel[data-agentic-glossary-mode-panel="learning"] { min-height: 62rem; } .agentic-learning-track-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; } .agentic-learning-track-card { width: auto; min-height: 5.5rem; } .agentic-glossary-visual-heading { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(20rem, .6fr); align-items: center; gap: 1rem; padding: 1rem clamp(.9rem, 1.8vw, 1.35rem); border-bottom: 1px solid var(--glossary-line); background: linear-gradient(120deg, rgba(36, 24, 10, .3), rgba(4, 15, 29, .96) 55%); } .agentic-glossary-visual-heading h2 { max-width: 42ch; margin: .26rem 0 .4rem; color: #f7f4f6; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.3rem, 1.8vw, 1.8rem); line-height: 1.12; text-wrap: balance; } .agentic-glossary-visual-heading p { max-width: 75ch; margin: 0; color: #a9bec9; font-size: .78rem; line-height: 1.55; } .agentic-glossary-visual-switch { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; } .agentic-glossary-visual-switch button.is-active { border-color: rgba(228, 191, 119, .78); background: linear-gradient(145deg, rgba(76, 48, 14, .8), rgba(5, 27, 42, .96)); color: #fff1cf; } [data-glossary-visual-surface][hidden] { display: none !important; } .agentic-glossary-trace-surface { min-height: 0; height: calc(100% - 0px); padding: .85rem; overflow: auto; background: linear-gradient(145deg, rgba(3, 10, 23, .99), rgba(2, 7, 16, .995)); } .agentic-glossary-trace-query-rail { display: flex; align-items: center; gap: .48rem; padding: .65rem; border: 1px solid rgba(232, 135, 200, .15); border-radius: .85rem; background: rgba(4, 16, 31, .78); overflow-x: auto; } .agentic-glossary-trace-query-rail > div { flex: 1 1 18rem; min-width: 15rem; display: grid; gap: .16rem; } .agentic-glossary-trace-query-rail > div span, .agentic-glossary-trace-tiers > span, .agentic-glossary-trace-candidates > span { color: #dfbd7b; font-size: .62rem; font-weight: 820; letter-spacing: .11em; text-transform: uppercase; } .agentic-glossary-trace-query-rail > div strong { color: #f1e6ed; font-size: .73rem; } .agentic-glossary-trace-query-rail button { flex: 0 0 auto; min-height: 2.35rem; padding: .48rem .65rem; font-size: .68rem; white-space: nowrap; } .agentic-glossary-trace-layout { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(22rem, .88fr); gap: .75rem; margin-top: .75rem; } .agentic-glossary-trace-stage { position: relative; min-width: 0; min-height: 34rem; overflow: hidden; border: 1px solid rgba(232, 135, 200, .18); border-radius: 1rem; background: #02050d; } .agentic-glossary-trace-stage canvas { display: block; width: 100%; height: 100%; min-height: 34rem; } .agentic-glossary-trace-labels { position: absolute; inset: 0; pointer-events: none; } .agentic-glossary-trace-label { position: absolute; max-width: 10.5rem; transform: translate(-50%, calc(-100% - .7rem)); padding: .24rem .38rem; border: 1px solid rgba(232, 135, 200, .14); border-radius: .45rem; background: rgba(2, 9, 20, .9); color: #eee4eb; font-size: .6rem; font-weight: 720; line-height: 1.25; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .agentic-glossary-trace-label.is-stage { color: #f2d79f; } .agentic-glossary-trace-label.rejected { border-color: rgba(239, 73, 120, .42); color: #ff9db7; } .agentic-glossary-trace-label.admitted, .agentic-glossary-trace-label.admitted-fallback { border-color: rgba(63, 224, 199, .32); color: #a9f4e5; } .agentic-glossary-trace-stage-caption { position: absolute; left: .7rem; right: .7rem; bottom: .65rem; display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: .45rem; align-items: center; padding: .48rem .58rem; border: 1px solid rgba(232, 135, 200, .14); border-radius: .66rem; background: rgba(1, 7, 16, .9); } .agentic-glossary-trace-stage-caption span { color: #8199a7; font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; } .agentic-glossary-trace-stage-caption strong { color: #eccfe2; font-size: .68rem; } .agentic-glossary-trace-stage-caption em { min-width: 0; color: #b2c7d1; font-size: .64rem; font-style: normal; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .agentic-glossary-trace-stage-caption em[data-state="pass"] { color: #aaf1d0; } .agentic-glossary-trace-stage-caption em[data-state="fail"] { color: #ff9a8a; } .agentic-glossary-trace-inspector { min-width: 0; display: grid; align-content: start; gap: .7rem; padding: .88rem; border: 1px solid rgba(232, 135, 200, .16); border-radius: 1rem; background: linear-gradient(145deg, rgba(5, 18, 34, .96), rgba(2, 9, 20, .99)); } .agentic-glossary-trace-inspector > h2 { margin: 0; color: #f6f4f5; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.15rem, 1.5vw, 1.5rem); line-height: 1.16; } .agentic-glossary-trace-inspector > p { margin: 0; color: #a9bec9; font-size: .72rem; line-height: 1.5; } .agentic-glossary-trace-route { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; } .agentic-glossary-trace-route > div, .agentic-glossary-quantum-metrics article { min-width: 0; display: grid; gap: .18rem; padding: .55rem; border: 1px solid rgba(232, 135, 200, .12); border-radius: .62rem; background: rgba(2, 11, 24, .76); } .agentic-glossary-trace-route span, .agentic-glossary-quantum-metrics article span { color: #8199a7; font-size: .58rem; font-weight: 780; letter-spacing: .08em; text-transform: uppercase; } .agentic-glossary-trace-route strong, .agentic-glossary-trace-route code, .agentic-glossary-quantum-metrics article strong { min-width: 0; color: #f3e7ef; font-size: .68rem; overflow-wrap: anywhere; } .agentic-glossary-trace-route strong[data-state="fallback"], .agentic-glossary-trace-route strong[data-state="abstained"] { color: #f2c47d; } .agentic-glossary-quantum-metrics { padding: .7rem; border: 1px solid rgba(181, 116, 241, .28); border-radius: .78rem; background: linear-gradient(145deg, rgba(34, 13, 54, .34), rgba(3, 15, 29, .94)); } .agentic-glossary-quantum-metrics > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .65rem; align-items: end; } .agentic-glossary-quantum-metrics > header span { color: #d8a9ff; font-size: .61rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; } .agentic-glossary-quantum-metrics h3 { margin: .18rem 0 0; color: #f2e8fb; font-size: .85rem; line-height: 1.35; } .agentic-glossary-quantum-metrics > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .38rem; margin-top: .55rem; } .agentic-glossary-quantum-metrics > p { margin: .55rem 0 0; color: #9f91aa; font-size: .63rem; line-height: 1.45; } .agentic-glossary-trace-tiers, .agentic-glossary-trace-candidates { display: grid; gap: .38rem; } .agentic-glossary-trace-tiers > div { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: .28rem; } .agentic-glossary-trace-tiers article { min-width: 0; display: grid; justify-items: center; gap: .08rem; padding: .38rem .2rem; border: 1px solid rgba(232, 135, 200, .1); border-radius: .45rem; background: rgba(3, 12, 25, .72); } .agentic-glossary-trace-tiers article[data-state="selected"] { border-color: rgba(224, 189, 120, .68); background: rgba(67, 43, 13, .56); } .agentic-glossary-trace-tiers article[data-state="eligible"] { border-color: rgba(232, 135, 200, .38); } .agentic-glossary-trace-tiers article strong { color: #f3f0f2; font-size: .66rem; } .agentic-glossary-trace-tiers article span { max-width: 100%; color: #839ba8; font-size: .5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .agentic-glossary-trace-candidates ol { max-height: 17rem; display: grid; gap: .34rem; margin: 0; padding: 0; overflow: auto; list-style: none; scrollbar-width: thin; } .agentic-glossary-trace-candidates li { padding: .48rem .55rem; border: 1px solid rgba(232, 135, 200, .11); border-radius: .58rem; background: rgba(3, 13, 27, .72); } .agentic-glossary-trace-candidates li[data-state="rejected"] { border-color: rgba(239, 73, 120, .34); background: rgba(48, 11, 27, .48); } .agentic-glossary-trace-candidates li[data-state="admitted-fallback"] { border-color: rgba(239, 174, 72, .42); } .agentic-glossary-trace-candidates header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .45rem; align-items: center; } .agentic-glossary-trace-candidates header span { color: #77909d; font-size: .56rem; } .agentic-glossary-trace-candidates header strong { color: #f2eff1; font-size: .7rem; } .agentic-glossary-trace-candidates header em { color: #aef0d9; font-size: .63rem; font-style: normal; } .agentic-glossary-trace-candidates p { margin: .2rem 0 0 1.6rem; color: #8da7b4; font-size: .59rem; line-height: 1.38; } @media (max-width: 1220px) { .agentic-glossary-heading-learner, .agentic-glossary-visual-heading, .agentic-glossary-trace-layout { grid-template-columns: 1fr; } .agentic-glossary-filter-drawer .agentic-glossary-controls { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; } .agentic-glossary-filter-drawer .agentic-glossary-core-links { grid-column: 1 / -1; } .agentic-glossary-trace-stage, .agentic-glossary-trace-stage canvas { min-height: 30rem; } } @media (max-width: 900px) { .page-agentic-ai-glossary .agentic-glossary-shell { min-height: 0; } .agentic-glossary-mode-groups, .agentic-glossary-mode-group .agentic-glossary-mode-rail { grid-template-columns: 1fr; } .agentic-glossary-mode-panel, .agentic-glossary-mode-panel[data-agentic-glossary-mode-panel="learning"] { min-height: 0; } .agentic-learning-track-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agentic-glossary-visual-switch { grid-template-columns: 1fr; } .agentic-glossary-trace-query-rail { align-items: stretch; flex-wrap: wrap; overflow: visible; } .agentic-glossary-trace-query-rail > div { flex-basis: 100%; } .agentic-glossary-trace-stage, .agentic-glossary-trace-stage canvas { min-height: 25rem; } } @media (max-width: 620px) { .agentic-glossary-search-entry, .agentic-glossary-filter-drawer .agentic-glossary-controls, .agentic-glossary-mode-groups, .agentic-glossary-visual-heading, .agentic-glossary-trace-layout, .agentic-glossary-trace-route, .agentic-glossary-quantum-metrics > div { grid-template-columns: 1fr; } .agentic-glossary-start-actions { display: grid; } .agentic-glossary-start-actions button, .agentic-glossary-search-submit { width: 100%; } .agentic-glossary-filter-drawer > summary { align-items: flex-start; flex-direction: column; } .agentic-learning-track-rail { grid-template-columns: 1fr; } .agentic-glossary-trace-surface { padding: .55rem; } .agentic-glossary-trace-stage, .agentic-glossary-trace-stage canvas { min-height: 22rem; } .agentic-glossary-trace-label { display: none; } .agentic-glossary-trace-stage-caption { grid-template-columns: 1fr; } .agentic-glossary-trace-stage-caption em { text-align: left; white-space: normal; } .agentic-glossary-quantum-metrics > header { grid-template-columns: 1fr; } .agentic-glossary-quantum-metrics button { width: 100%; } .agentic-glossary-trace-tiers > div { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (prefers-reduced-motion: reduce) { .agentic-glossary-start-actions button, .agentic-glossary-search-submit, .agentic-glossary-visual-switch button, .agentic-glossary-trace-query-rail button, .agentic-glossary-quantum-metrics button { transition: none; } } .agentic-glossary-trace-stage { isolation: isolate; border-color: rgba(231, 129, 197, .30); background: radial-gradient(ellipse at 56% 52%, rgba(115, 63, 196, .18), transparent 34%), radial-gradient(ellipse at 77% 57%, rgba(22, 210, 187, .11), transparent 27%), radial-gradient(ellipse at 24% 55%, rgba(178, 44, 219, .10), transparent 30%), linear-gradient(145deg, #020713 0%, #030a18 42%, #080618 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025), inset 0 0 5rem rgba(147, 36, 110, .08), 0 1.1rem 3.4rem rgba(0, 0, 0, .36), 0 0 2.2rem rgba(225, 82, 177, .08); } .agentic-glossary-trace-stage::before, .agentic-glossary-trace-stage::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; } .agentic-glossary-trace-stage::before { opacity: .42; background-image: linear-gradient(rgba(224, 99, 182, .052) 1px, transparent 1px), linear-gradient(90deg, rgba(224, 99, 182, .052) 1px, transparent 1px); background-size: 2.5rem 2.5rem; mask-image: linear-gradient(to bottom, transparent 1%, #000 18%, #000 82%, transparent 99%); } .agentic-glossary-trace-stage::after { border-radius: inherit; background: linear-gradient(105deg, transparent 0 35%, rgba(245, 101, 197, .035) 47%, transparent 60%), linear-gradient(to bottom, rgba(255,255,255,.018), transparent 16%, transparent 84%, rgba(149, 93, 239, .035)); mix-blend-mode: screen; } .agentic-glossary-trace-stage canvas { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; min-height: 0; filter: saturate(1.16) contrast(1.04); } .agentic-glossary-trace-labels { position: absolute; inset: 0; z-index: 2; } .agentic-glossary-trace-stage-caption, .agentic-glossary-trace-stage-hud { position: absolute; z-index: 3; } .agentic-glossary-trace-stage-hud { position: absolute; top: .72rem; left: .75rem; right: .75rem; display: flex; justify-content: space-between; align-items: flex-start; gap: .6rem; pointer-events: none; } .agentic-glossary-trace-stage-hud > div { display: grid; gap: .1rem; padding: .46rem .6rem; border: 1px solid rgba(232, 135, 200, .16); border-radius: .62rem; background: linear-gradient(145deg, rgba(2, 12, 27, .86), rgba(8, 7, 24, .82)); box-shadow: 0 .6rem 1.4rem rgba(0, 0, 0, .24), inset 0 0 1.1rem rgba(226, 86, 179, .04); backdrop-filter: blur(10px); } .agentic-glossary-trace-stage-hud span { color: #7f9cab; font-size: .52rem; font-weight: 820; letter-spacing: .13em; text-transform: uppercase; } .agentic-glossary-trace-stage-hud strong { color: #f6e8f1; font-size: .66rem; letter-spacing: .02em; } .agentic-glossary-trace-stage-hud strong[data-state="coherent"] { color: #9ff0db; } .agentic-glossary-trace-stage-hud strong[data-state="ambiguous"] { color: #e2b8ff; } .agentic-glossary-trace-label { min-width: 4.8rem; padding: .32rem .45rem .39rem; border-color: rgba(232, 135, 200, .20); border-radius: .58rem; background: linear-gradient(145deg, rgba(2, 12, 27, .94), rgba(5, 7, 20, .92)); box-shadow: 0 .55rem 1.25rem rgba(0,0,0,.32), 0 0 1.2rem rgba(226, 73, 175, .07); font-size: .61rem; letter-spacing: .01em; overflow: visible; } .agentic-glossary-trace-label::after { content: ""; position: absolute; left: .3rem; right: .3rem; bottom: .16rem; height: 2px; border-radius: 999px; background: linear-gradient(90deg, rgba(64,224,199,.88) var(--trace-label-meter, 0%), rgba(88,110,128,.20) var(--trace-label-meter, 0%)); } .agentic-glossary-trace-label.is-stage::after { background: linear-gradient(90deg, rgba(235,188,94,.88), rgba(232, 103, 189, .38)); } .agentic-glossary-trace-label.rejected::after { background: linear-gradient(90deg, rgba(239,73,120,.88) var(--trace-label-meter, 0%), rgba(88,110,128,.18) var(--trace-label-meter, 0%)); } .agentic-glossary-trace-stage-caption { border-color: rgba(229, 142, 200, .22); background: linear-gradient(90deg, rgba(2, 11, 25, .94), rgba(10, 7, 24, .92)); box-shadow: 0 .6rem 1.5rem rgba(0,0,0,.27), inset 0 0 1.2rem rgba(214, 79, 169, .035); backdrop-filter: blur(11px); } .agentic-glossary-trace-inspector { border-color: rgba(232, 135, 200, .22); background: linear-gradient(145deg, rgba(5, 20, 38, .97), rgba(3, 9, 23, .99) 58%, rgba(18, 8, 30, .97)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 1rem 2.8rem rgba(0,0,0,.26); } .agentic-glossary-quantum-metrics { position: relative; overflow: hidden; border-color: rgba(187, 121, 248, .42); background: radial-gradient(ellipse at 86% 12%, rgba(144, 75, 225, .22), transparent 42%), linear-gradient(145deg, rgba(34, 13, 54, .55), rgba(3, 15, 29, .96)); box-shadow: inset 0 0 1.8rem rgba(138, 70, 217, .08), 0 .75rem 1.8rem rgba(0,0,0,.20); } .agentic-glossary-quantum-metrics::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, transparent 0 42%, rgba(220, 181, 255, .035) 50%, transparent 58%); } .agentic-glossary-quantum-metrics article { position: relative; overflow: hidden; padding-bottom: .72rem; background: linear-gradient(145deg, rgba(3, 14, 29, .84), rgba(15, 8, 29, .78)); } .agentic-glossary-quantum-metrics article::after { content: ""; position: absolute; left: .52rem; right: .52rem; bottom: .36rem; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #f66bc8 0 var(--quantum-meter, 0%), rgba(105, 91, 133, .20) var(--quantum-meter, 0%) 100%); box-shadow: 0 0 .7rem rgba(246, 107, 200, .18); } .agentic-glossary-quantum-metrics article[data-quantum-tone="violet"]::after { background: linear-gradient(90deg, #c07cff 0 var(--quantum-meter, 0%), rgba(105, 91, 133, .20) var(--quantum-meter, 0%) 100%); } .agentic-glossary-quantum-metrics article[data-quantum-tone="gold"]::after { background: linear-gradient(90deg, #f0bd66 0 var(--quantum-meter, 0%), rgba(105, 91, 133, .20) var(--quantum-meter, 0%) 100%); } .agentic-glossary-trace-route > div { border-color: rgba(232, 135, 200, .16); background: linear-gradient(145deg, rgba(2, 13, 28, .88), rgba(8, 8, 23, .76)); } .agentic-glossary-trace-tiers article { border-color: rgba(232, 135, 200, .13); background: linear-gradient(145deg, rgba(4, 15, 30, .78), rgba(7, 8, 22, .74)); } .agentic-glossary-trace-tiers article[data-state="selected"] { box-shadow: inset 0 0 1rem rgba(238, 183, 78, .09), 0 0 1rem rgba(238, 183, 78, .08); } .agentic-glossary-trace-candidates li { position: relative; overflow: hidden; background: linear-gradient(145deg, rgba(3, 15, 30, .82), rgba(8, 8, 23, .76)); } .agentic-glossary-trace-candidates li::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: #3fe0c7; box-shadow: 0 0 .75rem rgba(63,224,199,.42); } .agentic-glossary-trace-candidates li[data-state="rejected"]::before { background: #ef4978; box-shadow: 0 0 .75rem rgba(239,73,120,.42); } .agentic-glossary-trace-candidates li[data-state="admitted-fallback"]::before { background: #f2a144; box-shadow: 0 0 .75rem rgba(242,161,68,.42); } @media (max-width: 620px) { .agentic-glossary-trace-stage-hud { display: none; } .agentic-glossary-trace-stage::before { background-size: 1.6rem 1.6rem; } } @media (prefers-reduced-motion: reduce) { .agentic-glossary-trace-stage canvas { filter: none; } } .agentic-glossary-trace-candidates li::after { content: ""; position: absolute; left: 0; bottom: 0; width: var(--candidate-probability, 0%); height: 2px; background: linear-gradient(90deg, rgba(63,224,199,.22), rgba(246, 107, 200, .82)); box-shadow: 0 0 .7rem rgba(246, 107, 200, .18); } .agentic-glossary-trace-candidates li[data-state="rejected"]::after { background: linear-gradient(90deg, rgba(239,73,120,.18), rgba(239,73,120,.72)); } :root:has(body.page-agentic-ai-glossary) { color-scheme: dark; background: #020204; } body.page-agentic-ai-glossary { --g32b-rail: 1240px; --g32b-ink: #020204; --g32b-onyx: #060609; --g32b-onyx-soft: #0b0a10; --g32b-graphite: #121119; --g32b-panel: rgba(13, 12, 19, 0.93); --g32b-panel-soft: rgba(18, 17, 27, 0.76); --g32b-brass: #c99b56; --g32b-brass-bright: #efd59e; --g32b-brass-pale: #f7e7c4; --g32b-magenta: #7d274f; --g32b-magenta-soft: rgba(125, 39, 79, 0.23); --g32b-magenta: #d96fb6; --g32b-text: #f5f0e8; --g32b-copy: #d3c9bc; --g32b-muted: #a99e92; --g32b-line: rgba(231, 215, 188, 0.12); --g32b-line-strong: rgba(210, 164, 91, 0.34); --g32b-brass-line: rgba(210, 164, 91, 0.42); min-height: 100%; margin: 0; color: var(--g32b-text); background-color: #020204 !important; background: radial-gradient(circle at 13% -7%, rgba(197, 145, 73, 0.18), transparent 35rem), radial-gradient(circle at 89% 2%, rgba(126, 35, 80, 0.20), transparent 38rem), radial-gradient(circle at 72% 67%, rgba(146, 54, 115, 0.07), transparent 45rem), linear-gradient(180deg, #020204 0%, #07060a 42%, #030305 100%) !important; background-color: #020204 !important; background-attachment: fixed !important; } body.page-agentic-ai-glossary::before { position: fixed; inset: 0; z-index: -1; pointer-events: none; content: ""; opacity: 0.19; background-image: repeating-linear-gradient(115deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 6px), radial-gradient(circle at 50% 0%, rgba(255,255,255,0.035), transparent 46%); mix-blend-mode: soft-light; } .page-agentic-ai-glossary .site-shell, .page-agentic-ai-glossary .site-shell-public, .page-agentic-ai-glossary .site-main, .page-agentic-ai-glossary .site-footer { background: transparent !important; } .page-agentic-ai-glossary .site-backdrop-grid { opacity: 0.13 !important; mask-image: linear-gradient(180deg, rgba(0,0,0,.75), transparent 78%); -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.75), transparent 78%); } .page-agentic-ai-glossary .site-backdrop-orbits, .page-agentic-ai-glossary .site-backdrop-glow { opacity: 0.34 !important; } .page-agentic-ai-glossary, .page-agentic-ai-glossary button, .page-agentic-ai-glossary input, .page-agentic-ai-glossary select, .page-agentic-ai-glossary summary { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .page-agentic-ai-glossary a:not(.nav-link):not(.footer-nav-link):not(.footer-nav-link-plain) { color: #dfbd7e; text-decoration-color: rgba(223, 189, 126, 0.46); text-underline-offset: 0.16em; } .page-agentic-ai-glossary a:not(.nav-link):not(.footer-nav-link):not(.footer-nav-link-plain):hover, .page-agentic-ai-glossary a:not(.nav-link):not(.footer-nav-link):not(.footer-nav-link-plain):focus-visible { color: #fff0c9; text-decoration-color: rgba(255, 240, 201, 0.9); } .page-agentic-ai-glossary .site-header:not(.admin-shell-header) { position: sticky !important; top: 0; z-index: 4000; min-height: 5.25rem; border-bottom: 1px solid rgba(209, 161, 87, 0.30) !important; background: radial-gradient(circle at 18% -110%, rgba(212, 164, 91, 0.20), transparent 56%), radial-gradient(circle at 80% -130%, rgba(130, 38, 78, 0.25), transparent 54%), linear-gradient(180deg, rgba(10, 9, 13, 0.985), rgba(3, 3, 5, 0.985)) !important; box-shadow: 0 1.1rem 2.6rem rgba(0, 0, 0, 0.48), inset 0 -1px 0 rgba(255, 245, 220, 0.035) !important; backdrop-filter: blur(22px) saturate(120%); -webkit-backdrop-filter: blur(22px) saturate(120%); } .page-agentic-ai-glossary .site-header:not(.admin-shell-header) > .site-width.nav-row, .page-agentic-ai-glossary .site-header:not(.admin-shell-header) .site-width.nav-row { width: min(calc(100% - 2rem), var(--g32b-rail)) !important; min-height: 5.25rem; margin-inline: auto !important; gap: clamp(0.75rem, 1.4vw, 1.35rem) !important; } .page-agentic-ai-glossary .site-header .public-brand-link, .page-agentic-ai-glossary .site-header .public-brand-about-link, .page-agentic-ai-glossary .site-header .brand-link, .page-agentic-ai-glossary .site-header .brand { color: #e7c382 !important; text-decoration: none !important; } .page-agentic-ai-glossary .site-header .brandmark-image, .page-agentic-ai-glossary .site-header .brandmark { filter: drop-shadow(0 0.45rem 0.85rem rgba(0,0,0,.55)); } .page-agentic-ai-glossary .site-header .brand-copy strong, .page-agentic-ai-glossary .site-header .brand strong { color: #e7c382 !important; font-size: clamp(1rem, 1.25vw, 1.22rem) !important; letter-spacing: 0.015em; text-shadow: 0 1px 0 rgba(255,255,255,.04), 0 .35rem 1rem rgba(0,0,0,.65); } @media (min-width: 992px) { .page-agentic-ai-glossary .site-header .header-menu-list { gap: 0.42rem !important; } .page-agentic-ai-glossary .site-header .header-menu-list > .nav-item { flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; } .page-agentic-ai-glossary .site-header .header-menu-list > .nav-item.is-active { flex-grow: 1.46 !important; } .page-agentic-ai-glossary .site-header .nav-link, .page-agentic-ai-glossary .site-header .nav-link-group > .nav-link { box-sizing: border-box !important; overflow: visible !important; } .page-agentic-ai-glossary .site-header .nav-link-label { overflow: visible !important; text-overflow: clip !important; } .page-agentic-ai-glossary .site-header .nav-link, .page-agentic-ai-glossary .site-header .nav-link-group > .nav-link { min-height: 2.75rem !important; padding: 0.62rem clamp(0.68rem, 0.9vw, 1rem) !important; border: 1px solid rgba(213, 171, 103, 0.19) !important; border-radius: 999px !important; background: linear-gradient(180deg, rgba(30, 27, 31, 0.90), rgba(11, 10, 14, 0.94)) !important; color: #e8dfd2 !important; font-size: clamp(0.72rem, 0.76vw, 0.9rem) !important; font-weight: 730 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); } .page-agentic-ai-glossary .site-header .nav-link:hover, .page-agentic-ai-glossary .site-header .nav-link:focus-visible, .page-agentic-ai-glossary .site-header .nav-link-group > .nav-link:hover, .page-agentic-ai-glossary .site-header .nav-link-group > .nav-link:focus-visible { border-color: rgba(232, 194, 126, 0.52) !important; color: #fff2d6 !important; background: radial-gradient(circle at 50% -40%, rgba(202, 153, 83, 0.25), transparent 72%), linear-gradient(180deg, rgba(45, 36, 37, .96), rgba(16, 12, 18, .98)) !important; box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.07) !important; } .page-agentic-ai-glossary .site-header .nav-item.is-active > .nav-link, .page-agentic-ai-glossary .site-header .nav-item.is-active > .nav-link-group > .nav-link { border-color: rgba(232, 190, 120, 0.56) !important; color: #fff2d6 !important; background: radial-gradient(circle at 50% -50%, rgba(224, 179, 105, .22), transparent 68%), linear-gradient(145deg, rgba(91, 28, 59, .80), rgba(24, 14, 24, .97)) !important; box-shadow: 0 .55rem 1.4rem rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08) !important; } .page-agentic-ai-glossary .site-header .header-menu-list > .nav-item { position: relative !important; } .page-agentic-ai-glossary .site-header .nav-submenu { position: absolute !important; top: calc(100% + 0.65rem) !important; left: 50% !important; z-index: 4300 !important; display: block !important; width: min(22rem, calc(100vw - 2rem)) !important; margin: 0 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate(-50%, -.45rem) scale(.985) !important; transform-origin: top center !important; transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease !important; } .page-agentic-ai-glossary .site-header .nav-item:hover > .nav-submenu, .page-agentic-ai-glossary .site-header .nav-item:focus-within > .nav-submenu, .page-agentic-ai-glossary .site-header .nav-item.is-open > .nav-submenu { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate(-50%, 0) scale(1) !important; } .page-agentic-ai-glossary .site-header .nav-submenu-shell, .page-agentic-ai-glossary .site-header .nav-submenu-shell-categories { border-color: rgba(225, 185, 117, 0.45) !important; background: radial-gradient(circle at 86% -12%, rgba(132, 38, 81, 0.22), transparent 50%), linear-gradient(155deg, rgba(20, 17, 23, 0.995), rgba(5, 5, 8, 0.998)) !important; box-shadow: 0 1.6rem 4.5rem rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.055) !important; } .page-agentic-ai-glossary .site-header .submenu-link, .page-agentic-ai-glossary .site-header .submenu-link-compact { border-color: rgba(229, 205, 165, 0.07) !important; background: rgba(13, 12, 18, 0.92) !important; color: #e8dfd2 !important; } .page-agentic-ai-glossary .site-header .submenu-link:hover, .page-agentic-ai-glossary .site-header .submenu-link:focus-visible, .page-agentic-ai-glossary .site-header .submenu-link-compact:hover, .page-agentic-ai-glossary .site-header .submenu-link-compact:focus-visible { border-color: rgba(229, 188, 119, .42) !important; background: rgba(72, 29, 51, .72) !important; color: #fff1d5 !important; } } .page-agentic-ai-glossary .agentic-glossary-page { width: min(calc(100% - 2rem), var(--g32b-rail)) !important; margin-inline: auto !important; padding: clamp(1.4rem, 2.5vw, 2.3rem) 0 1rem !important; } .page-agentic-ai-glossary .agentic-glossary-shell { position: relative; isolation: isolate; overflow: hidden; border: 1px solid rgba(212, 166, 94, 0.42) !important; border-radius: 1.55rem !important; background: radial-gradient(circle at 84% -6%, rgba(127, 36, 77, 0.15), transparent 34rem), radial-gradient(circle at 5% 78%, rgba(197, 145, 72, 0.08), transparent 36rem), linear-gradient(145deg, rgba(11, 10, 15, 0.985), rgba(5, 5, 8, 0.995)) !important; box-shadow: 0 2.4rem 7rem rgba(0,0,0,.58), 0 0 0 1px rgba(255,247,225,.025) inset, 0 1px 0 rgba(255,255,255,.055) inset !important; } .page-agentic-ai-glossary .agentic-glossary-shell::before { position: absolute; inset: 0; z-index: -1; content: ""; pointer-events: none; background: linear-gradient(112deg, transparent 0 30%, rgba(242, 211, 155, 0.07) 42%, transparent 52% 100%); transform: translateX(-115%); animation: g32b-shell-glint 14s ease-in-out infinite; } .page-agentic-ai-glossary .agentic-glossary-shell::after { position: absolute; inset: 1px; z-index: -1; border-radius: calc(1.55rem - 1px); content: ""; pointer-events: none; box-shadow: inset 0 0 5rem rgba(0,0,0,.35); } @keyframes g32b-shell-glint { 0%, 66%, 100% { transform: translateX(-115%); opacity: 0; } 72% { opacity: .7; } 82% { transform: translateX(115%); opacity: 0; } } .page-agentic-ai-glossary .agentic-glossary-heading-learner { display: block !important; padding: clamp(2rem, 4vw, 4rem) clamp(1.25rem, 4vw, 4.25rem) clamp(1.65rem, 3vw, 2.7rem) !important; border-bottom: 1px solid rgba(218, 177, 108, 0.16) !important; background: radial-gradient(circle at 82% 4%, rgba(128, 36, 78, .16), transparent 28rem), radial-gradient(circle at 12% 0%, rgba(202, 152, 82, .10), transparent 32rem), linear-gradient(180deg, rgba(17, 15, 22, .92), rgba(8, 8, 12, .58)) !important; } .page-agentic-ai-glossary .agentic-glossary-heading-copy { max-width: 68rem; } .page-agentic-ai-glossary .agentic-glossary-heading .eyebrow, .page-agentic-ai-glossary .agentic-glossary-explore-heading .eyebrow, .page-agentic-ai-glossary .agentic-learning-heading .eyebrow { color: #d5ad69 !important; font-size: 0.75rem !important; font-weight: 800 !important; letter-spacing: 0.15em !important; } .page-agentic-ai-glossary .agentic-glossary-heading-learner h1 { max-width: 16ch; margin: .52rem 0 .8rem !important; color: #f7f1e8 !important; font-size: clamp(3.15rem, 6vw, 5.9rem) !important; line-height: .93 !important; letter-spacing: -.048em !important; text-shadow: 0 .7rem 2rem rgba(0,0,0,.44); } .page-agentic-ai-glossary .agentic-glossary-lead { max-width: 63rem !important; color: #d4c9bb !important; font-size: clamp(1.05rem, 1.38vw, 1.25rem) !important; line-height: 1.72 !important; } .page-agentic-ai-glossary .agentic-glossary-lead strong { color: #fff4dc !important; font-weight: 760; } .page-agentic-ai-glossary .agentic-glossary-hero-search { max-width: 61rem; gap: .75rem !important; margin-top: 1.65rem !important; padding: .82rem !important; border: 1px solid rgba(222, 183, 115, .18) !important; border-radius: 1.05rem !important; background: radial-gradient(circle at 90% -80%, rgba(125, 39, 79, .15), transparent 65%), linear-gradient(145deg, rgba(15, 13, 19, .94), rgba(5, 5, 8, .96)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 .8rem 2rem rgba(0,0,0,.22); } .page-agentic-ai-glossary .agentic-glossary-hero-search .agentic-glossary-search-field > span { color: #e1bd7d !important; font-size: .8rem !important; font-weight: 800; letter-spacing: .105em !important; } .page-agentic-ai-glossary .agentic-glossary-hero-search input { min-height: 4rem !important; padding: .92rem 1.15rem !important; border: 1px solid rgba(224, 186, 119, .34) !important; border-radius: .9rem !important; background: radial-gradient(circle at 8% 0%, rgba(143, 48, 87, .10), transparent 50%), rgba(4, 4, 7, .94) !important; color: #f7f0e7 !important; font-size: 1.06rem !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 .6rem 1.6rem rgba(0,0,0,.20); } .page-agentic-ai-glossary .agentic-glossary-hero-search input:focus { border-color: rgba(239, 200, 130, .72) !important; outline: 3px solid rgba(126, 39, 79, .24) !important; box-shadow: 0 0 0 1px rgba(239,200,130,.18), 0 1rem 2.2rem rgba(0,0,0,.28) !important; } .page-agentic-ai-glossary .agentic-glossary-hero-search .agentic-glossary-search-submit { min-height: 4rem !important; padding-inline: 1.35rem !important; border: 1px solid rgba(244, 213, 157, .66) !important; border-radius: .9rem !important; background: linear-gradient(145deg, rgba(119, 76, 31, .94), rgba(45, 28, 19, .98)) !important; color: #fff2d6 !important; font-size: .92rem !important; box-shadow: 0 .75rem 1.7rem rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.10); } .page-agentic-ai-glossary .agentic-glossary-hero-search .agentic-glossary-search-submit:hover, .page-agentic-ai-glossary .agentic-glossary-hero-search .agentic-glossary-search-submit:focus-visible { background: linear-gradient(145deg, rgba(151, 102, 43, .98), rgba(60, 34, 24, .98)) !important; transform: translateY(-1px); } .page-agentic-ai-glossary .agentic-glossary-example-queries { max-width: 65rem; gap: .55rem !important; margin-top: .8rem !important; } .page-agentic-ai-glossary .agentic-glossary-example-queries > span { color: #aa9e90 !important; font-size: .82rem !important; } .page-agentic-ai-glossary .agentic-glossary-more-examples { position: relative; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; } .page-agentic-ai-glossary .agentic-glossary-more-examples > summary { width: auto !important; padding-inline: .85rem !important; white-space: nowrap; } .page-agentic-ai-glossary .agentic-glossary-more-examples > div { position: absolute; top: calc(100% + .5rem); left: 0; z-index: 120; width: min(31rem, calc(100vw - 2rem)); padding: .65rem; border: 1px solid rgba(222,183,115,.22); border-radius: .85rem; background: rgba(8,7,11,.985); box-shadow: 0 1.2rem 3rem rgba(0,0,0,.48); } .page-agentic-ai-glossary .agentic-glossary-example-queries button, .page-agentic-ai-glossary .agentic-glossary-more-examples > summary { min-height: 2.45rem; border: 1px solid rgba(225, 199, 156, .13) !important; border-radius: 999px !important; background: rgba(18, 16, 22, .82) !important; color: #d8cfc2 !important; font-size: .82rem !important; } .page-agentic-ai-glossary .agentic-glossary-example-queries button:hover, .page-agentic-ai-glossary .agentic-glossary-example-queries button:focus-visible, .page-agentic-ai-glossary .agentic-glossary-more-examples > summary:hover, .page-agentic-ai-glossary .agentic-glossary-more-examples > summary:focus-visible { border-color: rgba(227, 188, 119, .42) !important; background: rgba(76, 27, 51, .58) !important; color: #fff1d8 !important; } .page-agentic-ai-glossary .agentic-glossary-start-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.15rem !important; } .page-agentic-ai-glossary .agentic-glossary-start-actions button { min-height: 3.1rem !important; padding-inline: 1.15rem !important; border-color: rgba(222, 183, 115, .33) !important; background: rgba(21, 18, 24, .90) !important; color: #e9dfd0 !important; } .page-agentic-ai-glossary .agentic-glossary-start-actions button.is-primary { border-color: rgba(236, 199, 130, .58) !important; background: linear-gradient(145deg, rgba(95, 60, 26, .88), rgba(42, 25, 20, .97)) !important; color: #fff1d3 !important; } .page-agentic-ai-glossary .agentic-glossary-trust-rail { max-width: 69rem; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 1.6rem; padding: .28rem 0; border-block: 1px solid rgba(222, 183, 115, .14); } .page-agentic-ai-glossary .agentic-glossary-trust-rail > div { min-width: 0; padding: .95rem 1.15rem; border-right: 1px solid rgba(222, 183, 115, .12); } .page-agentic-ai-glossary .agentic-glossary-trust-rail > div:first-child { padding-left: 0; } .page-agentic-ai-glossary .agentic-glossary-trust-rail > div:last-child { border-right: 0; } .page-agentic-ai-glossary .agentic-glossary-trust-rail strong, .page-agentic-ai-glossary .agentic-glossary-trust-rail span { display: block; } .page-agentic-ai-glossary .agentic-glossary-trust-rail strong { color: #f0cf95; font-size: .91rem; font-weight: 820; letter-spacing: .035em; } .page-agentic-ai-glossary .agentic-glossary-trust-rail span { margin-top: .3rem; color: #aa9f94; font-size: .82rem; line-height: 1.45; } .page-agentic-ai-glossary .agentic-glossary-hero-meta { max-width: 69rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 1rem; margin-top: 1rem; } .page-agentic-ai-glossary .agentic-glossary-hero-paths { max-width: 65rem; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; margin-top: 1.55rem !important; padding: .2rem 0 !important; border-block: 1px solid rgba(222, 183, 115, .13); } .page-agentic-ai-glossary .agentic-glossary-hero-paths > div { min-height: 5.1rem; padding: 1rem 1.15rem !important; border: 0 !important; border-right: 1px solid rgba(222, 183, 115, .12) !important; border-radius: 0 !important; background: transparent !important; } .page-agentic-ai-glossary .agentic-glossary-hero-paths > div:first-child { padding-left: 0 !important; } .page-agentic-ai-glossary .agentic-glossary-hero-paths > div:last-child { border-right: 0 !important; } .page-agentic-ai-glossary .agentic-glossary-hero-paths b { color: #f2d49b !important; font-size: .88rem !important; letter-spacing: .05em; } .page-agentic-ai-glossary .agentic-glossary-hero-paths small { margin-top: .32rem; color: #aa9f94 !important; font-size: .84rem !important; line-height: 1.5 !important; } .page-agentic-ai-glossary .agentic-glossary-hero-foot { max-width: 65rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 1rem; margin-top: 1rem; } .page-agentic-ai-glossary .agentic-glossary-overlift-links { margin: 0 !important; color: #a99f94 !important; font-size: .91rem !important; line-height: 1.62 !important; } .page-agentic-ai-glossary .agentic-glossary-diagnostics { margin: 0 !important; align-self: start; } .page-agentic-ai-glossary .agentic-glossary-diagnostics > summary { min-height: 2.25rem; display: inline-flex; align-items: center; padding: .45rem .75rem; border: 1px solid rgba(222,183,115,.18); border-radius: 999px; background: rgba(13,12,18,.66); color: #b9ad9f !important; font-size: .78rem !important; } .page-agentic-ai-glossary .agentic-glossary-diagnostics[open] { max-width: 24rem; padding: .75rem; border: 1px solid rgba(222,183,115,.18); border-radius: .8rem; background: rgba(12,11,16,.94); } .page-agentic-ai-glossary .agentic-glossary-filter-drawer { border-bottom: 1px solid rgba(222,183,115,.11) !important; background: rgba(5,5,8,.55) !important; } .page-agentic-ai-glossary .agentic-glossary-filter-drawer > summary { min-height: 3.7rem; padding: .85rem clamp(1.2rem, 3vw, 3rem) !important; color: #d0c4b6 !important; } .page-agentic-ai-glossary .agentic-glossary-filter-drawer > summary span { color: #d4ab67 !important; } .page-agentic-ai-glossary .agentic-glossary-primary-modes { padding: 1rem clamp(1.2rem, 3vw, 3rem) 1.2rem !important; border-bottom: 1px solid rgba(222,183,115,.12) !important; background: rgba(7,6,10,.50) !important; } .page-agentic-ai-glossary .agentic-glossary-primary-modes .agentic-glossary-mode-group > span { color: #a99d90 !important; font-size: .73rem !important; letter-spacing: .13em !important; } .page-agentic-ai-glossary .agentic-glossary-primary-modes .agentic-glossary-mode-rail { width: min(100%, 58rem) !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .7rem !important; } .page-agentic-ai-glossary .agentic-glossary-primary-modes .agentic-glossary-mode-rail button { min-height: 5rem !important; padding: 1rem 1.1rem !important; border: 1px solid rgba(222,183,115,.16) !important; border-radius: .9rem !important; background: linear-gradient(145deg, rgba(18,16,22,.88), rgba(8,8,11,.94)) !important; color: #e4d9cc !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025); } .page-agentic-ai-glossary .agentic-glossary-primary-modes .agentic-glossary-mode-rail button:hover, .page-agentic-ai-glossary .agentic-glossary-primary-modes .agentic-glossary-mode-rail button:focus-visible { border-color: rgba(229,188,119,.38) !important; background: linear-gradient(145deg, rgba(37,27,33,.94), rgba(12,10,15,.98)) !important; } .page-agentic-ai-glossary .agentic-glossary-primary-modes .agentic-glossary-mode-rail button.is-active { border-color: rgba(235,195,125,.62) !important; background: radial-gradient(circle at 90% -30%, rgba(221,169,91,.18), transparent 56%), linear-gradient(145deg, rgba(91,30,58,.78), rgba(23,14,22,.98)) !important; color: #fff2d9 !important; box-shadow: 0 .75rem 1.8rem rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.065) !important; } .page-agentic-ai-glossary .agentic-glossary-primary-modes .agentic-glossary-mode-rail button span { font-size: 1.06rem !important; } .page-agentic-ai-glossary .agentic-glossary-primary-modes .agentic-glossary-mode-rail button small { color: #a99e92 !important; font-size: .82rem !important; line-height: 1.42; } .page-agentic-ai-glossary .agentic-glossary-primary-modes .agentic-glossary-mode-rail button.is-active small { color: #d6c8b8 !important; } .page-agentic-ai-glossary .agentic-glossary-mode-panel, .page-agentic-ai-glossary .agentic-glossary-mode-panel[data-agentic-glossary-mode-panel="learning"] { background: transparent !important; color: var(--g32b-text); } .page-agentic-ai-glossary .agentic-glossary-explore-panel, .page-agentic-ai-glossary .agentic-glossary-detail, .page-agentic-ai-glossary .agentic-learning-heading, .page-agentic-ai-glossary .agentic-glossary-ecosystem-heading, .page-agentic-ai-glossary .agentic-glossary-map-heading, .page-agentic-ai-glossary .agentic-glossary-failure-heading, .page-agentic-ai-glossary .agentic-glossary-proof-heading { border-color: rgba(222,183,115,.16) !important; background: radial-gradient(circle at 92% -40%, rgba(125,39,79,.13), transparent 55%), rgba(13,12,18,.72) !important; } .page-agentic-ai-glossary .agentic-glossary-explore-panel { padding: clamp(1.2rem, 3vw, 2.5rem) !important; } .page-agentic-ai-glossary .agentic-glossary-explore-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .85rem !important; } .page-agentic-ai-glossary .agentic-glossary-explore-grid article { min-height: 15rem !important; padding: 1.35rem !important; border: 1px solid rgba(222,183,115,.14) !important; border-radius: 1rem !important; background: radial-gradient(circle at 100% 0%, rgba(125,39,79,.11), transparent 50%), linear-gradient(145deg, rgba(19,17,24,.88), rgba(8,8,12,.94)) !important; } .page-agentic-ai-glossary .agentic-glossary-explore-grid article > span { color: #d4aa66 !important; } .page-agentic-ai-glossary .agentic-glossary-explore-grid h3 { color: #f4ede4 !important; font-size: 1.35rem !important; } .page-agentic-ai-glossary .agentic-glossary-explore-grid p { color: #bcb0a4 !important; font-size: .98rem !important; line-height: 1.62 !important; } .page-agentic-ai-glossary .agentic-glossary-explore-grid button, .page-agentic-ai-glossary .agentic-glossary-explore-heading button { border-color: rgba(225,184,115,.28) !important; background: rgba(28,22,25,.92) !important; color: #e8d8c2 !important; } .page-agentic-ai-glossary .agentic-glossary-answer-proof, .page-agentic-ai-glossary .agentic-glossary-detail-deep-dive, .page-agentic-ai-glossary .agentic-learning-practice-drawer { border-color: rgba(222,183,115,.16) !important; background: rgba(12,11,16,.72) !important; } .page-agentic-ai-glossary .agentic-glossary-answer-proof > summary, .page-agentic-ai-glossary .agentic-glossary-detail-deep-dive > summary, .page-agentic-ai-glossary .agentic-learning-practice-drawer > summary { min-height: 4.2rem !important; padding: .9rem 1.1rem !important; } .page-agentic-ai-glossary .agentic-glossary-answer-proof > summary span, .page-agentic-ai-glossary .agentic-glossary-detail-deep-dive > summary span, .page-agentic-ai-glossary .agentic-learning-practice-drawer > summary span { color: #ddb574 !important; } .page-agentic-ai-glossary .agentic-glossary-answer-proof > summary strong, .page-agentic-ai-glossary .agentic-glossary-detail-deep-dive > summary strong, .page-agentic-ai-glossary .agentic-learning-practice-drawer > summary strong { color: #c4b8aa !important; font-size: .9rem !important; } .page-agentic-ai-glossary .agentic-glossary-workspace { grid-template-columns: minmax(15rem, 19rem) minmax(0, 1fr) !important; gap: 0 !important; border-top: 1px solid rgba(222,183,115,.10) !important; } .page-agentic-ai-glossary .agentic-glossary-list-pane { border-right: 1px solid rgba(222,183,115,.12) !important; background: rgba(5,5,8,.55) !important; } .page-agentic-ai-glossary .agentic-glossary-list-header strong, .page-agentic-ai-glossary .agentic-glossary-term-list a strong { color: #e9e0d5 !important; } .page-agentic-ai-glossary .agentic-glossary-term-list a { border-color: rgba(222,183,115,.08) !important; background: rgba(14,13,18,.52) !important; } .page-agentic-ai-glossary .agentic-glossary-term-list a:hover, .page-agentic-ai-glossary .agentic-glossary-term-list a:focus-visible, .page-agentic-ai-glossary .agentic-glossary-term-list a.is-active { border-color: rgba(229,188,119,.40) !important; background: linear-gradient(145deg, rgba(83,29,54,.63), rgba(19,14,20,.92)) !important; } .page-agentic-ai-glossary .agentic-glossary-detail { padding: clamp(1.25rem, 3vw, 2.6rem) !important; } .page-agentic-ai-glossary .agentic-glossary-detail h2 { color: #f6efe7 !important; font-size: clamp(2.25rem, 4vw, 4rem) !important; letter-spacing: -.035em; } .page-agentic-ai-glossary .agentic-glossary-quality-strip { border-color: rgba(222,183,115,.13) !important; background: rgba(8,8,11,.64) !important; } .page-agentic-ai-glossary .agentic-glossary-detail-grid { gap: .85rem !important; } .page-agentic-ai-glossary .agentic-glossary-detail-grid > section, .page-agentic-ai-glossary .agentic-glossary-detail-deep-grid > section { padding: 1.15rem !important; border: 1px solid rgba(222,183,115,.12) !important; border-radius: .95rem !important; background: linear-gradient(145deg, rgba(18,16,22,.72), rgba(8,8,11,.75)) !important; } .page-agentic-ai-glossary .agentic-glossary-detail-grid h3, .page-agentic-ai-glossary .agentic-glossary-detail-deep-grid h3 { color: #dcb473 !important; font-size: .82rem !important; letter-spacing: .09em; } .page-agentic-ai-glossary .agentic-glossary-detail-grid p, .page-agentic-ai-glossary .agentic-glossary-detail-deep-grid p { color: #d0c5b8 !important; font-size: 1rem !important; line-height: 1.68 !important; } .page-agentic-ai-glossary .agentic-glossary-featured-definition { border-color: rgba(229,188,119,.34) !important; background: radial-gradient(circle at 100% 0%, rgba(125,39,79,.14), transparent 45%), linear-gradient(145deg, rgba(34,26,26,.78), rgba(11,10,14,.90)) !important; } .page-agentic-ai-glossary .agentic-glossary-featured-definition p { color: #f0e5d6 !important; font-size: clamp(1.12rem, 1.5vw, 1.3rem) !important; line-height: 1.72 !important; } .page-agentic-ai-glossary .agentic-glossary-overlift-bridge { border-color: rgba(229,188,119,.30) !important; background: radial-gradient(circle at 0% 100%, rgba(197,145,72,.12), transparent 55%), linear-gradient(145deg, rgba(48,30,24,.60), rgba(14,10,15,.88)) !important; } .page-agentic-ai-glossary .agentic-glossary-overlift-bridge h3 { color: #f3e8d9 !important; } .page-agentic-ai-glossary .agentic-glossary-overlift-bridge a { border-color: rgba(229,188,119,.25) !important; background: rgba(18,15,19,.82) !important; color: #e3c48d !important; } .page-agentic-ai-glossary .agentic-learning-heading { padding: clamp(1.35rem, 3vw, 2.5rem) !important; } .page-agentic-ai-glossary .agentic-learning-heading h2 { color: #f5eee6 !important; font-size: clamp(2.2rem, 4vw, 3.7rem) !important; letter-spacing: -.035em; } .page-agentic-ai-glossary .agentic-learning-heading > div > p { max-width: 65ch; color: #bfb3a7 !important; font-size: 1.02rem !important; line-height: 1.68 !important; } .page-agentic-ai-glossary .agentic-learning-local-boundary { border-color: rgba(102, 185, 166, .24) !important; background: rgba(8, 28, 27, .52) !important; } .page-agentic-ai-glossary .agentic-learning-progress { margin: 0 !important; padding: 1rem clamp(1.2rem, 3vw, 2.5rem) !important; border-block: 1px solid rgba(222,183,115,.10) !important; background: rgba(6,6,9,.46) !important; } .page-agentic-ai-glossary .agentic-learning-track-picker { margin: 0 !important; border-block: 1px solid rgba(222,183,115,.10) !important; background: rgba(5,5,8,.40) !important; } .page-agentic-ai-glossary .agentic-learning-track-picker > summary { min-height: 3.35rem !important; padding: .8rem clamp(1.2rem, 3vw, 2.5rem) !important; color: #d8c4a5 !important; font-size: .92rem !important; font-weight: 650 !important; letter-spacing: .015em !important; cursor: pointer; } .page-agentic-ai-glossary .agentic-learning-track-picker > summary:hover, .page-agentic-ai-glossary .agentic-learning-track-picker > summary:focus-visible { color: #f0d59f !important; background: rgba(112,65,35,.12) !important; } .page-agentic-ai-glossary .agentic-learning-track-picker[open] { background: linear-gradient(180deg, rgba(19,14,20,.74), rgba(6,6,9,.58)) !important; } .page-agentic-ai-glossary .agentic-learning-track-rail { display: flex !important; gap: .7rem !important; padding: 1rem clamp(1.2rem, 3vw, 2.5rem) !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: thin; scrollbar-color: rgba(201,155,86,.44) transparent; scroll-snap-type: x proximity; } .page-agentic-ai-glossary .agentic-learning-track-card { flex: 0 0 clamp(15.5rem, 24vw, 19rem) !important; min-height: 6.6rem !important; scroll-snap-align: start; border: 1px solid rgba(222,183,115,.13) !important; border-radius: .9rem !important; background: linear-gradient(145deg, rgba(18,16,22,.78), rgba(8,8,11,.88)) !important; } .page-agentic-ai-glossary .agentic-learning-track-card.is-active, .page-agentic-ai-glossary .agentic-learning-track-card[aria-pressed="true"] { border-color: rgba(232,190,120,.54) !important; background: linear-gradient(145deg, rgba(84,30,53,.70), rgba(22,14,21,.96)) !important; } .page-agentic-ai-glossary .agentic-learning-track-card strong { color: #eee5da !important; font-size: 1rem !important; } .page-agentic-ai-glossary .agentic-learning-track-card small { color: #a99e92 !important; font-size: .82rem !important; } .page-agentic-ai-glossary .agentic-learning-workspace { grid-template-columns: minmax(14.5rem, 18rem) minmax(0, 1fr) !important; gap: .9rem !important; padding: 0 clamp(1.2rem, 3vw, 2.5rem) 1.2rem !important; } .page-agentic-ai-glossary .agentic-learning-lesson-navigator, .page-agentic-ai-glossary .agentic-learning-lesson-detail { border: 1px solid rgba(222,183,115,.12) !important; border-radius: 1rem !important; background: rgba(10,9,14,.72) !important; } .page-agentic-ai-glossary .agentic-learning-lesson-detail { max-width: 58rem; width: 100%; justify-self: center; } .page-agentic-ai-glossary .agentic-learning-lesson-heading h3 { color: #f5eee5 !important; font-size: clamp(2rem, 3.8vw, 3.4rem) !important; letter-spacing: -.03em; } .page-agentic-ai-glossary .agentic-learning-lesson-heading p, .page-agentic-ai-glossary .agentic-learning-lesson-story p, .page-agentic-ai-glossary .agentic-learning-steps p, .page-agentic-ai-glossary .agentic-learning-overlift-proof p { color: #d0c5b8 !important; font-size: 1rem !important; line-height: 1.72 !important; } .page-agentic-ai-glossary .agentic-learning-practice-options { gap: .8rem !important; padding: 0 clamp(1.2rem, 3vw, 2.5rem) 1.4rem !important; } .page-agentic-ai-glossary .agentic-learning-next-button, .page-agentic-ai-glossary .agentic-learning-complete-button { border-color: rgba(235,195,125,.52) !important; background: linear-gradient(145deg, rgba(104,65,27,.90), rgba(43,25,20,.98)) !important; color: #fff1d3 !important; } .page-agentic-ai-glossary .agentic-glossary-sources { width: 100% !important; margin: .85rem 0 0 !important; border: 1px solid rgba(212,166,94,.30) !important; border-radius: 1rem !important; background: radial-gradient(circle at 100% 0%, rgba(125,39,79,.11), transparent 44%), rgba(12,11,16,.88) !important; box-shadow: 0 1rem 2.8rem rgba(0,0,0,.28); } .page-agentic-ai-glossary .agentic-glossary-sources summary { min-height: 4.3rem !important; color: #d9cdbf !important; } .page-agentic-ai-glossary .site-footer { margin: 0 !important; padding: 1rem 0 2.1rem !important; border: 0 !important; } .page-agentic-ai-glossary .site-footer .footer-shell, .page-agentic-ai-glossary .site-shell-public .site-footer > .site-width.footer-shell { position: relative; width: min(calc(100% - 2rem), var(--g32b-rail)) !important; margin-inline: auto !important; padding: clamp(1.35rem, 2.8vw, 2.25rem) !important; overflow: hidden; border: 1px solid rgba(212,166,94,.38) !important; border-radius: 1.3rem !important; background-color: #0d0c12 !important; background: radial-gradient(circle at 90% -30%, rgba(126,37,79,.18), transparent 55%), radial-gradient(circle at 8% 120%, rgba(196,144,72,.10), transparent 52%), linear-gradient(145deg, rgba(15,13,18,.98), rgba(5,5,8,.995)) !important; background-color: #0d0c12 !important; box-shadow: 0 1.7rem 4.7rem rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.045) !important; } .page-agentic-ai-glossary .site-footer .footer-shell::before { position: absolute; inset: 0; pointer-events: none; content: ""; background: linear-gradient(115deg, transparent 0 35%, rgba(239,205,145,.045) 48%, transparent 60%); transform: translateX(-110%); animation: g32b-footer-glint 18s ease-in-out infinite 4s; } @keyframes g32b-footer-glint { 0%, 72%, 100% { transform: translateX(-110%); opacity: 0; } 78% { opacity: .7; } 88% { transform: translateX(110%); opacity: 0; } } .page-agentic-ai-glossary .site-footer .footer-name { color: #e4bd78 !important; font-size: 1.18rem !important; } .page-agentic-ai-glossary .site-footer .footer-copy { color: #d3c7ba !important; font-size: .95rem !important; line-height: 1.6 !important; } .page-agentic-ai-glossary .site-footer .footer-stack-copy, .page-agentic-ai-glossary .site-footer .footer-meta-copy { color: #a99d91 !important; font-size: .82rem !important; line-height: 1.55 !important; } .page-agentic-ai-glossary .site-footer .footer-nav-link, .page-agentic-ai-glossary .site-footer .footer-nav-link-plain { min-height: 2.65rem !important; border-color: rgba(222,183,115,.16) !important; background: rgba(13,12,17,.82) !important; color: #d8ccbd !important; } .page-agentic-ai-glossary .site-footer .footer-nav-link:hover, .page-agentic-ai-glossary .site-footer .footer-nav-link:focus-visible, .page-agentic-ai-glossary .site-footer .footer-nav-link-plain:hover, .page-agentic-ai-glossary .site-footer .footer-nav-link-plain:focus-visible { border-color: rgba(231,190,121,.45) !important; background: rgba(77,29,51,.64) !important; color: #fff0d2 !important; } .page-agentic-ai-glossary .site-footer .footer-meta-row { border-top-color: rgba(222,183,115,.14) !important; } .page-agentic-ai-glossary .site-footer .footer-cta-link { border-color: rgba(236,198,129,.55) !important; background: linear-gradient(145deg, rgba(105,66,28,.90), rgba(43,25,20,.98)) !important; color: #fff1d3 !important; } @media (max-width: 991px) { .page-agentic-ai-glossary .site-header:not(.admin-shell-header), .page-agentic-ai-glossary .site-header:not(.admin-shell-header) > .site-width.nav-row { min-height: 4.6rem !important; } .page-agentic-ai-glossary .site-header:not(.admin-shell-header) > .site-width.nav-row, .page-agentic-ai-glossary .site-header:not(.admin-shell-header) .site-width.nav-row { display: flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: space-between !important; overflow: visible !important; } .page-agentic-ai-glossary .site-header .public-brand-link, .page-agentic-ai-glossary .site-header .public-brand-about-link { display: inline-flex !important; flex-flow: row nowrap !important; align-items: center !important; gap: .55rem !important; min-width: 0 !important; min-height: 4.6rem !important; } .page-agentic-ai-glossary .site-header .brandmark-image { width: 3.35rem !important; height: 3.35rem !important; flex: 0 0 3.35rem !important; } .page-agentic-ai-glossary .site-header .brand-copy-single { display: block !important; min-width: 0 !important; } .page-agentic-ai-glossary .site-header .brand-copy-single strong { font-size: 1.05rem !important; white-space: nowrap !important; } .page-agentic-ai-glossary .site-header .nav-toggle { position: relative !important; z-index: 4400 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: .3rem !important; padding: 0 !important; flex: 0 0 3rem !important; width: 3rem !important; min-width: 3rem !important; height: 3rem !important; min-height: 3rem !important; margin: 0 0 0 auto !important; border: 1px solid rgba(229,188,119,.38) !important; border-radius: .9rem !important; background: linear-gradient(145deg, rgba(44,31,29,.96), rgba(11,9,13,.98)) !important; box-shadow: 0 .6rem 1.5rem rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06) !important; } .page-agentic-ai-glossary .site-header .nav-toggle span { display: block !important; width: 1.15rem !important; height: 2px !important; min-height: 2px !important; border-radius: 999px !important; background: #e3c184 !important; box-shadow: 0 0 .45rem rgba(227,193,132,.28) !important; } .page-agentic-ai-glossary .site-header .main-nav { position: absolute !important; top: calc(100% + .55rem) !important; left: 50% !important; right: auto !important; z-index: 4350 !important; display: none !important; width: min(26rem, calc(100vw - 1rem)) !important; max-height: calc(100vh - 6rem) !important; overflow: auto !important; padding: .85rem !important; border: 1px solid rgba(225,185,117,.40) !important; border-radius: 1.25rem !important; background: linear-gradient(155deg, rgba(20,17,23,.995), rgba(5,5,8,.998)) !important; box-shadow: 0 1.6rem 4.5rem rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.055) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate(-50%, -.4rem) !important; } .page-agentic-ai-glossary .site-header .main-nav.is-open { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate(-50%, 0) !important; } .page-agentic-ai-glossary .site-header .header-menu-list { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: .55rem !important; } .page-agentic-ai-glossary .site-header .header-menu-list > .nav-item, .page-agentic-ai-glossary .site-header .nav-link, .page-agentic-ai-glossary .site-header .nav-link-group, .page-agentic-ai-glossary .site-header .nav-link-group > .nav-link { width: 100% !important; } .page-agentic-ai-glossary .site-header .nav-link, .page-agentic-ai-glossary .site-header .nav-link-group > .nav-link { min-height: 3.25rem !important; justify-content: flex-start !important; border: 1px solid rgba(222,183,115,.16) !important; border-radius: .85rem !important; background: rgba(14,12,18,.88) !important; color: #e7ddd0 !important; } .page-agentic-ai-glossary .site-header .nav-item.has-children > .nav-submenu { position: static !important; display: none !important; width: 100% !important; margin-top: .45rem !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; } .page-agentic-ai-glossary .site-header .nav-item.has-children.is-open > .nav-submenu { display: block !important; } } @media (max-width: 1180px) { .page-agentic-ai-glossary .agentic-glossary-heading-learner { padding-inline: clamp(1.4rem, 4vw, 3rem) !important; } .page-agentic-ai-glossary .agentic-learning-workspace { grid-template-columns: 15rem minmax(0, 1fr) !important; } } @media (max-width: 991px) { .page-agentic-ai-glossary .site-header:not(.admin-shell-header) { min-height: 4.65rem; } .page-agentic-ai-glossary .site-header .main-nav { border: 1px solid rgba(225,185,117,.34) !important; border-radius: 1rem !important; background: rgba(7,6,10,.99) !important; box-shadow: 0 1.5rem 4rem rgba(0,0,0,.64) !important; } .page-agentic-ai-glossary .site-header .nav-link, .page-agentic-ai-glossary .site-header .nav-link-group > .nav-link { color: #e4d9cb !important; } .page-agentic-ai-glossary .agentic-glossary-workspace, .page-agentic-ai-glossary .agentic-learning-workspace { grid-template-columns: 1fr !important; } .page-agentic-ai-glossary .agentic-learning-lesson-detail { max-width: none; } .page-agentic-ai-glossary .agentic-glossary-list-pane { border-right: 0 !important; border-bottom: 1px solid rgba(222,183,115,.12) !important; } .page-agentic-ai-glossary .agentic-glossary-hero-foot, .page-agentic-ai-glossary .agentic-glossary-hero-meta { grid-template-columns: 1fr; } .page-agentic-ai-glossary .agentic-glossary-explore-grid { grid-template-columns: 1fr !important; } } @media (max-width: 700px) { body.page-agentic-ai-glossary { background-attachment: scroll !important; } .page-agentic-ai-glossary .agentic-glossary-more-examples { width: 100% !important; } .page-agentic-ai-glossary .agentic-glossary-more-examples > summary { width: 100% !important; justify-content: center; } .page-agentic-ai-glossary .agentic-glossary-more-examples > div { position: static; width: 100%; margin-top: .45rem; } .page-agentic-ai-glossary .agentic-glossary-page, .page-agentic-ai-glossary .site-header:not(.admin-shell-header) > .site-width.nav-row, .page-agentic-ai-glossary .site-header:not(.admin-shell-header) .site-width.nav-row, .page-agentic-ai-glossary .site-footer .footer-shell, .page-agentic-ai-glossary .site-shell-public .site-footer > .site-width.footer-shell { width: calc(100% - .9rem) !important; } .page-agentic-ai-glossary .agentic-glossary-shell { border-radius: 1rem !important; } .page-agentic-ai-glossary .agentic-glossary-heading-learner { padding: 1.5rem 1rem 1.25rem !important; } .page-agentic-ai-glossary .agentic-glossary-heading-learner h1 { font-size: clamp(2.65rem, 14vw, 4rem) !important; } .page-agentic-ai-glossary .agentic-glossary-lead { font-size: 1rem !important; line-height: 1.62 !important; } .page-agentic-ai-glossary .agentic-glossary-hero-search, .page-agentic-ai-glossary .agentic-glossary-hero-paths, .page-agentic-ai-glossary .agentic-glossary-trust-rail, .page-agentic-ai-glossary .agentic-glossary-primary-modes .agentic-glossary-mode-rail { grid-template-columns: 1fr !important; } .page-agentic-ai-glossary .agentic-glossary-hero-paths > div, .page-agentic-ai-glossary .agentic-glossary-hero-paths > div:first-child, .page-agentic-ai-glossary .agentic-glossary-trust-rail > div, .page-agentic-ai-glossary .agentic-glossary-trust-rail > div:first-child { min-height: 0; padding: .85rem 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(222,183,115,.11) !important; } .page-agentic-ai-glossary .agentic-glossary-hero-paths > div:last-child, .page-agentic-ai-glossary .agentic-glossary-trust-rail > div:last-child { border-bottom: 0 !important; } .page-agentic-ai-glossary .agentic-glossary-start-actions, .page-agentic-ai-glossary .agentic-glossary-example-queries { align-items: stretch; } .page-agentic-ai-glossary .agentic-glossary-start-actions button, .page-agentic-ai-glossary .agentic-glossary-hero-search .agentic-glossary-search-submit { width: 100%; } .page-agentic-ai-glossary .agentic-glossary-example-queries button { flex: 1 1 100%; justify-content: center; } .page-agentic-ai-glossary .agentic-glossary-primary-modes, .page-agentic-ai-glossary .agentic-learning-progress, .page-agentic-ai-glossary .agentic-learning-track-rail, .page-agentic-ai-glossary .agentic-learning-workspace, .page-agentic-ai-glossary .agentic-learning-practice-options { padding-inline: .8rem !important; } .page-agentic-ai-glossary .agentic-learning-track-card { flex-basis: 82vw !important; } .page-agentic-ai-glossary .agentic-glossary-detail, .page-agentic-ai-glossary .agentic-glossary-explore-panel, .page-agentic-ai-glossary .agentic-learning-heading { padding: 1rem !important; } .page-agentic-ai-glossary .site-footer .footer-shell, .page-agentic-ai-glossary .site-shell-public .site-footer > .site-width.footer-shell { padding: 1rem !important; } } @media (max-width: 430px) { .page-agentic-ai-glossary .site-header .nav-row { min-height: 4.5rem !important; } .page-agentic-ai-glossary .agentic-glossary-heading-learner { padding-inline: .9rem !important; } .page-agentic-ai-glossary .agentic-glossary-hero-search { padding: .75rem !important; } .page-agentic-ai-glossary .agentic-learning-track-picker > summary { padding-inline: .8rem !important; } } @media (prefers-reduced-motion: reduce) { .page-agentic-ai-glossary .agentic-glossary-shell::before, .page-agentic-ai-glossary .site-footer .footer-shell::before { animation: none !important; opacity: 0 !important; } } @media (min-width: 992px) { body.page-agentic-ai-glossary .site-shell-public .site-header:not(.admin-shell-header) .public-brand-link, body.page-agentic-ai-glossary .site-shell-public .site-header:not(.admin-shell-header) .public-brand-about-link { flex: 0 0 clamp(190px, 16vw, 260px) !important; width: clamp(190px, 16vw, 260px) !important; min-width: clamp(190px, 16vw, 260px) !important; max-width: clamp(190px, 16vw, 260px) !important; } body.page-agentic-ai-glossary .site-shell-public .site-header:not(.admin-shell-header) .header-menu-list > .nav-item { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; } body.page-agentic-ai-glossary .site-shell-public .site-header:not(.admin-shell-header) .header-menu-list > .nav-item.is-active { flex: 1.58 1 0 !important; } body.page-agentic-ai-glossary .site-shell-public .site-header:not(.admin-shell-header) .nav-link, body.page-agentic-ai-glossary .site-shell-public .site-header:not(.admin-shell-header) .nav-link-group > .nav-link { box-sizing: border-box !important; overflow: hidden !important; } body.page-agentic-ai-glossary .site-shell-public .site-header:not(.admin-shell-header) .nav-link-label { overflow: visible !important; text-overflow: clip !important; } } .page-agentic-ai-glossary .agentic-learning-track-picker { margin: 0 clamp(1.2rem, 3vw, 2.5rem) 1rem !important; overflow: hidden; border: 1px solid rgba(222, 183, 115, 0.13) !important; border-radius: 0.9rem !important; background: rgba(8, 8, 12, 0.68) !important; } .page-agentic-ai-glossary .agentic-learning-track-picker > summary { display: flex; min-height: 3.35rem; align-items: center; gap: 0.55rem; padding: 0.8rem 1rem; color: #d9c8af !important; font-size: 0.92rem !important; font-weight: 780; cursor: pointer; list-style: none; } .page-agentic-ai-glossary .agentic-learning-track-picker > summary::-webkit-details-marker { display: none; } .page-agentic-ai-glossary .agentic-learning-track-picker > summary::before { content: "▸"; color: #d5aa67; transition: transform 150ms ease; } .page-agentic-ai-glossary .agentic-learning-track-picker[open] > summary { border-bottom: 1px solid rgba(222, 183, 115, 0.12); background: rgba(67, 27, 46, 0.28) !important; color: #f3e3c6 !important; } .page-agentic-ai-glossary .agentic-learning-track-picker[open] > summary::before { transform: rotate(90deg); } .page-agentic-ai-glossary .agentic-learning-track-picker .agentic-learning-track-rail { padding: 0.9rem !important; } @media (max-width: 430px) { .page-agentic-ai-glossary .agentic-glossary-heading-learner h1 { font-size: clamp(2.65rem, 14vw, 4rem) !important; } .page-agentic-ai-glossary .agentic-glossary-trust-rail { grid-template-columns: 1fr !important; } .page-agentic-ai-glossary .agentic-learning-track-picker { margin-inline: 0.8rem !important; } } body.page-agentic-ai-glossary { --g32c-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --g32c-font-display: "Newsreader", Georgia, "Times New Roman", serif; --g32c-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; --g32c-body-size: clamp(1rem, 0.94rem + 0.15vw, 1.075rem); --g32c-body-leading: 1.66; --g32c-secondary-size: clamp(0.91rem, 0.88rem + 0.08vw, 0.96rem); --g32c-meta-size: clamp(0.82rem, 0.80rem + 0.05vw, 0.875rem); --g32c-label-size: clamp(0.76rem, 0.74rem + 0.05vw, 0.82rem); --g32c-control-size: clamp(0.88rem, 0.85rem + 0.07vw, 0.94rem); font-family: var(--g32c-font-sans) !important; font-size: 16px; line-height: var(--g32c-body-leading); } .page-agentic-ai-glossary, .page-agentic-ai-glossary button, .page-agentic-ai-glossary input, .page-agentic-ai-glossary select, .page-agentic-ai-glossary textarea, .page-agentic-ai-glossary summary, .page-agentic-ai-glossary label, .page-agentic-ai-glossary p, .page-agentic-ai-glossary li, .page-agentic-ai-glossary small, .page-agentic-ai-glossary span, .page-agentic-ai-glossary strong, .page-agentic-ai-glossary a, .page-agentic-ai-glossary nav, .page-agentic-ai-glossary .eyebrow, .page-agentic-ai-glossary .site-header .nav-link, .page-agentic-ai-glossary .site-footer { font-family: var(--g32c-font-sans) !important; } .page-agentic-ai-glossary code, .page-agentic-ai-glossary pre, .page-agentic-ai-glossary samp, .page-agentic-ai-glossary kbd, .page-agentic-ai-glossary [data-learning-receipt-mirror], .page-agentic-ai-glossary [data-search-plan-executed], .page-agentic-ai-glossary [data-search-receipt-hash] { font-family: var(--g32c-font-mono) !important; } .page-agentic-ai-glossary .agentic-glossary-heading-learner h1, .page-agentic-ai-glossary .agentic-learning-heading h2, .page-agentic-ai-glossary .agentic-learning-lesson-heading h3, .page-agentic-ai-glossary .agentic-glossary-detail h2, .page-agentic-ai-glossary .agentic-glossary-abstention h2, .page-agentic-ai-glossary .agentic-glossary-explore-heading h2, .page-agentic-ai-glossary .agentic-glossary-explore-grid h3, .page-agentic-ai-glossary .agentic-glossary-ecosystem-heading h2, .page-agentic-ai-glossary .agentic-glossary-map-heading h2, .page-agentic-ai-glossary .agentic-glossary-failure-heading h2, .page-agentic-ai-glossary .agentic-glossary-proof-heading h2, .page-agentic-ai-glossary .agentic-learning-comparison-workspace h2, .page-agentic-ai-glossary .agentic-learning-quiz-workspace h2, .page-agentic-ai-glossary .site-header .brand-copy strong, .page-agentic-ai-glossary .site-header .brand-copy-single strong, .page-agentic-ai-glossary .site-footer .footer-name { font-family: var(--g32c-font-display) !important; font-optical-sizing: auto; } .page-agentic-ai-glossary .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; } .page-agentic-ai-glossary .agentic-glossary-lead, .page-agentic-ai-glossary .agentic-learning-heading > div > p, .page-agentic-ai-glossary .agentic-glossary-explore-heading p, .page-agentic-ai-glossary .agentic-glossary-detail > p, .page-agentic-ai-glossary .agentic-glossary-detail section > p, .page-agentic-ai-glossary .agentic-glossary-ecosystem-heading p, .page-agentic-ai-glossary .agentic-glossary-map-heading p, .page-agentic-ai-glossary .agentic-glossary-failure-heading p, .page-agentic-ai-glossary .agentic-glossary-proof-heading p, .page-agentic-ai-glossary .agentic-glossary-abstention p { font-family: var(--g32c-font-sans) !important; font-size: var(--g32c-body-size) !important; line-height: var(--g32c-body-leading) !important; letter-spacing: 0 !important; } .page-agentic-ai-glossary .agentic-glossary-heading .eyebrow, .page-agentic-ai-glossary .agentic-glossary-explore-heading .eyebrow, .page-agentic-ai-glossary .agentic-learning-heading .eyebrow, .page-agentic-ai-glossary .agentic-glossary-ecosystem-heading .eyebrow, .page-agentic-ai-glossary .agentic-glossary-map-heading .eyebrow, .page-agentic-ai-glossary .agentic-glossary-failure-heading .eyebrow, .page-agentic-ai-glossary .agentic-glossary-proof-heading .eyebrow, .page-agentic-ai-glossary .agentic-learning-lesson-heading > div > span, .page-agentic-ai-glossary .agentic-learning-lesson-story > span, .page-agentic-ai-glossary .agentic-learning-overlift-proof > div > span, .page-agentic-ai-glossary .agentic-learning-related-grid > div > span, .page-agentic-ai-glossary .agentic-learning-governed-queries > span, .page-agentic-ai-glossary .agentic-learning-lesson-navigator header > span, .page-agentic-ai-glossary .agentic-glossary-explore-grid article > span, .page-agentic-ai-glossary .agentic-glossary-sources summary span, .page-agentic-ai-glossary .agentic-glossary-detail-label, .page-agentic-ai-glossary .agentic-glossary-section-label { font-family: var(--g32c-font-sans) !important; font-size: var(--g32c-label-size) !important; line-height: 1.35 !important; letter-spacing: 0.105em !important; font-weight: 780 !important; } .page-agentic-ai-glossary .agentic-glossary-overlift-links, .page-agentic-ai-glossary .agentic-glossary-trust-rail span, .page-agentic-ai-glossary .agentic-glossary-primary-modes small, .page-agentic-ai-glossary .agentic-glossary-explore-grid p, .page-agentic-ai-glossary .agentic-learning-local-boundary small, .page-agentic-ai-glossary .agentic-learning-track-card small, .page-agentic-ai-glossary .agentic-learning-progress-note strong, .page-agentic-ai-glossary .agentic-learning-lesson-navigator header p, .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics small, .page-agentic-ai-glossary .agentic-glossary-detail small, .page-agentic-ai-glossary .agentic-glossary-result small, .page-agentic-ai-glossary .agentic-glossary-term-card small { font-size: var(--g32c-secondary-size) !important; line-height: 1.58 !important; } .page-agentic-ai-glossary button, .page-agentic-ai-glossary input, .page-agentic-ai-glossary select, .page-agentic-ai-glossary summary, .page-agentic-ai-glossary .agentic-glossary-core-links a, .page-agentic-ai-glossary .agentic-glossary-overlift-bridge a, .page-agentic-ai-glossary .site-footer a { font-size: var(--g32c-control-size) !important; } .page-agentic-ai-glossary button, .page-agentic-ai-glossary summary, .page-agentic-ai-glossary a { text-underline-offset: 0.18em; } .page-agentic-ai-glossary .agentic-glossary-heading-learner h1 { font-weight: 600 !important; letter-spacing: -0.043em !important; } .page-agentic-ai-glossary .agentic-learning-heading h2 { max-width: 18ch; font-weight: 590 !important; line-height: 0.99 !important; letter-spacing: -0.034em !important; } .page-agentic-ai-glossary .agentic-learning-lesson-heading h3, .page-agentic-ai-glossary .agentic-glossary-detail h2 { font-weight: 590 !important; line-height: 1.01 !important; } .page-agentic-ai-glossary .agentic-glossary-filter-drawer { display: none !important; } .page-agentic-ai-glossary .agentic-glossary-page[data-glossary-primary-mode="browse"] > .agentic-glossary-shell > .agentic-glossary-filter-drawer, .page-agentic-ai-glossary .agentic-glossary-page[data-glossary-primary-mode="browse"] .agentic-glossary-filter-drawer { display: block !important; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics { width: 100%; margin: 0 0 1rem !important; border: 1px solid rgba(206, 163, 91, 0.20) !important; border-radius: 1rem !important; background: radial-gradient(circle at 92% -25%, rgba(119, 36, 74, 0.13), transparent 56%), linear-gradient(145deg, rgba(15, 13, 19, 0.88), rgba(7, 7, 10, 0.92)) !important; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics > summary { width: 100%; min-height: 4.1rem !important; display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 0.15rem; padding: 0.9rem 1.05rem !important; border: 0 !important; border-radius: 1rem !important; background: transparent !important; color: #eadbc5 !important; cursor: pointer; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics > summary span { color: #efcf94 !important; font-size: 0.94rem !important; font-weight: 740 !important; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics > summary strong { color: #aa9f93 !important; font-size: var(--g32c-meta-size) !important; font-weight: 520 !important; line-height: 1.5 !important; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; padding: 0 1rem 1rem; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body > div { min-width: 0; padding: 1rem; border: 1px solid rgba(217, 111, 182, 0.13); border-radius: 0.85rem; background: rgba(4, 15, 20, 0.58); } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body span, .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body strong, .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body code, .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body small { display: block; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body > div > span { color: #d8b978; font-size: var(--g32c-label-size) !important; font-weight: 780; letter-spacing: 0.08em; text-transform: uppercase; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body strong, .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body code { margin-top: 0.35rem; color: #e7f2ee !important; font-size: var(--g32c-meta-size) !important; overflow-wrap: anywhere; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body small { margin-top: 0.38rem; color: #9ca8a4 !important; } .page-agentic-ai-glossary .agentic-learning-complete-button, .page-agentic-ai-glossary [data-learning-toggle-complete] { display: none !important; } .page-agentic-ai-glossary .agentic-learning-workspace { grid-template-columns: minmax(17.5rem, 19.5rem) minmax(0, 1fr) !important; gap: 1rem !important; } .page-agentic-ai-glossary .agentic-learning-lesson-navigator { align-self: start; } .page-agentic-ai-glossary .agentic-learning-lesson-navigator header { padding: 1.15rem 1.1rem 0.85rem !important; } .page-agentic-ai-glossary .agentic-learning-lesson-navigator header h3 { font-family: var(--g32c-font-sans) !important; color: #f0e6d9 !important; font-size: 1.1rem !important; line-height: 1.28 !important; font-weight: 720 !important; letter-spacing: -0.01em; } .page-agentic-ai-glossary .agentic-learning-lesson-card { min-height: 3.55rem !important; padding: 0.72rem 0.8rem !important; gap: 0.66rem !important; } .page-agentic-ai-glossary .agentic-learning-lesson-card strong { font-family: var(--g32c-font-sans) !important; font-size: 0.91rem !important; line-height: 1.34 !important; font-weight: 660 !important; } .page-agentic-ai-glossary .agentic-learning-lesson-card em { font-family: var(--g32c-font-sans) !important; font-size: 0.76rem !important; } .page-agentic-ai-glossary .agentic-learning-lesson-card:not(.is-active) small { display: none !important; } .page-agentic-ai-glossary .agentic-learning-lesson-card.is-active small { display: block; margin-top: 0.16rem; color: #9ea9a6 !important; font-size: 0.76rem !important; line-height: 1.35 !important; } .page-agentic-ai-glossary .agentic-learning-lesson-detail { max-width: 60rem !important; background: radial-gradient(circle at 88% 0%, rgba(117, 38, 75, 0.08), transparent 28rem), linear-gradient(155deg, rgba(17, 15, 20, 0.93), rgba(8, 8, 12, 0.96)) !important; } .page-agentic-ai-glossary .agentic-learning-lesson-heading, .page-agentic-ai-glossary .agentic-learning-lesson-story, .page-agentic-ai-glossary .agentic-learning-steps, .page-agentic-ai-glossary .agentic-learning-overlift-proof, .page-agentic-ai-glossary .agentic-learning-related-grid, .page-agentic-ai-glossary .agentic-learning-governed-queries, .page-agentic-ai-glossary .agentic-learning-lesson-footer { font-family: var(--g32c-font-sans) !important; } .page-agentic-ai-glossary .agentic-learning-lesson-heading p, .page-agentic-ai-glossary .agentic-learning-lesson-story p, .page-agentic-ai-glossary .agentic-learning-steps p, .page-agentic-ai-glossary .agentic-learning-overlift-proof p, .page-agentic-ai-glossary .agentic-learning-related-grid p, .page-agentic-ai-glossary .agentic-learning-governed-queries p { color: #d5cbc0 !important; font-family: var(--g32c-font-sans) !important; font-size: var(--g32c-body-size) !important; line-height: var(--g32c-body-leading) !important; } .page-agentic-ai-glossary .agentic-learning-lesson-story, .page-agentic-ai-glossary .agentic-learning-why, .page-agentic-ai-glossary .agentic-learning-plain-language { background: rgba(28, 23, 24, 0.64) !important; border-color: rgba(218, 177, 108, 0.16) !important; } .page-agentic-ai-glossary .agentic-learning-engineering-view, .page-agentic-ai-glossary .agentic-learning-overlift-proof, .page-agentic-ai-glossary .agentic-learning-related-grid > div, .page-agentic-ai-glossary .agentic-learning-governed-queries { background: rgba(5, 19, 27, 0.64) !important; border-color: rgba(216, 106, 179, 0.16) !important; } .page-agentic-ai-glossary .agentic-learning-step-card { padding: 1rem !important; } .page-agentic-ai-glossary .agentic-learning-step-card strong { font-family: var(--g32c-font-sans) !important; font-size: 0.96rem !important; line-height: 1.35 !important; } .page-agentic-ai-glossary .agentic-learning-step-card p { margin-top: 0.4rem !important; } .page-agentic-ai-glossary .agentic-learning-related-grid a, .page-agentic-ai-glossary .agentic-learning-source-links a, .page-agentic-ai-glossary .agentic-learning-governed-queries button, .page-agentic-ai-glossary .agentic-glossary-related a, .page-agentic-ai-glossary .agentic-glossary-source-links a, .page-agentic-ai-glossary .agentic-glossary-chip, .page-agentic-ai-glossary .agentic-glossary-term-chip { min-height: 2.5rem !important; display: inline-flex !important; align-items: center !important; padding: 0.58rem 0.82rem !important; font-family: var(--g32c-font-sans) !important; font-size: clamp(0.82rem, 0.79rem + 0.08vw, 0.88rem) !important; line-height: 1.3 !important; } .page-agentic-ai-glossary .agentic-learning-next-button { min-height: 3rem !important; padding-inline: 1rem !important; font-family: var(--g32c-font-sans) !important; font-size: 0.92rem !important; font-weight: 720 !important; } .page-agentic-ai-glossary .agentic-learning-practice-options { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.9rem !important; align-items: start; } .page-agentic-ai-glossary .agentic-learning-practice-drawer { margin: 0 !important; overflow: hidden; border: 1px solid rgba(211, 170, 100, 0.17) !important; border-radius: 1rem !important; background: radial-gradient(circle at 92% -30%, rgba(122, 37, 76, 0.12), transparent 60%), linear-gradient(145deg, rgba(16, 14, 20, 0.92), rgba(7, 7, 10, 0.96)) !important; box-shadow: 0 0.75rem 1.7rem rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255,255,255,0.025); transition: border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease; } .page-agentic-ai-glossary .agentic-learning-practice-drawer:hover, .page-agentic-ai-glossary .agentic-learning-practice-drawer:focus-within { border-color: rgba(228, 189, 122, 0.39) !important; transform: translateY(-1px); box-shadow: 0 1rem 2.2rem rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.04); } .page-agentic-ai-glossary .agentic-learning-practice-drawer[open] { grid-column: 1 / -1; transform: none; border-color: rgba(228, 189, 122, 0.31) !important; } .page-agentic-ai-glossary .agentic-learning-practice-drawer > summary { min-height: 5.15rem !important; display: grid !important; grid-template-columns: 2.75rem minmax(0, 1fr) 1.5rem; align-items: center; gap: 0.85rem; padding: 0.9rem 1rem !important; border: 0 !important; border-radius: 1rem !important; background: transparent !important; cursor: pointer; list-style: none; } .page-agentic-ai-glossary .agentic-learning-practice-drawer > summary::-webkit-details-marker { display: none; } .page-agentic-ai-glossary .agentic-learning-practice-icon { width: 2.7rem; height: 2.7rem; display: inline-grid; place-items: center; border: 1px solid rgba(230, 190, 120, 0.30); border-radius: 0.78rem; background: linear-gradient(145deg, rgba(102, 61, 27, 0.54), rgba(44, 25, 22, 0.70)); color: #f1d29a; font-size: 1.15rem !important; font-weight: 680; } .page-agentic-ai-glossary .agentic-learning-practice-copy { min-width: 0; display: grid; gap: 0.18rem; } .page-agentic-ai-glossary .agentic-learning-practice-copy strong { color: #f0e7dc !important; font-family: var(--g32c-font-sans) !important; font-size: 1rem !important; line-height: 1.3 !important; font-weight: 720 !important; } .page-agentic-ai-glossary .agentic-learning-practice-copy small { color: #a99f94 !important; font-size: var(--g32c-meta-size) !important; line-height: 1.45 !important; } .page-agentic-ai-glossary .agentic-learning-practice-chevron { justify-self: end; color: #d4ad6c !important; font-size: 1.55rem !important; line-height: 1; transition: transform 150ms ease; } .page-agentic-ai-glossary .agentic-learning-practice-drawer[open] > summary .agentic-learning-practice-chevron { transform: rotate(90deg); } .page-agentic-ai-glossary .agentic-learning-comparison-workspace, .page-agentic-ai-glossary .agentic-learning-quiz-workspace { margin: 0 0.9rem 0.9rem !important; border: 1px solid rgba(216, 106, 179, 0.14) !important; border-radius: 0.9rem !important; background: rgba(5, 14, 20, 0.58) !important; } .page-agentic-ai-glossary .site-footer .footer-name { color: #e7c17d !important; font-size: clamp(1.25rem, 1.15rem + 0.25vw, 1.45rem) !important; font-weight: 590 !important; letter-spacing: -0.015em; } .page-agentic-ai-glossary .site-footer .footer-copy { max-width: 70ch; margin-top: 0.55rem !important; color: #d8cec2 !important; font-family: var(--g32c-font-sans) !important; font-size: 1rem !important; line-height: 1.66 !important; } .page-agentic-ai-glossary .site-footer .footer-stack-copy, .page-agentic-ai-glossary .site-footer .footer-meta-copy { margin-top: 0.6rem !important; color: #aaa095 !important; font-family: var(--g32c-font-sans) !important; font-size: 0.88rem !important; line-height: 1.58 !important; } .page-agentic-ai-glossary .site-footer .footer-nav, .page-agentic-ai-glossary .site-footer .footer-link-row { margin-top: 0.85rem !important; gap: 0.45rem !important; } .page-agentic-ai-glossary .site-footer .footer-nav-link, .page-agentic-ai-glossary .site-footer .footer-nav-link-plain { min-height: 2.7rem !important; padding: 0.62rem 0.82rem !important; font-family: var(--g32c-font-sans) !important; font-size: 0.9rem !important; font-weight: 640 !important; } .page-agentic-ai-glossary .site-footer .footer-cta-link { min-height: 2.9rem !important; font-family: var(--g32c-font-sans) !important; font-size: 0.92rem !important; font-weight: 720 !important; } @media (max-width: 900px) { .page-agentic-ai-glossary .agentic-learning-workspace { grid-template-columns: 1fr !important; } .page-agentic-ai-glossary .agentic-learning-lesson-navigator { position: static !important; } .page-agentic-ai-glossary .agentic-learning-lesson-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem !important; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body { grid-template-columns: 1fr; } } @media (max-width: 700px) { body.page-agentic-ai-glossary { --g32c-body-size: 1rem; --g32c-secondary-size: 0.91rem; --g32c-control-size: 0.9rem; } .page-agentic-ai-glossary .agentic-learning-practice-options { grid-template-columns: 1fr !important; } .page-agentic-ai-glossary .agentic-learning-practice-drawer[open] { grid-column: auto; } .page-agentic-ai-glossary .agentic-learning-lesson-list { grid-template-columns: 1fr; } .page-agentic-ai-glossary .agentic-learning-related-grid a, .page-agentic-ai-glossary .agentic-learning-source-links a, .page-agentic-ai-glossary .agentic-learning-governed-queries button, .page-agentic-ai-glossary .agentic-glossary-related a, .page-agentic-ai-glossary .agentic-glossary-source-links a, .page-agentic-ai-glossary .agentic-glossary-chip, .page-agentic-ai-glossary .agentic-glossary-term-chip { min-height: 2.7rem !important; } } @media (max-width: 430px) { .page-agentic-ai-glossary .agentic-learning-practice-drawer > summary { grid-template-columns: 2.55rem minmax(0, 1fr) 1.15rem; gap: 0.65rem; padding: 0.82rem 0.85rem !important; } .page-agentic-ai-glossary .agentic-learning-practice-icon { width: 2.5rem; height: 2.5rem; } .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics > summary, .page-agentic-ai-glossary .agentic-glossary-explore-diagnostics-body { padding-inline: 0.85rem !important; } .page-agentic-ai-glossary .site-footer .footer-copy { font-size: 0.96rem !important; } } @media (prefers-reduced-motion: reduce) { .page-agentic-ai-glossary .agentic-learning-practice-drawer, .page-agentic-ai-glossary .agentic-learning-practice-chevron { transition: none !important; } }