/* ============================================================================
   Beam Document Design System — single source of truth
   ----------------------------------------------------------------------------
   Linked by every Beam Discovery HTML spec under docs/. Change a token value
   here and every linked document updates. Do not hardcode brand colors, fonts,
   or the logo path inside individual documents — reference these tokens and
   chrome classes instead.

   Companion: beam-spec-compat.css maps older spec token names
   (--accent, --sink, --dim, ...) onto these canonical tokens.
   ========================================================================== */

@font-face {
  font-family: "Satoshi";
  src: url("./fonts/satoshi-regular.woff") format("woff");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "Satoshi";
  src: url("./fonts/satoshi-medium.woff") format("woff");
  font-display: swap;
  font-weight: 500;
}
@font-face {
  font-family: "Satoshi";
  src: url("./fonts/satoshi-bold.woff") format("woff");
  font-display: swap;
  font-weight: 700;
}

:root {
  color-scheme: light;

  /* Surfaces */
  --page: #f7f9fc;          /* page background */
  --bg: #f7f9fc;            /* alias of --page for canonical consumers */
  --surface: #ffffff;       /* panels, cards, shells */
  --surface-soft: #fbfcfe;  /* recessed surfaces */
  --surface-blue: #edf4ff;  /* informational callouts */
  --subtle: #f2f6fb;        /* table headers, rails, soft fills */

  /* Ink */
  --navy: #19154e;          /* headings */
  --night: #0f0c36;
  --text: #172033;          /* body text */
  --muted: #607086;         /* secondary text */
  --faint: #8a98ab;         /* tertiary text, captions */

  /* Lines */
  --line: #dfe6ef;
  --line-strong: #cdd8e6;

  /* Brand */
  --brand: #0099ff;         /* Beam blue — accents, links, focus */
  --brand-dark: #004ecc;
  --brand-soft: #e5efff;
  --brand-line: #b9d2ff;

  /* Semantic */
  --good: #0d8f70;   --good-soft: #e8f8f3;   --good-line: #bfe7dc;
  --warn: #a86405;   --warn-soft: #fff5df;   --warn-line: #efd28c;
  --risk: #b42318;   --risk-soft: #fff1f0;   --risk-line: #f0c7c3;
  --violet: #7544cd; --violet-soft: #f0eaff;
  --slate: #475569;  --slate-soft: #eef2f6;
  --orange: #b45309; --orange-soft: #ffedd5;

  /* Type + geometry */
  --sans: "Satoshi", "Inter", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "DM Mono", "Fragment Mono", "Geist Mono", ui-monospace, "SF Mono",
    Menlo, Consolas, monospace;
  --radius: 10px;
  --radius-sm: 8px;
  --radius-panel: 10px;
  --radius-row: 8px;
  --border: 1px solid var(--line);
  --shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--text);
  background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 420px, #f7f9fc 100%);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.55;
  overflow-x: hidden;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}

main {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 48px 16px 72px;
}

header,
section,
.summary,
.toc,
.card,
.matrix,
.evidence-card,
.artifact-card,
.proof-dashboard,
.screen,
.code-panel {
  min-width: 0;
  border: var(--border);
  border-radius: var(--radius-panel);
  background: var(--surface);
  box-shadow: var(--shadow);
}

header {
  padding: 30px 32px 32px;
}

section {
  margin-top: 18px;
  padding: 24px;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  max-width: 18ch;
  margin-bottom: 12px;
  color: var(--navy);
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: 0;
}

h2 {
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin-bottom: 10px;
  color: var(--navy);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
}

h2 .num {
  color: var(--brand);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 500;
}

h3 {
  margin-bottom: 8px;
  color: var(--navy);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
}

a {
  color: var(--brand-dark);
  font-weight: 700;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(0, 153, 255, 0.26);
  outline-offset: 2px;
}

ul,
ol {
  margin: 0;
  padding-left: 20px;
}

li + li {
  margin-top: 6px;
}

table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: var(--radius-row);
  background: var(--surface);
}

th,
td {
  padding: 12px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  text-align: left;
}

th {
  color: #3b4657;
  background: #f2f6fb;
  font-size: 13px;
  font-weight: 700;
}

tr:last-child td {
  border-bottom: 0;
}

code {
  border-radius: 5px;
  padding: 2px 5px;
  color: #27364d;
  background: #eef3f9;
  font-family: var(--mono);
  font-size: 0.92em;
}

/* ---- Beam document chrome -------------------------------------------------
   Reusable header lockup + metadata badges. Markup:
   <div class="brand-row">
     <div class="brand-lockup"><span class="brand-mark"></span><span>Beam Discovery</span></div>
     <span class="doc-type">UX Spec</span>
   </div>
   <div class="meta">
     <span class="badge ready">Status: ...</span> ...
   </div>
   -------------------------------------------------------------------------- */

.brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--navy);
  font-family: var(--sans);
  font-weight: 700;
}

.brand-mark {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  flex: 0 0 auto;
  background: center / contain no-repeat url("./beam-mark.png");
}

.doc-type {
  color: var(--brand-dark);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eyebrow {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin: 0 0 10px;
  color: var(--brand-dark);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eyebrow::before {
  content: "";
  width: 22px;
  height: 2px;
  border-radius: 999px;
  background: var(--brand);
}

.muted {
  color: var(--muted);
}

.meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--muted);
  background: #eef3f9;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.badge.ready { color: var(--good); background: var(--good-soft); }
.badge.decision { color: var(--warn); background: var(--warn-soft); }
.badge.partial { color: var(--violet); background: var(--violet-soft); }
.badge.risk { color: var(--risk); background: var(--risk-soft); }

.summary {
  margin-top: 18px;
  padding: 18px;
  border-color: #b9d2ff;
  background: var(--surface-blue);
}

.summary strong {
  color: var(--navy);
}

.toc {
  margin-top: 12px;
  padding: 8px 18px 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.toc-title {
  display: none;
}

.toc-title strong {
  color: var(--muted);
  font-size: 15px;
  font-weight: 500;
}

.toc-title span {
  color: var(--faint);
  font-family: var(--mono);
  font-size: 11px;
  text-transform: none;
}

.toc ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.toc > ol {
  display: block;
}

.toc-group {
  padding: 0;
  border: 0;
  background: transparent;
}

.toc-group + .toc-group {
  margin-top: 11px;
}

.toc-group-title {
  display: inline-block;
  margin-bottom: 5px;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.15;
  text-transform: none;
}

.toc-sublist {
  display: grid;
  gap: 0;
}

.toc a {
  display: inline-block;
  min-height: 0;
  padding: 0;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
}

.toc a:hover {
  color: var(--brand-dark);
  border-color: var(--brand-line);
  text-decoration: none;
}

.toc-num {
  display: none;
}

.toc-sublist li {
  margin-top: 5px;
  padding-left: 24px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.card {
  padding: 16px;
  border-radius: var(--radius-row);
  box-shadow: none;
}

.card strong {
  display: block;
  margin-bottom: 6px;
  color: var(--navy);
}

.lead {
  max-width: 760px;
  margin-bottom: 16px;
  color: var(--muted);
}

.callout {
  border-left: 4px solid var(--brand);
  padding: 14px 16px;
  border-radius: var(--radius-row);
  background: var(--surface-blue);
}

.step-list {
  display: grid;
  gap: 10px;
  padding-left: 0;
  list-style: none;
}

.step-list li {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-row);
  background: var(--surface-soft);
}

.actor {
  color: var(--brand-dark);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.matrix {
  overflow: hidden;
  box-shadow: none;
}

.section-lede {
  max-width: 860px;
  margin-bottom: 14px;
  color: var(--muted);
}

.insight-map {
  display: grid;
  gap: 12px;
}

.insight-row {
  display: grid;
  grid-template-columns: minmax(160px, 0.9fr) minmax(180px, 1fr) minmax(180px, 1.1fr);
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-row);
  background: var(--surface-soft);
}

.insight-row strong {
  display: block;
  color: var(--navy);
}

.insight-row small,
.evidence-card small,
.artifact-card small {
  display: block;
  margin-bottom: 6px;
  color: var(--faint);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.status-grid,
.evidence-grid,
.artifact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.proof-dashboard {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  box-shadow: none;
}

.proof-stat {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-row);
  background: var(--surface-soft);
}

.proof-stat strong {
  display: block;
  color: var(--navy);
  font-size: 22px;
  line-height: 1;
}

.proof-stat span {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
}

.hero-proof {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 18px;
}

.hero-proof .screen {
  margin: 0;
  background: var(--surface-soft);
}

.hero-result {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-panel);
  padding: 16px;
  background: var(--surface-soft);
}

.hero-result strong {
  display: block;
  color: var(--navy);
  font-size: 18px;
}

.hero-result p {
  margin: 8px 0 0;
  color: var(--muted);
}

.proof-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.proof-links a,
.proof-links span {
  border: 1px solid var(--brand-line);
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--brand-soft);
  color: var(--brand-dark);
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 720px) {
  .hero-proof {
    grid-template-columns: 1fr;
  }
}

.evidence-card,
.artifact-card {
  padding: 16px;
  box-shadow: none;
}

.artifact-card {
  border-color: var(--brand-line);
  background: var(--surface-blue);
}

.status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  color: var(--slate);
  background: var(--slate-soft);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.status-pill.pass {
  color: var(--good);
  background: var(--good-soft);
}

.status-pill.partial {
  color: var(--warn);
  background: var(--warn-soft);
}

.status-pill.blocked {
  color: var(--risk);
  background: var(--risk-soft);
}

.screen {
  margin: 14px 0 0;
  padding: 14px;
  box-shadow: none;
}

.screen img,
.screen svg {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-row);
  background: var(--surface-soft);
}

.screen figcaption {
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
}

.screen.portrait {
  max-width: 420px;
}

.code-panel {
  padding: 14px;
  color: var(--text);
  background: var(--subtle);
  box-shadow: none;
  overflow-x: auto;
}

.code-panel pre {
  margin: 0;
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.footer {
  margin-top: 18px;
  color: var(--muted);
  font-size: 13px;
}

@media (max-width: 720px) {
  main {
    padding: 24px 12px 56px;
  }

  header,
  section,
  .summary,
  .toc {
    padding: 20px;
  }

  .brand-row {
    align-items: flex-start;
    margin-bottom: 22px;
  }

  .toc-title {
    align-items: flex-start;
  }

  .toc a {
    font-size: 14px;
  }

  .toc-group-title {
    font-size: 16px;
  }

  .toc-sublist li {
    padding-left: 18px;
  }

  .grid,
  .status-grid,
  .evidence-grid,
  .artifact-grid,
  .proof-dashboard,
  .insight-row,
  .step-list li {
    grid-template-columns: 1fr;
  }

  .matrix,
  table {
    display: block;
    overflow-x: auto;
  }

  .badge { white-space: normal; }
}

/* Small interaction/layout helpers used by browser-reviewable docs. */
.toc-indent {
  margin-left: 18px;
}

.confirm.is-dismissed {
  opacity: 0.25 !important;
  transform: scale(0.98) !important;
  transition: opacity 0.35s ease, transform 0.35s ease !important;
}

.node-tooltip.pos-lead-handoff {
  left: 30%;
  top: 34%;
}

.node-popover.pos-lead-handoff {
  left: 22%;
  top: 42%;
}

.node-tooltip.pos-system-handoff {
  left: 55%;
  top: 22%;
}

.node-popover.pos-system-handoff {
  left: 50%;
  top: 25%;
}

.node-tooltip.pos-exception {
  left: 53%;
  top: 62%;
}

.node-popover.pos-exception {
  left: 51%;
  top: 60%;
}

.node-tooltip.pos-salesforce {
  left: 70%;
  top: 38%;
}

.node-popover.pos-salesforce {
  left: 60%;
  top: 42%;
}

/* ---- Vertical step rail (numbered walkthrough with a connecting line) ----
   Reusable across any doc that walks through a numbered sequence of screens
   or steps — e.g. UX-spec wireframe triads. First authored in
   docs/product/features/task-mining/v0/scratch-pad.html; kept global (not
   body-scoped) so any doc that links this stylesheet can use it as-is. */
.rail {
  position: relative;
  margin: 16px 0 0;
}

.rail-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--brand-dark);
}

.rail-head::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line-strong);
}

.rail-step {
  position: relative;
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 18px;
  padding-bottom: 30px;
}

.rail-step::before {
  content: "";
  position: absolute;
  left: 21px;
  top: 44px;
  bottom: 0;
  width: 2px;
  background: var(--line-strong);
}

.rail-node {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-family: var(--mono);
  font-weight: 700;
  font-size: 17px;
  box-shadow: 0 0 0 5px #fff;
}

.rail-body {
  min-width: 0;
}

.rail-title {
  font-size: 16.5px;
  font-weight: 700;
  color: var(--navy);
  margin: 8px 0 12px;
}

.rail-substep {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px dashed var(--line-strong);
  border-radius: var(--radius-row);
  background: var(--surface-soft);
  font-size: 12px;
  color: var(--muted);
}

/* Fallback for any .rail-substep label not migrated to .state-head below —
   was 9.5px mono caps (illegible at a glance, per 2026-07-06 review); now a
   normal readable title. */
.rail-substep > b:first-child {
  display: block;
  color: var(--navy);
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 700;
}

/* ---- Sub-state / open-question heading (pairs with .rail-substep) --------
   A colored kicker chip names what KIND of thing this is — a sub-state, an
   open design question — so it's never mistaken for a new numbered screen;
   the title next to it gets the same weight class as .rail-title so it
   actually reads as a landmark instead of a caption you can scroll past. */
.state-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 4px;
}
.state-kicker {
  display: inline-flex;
  align-items: center;
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  background: var(--slate);
  border-radius: 999px;
  padding: 3px 10px;
}
.state-kicker.is-question {
  background: var(--warn);
}
.state-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--navy);
}

/* ---- State canvas (light backdrop for isolated component/state previews) -
   Reusable across any doc. First authored to fix Task Mining v0's O1 PiP
   sub-states, where a dark stage + a dark card + a dark component were three
   indistinguishable black layers (2026-07-06 review). Rule of thumb:
   components that are genuinely self-contained UI (already carry their own
   background/border/shadow, e.g. a PiP) float directly on the canvas via
   .state-cell; components that are fragments of a larger dark screen (ledger
   rows, a stage list) keep their .interview-card wrapper, which now reads as
   a floating card instead of blending into a black canvas behind it — its
   existing shadow was already there, just invisible against black. */
.state-canvas {
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius-row);
  background: repeating-linear-gradient(135deg, #f4f6f9, #f4f6f9 11px, #eef1f6 11px, #eef1f6 22px);
}
.state-grid {
  display: grid;
  gap: 18px;
  align-items: start;
  grid-template-columns: repeat(var(--cols, 2), minmax(0, 1fr));
}
.state-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.state-cell-label {
  align-self: flex-start;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 12px;
}
.state-cell-note {
  align-self: flex-start;
  text-align: left;
  font-size: 11.5px;
  color: var(--muted);
  line-height: 1.5;
  margin-top: 10px;
}
.state-cell-note b {
  color: var(--navy);
}

@media (max-width: 820px) {
  .rail-step {
    grid-template-columns: 34px 1fr;
    gap: 12px;
  }
  .rail-node {
    width: 34px;
    height: 34px;
    font-size: 14px;
  }
  .rail-step::before {
    left: 16px;
  }
}

@media (max-width: 760px) {
  .state-grid {
    grid-template-columns: 1fr;
  }
}

/* === BEGIN MIGRATED DOC HTML CSS === */
/*
   Generated by the docs HTML CSS migration.
   Keep HTML files under docs/ free of <style> blocks and style attributes.
   Shared utilities are intentionally global; legacy document rules are scoped
   by body class so historical generic selectors do not collide.
*/
/* Inline-style utility classes */
.bd-u-0012f6c4a5 { gap: 0 !important; }
.bd-u-002e257489 { border-right: 1px solid var(--accent-line) !important; }
.bd-u-00594691c3 { left: 8px !important; }
.bd-u-012ab82da6 { left: 64% !important; }
.bd-u-013f18d99c { border-radius: 9px !important; }
.bd-u-01cd36f3d5 { place-items: center !important; }
.bd-u-0201a2a064 { display: inline-block !important; }
.bd-u-027d4b2170 { margin: 6px 0 10px !important; }
.bd-u-03375b4580 { width: 8% !important; }
.bd-u-034359d7a8 { width: 0% !important; }
.bd-u-034f07f970 { margin: 0 auto 8px !important; }
.bd-u-035790fa8c { margin-top: 5px !important; }
.bd-u-04208d2cc6 { border-radius: 4px !important; }
.bd-u-04870b8aa1 { width: 63% !important; }
.bd-u-04ff68f71b { padding: 3px 5px !important; }
.bd-u-05854e515d { font-size: 14px !important; }
.bd-u-0637c2ad94 { max-width: 88% !important; }
.bd-u-069f664709 { background: #161c2b !important; }
.bd-u-06d6be6373 { left: 63.1% !important; }
.bd-u-07269ed421 { width: 51% !important; }
.bd-u-077c079862 { margin-right: 8px !important; }
.bd-u-0826efb44d { left: 10px !important; }
.bd-u-0829848ebe { line-height: 2 !important; }
.bd-u-082f045b23 { padding: 16px 18px !important; }
.bd-u-083fe53749 { flex: 1.2 !important; }
.bd-u-0841070abd { min-height: 230px !important; }
.bd-u-08804226ac { color: var(--accent-text) !important; }
.bd-u-09bcefcf9b { width: 64px !important; }
.bd-u-09c28d61a0 { width: 300px !important; }
.bd-u-0a5f6b43c8 { margin: 16px 0 6px !important; }
.bd-u-0a9e77da62 { width: 150px !important; }
.bd-u-0b4e7b8bdc { margin: 14px 0 6px !important; }
.bd-u-0c0920e62e { border: 3px solid var(--accent-line) !important; }
.bd-u-0c4a5a075e { height: 12px !important; }
.bd-u-0c58474a31 { border-left-color: var(--orange) !important; }
.bd-u-0c8110c407 { stroke: var(--prib) !important; }
.bd-u-0cf869fe52 { padding: 8px !important; }
.bd-u-0d15025219 { justify-items: center !important; }
.bd-u-0d56a2125b { flex: 1.4 !important; }
.bd-u-0d69900b27 { opacity: .7 !important; }
.bd-u-0d69e4b1d4 { margin-top: 8px !important; }
.bd-u-0da05dd940 { overflow: hidden !important; }
.bd-u-0dbf464c7c { min-height: 240px !important; }
.bd-u-0e0f1b2211 { margin: 1px 0 !important; }
.bd-u-0e767e1099 { font-size: 26px !important; }
.bd-u-0eac3cabc9 { font-size: 34px !important; }
.bd-u-0ec2a19866 { padding: 4px 5px !important; }
.bd-u-0f22043c16 { margin: 0 0 22px !important; }
.bd-u-0f6f74a2ad { margin: 6px 0 0 !important; }
.bd-u-0f945e9239 { border-color: hsl(142 71% 45% / .35) !important; }
.bd-u-0ff6e50140 { box-shadow: 0 6px 18px rgba(15,15,15,.14) !important; }
.bd-u-0fff9bdb77 { width: 200px !important; }
.bd-u-1067576678 { color: #3a3b42 !important; }
.bd-u-113542aa21 { border-color: var(--red) !important; }
.bd-u-117f422526 { background: radial-gradient(circle at 38% 36%,#cdd6e6,#9aa6bd) !important; }
.bd-u-119ff6ed0c { background: var(--brand) !important; }
.bd-u-11b271bbd0 { padding: 20px !important; }
.bd-u-11fcdc576e { font-size: 12px !important; }
.bd-u-122d62c10d { border-left-color: var(--red) !important; }
.bd-u-12311cebcf { color: var(--green) !important; }
.bd-u-12e791792f { color: #fff !important; }
.bd-u-12f7a6664d { padding: 13px 14px 0 !important; }
.bd-u-137883a7fe { border: 1px solid #cdd7e2 !important; }
.bd-u-13f13518e3 { height: 54px !important; }
.bd-u-144919ac93 { line-height: 1 !important; }
.bd-u-144f3e0e5c { max-width: none !important; }
.bd-u-148e69d38e { grid-template-columns: 220px 1fr !important; }
.bd-u-152e6f6b5b { width: 40px !important; }
.bd-u-15c7ce7432 { top: -8px !important; }
.bd-u-16000cc0ae { width: 100% !important; }
.bd-u-16078cc427 { left: 58% !important; }
.bd-u-1633b85238 { left: 392px !important; }
.bd-u-16949d4de3 { margin-bottom: 8px !important; }
.bd-u-1706d181bd { padding: 0 12px 11px !important; }
.bd-u-171db0eaee { gap: 14px !important; }
.bd-u-177c6f0ecf { justify-content: flex-end !important; }
.bd-u-179660d66a { padding: 11px 13px !important; }
.bd-u-17bdaf502b { flex: .7 !important; }
.bd-u-18125b9fb2 { flex-direction: column !important; }
.bd-u-181b1d433c { margin: 0 0 14px !important; }
.bd-u-1830578f43 { width: 38% !important; }
.bd-u-18640258a6 { width: 480px !important; }
.bd-u-187f1971dd { animation: spin 1s linear infinite !important; }
.bd-u-190ff8ad65 { height: 90px !important; }
.bd-u-19ebe24ba3 { border-top: 1px dashed var(--line) !important; }
.bd-u-1a7f74963e { border-bottom: 1px solid var(--subtle) !important; }
.bd-u-1b10dc7cb0 { max-height: 78px !important; }
.bd-u-1be8958b36 { width: 18px !important; }
.bd-u-1c3693faf5 { right: 2px !important; }
.bd-u-1c8192cb6e { border-left: 3px solid var(--green) !important; }
.bd-u-1cd2eeb99f { white-space: nowrap !important; }
.bd-u-1d9e9ee0bb { padding: 6px 0 12px !important; }
.bd-u-1df5a45d89 { min-height: 44px !important; }
.bd-u-1e689039ec { gap: 10px !important; }
.bd-u-1e96057d9c { gap: 8px 16px !important; }
.bd-u-1f4768d6bc { margin-top: 32px !important; }
.bd-u-1f7f6b3def { width: 88% !important; }
.bd-u-1ff0dd3cd4 { margin: 0 0 12px !important; }
.bd-u-20535322f4 { height: 46px !important; }
.bd-u-209732a3ee { font-weight: 800 !important; }
.bd-u-20cff0ca4c { padding: 9px 12px !important; }
.bd-u-20f544e943 { cursor: not-allowed !important; }
.bd-u-21491148ef { letter-spacing: 0 !important; }
.bd-u-21a1be8a0d { font-weight: 600 !important; }
.bd-u-21a1f8d735 { background: #c8810a !important; }
.bd-u-22518eea66 { height: fit-content !important; }
.bd-u-228ab0d2eb { border-top: none !important; }
.bd-u-23350281ba { height: 24px !important; }
.bd-u-236fd726d0 { min-width: 320px !important; }
.bd-u-2382b98a46 { color: var(--gd) !important; }
.bd-u-23e627510f { background: #7544cd !important; }
.bd-u-23fc5117be { inset: 0 !important; }
.bd-u-240dfb8b36 { border: 1px solid var(--accent-line) !important; }
.bd-u-245ac929a6 { border-left: 2px solid var(--border-strong) !important; }
.bd-u-24656aa3e8 { background: var(--red-soft) !important; }
.bd-u-24d05d825c { margin: 2px 0 0 !important; }
.bd-u-24d348a210 { font-size: 19px !important; }
.bd-u-254c0f3f05 { background: #9e9e9e !important; }
.bd-u-25a6dfab65 { border-color: hsl(0 72% 63% / .3) !important; }
.bd-u-264b407beb { width: 67% !important; }
.bd-u-26a00e0d91 { top: 68% !important; }
.bd-u-26a2070e1f { border-left-color: var(--violet) !important; }
.bd-u-26bd8be848 { top: 22% !important; }
.bd-u-26f57db199 { background: #fbfbfb !important; }
.bd-u-273cb97580 { background: var(--red) !important; }
.bd-u-27f140e14d { color: var(--border-strong) !important; }
.bd-u-28b1d76375 { right: 10px !important; }
.bd-u-29268d8c58 { top: 178px !important; }
.bd-u-29b7980ab5 { margin-bottom: 16px !important; }
.bd-u-2a0ca8350a { margin: 0 !important; }
.bd-u-2a26b0cc02 { font-family: var(--mono) !important; }
.bd-u-2a87750d4e { border-radius: 11px !important; }
.bd-u-2afb58262d { align-self: flex-end !important; }
.bd-u-2b2ed8053a { border: 1.5px solid var(--border-strong) !important; }
.bd-u-2b51aca605 { line-height: 1.2 !important; }
.bd-u-2ba262c123 { font-style: italic !important; }
.bd-u-2be541fd2a { line-height: 1.6 !important; }
.bd-u-2bf1fa80a4 { padding: 7px 13px !important; }
.bd-u-2c000216b1 { margin: 0 0 6px !important; }
.bd-u-2c230d2dcc { border-left: 1px solid var(--ln) !important; }
.bd-u-2c5fa95fe1 { left: 78.5% !important; }
.bd-u-2c690e719a { background: var(--amber) !important; }
.bd-u-2d300939af { gap: 2px 10px !important; }
.bd-u-2d92f77ece { margin: 0 auto !important; }
.bd-u-2d974e27f0 { color: var(--amber) !important; }
.bd-u-2da4ded6b8 { background: var(--accent) !important; }
.bd-u-2dd00dab77 { top: 8px !important; }
.bd-u-2de678c889 { margin: 14px 0 0 !important; }
.bd-u-2df6a67b83 { margin: 4px 0 6px !important; }
.bd-u-2f23af6b08 { margin-bottom: 18px !important; }
.bd-u-2f3e7e70c5 { border: none !important; }
.bd-u-2f623bbda0 { height: 6px !important; }
.bd-u-2fa11aa8a2 { border-radius: 3px !important; }
.bd-u-2fb6586f67 { margin: 10px 0 4px !important; }
.bd-u-300185fd1a { border-color: var(--accent-line) !important; }
.bd-u-30489cbd39 { text-align: right !important; }
.bd-u-306fb659a7 { margin: 4px auto 12px !important; }
.bd-u-30954d0935 { background: var(--bg) !important; }
.bd-u-30f9f39254 { height: 4px !important; }
.bd-u-312256fb60 { border: 2px solid var(--accent) !important; }
.bd-u-312bc57068 { vertical-align: 2px !important; }
.bd-u-3199e18948 { width: 21% !important; }
.bd-u-31c1cd607d { top: 32.9% !important; }
.bd-u-31f23f52f0 { box-shadow: 0 8px 28px rgba(15,15,15,.14) !important; }
.bd-u-32c65e0d51 { right: 8px !important; }
.bd-u-331ecbc190 { border: 1px solid #a8e0bb !important; }
.bd-u-332e030579 { left: 168px !important; }
.bd-u-33779786a1 { top: 18% !important; }
.bd-u-33b816f196 { border-top-color: var(--accent) !important; }
.bd-u-33f2a66d9f { min-width: 0 !important; }
.bd-u-341c041809 { height: 40px !important; }
.bd-u-34563c318c { top: 100px !important; }
.bd-u-34deaa9b09 { width: 90px !important; }
.bd-u-34e48d00cd { padding: 2px !important; }
.bd-u-35ecb168d4 { gap: 6px !important; }
.bd-u-37317b16df { place-items: start center !important; }
.bd-u-378f2ade8b { color: #8a93a6 !important; }
.bd-u-37b82a673e { border: 1px solid #1b2333 !important; }
.bd-u-38402ba4c2 { left: 32% !important; }
.bd-u-38bd35bcde { font-size: 10.5px !important; }
.bd-u-38c3a1df00 { top: 32% !important; }
.bd-u-38dad53352 { border-left: 3px solid var(--amber) !important; }
.bd-u-3903bef3a7 { border-radius: 14px !important; }
.bd-u-391216406f { left: 58.8% !important; }
.bd-u-39ae4db632 { margin-bottom: 10px !important; }
.bd-u-39b83cc37a { filter: saturate(.55) blur(.3px) !important; }
.bd-u-39eb4253fe { width: 69% !important; }
.bd-u-3a1063a726 { flex: 1.6 !important; }
.bd-u-3a9824e4fd { border-color: var(--wn) !important; }
.bd-u-3c07ddf40d { border-radius: 10px 10px 2px 10px !important; }
.bd-u-3c47d39178 { border-style: dashed !important; }
.bd-u-3c7db76005 { left: 80% !important; }
.bd-u-3cb9bb2ff4 { background: var(--risk) !important; }
.bd-u-3cbf546af0 { width: 61% !important; }
.bd-u-3cf3a74b01 { padding: 10px 14px !important; }
.bd-u-3cfd305c45 { background: hsl(217 100% 50% / .06) !important; }
.bd-u-3d3b5c92e9 { color: #3c3b36 !important; }
.bd-u-3d59ac907b { text-transform: uppercase !important; }
.bd-u-3d8ad14b45 { background: #101325 !important; }
.bd-u-3dca5e522f { color: var(--muted) !important; }
.bd-u-3deaa95832 { margin: 9px 0 0 !important; }
.bd-u-3e14a3436d { background: #1b2433 !important; }
.bd-u-3e49a6496b { width: 170px !important; }
.bd-u-3e574f9bb2 { margin: 0 0 11px !important; }
.bd-u-3eb1dd964f { max-width: 540px !important; }
.bd-u-3ec96985f7 { width: 40% !important; }
.bd-u-3eef6d4068 { min-height: 78px !important; }
.bd-u-3fc56faabe { margin-bottom: 5px !important; }
.bd-u-4021157eec { left: 18% !important; }
.bd-u-406673b502 { top: 2px !important; }
.bd-u-40a0984f72 { left: 30% !important; }
.bd-u-40b1e84aae { background: var(--gd) !important; }
.bd-u-40cb37ba33 { justify-content: space-between !important; }
.bd-u-40dd200042 { margin: 10px 2px 0 !important; }
.bd-u-40fb7afce9 { line-height: 1.95 !important; }
.bd-u-415b4eecf7 { max-width: 100% !important; }
.bd-u-41960cb49b { stroke-width: 1.8 !important; }
.bd-u-41a73cf1f7 { margin: 16px 0 0 !important; }
.bd-u-41d84338c1 { max-width: 420px !important; }
.bd-u-41e781b364 { filter: blur(1.5px) !important; }
.bd-u-42086c5eff { padding: 8px 14px !important; }
.bd-u-4264e9f4a7 { top: 5px !important; }
.bd-u-42a53c7dde { color: var(--mut) !important; }
.bd-u-42d1ef2eeb { font-variant-numeric: tabular-nums !important; }
.bd-u-4355508a69 { font-size: 10px !important; }
.bd-u-43d3954364 { color: #4a4843 !important; }
.bd-u-43d4f847a2 { flex: 3 !important; }
.bd-u-43e4bc0e8b { border: 1.5px solid var(--accent) !important; }
.bd-u-4422aa21a6 { padding: 11px !important; }
.bd-u-44bf077d72 { margin: -6px 0 14px !important; }
.bd-u-464c7fed04 { background: var(--accent-line) !important; }
.bd-u-466ca7b1ce { top: 92px !important; }
.bd-u-467825ce2f { border-bottom-color: var(--red) !important; }
.bd-u-468419997a { background: #1b2333 !important; }
.bd-u-46a7c4f733 { margin-top: 2px !important; }
.bd-u-471adcb6ce { border: 1px solid #e6c97a !important; }
.bd-u-473fcaf166 { padding: 9px 14px 13px !important; }
.bd-u-47dc60163a { height: 52px !important; }
.bd-u-47ed6020c8 { width: 71% !important; }
.bd-u-4810b3c813 { width: 320px !important; }
.bd-u-482bc9c7ab { background: rgba(15,15,15,.18) !important; }
.bd-u-494315dadb { border: 1px solid #f3c79a !important; }
.bd-u-494cc59c6a { min-height: 40px !important; }
.bd-u-4996b5018b { width: 7px !important; }
.bd-u-49c5d1380f { height: 8px !important; }
.bd-u-49c91a4b99 { right: 0 !important; }
.bd-u-49c9406408 { width: 70% !important; }
.bd-u-49f9752602 { margin: 0 0 8px !important; }
.bd-u-4a09fa3722 { padding: 7px 0 !important; }
.bd-u-4a2b6f8967 { border-color: var(--ln2) !important; }
.bd-u-4aae928a30 { border: 1px solid var(--border-strong) !important; }
.bd-u-4ac1dc23f7 { width: 56px !important; }
.bd-u-4bb90035c3 { margin-top: 12px !important; }
.bd-u-4bda5e609c { padding: 14px 12px !important; }
.bd-u-4c0544d550 { margin-top: 16px !important; }
.bd-u-4d357fcede { font-size: 9.5px !important; }
.bd-u-4d5aeaa15a { padding-top: 10px !important; }
.bd-u-4d5d398295 { height: 100% !important; }
.bd-u-4d692343b9 { color: #45464d !important; }
.bd-u-4d7b0f60b9 { gap: 9px !important; }
.bd-u-4dac7a8d37 { border-color: var(--orange) !important; }
.bd-u-4dad2d230b { top: 49.8% !important; }
.bd-u-4e2ed67268 { width: 14px !important; }
.bd-u-4e91564a2f { gap: 4px !important; }
.bd-u-4f7f1ad5d8 { margin-top: 20px !important; }
.bd-u-502af91d2f { background: #fff5df !important; }
.bd-u-50435ff286 { margin-bottom: 0 !important; }
.bd-u-5187b6fd7a { width: 120px !important; }
.bd-u-51f8e61edc { box-shadow: 0 10px 30px rgba(15,15,15,.18) !important; }
.bd-u-51fe20f4ea { margin: 0 0 4px !important; }
.bd-u-5225a27092 { max-width: 820px !important; }
.bd-u-529a226da1 { background: transparent !important; }
.bd-u-5320e2c7bf { max-width: 360px !important; }
.bd-u-5321f54708 { margin-bottom: 7px !important; }
.bd-u-533a8814dd { background: linear-gradient(180deg,#f6fcf8,#fff) !important; }
.bd-u-5359fa16b6 { padding: 9px 0 !important; }
.bd-u-53f2cc2c9c { min-height: 180px !important; }
.bd-u-540b89cfc2 { max-width: 78% !important; }
.bd-u-543c8eb17c { border: 1px solid #bfe9cb !important; }
.bd-u-549f73d656 { border: 1px solid #e5e5e5 !important; }
.bd-u-5523e9ca7b { margin: 10px auto 18px !important; }
.bd-u-5587f3823d { margin: 2px 0 7px !important; }
.bd-u-55abea8ecd { padding: 30px 24px 26px !important; }
.bd-u-55e7f2a043 { vertical-align: middle !important; }
.bd-u-560fd58b04 { padding-top: 9px !important; }
.bd-u-561a76b823 { transform: rotate(-38deg) !important; }
.bd-u-56aa489be7 { margin: 6px auto 12px !important; }
.bd-u-56cae7475b { width: 160px !important; }
.bd-u-570416df93 { line-height: 11px !important; }
.bd-u-57ba4c21a6 { border-radius: 8px !important; }
.bd-u-57e1e47c22 { height: 15px !important; }
.bd-u-587c829c11 { border-color: hsl(0 72% 63% / .4) !important; }
.bd-u-58d353c926 { margin: 12px 0 4px !important; }
.bd-u-58f90e3145 { box-shadow: 0 0 18px rgba(0,153,255,.34) !important; }
.bd-u-59b28d77f3 { max-height: 80px !important; }
.bd-u-5a7e744b95 { margin: 16px 0 7px !important; }
.bd-u-5a9095ece9 { padding: 13px 14px !important; }
.bd-u-5b079dfe7a { background: var(--good) !important; }
.bd-u-5bb7523348 { margin: 9px 0 !important; }
.bd-u-5be72f4005 { display: inline-flex !important; }
.bd-u-5beb8fbe41 { margin-bottom: 12px !important; }
.bd-u-5befcfc211 { height: 64px !important; }
.bd-u-5c286b3968 { font-family: var(--sans) !important; }
.bd-u-5c46d76ffc { border: 1px solid #232a3a !important; }
.bd-u-5ca1ee28d3 { top: 50% !important; }
.bd-u-5ca9b93416 { width: 85% !important; }
.bd-u-5cdb6dd969 { padding: 4px 9px !important; }
.bd-u-5d4ac5fc73 { top: 44px !important; }
.bd-u-5d66380c60 { min-width: 128px !important; }
.bd-u-5d96a88b0a { margin: 8px 0 18px !important; }
.bd-u-5db75d4d4e { font-weight: 700 !important; }
.bd-u-5dc1af63bc { gap: 18px !important; }
.bd-u-5e4897b471 { background: #e5efff !important; }
.bd-u-5fa6d76347 { max-width: 640px !important; }
.bd-u-5fe53da633 { border-left-color: var(--green) !important; }
.bd-u-60e2c94e43 { padding: 0 4px !important; }
.bd-u-61bf10e0f0 { width: 13px !important; }
.bd-u-61dd614c3c { border-left: 1px solid var(--border) !important; }
.bd-u-62149a6cfd { margin-bottom: 20px !important; }
.bd-u-634a28bea4 { flex: 1 !important; }
.bd-u-63bc976bdf { opacity: .8 !important; }
.bd-u-63f14f23fc { width: 230px !important; }
.bd-u-640705be2c { gap: 20px !important; }
.bd-u-6413072d01 { margin-left: 4px !important; }
.bd-u-64e5d5eb6d { color: var(--navy) !important; }
.bd-u-651d764018 { top: 14% !important; }
.bd-u-6528b2713f { width: 30% !important; }
.bd-u-656019f6b0 { padding: 9px 14px !important; }
.bd-u-659c547837 { border-color: #7ab7ff !important; }
.bd-u-65dbbe0550 { box-shadow: 0 14px 44px rgba(15,15,15,.24) !important; }
.bd-u-65f9d5a3d9 { text-align: center !important; }
.bd-u-6651353f90 { font-size: 28px !important; }
.bd-u-6719e2c296 { background: var(--violet) !important; }
.bd-u-672a0f7b08 { max-width: 580px !important; }
.bd-u-6840f0a690 { margin-top: 18px !important; }
.bd-u-68496ce160 { background: #9aa6ba !important; }
.bd-u-685b42c83f { padding: 6px 24px 6px 8px !important; }
.bd-u-68da277b41 { width: 16px !important; }
.bd-u-68dc17a14c { border-bottom: 1px solid var(--border) !important; }
.bd-u-68fd0478eb { opacity: .25 !important; }
.bd-u-69ab4fa8d5 { padding-left: 9px !important; }
.bd-u-69acab0801 { border-color: hsl(217 100% 50% / .4) !important; }
.bd-u-6a4d3445b8 { font-size: 30px !important; }
.bd-u-6a4ecdff8d { align-items: center !important; }
.bd-u-6a69490e73 { padding-top: 7px !important; }
.bd-u-6a7567b5f6 { height: 38px !important; }
.bd-u-6a9c8533cf { max-width: 560px !important; }
.bd-u-6aa194bb43 { padding: 8px 12px !important; }
.bd-u-6b00b483f7 { max-height: 100px !important; }
.bd-u-6b1f0d9798 { margin-top: 4px !important; }
.bd-u-6bd50cb687 { background: radial-gradient(circle at 50% 46%, #fff 0 30%, var(--subtle) 72%) !important; }
.bd-u-6c2e42013b { width: 34px !important; }
.bd-u-6cb540a940 { border: 1px dashed var(--border) !important; }
.bd-u-6cbd4605f6 { border-color: var(--green) !important; }
.bd-u-6ccf0a198c { max-width: 430px !important; }
.bd-u-6cd6ee848d { background: var(--orange-soft) !important; }
.bd-u-6d2d0318ab { width: 31% !important; }
.bd-u-6d3b4e336b { width: 382px !important; }
.bd-u-6dddc00cdb { padding: 32px 24px 26px !important; }
.bd-u-6df6c516b7 { top: 10px !important; }
.bd-u-6e636af52e { inset: 20% 26% 24% 22% !important; }
.bd-u-6e90fda3ed { color: var(--good) !important; }
.bd-u-6ee5fcbb14 { padding: 14px 16px !important; }
.bd-u-6f1f0284f3 { left: 228px !important; }
.bd-u-6f40ead307 { margin: 0 0 7px !important; }
.bd-u-6feda377c6 { width: 42px !important; }
.bd-u-703b877f7c { line-height: 1.9 !important; }
.bd-u-706702395f { background: #e8f8f3 !important; }
.bd-u-70771539bf { background: rgba(255,255,255,.88) !important; }
.bd-u-7079eb8845 { box-shadow: 0 2px 6px rgba(0,0,0,.07) !important; }
.bd-u-70cd83c3c0 { color: #7d889c !important; }
.bd-u-7108fb5a44 { top: 0 !important; }
.bd-u-714f34523d { align-items: flex-start !important; }
.bd-u-71c5a4ac21 { align-items: stretch !important; }
.bd-u-71d319c20d { padding: 8px 11px !important; }
.bd-u-71f829349d { padding: 0 14px 14px !important; }
.bd-u-724811a78a { font-size: 21px !important; }
.bd-u-726a6d1b4a { float: right !important; }
.bd-u-73225c5a37 { top: -4px !important; }
.bd-u-7383fe56c8 { margin-bottom: 4px !important; }
.bd-u-7388621090 { min-width: 148px !important; }
.bd-u-73ed5decbd { color: var(--wn) !important; }
.bd-u-7411cb6198 { padding: 4px !important; }
.bd-u-74366ecb41 { padding: 10px 8px !important; }
.bd-u-7504f291fb { max-height: 230px !important; }
.bd-u-75c3a95fce { border-color: var(--rd) !important; }
.bd-u-76acc294b9 { padding: 14px 0 10px !important; }
.bd-u-771bd03d53 { width: 190px !important; }
.bd-u-774ad9d7d4 { width: 78px !important; }
.bd-u-778158c882 { width: 92px !important; }
.bd-u-77fad25d4d { width: 24px !important; }
.bd-u-783acff722 { padding: 11px 14px !important; }
.bd-u-784e59199e { margin-top: 24px !important; }
.bd-u-78594c00d2 { border: 1px solid var(--green) !important; }
.bd-u-78798f6c4e { border: 0 !important; }
.bd-u-7935fe5f48 { background: var(--navy) !important; }
.bd-u-795d123e9e { min-width: 240px !important; }
.bd-u-7a67a0f58c { width: 82% !important; }
.bd-u-7aa562e0d4 { background: #fbfcfe !important; }
.bd-u-7af2742d4b { right: -6px !important; }
.bd-u-7b3df97d1a { border-radius: 6px !important; }
.bd-u-7b9316dbc2 { gap: 12px 18px !important; }
.bd-u-7c7ea2cde3 { color: #f5f7fb !important; }
.bd-u-7c8ebd9409 { font-weight: 400 !important; }
.bd-u-7cc88f6f20 { margin-right: 6px !important; }
.bd-u-7d4375adc4 { top: 75% !important; }
.bd-u-7d77064717 { margin: 16px 0 12px !important; }
.bd-u-7da4ab1846 { left: 44% !important; }
.bd-u-7da4e821f5 { font-size: 16px !important; }
.bd-u-7dd8fe69ba { background: var(--amber-soft) !important; }
.bd-u-7e30e61c3b { margin: 8px 0 16px !important; }
.bd-u-7e34f9a4d0 { margin: 12px 0 0 !important; }
.bd-u-7ead2e4759 { opacity: .45 !important; }
.bd-u-7f5989e773 { background: #141a28 !important; }
.bd-u-7fd7ef737b { margin-left: auto !important; }
.bd-u-80150d7daf { line-height: 1.5 !important; }
.bd-u-80b37021c5 { max-width: 80% !important; }
.bd-u-813895927c { padding: 13px 14px 7px !important; }
.bd-u-8150fe9456 { gap: 5px !important; }
.bd-u-81595a9825 { font-weight: 500 !important; }
.bd-u-819811d22a { width: 54px !important; }
.bd-u-81c978a34d { background: #f4f4f4 !important; }
.bd-u-82518573a7 { width: 70px !important; }
.bd-u-825356a559 { padding: 12px 14px !important; }
.bd-u-82e0b528cd { height: 14px !important; }
.bd-u-83b8e7afb8 { width: 20px !important; }
.bd-u-83cb248ca3 { width: 15px !important; }
.bd-u-848ca41e53 { margin: 2px 0 8px !important; }
.bd-u-85070536b4 { font-size: 32px !important; }
.bd-u-853d287b2c { width: 62% !important; }
.bd-u-860a9b2b44 { box-shadow: 0 0 0 2px var(--orange-soft),0 0 0 3px #f3c79a !important; }
.bd-u-863740df15 { width: 44px !important; }
.bd-u-864c0727dd { letter-spacing: .03em !important; }
.bd-u-8652267a45 { padding: 6px 9px !important; }
.bd-u-867f806e53 { border: 1px dashed var(--border-strong) !important; }
.bd-u-8681d08084 { right: -4px !important; }
.bd-u-86d5a62908 { width: 60% !important; }
.bd-u-87b2b6dc03 { padding: 7px 9px !important; }
.bd-u-87b926fb27 { border-radius: 7px !important; }
.bd-u-87c5da97db { opacity: .5 !important; }
.bd-u-87f37d5bf4 { padding: 5px 0 !important; }
.bd-u-885a3d1392 { top: -10px !important; }
.bd-u-89f09ccf0b { color: var(--pu) !important; }
.bd-u-8aabf9ac35 { padding: 1px 5px !important; }
.bd-u-8acd33ec30 { background: var(--violet-soft) !important; }
.bd-u-8b0faae559 { margin: 12px 0 6px !important; }
.bd-u-8b767ad399 { width: 6px !important; }
.bd-u-8b9e659840 { padding-top: 34px !important; }
.bd-u-8bdeab7ded { background: var(--prib) !important; }
.bd-u-8bea31219a { transform: rotate(38deg) !important; }
.bd-u-8c84b097c1 { width: 32% !important; }
.bd-u-8cccd11a1b { border-radius: 10px 10px 10px 2px !important; }
.bd-u-8cdcd88b67 { margin-left: 6px !important; }
.bd-u-8ce609ad82 { margin-left: 8px !important; }
.bd-u-8d106d8420 { pointer-events: none !important; }
.bd-u-8d25effdde { flex-wrap: wrap !important; }
.bd-u-8d941d0ef2 { border-left-color: var(--amber) !important; }
.bd-u-8e252847d3 { left: 72% !important; }
.bd-u-8e40972b58 { background: radial-gradient(circle at 50% 46%,#fff,#fafafa 80%) !important; }
.bd-u-8e9eeb47a5 { align-self: flex-start !important; }
.bd-u-8eab68f069 { border-bottom: 2px solid var(--accent) !important; }
.bd-u-8f4d21bb11 { opacity: .55 !important; }
.bd-u-8f59c42957 { opacity: .3 !important; }
.bd-u-901017b304 { background: var(--brand-dark) !important; }
.bd-u-9024592274 { padding: 6px 0 0 0 !important; }
.bd-u-912765e4e3 { top: 52% !important; }
.bd-u-912f2a235f { max-height: 120px !important; }
.bd-u-9181bf1d9d { border-color: var(--violet) !important; }
.bd-u-93013b330f { background: linear-gradient(180deg,rgba(79,109,242,.10),transparent),#0e1320 !important; }
.bd-u-9340156a8c { border-right: 1px solid #e6c97a !important; }
.bd-u-93e2d771c4 { height: 18px !important; }
.bd-u-94694b4428 { height: 56px !important; }
.bd-u-9532d23491 { background: rgba(255,255,255,.92) !important; }
.bd-u-957b2af269 { font-size: 11.5px !important; }
.bd-u-96d3f5f8cd { padding: 6px 10px !important; }
.bd-u-98141f550b { padding: 12px !important; }
.bd-u-98959f35b1 { width: 12px !important; }
.bd-u-98be03149a { background: #fff1f0 !important; }
.bd-u-98dfe884ca { min-height: 130px !important; }
.bd-u-9900459924 { height: 7px !important; }
.bd-u-991212695f { line-height: 12px !important; }
.bd-u-993fff8b1f { height: 44px !important; }
.bd-u-9947f511ed { border-color: var(--amber) !important; }
.bd-u-99c8a27e0f { gap: 7px !important; }
.bd-u-99ff2f677f { text-align: left !important; }
.bd-u-9a27cea067 { font-size: 12.5px !important; }
.bd-u-9a39caad54 { display: grid !important; }
.bd-u-9a411ece32 { margin: 0 0 10px !important; }
.bd-u-9a4f229414 { color: #1a3a28 !important; }
.bd-u-9a77e7e150 { top: 270px !important; }
.bd-u-9a88def613 { height: 50px !important; }
.bd-u-9bc7476a88 { margin: 0 0 9px !important; }
.bd-u-9c57184b69 { padding: 12px 16px !important; }
.bd-u-9c653fdb8b { background: var(--wn) !important; }
.bd-u-9c67e10553 { margin: 0 auto 14px !important; }
.bd-u-9dbc3eb3af { font-weight: 680 !important; }
.bd-u-9e683feb9f { flex: 1.1 !important; }
.bd-u-9f1f1cb3fc { left: 59.7% !important; }
.bd-u-9f78d9d22c { border-left: 3px solid var(--slate) !important; }
.bd-u-9f8e8ba5ac { padding-left: 10px !important; }
.bd-u-9fae320168 { color: var(--blue) !important; }
.bd-u-a02071b627 { opacity: 0.45 !important; }
.bd-u-a0d4a03777 { margin-bottom: 14px !important; }
.bd-u-a114530036 { font-size: 11px !important; }
.bd-u-a128837df2 { top: 74.2% !important; }
.bd-u-a1328d2413 { bottom: 12px !important; }
.bd-u-a1ac83ace6 { height: 150px !important; }
.bd-u-a1f1250830 { background: #cdb8ef !important; }
.bd-u-a2777ef9bd { width: 28% !important; }
.bd-u-a2aab01dad { color: var(--warn) !important; }
.bd-u-a2dd49405c { gap: 11px !important; }
.bd-u-a30397b9c5 { padding: 10px 13px !important; }
.bd-u-a428bafc27 { font-size: 15px !important; }
.bd-u-a430639fdb { height: 1px !important; }
.bd-u-a46afb1b5a { border-radius: 0 !important; }
.bd-u-a4869dd5ba { background: rgba(15,15,15,.28) !important; }
.bd-u-a49d1062d1 { padding: 2px 8px !important; }
.bd-u-a4ab0e9d36 { margin: 0 0 18px !important; }
.bd-u-a5418807c8 { font-size: 13px !important; }
.bd-u-a5595d1152 { margin-top: 6px !important; }
.bd-u-a5838f26b4 { width: 38px !important; }
.bd-u-a610458eb4 { margin: 18px 0 4px !important; }
.bd-u-a65ca44a10 { color: var(--violet) !important; }
.bd-u-a674643524 { margin-top: 11px !important; }
.bd-u-a6eebb0cd0 { border-radius: 5px !important; }
.bd-u-a7242fd3bc { background: #2d255f !important; }
.bd-u-a730029c8a { text-decoration: line-through !important; }
.bd-u-a75378a00b { left: 19.4% !important; }
.bd-u-a77559e76b { background: var(--orange) !important; }
.bd-u-a8a90353ff { position: relative !important; }
.bd-u-a93273378d { max-width: 36ch !important; }
.bd-u-aa1411b2b5 { opacity: .4 !important; }
.bd-u-ab1a21e179 { background: #173a37 !important; }
.bd-u-ac0d4af549 { padding: 0 !important; }
.bd-u-ac195088f7 { height: 22px !important; }
.bd-u-ac1e264f90 { left: 10% !important; }
.bd-u-ac231c42e9 { border-right: 1px solid var(--border) !important; }
.bd-u-aca2e4eb37 { font-weight: 660 !important; }
.bd-u-acb48b4e98 { max-width: 520px !important; }
.bd-u-ace8455aca { background: var(--good-soft) !important; }
.bd-u-ad47987027 { padding: 48px 24px !important; }
.bd-u-ad52a5429b { top: 130px !important; }
.bd-u-ad7a9137c1 { height: 190px !important; }
.bd-u-adcd7b213d { margin-bottom: 3px !important; }
.bd-u-ade9f64838 { margin-top: 7px !important; }
.bd-u-aea3ffec6f { background: none !important; }
.bd-u-af4fe9c85c { width: 74px !important; }
.bd-u-af64868f88 { width: 54% !important; }
.bd-u-afb1c4d31a { width: 12% !important; }
.bd-u-b112d64ea4 { background: var(--rd) !important; }
.bd-u-b2bf6e4645 { border: 1px solid #2b3344 !important; }
.bd-u-b305c5e02f { text-decoration: underline !important; }
.bd-u-b379a52835 { padding: 7px 14px !important; }
.bd-u-b39dc14919 { font-size: 20px !important; }
.bd-u-b3adbc720a { padding: 4px 0 !important; }
.bd-u-b43071f6b5 { height: 74px !important; }
.bd-u-b4500f90e4 { padding: 5px 9px !important; }
.bd-u-b5289faa8d { background: var(--green) !important; }
.bd-u-b59f366529 { font-size: 17px !important; }
.bd-u-b5b43e2762 { margin-top: 9px !important; }
.bd-u-b5d49ee390 { color: var(--faint) !important; }
.bd-u-b62856e72d { flex-shrink: 0 !important; }
.bd-u-b6747a57f9 { left: 81.2% !important; }
.bd-u-b675fd5274 { left: 220px !important; }
.bd-u-b68d4967a5 { color: var(--accent) !important; }
.bd-u-b6bfe9a7fc { width: 26px !important; }
.bd-u-b734db8141 { top: 70% !important; }
.bd-u-b736e1a79f { color: #35d6a6 !important; }
.bd-u-b883e159f7 { background: var(--slate) !important; }
.bd-u-b88891bec8 { padding-bottom: 14px !important; }
.bd-u-b8e6ccd4cb { letter-spacing: .04em !important; }
.bd-u-b9d56faff1 { min-height: 150px !important; }
.bd-u-b9dd9a548d { background: #a8e0bb !important; }
.bd-u-ba4aa01201 { width: 44% !important; }
.bd-u-ba621fca43 { border-top: 1px solid var(--ln) !important; }
.bd-u-bb77d36982 { width: 78% !important; }
.bd-u-bb9b492d86 { background: var(--green-soft) !important; }
.bd-u-bca583113d { margin-left: 5px !important; }
.bd-u-bce5694f08 { color: var(--brand-dark) !important; }
.bd-u-bd293c7661 { display: block !important; }
.bd-u-be329afbe8 { top: 76% !important; }
.bd-u-be6686cd95 { max-width: 620px !important; }
.bd-u-beb8280e51 { color: #3a1f6e !important; }
.bd-u-c079eee0e7 { padding: 8px 0 !important; }
.bd-u-c0e318f698 { background: #007f3d !important; }
.bd-u-c0ecc9325d { border-radius: 10px !important; }
.bd-u-c15b25bfc3 { width: 25% !important; }
.bd-u-c1780db655 { justify-content: center !important; }
.bd-u-c21030240c { color: var(--tx) !important; }
.bd-u-c26114f667 { max-width: 300px !important; }
.bd-u-c311217ce1 { width: 75% !important; }
.bd-u-c34dde5dfa { border-top: 1px solid var(--border) !important; }
.bd-u-c3a8691a66 { max-height: 90px !important; }
.bd-u-c3f2a884de { margin: 14px auto 10px !important; }
.bd-u-c3f3cb56fc { max-width: 340px !important; }
.bd-u-c40d127cd6 { display: flex !important; }
.bd-u-c52d3ef15f { background: #f3c79a !important; }
.bd-u-c5521f3a40 { margin-top: 3px !important; }
.bd-u-c58f38c802 { padding: 34px 24px 28px !important; }
.bd-u-c5ef27ecd7 { fill: none !important; }
.bd-u-c61a10796d { width: 28px !important; }
.bd-u-c671520501 { height: 10px !important; }
.bd-u-c693cbe3dd { position: absolute !important; }
.bd-u-c73cf845d8 { gap: 16px !important; }
.bd-u-c741527ec2 { padding: 16px !important; }
.bd-u-c7f89dfc12 { letter-spacing: .05em !important; }
.bd-u-c8176542d0 { color: #9fb6e6 !important; }
.bd-u-c8dfa2e4ad { background: var(--subtle) !important; }
.bd-u-c8e15d9707 { width: 58% !important; }
.bd-u-c8f25b2f13 { left: 24.6% !important; }
.bd-u-c9a1719e45 { z-index: 2 !important; }
.bd-u-c9bb9553d4 { padding: 3px 8px !important; }
.bd-u-ca5a6377f0 { left: 30px !important; }
.bd-u-cac1c93f4a { padding: 6px 14px !important; }
.bd-u-cad07e6a8c { padding: 9px 11px !important; }
.bd-u-cb6f3eb7cc { width: 30px !important; }
.bd-u-cb73c40418 { left: 28% !important; }
.bd-u-cbc3f22fa7 { margin-top: 34px !important; }
.bd-u-cbf36d8fec { margin: 14px 0 !important; }
.bd-u-cc6cd5ade0 { width: 52px !important; }
.bd-u-ccaa86ac1f { margin: 10px 0 0 !important; }
.bd-u-cce0441f64 { font-size: 22px !important; }
.bd-u-cd46d9406a { bottom: 8px !important; }
.bd-u-cd8ed5e770 { top: 188px !important; }
.bd-u-ce38375820 { padding: 40px !important; }
.bd-u-ce580d9e73 { left: 95px !important; }
.bd-u-ce68bff415 { gap: 12px !important; }
.bd-u-ce8adaedc0 { box-shadow: 0 6px 18px rgba(15,15,15,.1) !important; }
.bd-u-ceecf0acec { width: 92% !important; }
.bd-u-cefa9abb1d { opacity: .42 !important; }
.bd-u-cf00741061 { color: #cdd4e0 !important; }
.bd-u-cf8d4ee675 { padding: 14px !important; }
.bd-u-cfbec4d324 { color: var(--rd) !important; }
.bd-u-cfe7d18129 { height: 30px !important; }
.bd-u-d07599b989 { width: 90% !important; }
.bd-u-d13d5406e3 { margin: 18px 0 !important; }
.bd-u-d14dd1406f { max-height: 130px !important; }
.bd-u-d172acd4ec { width: 125px !important; }
.bd-u-d19329ded4 { background: var(--dim) !important; }
.bd-u-d1e1645235 { border-radius: 999px !important; }
.bd-u-d23385f9d8 { margin-left: 24px !important; }
.bd-u-d2589f9ecb { padding: 10px 12px !important; }
.bd-u-d2d5d783f0 { height: 17px !important; }
.bd-u-d2d9157b02 { width: 42% !important; }
.bd-u-d30f0f3e6a { text-transform: none !important; }
.bd-u-d32f7a90c5 { background: var(--accent-soft) !important; }
.bd-u-d33f831c50 { background: rgba(15,15,15,.25) !important; }
.bd-u-d4018418fc { width: 3% !important; }
.bd-u-d43ad9f27d { grid-template-columns: 1fr 1fr !important; }
.bd-u-d4b29a91af { padding: 10px 0 6px !important; }
.bd-u-d53c964c69 { gap: 3px !important; }
.bd-u-d54128bb72 { border: 1px solid var(--border) !important; }
.bd-u-d586e38315 { top: 24% !important; }
.bd-u-d5945cb32c { margin: 4px 0 !important; }
.bd-u-d59d3084ad { margin: 4px 0 0 !important; }
.bd-u-d5d5a03023 { margin: 8px 0 4px !important; }
.bd-u-d5ec177efb { grid-template-columns: 1fr 1fr 1fr !important; }
.bd-u-d6a1f3e8dc { left: 42px !important; }
.bd-u-d6b448472f { background: #b37903 !important; }
.bd-u-d6e1f97c05 { margin-left: 10px !important; }
.bd-u-d7d761e7f8 { width: 124px !important; }
.bd-u-d80cb3e479 { width: 72% !important; }
.bd-u-d9ddabe6ba { padding: 12px 0 8px !important; }
.bd-u-da22e80e9d { box-shadow: 0 12px 40px rgba(15,15,15,.22) !important; }
.bd-u-da30498ff9 { min-height: 200px !important; }
.bd-u-db16ffe115 { line-height: 1.75 !important; }
.bd-u-db8e2e2d5d { min-height: 38px !important; }
.bd-u-dbc4180005 { margin: 14px 18px 0 !important; }
.bd-u-dc6b6e96b4 { padding: 28px !important; }
.bd-u-dd3f022499 { left: 34% !important; }
.bd-u-dd6b138e8d { width: 41% !important; }
.bd-u-de137367c2 { line-height: 1.55 !important; }
.bd-u-de15608c4d { border-top: 1px solid var(--subtle) !important; }
.bd-u-de2cd27b3e { width: 88px !important; }
.bd-u-de3bf2a91e { width: 145px !important; }
.bd-u-dee0642124 { padding-left: 18px !important; }
.bd-u-dee41fe245 { grid-template-columns: 200px 1fr !important; }
.bd-u-def044637e { margin: 12px 0 14px !important; }
.bd-u-df167cd48c { margin: 2px 0 !important; }
.bd-u-df53ee9768 { line-height: 1.7 !important; }
.bd-u-df68c02a6c { animation-duration: 1.8s !important; }
.bd-u-df768a8264 { border: 1.5px solid var(--accent-line) !important; }
.bd-u-df7cc44c9f { border-left: 3px solid var(--orange) !important; }
.bd-u-df89a18201 { background: #ececec !important; }
.bd-u-dfaa8f84e4 { padding: 14px 0 8px !important; }
.bd-u-dfd18bd806 { background: #fff !important; }
.bd-u-dffc4db2f6 { margin-top: 14px !important; }
.bd-u-e0b1fa5b5f { margin: 18px 0 8px !important; }
.bd-u-e135b5117c { color: var(--orange) !important; }
.bd-u-e17a83bd94 { width: 45% !important; }
.bd-u-e1c8fa9bbf { padding: 7px 12px !important; }
.bd-u-e1f6d8a2d6 { min-height: 300px !important; }
.bd-u-e20f20bf6d { border-color: hsl(45 93% 47% / .4) !important; }
.bd-u-e2aa0619fa { min-width: 200px !important; }
.bd-u-e3459fbee4 { margin: 6px 0 11px !important; }
.bd-u-e41405c953 { font-size: 13.5px !important; }
.bd-u-e48ca9e538 { padding: 4px 14px !important; }
.bd-u-e4998982e9 { padding: 18px !important; }
.bd-u-e55ab11e79 { padding: 1px 7px !important; }
.bd-u-e55dbc638a { width: 55% !important; }
.bd-u-e5a6d3c3d6 { margin-top: 10px !important; }
.bd-u-e61fb1ee4a { top: 34.4% !important; }
.bd-u-e643e710dd { max-width: 400px !important; }
.bd-u-e64a7aa7ee { width: 22px !important; }
.bd-u-e6b76ff488 { max-width: 92% !important; }
.bd-u-e6f05541e3 { color: var(--text) !important; }
.bd-u-e70a3804e4 { top: 48px !important; }
.bd-u-e73a22bd90 { width: 50% !important; }
.bd-u-e77cdad473 { color: var(--prib) !important; }
.bd-u-e7b1306995 { margin-bottom: 6px !important; }
.bd-u-e88778faac { color: var(--dim) !important; }
.bd-u-ea4d48c751 { top: 42.2% !important; }
.bd-u-eb7296a3c5 { border-radius: 2px !important; }
.bd-u-eb7aeaffcd { top: 50.7% !important; }
.bd-u-eb7d2f4789 { max-width: 480px !important; }
.bd-u-ebb6ad4321 { padding: 8px 6px !important; }
.bd-u-ebd2c73038 { font-size: 18px !important; }
.bd-u-ebe5259831 { padding: 7px 10px !important; }
.bd-u-ec0f7ffa7a { margin-top: 0 !important; }
.bd-u-ec40bc7358 { left: 240px !important; }
.bd-u-ec71c596e1 { left: 68% !important; }
.bd-u-ec856d6a81 { font-size: 9px !important; }
.bd-u-ec978e1a54 { height: 13px !important; }
.bd-u-ecb7e23fec { border-left: 3px solid var(--accent) !important; }
.bd-u-ecf8dee553 { width: 91% !important; }
.bd-u-ed0293f9fe { padding: 10px !important; }
.bd-u-ed077f2f1e { top: 28% !important; }
.bd-u-ed0cf106a5 { left: 410px !important; }
.bd-u-ee0dd10c2b { width: 58px !important; }
.bd-u-ee5140f4db { background: #fcfcfc !important; }
.bd-u-ef4f1f9e48 { width: 73% !important; }
.bd-u-efce8af0a4 { background: rgba(15,111,255,.12) !important; }
.bd-u-f021947eab { padding: 5px 8px !important; }
.bd-u-f0905fbd00 { top: 24px !important; }
.bd-u-f0d99fc499 { border-left: 3px solid var(--red) !important; }
.bd-u-f0ee752aea { height: 42px !important; }
.bd-u-f0fb0637d5 { width: 22% !important; }
.bd-u-f1095b3df2 { margin-bottom: 9px !important; }
.bd-u-f17001c3cd { gap: 8px !important; }
.bd-u-f1783b01c6 { grid-template-columns: 1fr !important; }
.bd-u-f1b895412d { border-radius: var(--radius) !important; }
.bd-u-f226b813ac { border: 1px solid var(--ln) !important; }
.bd-u-f2399ff88f { height: 9px !important; }
.bd-u-f27e185107 { margin: 8px 0 0 !important; }
.bd-u-f29b48f0f4 { margin: 16px 0 5px !important; }
.bd-u-f2a8df8515 { color: var(--red) !important; }
.bd-u-f2af64e1dc { padding: 30px 24px 28px !important; }
.bd-u-f2d5a1416e { padding: 0 5px !important; }
.bd-u-f308093aa8 { padding: 7px 11px !important; }
.bd-u-f3c9f6c2d4 { height: 28px !important; }
.bd-u-f4f0cd8741 { overflow: auto !important; }
.bd-u-f553b46d5c { justify-content: flex-start !important; }
.bd-u-f5accfd7dd { color: var(--slate) !important; }
.bd-u-f6e2e07863 { --p: 82 !important; }
.bd-u-f76536b9cf { color: var(--brand) !important; }
.bd-u-f7b67439f8 { border-radius: 12px !important; }
.bd-u-f84453a210 { height: 20px !important; }
.bd-u-f8a6a8bb67 { width: 48% !important; }
.bd-u-f8c894412e { background: conic-gradient(var(--green) 0 62%, var(--subtle) 62% 100%) !important; }
.bd-u-f8f3176f55 { left: 62.5% !important; }
.bd-u-f91de2732c { height: 16px !important; }
.bd-u-f9734ffc29 { width: 84% !important; }
.bd-u-fa2654763a { margin: 18px 0 6px !important; }
.bd-u-fabe3a83a8 { max-width: 780px !important; }
.bd-u-fb292c12f2 { border-radius: 50% !important; }
.bd-u-fba1b14697 { align-content: start !important; }
.bd-u-fbbfa98100 { background: var(--slate-soft) !important; }
.bd-u-fca97fc355 { background: #0d8f70 !important; }
.bd-u-fd2750889c { min-height: 46px !important; }
.bd-u-fd855a13c3 { background: var(--surface-soft) !important; }
.bd-u-fdeaf561ad { padding: 12px 16px 0 !important; }
.bd-u-fe1b052da6 { left: 75% !important; }
.bd-u-fe7a974f7c { height: 300px !important; }
.bd-u-fe8817d9ef { background: #eef4ff !important; }
.bd-u-fec9122765 { padding: 13px 16px !important; }
.bd-u-fece7de626 { border: 1px solid var(--line) !important; }
.bd-u-ffc6f7f49d { margin-top: 22px !important; }
.bd-u-bb5c17a514 { background: #0099ff !important; }
.bd-u-951d732928 { border-color: #a86405 !important; }
.bd-u-254daf3f2b { background: #19154e !important; }
.bd-u-8a961afd7f { background: #fbf0ee !important; }
.bd-u-35bca48328 { border-color: #d9a49c !important; }
.bd-u-0ad556c58c { background: #fdf1cf !important; }
.bd-u-143e0519af { border-color: #e0c188 !important; }
.bd-u-f01a2a19b6 { background: #f3eefc !important; }
.bd-u-c44e8ba062 { border-color: #cbb6ec !important; }
.bd-u-8ea38ec3a2 { background: #c8362a !important; }
.bd-u-27117ce5dc { background: #f5c15c !important; }
.bd-u-833105387c { background: #d0796f !important; }
.bd-u-27deb95da9 { background: #fffaf0 !important; }
.bd-u-878ece40e7 { border-color: #e6c98a !important; }
.bd-u-fdb405d4bd { background: #2ea6ff !important; }
.bd-u-d8fdecbc6d { background: #f0a83a !important; }
.bd-u-5831305f80 { background: #1c2454 !important; }
.bd-u-3e9d5e1611 { background: #cf3a2c !important; }
.bd-u-0a79f374ca { height: auto !important; }
.bd-u-0d770651c3 { flex: 0 0 auto !important; }
.bd-u-244a6a6be3 { color: var(--pw-muted) !important; }
.bd-u-9ac925aa1a { letter-spacing: -.01em !important; }
.bd-u-87c5d47fba { grid-column: span 2 !important; }
.bd-u-bd5a73a437 { background: var(--ux-brand) !important; }
.bd-u-db8ad23313 { border-color: var(--ux-brand) !important; }
.bd-u-decc84f975 { width: min(620px,92%) !important; }
.bd-u-f26d80b760 { color: var(--ux-navy) !important; }
.bd-u-b04b7e8ccc { font-size: 24px !important; }
.bd-u-ea43b3ff08 { color: var(--ux-muted) !important; }
.bd-u-f5baac130d { width: min(640px,94%) !important; }
.bd-u-01f3fbb6d8 { width: min(560px,92%) !important; }
.bd-u-edd3f0c593 { border-color: var(--ux-line-strong) !important; }
.bd-u-899cca2521 { border-color: var(--ux-navy) !important; }
.bd-u-e648c94875 { margin-left: 32px !important; }
.bd-u-805eab703a { padding: 7px !important; }
.bd-u-b41ae4d55c { margin-top: auto !important; }
.bd-u-b111284a70 { height: calc(100% - 44px) !important; }
.bd-u-761ff3e7e9 { background: rgba(16,24,40,.45) !important; }
.bd-u-7cae884021 { left: 16% !important; }
.bd-u-c0e351c145 { top: 26% !important; }
.bd-u-67b66bab1f { width: 34% !important; }
.bd-u-5bc6933f1b { height: 24% !important; }
.bd-u-de6944d941 { top: 58% !important; }
.bd-u-a26497abd4 { width: 26% !important; }
.bd-u-c8c19b735c { height: 20% !important; }
.bd-u-def6bd7c24 { color: var(--ux-risk) !important; }
.bd-u-9cd61621dd { margin-top: 26px !important; }
.bd-u-a7a09ebef5 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
.bd-u-253f116621 { width: 24% !important; }
.bd-u-a2b25c2397 { border-left-color: var(--risk) !important; }
.bd-u-8df25797fb { background: var(--risk-soft) !important; }
.bd-u-4c3c28a8c4 { stroke: #1849c6 !important; }
.bd-u-f52ba39e9e { stroke-width: 1.7 !important; }
.bd-u-2d07f85505 { margin: 22px 0 6px !important; }
.bd-u-9837622b2f { background: #94a5c0 !important; }
.bd-u-f4caf87ab5 { background: var(--warn) !important; }
.bd-u-adb3075563 { background: repeating-linear-gradient(135deg,#dfe5ee,#dfe5ee 3px,#c9d2e0 3px,#c9d2e0 6px) !important; }
.bd-u-09d1a8f5ac { border: 1px solid var(--line-strong) !important; }
.bd-u-c47a4221c1 { background: var(--surface) !important; }
.bd-u-10f75f5c30 { background: #020817 !important; }
.bd-u-b36994e1ef { margin: 0 4px 14px !important; }
.bd-u-fed28c48ed { --cols: 2 !important; }
.bd-u-b0cb6d90be { margin-right: 7px !important; }
.bd-u-ac532f8714 { padding: 24px !important; }
.bd-u-fabb3a3ac4 { width: 10px !important; }
.bd-u-8241fb2657 { margin: 14px 0 4px !important; }
.bd-u-5a592d77ea { opacity: .6 !important; }
.bd-u-64ab1baa0c { border-color: rgba(246,165,165,.3) !important; }
.bd-u-a9488aae1f { color: #f6a5a5 !important; }
.bd-u-6fa569735e { margin: 6px 0 8px !important; }
.bd-u-de84d043e5 { position: static !important; }
.bd-u-ccc2a7abbf { max-width: 246px !important; }
.bd-u-7b9a705729 { background: rgba(255,207,138,.1) !important; }
.bd-u-ae8c00e08d { border-color: rgba(255,207,138,.3) !important; }
.bd-u-7e13f901d2 { color: #ffcf8a !important; }
.bd-u-77da3bc548 { background: #6b7280 !important; }
.bd-u-34e37d5538 { color: #9aa3b5 !important; }
.bd-u-d8368b1f03 { color: #6b7280 !important; }
.bd-u-e8c1ac5122 { padding: 8px 10px !important; }
.bd-u-3e606dcffa { border: 1px solid rgba(255,255,255,.1) !important; }
.bd-u-8f0bf28c52 { border-radius: 8px 8px 0 0 !important; }
.bd-u-850ebab36b { background: #15181f !important; }
.bd-u-debc733430 { padding: 5px 10px !important; }
.bd-u-7d0da08210 { border-radius: 6px 6px 0 0 !important; }
.bd-u-cf52fd4f7f { background: #0d0f16 !important; }
.bd-u-4e46d757dc { color: #d4d9e6 !important; }
.bd-u-04f059f8b5 { border-top: 0 !important; }
.bd-u-10b0786be8 { border-radius: 0 0 8px 8px !important; }
.bd-u-9cad55c61e { color: #e7eaf3 !important; }
.bd-u-95e4f03c87 { padding: 24px 0 20px !important; }
.bd-u-892136b668 { background: #10131b !important; }
.bd-u-76a14a6b9d { box-shadow: 0 12px 30px rgba(0,0,0,.4) !important; }
.bd-u-de8b02a59e { background: #f87171 !important; }
.bd-u-e1b7d35113 { padding: 1px 8px !important; }
.bd-u-7c0cf41028 { background: rgba(255,207,138,.16) !important; }
.bd-u-4d991d4a68 { padding: 16px 26px !important; }
.bd-u-59f02e33f0 { padding: 4px 12px !important; }
.bd-u-b3c50aba59 { margin: 0 0 2px !important; }
.bd-u-77e4b9996f { cursor: default !important; }
.bd-u-1870c265dc { width: 11px !important; }
.bd-u-86c99ee9ec { height: 11px !important; }
.bd-u-abe03856ab { padding: 2px 14px 10px 42px !important; }
.bd-u-e51121a90a { padding: 5px 11px !important; }
.bd-u-0745072e7a { background: #ffcf8a !important; }
.bd-u-3d057f2103 { color: #241a05 !important; }
.bd-u-c186136fc6 { border-color: #ffcf8a !important; }
.bd-u-b3afedeeaa { border-top: 1px solid rgba(255,255,255,.08) !important; }
.bd-u-f6168b76a6 { box-shadow: 0 0 0 6px rgba(15,111,255,.12) !important; }
.bd-u-2706a14f59 { padding: 9px 8px !important; }
.bd-u-441b1d3335 { border-color: rgba(74,222,128,.35) !important; }
.bd-u-f93decb850 { color: #7ee2a8 !important; }
.bd-u-ffa193f50e { --cols: 3 !important; }
.bd-u-3020ae6c4b { background: rgba(74,222,128,.06) !important; }
.bd-u-b9faa90896 { border-color: rgba(74,222,128,.25) !important; }
.bd-u-78a068d8a7 { white-space: normal !important; }
.bd-u-4f28eeb4bb { overflow: visible !important; }
.bd-u-1726933cb2 { text-overflow: clip !important; }
.bd-u-2f9e46bb6c { color: #6aa3ff !important; }
.bd-u-0c25a8d81f { background: rgba(106,163,255,.14) !important; }
.bd-u-74fa97c2b5 { cursor: pointer !important; }
.bd-u-33e29b581d { border-color: rgba(246,165,165,.22) !important; }
.bd-u-7f133641cc { padding: 13px !important; }
.bd-u-2946954333 { background: rgba(255,255,255,.02) !important; }
.bd-u-09b11a6dc0 { border-color: rgba(246,165,165,.4) !important; }
.bd-u-bea350c19e { margin: 2px 2px 0 !important; }
.bd-u-431b1cb4e4 { padding: 9px 13px !important; }
.bd-u-90a27dc0c0 { border: 1px solid rgba(255,255,255,.07) !important; }
.bd-u-c79f263097 { background: rgba(255,255,255,.015) !important; }
.bd-u-ebf8fcc515 { padding: 26px !important; }
.bd-u-f2738c6b3d { margin: 10px 0 6px !important; }
.bd-u-2c8c5f8c92 { margin: 0 0 16px !important; }
.bd-u-ac76e49e93 { border-color: rgba(106,163,255,.4) !important; }
.bd-u-b693cd2e5e { padding: 18px 24px !important; }
.bd-u-afe526831f { padding-bottom: 8px !important; }
.bd-u-0e8026b30b { padding-bottom: 12px !important; }
.bd-u-eb6dc7cd2d { padding-bottom: 6px !important; }
.bd-u-77e5a9d85e { margin: 7px 0 4px !important; }
.bd-u-d2d0de100e { min-height: 30px !important; }
.bd-u-4e54130f41 { background: rgba(255,255,255,.03) !important; }
.bd-u-23bddeb209 { font: inherit !important; }
.bd-u-5ed1280cea { padding: 8px 13px !important; }
.bd-u-204375dbca { padding: 8px 15px !important; }
.bd-u-2cc20689f9 { color: #f8fafc !important; }
.bd-u-f4efe3b159 { min-height: 34px !important; }
.bd-u-383bccb10c { border-bottom: 1px solid #1d283a !important; }
.bd-u-d75f1c6560 { margin: 10px 0 12px !important; }
.bd-u-fb0a3ea3ea { padding: 6px 2px !important; }
.bd-u-860df9b0ee { border-bottom: 2px solid #0062ff !important; }
.bd-u-98420e31f7 { height: 84px !important; }
.bd-u-3e195a645a { inset: 8px 10px !important; }
.bd-u-266178c050 { margin: 14px 0 16px !important; }
.bd-u-bd1e49ba54 { background: rgba(246,165,165,.14) !important; }
.bd-u-b4eed9e22f { background: rgba(255,207,138,.14) !important; }
.bd-u-8d3ee6e482 { background: rgba(74,222,128,.14) !important; }
.bd-u-c0e80d018c { color: #94a3b8 !important; }
.bd-u-abcd8d15e8 { background: rgba(148,163,184,.14) !important; }
.bd-u-34d5dee6ad { border-color: #efd9a4 !important; }
.bd-u-cbbf59ac63 { margin: 10px 4px 0 !important; }
.bd-u-d00d419173 { left: 70% !important; }
.bd-u-2120612b16 { left: 52% !important; }
.bd-u-63a7c774fe { top: 40% !important; }
.bd-u-1b00767786 { top: 60% !important; }
.bd-u-78d2bc36f6 { width: 74% !important; }
.bd-u-711eb87b56 { border-color: var(--brand) !important; }
/* Scoped legacy document rules */
/* docs/engineering/architecture-decisions/ADR-001-tech-stack-and-structure.html */
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d * {
        box-sizing: border-box;
      }
html:has(body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d) {
        scroll-behavior: smooth;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d {
        margin: 0;
        font-family: var(--sans);
        color: var(--text);
        background:
          radial-gradient(circle at top right, rgba(0, 153, 255, 0.1), transparent 34rem),
          var(--bg);
        line-height: 1.55;
        overflow-wrap: break-word;
        -webkit-font-smoothing: antialiased;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d main {
        width: 100%;
        max-width: 1120px;
        margin: 0 auto;
        padding: 40px 16px 80px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d header,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d section,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .summary,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .card,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .matrix,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .source-list {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: var(--shadow);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d header {
        padding: 32px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d section {
        margin-top: 18px;
        padding: 24px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d h1,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d h2,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d h3,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d p {
        margin-top: 0;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d h1 {
        max-width: 20ch;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: clamp(32px, 5vw, 50px);
        font-weight: 700;
        line-height: 1.02;
        letter-spacing: 0;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d h2 {
        display: flex;
        gap: 10px;
        align-items: baseline;
        margin-bottom: 14px;
        color: var(--navy);
        font-size: 24px;
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d h2 .num {
        color: var(--brand);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 500;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d h3 {
        margin-bottom: 8px;
        color: var(--navy);
        font-size: 16px;
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d a {
        color: var(--brand-dark);
        font-weight: 700;
        text-decoration: none;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d a:hover {
        text-decoration: underline;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d ul,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d ol {
        margin: 0;
        padding-left: 20px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d li + li {
        margin-top: 6px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d table {
        width: 100%;
        border-collapse: collapse;
        overflow: hidden;
        border-radius: 8px;
        background: var(--surface);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d th,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d td {
        padding: 12px;
        border-bottom: 1px solid var(--line);
        vertical-align: top;
        text-align: left;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d th {
        color: #3b4657;
        background: #f2f6fb;
        font-size: 13px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d tr:last-child td {
        border-bottom: 0;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d td code,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d p code,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d li code {
        border-radius: 5px;
        padding: 2px 5px;
        color: #27364d;
        background: #eef3f9;
        font-family: var(--mono);
        font-size: 0.9em;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d /* Cross-doc breadcrumb */
      .crumbs {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--muted);
        margin-bottom: 28px;
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px;
        align-items: baseline;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .crumbs .sep {
        color: var(--line);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .crumbs .root {
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .crumbs .here {
        color: var(--text);
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .crumbs a {
        color: var(--muted);
        font-weight: 500;
        text-decoration: none;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .crumbs a:hover {
        color: var(--text);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .crumbs a .arr {
        color: var(--line);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .eyebrow {
        display: inline-flex;
        gap: 8px;
        align-items: center;
        margin: 0 0 10px;
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .eyebrow::before {
        content: "";
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: var(--brand);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .muted {
        color: var(--muted);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .lead {
        max-width: 760px;
        margin-bottom: 16px;
        color: var(--muted);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 20px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .badge {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--muted);
        background: #eef3f9;
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .badge.accepted {
        color: var(--good);
        background: var(--good-soft);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .badge.decision {
        color: var(--warn);
        background: var(--warn-soft);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .summary {
        margin-top: 18px;
        padding: 18px 20px;
        border-color: #b9d2ff;
        background: var(--surface-blue);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .summary strong {
        color: var(--navy);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d /* Notion-style nested contents */
      .contents {
        margin-top: 18px;
        padding: 20px 22px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface-soft);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents h2 {
        margin: 0 0 12px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--muted);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents nav {
        columns: 2;
        column-gap: 40px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents ol {
        margin: 0;
        padding: 0;
        list-style: none;
        counter-reset: fam;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents > nav > ol > li {
        break-inside: avoid;
        margin-bottom: 12px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents .fam {
        display: block;
        margin-bottom: 4px;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--brand-dark);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents ol ol {
        padding-left: 0;
        counter-reset: item;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents ol ol li {
        counter-increment: item;
        margin: 0;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents ol ol a {
        display: flex;
        gap: 10px;
        padding: 4px 0;
        color: var(--text);
        font-weight: 500;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents ol ol a::before {
        content: counter(item, decimal-leading-zero);
        color: var(--muted);
        font-family: var(--mono);
        font-size: 11px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents ol ol a:hover {
        color: var(--brand-dark);
        text-decoration: none;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .grid.three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .card {
        padding: 16px;
        background: var(--surface-soft);
        box-shadow: none;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .card.recommended {
        border-color: #9ed0c4;
        background: var(--good-soft);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .card .tag {
        display: inline-flex;
        align-items: center;
        min-height: 22px;
        margin-bottom: 8px;
        padding: 0 8px;
        border-radius: 999px;
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--good);
        background: #ffffff;
        border: 1px solid #9ed0c4;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .card h4 {
        margin: 12px 0 4px;
        color: var(--navy);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .callout {
        border-radius: 8px;
        padding: 14px 16px;
        border-left: 4px solid var(--brand);
        background: var(--surface-blue);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .callout.good {
        border-left-color: var(--good);
        background: var(--good-soft);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .callout.warn {
        border-left-color: var(--warn);
        background: var(--warn-soft);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .callout.risk {
        border-left-color: var(--risk);
        background: var(--risk-soft);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .callout h3 {
        font-size: 13px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d /* Map: repository tree + annotations */
      .map {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 16px;
        align-items: start;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .tree {
        overflow-x: auto;
        margin: 0;
        padding: 18px 20px;
        border-radius: 8px;
        background: var(--night);
        color: #e7ecf5;
        font-family: var(--mono);
        font-size: 12.5px;
        line-height: 1.7;
        white-space: pre;
        overflow-x: auto;
        max-width: 100%;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .tree .dir {
        color: #6cb6ff;
        font-weight: 500;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .tree .note {
        color: #7c89a8;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .annot {
        display: grid;
        gap: 10px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .annot div {
        padding: 12px 14px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .annot strong {
        display: block;
        margin-bottom: 2px;
        color: var(--navy);
        font-family: var(--mono);
        font-size: 12px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .annot p {
        margin: 0;
        color: var(--muted);
        font-size: 13px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d /* Data-flow diagram */
      .flow {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
        padding: 8px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .flow svg {
        display: block;
        width: 100%;
        height: auto;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .flow .lbl {
        font-family: var(--sans);
        font-size: 13px;
        font-weight: 700;
        fill: var(--navy);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .flow .sub {
        font-family: var(--mono);
        font-size: 10.5px;
        fill: var(--muted);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .flow .edgelbl {
        font-family: var(--mono);
        font-size: 10.5px;
        fill: var(--muted);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .legend {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 12px;
        font-size: 13px;
        color: var(--muted);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .legend span {
        display: inline-flex;
        align-items: center;
        gap: 7px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .dot {
        width: 11px;
        height: 11px;
        border-radius: 3px;
        border: 1.5px solid;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .dot.client {
        border-color: var(--brand-dark);
        background: var(--brand-soft);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .dot.server {
        border-color: var(--good);
        background: var(--good-soft);
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .dot.ext {
        border-color: var(--muted);
        background: #eef3f9;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .source-list {
        padding: 18px 22px;
      }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .footer {
        margin-top: 20px;
        color: var(--muted);
        font-size: 13px;
      }
@media (max-width: 860px) {
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .grid,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .grid.three,
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .map {
          grid-template-columns: 1fr;
        }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d .contents nav {
          columns: 1;
        }
body.bd-doc-engineering-architecture-decisions-adr-001-tech-stack-and-structure-02a5825d table {
          display: block;
          overflow-x: auto;
          max-width: 100%;
        }
}

/* docs/engineering/architecture-decisions/index.html */
body.bd-doc-engineering-architecture-decisions-index-d34c5487 * {
        box-sizing: border-box;
      }
html:has(body.bd-doc-engineering-architecture-decisions-index-d34c5487) {
        scroll-behavior: smooth;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 {
        margin: 0;
        font-family: var(--sans);
        color: var(--text);
        background:
          radial-gradient(circle at top right, rgba(0, 153, 255, 0.1), transparent 32rem),
          var(--bg);
        line-height: 1.55;
        -webkit-font-smoothing: antialiased;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 main {
        width: 100%;
        max-width: 1040px;
        margin: 0 auto;
        padding: 40px 16px 80px;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 header,
body.bd-doc-engineering-architecture-decisions-index-d34c5487 section,
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .decision {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: var(--shadow);
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 header {
        padding: 32px;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 section {
        margin-top: 18px;
        padding: 24px;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 h1,
body.bd-doc-engineering-architecture-decisions-index-d34c5487 h2,
body.bd-doc-engineering-architecture-decisions-index-d34c5487 h3,
body.bd-doc-engineering-architecture-decisions-index-d34c5487 p {
        margin-top: 0;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 h1 {
        max-width: 18ch;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: clamp(32px, 5vw, 48px);
        font-weight: 700;
        line-height: 1.04;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 h2 {
        display: flex;
        gap: 10px;
        align-items: baseline;
        margin-bottom: 14px;
        color: var(--navy);
        font-size: 22px;
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 h2 .num {
        color: var(--brand);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 500;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 h3 {
        margin-bottom: 6px;
        color: var(--navy);
        font-size: 17px;
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 a {
        color: var(--brand-dark);
        font-weight: 700;
        text-decoration: none;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 a:hover {
        text-decoration: underline;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .crumbs {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        color: var(--muted);
        margin-bottom: 28px;
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px;
        align-items: baseline;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .crumbs .sep {
        color: var(--line);
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .crumbs .root {
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .crumbs .here {
        color: var(--text);
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .crumbs a {
        color: var(--muted);
        font-weight: 500;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .crumbs a:hover {
        color: var(--text);
        text-decoration: none;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .eyebrow {
        display: inline-flex;
        gap: 8px;
        align-items: center;
        margin: 0 0 10px;
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .eyebrow::before {
        content: "";
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: var(--brand);
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .lead {
        max-width: 720px;
        color: var(--muted);
        margin-bottom: 0;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .muted {
        color: var(--muted);
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .decision-list {
        display: grid;
        gap: 14px;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .decision {
        display: grid;
        grid-template-columns: 70px minmax(0, 1fr) auto;
        gap: 16px;
        align-items: start;
        padding: 20px;
        background: var(--surface-soft);
        box-shadow: none;
        transition: border-color 0.15s ease;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .decision:hover {
        border-color: var(--brand);
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .decision .id {
        font-family: var(--mono);
        font-size: 13px;
        font-weight: 500;
        color: var(--brand-dark);
        padding-top: 2px;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .decision h3 {
        margin-bottom: 6px;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .decision h3 a {
        color: var(--navy);
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .status {
        align-self: start;
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 12px;
        border-radius: 999px;
        color: var(--good);
        background: var(--good-soft);
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .status.proposed {
        color: var(--warn);
        background: var(--warn-soft);
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .tags {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 10px;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .tags span {
        font-family: var(--mono);
        font-size: 11px;
        color: var(--muted);
        background: #eef3f9;
        border-radius: 5px;
        padding: 2px 7px;
      }
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .empty {
        padding: 18px 20px;
        border: 1px dashed var(--line);
        border-radius: 10px;
        background: var(--surface-soft);
        color: var(--muted);
        font-size: 14px;
      }
@media (max-width: 720px) {
body.bd-doc-engineering-architecture-decisions-index-d34c5487 .decision {
          grid-template-columns: 1fr;
          gap: 10px;
        }
}

/* docs/engineering/index.html */
body.bd-doc-engineering-index-2f1ff078 * {
        box-sizing: border-box;
      }
html:has(body.bd-doc-engineering-index-2f1ff078) {
        scroll-behavior: smooth;
      }
body.bd-doc-engineering-index-2f1ff078 {
        margin: 0;
        font-family: var(--sans);
        color: var(--text);
        background:
          radial-gradient(circle at top right, rgba(0, 153, 255, 0.1), transparent 34rem),
          var(--bg);
        line-height: 1.55;
        -webkit-font-smoothing: antialiased;
      }
body.bd-doc-engineering-index-2f1ff078 main {
        width: 100%;
        max-width: 1040px;
        margin: 0 auto;
        padding: 40px 16px 80px;
      }
body.bd-doc-engineering-index-2f1ff078 header,
body.bd-doc-engineering-index-2f1ff078 section {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: var(--shadow);
      }
body.bd-doc-engineering-index-2f1ff078 header {
        padding: 32px;
      }
body.bd-doc-engineering-index-2f1ff078 section {
        margin-top: 18px;
        padding: 24px;
      }
body.bd-doc-engineering-index-2f1ff078 h1,
body.bd-doc-engineering-index-2f1ff078 h2,
body.bd-doc-engineering-index-2f1ff078 h3,
body.bd-doc-engineering-index-2f1ff078 p {
        margin-top: 0;
      }
body.bd-doc-engineering-index-2f1ff078 h1 {
        max-width: 16ch;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: clamp(32px, 5vw, 50px);
        font-weight: 700;
        line-height: 1.02;
      }
body.bd-doc-engineering-index-2f1ff078 h2 {
        display: flex;
        gap: 10px;
        align-items: baseline;
        margin-bottom: 14px;
        color: var(--navy);
        font-size: 22px;
        font-weight: 700;
      }
body.bd-doc-engineering-index-2f1ff078 h2 .num {
        color: var(--brand);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 500;
      }
body.bd-doc-engineering-index-2f1ff078 h3 {
        margin-bottom: 6px;
        color: var(--navy);
        font-size: 16px;
        font-weight: 700;
      }
body.bd-doc-engineering-index-2f1ff078 a {
        color: var(--brand-dark);
        font-weight: 700;
        text-decoration: none;
      }
body.bd-doc-engineering-index-2f1ff078 a:hover {
        text-decoration: underline;
      }
body.bd-doc-engineering-index-2f1ff078 ul {
        margin: 0;
        padding-left: 20px;
      }
body.bd-doc-engineering-index-2f1ff078 li + li {
        margin-top: 6px;
      }
body.bd-doc-engineering-index-2f1ff078 p code {
        border-radius: 5px;
        padding: 2px 5px;
        color: #27364d;
        background: #eef3f9;
        font-family: var(--mono);
        font-size: 0.9em;
      }
body.bd-doc-engineering-index-2f1ff078 .eyebrow {
        display: inline-flex;
        gap: 8px;
        align-items: center;
        margin: 0 0 10px;
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-index-2f1ff078 .eyebrow::before {
        content: "";
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: var(--brand);
      }
body.bd-doc-engineering-index-2f1ff078 .lead {
        max-width: 720px;
        color: var(--muted);
      }
body.bd-doc-engineering-index-2f1ff078 .muted {
        color: var(--muted);
      }
body.bd-doc-engineering-index-2f1ff078 .summary {
        margin-top: 18px;
        padding: 16px 18px;
        border: 1px solid #b9d2ff;
        border-radius: 10px;
        background: var(--surface-blue);
      }
body.bd-doc-engineering-index-2f1ff078 .summary strong {
        color: var(--navy);
      }
body.bd-doc-engineering-index-2f1ff078 .grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-engineering-index-2f1ff078 .doc-card {
        display: flex;
        flex-direction: column;
        padding: 18px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface-soft);
        transition: border-color 0.15s ease;
      }
body.bd-doc-engineering-index-2f1ff078 .doc-card:hover {
        border-color: var(--brand);
      }
body.bd-doc-engineering-index-2f1ff078 .doc-card .kicker {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--brand-dark);
        margin-bottom: 8px;
      }
body.bd-doc-engineering-index-2f1ff078 .doc-card p {
        color: var(--muted);
        font-size: 14px;
      }
body.bd-doc-engineering-index-2f1ff078 .doc-card .who {
        margin-top: auto;
        padding-top: 12px;
        font-size: 13px;
        color: var(--muted);
      }
body.bd-doc-engineering-index-2f1ff078 .doc-card .who b {
        color: var(--text);
        font-weight: 700;
      }
body.bd-doc-engineering-index-2f1ff078 .status {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 11px;
        border-radius: 999px;
        color: var(--good);
        background: var(--good-soft);
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-engineering-index-2f1ff078 .rules {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
body.bd-doc-engineering-index-2f1ff078 .rule {
        padding: 14px 16px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
      }
body.bd-doc-engineering-index-2f1ff078 .rule strong {
        display: block;
        margin-bottom: 2px;
        color: var(--navy);
        font-size: 14px;
      }
body.bd-doc-engineering-index-2f1ff078 .rule p {
        margin: 0;
        font-size: 13px;
        color: var(--muted);
      }
@media (max-width: 760px) {
body.bd-doc-engineering-index-2f1ff078 .grid,
body.bd-doc-engineering-index-2f1ff078 .rules {
          grid-template-columns: 1fr;
        }
}

/* docs/product/features/authentication/index.html */
body.bd-doc-product-features-authentication-index-bcbbc35f { background: var(--sink); }
body.bd-doc-product-features-authentication-index-bcbbc35f .wrap { max-width: 1040px; margin: 0 auto; padding: 0 24px 88px; }
body.bd-doc-product-features-authentication-index-bcbbc35f header.hero { margin-top: 48px; padding: 32px; }
body.bd-doc-product-features-authentication-index-bcbbc35f .eyebrow { color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
body.bd-doc-product-features-authentication-index-bcbbc35f .sub { max-width: 760px; color: var(--dim); font-size: 17px; }
body.bd-doc-product-features-authentication-index-bcbbc35f .meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
body.bd-doc-product-features-authentication-index-bcbbc35f .badge { display: inline-flex; align-items: center; min-height: 28px; border: 1px solid var(--border); border-radius: 7px; padding: 0 9px; color: var(--dim); background: var(--subtle); font-size: 12px; font-weight: 700; }
body.bd-doc-product-features-authentication-index-bcbbc35f .badge.ready { color: var(--green); border-color: var(--green-soft); background: var(--green-soft); }
body.bd-doc-product-features-authentication-index-bcbbc35f .doc-grid,
body.bd-doc-product-features-authentication-index-bcbbc35f .loop-grid { display: grid; gap: 12px; }
body.bd-doc-product-features-authentication-index-bcbbc35f .doc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 16px; }
body.bd-doc-product-features-authentication-index-bcbbc35f .loop-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.bd-doc-product-features-authentication-index-bcbbc35f .doc-card,
body.bd-doc-product-features-authentication-index-bcbbc35f .card { padding: 16px; }
body.bd-doc-product-features-authentication-index-bcbbc35f .doc-card { display: block; color: inherit; text-decoration: none; }
body.bd-doc-product-features-authentication-index-bcbbc35f .doc-card b,
body.bd-doc-product-features-authentication-index-bcbbc35f .card b { color: var(--navy); }
body.bd-doc-product-features-authentication-index-bcbbc35f .doc-card p,
body.bd-doc-product-features-authentication-index-bcbbc35f .card p { margin: 7px 0 0; color: var(--dim); font-size: 13.5px; }
body.bd-doc-product-features-authentication-index-bcbbc35f .callout { margin-top: 14px; padding: 14px 16px; border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--bg); }
body.bd-doc-product-features-authentication-index-bcbbc35f table { margin-top: 10px; font-size: 13.5px; }
body.bd-doc-product-features-authentication-index-bcbbc35f .foot { margin-top: 32px; padding-top: 18px; border-top: 1px solid var(--border); color: var(--faint); font-size: 13px; }
@media (max-width: 840px) {
body.bd-doc-product-features-authentication-index-bcbbc35f .wrap { padding: 0 14px 72px; }
body.bd-doc-product-features-authentication-index-bcbbc35f header.hero { margin-top: 18px; padding: 22px; }
body.bd-doc-product-features-authentication-index-bcbbc35f .doc-grid,
body.bd-doc-product-features-authentication-index-bcbbc35f .loop-grid { grid-template-columns: 1fr; }
body.bd-doc-product-features-authentication-index-bcbbc35f section { padding: 18px; }
}

/* docs/product/features/authentication/v1-authentication-loop/prd.html */
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a { background: var(--sink); }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px 96px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a header.hero { margin-top: 48px; padding: 32px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .eyebrow { color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .sub { max-width: 760px; color: var(--dim); font-size: 17px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .oneliner { margin: 22px 0 0; padding: 16px 18px; border-left: 3px solid var(--accent); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--bg); font-size: 15px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .badge { display: inline-flex; align-items: center; min-height: 28px; border: 1px solid var(--border); border-radius: 7px; padding: 0 9px; color: var(--dim); background: var(--subtle); font-size: 12px; font-weight: 700; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .badge.ready { color: var(--green); border-color: var(--green-soft); background: var(--green-soft); }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .toc { margin-top: 18px; padding: 16px 18px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .toc ol { margin: 0; padding-left: 20px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .toc a { display: inline-block; padding: 2px 0; color: var(--text); font-weight: 600; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .summary-grid,
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .grid2,
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .grid3 { display: grid; gap: 12px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 14px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .grid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .card { padding: 16px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .card b { color: var(--navy); }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .card p { margin: 7px 0 0; color: var(--dim); font-size: 13.5px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .callout { margin: 14px 0; padding: 14px 16px; border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--bg); }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .decision { border-color: var(--accent-line); background: var(--accent-soft); }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .status { display: inline-flex; border-radius: 6px; padding: 2px 7px; font-size: 11px; font-weight: 700; white-space: nowrap; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .status.p0 { color: var(--green); background: var(--green-soft); }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .status.p1 { color: var(--amber); background: var(--amber-soft); }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .status.out { color: var(--slate); background: var(--slate-soft); }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a table { margin-top: 10px; font-size: 13.5px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a code { font-size: .9em; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .foot { margin-top: 32px; padding: 18px 0 0; border-top: 1px solid var(--border); color: var(--faint); font-size: 13px; }
@media (max-width: 760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .wrap { padding: 0 14px 72px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a header.hero { margin-top: 18px; padding: 22px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .summary-grid,
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .grid2,
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a .grid3 { grid-template-columns: 1fr; }
body.bd-doc-product-features-authentication-v1-authentication-loop-prd-6d87715a section { padding: 18px; }
}

/* docs/product/features/authentication/v1-authentication-loop/proof-of-work.html */
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 { background: var(--sink); }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px 96px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 header.hero { margin-top: 48px; padding: 32px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .eyebrow { color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .sub { max-width: 820px; color: var(--dim); font-size: 17px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .badge { display: inline-flex; align-items: center; min-height: 28px; border: 1px solid var(--border); border-radius: 7px; padding: 0 9px; color: var(--dim); background: var(--subtle); font-size: 12px; font-weight: 700; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .badge.ready { color: var(--green); border-color: var(--green-soft); background: var(--green-soft); }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .toc { margin-top: 18px; padding: 16px 18px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .toc ol { margin: 8px 0 0; padding-left: 20px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .toc a { display: inline-block; padding: 2px 0; color: var(--text); font-weight: 600; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .summary { margin: 18px 0 0; padding: 16px 18px; border-left: 3px solid var(--accent); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--bg); }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .proof-dashboard { margin-top: 14px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .proof-stat strong { color: var(--navy); }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .evidence-card h3 { margin-top: 0; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .status-pill { white-space: nowrap; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .status-pill.pass { color: var(--green); background: var(--green-soft); }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .status-pill.partial { color: var(--amber); background: var(--amber-soft); }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .status-pill.not-verified { color: var(--slate); background: var(--slate-soft); }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .actual-shot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 figure.actual-shot { margin: 0; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; background: var(--surface); box-shadow: var(--shadow-sm); }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 figure.actual-shot.wide { grid-column: 1 / -1; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 figure.actual-shot img { display: block; width: 100%; height: auto; background: var(--night); }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 figure.actual-shot figcaption { border-top: 1px solid var(--border); padding: 11px 13px; color: var(--muted); font-size: 12.5px; line-height: 1.45; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 figure.actual-shot figcaption b { display: block; margin-bottom: 3px; color: var(--navy); font-size: 13px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 table { margin-top: 10px; font-size: 13.5px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 code { font-size: .9em; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .foot { margin-top: 32px; padding: 18px 0 0; border-top: 1px solid var(--border); color: var(--faint); font-size: 13px; }
@media (max-width: 760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .wrap { padding: 0 14px 72px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 header.hero { margin-top: 18px; padding: 22px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 section { padding: 18px; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 .actual-shot-grid { grid-template-columns: 1fr; }
body.bd-doc-product-features-authentication-v1-authentication-loop-proof-of-work-f5399e05 figure.actual-shot.wide { grid-column: auto; }
}

/* docs/product/features/authentication/v1-authentication-loop/tech-spec.html */
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 /* ===========================================================================
   TECH-SPEC KIT — Beam-aligned classes on beam-doc.css; all colour via tokens.
   =========================================================================== */
h1 {font-size:clamp(28px,3.6vw,40px)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .partdiv {margin:40px 0 16px;padding:12px 0 10px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:12px;font-family:var(--sans);font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .partdiv .pt-n {font-family:var(--mono);font-weight:700;font-size:30px;line-height:1;color:var(--brand)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .partdiv .pt-title {font-size:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .partdiv .pt-sub {align-self:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--faint);letter-spacing:.03em}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .byline {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;color:var(--faint);font-size:13px;font-weight:500}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .byline .by-author {color:var(--navy);font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .byline .by-sep {color:var(--line-strong)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .related-label {margin:18px 0 8px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .doc-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .doc-card {display:flex;align-items:center;gap:11px;min-height:54px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--navy);text-decoration:none}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .doc-card:hover {border-color:var(--brand-line);background:var(--surface-blue)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .dc-icon {display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:8px;background:var(--brand-soft);color:var(--brand)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .dc-body {display:grid;gap:2px;min-width:0}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .dc-body b {font-size:13px}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .dc-body small {color:var(--muted);font-size:11px;line-height:1.2}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .dc-go {margin-left:auto;color:var(--faint)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .glance {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 0}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .glance .g {padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .glance .g small {display:block;margin-bottom:4px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .glance .g b {display:block;color:var(--navy);font-size:13px;line-height:1.3}
@media (max-width:760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .partdiv {flex-wrap:wrap}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .partdiv .pt-sub {flex-basis:100%}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .doc-cards {grid-template-columns:1fr}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .glance {grid-template-columns:1fr}
}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .sec-h {display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .sec-h .hico {display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;background:var(--brand-soft);color:var(--brand-dark);flex:0 0 auto}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .sec-h .num {font-family:var(--mono);font-size:12px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .ic {width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 /* status pills */
.pill {display:inline-flex;align-items:center;gap:5px;min-height:20px;padding:1px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .pill.done {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .pill.build {color:var(--brand-dark);background:var(--brand-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .pill.defer {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .pill.risk {color:var(--risk);background:var(--risk-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 /* architecture flow */
.arch {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0;align-items:stretch}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .arch .node {position:relative;padding:12px 13px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .arch .node .t {display:block;font-weight:700;color:var(--navy);font-size:13px;margin-bottom:3px}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .arch .node .d {color:var(--muted);font-size:11.5px;line-height:1.35}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .arch .node .lyr {display:block;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-dark);margin-bottom:6px}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .arch .node::after {content:"→";position:absolute;right:-8px;top:50%;transform:translateY(-50%);color:var(--faint);font-weight:700;z-index:1}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .arch .node:last-child::after {content:""}
@media (max-width:760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .arch {grid-template-columns:1fr}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .arch .node::after {content:"↓";right:50%;top:auto;bottom:-16px;transform:translateX(50%)}
}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 /* code block */
pre.code {margin:12px 0;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--text)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 pre.code .cm {color:var(--faint)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 pre.code .kw {color:var(--brand-dark);font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 pre.code .st {color:var(--good)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 /* decision / ADR cards */
.decision {margin:12px 0;padding:14px 16px;border:1px solid var(--brand-line);border-left:4px solid var(--brand);border-radius:0 var(--radius-row) var(--radius-row) 0;background:var(--surface-blue)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .decision .dk {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dark)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .decision b {color:var(--navy)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .decision .why {margin-top:6px;color:var(--muted);font-size:13px}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .callout {margin:12px 0;padding:12px 15px;border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:0 var(--radius-row) var(--radius-row) 0;background:var(--surface-soft);font-size:13.5px}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .callout.risk {border-left-color:var(--risk)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .callout b {color:var(--navy)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 /* checklist */
ul.chk {list-style:none;margin:10px 0;padding:0}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 ul.chk li {position:relative;padding:5px 0 5px 26px;font-size:13.5px;border-bottom:1px solid var(--line)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 ul.chk li::before {content:"";position:absolute;left:3px;top:9px;width:13px;height:13px;border-radius:4px;border:1.5px solid var(--good);background:var(--good-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 ul.chk li:last-child {border-bottom:0}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 ul.chk li code {font-size:.9em}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 td .pill {margin:0}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .mono {font-family:var(--mono)}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 p.footer {margin-top:32px;padding-top:18px;border-top:1px solid var(--line);color:var(--faint);font-size:13px}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 /* ===========================================================================
   STUDIO V2 DARK SKIN — aligns the spec surface to the product design system.
   Scoped to this page; delete this block to revert to the light doc theme.
   =========================================================================== */
:root {
  color-scheme:dark;
  --page:#070a13; --bg:#070a13;
  --surface:#0e1524; --surface-soft:#0b101d; --surface-blue:#122036; --subtle:#0e1626;
  --navy:#eaf0fb; --night:#f5f8ff; --text:#d7dfee; --muted:#97a3b8; --faint:#6c7a91;
  --line:#1c2740; --line-strong:#2a3852;
  --brand:#3079ff; --brand-dark:#6ea2ff; --brand-soft:#13233f; --brand-line:#294b7d;
  --good:#3ecf8e; --good-soft:#10271d;
  --warn:#e2b33c; --warn-soft:#2a2310;
  --risk:#f0746e; --risk-soft:#2a1413;
  --violet:#b69cf2; --violet-soft:#1d1733;
  --slate:#9aa7bd; --slate-soft:#161d2b;
  --orange:#f59e5b; --orange-soft:#2a1a0f;
  --shadow:0 24px 60px rgba(0,0,0,.5);
}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 {background:radial-gradient(52% 340px at 50% 0,rgba(99,128,247,.16),transparent 72%),#070a13 !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 th {color:#c2cde0 !important;background:#0e1626 !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 code {color:#cdd9ee !important;background:#13203a !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-tech-spec-fd788461 .badge {background:#13203a !important}

/* docs/product/features/authentication/v1-authentication-loop/ux-spec.html */
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 /* ===========================================================================
   UX SPEC DEVICE KIT (forked from beam:ux-spec/resources/ux-spec-template.html)
   =========================================================================== */
.legend {display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .legend .li {display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .mp {display:inline-flex;align-items:center;gap:5px;min-height:21px;padding:1px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .mp::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .mp.shipped {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .mp.proto {color:var(--brand-dark);background:var(--brand-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .mp.mock {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .mp.proposed {color:var(--orange);background:var(--orange-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 h1 {font-size:clamp(28px,3.6vw,40px)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .partdiv {margin:40px 0 16px;padding:12px 0 10px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:12px;font-family:var(--sans);font-size:18px;font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .partdiv .pt-n {font-family:var(--mono);font-weight:700;font-size:30px;line-height:1;color:var(--brand)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .partdiv .pt-title {font-size:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .partdiv .pt-sub {align-self:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--faint);letter-spacing:.03em;text-transform:none}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .byline {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;color:var(--faint);font-size:13px;font-weight:500}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .byline .by-author {color:var(--navy);font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .byline .by-sep {color:var(--line-strong)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .related-label {margin:18px 0 8px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .doc-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .doc-card {display:flex;align-items:center;gap:11px;min-height:54px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--navy);text-decoration:none}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .doc-card:hover {border-color:var(--brand-line);background:var(--surface-blue)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dc-icon {display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:8px;background:var(--brand-soft);color:var(--brand)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dc-body {display:grid;gap:2px;min-width:0}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dc-body b {font-size:13px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dc-body small {color:var(--muted);font-size:11px;line-height:1.2}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dc-go {margin-left:auto;color:var(--faint)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .glance {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 0}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .glance .g {padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .glance .g small {display:block;margin-bottom:4px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .glance .g b {display:block;color:var(--navy);font-size:13px;line-height:1.3}
@media (max-width:760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .partdiv {flex-wrap:wrap;align-items:flex-start}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .partdiv .pt-sub {flex-basis:100%}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .doc-cards {grid-template-columns:1fr}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .glance {grid-template-columns:1fr}
}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .forces {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .force {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .force .fl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .force.push .fl {color:var(--brand-dark)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .force.pull .fl {color:var(--good)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .force.anx .fl {color:var(--warn)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .force.inertia .fl {color:var(--risk)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .card.not {border-color:#f2c4be}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .card.not strong {color:var(--risk)}
@media (max-width:760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .forces {grid-template-columns:repeat(2,minmax(0,1fr))}
}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .obj-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .obj {padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .obj strong {display:block;margin:6px 0 4px;color:var(--navy)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .obj .meta {font-family:var(--mono);font-size:11px;color:var(--faint)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .obj .oico {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--brand-dark);margin-bottom:6px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .obj .oico .ic {width:19px;height:19px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 td.do {color:var(--good)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 td.dont {color:var(--risk)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .findex {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .findex .fc {padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .findex .fc .top {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .findex .fc .ttl {font-weight:700;color:var(--navy)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .findex .scope {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .findex .scope.v1 {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .findex .steps {display:flex;flex-wrap:wrap;gap:5px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .findex .stp {font-size:11px;padding:2px 7px;border-radius:5px;background:#fff;border:1px solid var(--line);color:var(--muted)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .flowblock {margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .kicker {display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--good);background:var(--good-soft);padding:2px 9px;border-radius:999px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .answers {font-style:italic;color:var(--muted);margin:6px 0 12px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .flowmeta {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .flowmeta .m {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .flowmeta .m .lbl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .flowmeta .m b {color:var(--navy);font-size:13px}
@media (max-width:760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .flowmeta {grid-template-columns:1fr}
}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 figure.mock {margin:16px 0 0}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 figure.mock .cap {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 figure.mock .cap .num {font-family:var(--mono);font-size:12px;color:var(--brand);background:var(--brand-soft);border-radius:6px;padding:2px 9px;font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 figure.mock .cap .ttl {font-weight:700;color:var(--navy);font-size:15px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 figure.mock .cap .route {font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .stage {padding:18px;border:1px solid var(--line);border-radius:var(--radius-row);background:repeating-linear-gradient(135deg,#eef2f7,#eef2f7 11px,#e9eef5 11px,#e9eef5 22px)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .contract {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:10px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-row);overflow:hidden}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .contract .c {background:var(--surface-soft);padding:10px 11px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .contract .c .k {display:block;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-dark);margin-bottom:5px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .contract .c .v {font-size:11.5px;color:var(--text)}
@media (max-width:760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .contract {grid-template-columns:repeat(2,minmax(0,1fr))}
}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .exp {border-left:3px solid var(--brand);background:var(--surface-blue);border-radius:0 var(--radius-row) var(--radius-row) 0;padding:11px 14px;margin-top:10px;font-size:13px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .exp b {color:var(--navy)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .statestrip {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 0}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .ss-cell {padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .ss-n {font-family:var(--mono);font-size:10px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .ss-tok {display:inline-block;margin-top:5px;padding:1px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:10.5px;font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .ss-cell .l {display:block;margin-top:5px;font-size:11.5px;color:var(--text)}
@media (max-width:760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .statestrip {grid-template-columns:repeat(2,minmax(0,1fr))}
}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .goalbox {border-left:4px solid var(--brand);background:var(--surface-blue);padding:11px 14px;border-radius:var(--radius-row);margin:8px 0 12px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .goalbox .k {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dark)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dirs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dir {position:relative;padding:13px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dir .pat {font-weight:700;color:var(--navy);font-size:13px;margin-bottom:5px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dir .but {color:var(--warn);font-size:12px;margin-top:6px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dir .but b {color:var(--warn)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dir.pick {border-color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dir.pick::after {content:"✓ Chosen";position:absolute;top:-9px;right:10px;font-family:var(--mono);font-size:10px;font-weight:700;color:#fff;background:var(--good);padding:2px 8px;border-radius:999px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .pickwhy {font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .pickwhy b {color:var(--good)}
@media (max-width:820px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dirs {grid-template-columns:1fr}
}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .vgate {border-left:3px solid var(--good);background:var(--good-soft);border-radius:0 var(--radius-row) var(--radius-row) 0;padding:9px 12px;margin-top:8px;font-size:12.5px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .vgate b {color:var(--good)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .ic {width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .sec-h {display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .sec-h .hico {display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;background:var(--brand-soft);color:var(--brand-dark);flex:0 0 auto}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .sec-h .num {font-family:var(--mono);font-size:12px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .toc[data-toc] .toc-pn {font-family:var(--mono);font-weight:700;color:var(--brand);margin-right:2px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .toc[data-toc] .toc-dn {display:inline-block;min-width:30px;font-family:var(--mono);font-weight:700;color:var(--brand-dark)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .spy {position:fixed;top:0;left:50%;z-index:20;display:flex;align-items:center;gap:8px;width:min(1120px,calc(100% - 32px));padding:8px 18px;background:rgba(247,249,252,.9);backdrop-filter:blur(8px);border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(22,32,56,.06);font-family:var(--mono);font-size:11.5px;color:var(--faint);opacity:0;pointer-events:none;transform:translate(-50%,-100%);transition:opacity .14s ease,transform .14s ease}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .spy.is-visible {opacity:1;pointer-events:auto;transform:translate(-50%,0)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .spy .here {color:var(--brand-dark);font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .spy .part {color:var(--muted)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 /* ===========================================================================
   ACCOUNT / SETTINGS WIREFRAME KIT — Beam-designed (NOT Clerk-native),
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 dark app surface
   =========================================================================== */
.aw {font-family:var(--sans)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .stage > .aw {background:#0d1018;border:1px solid #232a3a;border-radius:12px;padding:20px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 /* account menu */
.acct {max-width:300px;margin:0 auto;display:grid;gap:10px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-menu {border:1px solid #232a3a;border-radius:10px;background:#11141d;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-id {display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid #232a3a}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-id .av,
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-trigger .av {display:grid;place-items:center;flex:0 0 auto;font-weight:800;color:#fff}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-id .av {width:34px;height:34px;border-radius:8px;background:var(--brand);font-size:12px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-id b {display:block;color:#f5f7fb;font-size:12.5px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-id span {color:#8a93a6;font-size:11px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-item {display:flex;align-items:center;gap:9px;padding:10px 12px;color:#cdd4e0;font-size:12px;font-weight:600}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-item + .acct-item {border-top:1px solid #1c2230}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-item.danger {color:#f06a6e}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-item .ic {width:15px;height:15px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-trigger {display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #232a3a;border-radius:9px;background:#11141d}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-trigger .av {width:26px;height:26px;border-radius:7px;background:#2b3344;color:#cdd4e0;font-size:10px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-trigger b {color:#e7ebf3;font-size:12px;font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-trigger .ch {margin-left:auto;color:#7d889c}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 /* signed-in app shell (shows WHERE the account control lives) */
.appshell {display:grid;grid-template-columns:208px 1fr;border:1px solid #232a3a;border-radius:12px;overflow:hidden;background:#0d1018;min-height:344px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-side {border-right:1px solid #232a3a;background:#0c0f17;display:flex;flex-direction:column;gap:10px;padding:12px 10px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-ws {display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #232a3a;border-radius:9px;background:#11141d;color:#e7ebf3;font-size:11.5px;font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-ws .av {width:22px;height:22px;border-radius:6px;background:#2b3344;color:#cdd4e0;display:grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 auto}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-ws .ch {margin-left:auto;color:#7d889c}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-nav {display:grid;gap:3px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-nav .ni {display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;color:#8a93a6;font-size:11.5px;font-weight:600}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-nav .ni.on {background:rgba(15,111,255,.16);color:#cdddff}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-nav .ni .ic {width:15px;height:15px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-spacer {flex:1;min-height:18px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-foot-label {font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5f6a7e;padding:0 4px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-main {padding:14px 16px;display:grid;gap:10px;align-content:start}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-h {color:#f5f7fb;font-size:16px;font-weight:750}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-blocks {display:grid;gap:9px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-blocks span {height:44px;border:1px solid #1c2230;border-radius:9px;background:#0c0f17;display:block}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .as-blocks span.tall {height:74px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 /* faithful to Studio v2 UserProfileSection: email-only menu label,
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 circular avatar */
.acct-label {padding:11px 12px;border-bottom:1px solid #232a3a;color:#cdd4e0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-trigger .av,
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-id .av {border-radius:50%}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .acct-item .soon,
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .soon {margin-left:auto;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.03em;color:#caa14a;background:rgba(202,161,74,.16);border:1px solid rgba(202,161,74,.3);border-radius:999px;padding:1px 7px;white-space:nowrap}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 /* settings overlay (two-pane) */
.set {background:#0c0f17;border:1px solid #232a3a;border-radius:12px;overflow:hidden;max-width:680px;margin:0 auto}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-bar {display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid #232a3a;background:#11141d}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-bar .ic {width:16px;height:16px;color:var(--brand)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-bar b {color:#f5f7fb;font-size:13px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-bar .x {margin-left:auto;color:#7d889c}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-body {display:grid;grid-template-columns:158px 1fr;min-height:288px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-nav {border-right:1px solid #232a3a;background:#0a0d14;padding:10px 8px;display:grid;gap:2px;align-content:start}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-nav .si {display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;color:#8a93a6;font-size:11.5px;font-weight:600}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-nav .si.on {background:rgba(15,111,255,.16);color:#cdddff}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-nav .si .ic {width:14px;height:14px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-main {padding:16px 18px;display:grid;gap:13px;align-content:start}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-main h5 {margin:0;color:#f5f7fb;font-size:14px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-row {display:grid;gap:6px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-row label {font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7d889c}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-field {height:34px;border:1px solid #2b3344;border-radius:8px;background:#0a0d14;color:#cdd4e0;font-size:11.5px;display:flex;align-items:center;padding:0 11px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-field.ro {color:#6b7384}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-two {display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-avatar {display:flex;align-items:center;gap:12px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-avatar .av {width:52px;height:52px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800;flex:0 0 auto}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-ghost {border:1px solid #2b3344;border-radius:8px;color:#cdd4e0;font-size:11px;font-weight:700;padding:7px 11px;display:inline-flex;align-items:center;gap:6px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-save {justify-self:start;height:34px;padding:0 16px;border-radius:8px;background:var(--brand);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
@media (max-width:760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-body {grid-template-columns:1fr}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .set-nav {border-right:0;border-bottom:1px solid #232a3a}
}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 /* phone frame + bottom sheet + mobile settings list */
.phone {max-width:288px;margin:0 auto;border:1px solid #232a3a;border-radius:18px;overflow:hidden;background:#11141d;position:relative}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .phone .notch {height:22px;background:#161b27;display:grid;place-items:center}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .phone .notch::after {content:"";width:54px;height:5px;border-radius:3px;background:#3a4256}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .phone .pbody {padding:14px;display:grid;gap:11px;min-height:300px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .phone .topbar {display:flex;align-items:center;gap:9px;color:#e7ebf3;font-size:12px;font-weight:700}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .phone .topbar .ic {width:16px;height:16px;color:#9aa3b5}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .sheet-wrap {position:relative;min-height:320px;background:#0d1018;border-radius:14px;overflow:hidden}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .sheet-wrap .dim {position:absolute;inset:0;background:rgba(0,0,0,.5)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .sheet {position:absolute;left:0;right:0;bottom:0;background:#11141d;border-top:1px solid #232a3a;border-radius:16px 16px 0 0;padding:14px;display:grid;gap:9px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .sheet .grip {width:38px;height:4px;border-radius:2px;background:#3a4256;margin:2px auto 6px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .srow {display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #232a3a;border-radius:10px;background:#0d1018;color:#cdd4e0;font-size:12px;font-weight:600}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .srow .ic {width:15px;height:15px;color:#9aa3b5}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .srow .ch {margin-left:auto;color:#5f6a7e}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .srow.danger {color:#f06a6e}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .toast {display:inline-flex;align-items:center;gap:8px;border:1px solid #234634;border-radius:10px;background:#10241d;color:#7fe3c4;font-size:12px;font-weight:700;padding:9px 13px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .toast .ic {width:15px;height:15px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-card {width:100%;max-width:300px;margin:0 auto;display:grid;gap:12px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-heading {display:flex;align-items:center;gap:10px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-lock {width:34px;height:34px;border-radius:8px;border:1px solid #232a3a;background:rgba(255,255,255,.03);color:var(--brand);display:grid;place-items:center;flex:0 0 auto}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-heading .k {font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7d889c}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-heading .t {color:#f5f7fb;font-size:18px;font-weight:750}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-form {border:1px solid #232a3a;border-radius:11px;background:#0c0f17;padding:16px;display:grid;gap:11px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-social {display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2b3344;border-radius:8px;background:rgba(255,255,255,.03);color:#cdd4e0;font-size:12px;font-weight:700;height:36px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-or {display:flex;align-items:center;gap:8px;color:#5f6a7e;font-size:10px;font-family:var(--mono)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-or::before,
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-or::after {content:"";height:1px;flex:1;background:#232a3a}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-field {height:36px;border:1px solid #2b3344;border-radius:8px;background:#0a0d14;color:#5f6a7e;font-size:11.5px;display:flex;align-items:center;padding:0 11px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .aw-btn {height:36px;border-radius:8px;background:var(--brand);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 /* reverification dialog + 2FA enrollment */
.dlg {max-width:320px;margin:0 auto;border:1px solid #232a3a;border-radius:14px;background:#11141d;padding:18px;display:grid;gap:12px;justify-items:center;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.5)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dlg .dico {width:38px;height:38px;border-radius:10px;border:1px solid #232a3a;background:rgba(15,111,255,.12);color:var(--brand);display:grid;place-items:center}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dlg h5 {margin:0;color:#f5f7fb;font-size:15px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dlg p {margin:0;color:#8a93a6;font-size:11.5px;line-height:1.45}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dlg .aw-field,
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .dlg .aw-btn {width:100%}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .twofa-seq {display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;gap:8px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .twofa-seq .arr {text-align:center;color:var(--good);font-weight:700;font-size:16px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .twofa-step {border:1px solid #232a3a;border-radius:11px;background:#0c0f17;padding:13px;display:grid;gap:9px;justify-items:center;text-align:center}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .twofa-step .sn {font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .twofa-step b {color:#e7ebf3;font-size:12px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .twofa-step .h {color:#8a93a6;font-size:10px;line-height:1.35}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .qr {width:92px;height:92px;border-radius:6px;border:5px solid #fff;background:#fff;background-image:repeating-linear-gradient(0deg,#0d1018 0 7px,transparent 7px 14px),repeating-linear-gradient(90deg,#0d1018 0 7px,transparent 7px 14px);background-size:14px 14px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .otp {display:flex;gap:5px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .otp i {width:26px;height:34px;border:1px solid #2b3344;border-radius:6px;background:#0a0d14;display:grid;place-items:center;color:#cdd4e0;font-weight:700;font-style:normal;font-family:var(--mono)}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .codes {display:grid;grid-template-columns:1fr 1fr;gap:5px;font-family:var(--mono);font-size:11px;width:100%}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .codes span {border:1px solid #232a3a;border-radius:6px;background:#0a0d14;color:#cdd4e0;padding:5px 6px;text-align:center}
@media (max-width:760px) {
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .twofa-seq {grid-template-columns:1fr}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .twofa-seq .arr {transform:rotate(90deg)}
}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 p.footer {margin-top:32px;padding-top:18px;border-top:1px solid var(--line);color:var(--faint);font-size:13px}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 /* ===========================================================================
   STUDIO V2 DARK SKIN — aligns the spec surface to the product design system.
   Token override (deep navy hsl(223 84% 5%), blue-tinted surfaces, true primary
   blue, signature top glow) so the document feels like Beam,
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 not a white doc.
   Scoped to this page; delete this block to revert to the light doc theme.
   =========================================================================== */
:root {
  color-scheme:dark;
  --page:#070a13; --bg:#070a13;
  --surface:#0e1524; --surface-soft:#0b101d; --surface-blue:#122036; --subtle:#0e1626;
  --navy:#eaf0fb; --night:#f5f8ff; --text:#d7dfee; --muted:#97a3b8; --faint:#6c7a91;
  --line:#1c2740; --line-strong:#2a3852;
  --brand:#3079ff; --brand-dark:#6ea2ff; --brand-soft:#13233f; --brand-line:#294b7d;
  --good:#3ecf8e; --good-soft:#10271d;
  --warn:#e2b33c; --warn-soft:#2a2310;
  --risk:#f0746e; --risk-soft:#2a1413;
  --violet:#b69cf2; --violet-soft:#1d1733;
  --slate:#9aa7bd; --slate-soft:#161d2b;
  --orange:#f59e5b; --orange-soft:#2a1a0f;
  --shadow:0 24px 60px rgba(0,0,0,.5);
}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 {background:radial-gradient(52% 340px at 50% 0,rgba(99,128,247,.16),transparent 72%),#070a13 !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 /* re-skin the handful of hardcoded-light components so nothing stays bright */
th {color:#c2cde0 !important;background:#0e1626 !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .jmap thead th {background:#101a2e !important;color:var(--navy) !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .jmap tbody th {background:#0c1322 !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 code {color:#cdd9ee !important;background:#13203a !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .badge {background:#13203a !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .obj .oico {background:#0e1524 !important;border-color:var(--line) !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .findex .stp {background:#0e1524 !important;border-color:var(--line) !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .stage {background:repeating-linear-gradient(135deg,#0c1322,#0c1322 11px,#0e1526 11px,#0e1526 22px) !important;border-color:var(--line) !important}
body.bd-doc-product-features-authentication-v1-authentication-loop-ux-spec-7f827955 .spy {background:rgba(10,14,24,.92) !important}

/* docs/product/features/backlog/ontology-process-simulations.html */
body.bd-doc-product-features-backlog-ontology-process-simulations-d8273758 /* Doc-specific only: ASCII wireframe block. All other styling comes from
         the Beam document design system (beam-doc.css). */
      .wire {
        font-family: var(--mono);
        font-size: 12px;
        line-height: 1.45;
        background: var(--surface-soft);
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        padding: 14px 16px;
        overflow-x: auto;
        white-space: pre;
        color: var(--text);
        margin: 16px 0;
      }

/* docs/product/features/campaigns/backlog/campaigns-experience-vision.html */
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c * {box-sizing:border-box}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c {margin:0;font-family:var(--font);color:var(--text);background:var(--sink);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .wrap {width:100%;max-width:1120px;margin:0 auto;padding:48px 16px 72px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c a {color:var(--accent-text)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c header.hero {padding:30px 32px 32px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .eyebrow {color:var(--accent);font-weight:650;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c h1 {font-size:40px;letter-spacing:-.02em;margin:12px 0 10px;font-weight:760;color:var(--navy)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .sub {color:var(--dim);font-size:17px;max-width:820px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .oneliner {margin:22px 0 0;padding:16px 18px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15.5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .oneliner b {color:var(--text)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .doc-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .doc-point {border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--subtle);padding:12px 14px;min-width:0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .doc-point b {display:block;color:var(--navy);font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .doc-point span {display:block;color:var(--dim);font-size:13px;line-height:1.45}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc {margin:24px 0 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:18px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc-hd {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:700;margin-bottom:12px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc-hd::after {content:"UX outline";font-family:var(--mono);font-weight:700;color:var(--faint);letter-spacing:.08em}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc-tree,
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc-tree ol {list-style:none;margin:0;padding:0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc>.toc-tree {display:grid;grid-template-columns:1fr;gap:8px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc-tree ol {margin:4px 0 0 30px;padding-left:12px;border-left:1px solid var(--border)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc-tree li {margin:0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc a {display:block;text-decoration:none;color:var(--text);border-radius:6px;padding:4px 7px;line-height:1.45}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc a:hover {background:rgba(15,15,15,.045);text-decoration:underline;text-underline-offset:2px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc .toc-h2 {display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:baseline;font-weight:650;font-size:13.5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc .toc-h2 .n {color:var(--faint);font-weight:700;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .toc .toc-h3 {font-size:12.5px;color:var(--dim);font-weight:450}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .sec,
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .blk {scroll-margin-top:16px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c h2.sec {font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:56px 0 4px;display:flex;align-items:center;gap:9px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c h2.sec .hash {color:var(--faint);font-weight:600}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .sec-lead {color:var(--dim);max-width:820px;margin:0 0 18px;font-size:15px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .copy {max-width:820px;color:#4a4843;margin:0 0 6px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .copy.tight {margin-bottom:4px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .mt-8 {margin-top:8px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .mt-12 {margin-top:12px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .muted {color:var(--faint)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .danger {color:var(--red);font-weight:600}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .card-list {margin:0;padding-left:16px;font-size:13.5px;color:#4a4843}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .card-list.mt-8 {margin-top:8px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .note-line {font-size:13px;color:var(--dim);margin:8px 0 0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .flowline {font-family:var(--mono);font-size:13px;color:var(--faint);margin:0 0 18px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c h3.blk {font-size:17px;margin:28px 0 10px;letter-spacing:-.01em}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c h3.blk .k {font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:700;margin-right:8px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .grid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 8px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .grid3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:6px 0 8px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .grid4 {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin:6px 0 8px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .grid5 {display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:6px 0 8px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .card {background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .card .rh {display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .card .rh b {font-size:15px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .card .em {font-size:19px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .card p {margin:0;color:#4a4843;font-size:13.5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .card .edge {display:block;margin-top:9px;font-size:12px;color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .card.star {border-color:var(--accent-line);background:linear-gradient(180deg,#f6fbff,var(--bg))}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .contrast {display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:14px 0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .contrast>div {padding:15px 17px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .contrast .n {background:var(--subtle);border-right:1px solid var(--border)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .contrast h4 {margin:0 0 7px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .contrast ul {margin:0;padding-left:18px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .contrast li {margin:3px 0;font-size:13.5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .contrast .l b {color:var(--accent-text)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c code {font-family:var(--mono);font-size:.9em;background:#ecebe8;border-radius:5px;padding:1px 5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .callout {background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:13px 16px;margin:12px 0;font-size:14px;color:#4a4843}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .callout.warn {border-left-color:var(--amber)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .callout.good {border-left-color:var(--green)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .foot {margin-top:54px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);color:var(--dim);font-size:13px;line-height:1.55}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- STATUS PILLS (the PD vocabulary) + legend ---- */
.pill {display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:1px 8px;font-size:11.5px;font-weight:600;white-space:nowrap}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .s-ship {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .s-proto {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .s-mock {color:var(--orange);background:var(--orange-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .s-backend {color:var(--blue);background:var(--blue-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .s-concept {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .s-prop {color:var(--slate);background:var(--slate-soft);border:1px dashed var(--border-strong)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .legend {display:flex;flex-wrap:wrap;gap:14px;margin:16px 0 0;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);font-size:12.5px;color:var(--dim)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .legend .li {display:flex;align-items:center;gap:7px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- SCREEN FIGURE ---- */
figure.screen img {display:block;width:100%;height:auto}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c figure.screen {background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px rgba(15,15,15,.04),0 10px 30px rgba(15,15,15,.06);margin:0 0 26px;scroll-margin-top:20px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c figure.screen figcaption {display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--subtle);flex-wrap:wrap}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c figcaption .num {font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:7px;padding:3px 9px;font-size:12.5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c figcaption .ttl {font-weight:650}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c figcaption .route {color:var(--faint);font-family:var(--mono);font-size:12px;margin-left:auto}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .screen-ph {display:flex;flex-direction:column;gap:9px;align-items:flex-start;justify-content:center;width:100%;min-height:150px;padding:30px;background:var(--subtle);border-top:1px dashed var(--border-strong)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .screen-ph .tag {font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--accent)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .screen-ph p {margin:0;color:var(--dim);font-size:13.5px;line-height:1.55;max-width:700px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .notes {padding:14px 18px 16px;border-top:1px solid var(--border)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .notes b {font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .notes ul {margin:8px 0 0;padding-left:20px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .notes li {margin:3px 0;color:#3c3b36;font-size:13.5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .next {margin-top:9px;font-size:12.5px;color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- BEAM DISCOVERY SHELL WIREFRAME (operator desktop screens) ---- */
.stage {padding:18px;background:linear-gradient(180deg,#fbfcfe,#f3f6fb);border-top:1px solid var(--border)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell {display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border-strong);border-radius:9px;overflow:hidden;box-shadow:0 6px 20px rgba(15,15,15,.08)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell-top {display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:#fcfcfc}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .wdots {display:flex;gap:5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .wdots i {width:9px;height:9px;border-radius:50%;background:var(--border-strong);display:block}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .crumb {font-size:12px;color:var(--dim)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .crumb b {color:var(--text)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .topacts {margin-left:auto;display:flex;gap:6px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .topacts i {width:22px;height:9px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell-row {display:flex;min-height:240px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell-nav {width:50px;background:#fbfbfb;border-right:1px solid var(--border);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:11px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell-nav i {width:22px;height:22px;border-radius:7px;background:var(--subtle);display:block}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell-nav i.on {background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell-main {flex:1;padding:16px 18px;min-width:0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell-rail {width:64px;background:#fbfbfb;border-left:1px solid var(--border);padding:12px 8px;display:flex;flex-direction:column;gap:8px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell-rail i {height:8px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell-rail i.sm {width:60%}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .vh {display:flex;align-items:center;gap:9px;margin-bottom:12px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .vh .vt {font-size:15px;font-weight:680}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .vh .vsub {font-size:12px;color:var(--faint)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .btn {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:7px;padding:5px 11px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .btn.pri {background:var(--accent);border-color:var(--accent);color:#fff}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .btn.sm {padding:3px 8px;font-size:11px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .btn.ghost {border-color:transparent;background:transparent;color:var(--accent-text)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .spacer {flex:1}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- MINI TABLE / WIREFRAME PRIMITIVES ---- */
.wf {border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:2px 0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .wf .cap {display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--subtle);font-size:12px;color:var(--dim);font-weight:600}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .wf .body {padding:12px 14px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c table.mini {width:100%;border-collapse:collapse;font-size:12.5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c table.mini th {text-align:left;font-weight:700;color:var(--faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;padding:6px 9px;border-bottom:1px solid var(--border);white-space:nowrap}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c table.mini td {padding:7px 9px;border-bottom:1px solid var(--subtle);vertical-align:middle}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c table.mini tr:last-child td {border-bottom:0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .tag {font-size:11px;border-radius:5px;padding:1px 7px;font-weight:600;white-space:nowrap;display:inline-block}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .t-understood {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .t-partial {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .t-dark {color:var(--dim);background:#ececec}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .t-hyp {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .dot {width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align:middle}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .dot.g {background:var(--green)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .dot.a {background:var(--amber)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .dot.r {background:var(--red)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .dot.b {background:var(--blue)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .dot.s {background:var(--border-strong)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .bar {height:6px;border-radius:4px;background:var(--subtle);overflow:hidden;display:inline-block;width:80px;vertical-align:middle}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .bar>i {display:block;height:100%;background:var(--accent)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .bar.sm {width:50px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .chip {display:inline-flex;align-items:center;gap:5px;font-size:11px;background:var(--accent-soft);color:var(--accent-text);border-radius:6px;padding:1px 7px;margin:2px 3px 2px 0;font-weight:600}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- STAT CARDS ---- */
.stats {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .stat {background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:11px 13px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .stat .sn {font-size:22px;font-weight:760;letter-spacing:-.02em}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .stat .sl {font-size:11px;color:var(--faint);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- TABS ---- */
.tabs {display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:14px;flex-wrap:wrap}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .tab {font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:6px 6px 0 0;color:var(--dim);cursor:default;border:1px solid transparent;border-bottom:none}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .tab.on {color:var(--text);border-color:var(--border);border-bottom:1px solid var(--bg);background:var(--bg);margin-bottom:-1px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- MODAL OVERLAY ---- */
.modal-bg {background:rgba(15,15,15,.32);padding:20px;display:flex;justify-content:center;border-top:1px dashed var(--border-strong)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal {background:var(--bg);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 8px 32px rgba(15,15,15,.18);width:100%;max-width:580px;overflow:hidden}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-head {padding:16px 18px 14px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-head h4 {margin:0 0 3px;font-size:15px;font-weight:680}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-head p {margin:0;color:var(--dim);font-size:12.5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-body {padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-col h5 {margin:0 0 9px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:700}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-col ul {margin:0;padding-left:16px;font-size:13px;color:#4a4843}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-col li {margin:4px 0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-col .kv {display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--subtle);font-size:12.5px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-col .kv:last-child {border-bottom:none}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-col .kv span {color:var(--faint)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-foot {padding:12px 18px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;background:var(--subtle)}
/* ---- PULSE DOT (live status) ---- */
@keyframes pulse-146efd0c {0%,100%{opacity:1}50%{opacity:.4}}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .live {display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--green);font-weight:700}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .live i {width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-146efd0c 1.6s infinite}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- STATUS BADGES (interview participant) ---- */
.ps {font-size:10.5px;font-weight:700;border-radius:5px;padding:1px 7px;white-space:nowrap}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .ps-pending {color:var(--faint);background:#ececec}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .ps-ready {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .ps-invited {color:var(--blue);background:var(--blue-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .ps-started {color:var(--accent-text);background:var(--accent-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .ps-completed {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .ps-interrupted {color:var(--red);background:var(--red-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .ps-verified {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- SOURCE PROVENANCE (the entry-point model) ---- */
.src {display:inline-flex;align-items:center;gap:4px;font-size:10.5px;border-radius:5px;padding:1px 7px;font-weight:700;white-space:nowrap}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .src-direct {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .src-interview {color:var(--accent-text);background:var(--accent-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .src-doc {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .src-mining {color:var(--blue);background:var(--blue-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .src-sync {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- DESTINATION DIFF TAGS + VERDICT ---- */
.dst {font-size:10px;font-weight:700;border-radius:5px;padding:1px 7px;white-space:nowrap}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .dst-process {color:var(--accent-text);background:var(--accent-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .dst-ontology {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .dst-document {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .verdict {font-size:10px;font-weight:700;border-radius:5px;padding:1px 7px;white-space:nowrap}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .v-safe {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .v-review {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .v-block {color:var(--red);background:var(--red-soft)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c /* ---- GIT-LANE MENTAL MODEL ---- */
.lanes {display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:14px 0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .lanes>div {padding:15px 17px}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .lanes .main {background:var(--subtle);border-right:1px solid var(--border)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .lanes h4 {margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .lanes .git {font-family:var(--mono);font-size:12px;color:var(--dim);margin:2px 0}
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .lanes .git b {color:var(--accent-text)}
@media(max-width:720px) {body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .wrap {padding:24px 12px 56px}body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c header.hero {padding:20px}body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .doc-summary,
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .grid2,
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .grid3,
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .grid4,
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .grid5,
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .stats {grid-template-columns:1fr}body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c h1 {font-size:32px}body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .contrast,
body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .lanes {grid-template-columns:1fr}body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .stage {overflow-x:auto;padding:14px}body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .stage>.shell {min-width:760px}body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .shell-rail {display:none}body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c table.mini {font-size:11.5px}body.bd-doc-product-features-campaigns-backlog-campaigns-experience-vision-146efd0c .modal-body {grid-template-columns:1fr}}

/* docs/product/features/campaigns/investigate-v2/assets/src/w1-goal.html */
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee * {box-sizing:border-box}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee {margin:0;background:var(--bg);font-family:var(--sans);color:var(--text);padding:30px;font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .shell {max-width:980px;margin:0 auto;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-strong);border-radius:11px;overflow:hidden;box-shadow:0 10px 34px rgba(32,39,52,.10)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .shell-top {display:flex;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .wdots {display:flex;gap:5px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .wdots i {width:9px;height:9px;border-radius:50%;background:var(--line-strong);display:block}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .crumb {font-size:12px;color:var(--muted)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .crumb b {color:var(--text)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .topacts {margin-left:auto;display:flex;gap:6px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .topacts i {width:22px;height:9px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .shell-row {display:flex;min-height:300px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .shell-nav {width:50px;background:var(--surface-soft);border-right:1px solid var(--line);padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:12px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .shell-nav i {width:24px;height:24px;border-radius:7px;background:var(--subtle);display:block}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .shell-nav i.on {background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand-line)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .shell-main {flex:1;padding:18px 20px;min-width:0}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .shell-rail {width:62px;background:var(--surface-soft);border-left:1px solid var(--line);padding:14px 9px;display:flex;flex-direction:column;gap:9px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .shell-rail i {height:8px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .shell-rail i.sm {width:60%}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .vh {display:flex;align-items:center;gap:9px;margin-bottom:14px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .vt {font-size:16px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .vsub {font-size:12px;color:var(--faint)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .lbl {font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .btn {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:7px;padding:6px 12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .btn.pri {background:var(--brand);border-color:var(--brand);color:#fff}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .btn.sm {padding:3px 9px;font-size:11px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .spacer {flex:1}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .em {font-size:18px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .grid3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .card {background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:13px 15px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .card .rh {display:flex;align-items:center;gap:9px;margin-bottom:5px;flex-wrap:wrap}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .card .rh b {font-size:15px;color:var(--navy)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .card p {margin:0;color:var(--muted);font-size:13px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .card .edge {display:block;margin-top:8px;font-size:11.5px;color:var(--brand-dark);font-weight:700}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .card.star {border-color:var(--brand-line);background:linear-gradient(180deg,var(--surface-blue),var(--surface))}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .tag {font-size:11px;border-radius:5px;padding:1px 7px;font-weight:700;display:inline-block;color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .field {border:1px solid var(--brand-line);border-radius:8px;padding:9px 12px;font-size:13.5px;background:var(--surface-blue);max-width:660px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .caret {color:var(--brand);font-weight:700}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .wf {border:1px solid var(--line);border-radius:9px;overflow:hidden}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .wf .body {padding:13px 15px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .callout {border-left:4px solid var(--brand);padding:11px 14px;border-radius:8px;background:var(--surface-blue);font-size:13.5px;color:var(--text)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w1-goal-ea723cee .chip {display:inline-flex;align-items:center;gap:5px;font-size:11px;background:var(--brand-soft);color:var(--brand-dark);border-radius:6px;padding:1px 7px;font-weight:700}

/* docs/product/features/campaigns/investigate-v2/assets/src/w2-people.html */
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 * {box-sizing:border-box}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 {margin:0;background:var(--bg);font-family:var(--sans);color:var(--text);padding:30px;font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .shell {max-width:980px;margin:0 auto;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-strong);border-radius:11px;overflow:hidden;box-shadow:0 10px 34px rgba(32,39,52,.10)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .shell-top {display:flex;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .wdots {display:flex;gap:5px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .wdots i {width:9px;height:9px;border-radius:50%;background:var(--line-strong);display:block}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .crumb {font-size:12px;color:var(--muted)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .crumb b {color:var(--text)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .topacts {margin-left:auto;display:flex;gap:6px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .topacts i {width:22px;height:9px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .shell-row {display:flex;min-height:300px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .shell-nav {width:50px;background:var(--surface-soft);border-right:1px solid var(--line);padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:12px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .shell-nav i {width:24px;height:24px;border-radius:7px;background:var(--subtle);display:block}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .shell-nav i.on {background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand-line)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .shell-main {flex:1;padding:18px 20px;min-width:0}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .shell-rail {width:62px;background:var(--surface-soft);border-left:1px solid var(--line);padding:14px 9px;display:flex;flex-direction:column;gap:9px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .shell-rail i {height:8px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .shell-rail i.sm {width:60%}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .vh {display:flex;align-items:center;gap:9px;margin-bottom:14px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .vt {font-size:16px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .vsub {font-size:12px;color:var(--faint)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .lbl {font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .btn {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:7px;padding:6px 12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .btn.pri {background:var(--brand);border-color:var(--brand);color:#fff}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .btn.sm {padding:3px 9px;font-size:11px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .btn.ghost {border-color:transparent;background:transparent;color:var(--brand-dark)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .spacer {flex:1}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .grid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .wf {border:1px solid var(--line);border-radius:9px;overflow:hidden}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .wf .body {padding:13px 15px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .field {border:1px solid var(--line-strong);border-radius:7px;padding:8px 11px;font-size:13px;background:var(--surface)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .addcard {border:1px solid var(--brand-line);border-radius:10px;padding:14px 15px;margin-top:12px;background:var(--surface-blue);max-width:640px}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .dot {width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--brand)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .req {color:var(--risk)}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .caret {color:var(--brand);font-weight:700}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .hint {font-size:11.5px;color:var(--brand-dark);font-weight:600}
body.bd-doc-product-features-campaigns-investigate-v2-assets-src-w2-people-1e76dde3 .minilbl {font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:700;margin-bottom:4px}

/* docs/product/features/campaigns/investigate-v2/prd.html */
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d /* document-specific,
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d Beam-aligned layout only — tokens & primitives come from beam-doc.css */
.note-soft {font-size:13px;color:var(--muted);margin:8px 0 0}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .goalbox {border:1px solid var(--brand-line);border-left:4px solid var(--brand);background:var(--surface-blue);border-radius:var(--radius-row);padding:16px 18px;margin:6px 0 4px;font-size:16px;line-height:1.5;color:var(--navy)}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .flowline {font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:0 0 14px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .flowline b {color:var(--brand-dark)}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .pass {font-weight:700;color:var(--good)}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .kill {color:var(--risk);font-weight:700}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .verbox {border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);padding:10px 14px;margin:0 0 4px;font-size:13px;color:var(--muted)}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc-hd {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--faint);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc-hd::after {content:"PRD outline";font-family:var(--mono);font-weight:700;color:var(--faint);letter-spacing:.08em}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc-tree,
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc-tree ol {list-style:none;margin:0;padding:0}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc>.toc-tree {display:grid;grid-template-columns:1fr;gap:8px}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc-tree ol {margin:4px 0 0 30px;padding-left:12px;border-left:1px solid var(--line)}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc-tree li {margin:0}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc a {display:block;padding:4px 7px;border-radius:6px;color:var(--text);line-height:1.45;text-decoration:none}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc a:hover {background:rgba(32,39,52,.045);text-decoration:underline;text-underline-offset:2px}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc .toc-h2 {display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:baseline;font-size:13.5px;font-weight:650}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc .toc-h2 .n {color:var(--faint);font-weight:700;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-campaigns-investigate-v2-prd-82c9e64d .toc .toc-h3 {color:var(--muted);font-size:12.5px;font-weight:450}

/* docs/product/features/campaigns/investigate-v2/tech-spec.html */
body.bd-doc-product-features-campaigns-investigate-v2-tech-spec-a7e8e9fe /* document-specific,
body.bd-doc-product-features-campaigns-investigate-v2-tech-spec-a7e8e9fe Beam-aligned layout only — tokens & primitives come from beam-doc.css */
pre {margin:0;background:var(--night);color:#e9edf5;border-radius:var(--radius-row);padding:16px 18px;overflow:auto;font-family:var(--mono);font-size:12.5px;line-height:1.62}
body.bd-doc-product-features-campaigns-investigate-v2-tech-spec-a7e8e9fe pre .c {color:#8b94a8}
body.bd-doc-product-features-campaigns-investigate-v2-tech-spec-a7e8e9fe .note-soft {font-size:13px;color:var(--muted);margin:8px 0 0}
body.bd-doc-product-features-campaigns-investigate-v2-tech-spec-a7e8e9fe .screen-card {border:1px solid var(--line);border-radius:var(--radius-row);overflow:hidden;background:var(--surface);margin:14px 0}
body.bd-doc-product-features-campaigns-investigate-v2-tech-spec-a7e8e9fe .screen-card figcaption {display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--surface-soft);font-weight:700;color:var(--navy);font-size:14px}
body.bd-doc-product-features-campaigns-investigate-v2-tech-spec-a7e8e9fe .screen-num {font-family:var(--mono);font-size:12px;color:var(--brand);background:var(--brand-soft);border-radius:6px;padding:2px 8px;font-weight:700}
body.bd-doc-product-features-campaigns-investigate-v2-tech-spec-a7e8e9fe .screen-card img {display:block;width:100%;height:auto}

/* docs/product/features/campaigns/scope-v1/assets/screens/invite-email.html */
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c {background:var(--bg)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailwrap {max-width:700px;margin:0 auto;padding:22px 18px;display:flex;flex-direction:column;gap:22px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mail {border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(40,44,52,.07)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailbar {display:flex;align-items:center;gap:9px;padding:8px 13px;background:var(--soft);border-bottom:1px solid var(--line2)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailbar .dot3 {display:flex;gap:5px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailbar .dot3 i {width:9px;height:9px;border-radius:50%;background:var(--fill);display:block}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .maillbl {margin-left:auto;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:10px;color:var(--faint)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailhead {padding:15px 20px 13px;border-bottom:1px solid var(--line2)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailsub {font-size:15.5px;font-weight:700;color:var(--ink);margin:0 0 10px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailrow {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut);margin-top:4px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailrow .lab {width:36px;color:var(--faint);font-weight:600;flex:0 0 auto}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailrow b {color:var(--ink);font-weight:600}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailrow .addr {color:var(--mut)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailrow .via {margin-left:6px;font-size:10.5px;border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--faint)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailbody {padding:18px 22px;font-size:13.5px;color:var(--ink);line-height:1.62}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailbody p {margin:0 0 13px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailbody b {color:var(--ink)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailbtn {display:inline-flex;align-items:center;gap:9px;background:var(--accent);color:#fff;font-weight:700;font-size:13.5px;padding:12px 20px;border-radius:10px;margin:2px 0 16px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailbtn .ic {color:#fff}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .chips {display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .chip {display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mut);background:var(--soft);border:1px solid var(--line2);border-radius:999px;padding:4px 11px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .trust {display:flex;gap:9px;align-items:flex-start;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:10px;padding:11px 13px;font-size:12.5px;color:var(--dark);margin:0 0 13px;line-height:1.5}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .trust .ic {color:var(--accent);flex:0 0 auto;margin-top:1px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .mailfoot {border-top:1px solid var(--line2);padding:12px 22px;font-size:11px;color:var(--faint);line-height:1.5}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .pav {width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex:0 0 auto}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .sysnote {font-size:11.5px;color:var(--mut);background:var(--soft);border:1px dashed var(--line);border-radius:8px;padding:8px 12px;margin:10px 0 0;display:flex;gap:7px;align-items:center}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .screencap {max-width:700px;margin:0 auto;padding:18px 18px 0;display:flex;align-items:center;gap:10px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .screencap .num {font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:6px;padding:2px 8px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .screencap .t {font-weight:700;color:var(--ink);font-size:14px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-invite-email-28fced0c .screencap .mp {margin-left:auto;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:2px 9px}

/* docs/product/features/campaigns/scope-v1/assets/screens/overview-c-hybrid.html */
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c /* Option C — hybrid: A's KPI strip + B's known/unknown body.
     Coverage model: criteria are Open / Partial / Answered; coverage % is their
     average ((1+1+.5+0)/4 = 63%). No binary "done". */
  .metaline {color:var(--mut);font-size:12px;margin-top:10px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .tiles {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .tile {border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:11px 13px;display:flex;flex-direction:column;gap:5px;min-height:78px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .tval {font-size:17px;font-weight:700;color:var(--ink);display:flex;align-items:baseline;gap:6px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .tsub {font-size:11.5px;font-weight:600;color:var(--mut)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .tnote {font-size:11px;color:var(--mut);margin:0}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .ledger {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;align-items:start}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .lcol {border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:15px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .lh {display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .lcount {font-size:12px;font-weight:700;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:1px 10px;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .lcount.good {color:var(--good);border-color:var(--good-line);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .lcount.risk {color:var(--risk);border-color:var(--risk-line);background:var(--risk-soft)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .kitem {display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-top:1px solid var(--line2)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .kitem:first-of-type {border-top:0}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .kitem>div {flex:1}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .kitem b {font-weight:600;color:var(--ink);display:block}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .evi {font-size:11px;color:var(--faint);display:inline-flex;align-items:center;gap:5px;margin-top:3px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .box.part {background:linear-gradient(90deg,var(--accent) 0 50%,#fff 50% 100%);border-color:var(--accent)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .cstate {font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:3px 9px;white-space:nowrap;align-self:center;border:1px solid var(--line);color:var(--mut)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .cstate.ans {color:var(--good);background:var(--good-soft);border-color:var(--good-line)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .cstate.par {color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .gapcard {border:1px solid var(--risk-line);background:var(--risk-soft);border-radius:9px;padding:13px;display:flex;flex-direction:column;gap:11px;margin-top:6px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .gaptop {display:flex;align-items:flex-start;gap:11px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .gaptop b {color:var(--ink)}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .gapmeta {margin:0;padding-left:30px;color:var(--mut);font-size:12px;display:flex;flex-direction:column;gap:4px;list-style:none}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .gapmeta li {display:flex;align-items:center;gap:7px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .gapmeta li::before {content:"";width:4px;height:4px;border-radius:50%;background:var(--risk);flex:0 0 auto}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .gapcard .btn {align-self:flex-start;margin-left:29px}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .gapnote {color:var(--mut);font-size:12px;margin:13px 0 0;line-height:1.5}
body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .hdr-actions {display:flex;gap:8px}
@media(max-width:760px) {body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .tiles {grid-template-columns:1fr 1fr}body.bd-doc-product-features-campaigns-scope-v1-assets-screens-overview-c-hybrid-83bfbf6c .ledger {grid-template-columns:1fr}}

/* docs/product/features/campaigns/scope-v1/prd.html */
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .j-node { fill: var(--surface-blue); stroke: var(--brand-line); stroke-width: 1.5; }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .j-label { fill: var(--navy); font: 500 13px var(--sans); }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .j-edge { stroke: var(--brand); stroke-width: 2; }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .j-head { fill: var(--brand); }

body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .s-node { stroke-width: 1.5; }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .s-neutral { fill: var(--slate-soft); stroke: var(--slate); }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .s-brand { fill: var(--surface-blue); stroke: var(--brand-line); }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .s-good { fill: var(--good-soft); stroke: var(--good); }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .s-fail { fill: var(--risk-soft); stroke: var(--risk); }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .s-label { fill: var(--navy); font: 500 13px var(--sans); }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .s-edge { fill: none; stroke: var(--muted); stroke-width: 1.6; }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .s-elabel { fill: var(--muted); font: 500 11px var(--sans); }
body.bd-doc-product-features-campaigns-scope-v1-prd-1d5f8b26 .s-head { fill: var(--muted); }

/* docs/product/features/campaigns/scope-v1/proof-of-work-ui-polish.html */
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-ui-polish-b87b5c5f .note-soft {font-size:13px;color:var(--muted);margin:8px 0 0}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-ui-polish-b87b5c5f .fix-log {margin:8px 0 0;padding-left:20px}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-ui-polish-b87b5c5f .fix-log li {font-size:13px;color:var(--muted);line-height:1.75;margin:2px 0}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-ui-polish-b87b5c5f .fix-log b {color:var(--text)}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-ui-polish-b87b5c5f .cmd {margin:0;background:var(--night);color:#e9edf5;border-radius:var(--radius-row);padding:14px 16px;overflow:auto;font-family:var(--mono);font-size:12.5px;line-height:1.6}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-ui-polish-b87b5c5f .cmd .c {color:#8b94a8}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-ui-polish-b87b5c5f .cmd .ok {color:#8ee6a8}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-ui-polish-b87b5c5f .good {color:var(--good);font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-ui-polish-b87b5c5f .risk {color:var(--risk);font-weight:700}

/* docs/product/features/campaigns/scope-v1/proof-of-work.html */
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-251fb589 /* document-specific,
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-251fb589 Beam-aligned layout only — tokens & primitives from beam-doc.css */
.note-soft {font-size:13px;color:var(--muted);margin:8px 0 0}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-251fb589 .cmd {margin:0;background:var(--night);color:#e9edf5;border-radius:var(--radius-row);padding:14px 16px;overflow:auto;font-family:var(--mono);font-size:12.5px;line-height:1.6}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-251fb589 .cmd .c {color:#8b94a8}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-251fb589 .cmd .ok {color:#8ee6a8}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-251fb589 figure.screen figcaption code {font-size:12px}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-251fb589 .good {color:var(--good);font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-proof-of-work-251fb589 .risk {color:var(--risk);font-weight:700}

/* docs/product/features/campaigns/scope-v1/tech-spec.html */
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 /* document-specific,
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 Beam-aligned layout only — tokens & primitives come from beam-doc.css */
pre {margin:0;background:var(--night);color:#e9edf5;border-radius:var(--radius-row);padding:16px 18px;overflow:auto;font-family:var(--mono);font-size:12.5px;line-height:1.62}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 pre .c {color:#8b94a8}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 pre .k {color:#9ecbff}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .note-soft {font-size:13px;color:var(--muted);margin:8px 0 0}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .dtag {font-family:var(--mono);font-size:11px;font-weight:700;color:var(--brand);background:var(--brand-soft);border-radius:6px;padding:2px 8px;white-space:nowrap}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .rec {color:var(--good);font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .warn {color:var(--risk);font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .pillrow {display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .enpill {font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:999px;padding:2px 9px;color:var(--muted);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 table td code,
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 table th code {font-size:12px}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 /* diagrams */
.diagram {border:1px solid var(--line);border-radius:var(--radius-row);overflow:hidden;background:var(--surface);margin:14px 0}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .diagram figcaption {display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-soft);font-weight:700;color:var(--navy);font-size:13.5px}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .diagram figcaption .kind {margin-left:auto;font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .mermaid {display:flex;justify-content:center;padding:18px 12px;background:repeating-linear-gradient(45deg,transparent,transparent 9px,rgba(120,130,150,.045) 9px,rgba(120,130,150,.045) 10px)}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .mermaid svg {max-width:100%;height:auto}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .dcap {font-size:12.5px;color:var(--muted);margin:7px 2px 14px;line-height:1.5}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 .dcap b {color:var(--ink)}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 /* collapsible exact-code,
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 so diagrams lead and contracts stay one click away */
details.code {margin:10px 0;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);overflow:hidden}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 details.code>summary {cursor:pointer;padding:9px 13px;font-size:12.5px;font-weight:700;color:var(--navy);list-style:none}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 details.code>summary::-webkit-details-marker {display:none}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 details.code>summary::before {content:"\25B8  ";color:var(--brand)}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 details.code[open]>summary::before {content:"\25BE  "}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 details.code pre {border-radius:0}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 main {min-width:0}
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 h2 code,
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 h3 code,
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 p code,
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 td code,
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 li code {overflow-wrap:anywhere}
@media (max-width:680px) {
body.bd-doc-product-features-campaigns-scope-v1-tech-spec-f1a6bd30 table {display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* docs/product/features/campaigns/scope-v1/ux-spec.html */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef /* ===========================================================================
   UX SPEC DEVICE KIT  (candidate ux-spec.css; from beam:ux-spec template)
   Document-specific,
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef Beam-aligned classes layered on top of beam-doc.css.
   =========================================================================== */

/* --- Maturity status pills + legend (the honesty layer) ------------------- */
.legend {display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .legend .li {display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .mp {display:inline-flex;align-items:center;gap:5px;min-height:21px;padding:1px 9px;border-radius:999px;
  font-size:11px;font-weight:700;white-space:nowrap;color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .mp::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .mp.shipped {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .mp.proto {color:var(--brand-dark);background:var(--brand-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .mp.mock {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .mp.backend {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .mp.concept {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .mp.proposed {color:var(--orange);background:var(--orange-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef /* --- Part dividers (act structure) --------------------------------------- */
h1 {font-size:clamp(28px,3.6vw,40px)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .partdiv {margin:40px 0 16px;padding:12px 0 10px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);
  display:flex;align-items:baseline;gap:12px;font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:0;text-transform:none}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .partdiv .pt-n {font-family:var(--mono);font-weight:700;font-size:30px;line-height:1;color:var(--brand)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .partdiv .pt-title {font-size:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .partdiv .pt-sub {align-self:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--faint);letter-spacing:.03em;text-transform:none}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .flow-h {margin:2px 0 4px;font-size:16px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .byline {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;color:var(--faint);font-size:13px;font-weight:500}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .byline .by-author {color:var(--navy);font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .byline .by-sep {color:var(--line-strong)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .related-label {margin:18px 0 8px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .doc-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .doc-card {display:flex;align-items:center;gap:11px;min-height:54px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--navy);text-decoration:none}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .doc-card:hover {border-color:var(--brand-line);background:var(--surface-blue)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dc-icon {display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:8px;background:var(--brand-soft);color:var(--brand)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dc-body {display:grid;gap:2px;min-width:0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dc-body b {font-size:13px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dc-body small {color:var(--muted);font-size:11px;line-height:1.2}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dc-go {margin-left:auto;color:var(--faint)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .glance {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .glance .g {padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .glance .g small {display:block;margin-bottom:4px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .glance .g b {display:block;color:var(--navy);font-size:13px;line-height:1.3}
@media (max-width:760px) {
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .partdiv {flex-wrap:wrap;align-items:flex-start}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .partdiv .pt-sub {flex-basis:100%}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .doc-cards {grid-template-columns:1fr}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .glance {grid-template-columns:1fr}
}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef /* --- Experience spine (emotional arc chips) ------------------------------ */
.spine {display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 4px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spine .chip {padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;
  background:linear-gradient(90deg,var(--brand-dark),var(--brand))}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spine .chip:nth-child(1) {background:#7d8aa0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spine .chip:nth-child(3) {background:#5f76b8}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spine .chip:nth-child(5) {background:#3f86c9}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spine .chip:nth-child(7) {background:var(--brand)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spine .chip:nth-child(9) {background:var(--good)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spine .arr {color:var(--faint);font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef /* --- Journey map grid (emotion emoji + per-cell risk) -------------------- */
.jmap-wrap {overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-row)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .jmap {min-width:760px;margin:0;border-radius:0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .jmap th,
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .jmap td {padding:10px 12px;font-size:12.5px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .jmap thead th {position:sticky;top:0;background:#eef4fb;color:var(--navy);font-size:12px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .jmap tbody th {position:sticky;left:0;background:var(--subtle);color:var(--navy);font-size:11px;
  text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;z-index:1}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .emo {display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .emo.good {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .emo.warn {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .emo.risk {color:var(--risk);background:var(--risk-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .emo.neutral {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .risknote {display:block;margin-top:5px;color:var(--risk);font-size:11px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .risknote b {color:var(--risk)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef /* --- Trust ladder (rung → mechanism → guardrail) ------------------------- */
.ladder {display:grid;gap:8px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .rung {display:grid;grid-template-columns:30px minmax(150px,1fr) minmax(180px,1.3fr) minmax(170px,1.1fr);gap:12px;
  align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .rung .n {font-family:var(--mono);font-weight:700;color:var(--brand)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .rung .belief {font-weight:700;color:var(--navy)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .rung .lbl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--faint);margin-bottom:3px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .rung .guard {color:var(--warn)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef /* --- Object cards w/ glyph ------------------------------------------------ */
.obj-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .obj {padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .obj .g {font-size:18px;line-height:1}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .obj strong {display:block;margin:6px 0 4px;color:var(--navy)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .obj .meta {font-family:var(--mono);font-size:11px;color:var(--faint)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef /* --- "One channel per question" encoding table swatch -------------------- */
.sw {display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin-right:6px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef /* --- Flows-as-a-loop strip ----------------------------------------------- */
.loop {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;padding:12px 14px;
  border:1px solid var(--brand-line);border-radius:var(--radius-row);background:var(--surface-blue);
  font-family:var(--mono);font-size:12.5px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .loop .st {padding:4px 10px;border-radius:6px;background:#fff;border:1px solid var(--brand-line);color:var(--navy);font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .loop .a {color:var(--brand-dark);font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .loop .re {margin-left:auto;color:var(--good);font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef /* --- Flowline (step map) ------------------------------------------------- */
.flowline {font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:0 0 14px;padding:10px 14px;
  border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .flowline b {color:var(--brand-dark)}


/* --- Surface do/don't contract table cues -------------------------------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef td.do {color:var(--good)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef td.dont {color:var(--risk)}

/* --- Visual flow index --------------------------------------------------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .findex {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .findex .fc {padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .findex .fc .top {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .findex .fc .ttl {font-weight:700;color:var(--navy)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .findex .scope {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .findex .scope.v1 {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .findex .scope.sup {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .findex .steps {display:flex;flex-wrap:wrap;gap:5px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .findex .stp {font-size:11px;padding:2px 7px;border-radius:5px;background:#fff;border:1px solid var(--line);color:var(--muted)}

/* --- Flow block ---------------------------------------------------------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .flowblock {margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .kicker {display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--good);background:var(--good-soft);padding:2px 9px;border-radius:999px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .answers {font-style:italic;color:var(--muted);margin:6px 0 12px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .flowmeta {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .flowmeta .m {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .flowmeta .m .lbl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--faint);margin-bottom:5px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .flowmeta .m b {color:var(--navy);font-size:13px}

/* --- Wireframe triad: figure → contract → experience note ---------------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef figure.mock {margin:16px 0 0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef figure.mock .cap {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef figure.mock .cap .num {font-family:var(--mono);font-size:12px;color:var(--brand);background:var(--brand-soft);
  border-radius:6px;padding:2px 9px;font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef figure.mock .cap .ttl {font-weight:700;color:var(--navy);font-size:15px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef figure.mock .cap .route {font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .stage {padding:18px;border:1px solid var(--line);border-radius:var(--radius-row);
  background:repeating-linear-gradient(135deg,#eef2f7,#eef2f7 11px,#e9eef5 11px,#e9eef5 22px)}
/* Real rendered screen embedded inside the hatched stage (faithful to the app) */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .stage .screen-embed {border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .stage .screen-embed iframe {display:block;width:100%;height:560px;border:0}

/* Build-contract strip (6 cells) */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .contract {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:10px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--radius-row);overflow:hidden}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .contract .c {background:var(--surface-soft);padding:10px 11px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .contract .c .k {display:block;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--brand-dark);margin-bottom:5px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .contract .c .v {font-size:11.5px;color:var(--text)}

/* Experience note */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .exp {border-left:3px solid var(--brand);background:var(--surface-blue);border-radius:0 var(--radius-row) var(--radius-row) 0;
  padding:11px 14px;margin-top:10px;font-size:13px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .exp b {color:var(--navy)}

/* --- goal → 3 directions → chosen decision block ------------------------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .goalbox {border-left:4px solid var(--brand);background:var(--surface-blue);padding:11px 14px;border-radius:var(--radius-row);
  margin:8px 0 12px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .goalbox .k {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dark)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dirs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dir {position:relative;padding:13px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dir .pat {font-weight:700;color:var(--navy);font-size:13px;margin-bottom:5px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dir .but {color:var(--warn);font-size:12px;margin-top:6px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dir .but b {color:var(--warn)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dir.pick {border-color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dir.pick::after {content:"✓ Chosen";position:absolute;top:-9px;right:10px;font-family:var(--mono);font-size:10px;
  font-weight:700;color:#fff;background:var(--good);padding:2px 8px;border-radius:999px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .pickwhy {font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .pickwhy b {color:var(--good)}

/* --- Tradeoff matrix scored pills ---------------------------------------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .sc {display:inline-block;min-width:58px;text-align:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .sc.strong {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .sc.med {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .sc.weak {color:var(--risk);background:var(--risk-soft)}

/* --- Before/after re-light strip (dim → lit payoff) ---------------------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .beforeafter {display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px;margin:8px 0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ba {padding:16px;border:1px solid var(--line);border-radius:var(--radius-row);text-align:center}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ba.before {background:#1b2233}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ba.after {background:#10241d}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ba .node {width:64px;height:64px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;color:#fff}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ba.before .node {background:#39435c;color:#8b96ab;box-shadow:none}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ba.after .node {background:var(--good);box-shadow:0 0 22px 4px rgba(13,143,112,.6)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ba .lab {font-family:var(--mono);font-size:11px;color:#9fb0c7}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ba.after .lab {color:#7fe3c4}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .beforeafter .mid {text-align:center;color:var(--good);font-weight:700;font-size:18px}

/* --- Status / acceptance pills already in beam-doc.css (.status-pill) ----- */

/* --- Auto-numbered ToC (decimal, 2 levels: Part = 1, section = 1.1) ------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .toc[data-toc] .toc-pn {font-family:var(--mono);font-weight:700;color:var(--brand);margin-right:2px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .toc[data-toc] .toc-dn {display:inline-block;min-width:30px;font-family:var(--mono);font-weight:700;color:var(--brand-dark)}

/* --- Sticky scroll-spy breadcrumb ---------------------------------------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spy {position:fixed;top:0;left:50%;z-index:20;display:flex;align-items:center;gap:8px;width:min(1120px,calc(100% - 32px));
  padding:8px 18px;background:rgba(247,249,252,.9);backdrop-filter:blur(8px);border:1px solid var(--line);
  border-top:0;border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(22,32,56,.06);
  font-family:var(--mono);font-size:11.5px;color:var(--faint);opacity:0;pointer-events:none;
  transform:translate(-50%,-100%);transition:opacity .14s ease,transform .14s ease}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spy.is-visible {opacity:1;pointer-events:auto;transform:translate(-50%,0)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spy .here {color:var(--brand-dark);font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spy .part {color:var(--muted)}

/* --- Inline SVG icons (Lucide-style; one sprite at top, recolour via currentColor) --- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ic {width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .sec-h {display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:700;color:var(--navy);letter-spacing:0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .sec-h .hico {display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;
  background:var(--brand-soft);color:var(--brand-dark);flex:0 0 auto}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .sec-h .hico .ic {width:16px;height:16px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .sec-h .num {font-family:var(--mono);font-size:12px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .obj .oico {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;
  background:#fff;border:1px solid var(--line);color:var(--brand-dark);margin-bottom:6px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .obj .oico .ic {width:19px;height:19px}

/* --- SVG diagram wrapper (object-relationship map, status state machine) --- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .diagram {margin:8px 0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);overflow-x:auto}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .diagram svg {display:block;width:100%;height:auto;min-width:540px;max-width:860px;margin:0 auto}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-node {fill:#fff;stroke:var(--line-strong);stroke-width:1.4}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-node.brand {fill:var(--brand-soft);stroke:var(--brand-line)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-node.good {fill:var(--good-soft);stroke:#a9e0d0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-node.warn {fill:var(--warn-soft);stroke:#efd9a4}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-node.risk {fill:var(--risk-soft);stroke:#f2c4be}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-t {fill:var(--navy);font:700 13px var(--sans)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-s {fill:var(--muted);font:500 10.5px var(--mono)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-edge {stroke:#9aa7b8;stroke-width:1.6;fill:none}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-edge.good {stroke:var(--good)}body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-edge.risk {stroke:var(--risk)}body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-edge.warn {stroke:var(--warn)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-lbl {fill:var(--brand-dark);font:700 10.5px var(--mono)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-lbl.good {fill:var(--good)}body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-lbl.risk {fill:var(--risk)}body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-lbl.warn {fill:var(--warn)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-ico {stroke:var(--brand-dark);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-ico.risk {stroke:var(--risk)}body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-ico.good {stroke:var(--good)}body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dg-ico.warn {stroke:var(--warn)}

/* --- Chart kit (donut / funnel / value×effort scatter) ------------------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .charts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .chart {padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .chart .ct {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;text-align:center}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .chart svg {display:block;margin:0 auto;width:100%;height:auto;max-width:188px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .chart .cnote {margin:8px 0 0;font-size:11.5px;color:var(--muted);text-align:center}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .donut-track {fill:none;stroke:var(--line);stroke-width:10}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .donut-val {fill:none;stroke:var(--good);stroke-width:10;stroke-linecap:round}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .donut-c {fill:var(--navy);font:700 16px var(--sans)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .donut-l {fill:var(--faint);font:700 7px var(--mono)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .fn-brand {fill:var(--brand-soft);stroke:var(--brand-line)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .fn-warn {fill:var(--warn-soft);stroke:#efd9a4}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .fn-good {fill:var(--good-soft);stroke:#a9e0d0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .fn-t {fill:var(--navy);font:700 9px var(--sans)}

/* --- Net-new devices distilled from the sibling specs -------------------- */
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .forces {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .force {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .force .fl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .force.push .fl {color:var(--brand-dark)} body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .force.pull .fl {color:var(--good)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .force.anx .fl {color:var(--warn)} body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .force.inertia .fl {color:var(--risk)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .card.not {border-color:#f2c4be}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .card.not strong {color:var(--risk)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .statestrip {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 0}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ss-cell {padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ss-n {font-family:var(--mono);font-size:10px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ss-tok {display:inline-block;margin-top:5px;padding:1px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:10.5px;font-weight:700}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .ss-cell .l {display:block;margin-top:5px;font-size:11.5px;color:var(--text)}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .vgate {border-left:3px solid var(--good);background:var(--good-soft);border-radius:0 var(--radius-row) var(--radius-row) 0;padding:9px 12px;margin-top:8px;font-size:12.5px}
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .vgate b {color:var(--good)}

@media (max-width:760px){ body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .charts,
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .forces,
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .statestrip {grid-template-columns:repeat(2,minmax(0,1fr))} }

@media (max-width:820px){
  body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .obj-grid,
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .flowmeta,
body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .dirs {grid-template-columns:1fr}
  body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .contract {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .rung {grid-template-columns:24px 1fr}
  body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .rung .lbl {margin-top:6px}
  body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .beforeafter {grid-template-columns:1fr;gap:6px}
  body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .beforeafter .mid {transform:rotate(90deg)}
}
@media (max-width:720px){
  body.bd-doc-product-features-campaigns-scope-v1-ux-spec-94d5a1ef .spy {margin:-24px -12px 0;padding:7px 12px}
}

/* docs/product/features/interview-flow/interview-flow-build-spec.html */
html:has(body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a) {
        color-scheme: light;
        /* Alias layer: map this doc's local token names onto the canonical
           Beam Discovery design tokens defined in beam-doc.css. No hardcoded
           brand colors live here. */
        --panel: var(--surface);
        --panel-soft: var(--surface-soft);
        --amber: var(--warn);
        --red: var(--risk);
        --code: var(--navy);
        font-family: var(--sans);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a * {
        box-sizing: border-box;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a {
        margin: 0;
        color: var(--text);
        background: var(--bg);
        line-height: 1.55;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a main {
        width: min(1240px, calc(100vw - 32px));
        margin: 0 auto;
        padding: 48px 0;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a header,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a section {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--panel);
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a header {
        padding: 32px;
        margin-bottom: 18px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a section {
        padding: 24px;
        margin-top: 18px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .eyebrow {
        margin: 0 0 8px;
        color: var(--brand);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a h1,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a h2,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a h3,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a p {
        margin-top: 0;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a h1 {
        max-width: 900px;
        margin-bottom: 12px;
        font-size: clamp(32px, 5vw, 52px);
        line-height: 1.02;
        letter-spacing: 0;
        color: var(--navy);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a h2 {
        margin-bottom: 12px;
        font-size: 22px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a h3 {
        margin-bottom: 8px;
        font-size: 16px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a a {
        color: var(--brand);
        font-weight: 750;
        text-decoration: none;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a a:hover {
        text-decoration: underline;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a img {
        display: block;
        max-width: 100%;
        height: auto;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a code {
        overflow-wrap: anywhere;
        color: var(--code);
        font-family:
          "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
        font-size: 0.94em;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a pre {
        margin: 14px 0 0;
        overflow-x: auto;
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 16px;
        color: var(--text);
        background: var(--subtle);
        font-family: var(--mono);
        font-size: 13px;
        line-height: 1.55;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        margin-top: 12px;
        font-size: 14px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a th,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a td {
        border-bottom: 1px solid var(--line);
        padding: 10px 12px;
        text-align: left;
        vertical-align: top;
        overflow-wrap: anywhere;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a th {
        color: var(--muted);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a ul,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a ol {
        margin: 0;
        padding-left: 20px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a li + li {
        margin-top: 6px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a li,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a p {
        overflow-wrap: anywhere;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .muted {
        color: var(--muted);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        min-width: 0;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        min-width: 0;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .card {
        min-width: 0;
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 16px;
        background: var(--panel-soft);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .callout {
        min-width: 0;
        border: 1px solid #bfd5ff;
        border-radius: 8px;
        padding: 16px;
        background: var(--brand-soft);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .warning {
        border-color: #f2d08f;
        background: #fff7e8;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .danger {
        border-color: #f5b5ad;
        background: #fff1ef;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .status {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--good);
        background: #e8f8f3;
        font-size: 12px;
        font-weight: 800;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .pill-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 14px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 0 10px;
        background: #fff;
        color: var(--muted);
        font-size: 12px;
        font-weight: 750;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .flow {
        white-space: pre;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .section-lead {
        max-width: 900px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .visual-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 16px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .visual-card {
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--panel-soft);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .visual-card img {
        width: 100%;
        border-bottom: 1px solid var(--line);
        background: #f3f6fb;
        object-position: left top;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .visual-card.tall img {
        aspect-ratio: auto;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .visual-caption {
        padding: 14px 16px 16px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .visual-caption p:last-child {
        margin-bottom: 0;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .wireframe-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 16px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-wireframe {
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-wireframe h3 {
        margin: 0;
        padding: 12px 14px;
        border-bottom: 1px solid var(--line);
        background: #f8fbff;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-screen {
        padding: 18px;
        background:
          linear-gradient(#eef3fa 1px, transparent 1px),
          linear-gradient(90deg, #eef3fa 1px, transparent 1px),
          #ffffff;
        background-size: 18px 18px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-shell {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr) 132px;
        min-height: 340px;
        border: 1px solid var(--line);
        border-radius: 8px;
        overflow: hidden;
        background: #fff;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-shell.no-rail {
        grid-template-columns: 76px minmax(0, 1fr);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-side {
        padding: 8px;
        background: var(--navy);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-side span {
        display: block;
        height: 8px;
        margin-bottom: 8px;
        border-radius: 99px;
        background: rgba(255, 255, 255, 0.2);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-side span.on {
        background: #ffffff;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-main {
        min-width: 0;
        padding: 10px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-rail {
        padding: 10px;
        border-left: 1px solid var(--line);
        background: #fbfcfe;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-title {
        width: 58%;
        height: 14px;
        margin-bottom: 8px;
        border-radius: 4px;
        background: var(--text);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-subtitle {
        width: 74%;
        height: 8px;
        margin-bottom: 10px;
        border-radius: 4px;
        background: #cbd5e1;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-metrics {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        margin-bottom: 8px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-metric,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-panel,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-card,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-row,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone {
        border: 1px solid var(--line);
        border-radius: 6px;
        background: #fff;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-metric {
        height: 42px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-panel {
        padding: 8px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-card {
        min-height: 54px;
        padding: 8px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-card.good {
        border-color: #bde8db;
        background: #f6fffb;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-card.warn {
        border-color: #efd39a;
        background: #fffaf0;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-card.bad {
        border-color: #f2b8b0;
        background: #fff7f6;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-row {
        height: 28px;
        margin-bottom: 6px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-bar {
        height: 7px;
        overflow: hidden;
        border-radius: 999px;
        background: #e8edf5;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-bar i {
        display: block;
        height: 100%;
        border-radius: 999px;
        background: var(--good);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-bar.amber i {
        background: var(--amber);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-chip {
        display: inline-flex;
        width: 42px;
        height: 14px;
        margin-top: 6px;
        border-radius: 99px;
        background: var(--brand-soft);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-claim {
        min-height: 42px;
        margin-bottom: 8px;
        border: 1px solid var(--line);
        border-radius: 6px;
        background: #fff;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .phone-flow {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 6px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone {
        min-height: 170px;
        padding: 8px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone .top {
        width: 42%;
        height: 8px;
        margin: 0 auto 14px;
        border-radius: 99px;
        background: #cbd5e1;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone .copy {
        height: 8px;
        margin-bottom: 7px;
        border-radius: 4px;
        background: #d8e0eb;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone .cta {
        height: 20px;
        margin-top: 14px;
        border-radius: 6px;
        background: var(--brand);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .phone-flow.is-vertical {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone.is-detailed {
        min-height: 0;
        padding: 12px;
        border-radius: 12px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone.is-detailed .screen-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 10px;
        color: var(--muted);
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone.is-detailed h4 {
        margin: 0 0 6px;
        font-size: 14px;
        line-height: 1.2;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone.is-detailed p {
        margin: 0 0 10px;
        color: var(--muted);
        font-size: 11px;
        line-height: 1.35;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone-row {
        display: grid;
        grid-template-columns: 18px minmax(0, 1fr);
        gap: 8px;
        align-items: start;
        margin-top: 7px;
        color: var(--text);
        font-size: 11px;
        line-height: 1.35;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-phone-row span:first-child {
        display: grid;
        height: 18px;
        place-items: center;
        border-radius: 999px;
        color: var(--brand);
        background: var(--brand-soft);
        font-size: 10px;
        font-weight: 800;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-action-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        margin-top: 10px;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-action-row span {
        min-height: 22px;
        border: 1px solid var(--line);
        border-radius: 6px;
        background: #fff;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-action-row span.primary {
        border-color: var(--brand);
        background: var(--brand);
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .map-mini {
        position: relative;
        min-height: 178px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fbfdff;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .node-mini {
        position: absolute;
        width: 58px;
        height: 30px;
        border: 1px solid var(--line);
        border-radius: 6px;
        background: #fff;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .node-mini.good {
        border-color: #9fd8c5;
        background: #f3fff9;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .node-mini.warn {
        border-color: #e6c178;
        background: #fffaf0;
      }

      body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .node-mini.bad {
        border-color: #efb8b0;
        background: #fff7f6;
      }

      @media (max-width: 860px) {
        body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .grid,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .grid-3,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .visual-grid,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .wireframe-grid {
          grid-template-columns: 1fr;
        }

        body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-shell,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-shell.no-rail {
          grid-template-columns: 1fr;
        }

        body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-side,
body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .mini-rail {
          display: none;
        }

        body.bd-doc-product-features-interview-flow-interview-flow-build-spec-f43a798a .phone-flow {
          grid-template-columns: 1fr;
        }
      }

/* docs/product/features/interview-flow/interview-flow-wireframes.html */
body.bd-doc-product-features-interview-flow-interview-flow-wireframes-b1795c25 {
        margin: 0;
        min-height: 100vh;
        display: grid;
        place-items: center;
        background: var(--bg);
        color: var(--text);
        font-family: var(--sans);
      }
body.bd-doc-product-features-interview-flow-interview-flow-wireframes-b1795c25 main {
        width: min(560px, calc(100vw - 32px));
        padding: 28px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
      }
body.bd-doc-product-features-interview-flow-interview-flow-wireframes-b1795c25 h1 {
        margin: 0 0 10px;
        color: var(--navy);
        font-size: 28px;
        line-height: 1.08;
      }
body.bd-doc-product-features-interview-flow-interview-flow-wireframes-b1795c25 p {
        margin: 0 0 16px;
        color: var(--muted);
      }
body.bd-doc-product-features-interview-flow-interview-flow-wireframes-b1795c25 a {
        color: var(--brand);
        font-weight: 800;
      }

/* docs/product/features/interview-flow/research/prism-wireframe-reference/index.html */
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f {
        color-scheme: light;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f * {
        box-sizing: border-box;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f {
        margin: 0;
        color: var(--text);
        background: var(--bg);
        font-family: var(--sans);
        line-height: 1.55;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f main {
        width: min(1180px, calc(100vw - 32px));
        margin: 0 auto;
        padding: 48px 0;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f header,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f section {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f header {
        padding: 32px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f section {
        margin-top: 18px;
        padding: 24px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f h1,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f h2,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f h3,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f p {
        margin-top: 0;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f h1 {
        max-width: 880px;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: clamp(32px, 5vw, 52px);
        line-height: 1.02;
        letter-spacing: 0;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f h2 {
        margin-bottom: 12px;
        font-size: 22px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f h3 {
        margin-bottom: 8px;
        font-size: 16px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f a {
        color: var(--brand);
        font-weight: 750;
        text-decoration: none;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f a:hover {
        text-decoration: underline;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 8px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .eyebrow {
        margin: 0 0 8px;
        color: var(--brand);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .lead {
        max-width: 860px;
        margin-bottom: 18px;
        color: var(--muted);
        font-size: 18px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .meta,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .link-row,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .pill-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .link-row {
        margin-top: 14px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .badge,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 5px 10px;
        color: var(--muted);
        background: var(--surface-soft);
        font-size: 12px;
        font-weight: 750;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .badge.ready,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .pill.blue {
        border-color: var(--brand-line);
        color: var(--brand);
        background: var(--brand-soft);
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .toc {
        margin-top: 18px;
        border-top: 1px solid var(--line);
        padding-top: 16px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .toc ol {
        margin: 0;
        padding-left: 18px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .toc li + li {
        margin-top: 6px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .toc a {
        color: var(--muted);
        text-decoration: underline;
        text-decoration-color: var(--line);
        text-underline-offset: 3px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .callout {
        border: 1px solid var(--brand-line);
        border-radius: 8px;
        padding: 14px 16px;
        background: var(--brand-soft);
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .reference-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .card,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .reference-card {
        min-width: 0;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .card {
        padding: 16px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .reference-card {
        overflow: hidden;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .reference-card.wide {
        grid-column: 1 / -1;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .reference-card figcaption {
        padding: 14px 16px 16px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .reference-card figure {
        margin: 0;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .muted {
        color: var(--muted);
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .small {
        font-size: 13px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .list-clean {
        margin: 0;
        padding-left: 18px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .list-clean li + li {
        margin-top: 8px;
      }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f code {
        color: var(--navy);
        font-family: var(--mono);
        font-size: 0.94em;
      }
@media (max-width: 760px) {
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f main {
          width: min(100% - 20px, 1180px);
          padding: 24px 0;
        }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f header,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f section {
          padding: 20px;
        }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .grid,
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .reference-grid {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-interview-flow-research-prism-wireframe-reference-index-3c92739f .reference-card.wide {
          grid-column: auto;
        }
}

/* docs/product/features/interview-flow/ux-spec.html */
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .doc-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 18px;
      }
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .doc-nav a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 0 13px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface);
        color: var(--navy);
        font-weight: 800;
        text-decoration: none;
      }
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .doc-nav a.primary {
        border-color: var(--brand);
        background: var(--brand);
        color: #fff;
      }
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .spec-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .spec-card {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface);
        padding: 18px;
      }
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .spec-card h3 {
        margin: 0 0 8px;
        color: var(--navy);
        font-size: 17px;
      }
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .spec-card p,
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .spec-card li {
        color: var(--muted);
      }
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .screen-table td:first-child {
        width: 170px;
        color: var(--navy);
        font-weight: 800;
      }
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .screen-table a {
        font-weight: 800;
      }
@media (max-width: 980px) {
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .spec-grid {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-interview-flow-ux-spec-46820d70 .screen-table td:first-child {
          width: auto;
        }
}

/* docs/product/features/interview-flow/wireframes/index.html */
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 /* Alias-only :root — every name maps to a canonical beam-doc.css token.
         No hardcoded brand colors live in this document. */
      :root {
        color-scheme: light;
        --panel: var(--surface);
        --panel-soft: var(--surface-soft);
        --ink: var(--text);
        --blue: var(--brand);
        --blue-soft: var(--brand-soft);
        --green: var(--good);
        --green-soft: var(--good-soft);
        --amber: var(--warn);
        --amber-soft: var(--warn-soft);
        --red: var(--risk);
        --red-soft: var(--risk-soft);
        --purple: var(--violet);
        --purple-soft: var(--violet-soft);
        font-family: var(--sans);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 * {
        box-sizing: border-box;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 {
        margin: 0;
        color: var(--ink);
        background:
          linear-gradient(180deg, #ffffff 0, var(--bg) 420px),
          var(--bg);
        line-height: 1.55;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 main {
        width: min(1440px, calc(100vw - 32px));
        margin: 0 auto;
        padding: 48px 0 72px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 header,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 section {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--panel);
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 header {
        padding: 34px;
        margin-bottom: 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 section {
        padding: 24px;
        margin-top: 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 h1,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 h2,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 h3,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 p {
        margin-top: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 h1 {
        max-width: 920px;
        margin-bottom: 12px;
        font-size: clamp(32px, 5vw, 52px);
        line-height: 1.02;
        letter-spacing: 0;
        color: var(--navy);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 h2 {
        margin-bottom: 12px;
        font-size: 24px;
        letter-spacing: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 h3 {
        margin-bottom: 8px;
        font-size: 16px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 p {
        margin-bottom: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 a {
        color: var(--blue);
        font-weight: 760;
        text-decoration: none;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 a:hover {
        text-decoration: underline;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 img {
        display: block;
        max-width: 100%;
        height: auto;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 ul,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 ol {
        margin: 0;
        padding-left: 20px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 li + li {
        margin-top: 6px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .eyebrow {
        margin: 0 0 8px;
        color: var(--blue);
        font-size: 12px;
        font-weight: 850;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .muted {
        color: var(--muted);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .small {
        font-size: 13px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .lead {
        max-width: 900px;
        color: var(--muted);
        font-size: 17px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .link-row,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .pill-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 16px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border: 1px solid var(--line);
        border-radius: 999px;
        color: var(--muted);
        background: #fff;
        font-size: 12px;
        font-weight: 800;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .pill.blue {
        border-color: #bfd5ff;
        color: var(--blue);
        background: var(--blue-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .pill.green {
        border-color: #bde8db;
        color: var(--green);
        background: var(--green-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .pill.amber {
        border-color: #efd39a;
        color: var(--amber);
        background: var(--amber-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .pill.red {
        border-color: #f4b5ad;
        color: var(--red);
        background: var(--red-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .card {
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 16px;
        background: var(--panel-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .callout {
        border: 1px solid #bfd5ff;
        border-radius: 8px;
        padding: 16px;
        background: var(--blue-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .ref-card {
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .reference-screen-stack {
        display: grid;
        grid-template-columns: 1fr;
        gap: 28px;
        margin-top: 16px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .ref-card figure {
        margin: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .ref-card img {
        width: 100%;
        border-bottom: 1px solid var(--line);
        background: #f8fafc;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .ref-card figcaption {
        padding: 14px 16px 16px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .ref-card figcaption p:last-child {
        margin-bottom: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .wide {
        grid-column: 1 / -1;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .split {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
        gap: 16px;
        align-items: start;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .wire-block {
        margin-top: 28px;
        border: 1px solid var(--line-strong);
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .wire-title {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
        padding: 12px 14px;
        border-bottom: 1px solid var(--line);
        background: #f8fbff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .wire-title b {
        font-size: 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .wire-title span {
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .wire-screen {
        padding: 22px;
        background:
          linear-gradient(#f3f6fb 1px, transparent 1px),
          linear-gradient(90deg, #f3f6fb 1px, transparent 1px),
          #ffffff;
        background-size: 18px 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .app-shell {
        display: grid;
        grid-template-columns: 176px minmax(0, 1fr) 260px;
        min-height: 640px;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .app-shell.no-right {
        grid-template-columns: 176px minmax(0, 1fr);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .side {
        padding: 14px;
        border-right: 1px solid var(--line);
        background: var(--navy);
        color: #e5e7eb;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .side .logo {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 18px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mark {
        width: 26px;
        height: 26px;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--brand), var(--good));
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .nav-item {
        display: flex;
        justify-content: space-between;
        margin-top: 8px;
        padding: 8px 10px;
        border-radius: 7px;
        color: #aab4c5;
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .nav-item.on {
        color: #fff;
        background: rgba(255, 255, 255, 0.09);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .nav-item span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border-radius: 999px;
        color: #fff;
        background: var(--brand);
        font-size: 11px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .workspace {
        min-width: 0;
        padding: 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .right-rail {
        padding: 16px;
        border-left: 1px solid var(--line);
        background: #fbfcfe;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .top-row,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .toolbar {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .toolbar {
        margin-bottom: 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 32px;
        padding: 0 12px;
        border: 1px solid var(--line-strong);
        border-radius: 7px;
        color: var(--ink);
        background: #fff;
        font-size: 12px;
        font-weight: 800;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .button.primary {
        border-color: var(--blue);
        color: #fff;
        background: var(--blue);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .metric-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin: 14px 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .metric {
        min-height: 86px;
        padding: 12px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .metric .label {
        color: var(--muted);
        font-size: 11px;
        font-weight: 850;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .metric .value {
        margin-top: 4px;
        font-size: 25px;
        font-weight: 850;
        letter-spacing: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .metric .note {
        margin-top: 4px;
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .panel {
        padding: 14px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .panel + .panel {
        margin-top: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .lane-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .process-card {
        min-height: 126px;
        padding: 12px;
        border: 1px solid var(--line-strong);
        border-radius: 8px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .process-card.good {
        border-color: #bde8db;
        background: linear-gradient(#ffffff, #f6fffb);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .process-card.warn {
        border-color: #efd39a;
        background: linear-gradient(#ffffff, #fffaf0);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .process-card.bad {
        border-color: #efc0bb;
        background: linear-gradient(#ffffff, #fff7f6);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .bar {
        position: relative;
        height: 8px;
        overflow: hidden;
        border-radius: 999px;
        background: #e8edf5;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .bar > i {
        display: block;
        height: 100%;
        border-radius: 999px;
        background: var(--green);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .bar.amber > i {
        background: var(--amber);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .bar.blue > i {
        background: var(--blue);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .row-list {
        border: 1px solid var(--line);
        border-radius: 8px;
        overflow: hidden;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .row {
        display: grid;
        grid-template-columns: minmax(170px, 1.2fr) 1fr 0.8fr 0.9fr;
        gap: 12px;
        align-items: center;
        min-height: 58px;
        padding: 10px 12px;
        border-bottom: 1px solid var(--line);
        font-size: 13px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .row:last-child {
        border-bottom: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .person {
        display: flex;
        gap: 10px;
        align-items: center;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .avatar {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 999px;
        color: #fff;
        background: var(--slate);
        font-size: 12px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .queue-card {
        padding: 12px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .queue-card + .queue-card {
        margin-top: 10px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-flow {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone {
        min-height: 320px;
        padding: 12px;
        border: 1px solid var(--line-strong);
        border-radius: 18px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone .screen-name {
        color: var(--muted);
        font-size: 10px;
        font-weight: 850;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone h4 {
        margin: 18px 0 8px;
        font-size: 16px;
        line-height: 1.2;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone .cta {
        display: block;
        margin-top: 14px;
        padding: 10px;
        border-radius: 8px;
        color: #fff;
        background: var(--blue);
        text-align: center;
        font-size: 12px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .interview-screen-stack {
        display: grid;
        gap: 28px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .interview-screen {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        align-items: stretch;
        padding: 24px;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.82);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .interview-phone {
        overflow: hidden;
        width: min(100%, 680px);
        min-height: 620px;
        margin: 0 auto;
        border: 1px solid var(--line-strong);
        border-radius: 28px;
        background: #ffffff;
        box-shadow: 0 24px 60px rgba(32, 39, 52, 0.12);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 52px;
        padding: 0 18px;
        border-bottom: 1px solid var(--line);
        color: var(--muted);
        font-size: 12px;
        font-weight: 800;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-brand {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--ink);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-mark {
        width: 22px;
        height: 22px;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--brand), var(--good));
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-step {
        color: var(--muted);
        font-size: 11px;
        font-weight: 850;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-content {
        display: flex;
        min-height: 568px;
        flex-direction: column;
        padding: 30px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-content.centered {
        justify-content: center;
        text-align: center;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-content h4 {
        margin: 10px 0 8px;
        font-size: 24px;
        line-height: 1.08;
        letter-spacing: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-content p {
        margin-bottom: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-progress {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 5px;
        margin: 14px 0 22px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-progress span {
        height: 5px;
        border-radius: 999px;
        background: #d9e2ee;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-progress span.on {
        background: var(--blue);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-panel {
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 14px;
        background: #fbfcfe;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-panel + .phone-panel {
        margin-top: 10px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-panel.blue {
        border-color: #bfd5ff;
        background: var(--blue-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-panel.green {
        border-color: #bde8db;
        background: var(--green-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-panel.amber {
        border-color: #efd39a;
        background: var(--amber-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-list {
        display: grid;
        gap: 10px;
        margin: 12px 0 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-list .item {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        color: var(--ink);
        font-size: 13px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-list .dot {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        border-radius: 999px;
        background: var(--green);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-actions {
        display: grid;
        gap: 8px;
        margin-top: auto;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-action-primary,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-action-secondary {
        display: flex;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        font-size: 13px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-action-primary {
        color: #fff;
        background: var(--blue);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-action-secondary {
        border: 1px solid var(--line);
        color: var(--ink);
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-field {
        margin-top: 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-field label {
        display: block;
        margin-bottom: 6px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-input {
        min-height: 44px;
        border: 1px solid var(--line-strong);
        border-radius: 10px;
        padding: 12px;
        color: var(--ink);
        background: #fff;
        font-size: 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mic-status-card {
        display: grid;
        justify-items: center;
        gap: 12px;
        margin: 22px 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mic-bars {
        display: flex;
        align-items: end;
        justify-content: center;
        gap: 5px;
        height: 54px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mic-bars span {
        width: 8px;
        border-radius: 999px;
        background: var(--blue);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mic-bars span:nth-child(1) { height: 20px; }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mic-bars span:nth-child(2) { height: 36px; }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mic-bars span:nth-child(3) { height: 48px; }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mic-bars span:nth-child(4) { height: 30px; }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mic-bars span:nth-child(5) { height: 16px; }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .chat-window {
        display: grid;
        gap: 10px;
        margin-top: 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .chat-turn {
        max-width: 88%;
        border-radius: 14px;
        padding: 11px 12px;
        font-size: 13px;
        line-height: 1.35;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .chat-turn.agent {
        border: 1px solid var(--line);
        background: #f8fbff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .chat-turn.user {
        justify-self: end;
        color: #fff;
        background: var(--blue);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .live-controls {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-top: auto;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .live-controls span {
        display: flex;
        min-height: 38px;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--line);
        border-radius: 10px;
        color: var(--muted);
        background: #fff;
        font-size: 12px;
        font-weight: 800;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .summary-row {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 10px 0;
        border-bottom: 1px solid var(--line);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .summary-row:last-child {
        border-bottom: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .summary-row .num {
        display: grid;
        width: 26px;
        height: 26px;
        place-items: center;
        border-radius: 999px;
        color: var(--blue);
        background: var(--blue-soft);
        font-size: 12px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .screen-notes {
        width: min(100%, 780px);
        margin: 0 auto;
        padding-top: 16px;
        border-top: 1px solid var(--line);
        align-self: stretch;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .screen-notes h4 {
        margin: 0 0 8px;
        font-size: 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .screen-notes ul {
        display: grid;
        gap: 8px;
        margin: 0;
        padding-left: 18px;
        color: var(--muted);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mic-orb {
        width: 88px;
        height: 88px;
        margin: 22px auto;
        border-radius: 999px;
        background:
          radial-gradient(circle at 35% 35%, #fff 0, rgba(255, 255, 255, 0.25) 22%, transparent 23%),
          linear-gradient(135deg, var(--brand), var(--good));
        box-shadow: 0 0 0 12px rgba(23, 107, 255, 0.08);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .map-canvas {
        position: relative;
        min-height: 360px;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 8px;
        background:
          linear-gradient(#eef2f7 1px, transparent 1px),
          linear-gradient(90deg, #eef2f7 1px, transparent 1px),
          #fbfdff;
        background-size: 20px 20px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .node {
        position: absolute;
        min-width: 118px;
        padding: 10px 12px;
        border: 1px solid var(--line-strong);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 10px 26px rgba(32, 39, 52, 0.08);
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .node.good {
        border-color: #a8ddcc;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .node.warn {
        border-color: #e8c37c;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .node.bad {
        border-color: #efb8b0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .line {
        position: absolute;
        height: 2px;
        transform-origin: left center;
        background: #aeb9c9;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .evidence-chip {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 8px;
        border: 1px solid #bfd5ff;
        border-radius: 999px;
        color: var(--blue);
        background: var(--blue-soft);
        font-size: 11px;
        font-weight: 800;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .review-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
        gap: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .claim {
        padding: 12px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .claim + .claim {
        margin-top: 10px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .diff-row {
        display: grid;
        grid-template-columns: 86px minmax(0, 1fr) 120px;
        gap: 10px;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px solid var(--line);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .diff-row:last-child {
        border-bottom: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .handoff-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .check-row {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        padding: 10px 0;
        border-bottom: 1px solid var(--line);
        font-size: 13px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .check-row:last-child {
        border-bottom: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .check {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        border-radius: 999px;
        color: #fff;
        background: var(--green);
        font-size: 12px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .check.warn {
        background: var(--amber);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .screen-index {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
        margin-top: 16px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .screen-index-item {
        min-height: 118px;
        padding: 12px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--panel-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .screen-index-item b {
        display: block;
        margin-bottom: 6px;
        color: var(--navy);
        font-size: 13px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .screen-index-item span {
        display: inline-flex;
        align-items: center;
        min-height: 22px;
        margin-bottom: 8px;
        padding: 0 7px;
        border: 1px solid var(--line);
        border-radius: 999px;
        color: var(--muted);
        background: #fff;
        font-size: 11px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-block {
        margin-top: 28px;
        overflow: hidden;
        border: 1px solid var(--line-strong);
        border-radius: 10px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-caption {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 12px;
        align-items: start;
        padding: 14px 16px;
        border-bottom: 1px solid var(--line);
        background: var(--panel-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .screen-id {
        display: inline-grid;
        width: 40px;
        height: 40px;
        place-items: center;
        border: 1px solid var(--line-strong);
        border-radius: 8px;
        color: var(--blue);
        background: var(--blue-soft);
        font-size: 13px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-caption h3 {
        margin: 0 0 4px;
        color: var(--navy);
        font-size: 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-stage {
        padding: 22px;
        background:
          linear-gradient(#f3f6fb 1px, transparent 1px),
          linear-gradient(90deg, #f3f6fb 1px, transparent 1px),
          #ffffff;
        background-size: 18px 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-mock {
        display: grid;
        grid-template-columns: 222px minmax(0, 1fr);
        min-height: 640px;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--panel);
        box-shadow: 0 18px 44px rgba(32, 39, 52, 0.08);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-mock.has-inspector {
        grid-template-columns: 222px minmax(0, 1fr) 300px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-nav {
        min-width: 0;
        padding: 14px;
        border-right: 1px solid var(--line);
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .workspace-pill {
        display: flex;
        align-items: center;
        gap: 9px;
        min-height: 42px;
        margin-bottom: 14px;
        padding: 8px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--panel-soft);
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .workspace-pill .mark {
        width: 24px;
        height: 24px;
        border-radius: 7px;
        background: var(--blue);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .nav-section-label {
        margin: 16px 0 6px;
        color: var(--muted);
        font-size: 10px;
        font-weight: 850;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 34px;
        margin-top: 5px;
        padding: 0 9px;
        border-radius: 7px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 760;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-link.is-active {
        color: var(--ink);
        background: var(--blue-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-link span {
        display: inline-grid;
        min-width: 18px;
        height: 18px;
        place-items: center;
        border-radius: 999px;
        color: var(--blue);
        background: #fff;
        font-size: 10px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-main {
        display: flex;
        min-width: 0;
        flex-direction: column;
        background: #f7f9fc;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 58px;
        padding: 0 18px;
        border-bottom: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.86);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .breadcrumb {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 8px;
        color: var(--muted);
        font-size: 13px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .breadcrumb strong {
        overflow: hidden;
        color: var(--ink);
        text-overflow: ellipsis;
        white-space: nowrap;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-page {
        min-width: 0;
        padding: 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .page-head {
        display: flex;
        gap: 14px;
        align-items: start;
        justify-content: space-between;
        margin-bottom: 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .page-head h4 {
        margin: 0;
        color: var(--navy);
        font-size: 26px;
        line-height: 1.08;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin: 10px 0 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .tab {
        display: inline-flex;
        align-items: center;
        min-height: 30px;
        padding: 0 10px;
        border: 1px solid var(--line);
        border-radius: 999px;
        color: var(--muted);
        background: #fff;
        font-size: 12px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .tab.is-active {
        border-color: var(--blue);
        color: var(--blue);
        background: var(--blue-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-2,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-3,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-4 {
        display: grid;
        gap: 10px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .kpi-card,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-panel,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .field-card,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .fact-card {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .kpi-card {
        min-height: 84px;
        padding: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .kpi-label {
        color: var(--muted);
        font-size: 11px;
        font-weight: 850;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .kpi-value {
        margin-top: 5px;
        color: var(--ink);
        font-size: 24px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-panel {
        padding: 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-panel h4 {
        margin: 0 0 10px;
        color: var(--navy);
        font-size: 15px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .field-card {
        min-height: 72px;
        padding: 10px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .field-card label,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .fact-card .label {
        display: block;
        margin-bottom: 5px;
        color: var(--muted);
        font-size: 11px;
        font-weight: 850;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .field-value {
        min-height: 34px;
        padding: 8px 9px;
        border: 1px solid var(--line);
        border-radius: 7px;
        color: var(--ink);
        background: var(--panel-soft);
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .fact-card {
        padding: 11px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .record-table {
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .record-row {
        display: grid;
        grid-template-columns: minmax(170px, 1.25fr) 0.8fr 0.8fr 0.8fr 104px;
        gap: 10px;
        align-items: center;
        min-height: 54px;
        padding: 9px 11px;
        border-bottom: 1px solid var(--line);
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .record-row:last-child {
        border-bottom: 0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .record-row.is-head {
        min-height: 36px;
        color: var(--muted);
        background: var(--panel-soft);
        font-size: 10px;
        font-weight: 850;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .record-row.is-selected {
        background: var(--blue-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .record-row.compact {
        grid-template-columns: minmax(170px, 1.3fr) 1fr 0.8fr 100px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .record-row.evidence {
        grid-template-columns: minmax(180px, 1.25fr) 0.9fr 0.9fr 108px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .progress-track {
        height: 8px;
        overflow: hidden;
        border-radius: 999px;
        background: #e8edf5;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .progress-track i {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: var(--blue);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .progress-track.good i {
        background: var(--green);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .progress-track.warn i {
        background: var(--amber);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .progress-track.risk i {
        background: var(--red);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .inspector {
        min-width: 0;
        padding: 16px;
        border-left: 1px solid var(--line);
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .inspector h4 {
        margin: 0 0 8px;
        color: var(--navy);
        font-size: 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .source-list,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .coverage-list {
        display: grid;
        gap: 8px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .source-item,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .coverage-item {
        padding: 10px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--panel-soft);
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .mini-map {
        position: relative;
        min-height: 300px;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 8px;
        background:
          linear-gradient(#eef2f7 1px, transparent 1px),
          linear-gradient(90deg, #eef2f7 1px, transparent 1px),
          #fbfdff;
        background-size: 20px 20px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .map-node {
        position: absolute;
        min-width: 126px;
        padding: 10px;
        border: 1px solid var(--line-strong);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 10px 24px rgba(32, 39, 52, 0.08);
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .map-node.good {
        border-color: #a8ddcc;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .map-node.warn {
        border-color: #e8c37c;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .map-node.risk {
        border-color: #efb8b0;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .participant-flow {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
        gap: 10px;
        overflow-x: visible;
        padding-bottom: 4px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .public-route-shell {
        display: grid;
        grid-template-columns: 222px minmax(0, 1fr);
        min-height: 640px;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--panel);
        box-shadow: 0 18px 44px rgba(32, 39, 52, 0.08);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .public-route-context {
        min-width: 0;
        padding: 16px;
        border-right: 1px solid var(--line);
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .public-route-stage {
        min-width: 0;
        padding: 18px;
        background: #f7f9fc;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .public-route-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 46px;
        margin-bottom: 14px;
        padding-bottom: 12px;
        border-bottom: 1px solid var(--line);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .public-route-topbar strong {
        color: var(--navy);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .participant-phone {
        display: flex;
        min-height: 438px;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid var(--line-strong);
        border-radius: 22px;
        background: #fff;
        box-shadow: 0 14px 32px rgba(32, 39, 52, 0.09);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .participant-phone .phone-head {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        min-height: 42px;
        padding: 11px 13px;
        border-bottom: 1px solid var(--line);
        color: var(--muted);
        font-size: 10px;
        font-weight: 850;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .participant-phone .phone-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 15px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .participant-phone h4 {
        margin: 9px 0 6px;
        color: var(--navy);
        font-size: 18px;
        line-height: 1.12;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-mini-panel {
        margin-top: 9px;
        padding: 9px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--panel-soft);
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-mini-panel.blue {
        border-color: #bfd5ff;
        background: var(--blue-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-mini-panel.warn {
        border-color: #efd39a;
        background: var(--amber-soft);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-bottom-actions {
        display: grid;
        gap: 7px;
        margin-top: auto;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .voice-card {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .transcript {
        display: grid;
        gap: 8px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .turn {
        max-width: 88%;
        padding: 9px 10px;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: var(--panel-soft);
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .turn.user {
        justify-self: end;
        color: #fff;
        border-color: var(--blue);
        background: var(--blue);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .quiet-summary {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .quiet-summary span {
        display: inline-flex;
        min-height: 28px;
        align-items: center;
        padding: 0 9px;
        border: 1px solid var(--line);
        border-radius: 999px;
        color: var(--muted);
        background: #fff;
        font-size: 11px;
        font-weight: 800;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .state-card {
        min-height: 114px;
        padding: 10px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .state-card b {
        display: block;
        margin-bottom: 7px;
        color: var(--navy);
        font-size: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .contract-grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 1px;
        margin: 0;
        border-top: 1px solid var(--line);
        background: var(--line);
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .contract-cell {
        min-height: 84px;
        padding: 10px;
        background: #fff;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .contract-cell span {
        display: block;
        margin-bottom: 6px;
        color: var(--muted);
        font-size: 10px;
        font-weight: 850;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .contract-cell strong {
        font-size: 12px;
        line-height: 1.35;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .experience-note {
        margin: 0;
        padding: 12px 16px 15px;
        border-top: 1px solid var(--line);
        color: var(--muted);
        background: var(--panel-soft);
        font-size: 13px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .animation-strip {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .animation-strip img {
        border: 1px solid var(--line);
        border-radius: 8px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .reference-screen-stack .animation-strip {
        grid-template-columns: 1fr;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 table {
        width: 100%;
        margin-top: 12px;
        border-collapse: collapse;
        font-size: 14px;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 th,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 td {
        padding: 10px 12px;
        border-bottom: 1px solid var(--line);
        text-align: left;
        vertical-align: top;
      }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 th {
        color: var(--muted);
        font-size: 12px;
        font-weight: 850;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
@media (max-width: 1040px) {
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .app-shell,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .app-shell.no-right {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .side,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .right-rail {
          display: none;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .metric-grid,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .screen-index,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-3,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-4,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .participant-flow,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .grid-3,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .lane-grid,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-flow,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .handoff-grid,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .animation-strip,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .contract-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-mock,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-mock.has-inspector,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .public-route-shell {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-nav,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .inspector,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .public-route-context {
          border: 0;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-nav,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .public-route-context {
          border-bottom: 1px solid var(--line);
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .inspector {
          border-top: 1px solid var(--line);
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .split,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .review-grid,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .voice-card,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-2 {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .interview-phone {
          max-width: 640px;
          width: 100%;
          margin: 0 auto;
        }
}
@media (max-width: 720px) {
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 main {
          width: min(100% - 24px, 1240px);
          padding-top: 24px;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 header,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 section {
          padding: 18px;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .grid,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .grid-3,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .screen-index,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-2,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-3,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-grid-4,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .participant-flow,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .metric-grid,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .lane-grid,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-flow,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .handoff-grid,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .animation-strip,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .contract-grid {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .row,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .diff-row,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .record-row,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .record-row.compact,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .record-row.evidence,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-caption {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .hifi-stage {
          padding: 12px;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .participant-flow {
          overflow-x: visible;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-topbar,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .page-head,
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .public-route-topbar {
          align-items: stretch;
          flex-direction: column;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-actions {
          justify-content: flex-start;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .studio-page {
          padding: 14px;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .interview-screen {
          padding: 12px;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .interview-phone {
          min-height: 0;
          border-radius: 20px;
        }
body.bd-doc-product-features-interview-flow-wireframes-index-72060416 .phone-content {
          min-height: 0;
          padding: 20px;
        }
}

/* docs/product/features/interview-flow/wireframes/interview-console.html */
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b {
        margin: 0;
        color: var(--text);
        background: var(--bg);
        font-family: var(--sans);
      }
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b main {
        width: min(1280px, calc(100vw - 32px));
        margin: 0 auto;
        padding: 40px 0 56px;
      }
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b header,
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b .frame-card {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
      }
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b header {
        padding: 28px;
        margin-bottom: 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b h1 {
        margin: 16px 0 10px;
        color: var(--navy);
        font-size: clamp(30px, 4vw, 46px);
        line-height: 1.04;
      }
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b p {
        max-width: 820px;
        color: var(--muted);
      }
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b a {
        color: var(--brand);
        font-weight: 800;
      }
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b .link-row {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 16px;
      }
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b .frame-card {
        overflow: hidden;
      }
body.bd-doc-product-features-interview-flow-wireframes-interview-console-8783e79b iframe {
        display: block;
        width: 100%;
        height: min(1200px, 82vh);
        border: 0;
        background: var(--surface);
      }

/* docs/product/features/interview-flow/wireframes/opportunities.html */
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 {
        margin: 0;
        color: var(--text);
        background: var(--bg);
        font-family: var(--sans);
      }
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 main {
        width: min(1280px, calc(100vw - 32px));
        margin: 0 auto;
        padding: 40px 0 56px;
      }
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 header,
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 .frame-card {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
      }
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 header {
        padding: 28px;
        margin-bottom: 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 h1 {
        margin: 16px 0 10px;
        color: var(--navy);
        font-size: clamp(30px, 4vw, 46px);
        line-height: 1.04;
      }
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 p {
        max-width: 820px;
        color: var(--muted);
      }
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 a {
        color: var(--brand);
        font-weight: 800;
      }
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 .link-row {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 16px;
      }
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 .frame-card {
        overflow: hidden;
      }
body.bd-doc-product-features-interview-flow-wireframes-opportunities-a7ad9472 iframe {
        display: block;
        width: 100%;
        height: min(1200px, 82vh);
        border: 0;
        background: var(--surface);
      }

/* docs/product/features/interview-flow/wireframes/public-interview.html */
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a {
        margin: 0;
        color: var(--text);
        background: var(--bg);
        font-family: var(--sans);
      }
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a main {
        width: min(1280px, calc(100vw - 32px));
        margin: 0 auto;
        padding: 40px 0 56px;
      }
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a header,
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a .frame-card {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
      }
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a header {
        padding: 28px;
        margin-bottom: 18px;
      }
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a h1 {
        margin: 16px 0 10px;
        color: var(--navy);
        font-size: clamp(30px, 4vw, 46px);
        line-height: 1.04;
      }
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a p {
        max-width: 820px;
        color: var(--muted);
      }
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a a {
        color: var(--brand);
        font-weight: 800;
      }
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a .link-row {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 16px;
      }
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a .frame-card {
        overflow: hidden;
      }
body.bd-doc-product-features-interview-flow-wireframes-public-interview-84246b7a iframe {
        display: block;
        width: 100%;
        height: min(1200px, 82vh);
        border: 0;
        background: var(--surface);
      }

/* docs/product/features/ontology/access-and-actions-through-line.html */
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 .meta-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 22px; }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 .chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; font-size: 12px; background: var(--surface-soft); color: var(--muted); }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 .chip b { color: var(--text); font-weight: 650; }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 .proposed { color: var(--warn); background: var(--warn-soft); border-color: var(--warn-soft); }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 section.block { margin: 26px 0; }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 section.block h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--brand-dark); margin: 0 0 10px; }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 table.phases { width: 100%; border-collapse: collapse; font-size: 13.5px; margin: 8px 0; }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 table.phases th { text-align: left; font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--faint); padding: 8px 10px; border-bottom: 1px solid var(--border); }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 table.phases td { padding: 9px 10px; border-bottom: 1px solid var(--subtle); vertical-align: top; }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 table.phases td:first-child { font-weight: 650; color: var(--navy); white-space: nowrap; }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 .opt { border: 1px solid var(--border); border-radius: 8px; padding: 13px 15px; margin: 10px 0; background: var(--surface); }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 .opt b { color: var(--navy); }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 .opt.pick { border-color: var(--brand-line); background: var(--brand-soft); }
body.bd-doc-product-features-ontology-access-and-actions-through-line-d042abe0 .backlink { display: inline-block; margin-bottom: 10px; font-size: 13px; }

/* docs/product/features/ontology/backlog/expanded-mvp-actions-ux-spec.html */
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d * {box-sizing:border-box}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d {margin:0;font-family:var(--font);color:var(--text);background:var(--sink);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .wrap {max-width:1020px;margin:0 auto;padding:0 24px 110px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d a {color:var(--accent-text)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* ── Hero ───────────────────────────────────────────────── */
header.hero {padding:64px 6px 30px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .eyebrow {color:var(--accent);font-weight:650;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d h1 {font-size:40px;letter-spacing:-.02em;margin:12px 0 10px;font-weight:760;color:var(--navy)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .sub {color:var(--dim);font-size:17px;max-width:820px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .oneliner {margin:22px 0 0;padding:16px 18px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15.5px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .oneliner b {color:var(--text)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .legend {display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 0;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);font-size:12.5px;color:var(--dim)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .legend .li {display:flex;align-items:center;gap:7px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .swatch {width:12px;height:12px;border-radius:50%;display:inline-block}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .sw-understood {background:#35d6a6}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .sw-partial {background:#f1b24a}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .sw-dark {background:#5b6a88}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .sw-hyp {background:transparent;border:1.5px dashed #a98cf0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* ── Contents ───────────────────────────────────────────── */
.toc {margin:24px 0 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);padding:14px 16px 16px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .toc-hd {font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:700;margin-bottom:8px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .toc a {display:block;text-decoration:none;color:var(--text);border-radius:6px;padding:3px 7px;line-height:1.45}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .toc a:hover {background:rgba(15,15,15,.045);text-underline-offset:2px;text-decoration:underline}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .toc .grp {font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700;margin:12px 0 3px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .toc .row .n {display:inline-block;min-width:24px;color:var(--faint);font-weight:700;margin-right:6px;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* ── Part dividers + sections ───────────────────────────── */
.partdiv {margin:52px 0 0;padding-bottom:6px;border-bottom:2px solid var(--border-strong);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .partdiv .pn {color:var(--faint);margin-right:8px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d h2.sec {font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:36px 0 4px;display:flex;align-items:center;gap:9px;scroll-margin-top:16px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d h2.sec .hash {color:var(--faint);font-weight:600}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .sec-lead {color:var(--dim);max-width:840px;margin:0 0 16px;font-size:15px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d h3.blk {font-size:16px;margin:24px 0 9px;letter-spacing:-.01em;color:var(--navy)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d p {margin:10px 0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d ol.body,
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d ul.body {margin:10px 0;padding-left:20px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d ol.body li,
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d ul.body li {margin:4px 0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d code {font-family:var(--mono);font-size:.9em;background:#ecebe8;border-radius:5px;padding:1px 5px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* ── Flow ───────────────────────────────────────────────── */
.loop {display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:8px 0 22px;padding:15px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);font-size:13px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .loop .ls {background:#fff;border:1px solid var(--border-strong);border-radius:8px;padding:4px 11px;font-weight:600;color:var(--navy)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .loop .ar {color:var(--faint);font-weight:700}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .loop .re {color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .flow {margin:34px 0 6px;scroll-margin-top:16px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .flow .ft {display:flex;align-items:center;gap:10px;font-size:17px;font-weight:720;color:var(--navy)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .flow .fl {font-family:var(--mono);font-size:12px;font-weight:700;color:#fff;background:var(--accent);border-radius:7px;padding:2px 9px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .flow .fjob {color:var(--dim);font-size:14.5px;margin:6px 0 4px;max-width:840px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .flowline {font-family:var(--mono);font-size:12.5px;color:var(--faint);margin:6px 0 14px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .flowline b {color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .flowline .ar {color:var(--border-strong)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* ── Cards / callouts ───────────────────────────────────── */
.grid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .card {background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .card b {font-size:14px;color:var(--navy)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .card p,
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .card li {margin:4px 0;color:#4a4843;font-size:13.5px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .card ul {margin:6px 0 0;padding-left:18px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .callout {background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:13px 16px;margin:14px 0;font-size:14px;color:#4a4843}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .callout b {color:var(--text)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d table.data {width:100%;border-collapse:collapse;font-size:13.5px;margin:8px 0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d table.data th {text-align:left;font-weight:700;color:var(--faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;padding:7px 10px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d table.data td {padding:8px 10px;border-bottom:1px solid var(--subtle);vertical-align:top}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .steps {margin:10px 0;padding:0;list-style:none}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .steps li {display:flex;gap:10px;margin:7px 0;font-size:13.5px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .steps .ac {flex-shrink:0;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:5px;padding:2px 8px;height:fit-content;color:var(--accent);background:var(--accent-soft)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .steps .ac.ui {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .foot {margin-top:54px;padding:22px 2px;border-top:1px solid var(--border);color:var(--faint);font-size:13px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* ── Screen figure ──────────────────────────────────────── */
figure.screen {margin:14px 0 26px;border:1px solid var(--border-strong);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.05),0 18px 44px rgba(15,23,42,.12);background:var(--bg);scroll-margin-top:20px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d figure.screen figcaption {display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,var(--subtle));flex-wrap:wrap}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d figcaption .num {font-weight:700;color:#fff;background:var(--accent);border-radius:7px;padding:3px 9px;font-size:12.5px;font-family:var(--mono);box-shadow:0 1px 2px rgba(0,80,200,.3)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d figcaption .ttl {font-weight:650;color:var(--navy)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d figcaption .route {color:var(--faint);font-family:var(--mono);font-size:12px;margin-left:auto}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .notes {padding:13px 16px 15px;border-top:1px solid var(--border);background:#fff}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .notes b {font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .notes p {margin:6px 0 0;font-size:13.5px;color:#3c3b36}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* ── App chrome (mockups) ───────────────────────────────── */
.mock-top {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--navy)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .mock-top .vital {color:var(--dim);font-weight:500}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .mock-top .vital b {color:var(--navy);font-variant-numeric:tabular-nums}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .seg {display:inline-flex;border:1px solid var(--border-strong);border-radius:999px;overflow:hidden;background:var(--subtle)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .seg span {padding:4px 13px;font-size:12px;color:var(--dim)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .seg span.on {background:var(--accent);color:#fff;font-weight:600;box-shadow:0 1px 2px rgba(0,80,200,.3)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .chipbar {display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .fchip {font-size:11.5px;color:var(--dim);border:1px solid var(--border-strong);border-radius:999px;padding:3px 11px;background:#fff}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .fchip.on {color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft);font-weight:600}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .spill {display:flex;align-items:center;gap:7px;border:1px solid var(--border-strong);border-radius:999px;padding:4px 13px;font-size:12px;color:var(--faint);background:#fff;min-width:128px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .mock-body {display:flex;min-height:392px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .mock-nav {width:122px;flex:none;background:linear-gradient(180deg,#fcfdff,var(--subtle));border-right:1px solid var(--border);padding:12px 9px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .mock-nav .ni {display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;font-size:12.5px;color:var(--dim);margin-bottom:3px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .mock-nav .ni.on {background:var(--accent-soft);color:var(--accent-text);font-weight:600;box-shadow:inset 2px 0 0 var(--accent)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* dark graph canvas — clean,
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d Obsidian-inspired */
.mock-canvas {flex:1;position:relative;background:radial-gradient(130% 115% at 50% 42%,#161d40 0%,#0d1228 64%,#080b1c 100%)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .mock-canvas svg {display:block;width:100%;height:100%}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .zoomctl {position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:9px;overflow:hidden;background:rgba(14,19,44,.7);backdrop-filter:blur(6px)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .zoomctl span {padding:4px 9px;font-size:13px;color:#aeb7cd;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .zoomctl span:last-child {border-bottom:0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .glegend {position:absolute;left:12px;bottom:12px;background:rgba(13,18,42,.74);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:11px 13px;font-size:11px;color:#c4ccdd}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .glegend h4 {margin:0 0 5px;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#7d88a4;font-weight:700}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .glegend .lrow {display:flex;align-items:center;gap:8px;margin:3px 0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .glegend .grp {margin-bottom:9px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .glegend .grp:last-child {margin-bottom:0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .gd {width:11px;height:11px;border-radius:50%;flex:none;display:inline-block}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .gd.understood {background:#35d6a6}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .gd.partial {background:#f1b24a}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .gd.dark {background:#5b6a88}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .gd.hyp {background:transparent;border:1.5px dashed #a98cf0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .gd.sys {width:11px;height:9px;border-radius:3px;background:#94a3cf}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .gd.role {background:transparent;border:2px solid #b9c5e0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* inspector rail */
.rail {width:250px;flex:none;border-left:1px solid var(--border);background:#fff;font-size:12.5px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .rail-hd {padding:13px 14px 11px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:11px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .rail-hd .nm {font-weight:700;color:var(--navy);font-size:14px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .rail-hd .mt {color:var(--dim);margin-top:3px;font-size:12px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .cdonut {position:relative;width:40px;height:40px;border-radius:50%;background:conic-gradient(#0d8f70 calc(var(--p,82)*1%),#e6ecf4 0);display:grid;place-items:center;flex:none}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .cdonut::before {content:"";position:absolute;inset:4px;background:#fff;border-radius:50%}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .cdonut b {position:relative;font-size:11px;color:#0d8f70;font-weight:700}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .rail-sec {padding:11px 14px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .rail-sec h5 {margin:0 0 7px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .ev-row {display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--subtle)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .ev-row:last-child {border-bottom:0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .ev-ic {width:28px;height:28px;border-radius:8px;background:var(--accent-soft);display:grid;place-items:center;font-size:13px;flex:none}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .ev-bd {flex:1;min-width:0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .ev-bd .src {font-size:12px;font-weight:600;color:var(--text)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .ev-bd .qt {font-size:12px;color:var(--dim);font-style:italic;margin-top:1px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .ev-jump {font-size:11px;color:var(--accent-text);font-weight:600;align-self:center;flex:none}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .qline {display:flex;gap:8px;align-items:center;color:var(--text);margin:2px 0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .actbtn {display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 11px;margin:6px 0;border-radius:9px;border:1px solid var(--border-strong);background:#fff;color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .actbtn.primary {background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600;justify-content:space-between;box-shadow:0 1px 3px rgba(0,80,200,.3)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* empty + table + search */
.empty {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:10px;padding:26px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .empty p {max-width:360px;color:#aeb7cd;margin:2px 0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .empty .hl {color:#eef2fb;font-weight:600}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .btn-primary {background:var(--accent);color:#fff;border:0;border-radius:9px;padding:9px 18px;font:inherit;font-weight:600;font-size:13px;margin-top:8px;box-shadow:0 4px 14px rgba(0,90,220,.45)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d table.tbl {width:100%;border-collapse:collapse;font-size:12.5px;background:#fff}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d table.tbl th {text-align:left;padding:9px 14px;background:var(--subtle);color:var(--dim);font-weight:600;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d table.tbl td {padding:10px 14px;border-bottom:1px solid var(--subtle);color:var(--text)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d table.tbl tr:hover td {background:#fbfcfe}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .u-cell {display:inline-flex;align-items:center;gap:7px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .dotc {width:11px;height:11px;border-radius:50%;display:inline-block}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .dotc.understood {background:#0d8f70}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .dotc.partial {background:#c8810a}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .dotc.dark {background:#9aa6ba}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .dotc.hyp {background:transparent;border:1.5px dashed #7544cd}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .cbar {display:inline-block;width:50px;height:6px;border-radius:4px;background:#e6ecf4;overflow:hidden;vertical-align:middle}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .cbar>i {display:block;height:100%;border-radius:4px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .searchwrap {padding:16px;background:#fff}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .searchbox {display:flex;align-items:center;gap:9px;border:1px solid var(--accent-line);border-radius:10px;padding:10px 13px;background:#fff;color:var(--navy);font-weight:600;box-shadow:0 1px 2px rgba(0,80,200,.08)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .res .rh {font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin:14px 0 5px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .res .ri {display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;border:1px solid transparent}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .res .ri:hover {background:#fbfcfe;border-color:var(--border)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .muted-sm {color:var(--dim);font-size:12px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .twocol {display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d /* re-light strip (Flow D) */
.relight {display:flex;align-items:stretch;gap:0;background:radial-gradient(120% 120% at 50% 40%,#161d40,#0a0e22);color:#cdd5e6}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .relight .rcol {flex:1;padding:18px 16px;text-align:center}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .relight .rcol+.rcol {border-left:1px dashed rgba(255,255,255,.12)}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .relight .rlab {font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#7d88a4;font-weight:700;margin-bottom:10px}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .relight .nodebig {width:46px;height:46px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;font-size:0}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .relight .pname {font-size:12px;color:#dfe5f2}
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .relight .pmeta {font-size:11px;color:#8c97b0;margin-top:2px}
@media(max-width:720px) {body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .grid2,
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .twocol {grid-template-columns:1fr}body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d h1 {font-size:31px}body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .glegend,
body.bd-doc-product-features-ontology-backlog-expanded-mvp-actions-ux-spec-bedc0d8d .rail {display:none}}

/* docs/product/features/ontology/backlog/index.html */
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-list {
        display: grid;
        gap: 14px;
        margin: 24px 0;
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-list a {
        color: var(--text);
        text-decoration: none;
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card {
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 18px;
        background: var(--surface);
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card:hover {
        border-color: var(--brand);
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card h2 {
        margin: 0 0 6px;
        font-size: 20px;
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card p {
        margin: 0;
        color: var(--muted);
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card .resolves {
        margin: 10px 0 0;
        font-size: 12.5px;
        color: var(--faint);
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card .resolves b {
        color: var(--muted);
        font-weight: 600;
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card .resolves a {
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card .orphan {
        color: var(--warn);
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card .phase {
        display: inline-block;
        margin-left: 8px;
        font-size: 11px;
        font-weight: 700;
        vertical-align: middle;
        border-radius: 999px;
        padding: 2px 8px;
        color: var(--brand-dark);
        background: var(--brand-soft);
        border: 1px solid var(--brand-line);
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card .trigger {
        margin: 8px 0 0;
        font-size: 12.5px;
        color: var(--muted);
      }
body.bd-doc-product-features-ontology-backlog-index-cc99df07 .doc-card .trigger b {
        color: var(--text);
        font-weight: 600;
      }

/* docs/product/features/ontology/backlog/operating-ontology-experience-vision.html */
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d * {box-sizing:border-box}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d {margin:0;font-family:var(--font);color:var(--text);background:var(--sink);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .wrap {max-width:1020px;margin:0 auto;padding:0 24px 110px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d a {color:var(--accent-text)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d header.hero {padding:64px 6px 30px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .eyebrow {color:var(--accent);font-weight:650;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d h1 {font-size:40px;letter-spacing:-.02em;margin:12px 0 10px;font-weight:760;color:var(--navy)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .sub {color:var(--dim);font-size:17px;max-width:820px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .oneliner {margin:22px 0 0;padding:16px 18px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15.5px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .oneliner b {color:var(--text)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .toc {margin:24px 0 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);padding:14px 16px 16px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .toc-hd {font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:700;margin-bottom:8px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .toc a {display:block;text-decoration:none;color:var(--text);border-radius:6px;padding:3px 7px;line-height:1.45}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .toc a:hover {background:rgba(15,15,15,.045);text-decoration:underline;text-underline-offset:2px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .toc-h2 {font-weight:600;font-size:13.5px;margin-top:5px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .toc-h2 .n {display:inline-block;min-width:16px;color:var(--faint);font-weight:700;margin-right:8px;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .toc-h3 {margin-left:24px;font-size:12.5px;color:var(--dim);font-weight:450;border-left:1px solid var(--border);border-radius:0 6px 6px 0;padding-left:14px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .sec,
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .blk {scroll-margin-top:16px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d h2.sec {font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:56px 0 4px;display:flex;align-items:center;gap:9px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d h2.sec .hash {color:var(--faint);font-weight:600}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .sec-lead {color:var(--dim);max-width:820px;margin:0 0 18px;font-size:15px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .flowline {font-family:var(--mono);font-size:13px;color:var(--faint);margin:0 0 18px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d h3.blk {font-size:17px;margin:28px 0 10px;letter-spacing:-.01em}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d h3.blk .k {font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:700;margin-right:8px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .grid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 8px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .grid3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:6px 0 8px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .card {background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .card .rh {display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .card .rh b {font-size:15px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .card .em {font-size:19px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .card p {margin:0;color:#4a4843;font-size:13.5px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .card .edge {display:block;margin-top:9px;font-size:12px;color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .card.star {border-color:var(--accent-line);background:linear-gradient(180deg,#f6fbff,#fff)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .card.warn {border-left:3px solid var(--orange)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .contrast {display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:14px 0}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .contrast>div {padding:15px 17px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .contrast .n {background:var(--subtle);border-right:1px solid var(--border)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .contrast h4 {margin:0 0 7px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .contrast ul {margin:0;padding-left:18px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .contrast li {margin:3px 0;font-size:13.5px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .contrast .l b {color:var(--accent-text)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d code {font-family:var(--mono);font-size:.9em;background:#ecebe8;border-radius:5px;padding:1px 5px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .callout {background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:13px 16px;margin:12px 0;font-size:14px;color:#4a4843}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .callout.warn {border-left-color:var(--orange)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .callout b {color:var(--text)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .foot {margin-top:54px;padding:22px 2px;border-top:1px solid var(--border);color:var(--faint);font-size:13px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d /* ---- STATUS PILLS (the PD vocabulary) + legend ---- */
.pill {display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:1px 8px;font-size:11.5px;font-weight:600;white-space:nowrap}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .s-ship {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .s-proto {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .s-mock {color:var(--orange);background:var(--orange-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .s-backend {color:var(--blue);background:var(--blue-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .s-concept {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .s-prop {color:var(--slate);background:var(--slate-soft);border:1px dashed var(--border-strong)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .legend {display:flex;flex-wrap:wrap;gap:14px;margin:16px 0 0;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);font-size:12.5px;color:var(--dim)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .legend .li {display:flex;align-items:center;gap:7px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d /* ---- SCREEN FIGURE ---- */
figure.screen {background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px rgba(15,15,15,.04),0 10px 30px rgba(15,15,15,.06);margin:0 0 26px;scroll-margin-top:20px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d figure.screen figcaption {display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--subtle);flex-wrap:wrap}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d figcaption .num {font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:7px;padding:3px 9px;font-size:12.5px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d figcaption .ttl {font-weight:650}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d figcaption .route {color:var(--faint);font-family:var(--mono);font-size:12px;margin-left:auto}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .screen-ph {display:flex;flex-direction:column;gap:9px;align-items:flex-start;justify-content:center;width:100%;min-height:150px;padding:30px;background:var(--subtle);border-top:1px dashed var(--border-strong)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .screen-ph .tag {font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--accent)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .screen-ph p {margin:0;color:var(--dim);font-size:13.5px;line-height:1.55;max-width:700px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .notes {padding:14px 18px 16px;border-top:1px solid var(--border)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .notes b {font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .notes ul {margin:8px 0 0;padding-left:20px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .notes li {margin:3px 0;color:#3c3b36;font-size:13.5px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .next {margin-top:9px;font-size:12.5px;color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d /* ---- BEAM DISCOVERY SHELL WIREFRAME (operator desktop screens) ---- */
.stage {padding:18px;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 10px,#f4f4f4 10px,#f4f4f4 20px);border-top:1px dashed var(--border-strong)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell {display:flex;flex-direction:column;min-height:360px;background:var(--bg);border:1px solid var(--border-strong);border-radius:9px;overflow:hidden;box-shadow:0 6px 20px rgba(15,15,15,.08)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell-top {display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:#fcfcfc}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .wdots {display:flex;gap:5px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .wdots i {width:9px;height:9px;border-radius:50%;background:var(--border-strong);display:block}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .crumb {font-size:12px;color:var(--dim)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .crumb b {color:var(--text)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .topacts {margin-left:auto;display:flex;gap:6px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .topacts i {width:22px;height:9px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell-row {display:flex;min-height:240px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell-nav {width:50px;background:#fbfbfb;border-right:1px solid var(--border);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:11px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell-nav i {width:22px;height:22px;border-radius:7px;background:var(--subtle);display:block}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell-nav i.on {background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell-main {flex:1;padding:16px 18px;min-width:0}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell-rail {width:64px;background:#fbfbfb;border-left:1px solid var(--border);padding:12px 8px;display:flex;flex-direction:column;gap:8px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell-rail i {height:8px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell-rail i.sm {width:60%}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .vh {display:flex;align-items:center;gap:9px;margin-bottom:12px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .vh .vt {font-size:15px;font-weight:680}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .vh .vsub {font-size:12px;color:var(--faint)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .btn {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:7px;padding:5px 11px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .btn.pri {background:var(--accent);border-color:var(--accent);color:#fff}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .btn.sm {padding:3px 8px;font-size:11px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .btn.ghost {background:transparent;border:none;color:var(--accent-text)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .spacer {flex:1}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d /* ---- MINI TABLE / WIREFRAME PRIMITIVES ---- */
.wf {border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:2px 0}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .wf .cap {display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--subtle);font-size:12px;color:var(--dim);font-weight:600}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .wf .body {padding:12px 14px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d table.mini {width:100%;border-collapse:collapse;font-size:12.5px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d table.mini th {text-align:left;font-weight:700;color:var(--faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;padding:6px 9px;border-bottom:1px solid var(--border);white-space:nowrap}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d table.mini td {padding:7px 9px;border-bottom:1px solid var(--subtle);vertical-align:middle}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d table.mini tr:last-child td {border-bottom:0}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .tag {font-size:11px;border-radius:5px;padding:1px 7px;font-weight:600;white-space:nowrap;display:inline-block}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .t-understood {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .t-partial {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .t-dark {color:var(--dim);background:#ececec}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .t-hyp {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .t-accept {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .t-defer {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .t-reject {color:var(--red);background:var(--red-soft)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .dot {width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align:middle}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .bar {height:6px;border-radius:4px;background:var(--subtle);overflow:hidden;display:inline-block;width:80px;vertical-align:middle}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .bar > i {display:block;height:100%;background:var(--accent)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .chip {display:inline-flex;align-items:center;gap:5px;font-size:11px;background:var(--accent-soft);color:var(--accent-text);border-radius:6px;padding:1px 7px;margin:2px 3px 2px 0;font-weight:600}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d /* ---- PROCESS STEP FLOW (B1 wireframe) ---- */
.stepflow {display:flex;align-items:center;gap:0;overflow-x:auto;padding:14px 0 10px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .step-node {flex-shrink:0;background:var(--bg);border:1.5px solid var(--border-strong);border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;text-align:center;min-width:90px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .step-node.understood {border-color:var(--green);background:var(--green-soft);color:var(--green)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .step-node.partial {border-color:var(--amber);background:var(--amber-soft);color:var(--amber)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .step-node.dark {border-color:var(--faint);background:#ececec;color:var(--dim)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .step-node.diamond {border-radius:0;transform:rotate(45deg);width:48px;height:48px;min-width:48px;padding:0;display:grid;place-items:center}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .step-node.diamond span {transform:rotate(-45deg);font-size:10px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .step-arrow {flex-shrink:0;width:24px;text-align:center;color:var(--faint);font-size:14px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d /* ---- PROPOSAL CARD ---- */
.proposal-card {background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:13px 15px;margin:6px 0}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .proposal-card .ph {display:flex;align-items:center;gap:8px;margin-bottom:6px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .proposal-card .ph .ptype {font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:1px 7px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .proposal-card .ph .pname {font-weight:660;font-size:13.5px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .proposal-card .pev {font-size:12.5px;color:var(--dim);border-left:2px solid var(--border);padding-left:10px;margin:8px 0}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .proposal-card .pacts {display:flex;gap:7px;margin-top:10px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d /* ---- EVIDENCE LIST ---- */
.ev-row {display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--subtle)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .ev-row:last-child {border-bottom:0}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .ev-icon {width:28px;height:28px;border-radius:7px;background:var(--accent-soft);display:grid;place-items:center;font-size:13px;flex-shrink:0}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .ev-body {flex:1;min-width:0}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .ev-body .ev-src {font-size:12px;font-weight:600;color:var(--text)}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .ev-body .ev-quote {font-size:12px;color:var(--dim);margin-top:2px;font-style:italic}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .ev-body .ev-meta {font-size:11px;color:var(--faint);margin-top:3px}
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .ev-jump {font-size:11px;color:var(--accent-text);font-weight:600;flex-shrink:0;align-self:center}
@media(max-width:720px) {body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .grid2,
body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .grid3 {grid-template-columns:1fr}body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d h1 {font-size:32px}body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .contrast {grid-template-columns:1fr}body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .shell-rail {display:none}body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d table.mini {font-size:11.5px}body.bd-doc-product-features-ontology-backlog-operating-ontology-experience-vision-f5778e6d .stepflow {gap:0}}

/* docs/product/features/ontology/customer-feedback/01-cannot-edit-or-contest-the-map.html */
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 .fb-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 24px; }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 .fb-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; font-size: 12px; background: var(--surface-soft); color: var(--muted); }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 .fb-chip b { color: var(--text); font-weight: 650; }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 .persona { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 .sev-high { color: var(--risk); background: var(--risk-soft); border-color: var(--risk-soft); }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 .sev-med { color: var(--warn); background: var(--warn-soft); border-color: var(--warn-soft); }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 .status { color: var(--slate); background: var(--slate-soft); border-color: var(--slate-soft); }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 .verbatim { border-left: 3px solid var(--brand); background: var(--surface-soft); border-radius: 0 8px 8px 0; padding: 16px 18px; margin: 16px 0; font-size: 16px; line-height: 1.55; color: var(--text); }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 .verbatim cite { display: block; margin-top: 10px; font-size: 13px; color: var(--muted); font-style: normal; }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 section.block { margin: 24px 0; }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 section.block h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--brand-dark); margin: 0 0 8px; }
body.bd-doc-product-features-ontology-customer-feedback-01-cannot-edit-or-contest-the-map-2b6e8773 .backlink { display: inline-block; margin-bottom: 10px; font-size: 13px; }

/* docs/product/features/ontology/customer-feedback/02-exceptions-buried-in-drilldown.html */
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 .fb-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 24px; }
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 .fb-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; font-size: 12px; background: var(--surface-soft); color: var(--muted); }
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 .fb-chip b { color: var(--text); font-weight: 650; }
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 .persona { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 .sev-high { color: var(--risk); background: var(--risk-soft); border-color: var(--risk-soft); }
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 .status { color: var(--slate); background: var(--slate-soft); border-color: var(--slate-soft); }
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 .verbatim { border-left: 3px solid var(--brand); background: var(--surface-soft); border-radius: 0 8px 8px 0; padding: 16px 18px; margin: 16px 0; font-size: 16px; line-height: 1.55; color: var(--text); }
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 .verbatim cite { display: block; margin-top: 10px; font-size: 13px; color: var(--muted); font-style: normal; }
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 section.block { margin: 24px 0; }
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 section.block h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--brand-dark); margin: 0 0 8px; }
body.bd-doc-product-features-ontology-customer-feedback-02-exceptions-buried-in-drilldown-22e41ab5 .backlink { display: inline-block; margin-bottom: 10px; font-size: 13px; }

/* docs/product/features/ontology/customer-feedback/03-mocked-data-cannot-prove-to-customers.html */
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 .fb-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 24px; }
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 .fb-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; font-size: 12px; background: var(--surface-soft); color: var(--muted); }
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 .fb-chip b { color: var(--text); font-weight: 650; }
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 .persona { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 .sev-med { color: var(--warn); background: var(--warn-soft); border-color: var(--warn-soft); }
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 .status { color: var(--slate); background: var(--slate-soft); border-color: var(--slate-soft); }
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 .verbatim { border-left: 3px solid var(--brand); background: var(--surface-soft); border-radius: 0 8px 8px 0; padding: 16px 18px; margin: 16px 0; font-size: 16px; line-height: 1.55; color: var(--text); }
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 .verbatim cite { display: block; margin-top: 10px; font-size: 13px; color: var(--muted); font-style: normal; }
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 section.block { margin: 24px 0; }
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 section.block h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--brand-dark); margin: 0 0 8px; }
body.bd-doc-product-features-ontology-customer-feedback-03-mocked-data-cannot-prove-to-customers-90bc42b2 .backlink { display: inline-block; margin-bottom: 10px; font-size: 13px; }

/* docs/product/features/ontology/customer-feedback/04-nodes-dead-end-no-decision.html */
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 .fb-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 24px; }
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 .fb-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; font-size: 12px; background: var(--surface-soft); color: var(--muted); }
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 .fb-chip b { color: var(--text); font-weight: 650; }
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 .persona { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 .sev-high { color: var(--risk); background: var(--risk-soft); border-color: var(--risk-soft); }
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 .status { color: var(--slate); background: var(--slate-soft); border-color: var(--slate-soft); }
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 .verbatim { border-left: 3px solid var(--brand); background: var(--surface-soft); border-radius: 0 8px 8px 0; padding: 16px 18px; margin: 16px 0; font-size: 16px; line-height: 1.55; color: var(--text); }
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 .verbatim cite { display: block; margin-top: 10px; font-size: 13px; color: var(--muted); font-style: normal; }
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 section.block { margin: 24px 0; }
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 section.block h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--brand-dark); margin: 0 0 8px; }
body.bd-doc-product-features-ontology-customer-feedback-04-nodes-dead-end-no-decision-0ab560a8 .backlink { display: inline-block; margin-bottom: 10px; font-size: 13px; }

/* docs/product/features/ontology/customer-feedback/05-no-node-to-opportunity-bridge.html */
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 .fb-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 24px; }
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 .fb-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; font-size: 12px; background: var(--surface-soft); color: var(--muted); }
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 .fb-chip b { color: var(--text); font-weight: 650; }
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 .persona { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 .sev-high { color: var(--risk); background: var(--risk-soft); border-color: var(--risk-soft); }
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 .status { color: var(--slate); background: var(--slate-soft); border-color: var(--slate-soft); }
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 .verbatim { border-left: 3px solid var(--brand); background: var(--surface-soft); border-radius: 0 8px 8px 0; padding: 16px 18px; margin: 16px 0; font-size: 16px; line-height: 1.55; color: var(--text); }
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 .verbatim cite { display: block; margin-top: 10px; font-size: 13px; color: var(--muted); font-style: normal; }
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 section.block { margin: 24px 0; }
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 section.block h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--brand-dark); margin: 0 0 8px; }
body.bd-doc-product-features-ontology-customer-feedback-05-no-node-to-opportunity-bridge-ac3b6206 .backlink { display: inline-block; margin-bottom: 10px; font-size: 13px; }

/* docs/product/features/ontology/customer-feedback/06-no-department-coverage-rollup.html */
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af .fb-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 24px; }
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af .fb-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; font-size: 12px; background: var(--surface-soft); color: var(--muted); }
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af .fb-chip b { color: var(--text); font-weight: 650; }
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af .persona { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af .sev-med { color: var(--warn); background: var(--warn-soft); border-color: var(--warn-soft); }
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af .status { color: var(--slate); background: var(--slate-soft); border-color: var(--slate-soft); }
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af .verbatim { border-left: 3px solid var(--brand); background: var(--surface-soft); border-radius: 0 8px 8px 0; padding: 16px 18px; margin: 16px 0; font-size: 16px; line-height: 1.55; color: var(--text); }
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af .verbatim cite { display: block; margin-top: 10px; font-size: 13px; color: var(--muted); font-style: normal; }
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af section.block { margin: 24px 0; }
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af section.block h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--brand-dark); margin: 0 0 8px; }
body.bd-doc-product-features-ontology-customer-feedback-06-no-department-coverage-rollup-c0f7e4af .backlink { display: inline-block; margin-bottom: 10px; font-size: 13px; }

/* docs/product/features/ontology/customer-feedback/07-system-nodes-missing-access-scope.html */
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 .fb-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 24px; }
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 .fb-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; font-size: 12px; background: var(--surface-soft); color: var(--muted); }
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 .fb-chip b { color: var(--text); font-weight: 650; }
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 .persona { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 .sev-high { color: var(--risk); background: var(--risk-soft); border-color: var(--risk-soft); }
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 .status { color: var(--slate); background: var(--slate-soft); border-color: var(--slate-soft); }
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 .verbatim { border-left: 3px solid var(--brand); background: var(--surface-soft); border-radius: 0 8px 8px 0; padding: 16px 18px; margin: 16px 0; font-size: 16px; line-height: 1.55; color: var(--text); }
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 .verbatim cite { display: block; margin-top: 10px; font-size: 13px; color: var(--muted); font-style: normal; }
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 section.block { margin: 24px 0; }
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 section.block h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--brand-dark); margin: 0 0 8px; }
body.bd-doc-product-features-ontology-customer-feedback-07-system-nodes-missing-access-scope-91e9cbc4 .backlink { display: inline-block; margin-bottom: 10px; font-size: 13px; }

/* docs/product/features/ontology/customer-feedback/08-nodes-are-labels-not-buildable-records.html */
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c .fb-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 24px; }
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c .fb-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; font-size: 12px; background: var(--surface-soft); color: var(--muted); }
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c .fb-chip b { color: var(--text); font-weight: 650; }
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c .persona { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c .sev-med { color: var(--warn); background: var(--warn-soft); border-color: var(--warn-soft); }
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c .status { color: var(--slate); background: var(--slate-soft); border-color: var(--slate-soft); }
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c .verbatim { border-left: 3px solid var(--brand); background: var(--surface-soft); border-radius: 0 8px 8px 0; padding: 16px 18px; margin: 16px 0; font-size: 16px; line-height: 1.55; color: var(--text); }
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c .verbatim cite { display: block; margin-top: 10px; font-size: 13px; color: var(--muted); font-style: normal; }
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c section.block { margin: 24px 0; }
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c section.block h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--brand-dark); margin: 0 0 8px; }
body.bd-doc-product-features-ontology-customer-feedback-08-nodes-are-labels-not-buildable-records-fc8e830c .backlink { display: inline-block; margin-bottom: 10px; font-size: 13px; }

/* docs/product/features/ontology/customer-feedback/index.html */
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .legend { display: flex; flex-wrap: wrap; gap: 18px; margin: 18px 0 8px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-soft); font-size: 12.5px; color: var(--muted); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .legend .grp { display: flex; flex-direction: column; gap: 5px; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .legend .grp b { font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--faint); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .legend .row { display: flex; flex-wrap: wrap; gap: 10px; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .group-title { margin: 30px 0 2px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--faint); font-weight: 700; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fb-list { display: grid; gap: 12px; margin: 10px 0 0; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fb-list > a { color: var(--text); text-decoration: none; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fb-card { border: 1px solid var(--border); border-radius: 8px; padding: 14px 16px; background: var(--surface); display: grid; gap: 7px; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fb-card:hover { border-color: var(--brand); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fb-card .top { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: baseline; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fb-card h2 { margin: 0; font-size: 17px; flex: 1 1 auto; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fb-card .desc { margin: 0; color: var(--muted); font-size: 13.5px; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fb-card .meta-line { margin: 0; font-size: 12.5px; color: var(--faint); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fb-card .meta-line b { color: var(--muted); font-weight: 600; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .chiprow { display: flex; flex-wrap: wrap; gap: 6px; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fb-chip { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--line); border-radius: 999px; padding: 3px 10px; font-size: 11.5px; background: var(--surface-soft); color: var(--muted); white-space: nowrap; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .persona { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .sev-high { color: var(--risk); background: var(--risk-soft); border-color: var(--risk-soft); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .sev-med { color: var(--warn); background: var(--warn-soft); border-color: var(--warn-soft); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .st-open { color: var(--slate); background: var(--slate-soft); border-color: var(--slate-soft); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .st-cand { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .st-resolved { color: var(--good); background: var(--good-soft); border-color: var(--good-soft); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .pipeline { margin: 12px 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-soft); font-size: 13.5px; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .pipeline code { font-family: var(--mono); font-size: 12.5px; background: var(--bg); padding: 1px 6px; border-radius: 5px; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc /* At-a-glance review header */
      .review { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 12px 0 4px; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .review .panel { border: 1px solid var(--line); border-radius: 8px; background: var(--surface); padding: 13px 15px; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .review h3 { margin: 0 0 2px; font-size: 14px; color: var(--navy); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .review .cap { margin: 0 0 9px; font-size: 12px; color: var(--faint); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .review svg { width: 100%; height: auto; display: block; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .legend-mini { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; font-size: 11px; color: var(--muted); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .legend-mini .li { display: flex; align-items: center; gap: 5px; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .legend-mini .sw { width: 11px; height: 11px; border-radius: 50%; display: inline-block; }
@media (max-width: 760px) {
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .review { grid-template-columns: 1fr; }
}
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc /* SVG primitives */
      .svg-axis { fill: var(--faint); font: 600 10px var(--sans); text-transform: uppercase; letter-spacing: 0.04em; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .svg-cell { fill: var(--surface-soft); stroke: var(--border); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .svg-cell.act { fill: var(--risk-soft); stroke: var(--risk-soft); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .svg-actlbl { fill: var(--risk); font: 700 8.5px var(--sans); text-transform: uppercase; letter-spacing: 0.05em; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .svg-empty { fill: var(--faint); font: 400 14px var(--sans); text-anchor: middle; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .node { cursor: pointer; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .node circle { stroke: #fff; stroke-width: 1.5; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .node text { fill: #fff; font: 700 11px var(--sans); text-anchor: middle; dominant-baseline: central; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .p-owner { fill: var(--brand); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .p-sponsor { fill: var(--violet); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .p-builder { fill: var(--orange); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .p-cross { fill: var(--navy); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .flow-line { stroke-width: 2; fill: none; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fl-owner { stroke: var(--brand); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fl-cross { stroke: var(--navy); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fl-sponsor { stroke: var(--violet); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .fl-builder { stroke: var(--orange); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .flow-stub { stroke: var(--faint); stroke-width: 1.5; stroke-dasharray: 3 3; fill: none; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .flow-x { stroke: var(--faint); stroke-width: 1.5; }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .cand-box { fill: var(--brand-soft); stroke: var(--brand-line); }
body.bd-doc-product-features-ontology-customer-feedback-index-186d4dcc .cand-text { fill: var(--brand-dark); font: 600 11px var(--sans); }

/* docs/product/features/ontology/ontology-mvp-ux-spec.html */
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 * {box-sizing:border-box}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 {margin:0;font-family:var(--font);color:var(--text);background:var(--sink);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .wrap {max-width:1020px;margin:0 auto;padding:0 24px 110px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 a {color:var(--accent-text)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* ── Hero ───────────────────────────────────────────────── */
header.hero {padding:64px 6px 30px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .eyebrow {color:var(--accent);font-weight:650;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 h1 {font-size:40px;letter-spacing:-.02em;margin:12px 0 10px;font-weight:760;color:var(--navy)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .sub {color:var(--dim);font-size:17px;max-width:820px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .oneliner {margin:22px 0 0;padding:16px 18px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15.5px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .oneliner b {color:var(--text)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .legend {display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 0;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);font-size:12.5px;color:var(--dim)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .legend .li {display:flex;align-items:center;gap:7px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .swatch {width:12px;height:12px;border-radius:50%;display:inline-block}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .sw-understood {background:#35d6a6}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .sw-partial {background:#f1b24a}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .sw-dark {background:#5b6a88}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .sw-hyp {background:transparent;border:1.5px dashed #a98cf0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* ── Contents ───────────────────────────────────────────── */
.toc {margin:24px 0 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);padding:14px 16px 16px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .toc-hd {font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:700;margin-bottom:8px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .toc a {display:block;text-decoration:none;color:var(--text);border-radius:6px;padding:3px 7px;line-height:1.45}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .toc a:hover {background:rgba(15,15,15,.045);text-underline-offset:2px;text-decoration:underline}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .toc .grp {font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700;margin:12px 0 3px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .toc .row .n {display:inline-block;min-width:24px;color:var(--faint);font-weight:700;margin-right:6px;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* ── Part dividers + sections ───────────────────────────── */
.partdiv {margin:52px 0 0;padding-bottom:6px;border-bottom:2px solid var(--border-strong);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .partdiv .pn {color:var(--faint);margin-right:8px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 h2.sec {font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:36px 0 4px;display:flex;align-items:center;gap:9px;scroll-margin-top:16px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 h2.sec .hash {color:var(--faint);font-weight:600}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .sec-lead {color:var(--dim);max-width:840px;margin:0 0 16px;font-size:15px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 h3.blk {font-size:16px;margin:24px 0 9px;letter-spacing:-.01em;color:var(--navy)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 p {margin:10px 0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 ol.body,
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 ul.body {margin:10px 0;padding-left:20px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 ol.body li,
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 ul.body li {margin:4px 0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 code {font-family:var(--mono);font-size:.9em;background:#ecebe8;border-radius:5px;padding:1px 5px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* ── Flow ───────────────────────────────────────────────── */
.loop {display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:8px 0 22px;padding:15px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);font-size:13px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .loop .ls {background:#fff;border:1px solid var(--border-strong);border-radius:8px;padding:4px 11px;font-weight:600;color:var(--navy)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .loop .ar {color:var(--faint);font-weight:700}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .loop .re {color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .flow {margin:34px 0 6px;scroll-margin-top:16px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .flow .ft {display:flex;align-items:center;gap:10px;font-size:17px;font-weight:720;color:var(--navy)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .flow .fl {font-family:var(--mono);font-size:12px;font-weight:700;color:#fff;background:var(--accent);border-radius:7px;padding:2px 9px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .flow .fjob {color:var(--dim);font-size:14.5px;margin:6px 0 4px;max-width:840px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .flowline {font-family:var(--mono);font-size:12.5px;color:var(--faint);margin:6px 0 14px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .flowline b {color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .flowline .ar {color:var(--border-strong)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* ── Cards / callouts ───────────────────────────────────── */
.grid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .card {background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .card b {font-size:14px;color:var(--navy)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .card p,
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .card li {margin:4px 0;color:#4a4843;font-size:13.5px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .card ul {margin:6px 0 0;padding-left:18px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .callout {background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:13px 16px;margin:14px 0;font-size:14px;color:#4a4843}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .callout b {color:var(--text)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 table.data {width:100%;border-collapse:collapse;font-size:13.5px;margin:8px 0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 table.data th {text-align:left;font-weight:700;color:var(--faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;padding:7px 10px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 table.data td {padding:8px 10px;border-bottom:1px solid var(--subtle);vertical-align:top}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .steps {margin:10px 0;padding:0;list-style:none}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .steps li {display:flex;gap:10px;margin:7px 0;font-size:13.5px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .steps .ac {flex-shrink:0;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:5px;padding:2px 8px;height:fit-content;color:var(--accent);background:var(--accent-soft)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .steps .ac.ui {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .foot {margin-top:54px;padding:22px 2px;border-top:1px solid var(--border);color:var(--faint);font-size:13px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* ── Screen figure ──────────────────────────────────────── */
figure.screen {margin:14px 0 26px;border:1px solid var(--border-strong);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.05),0 18px 44px rgba(15,23,42,.12);background:var(--bg);scroll-margin-top:20px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 figure.screen figcaption {display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,var(--subtle));flex-wrap:wrap}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 figcaption .num {font-weight:700;color:#fff;background:var(--accent);border-radius:7px;padding:3px 9px;font-size:12.5px;font-family:var(--mono);box-shadow:0 1px 2px rgba(0,80,200,.3)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 figcaption .ttl {font-weight:650;color:var(--navy)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 figcaption .route {color:var(--faint);font-family:var(--mono);font-size:12px;margin-left:auto}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .notes {padding:13px 16px 15px;border-top:1px solid var(--border);background:#fff}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .notes b {font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .notes p {margin:6px 0 0;font-size:13.5px;color:#3c3b36}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* ── App chrome (mockups) ───────────────────────────────── */
.mock-top {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--navy)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .mock-top .vital {color:var(--dim);font-weight:500}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .mock-top .vital b {color:var(--navy);font-variant-numeric:tabular-nums}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .seg {display:inline-flex;border:1px solid var(--border-strong);border-radius:999px;overflow:hidden;background:var(--subtle)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .seg span {padding:4px 13px;font-size:12px;color:var(--dim)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .seg span.on {background:var(--accent);color:#fff;font-weight:600;box-shadow:0 1px 2px rgba(0,80,200,.3)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .chipbar {display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .fchip {font-size:11.5px;color:var(--dim);border:1px solid var(--border-strong);border-radius:999px;padding:3px 11px;background:#fff}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .fchip.on {color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft);font-weight:600}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .spill {display:flex;align-items:center;gap:7px;border:1px solid var(--border-strong);border-radius:999px;padding:4px 13px;font-size:12px;color:var(--faint);background:#fff;min-width:128px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .mock-body {display:flex;min-height:392px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .mock-nav {width:122px;flex:none;background:linear-gradient(180deg,#fcfdff,var(--subtle));border-right:1px solid var(--border);padding:12px 9px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .mock-nav .ni {display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;font-size:12.5px;color:var(--dim);margin-bottom:3px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .mock-nav .ni.on {background:var(--accent-soft);color:var(--accent-text);font-weight:600;box-shadow:inset 2px 0 0 var(--accent)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* dark graph canvas — clean,
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 Obsidian-inspired */
.mock-canvas {flex:1;position:relative;background:radial-gradient(130% 115% at 50% 42%,#161d40 0%,#0d1228 64%,#080b1c 100%)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .mock-canvas svg {display:block;width:100%;height:100%}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .zoomctl {position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:9px;overflow:hidden;background:rgba(14,19,44,.7);backdrop-filter:blur(6px)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .zoomctl span {padding:4px 9px;font-size:13px;color:#aeb7cd;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .zoomctl span:last-child {border-bottom:0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .glegend {position:absolute;left:12px;bottom:12px;background:rgba(13,18,42,.74);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:11px 13px;font-size:11px;color:#c4ccdd}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .glegend h4 {margin:0 0 5px;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#7d88a4;font-weight:700}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .glegend .lrow {display:flex;align-items:center;gap:8px;margin:3px 0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .glegend .grp {margin-bottom:9px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .glegend .grp:last-child {margin-bottom:0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .gd {width:11px;height:11px;border-radius:50%;flex:none;display:inline-block}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .gd.understood {background:#35d6a6}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .gd.partial {background:#f1b24a}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .gd.dark {background:#5b6a88}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .gd.hyp {background:transparent;border:1.5px dashed #a98cf0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .gd.sys {width:11px;height:9px;border-radius:3px;background:#94a3cf}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .gd.role {background:transparent;border:2px solid #b9c5e0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* inspector rail */
.rail {width:250px;flex:none;border-left:1px solid var(--border);background:#fff;font-size:12.5px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .rail-hd {padding:13px 14px 11px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:11px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .rail-hd .nm {font-weight:700;color:var(--navy);font-size:14px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .rail-hd .mt {color:var(--dim);margin-top:3px;font-size:12px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .cdonut {position:relative;width:40px;height:40px;border-radius:50%;background:conic-gradient(#0d8f70 calc(var(--p,82)*1%),#e6ecf4 0);display:grid;place-items:center;flex:none}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .cdonut::before {content:"";position:absolute;inset:4px;background:#fff;border-radius:50%}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .cdonut b {position:relative;font-size:11px;color:#0d8f70;font-weight:700}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .rail-sec {padding:11px 14px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .rail-sec h5 {margin:0 0 7px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .ev-row {display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--subtle)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .ev-row:last-child {border-bottom:0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .ev-ic {width:28px;height:28px;border-radius:8px;background:var(--accent-soft);display:grid;place-items:center;font-size:13px;flex:none}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .ev-bd {flex:1;min-width:0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .ev-bd .src {font-size:12px;font-weight:600;color:var(--text)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .ev-bd .qt {font-size:12px;color:var(--dim);font-style:italic;margin-top:1px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .ev-jump {font-size:11px;color:var(--accent-text);font-weight:600;align-self:center;flex:none}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .qline {display:flex;gap:8px;align-items:center;color:var(--text);margin:2px 0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .actbtn {display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 11px;margin:6px 0;border-radius:9px;border:1px solid var(--border-strong);background:#fff;color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .actbtn.primary {background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600;justify-content:space-between;box-shadow:0 1px 3px rgba(0,80,200,.3)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* empty + table + search */
.empty {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:10px;padding:26px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .empty p {max-width:360px;color:#aeb7cd;margin:2px 0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .empty .hl {color:#eef2fb;font-weight:600}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .btn-primary {background:var(--accent);color:#fff;border:0;border-radius:9px;padding:9px 18px;font:inherit;font-weight:600;font-size:13px;margin-top:8px;box-shadow:0 4px 14px rgba(0,90,220,.45)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 table.tbl {width:100%;border-collapse:collapse;font-size:12.5px;background:#fff}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 table.tbl th {text-align:left;padding:9px 14px;background:var(--subtle);color:var(--dim);font-weight:600;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 table.tbl td {padding:10px 14px;border-bottom:1px solid var(--subtle);color:var(--text)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 table.tbl tr:hover td {background:#fbfcfe}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .u-cell {display:inline-flex;align-items:center;gap:7px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .dotc {width:11px;height:11px;border-radius:50%;display:inline-block}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .dotc.understood {background:#0d8f70}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .dotc.partial {background:#c8810a}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .dotc.dark {background:#9aa6ba}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .dotc.hyp {background:transparent;border:1.5px dashed #7544cd}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .cbar {display:inline-block;width:50px;height:6px;border-radius:4px;background:#e6ecf4;overflow:hidden;vertical-align:middle}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .cbar>i {display:block;height:100%;border-radius:4px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .searchwrap {padding:16px;background:#fff}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .searchbox {display:flex;align-items:center;gap:9px;border:1px solid var(--accent-line);border-radius:10px;padding:10px 13px;background:#fff;color:var(--navy);font-weight:600;box-shadow:0 1px 2px rgba(0,80,200,.08)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .res .rh {font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin:14px 0 5px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .res .ri {display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;border:1px solid transparent}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .res .ri:hover {background:#fbfcfe;border-color:var(--border)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .muted-sm {color:var(--dim);font-size:12px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .twocol {display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 /* re-light strip (Flow D) */
.relight {display:flex;align-items:stretch;gap:0;background:radial-gradient(120% 120% at 50% 40%,#161d40,#0a0e22);color:#cdd5e6}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .relight .rcol {flex:1;padding:18px 16px;text-align:center}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .relight .rcol+.rcol {border-left:1px dashed rgba(255,255,255,.12)}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .relight .rlab {font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#7d88a4;font-weight:700;margin-bottom:10px}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .relight .nodebig {width:46px;height:46px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;font-size:0}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .relight .pname {font-size:12px;color:#dfe5f2}
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .relight .pmeta {font-size:11px;color:#8c97b0;margin-top:2px}
@media(max-width:720px) {body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .grid2,
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .twocol {grid-template-columns:1fr}body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 h1 {font-size:31px}body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .glegend,
body.bd-doc-product-features-ontology-ontology-mvp-ux-spec-8c523146 .rail {display:none}}

/* docs/product/features/ontology/ontology-ux-spec.html */
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 * {box-sizing:border-box}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 {margin:0;font-family:var(--font);color:var(--text);background:var(--sink);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .wrap {max-width:1020px;margin:0 auto;padding:0 24px 110px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 a {color:var(--accent-text)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 header.hero {padding:64px 6px 30px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .eyebrow {color:var(--accent);font-weight:650;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 h1 {font-size:40px;letter-spacing:-.02em;margin:12px 0 10px;font-weight:760;color:var(--navy)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .sub {color:var(--dim);font-size:17px;max-width:820px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .oneliner {margin:22px 0 0;padding:16px 18px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15.5px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .oneliner b {color:var(--text)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .toc {margin:24px 0 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);padding:14px 16px 16px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .toc-hd {font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:700;margin-bottom:8px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .toc a {display:block;text-decoration:none;color:var(--text);border-radius:6px;padding:3px 7px;line-height:1.45}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .toc a:hover {background:rgba(15,15,15,.045);text-decoration:underline;text-underline-offset:2px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .toc-h2 {font-weight:600;font-size:13.5px;margin-top:5px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .toc-h2 .n {display:inline-block;min-width:16px;color:var(--faint);font-weight:700;margin-right:8px;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .toc-h3 {margin-left:24px;font-size:12.5px;color:var(--dim);font-weight:450;border-left:1px solid var(--border);border-radius:0 6px 6px 0;padding-left:14px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .sec,
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .blk {scroll-margin-top:16px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 h2.sec {font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:56px 0 4px;display:flex;align-items:center;gap:9px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 h2.sec .hash {color:var(--faint);font-weight:600}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .sec-lead {color:var(--dim);max-width:820px;margin:0 0 18px;font-size:15px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .flowline {font-family:var(--mono);font-size:13px;color:var(--faint);margin:0 0 18px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 h3.blk {font-size:17px;margin:28px 0 10px;letter-spacing:-.01em}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 h3.blk .k {font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:700;margin-right:8px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .grid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 8px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .grid3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:6px 0 8px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .card {background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .card .rh {display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .card .rh b {font-size:15px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .card .em {font-size:19px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .card p {margin:0;color:#4a4843;font-size:13.5px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .card .edge {display:block;margin-top:9px;font-size:12px;color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .card.star {border-color:var(--accent-line);background:linear-gradient(180deg,#f6fbff,#fff)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .card.warn {border-left:3px solid var(--orange)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .contrast {display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:14px 0}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .contrast>div {padding:15px 17px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .contrast .n {background:var(--subtle);border-right:1px solid var(--border)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .contrast h4 {margin:0 0 7px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .contrast ul {margin:0;padding-left:18px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .contrast li {margin:3px 0;font-size:13.5px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .contrast .l b {color:var(--accent-text)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 code {font-family:var(--mono);font-size:.9em;background:#ecebe8;border-radius:5px;padding:1px 5px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .callout {background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:13px 16px;margin:12px 0;font-size:14px;color:#4a4843}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .callout.warn {border-left-color:var(--orange)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .callout b {color:var(--text)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .foot {margin-top:54px;padding:22px 2px;border-top:1px solid var(--border);color:var(--faint);font-size:13px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 /* ---- STATUS PILLS (the PD vocabulary) + legend ---- */
.pill {display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:1px 8px;font-size:11.5px;font-weight:600;white-space:nowrap}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .s-ship {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .s-proto {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .s-mock {color:var(--orange);background:var(--orange-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .s-backend {color:var(--blue);background:var(--blue-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .s-concept {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .s-prop {color:var(--slate);background:var(--slate-soft);border:1px dashed var(--border-strong)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .legend {display:flex;flex-wrap:wrap;gap:14px;margin:16px 0 0;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);font-size:12.5px;color:var(--dim)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .legend .li {display:flex;align-items:center;gap:7px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 /* ---- SCREEN FIGURE ---- */
figure.screen {background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px rgba(15,15,15,.04),0 10px 30px rgba(15,15,15,.06);margin:0 0 26px;scroll-margin-top:20px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 figure.screen figcaption {display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--subtle);flex-wrap:wrap}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 figcaption .num {font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:7px;padding:3px 9px;font-size:12.5px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 figcaption .ttl {font-weight:650}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 figcaption .route {color:var(--faint);font-family:var(--mono);font-size:12px;margin-left:auto}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .screen-ph {display:flex;flex-direction:column;gap:9px;align-items:flex-start;justify-content:center;width:100%;min-height:150px;padding:30px;background:var(--subtle);border-top:1px dashed var(--border-strong)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .screen-ph .tag {font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--accent)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .screen-ph p {margin:0;color:var(--dim);font-size:13.5px;line-height:1.55;max-width:700px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .notes {padding:14px 18px 16px;border-top:1px solid var(--border)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .notes b {font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .notes ul {margin:8px 0 0;padding-left:20px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .notes li {margin:3px 0;color:#3c3b36;font-size:13.5px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .next {margin-top:9px;font-size:12.5px;color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 /* ---- BEAM DISCOVERY SHELL WIREFRAME (operator desktop screens) ---- */
.stage {padding:18px;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 10px,#f4f4f4 10px,#f4f4f4 20px);border-top:1px dashed var(--border-strong)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell {display:flex;flex-direction:column;min-height:360px;background:var(--bg);border:1px solid var(--border-strong);border-radius:9px;overflow:hidden;box-shadow:0 6px 20px rgba(15,15,15,.08)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell-top {display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:#fcfcfc}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .wdots {display:flex;gap:5px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .wdots i {width:9px;height:9px;border-radius:50%;background:var(--border-strong);display:block}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .crumb {font-size:12px;color:var(--dim)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .crumb b {color:var(--text)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .topacts {margin-left:auto;display:flex;gap:6px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .topacts i {width:22px;height:9px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell-row {display:flex;min-height:240px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell-nav {width:50px;background:#fbfbfb;border-right:1px solid var(--border);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:11px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell-nav i {width:22px;height:22px;border-radius:7px;background:var(--subtle);display:block}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell-nav i.on {background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell-main {flex:1;padding:16px 18px;min-width:0}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell-rail {width:64px;background:#fbfbfb;border-left:1px solid var(--border);padding:12px 8px;display:flex;flex-direction:column;gap:8px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell-rail i {height:8px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell-rail i.sm {width:60%}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .vh {display:flex;align-items:center;gap:9px;margin-bottom:12px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .vh .vt {font-size:15px;font-weight:680}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .vh .vsub {font-size:12px;color:var(--faint)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .btn {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:7px;padding:5px 11px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .btn.pri {background:var(--accent);border-color:var(--accent);color:#fff}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .btn.sm {padding:3px 8px;font-size:11px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .btn.ghost {background:transparent;border:none;color:var(--accent-text)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .spacer {flex:1}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 /* ---- MINI TABLE / WIREFRAME PRIMITIVES ---- */
.wf {border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:2px 0}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .wf .cap {display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--subtle);font-size:12px;color:var(--dim);font-weight:600}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .wf .body {padding:12px 14px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 table.mini {width:100%;border-collapse:collapse;font-size:12.5px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 table.mini th {text-align:left;font-weight:700;color:var(--faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;padding:6px 9px;border-bottom:1px solid var(--border);white-space:nowrap}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 table.mini td {padding:7px 9px;border-bottom:1px solid var(--subtle);vertical-align:middle}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 table.mini tr:last-child td {border-bottom:0}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .tag {font-size:11px;border-radius:5px;padding:1px 7px;font-weight:600;white-space:nowrap;display:inline-block}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .t-understood {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .t-partial {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .t-dark {color:var(--dim);background:#ececec}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .t-hyp {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .t-accept {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .t-defer {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .t-reject {color:var(--red);background:var(--red-soft)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .dot {width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align:middle}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .bar {height:6px;border-radius:4px;background:var(--subtle);overflow:hidden;display:inline-block;width:80px;vertical-align:middle}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .bar > i {display:block;height:100%;background:var(--accent)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .chip {display:inline-flex;align-items:center;gap:5px;font-size:11px;background:var(--accent-soft);color:var(--accent-text);border-radius:6px;padding:1px 7px;margin:2px 3px 2px 0;font-weight:600}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 /* ---- PROCESS STEP FLOW (B1 wireframe) ---- */
.stepflow {display:flex;align-items:center;gap:0;overflow-x:auto;padding:14px 0 10px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .step-node {flex-shrink:0;background:var(--bg);border:1.5px solid var(--border-strong);border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;text-align:center;min-width:90px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .step-node.understood {border-color:var(--green);background:var(--green-soft);color:var(--green)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .step-node.partial {border-color:var(--amber);background:var(--amber-soft);color:var(--amber)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .step-node.dark {border-color:var(--faint);background:#ececec;color:var(--dim)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .step-node.diamond {border-radius:0;transform:rotate(45deg);width:48px;height:48px;min-width:48px;padding:0;display:grid;place-items:center}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .step-node.diamond span {transform:rotate(-45deg);font-size:10px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .step-arrow {flex-shrink:0;width:24px;text-align:center;color:var(--faint);font-size:14px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 /* ---- PROPOSAL CARD ---- */
.proposal-card {background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:13px 15px;margin:6px 0}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .proposal-card .ph {display:flex;align-items:center;gap:8px;margin-bottom:6px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .proposal-card .ph .ptype {font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:1px 7px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .proposal-card .ph .pname {font-weight:660;font-size:13.5px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .proposal-card .pev {font-size:12.5px;color:var(--dim);border-left:2px solid var(--border);padding-left:10px;margin:8px 0}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .proposal-card .pacts {display:flex;gap:7px;margin-top:10px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 /* ---- EVIDENCE LIST ---- */
.ev-row {display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--subtle)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .ev-row:last-child {border-bottom:0}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .ev-icon {width:28px;height:28px;border-radius:7px;background:var(--accent-soft);display:grid;place-items:center;font-size:13px;flex-shrink:0}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .ev-body {flex:1;min-width:0}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .ev-body .ev-src {font-size:12px;font-weight:600;color:var(--text)}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .ev-body .ev-quote {font-size:12px;color:var(--dim);margin-top:2px;font-style:italic}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .ev-body .ev-meta {font-size:11px;color:var(--faint);margin-top:3px}
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .ev-jump {font-size:11px;color:var(--accent-text);font-weight:600;flex-shrink:0;align-self:center}
@media(max-width:720px) {body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .grid2,
body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .grid3 {grid-template-columns:1fr}body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 h1 {font-size:32px}body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .contrast {grid-template-columns:1fr}body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .shell-rail {display:none}body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 table.mini {font-size:11.5px}body.bd-doc-product-features-ontology-ontology-ux-spec-41f32b88 .stepflow {gap:0}}

/* docs/product/features/ontology/research/b2b-graph-inspiration/index.html */


body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 {
        color-scheme: light;
        --bg: #f6f8fb;
        --surface: #ffffff;
        --surface-soft: #fbfcfe;
        --ink: #172033;
        --muted: #607086;
        --faint: #8995a8;
        --line: #dfe6ef;
        --line-strong: #c8d2e0;
        --navy: #19154e;
        --night: #111534;
        --blue: #0099ff;
        --blue-dark: #004ecc;
        --blue-soft: #e7f2ff;
        --green: #0d8f70;
        --green-soft: #e3f7ef;
        --amber: #9a6700;
        --amber-soft: #fff3cf;
        --rose: #b42318;
        --rose-soft: #ffebe8;
        --violet: #6f42c1;
        --violet-soft: #f0e9ff;
        --shadow: 0 18px 48px rgba(25, 31, 48, 0.07);
        --radius: 10px;
        --mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
        --sans: "Satoshi", "Inter", ui-sans-serif, system-ui, -apple-system,
          BlinkMacSystemFont, "Segoe UI", sans-serif;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 * {
        box-sizing: border-box;
      }
html:has(body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707) {
        scroll-behavior: smooth;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 {
        margin: 0;
        background:
          radial-gradient(circle at 20% 0%, rgba(0, 153, 255, 0.12), transparent 31%),
          linear-gradient(180deg, #f7f9fc 0%, #ffffff 430px, #f6f8fb 100%);
        color: var(--ink);
        font-family: var(--sans);
        font-size: 15px;
        line-height: 1.55;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 main {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 42px 18px 82px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 header,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 section,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .toc,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .panel,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .example,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pattern-card {
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: rgba(255, 255, 255, 0.94);
        box-shadow: var(--shadow);
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 header {
        padding: 28px 30px 30px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 section {
        margin-top: 18px;
        padding: 24px;
        scroll-margin-top: 18px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 h1,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 h2,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 h3,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 p {
        margin-top: 0;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 h1 {
        max-width: 18ch;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: clamp(34px, 4.8vw, 56px);
        font-weight: 760;
        letter-spacing: 0;
        line-height: 1.02;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 h2 {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 10px;
        color: var(--navy);
        font-size: 24px;
        letter-spacing: 0;
        line-height: 1.2;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 h2 .num {
        color: var(--blue-dark);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 760;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .section-icon {
        display: inline-grid;
        width: 34px;
        height: 34px;
        flex: 0 0 auto;
        border: 1px solid rgba(0, 78, 204, 0.2);
        border-radius: 9px;
        background: var(--blue-soft);
        color: var(--blue-dark);
        place-items: center;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .section-icon svg {
        width: 18px;
        height: 18px;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 h3 {
        margin-bottom: 8px;
        color: var(--navy);
        font-size: 16px;
        letter-spacing: 0;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 a {
        color: var(--blue-dark);
        font-weight: 760;
        text-decoration: none;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 a:hover {
        text-decoration: underline;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .brand-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 24px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--line);
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .brand-lockup {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--navy);
        font-weight: 760;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .brand-mark {
        width: 28px;
        height: 28px;
        border-radius: 7px;
        background: center / contain no-repeat
          url("./beam-mark.png");
        flex: 0 0 auto;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .doc-type,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .eyebrow,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .kicker,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .tag,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .source,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .card-num {
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 760;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .doc-type,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .eyebrow {
        color: var(--blue-dark);
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .lede {
        max-width: 900px;
        margin-bottom: 0;
        color: #3b4657;
        font-size: 18px;
        line-height: 1.5;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 18px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .badge,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pill {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        min-height: 28px;
        border: 1px solid var(--line-strong);
        border-radius: 999px;
        background: var(--surface-soft);
        color: #48556a;
        font-size: 12px;
        font-weight: 650;
        line-height: 1.2;
        padding: 5px 10px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .badge.strong {
        border-color: rgba(0, 78, 204, 0.22);
        background: var(--blue-soft);
        color: var(--blue-dark);
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .toc {
        margin-top: 18px;
        padding: 16px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .toc-layout {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
        gap: 14px;
        align-items: start;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .toc-list {
        display: grid;
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .toc-card {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        min-height: 58px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
        color: var(--ink);
        padding: 10px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .toc-card:hover {
        border-color: rgba(0, 78, 204, 0.34);
        background: #ffffff;
        text-decoration: none;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .toc-num {
        color: var(--blue-dark);
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 760;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .toc-title {
        display: block;
        color: var(--navy);
        font-size: 14px;
        font-weight: 760;
        line-height: 1.2;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .toc-desc {
        display: block;
        margin-top: 3px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 400;
        line-height: 1.35;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .reader-path {
        border: 1px solid var(--line);
        border-radius: 8px;
        background:
          linear-gradient(135deg, rgba(0, 153, 255, 0.09), transparent),
          var(--surface-soft);
        padding: 14px 16px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .reader-path h3 {
        margin-bottom: 8px;
        font-size: 14px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .reader-path ol {
        display: grid;
        gap: 7px;
        margin: 0;
        padding-left: 18px;
        color: #40516a;
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .intro-grid {
        display: grid;
        grid-template-columns: 1.08fr 0.92fr;
        gap: 16px;
        align-items: stretch;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .panel {
        padding: 18px;
        box-shadow: none;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .quote {
        border-left: 3px solid var(--blue);
        border-radius: 0 8px 8px 0;
        background: var(--blue-soft);
        color: #243757;
        padding: 14px 16px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .persona-list {
        display: grid;
        gap: 10px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .persona {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
        padding: 12px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .persona strong {
        display: block;
        color: var(--navy);
        font-size: 14px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .persona p {
        margin: 4px 0 0;
        color: var(--muted);
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .current {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
        gap: 18px;
        align-items: center;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .current img {
        display: block;
        width: 100%;
        border: 1px solid var(--line-strong);
        border-radius: 12px;
        background: #111534;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .diagnosis {
        display: grid;
        gap: 10px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .diagnosis .row {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
        padding: 12px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .diagnosis strong {
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .diagnosis p {
        margin: 3px 0 0;
        color: var(--muted);
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .examples {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        margin-top: 16px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .example {
        display: flex;
        min-width: 0;
        min-height: 100%;
        flex-direction: column;
        overflow: hidden;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .media {
        position: relative;
        display: grid;
        min-height: 420px;
        border-bottom: 1px solid var(--line);
        background:
          linear-gradient(135deg, rgba(25, 21, 78, 0.08), rgba(0, 153, 255, 0.06)),
          #f3f6fb;
        padding: 16px;
        place-items: center;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .media img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 720px;
        object-fit: contain;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .card-num {
        position: absolute;
        top: 10px;
        left: 10px;
        border-radius: 7px;
        background: rgba(17, 21, 52, 0.9);
        color: #ffffff;
        padding: 4px 7px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .example-body {
        display: grid;
        flex: 1;
        grid-template-columns: minmax(190px, 0.48fr) minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px 18px;
        align-items: start;
        padding: 18px 20px 20px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .example-body > .source {
        width: fit-content;
        border: 1px solid rgba(0, 78, 204, 0.2);
        border-radius: 999px;
        background: var(--blue-soft);
        padding: 4px 9px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .example h3 {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 6px;
        font-size: 18px;
        line-height: 1.25;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .source {
        color: var(--blue-dark);
        font-size: 11px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .example-body > .source {
        grid-column: 1;
        grid-row: 2;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .takeaway {
        grid-column: 2;
        grid-row: 1 / span 2;
        margin: 0;
        border-left: 2px solid var(--line);
        padding-left: 14px;
        color: #425066;
        font-size: 14px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .borrow {
        grid-column: 3;
        grid-row: 1 / span 2;
        margin: 0;
        border-top: 0;
        border-left: 2px solid rgba(0, 78, 204, 0.18);
        padding-left: 14px;
        padding-top: 0;
        color: #263246;
        font-size: 14px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .borrow strong {
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pill-row {
        display: flex;
        flex-wrap: wrap;
        grid-column: 1;
        grid-row: 3;
        gap: 6px;
        margin-top: 0;
        padding-top: 4px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pill.operator {
        border-color: rgba(13, 143, 112, 0.22);
        background: var(--green-soft);
        color: var(--green);
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pill.sponsor {
        border-color: rgba(154, 103, 0, 0.24);
        background: var(--amber-soft);
        color: var(--amber);
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pill.builder {
        border-color: rgba(111, 66, 193, 0.22);
        background: var(--violet-soft);
        color: var(--violet);
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pattern-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 14px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pattern-card {
        box-shadow: none;
        padding: 16px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pattern-card h3 {
        margin-bottom: 6px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pattern-card p {
        margin-bottom: 0;
        color: var(--muted);
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .matrix {
        width: 100%;
        margin-top: 14px;
        border-collapse: collapse;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .matrix th,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .matrix td {
        border-bottom: 1px solid var(--line);
        padding: 10px 12px;
        text-align: left;
        vertical-align: top;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .matrix th {
        background: var(--surface-soft);
        color: var(--navy);
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 760;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .matrix tr:last-child td {
        border-bottom: 0;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .note {
        margin-top: 14px;
        border: 1px solid rgba(0, 78, 204, 0.18);
        border-radius: 10px;
        background: var(--blue-soft);
        color: #24415f;
        padding: 14px 16px;
      }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .source-note {
        margin-top: 18px;
        padding: 16px;
        color: var(--muted);
        font-size: 13px;
      }
@media (max-width: 1120px) {
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .toc-layout {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .intro-grid,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .current,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pattern-grid {
          grid-template-columns: 1fr;
        }
}
@media (max-width: 680px) {
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 main {
          padding: 22px 12px 60px;
        }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 header,
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 section {
          padding: 18px;
        }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .brand-row {
          align-items: flex-start;
          flex-direction: column;
        }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .media {
          min-height: 220px;
          padding: 10px;
        }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .media img {
          max-height: 420px;
        }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .example-body {
          display: block;
        }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .takeaway {
          margin-top: 12px;
          border-left: 0;
          padding-left: 0;
        }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .borrow {
          margin-top: 12px;
          border-top: 1px solid var(--line);
          border-left: 0;
          padding-top: 12px;
          padding-left: 0;
        }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .pill-row {
          margin-top: 14px;
        }
body.bd-doc-product-features-ontology-research-b2b-graph-inspiration-index-eed3f707 .matrix {
          display: block;
          overflow-x: auto;
          white-space: normal;
        }
}

/* docs/product/features/ontology/research/process-node-design/index.html */
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 {
        color-scheme: light;
        --bg: #f7f9fc;
        --surface: #ffffff;
        --surface-soft: #fbfcfe;
        --text: #172033;
        --muted: #607086;
        --line: #dfe6ef;
        --navy: #19154e;
        --night: #0f0c36;
        --brand: #0099ff;
        --brand-dark: #004ecc;
        --brand-soft: #e5efff;
        --good: #0d8f70;
        --warn: #a86405;
        --risk: #b42318;
        --shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
        --radius-panel: 10px;
        --radius-row: 8px;
        --sans: "Satoshi", "Inter", ui-sans-serif, system-ui, -apple-system,
          BlinkMacSystemFont, "Segoe UI", sans-serif;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 * {
        box-sizing: border-box;
      }
html:has(body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6) {
        scroll-behavior: smooth;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 {
        margin: 0;
        color: var(--text);
        background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 440px, #f7f9fc 100%);
        font-family: var(--sans);
        font-size: 15px;
        line-height: 1.55;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 main {
        width: 100%;
        max-width: 1380px;
        margin: 0 auto;
        padding: 44px 18px 80px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 header,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 section,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .summary,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .toc,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .card,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .variant,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .source-note {
        border: 1px solid var(--line);
        border-radius: var(--radius-panel);
        background: var(--surface);
        box-shadow: var(--shadow);
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 header {
        padding: 30px 32px 32px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 section {
        margin-top: 18px;
        padding: 24px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 h1,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 h2,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 h3,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 p {
        margin-top: 0;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 h1 {
        max-width: 16ch;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: clamp(34px, 5vw, 54px);
        font-weight: 750;
        line-height: 1.02;
        letter-spacing: 0;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 h2 {
        display: flex;
        align-items: baseline;
        gap: 10px;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: 24px;
        line-height: 1.2;
        letter-spacing: 0;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 h2 .num {
        color: var(--brand);
        font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 h3 {
        margin-bottom: 8px;
        color: var(--navy);
        font-size: 16px;
        letter-spacing: 0;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 a {
        color: var(--brand-dark);
        font-weight: 700;
        text-decoration: none;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 a:hover {
        text-decoration: underline;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .brand-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 26px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--line);
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .brand-lockup {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--navy);
        font-weight: 800;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .brand-mark {
        width: 28px;
        height: 28px;
        border-radius: 7px;
        background: center / contain no-repeat
          url("./beam-mark.png");
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .doc-type,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .eyebrow,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .kicker,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .tag,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .source {
        font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .doc-type,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .eyebrow {
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .lede {
        max-width: 860px;
        margin-bottom: 0;
        color: #3b4657;
        font-size: 18px;
        line-height: 1.5;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 22px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .pill,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .tag {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 5px 10px;
        background: var(--surface-soft);
        color: #3b4657;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .summary {
        margin-top: 18px;
        padding: 20px 22px;
        background: #fbfcfe;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .summary-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
        gap: 18px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .current-shot {
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: #101633;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .current-shot img {
        display: block;
        width: 100%;
        height: auto;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .callouts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 16px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .callout {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 14px;
        background: var(--surface);
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .callout strong {
        display: block;
        margin-bottom: 6px;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .toc {
        margin-top: 18px;
        padding: 18px 22px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .toc ol {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .toc a {
        display: inline-flex;
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 8px 12px;
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .variant-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .variant {
        padding: 18px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .variant .kicker {
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .node-sketch {
        display: grid;
        gap: 10px;
        margin: 14px 0;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 14px;
        background: #fbfcfe;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mini-node {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        border: 1px solid #d8e0ea;
        border-radius: 8px;
        padding: 10px 12px;
        background: #fff;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mini-icon {
        width: 34px;
        height: 34px;
        border-radius: 8px;
        background: var(--brand-soft);
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mini-title {
        overflow: hidden;
        color: var(--navy);
        font-weight: 800;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mini-sub {
        overflow: hidden;
        color: var(--muted);
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mini-badge {
        border-radius: 999px;
        padding: 3px 8px;
        background: #eef3f9;
        color: #3b4657;
        font-size: 12px;
        font-weight: 800;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mini-node.dark {
        border-color: rgba(255, 255, 255, 0.16);
        background: #171932;
        color: #f2f6ff;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mini-node.dark .mini-title {
        color: #f2f6ff;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mini-node.dark .mini-sub {
        color: #9aa8c0;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mini-node.dark .mini-badge {
        background: rgba(0, 153, 255, 0.18);
        color: #c8d7ff;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mood-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        counter-reset: mood-card;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .card {
        position: relative;
        display: flex;
        min-width: 0;
        overflow: hidden;
        flex-direction: column;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .card::before {
        position: absolute;
        z-index: 1;
        top: 14px;
        left: 14px;
        border: 1px solid rgba(0, 78, 204, 0.22);
        border-radius: 999px;
        padding: 5px 10px;
        background: rgba(255, 255, 255, 0.9);
        color: var(--brand-dark);
        content: counter(mood-card, decimal-leading-zero);
        counter-increment: mood-card;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
          "Liberation Mono", "Courier New", monospace;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.04em;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .image-wrap {
        position: relative;
        display: flex;
        min-height: 560px;
        align-items: center;
        justify-content: center;
        padding: 14px;
        overflow: hidden;
        border-bottom: 1px solid var(--line);
        background: #eef3f9;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .image-wrap img {
        display: block;
        max-width: 100%;
        max-height: 760px;
        width: 100%;
        height: auto;
        object-fit: contain;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .card-body {
        display: grid;
        grid-template-columns: minmax(200px, 0.35fr) minmax(0, 1fr) auto;
        gap: 14px;
        align-items: start;
        padding: 18px 20px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .card h3 {
        margin: 0;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .card p {
        margin: 0;
        color: #3b4657;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .source {
        color: var(--muted);
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .source-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 0;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .pattern-table {
        width: 100%;
        border-collapse: collapse;
        overflow: hidden;
        border-radius: var(--radius-row);
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .table-scroll {
        width: 100%;
        overflow-x: auto;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .pattern-table th,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .pattern-table td {
        border-bottom: 1px solid var(--line);
        padding: 12px;
        text-align: left;
        vertical-align: top;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .pattern-table th {
        background: #f2f6fb;
        color: #3b4657;
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .pattern-table tr:last-child td {
        border-bottom: 0;
      }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .source-note {
        margin-top: 18px;
        padding: 18px 22px;
        color: #3b4657;
        background: #fbfcfe;
      }
@media (max-width: 1120px) {
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .summary-grid,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .variant-grid {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .image-wrap {
          min-height: 480px;
        }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .card-body {
          grid-template-columns: 1fr;
        }
}
@media (max-width: 760px) {
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 main {
          padding: 24px 12px 56px;
        }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 header,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 section {
          padding: 18px;
        }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .brand-row,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .source-row {
          align-items: flex-start;
          flex-direction: column;
        }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .callouts,
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mood-grid {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .mood-grid {
          gap: 18px;
        }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .image-wrap {
          min-height: 260px;
          padding: 10px;
        }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .card-body {
          padding: 16px;
        }
body.bd-doc-product-features-ontology-research-process-node-design-index-dcf33cf6 .pattern-table {
          min-width: 680px;
        }
}

/* docs/product/features/ontology/v1/copilot-node-context-variants.html */
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 main {
        max-width: 1240px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .decision-grid,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .variant-grid,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .state-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
        gap: 12px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .decision-card,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .variant-card,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .state-card {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        padding: 14px 16px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .decision-card strong,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .variant-card strong,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .state-card strong {
        display: block;
        margin-bottom: 6px;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .decision-card p,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .variant-card p,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .state-card p {
        margin: 0;
        color: var(--muted);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .flowline {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin: 14px 0;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .flow-step {
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 6px 10px;
        font-size: 13px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .flow-arrow {
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .ascii-frame {
        overflow-x: auto;
        margin: 16px 0 18px;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--night);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .ascii-frame pre {
        min-width: 780px;
        margin: 0;
        padding: 16px;
        color: var(--surface);
        font-family: var(--mono);
        font-size: 12px;
        line-height: 1.45;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-shell {
        overflow: hidden;
        margin-top: 16px;
        border: 1px solid var(--line-strong);
        border-radius: 14px;
        background: var(--surface);
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 54px;
        border-bottom: 1px solid var(--line);
        background: var(--surface-soft);
        padding: 11px 14px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-title {
        min-width: 0;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-title strong {
        display: block;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-title span {
        display: block;
        color: var(--muted);
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 7px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .pill {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        border: 1px solid var(--line);
        border-radius: 999px;
        background: var(--surface);
        color: var(--muted);
        padding: 0 9px;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .pill.blue {
        border-color: var(--brand-line);
        background: var(--brand-soft);
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .pill.good {
        border-color: var(--good);
        background: var(--good-soft);
        color: var(--good);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .pill.warn {
        border-color: var(--warn);
        background: var(--warn-soft);
        color: var(--warn);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .interactive-hint {
        margin: 12px 0 0;
        border: 1px solid var(--brand-line);
        border-radius: var(--radius-row);
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 10px 12px;
        font-size: 13px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-body {
        display: grid;
        grid-template-columns: 176px minmax(0, 1fr) 330px;
        min-height: 560px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-nav {
        display: flex;
        flex-direction: column;
        gap: 6px;
        border-right: 1px solid var(--line);
        background: var(--night);
        padding: 14px 10px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .nav-brand {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 10px;
        color: var(--surface);
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .nav-mark {
        width: 24px;
        height: 24px;
        border-radius: 7px;
        background: var(--brand);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .nav-item {
        border: 1px solid transparent;
        border-radius: var(--radius-row);
        color: var(--line);
        padding: 9px 10px;
        font-size: 13px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .nav-item.on {
        border-color: var(--brand-line);
        background: var(--brand-soft);
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-pane {
        position: relative;
        min-width: 0;
        background:
          linear-gradient(90deg, rgba(223, 230, 239, 0.42) 1px, transparent 1px),
          linear-gradient(180deg, rgba(223, 230, 239, 0.42) 1px, transparent 1px),
          var(--surface);
        background-size: 34px 34px;
        padding: 16px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 10px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-toolbar strong {
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-stage {
        position: relative;
        min-height: 450px;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: rgba(255, 255, 255, 0.84);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-stage svg {
        display: block;
        width: 100%;
        height: 450px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-node-button {
        position: absolute;
        z-index: 2;
        width: 64px;
        height: 64px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        cursor: pointer;
        transform: translate(-50%, -50%);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-node-button.is-rect {
        width: 92px;
        height: 52px;
        border-radius: 13px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-node-button::after {
        content: "";
        position: absolute;
        inset: 3px;
        border: 2px solid transparent;
        border-radius: inherit;
        transition:
          border-color 140ms ease,
          box-shadow 140ms ease,
          background 140ms ease;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-node-button:hover::after,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-node-button:focus-visible::after {
        border-color: var(--brand);
        background: var(--brand-soft);
        box-shadow: 0 0 0 4px var(--brand-soft);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-node-button.is-selected::after {
        border-color: var(--brand);
        background: var(--brand-soft);
        box-shadow: 0 0 0 5px var(--brand-soft);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-node-button:focus-visible {
        outline: 0;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .node-label {
        color: var(--muted);
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .node-tooltip,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .node-popover {
        position: absolute;
        z-index: 4;
        width: min(250px, calc(100% - 32px));
        border: 1px solid var(--line-strong);
        border-radius: var(--radius);
        background: var(--surface);
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.14);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .node-tooltip {
        left: 30%;
        top: 34%;
        padding: 10px 12px;
        pointer-events: none;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .node-popover {
        left: 22%;
        top: 42%;
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .node-tooltip strong,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .node-popover strong {
        display: block;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .node-tooltip span,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .node-popover span {
        display: block;
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .popover-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 10px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mini-button {
        cursor: pointer;
        border: 1px solid var(--brand-line);
        border-radius: 7px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 6px 8px;
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot {
        display: flex;
        min-width: 0;
        flex-direction: column;
        border-left: 1px solid var(--line);
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot-header {
        border-bottom: 1px solid var(--line);
        background: var(--surface);
        padding: 14px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot-header-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot-title {
        color: var(--navy);
        font-size: 16px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot-subtitle {
        color: var(--muted);
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 12px;
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .context-card,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .evidence-list,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .suggestions,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .composer,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .micro-card {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface);
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .context-card h3,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .evidence-list h3,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .suggestions h3 {
        margin: 0 0 8px;
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .context-metadata {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin: 8px 0 0;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .evidence-item,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .suggestion {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 8px;
        align-items: start;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .evidence-item + .evidence-item,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .suggestion + .suggestion {
        margin-top: 9px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .suggestion {
        width: 100%;
        border: 0;
        background: transparent;
        padding: 0;
        font: inherit;
        text-align: left;
        cursor: pointer;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .suggestion:hover b,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .suggestion:focus-visible b {
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .evidence-icon {
        display: inline-grid;
        place-items: center;
        width: 24px;
        height: 24px;
        border: 1px solid var(--brand-line);
        border-radius: 7px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .evidence-item b,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .suggestion b {
        display: block;
        color: var(--text);
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .evidence-item span,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .suggestion span {
        display: block;
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .composer {
        margin-top: auto;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .composer label {
        display: block;
        margin-bottom: 7px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .composer-box {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 42px;
        border: 1px solid var(--line-strong);
        border-radius: var(--radius-row);
        background: var(--surface);
        padding: 8px 10px;
        color: var(--faint);
        font-family: inherit;
        font-size: 13px;
        text-align: left;
        cursor: pointer;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .send-dot {
        display: inline-grid;
        place-items: center;
        width: 26px;
        height: 26px;
        flex: none;
        border-radius: 999px;
        background: var(--brand);
        color: var(--surface);
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot-response {
        border: 1px solid var(--brand-line);
        border-radius: var(--radius-row);
        background: var(--brand-soft);
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot-response strong {
        display: block;
        color: var(--brand-dark);
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot-response p {
        margin: 6px 0 0;
        color: var(--text);
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 [hidden] {
        display: none !important;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .variant-note {
        margin-top: 14px;
        border-left: 3px solid var(--brand);
        padding-left: 12px;
        color: var(--muted);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .states-block {
        margin-top: 18px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .states-block h3 {
        margin-bottom: 6px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .state-card {
        min-height: 160px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .state-mini {
        margin-top: 10px;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface);
        padding: 10px;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mini-graph {
        position: relative;
        height: 74px;
        border: 1px solid var(--line);
        border-radius: 7px;
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mini-node {
        position: absolute;
        left: 42%;
        top: 26px;
        width: 22px;
        height: 22px;
        border-radius: 999px;
        background: var(--good);
        box-shadow: 0 0 0 5px var(--good-soft);
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mini-node.is-hovered::after,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mini-node.is-selected::after {
        position: absolute;
        left: 30px;
        top: -9px;
        width: 92px;
        border: 1px solid var(--line-strong);
        border-radius: 6px;
        background: var(--surface);
        color: var(--muted);
        padding: 5px 7px;
        font-size: 10px;
        font-weight: 700;
        content: "Click to inspect";
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mini-node.is-selected::after {
        content: "Context active";
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mini-copilot {
        margin-top: 8px;
        border: 1px solid var(--brand-line);
        border-radius: 7px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 8px;
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .recommendation-table td:first-child {
        width: 180px;
        font-weight: 700;
        color: var(--navy);
      }
@media (max-width: 1040px) {
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-body {
          grid-template-columns: 144px minmax(0, 1fr);
        }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot {
          grid-column: 1 / -1;
          border-top: 1px solid var(--line);
          border-left: 0;
        }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot-body {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .composer {
          margin-top: 0;
        }
}
@media (max-width: 720px) {
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 main {
          padding-inline: 12px;
        }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 section,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 header {
          padding: 18px;
        }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-body {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-nav {
          display: none;
        }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-stage,
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .graph-stage svg {
          min-height: 320px;
          height: 320px;
        }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .copilot-body {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-copilot-node-context-variants-398d7fe8 .mock-actions {
          justify-content: flex-start;
        }
}

/* docs/product/features/ontology/v1/prd.html */
body.bd-doc-product-features-ontology-v1-prd-5992c926 .promise-grid,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .decision-grid,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .coverage-grid,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .scope-ladder,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .node-taxonomy,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .metric-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
        gap: 12px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .promise-card,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .decision-card,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .coverage-card,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .taxonomy-card,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .metric-card {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 16px;
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .promise-card strong,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .decision-card strong,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .coverage-card strong,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .taxonomy-card strong,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .metric-card strong {
        display: block;
        color: var(--navy);
        font-size: 16px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .promise-card p,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .decision-card p,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .coverage-card p,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .taxonomy-card p,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .metric-card p {
        margin: 8px 0 0;
        color: var(--muted);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .core-loop {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin-top: 14px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .loop-step {
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        padding: 6px 10px;
        color: var(--brand-dark);
        background: var(--brand-soft);
        font-size: 13px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .loop-arrow {
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .interaction-contract {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.25fr);
        gap: 14px;
        align-items: stretch;
        margin-top: 16px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .interaction-copy {
        display: grid;
        gap: 10px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .decision-card {
        min-height: 112px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-surface {
        border: 1px solid var(--line);
        border-radius: var(--radius-panel);
        padding: 14px;
        background: var(--surface);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-title {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: center;
        margin-bottom: 12px;
        color: var(--muted);
        font-size: 12.5px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-title strong {
        color: var(--navy);
        font-size: 14px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-ui {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 220px;
        gap: 10px;
        min-height: 292px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-map,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-copilot,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-sheet {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-map {
        position: relative;
        min-height: 268px;
        padding: 12px;
        overflow: hidden;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-map-bar,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-copilot-head,
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-sheet-head {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        align-items: center;
        color: var(--muted);
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-node {
        position: absolute;
        display: grid;
        place-items: center;
        width: 104px;
        min-height: 44px;
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        color: var(--brand-dark);
        background: var(--brand-soft);
        font-size: 12px;
        font-weight: 800;
        text-align: center;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-node.company {
        top: 74px;
        left: 42%;
        transform: translateX(-50%);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-node.process {
        top: 154px;
        left: 18%;
        background: var(--surface-blue);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-node.system {
        top: 156px;
        right: 16%;
        background: var(--surface);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-node.selected {
        border: 2px solid var(--brand);
        box-shadow: 0 10px 24px rgba(20, 73, 155, 0.12);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-popover {
        position: absolute;
        right: 22px;
        bottom: 22px;
        width: min(208px, calc(100% - 44px));
        border: 1px solid var(--brand-line);
        border-radius: var(--radius-row);
        padding: 10px;
        background: var(--surface);
        box-shadow: var(--shadow-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-popover strong {
        display: block;
        color: var(--navy);
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-popover span {
        display: block;
        margin-top: 4px;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.35;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-copilot {
        display: grid;
        grid-template-rows: auto 1fr auto;
        gap: 10px;
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-chat {
        display: grid;
        align-content: start;
        gap: 8px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-bubble {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 9px;
        color: var(--muted);
        background: var(--surface);
        font-size: 12px;
        line-height: 1.35;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-bubble.user {
        color: var(--brand-dark);
        border-color: var(--brand-line);
        background: var(--brand-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-prompt {
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 8px 10px;
        color: var(--muted);
        background: var(--surface);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-sheet {
        position: absolute;
        right: 236px;
        bottom: 0;
        width: min(300px, calc(100% - 250px));
        padding: 12px;
        background: var(--surface);
        box-shadow: var(--shadow-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-sheet ul {
        margin: 8px 0 0;
        padding-left: 18px;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.45;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .coverage-card {
        background: var(--surface);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .coverage-card span {
        display: inline-flex;
        width: fit-content;
        margin-top: 10px;
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        padding: 5px 9px;
        color: var(--brand-dark);
        background: var(--brand-soft);
        font-size: 12px;
        font-weight: 800;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-panel {
        border: 1px solid var(--line);
        border-radius: var(--radius-panel);
        padding: 16px;
        background: var(--surface);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-title {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: baseline;
        margin-bottom: 14px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-title strong {
        color: var(--navy);
        font-size: 16px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-title span {
        color: var(--muted);
        font-size: 13px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-legend {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: -4px 0 14px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-legend span {
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 5px 9px;
        color: var(--muted);
        background: var(--surface-soft);
        font-size: 12.5px;
        line-height: 1.3;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-legend b {
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-spine {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
        align-items: stretch;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-step {
        position: relative;
        min-height: 88px;
        border: 1px solid var(--brand-line);
        border-radius: var(--radius-row);
        padding: 12px;
        background: var(--brand-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-step:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -11px;
        z-index: 1;
        transform: translateY(-50%);
        width: 12px;
        height: 2px;
        border-radius: 999px;
        background: var(--brand);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-step:not(:last-child)::before {
        content: "";
        position: absolute;
        top: 50%;
        right: -12px;
        z-index: 2;
        width: 6px;
        height: 6px;
        border-top: 2px solid var(--brand);
        border-right: 2px solid var(--brand);
        transform: translateY(-50%) rotate(45deg);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-kicker {
        display: block;
        margin-bottom: 6px;
        color: var(--brand-dark);
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-step strong {
        display: block;
        color: var(--navy);
        font-size: 14px;
        line-height: 1.25;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-step p {
        margin: 6px 0 0;
        color: var(--muted);
        font-size: 12.5px;
        line-height: 1.4;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .deferred-drop {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        height: 22px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .deferred-drop span {
        position: relative;
        grid-column: 5;
        justify-self: center;
        width: 2px;
        background: var(--brand);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .deferred-drop span::after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid var(--brand);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-stop-boundary {
        display: grid;
        gap: 4px;
        border-top: 2px solid var(--brand);
        border-bottom: 2px solid var(--brand);
        padding: 10px 12px;
        background: var(--surface-blue);
        text-align: center;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-stop-boundary strong {
        color: var(--navy);
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-stop-boundary span {
        color: var(--muted);
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v2-candidates {
        display: grid;
        gap: 10px;
        margin-top: 12px;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 12px;
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v2-candidates strong {
        color: var(--navy);
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v2-candidate-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v2-candidate-list span {
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        padding: 5px 9px;
        color: var(--brand-dark);
        background: var(--brand-soft);
        font-size: 12.5px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .depth-scale {
        display: grid;
        gap: 10px;
        margin-top: 12px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .depth-row {
        display: grid;
        grid-template-columns: 140px minmax(0, 1fr) 220px;
        gap: 12px;
        align-items: start;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 12px;
        background: var(--surface);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .depth-pill {
        display: inline-flex;
        width: fit-content;
        border-radius: 999px;
        padding: 3px 9px;
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .depth-pill.strong {
        color: var(--good);
        background: var(--good-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .depth-pill.partial {
        color: var(--brand-dark);
        background: var(--brand-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .depth-pill.thin {
        color: var(--warn);
        background: var(--warn-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .depth-pill.unknown {
        color: var(--slate);
        background: var(--slate-soft);
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .hard-faq {
        margin: 0;
        padding-left: 20px;
      }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .hard-faq li + li {
        margin-top: 10px;
      }
@media (max-width: 760px) {
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-title {
          display: block;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-title span {
          display: block;
          margin-top: 4px;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-legend {
          display: grid;
          gap: 6px;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-spine {
          grid-template-columns: 1fr;
          gap: 10px;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-step {
          min-height: auto;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-step:not(:last-child)::after {
          content: "";
          top: auto;
          right: auto;
          bottom: -11px;
          left: 22px;
          transform: none;
          width: 2px;
          height: 12px;
          padding: 0;
          border-radius: 999px;
          background: var(--brand);
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-flow-step:not(:last-child)::before {
          top: auto;
          right: auto;
          bottom: -12px;
          left: 19px;
          width: 6px;
          height: 6px;
          border-top: 0;
          border-right: 2px solid var(--brand);
          border-bottom: 2px solid var(--brand);
          transform: rotate(45deg);
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .deferred-drop {
          display: block;
          height: 16px;
          position: relative;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .deferred-drop span {
          position: absolute;
          top: 0;
          left: 22px;
          width: 2px;
          height: 12px;
          background: var(--brand);
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .deferred-drop span::after {
          bottom: -5px;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v1-stop-boundary {
          margin-top: 4px;
          text-align: left;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .v2-candidate-list {
          display: grid;
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .interaction-contract {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-ui {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-map {
          min-height: 300px;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-node {
          width: 88px;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-node.company {
          top: 58px;
          left: 50%;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-node.process {
          top: 132px;
          left: 15%;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-node.system {
          top: 132px;
          right: 12%;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-popover {
          right: 50%;
          bottom: 16px;
          transform: translateX(50%);
          width: min(236px, calc(100% - 24px));
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-copilot {
          min-height: 220px;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .mini-sheet {
          position: static;
          width: auto;
        }
body.bd-doc-product-features-ontology-v1-prd-5992c926 .depth-row {
          grid-template-columns: 1fr;
        }
}

/* docs/product/features/ontology/v1/research/b2b-graph-inspiration/index.html */


body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 {
        color-scheme: light;
        --bg: #f6f8fb;
        --surface: #ffffff;
        --surface-soft: #fbfcfe;
        --ink: #172033;
        --muted: #607086;
        --faint: #8995a8;
        --line: #dfe6ef;
        --line-strong: #c8d2e0;
        --navy: #19154e;
        --night: #111534;
        --blue: #0099ff;
        --blue-dark: #004ecc;
        --blue-soft: #e7f2ff;
        --green: #0d8f70;
        --green-soft: #e3f7ef;
        --amber: #9a6700;
        --amber-soft: #fff3cf;
        --rose: #b42318;
        --rose-soft: #ffebe8;
        --violet: #6f42c1;
        --violet-soft: #f0e9ff;
        --shadow: 0 18px 48px rgba(25, 31, 48, 0.07);
        --radius: 10px;
        --mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
        --sans: "Satoshi", "Inter", ui-sans-serif, system-ui, -apple-system,
          BlinkMacSystemFont, "Segoe UI", sans-serif;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 * {
        box-sizing: border-box;
      }
html:has(body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7) {
        scroll-behavior: smooth;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 {
        margin: 0;
        background:
          radial-gradient(circle at 20% 0%, rgba(0, 153, 255, 0.12), transparent 31%),
          linear-gradient(180deg, #f7f9fc 0%, #ffffff 430px, #f6f8fb 100%);
        color: var(--ink);
        font-family: var(--sans);
        font-size: 15px;
        line-height: 1.55;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 main {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 42px 18px 82px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 header,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 section,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .toc,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .panel,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .example,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pattern-card {
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: rgba(255, 255, 255, 0.94);
        box-shadow: var(--shadow);
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 header {
        padding: 28px 30px 30px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 section {
        margin-top: 18px;
        padding: 24px;
        scroll-margin-top: 18px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 h1,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 h2,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 h3,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 p {
        margin-top: 0;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 h1 {
        max-width: 18ch;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: clamp(34px, 4.8vw, 56px);
        font-weight: 760;
        letter-spacing: 0;
        line-height: 1.02;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 h2 {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 10px;
        color: var(--navy);
        font-size: 24px;
        letter-spacing: 0;
        line-height: 1.2;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 h2 .num {
        color: var(--blue-dark);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 760;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .section-icon {
        display: inline-grid;
        width: 34px;
        height: 34px;
        flex: 0 0 auto;
        border: 1px solid rgba(0, 78, 204, 0.2);
        border-radius: 9px;
        background: var(--blue-soft);
        color: var(--blue-dark);
        place-items: center;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .section-icon svg {
        width: 18px;
        height: 18px;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 h3 {
        margin-bottom: 8px;
        color: var(--navy);
        font-size: 16px;
        letter-spacing: 0;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 a {
        color: var(--blue-dark);
        font-weight: 760;
        text-decoration: none;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 a:hover {
        text-decoration: underline;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .brand-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 24px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--line);
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .brand-lockup {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--navy);
        font-weight: 760;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .brand-mark {
        width: 28px;
        height: 28px;
        border-radius: 7px;
        background: center / contain no-repeat
          url("./beam-mark.png");
        flex: 0 0 auto;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .doc-type,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .eyebrow,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .kicker,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .tag,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .source,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .card-num {
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 760;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .doc-type,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .eyebrow {
        color: var(--blue-dark);
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .lede {
        max-width: 900px;
        margin-bottom: 0;
        color: #3b4657;
        font-size: 18px;
        line-height: 1.5;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 18px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .badge,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pill {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        min-height: 28px;
        border: 1px solid var(--line-strong);
        border-radius: 999px;
        background: var(--surface-soft);
        color: #48556a;
        font-size: 12px;
        font-weight: 650;
        line-height: 1.2;
        padding: 5px 10px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .badge.strong {
        border-color: rgba(0, 78, 204, 0.22);
        background: var(--blue-soft);
        color: var(--blue-dark);
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .toc {
        margin-top: 18px;
        padding: 16px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .toc-layout {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
        gap: 14px;
        align-items: start;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .toc-list {
        display: grid;
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .toc-card {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        min-height: 58px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
        color: var(--ink);
        padding: 10px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .toc-card:hover {
        border-color: rgba(0, 78, 204, 0.34);
        background: #ffffff;
        text-decoration: none;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .toc-num {
        color: var(--blue-dark);
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 760;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .toc-title {
        display: block;
        color: var(--navy);
        font-size: 14px;
        font-weight: 760;
        line-height: 1.2;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .toc-desc {
        display: block;
        margin-top: 3px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 400;
        line-height: 1.35;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .reader-path {
        border: 1px solid var(--line);
        border-radius: 8px;
        background:
          linear-gradient(135deg, rgba(0, 153, 255, 0.09), transparent),
          var(--surface-soft);
        padding: 14px 16px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .reader-path h3 {
        margin-bottom: 8px;
        font-size: 14px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .reader-path ol {
        display: grid;
        gap: 7px;
        margin: 0;
        padding-left: 18px;
        color: #40516a;
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .intro-grid {
        display: grid;
        grid-template-columns: 1.08fr 0.92fr;
        gap: 16px;
        align-items: stretch;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .panel {
        padding: 18px;
        box-shadow: none;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .quote {
        border-left: 3px solid var(--blue);
        border-radius: 0 8px 8px 0;
        background: var(--blue-soft);
        color: #243757;
        padding: 14px 16px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .persona-list {
        display: grid;
        gap: 10px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .persona {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .persona strong {
        display: block;
        color: var(--navy);
        font-size: 14px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .persona p {
        margin: 4px 0 0;
        color: var(--muted);
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .current {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
        gap: 18px;
        align-items: center;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .current img {
        display: block;
        width: 100%;
        border: 1px solid var(--line-strong);
        border-radius: 12px;
        background: #111534;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .diagnosis {
        display: grid;
        gap: 10px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .diagnosis .row {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .diagnosis strong {
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .diagnosis p {
        margin: 3px 0 0;
        color: var(--muted);
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .examples {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        margin-top: 16px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .example {
        display: flex;
        min-width: 0;
        min-height: 100%;
        flex-direction: column;
        overflow: hidden;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .media {
        position: relative;
        display: grid;
        min-height: 420px;
        border-bottom: 1px solid var(--line);
        background:
          linear-gradient(135deg, rgba(25, 21, 78, 0.08), rgba(0, 153, 255, 0.06)),
          #f3f6fb;
        padding: 16px;
        place-items: center;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .media img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 720px;
        object-fit: contain;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .card-num {
        position: absolute;
        top: 10px;
        left: 10px;
        border-radius: 7px;
        background: rgba(17, 21, 52, 0.9);
        color: #ffffff;
        padding: 4px 7px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .example-body {
        display: grid;
        flex: 1;
        grid-template-columns: minmax(190px, 0.48fr) minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px 18px;
        align-items: start;
        padding: 18px 20px 20px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .example-body > .source {
        width: fit-content;
        border: 1px solid rgba(0, 78, 204, 0.2);
        border-radius: 999px;
        background: var(--blue-soft);
        padding: 4px 9px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .example h3 {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 6px;
        font-size: 18px;
        line-height: 1.25;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .source {
        color: var(--blue-dark);
        font-size: 11px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .example-body > .source {
        grid-column: 1;
        grid-row: 2;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .takeaway {
        grid-column: 2;
        grid-row: 1 / span 2;
        margin: 0;
        border-left: 2px solid var(--line);
        padding-left: 14px;
        color: #425066;
        font-size: 14px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .borrow {
        grid-column: 3;
        grid-row: 1 / span 2;
        margin: 0;
        border-top: 0;
        border-left: 2px solid rgba(0, 78, 204, 0.18);
        padding-left: 14px;
        padding-top: 0;
        color: #263246;
        font-size: 14px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .borrow strong {
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pill-row {
        display: flex;
        flex-wrap: wrap;
        grid-column: 1;
        grid-row: 3;
        gap: 6px;
        margin-top: 0;
        padding-top: 4px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pill.operator {
        border-color: rgba(13, 143, 112, 0.22);
        background: var(--green-soft);
        color: var(--green);
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pill.sponsor {
        border-color: rgba(154, 103, 0, 0.24);
        background: var(--amber-soft);
        color: var(--amber);
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pill.builder {
        border-color: rgba(111, 66, 193, 0.22);
        background: var(--violet-soft);
        color: var(--violet);
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pattern-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 14px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pattern-card {
        box-shadow: none;
        padding: 16px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pattern-card h3 {
        margin-bottom: 6px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pattern-card p {
        margin-bottom: 0;
        color: var(--muted);
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .matrix {
        width: 100%;
        margin-top: 14px;
        border-collapse: collapse;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .matrix th,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .matrix td {
        border-bottom: 1px solid var(--line);
        padding: 10px 12px;
        text-align: left;
        vertical-align: top;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .matrix th {
        background: var(--surface-soft);
        color: var(--navy);
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 760;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .matrix tr:last-child td {
        border-bottom: 0;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .note {
        margin-top: 14px;
        border: 1px solid rgba(0, 78, 204, 0.18);
        border-radius: 10px;
        background: var(--blue-soft);
        color: #24415f;
        padding: 14px 16px;
      }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .source-note {
        margin-top: 18px;
        padding: 16px;
        color: var(--muted);
        font-size: 13px;
      }
@media (max-width: 1120px) {
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .toc-layout {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .intro-grid,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .current,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pattern-grid {
          grid-template-columns: 1fr;
        }
}
@media (max-width: 680px) {
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 main {
          padding: 22px 12px 60px;
        }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 header,
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 section {
          padding: 18px;
        }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .brand-row {
          align-items: flex-start;
          flex-direction: column;
        }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .media {
          min-height: 220px;
          padding: 10px;
        }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .media img {
          max-height: 420px;
        }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .example-body {
          display: block;
        }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .takeaway {
          margin-top: 12px;
          border-left: 0;
          padding-left: 0;
        }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .borrow {
          margin-top: 12px;
          border-top: 1px solid var(--line);
          border-left: 0;
          padding-top: 12px;
          padding-left: 0;
        }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .pill-row {
          margin-top: 14px;
        }
body.bd-doc-product-features-ontology-v1-research-b2b-graph-inspiration-index-cc99bba7 .matrix {
          display: block;
          overflow-x: auto;
          white-space: normal;
        }
}

/* docs/product/features/ontology/v1/research/process-node-design/index.html */
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 {
        color-scheme: light;
        --bg: #f7f9fc;
        --surface: #ffffff;
        --surface-soft: #fbfcfe;
        --text: #172033;
        --muted: #607086;
        --line: #dfe6ef;
        --navy: #19154e;
        --night: #0f0c36;
        --brand: #0099ff;
        --brand-dark: #004ecc;
        --brand-soft: #e5efff;
        --good: #0d8f70;
        --warn: #a86405;
        --risk: #b42318;
        --shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
        --radius-panel: 10px;
        --radius-row: 8px;
        --sans: "Satoshi", "Inter", ui-sans-serif, system-ui, -apple-system,
          BlinkMacSystemFont, "Segoe UI", sans-serif;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 * {
        box-sizing: border-box;
      }
html:has(body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610) {
        scroll-behavior: smooth;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 {
        margin: 0;
        color: var(--text);
        background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 440px, #f7f9fc 100%);
        font-family: var(--sans);
        font-size: 15px;
        line-height: 1.55;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 main {
        width: 100%;
        max-width: 1380px;
        margin: 0 auto;
        padding: 44px 18px 80px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 header,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 section,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .summary,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .toc,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .card,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .variant,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .source-note {
        border: 1px solid var(--line);
        border-radius: var(--radius-panel);
        background: var(--surface);
        box-shadow: var(--shadow);
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 header {
        padding: 30px 32px 32px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 section {
        margin-top: 18px;
        padding: 24px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 h1,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 h2,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 h3,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 p {
        margin-top: 0;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 h1 {
        max-width: 16ch;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: clamp(34px, 5vw, 54px);
        font-weight: 750;
        line-height: 1.02;
        letter-spacing: 0;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 h2 {
        display: flex;
        align-items: baseline;
        gap: 10px;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: 24px;
        line-height: 1.2;
        letter-spacing: 0;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 h2 .num {
        color: var(--brand);
        font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 h3 {
        margin-bottom: 8px;
        color: var(--navy);
        font-size: 16px;
        letter-spacing: 0;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 a {
        color: var(--brand-dark);
        font-weight: 700;
        text-decoration: none;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 a:hover {
        text-decoration: underline;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .brand-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 26px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--line);
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .brand-lockup {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--navy);
        font-weight: 800;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .brand-mark {
        width: 28px;
        height: 28px;
        border-radius: 7px;
        background: center / contain no-repeat
          url("./beam-mark.png");
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .doc-type,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .eyebrow,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .kicker,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .tag,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .source {
        font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .doc-type,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .eyebrow {
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .lede {
        max-width: 860px;
        margin-bottom: 0;
        color: #3b4657;
        font-size: 18px;
        line-height: 1.5;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 22px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .pill,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .tag {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 5px 10px;
        background: var(--surface-soft);
        color: #3b4657;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .summary {
        margin-top: 18px;
        padding: 20px 22px;
        background: #fbfcfe;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .summary-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
        gap: 18px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .current-shot {
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: #101633;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .current-shot img {
        display: block;
        width: 100%;
        height: auto;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .callouts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 16px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .callout {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 14px;
        background: var(--surface);
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .callout strong {
        display: block;
        margin-bottom: 6px;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .toc {
        margin-top: 18px;
        padding: 18px 22px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .toc ol {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .toc a {
        display: inline-flex;
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 8px 12px;
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .variant-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .variant {
        padding: 18px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .variant .kicker {
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .node-sketch {
        display: grid;
        gap: 10px;
        margin: 14px 0;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 14px;
        background: #fbfcfe;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mini-node {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        border: 1px solid #d8e0ea;
        border-radius: 8px;
        padding: 10px 12px;
        background: #fff;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mini-icon {
        width: 34px;
        height: 34px;
        border-radius: 8px;
        background: var(--brand-soft);
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mini-title {
        overflow: hidden;
        color: var(--navy);
        font-weight: 800;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mini-sub {
        overflow: hidden;
        color: var(--muted);
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mini-badge {
        border-radius: 999px;
        padding: 3px 8px;
        background: #eef3f9;
        color: #3b4657;
        font-size: 12px;
        font-weight: 800;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mini-node.dark {
        border-color: rgba(255, 255, 255, 0.16);
        background: #171932;
        color: #f2f6ff;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mini-node.dark .mini-title {
        color: #f2f6ff;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mini-node.dark .mini-sub {
        color: #9aa8c0;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mini-node.dark .mini-badge {
        background: rgba(0, 153, 255, 0.18);
        color: #c8d7ff;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mood-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        counter-reset: mood-card;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .card {
        position: relative;
        display: flex;
        min-width: 0;
        overflow: hidden;
        flex-direction: column;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .card::before {
        position: absolute;
        z-index: 1;
        top: 14px;
        left: 14px;
        border: 1px solid rgba(0, 78, 204, 0.22);
        border-radius: 999px;
        padding: 5px 10px;
        background: rgba(255, 255, 255, 0.9);
        color: var(--brand-dark);
        content: counter(mood-card, decimal-leading-zero);
        counter-increment: mood-card;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
          "Liberation Mono", "Courier New", monospace;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.04em;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .image-wrap {
        position: relative;
        display: flex;
        min-height: 560px;
        align-items: center;
        justify-content: center;
        padding: 14px;
        overflow: hidden;
        border-bottom: 1px solid var(--line);
        background: #eef3f9;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .image-wrap img {
        display: block;
        max-width: 100%;
        max-height: 760px;
        width: 100%;
        height: auto;
        object-fit: contain;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .card-body {
        display: grid;
        grid-template-columns: minmax(200px, 0.35fr) minmax(0, 1fr) auto;
        gap: 14px;
        align-items: start;
        padding: 18px 20px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .card h3 {
        margin: 0;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .card p {
        margin: 0;
        color: #3b4657;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .source {
        color: var(--muted);
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .source-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 0;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .pattern-table {
        width: 100%;
        border-collapse: collapse;
        overflow: hidden;
        border-radius: var(--radius-row);
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .table-scroll {
        width: 100%;
        overflow-x: auto;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .pattern-table th,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .pattern-table td {
        border-bottom: 1px solid var(--line);
        padding: 12px;
        text-align: left;
        vertical-align: top;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .pattern-table th {
        background: #f2f6fb;
        color: #3b4657;
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .pattern-table tr:last-child td {
        border-bottom: 0;
      }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .source-note {
        margin-top: 18px;
        padding: 18px 22px;
        color: #3b4657;
        background: #fbfcfe;
      }
@media (max-width: 1120px) {
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .summary-grid,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .variant-grid {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .image-wrap {
          min-height: 480px;
        }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .card-body {
          grid-template-columns: 1fr;
        }
}
@media (max-width: 760px) {
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 main {
          padding: 24px 12px 56px;
        }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 header,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 section {
          padding: 18px;
        }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .brand-row,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .source-row {
          align-items: flex-start;
          flex-direction: column;
        }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .callouts,
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mood-grid {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .mood-grid {
          gap: 18px;
        }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .image-wrap {
          min-height: 260px;
          padding: 10px;
        }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .card-body {
          padding: 16px;
        }
body.bd-doc-product-features-ontology-v1-research-process-node-design-index-26ec3610 .pattern-table {
          min-width: 680px;
        }
}

/* docs/product/features/ontology/v1/ux-spec.html */
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .legend,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .loop,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flowline {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .legend {
        margin-top: 18px;
        padding: 13px 16px;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        color: var(--muted);
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .legend .li {
        display: inline-flex;
        align-items: center;
        gap: 7px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .swatch,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .dot {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 999px;
        flex: none;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .strong {
        background: var(--good);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .partial {
        background: var(--brand);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .thin {
        background: var(--warn);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .unknown {
        background: var(--slate);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .partdiv {
        margin: 30px 4px 0;
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .partdiv .pn {
        color: var(--faint);
        margin-right: 8px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .icon-title {
        display: flex;
        align-items: center;
        gap: 9px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .doc-icon {
        display: inline-grid;
        place-items: center;
        width: 28px;
        height: 28px;
        border: 1px solid var(--brand-line);
        border-radius: 9px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        flex: none;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .doc-icon svg {
        width: 16px;
        height: 16px;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .icon-title.compact .doc-icon {
        width: 24px;
        height: 24px;
        border-radius: 8px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .icon-title.compact .doc-icon svg {
        width: 14px;
        height: 14px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .framework-grid,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .trust-grid,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .object-grid,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .route-grid,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .wire-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
        gap: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .framework-card,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .trust-card,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .object-card,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .route-card,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .wire-note {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        padding: 14px 16px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .framework-card strong,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .trust-card strong,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .object-card strong,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .route-card strong,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .wire-note strong {
        display: flex;
        color: var(--navy);
        margin-bottom: 6px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .framework-card p,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .trust-card p,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .object-card p,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .route-card p,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .wire-note p {
        margin: 0;
        color: var(--muted);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .trust-path,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-index {
        display: grid;
        gap: 10px;
        margin: 16px 0 18px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .spec-map {
        margin: 16px 0 0;
        border: 1px solid var(--line-strong);
        border-radius: 14px;
        background: #fff;
        overflow: hidden;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .spec-map-head {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-bottom: 1px solid var(--line);
        color: var(--navy);
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .spec-map pre {
        margin: 0;
        padding: 14px 16px 16px;
        overflow-x: auto;
        color: var(--text);
        background: var(--surface-soft);
        font-family: var(--mono);
        font-size: 12px;
        line-height: 1.55;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .trust-path {
        grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .trust-rung {
        border: 1px solid var(--brand-line);
        border-radius: var(--radius-row);
        background: linear-gradient(180deg, #fff, var(--brand-soft));
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .trust-rung .rung-emoji {
        display: inline-grid;
        place-items: center;
        width: 30px;
        height: 30px;
        margin-bottom: 8px;
        border: 1px solid var(--brand-line);
        border-radius: 10px;
        background: #fff;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .trust-rung b,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-index-card b {
        display: block;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .trust-rung p,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-index-card p {
        margin: 4px 0 0;
        color: var(--muted);
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-index {
        grid-template-columns: 1fr;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-index-card {
        border: 1px solid var(--line-strong);
        border-radius: 14px;
        background: #fff;
        padding: 13px 14px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-index-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 10px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-index-badge {
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 3px 9px;
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .story-steps {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .story-step {
        min-width: 118px;
        flex: 1;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface-soft);
        padding: 9px 10px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .story-id {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 6px;
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .story-step span:last-child {
        display: block;
        color: var(--text);
        font-size: 12.5px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .experience-spine {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr));
        gap: 9px;
        margin: 14px 0 18px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .spine-step {
        position: relative;
        border: 1px solid var(--brand-line);
        border-radius: var(--radius-row);
        background: linear-gradient(180deg, #fff, var(--brand-soft));
        padding: 11px 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .spine-step b {
        display: block;
        color: var(--navy);
        margin-bottom: 5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .spine-step span {
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-meta {
        display: grid;
        grid-template-columns: 1.1fr 1.35fr 1.2fr;
        gap: 12px;
        margin: 14px 0 16px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-card {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        padding: 14px 16px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-card-title {
        display: flex;
        margin: 0 0 7px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--faint);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-card p,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-card ul {
        margin: 0;
        color: var(--muted);
        font-size: 13.5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-card ul {
        padding-left: 18px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-frame {
        overflow-x: auto;
        border: 1px solid var(--line-strong);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 table.journey-map {
        min-width: 1220px;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map th,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map td {
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        vertical-align: top;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map tr:last-child th,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map tr:last-child td {
        border-bottom: 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map th:last-child,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map td:last-child {
        border-right: 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map thead th {
        padding: 11px 12px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        font-weight: 700;
        text-align: left;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map thead th:first-child,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map .row-head {
        width: 138px;
        background: var(--surface-soft);
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map .row-head {
        position: sticky;
        left: 0;
        z-index: 2;
        padding: 12px;
        font-size: 11px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map tbody td {
        padding: 12px;
        background: #fff;
        color: var(--text);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map tbody tr:nth-child(even) td {
        background: #fbfcfe;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map tbody tr:nth-child(even) .row-head {
        background: #eef3f7;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map ul {
        margin: 0;
        padding-left: 16px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-map li + li {
        margin-top: 5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .emotion-chip,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .depth-badge {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        border: 1px solid var(--line-strong);
        border-radius: 999px;
        padding: 4px 9px;
        background: var(--surface-soft);
        font-weight: 700;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .emotion-chip.trust,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .depth-badge.strong {
        color: var(--good);
        background: var(--good-soft);
        border-color: rgba(13, 143, 112, 0.22);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .depth-badge.partial {
        color: var(--brand-dark);
        background: var(--brand-soft);
        border-color: var(--brand-line);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .emotion-chip.tension,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .depth-badge.thin {
        color: var(--warn);
        background: var(--warn-soft);
        border-color: rgba(200, 129, 10, 0.22);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .depth-badge.unknown {
        color: var(--slate);
        background: var(--slate-soft);
        border-color: var(--line-strong);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .emotion-note {
        display: block;
        margin-top: 6px;
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .emotion-emoji {
        margin-right: 6px;
        font-size: 14px;
        line-height: 1;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .loop {
        margin: 8px 0 0;
        padding: 14px 16px;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .loop .ls {
        background: #fff;
        border: 1px solid var(--line-strong);
        border-radius: 8px;
        padding: 4px 11px;
        font-weight: 700;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .loop .ar,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flowline .ar {
        color: var(--faint);
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flowline {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--faint);
        margin: 0 0 14px;
        padding: 10px 14px;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flowline b {
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-block {
        margin: 18px 0 30px;
        padding: 16px;
        border: 1px solid var(--line-strong);
        border-radius: 16px;
        background: linear-gradient(180deg, #fff, var(--surface-soft));
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-block h3 {
        margin: 0 0 7px;
        color: var(--navy);
        font-size: 20px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-block p {
        color: var(--muted);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-kicker {
        margin: 0 0 5px;
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--brand-dark);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-head p:last-child {
        margin: 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-title-row {
        display: flex;
        align-items: center;
        gap: 10px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-title-row h3 {
        margin: 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-meta {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
        gap: 10px;
        margin: 12px 0 4px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-meta div {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: #fff;
        padding: 11px 13px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-meta strong {
        display: block;
        margin-bottom: 5px;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .flow-meta p {
        margin: 0;
        font-size: 13px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .screen-contract {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
        gap: 10px;
        margin: 14px 0 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .screen-step {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: #fff;
        padding: 10px 12px;
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .screen-step .sid {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 22px;
        margin-bottom: 7px;
        border-radius: 7px;
        background: var(--brand);
        color: #fff;
        font-family: var(--mono);
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .screen-step b {
        display: block;
        color: var(--navy);
        margin-bottom: 3px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .screen-step p {
        margin: 0;
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 figure.mockup {
        margin: 16px 0 0;
        border: 1px solid var(--line-strong);
        border-radius: 14px;
        overflow: hidden;
        box-shadow:
          0 1px 2px rgba(15, 23, 42, 0.05),
          0 18px 44px rgba(15, 23, 42, 0.12);
        background: var(--surface);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 figure.mockup figcaption {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 16px;
        border-bottom: 1px solid var(--line);
        background: linear-gradient(180deg, #fff, var(--surface-soft));
        flex-wrap: wrap;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 figure.mockup figcaption .num {
        font-weight: 700;
        color: #fff;
        background: var(--brand);
        border-radius: 7px;
        padding: 3px 9px;
        font-size: 12.5px;
        font-family: var(--mono);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 figure.mockup figcaption .ttl {
        font-weight: 700;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 figure.mockup figcaption .route {
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        margin-left: auto;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 14px;
        background: #fff;
        border-bottom: 1px solid var(--line);
        font-size: 12.5px;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .chipbar {
        display: flex;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .seg {
        display: inline-flex;
        border: 1px solid var(--line-strong);
        border-radius: 999px;
        overflow: hidden;
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .seg span {
        padding: 4px 13px;
        font-size: 12px;
        color: var(--muted);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .seg span.on {
        background: var(--brand);
        color: #fff;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .fchip,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .spill {
        display: inline-flex;
        align-items: center;
        border: 1px solid var(--line-strong);
        border-radius: 999px;
        padding: 4px 11px;
        background: #fff;
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-body {
        display: flex;
        min-height: 392px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-nav {
        width: 124px;
        flex: none;
        background: linear-gradient(180deg, #fcfdff, var(--surface-soft));
        border-right: 1px solid var(--line);
        padding: 12px 9px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-nav .ni {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 7px 9px;
        border-radius: 8px;
        font-size: 12.5px;
        color: var(--muted);
        margin-bottom: 3px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-nav .ni.on {
        background: var(--brand-soft);
        color: var(--brand-dark);
        font-weight: 700;
        box-shadow: inset 2px 0 0 var(--brand);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-nav .ni.focus {
        background: #fff;
        color: var(--brand-dark);
        font-weight: 700;
        outline: 2px solid var(--brand-line);
        box-shadow: 0 0 0 4px var(--brand-soft);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-canvas {
        flex: 1;
        position: relative;
        background: radial-gradient(130% 115% at 50% 42%, #172044 0%, #0f1733 64%, #0a1024 100%);
        min-width: 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-canvas svg {
        display: block;
        width: 100%;
        height: 100%;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-main {
        flex: 1;
        min-width: 0;
        background: #fff;
        padding: 16px;
        overflow-x: auto;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-main-head {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: flex-start;
        border-bottom: 1px solid var(--line);
        padding-bottom: 14px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-main-head h4 {
        margin: 0 0 5px;
        color: var(--navy);
        font-size: 18px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-main-head p {
        margin: 0;
        color: var(--muted);
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .entry-grid {
        display: grid;
        grid-template-columns: 1fr 1.35fr;
        gap: 12px;
        margin-top: 14px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .entry-card,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .entry-list {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .entry-card b,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .entry-list b {
        display: block;
        color: var(--navy);
        margin-bottom: 8px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mini-bars {
        display: grid;
        gap: 7px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mini-bars span {
        display: block;
        height: 9px;
        border-radius: 999px;
        background: var(--line-strong);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mini-bars span:nth-child(1) {
        width: 82%;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mini-bars span:nth-child(2) {
        width: 58%;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mini-bars span:nth-child(3) {
        width: 72%;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .entry-row {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 8px;
        padding: 8px 0;
        border-bottom: 1px solid var(--line);
        color: var(--muted);
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .entry-row:last-child {
        border-bottom: 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .node-tooltip {
        position: absolute;
        left: 92px;
        top: 72px;
        width: 184px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 10px;
        background: rgba(11, 17, 38, 0.92);
        color: #dfe5f2;
        padding: 10px 12px;
        font-size: 11.5px;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .node-tooltip b {
        display: block;
        margin-bottom: 4px;
        color: #fff;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .node-tooltip span {
        display: block;
        color: #aeb7cd;
        line-height: 1.35;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .glegend {
        position: absolute;
        left: 12px;
        bottom: 12px;
        background: rgba(13, 18, 42, 0.78);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 11px;
        padding: 11px 13px;
        font-size: 11px;
        color: #c4ccdd;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .glegend h4 {
        margin: 0 0 5px;
        font-size: 9.5px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #7d88a4;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .glegend .lrow {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 3px 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .zoomctl {
        position: absolute;
        right: 12px;
        bottom: 12px;
        display: flex;
        flex-direction: column;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 9px;
        overflow: hidden;
        background: rgba(14, 19, 44, 0.7);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .zoomctl span {
        padding: 4px 9px;
        font-size: 13px;
        color: #aeb7cd;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .zoomctl span:last-child {
        border-bottom: 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 100%;
        gap: 10px;
        padding: 28px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .empty p {
        max-width: 400px;
        color: #aeb7cd;
        margin: 2px 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .empty .hl {
        color: #eef2fb;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .btn-primary {
        background: var(--brand);
        color: #fff;
        border: 0;
        border-radius: 9px;
        padding: 9px 18px;
        font: inherit;
        font-weight: 700;
        font-size: 13px;
        margin-top: 8px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail {
        width: 282px;
        flex: none;
        border-left: 1px solid var(--line);
        background: #fff;
        font-size: 12.5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .copilot-rail {
        width: 292px;
        flex: none;
        border-left: 1px solid var(--line);
        background: var(--surface-soft);
        font-size: 12.5px;
        display: flex;
        flex-direction: column;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .copilot-head {
        padding: 13px 14px;
        border-bottom: 1px solid var(--line);
        background: #fff;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .copilot-head b {
        display: block;
        color: var(--navy);
        font-size: 15px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .copilot-head span {
        display: block;
        margin-top: 3px;
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .copilot-body {
        display: grid;
        gap: 10px;
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .context-chip {
        border: 1px solid var(--brand-line);
        border-radius: 10px;
        background: var(--brand-soft);
        padding: 10px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .context-chip b {
        display: block;
        color: var(--brand-dark);
        margin-bottom: 4px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .context-chip span,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .chat-msg p {
        display: block;
        margin: 0;
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .prompt-list {
        display: grid;
        gap: 7px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .prompt-pill {
        border: 1px solid var(--line);
        border-radius: 9px;
        background: #fff;
        padding: 8px 9px;
        color: var(--text);
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .chat-msg {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
        padding: 10px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .chat-msg b {
        display: block;
        color: var(--navy);
        margin-bottom: 4px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .composer-mini {
        margin-top: auto;
        border: 1px solid var(--line-strong);
        border-radius: 10px;
        background: #fff;
        padding: 10px 11px;
        color: var(--faint);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .node-popover-card {
        position: absolute;
        left: 238px;
        top: 120px;
        width: 214px;
        border: 1px solid var(--line-strong);
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.14);
        padding: 12px;
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .node-popover-card b {
        display: block;
        color: var(--navy);
        font-size: 14px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .node-popover-card span {
        display: block;
        color: var(--muted);
        margin-top: 4px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .popover-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 10px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .popover-action {
        border: 1px solid var(--brand-line);
        border-radius: 7px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 5px 8px;
        font-size: 11px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .detail-sheet {
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 16px;
        border: 1px solid var(--line-strong);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.12);
        overflow: hidden;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .detail-sheet-head {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
        border-bottom: 1px solid var(--line);
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .detail-sheet-head b {
        display: block;
        color: var(--navy);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .detail-sheet-head span {
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .detail-sheet-body {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr 0.9fr;
        gap: 10px;
        padding: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .state-strip {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
        gap: 10px;
        padding: 12px;
        border-top: 1px solid var(--line);
        background: #fff;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .state-card {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface-soft);
        padding: 10px;
        min-height: 120px;
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .state-card .state-num {
        display: inline-grid;
        place-items: center;
        min-width: 22px;
        height: 22px;
        margin-bottom: 7px;
        border-radius: 7px;
        background: var(--brand);
        color: #fff;
        font-family: var(--mono);
        font-weight: 700;
        font-size: 11px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .state-card b {
        display: block;
        color: var(--navy);
        margin-bottom: 5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .state-card p {
        margin: 0;
        color: var(--muted);
        line-height: 1.45;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .state-token {
        display: block;
        margin-top: 8px;
        border: 1px solid var(--brand-line);
        border-radius: 8px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 6px 7px;
        font-weight: 700;
        line-height: 1.3;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail-hd,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail-sec {
        padding: 13px 14px;
        border-bottom: 1px solid var(--line);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail-hd {
        display: grid;
        gap: 8px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail-hd .nm {
        font-weight: 700;
        color: var(--navy);
        font-size: 15px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail-hd .mt {
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail-sec h5 {
        margin: 0 0 8px;
        font-size: 10px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--faint);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail-tabs {
        display: flex;
        gap: 6px;
        padding: 9px 12px;
        border-bottom: 1px solid var(--line);
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail-tabs span {
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 4px 9px;
        color: var(--muted);
        background: #fff;
        font-size: 11px;
        font-weight: 700;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail-tabs .on {
        color: var(--brand-dark);
        background: var(--brand-soft);
        border-color: var(--brand-line);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .step-flow {
        display: grid;
        gap: 8px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .step-card {
        display: grid;
        grid-template-columns: 26px 1fr;
        gap: 9px;
        align-items: start;
        padding: 8px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .step-card.is-active {
        border-color: var(--brand-line);
        background: var(--brand-soft);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .detail-card,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .relationship-card,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .thin-panel {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
        padding: 10px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .detail-card b,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .relationship-card b,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .thin-panel b {
        display: block;
        color: var(--navy);
        margin-bottom: 5px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .detail-card p,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .relationship-card p,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .thin-panel p {
        margin: 0;
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .relationship-card + .relationship-card {
        margin-top: 8px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mini-panel-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .ev-row,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .step-row {
        display: flex;
        gap: 10px;
        padding: 8px 0;
        border-bottom: 1px solid var(--subtle);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .ev-row:last-child,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .step-row:last-child {
        border-bottom: 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .ev-ic,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .step-num {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        display: grid;
        place-items: center;
        font-size: 12px;
        font-weight: 700;
        flex: none;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .ev-bd,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .step-bd {
        flex: 1;
        min-width: 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .ev-bd .src,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .step-bd .src {
        display: block;
        font-size: 12px;
        font-weight: 700;
        color: var(--text);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .ev-bd .qt,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .step-bd .qt {
        display: block;
        color: var(--muted);
        font-size: 12px;
        margin-top: 1px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 table.tbl {
        width: 100%;
        min-width: 620px;
        border-collapse: collapse;
        font-size: 12.5px;
        background: #fff;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 table.tbl th {
        text-align: left;
        padding: 9px 14px;
        background: var(--surface-soft);
        color: var(--muted);
        font-weight: 700;
        font-size: 10.5px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        border-bottom: 1px solid var(--line);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 table.tbl td {
        padding: 10px 14px;
        border-bottom: 1px solid var(--subtle);
        color: var(--text);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 table.tbl tr.active td {
        background: var(--brand-soft);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .notes {
        padding: 13px 16px 15px;
        border-top: 1px solid var(--line);
        background: #fff;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .build-contract {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
        border-top: 1px solid var(--line);
        background: var(--surface-soft);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .build-contract span {
        padding: 10px 12px;
        border-right: 1px solid var(--line);
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .build-contract span:last-child {
        border-right: 0;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .build-contract b {
        display: block;
        margin-bottom: 3px;
        color: var(--navy);
        font-size: 11px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .notes b {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--faint);
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .notes p {
        margin: 6px 0 0;
        font-size: 13.5px;
        color: #3c3b36;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .muted-sm {
        color: var(--muted);
        font-size: 12px;
      }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .state-table td:first-child,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .state-table th:first-child {
        width: 180px;
      }
@media (max-width: 760px) {
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .journey-meta {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 table.journey-map {
          min-width: 1040px;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-body {
          flex-direction: column;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-top {
          align-items: flex-start;
          flex-direction: column;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-nav,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .glegend {
          display: none;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .rail {
          display: block;
          width: auto;
          border-left: 0;
          border-top: 1px solid var(--line);
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .copilot-rail {
          width: auto;
          border-left: 0;
          border-top: 1px solid var(--line);
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .detail-sheet {
          left: 12px;
          right: 12px;
          bottom: 12px;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .detail-sheet-body {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .node-popover-card {
          left: 16px;
          right: 16px;
          width: auto;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mock-canvas {
          min-height: 320px;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .entry-grid {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .node-tooltip {
          left: 16px;
          top: 16px;
          width: calc(100% - 56px);
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 .mini-panel-grid {
          grid-template-columns: 1fr;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl {
          table-layout: fixed;
          min-width: 0;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl th,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl td,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl th,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl td {
          padding: 9px 7px;
          font-size: 11.5px;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl .depth-badge,
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl .depth-badge {
          padding: 4px 7px;
          font-size: 11px;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl th:nth-child(1),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl td:nth-child(1),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl th:nth-child(1),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl td:nth-child(1) {
          width: 42%;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl th:nth-child(2),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl td:nth-child(2),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl th:nth-child(2),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl td:nth-child(2) {
          width: 28%;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl th:nth-child(4),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl td:nth-child(4),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl th:nth-child(3),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl td:nth-child(3) {
          width: 30%;
        }
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl th:nth-child(3),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl td:nth-child(3),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl th:nth-child(5),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl td:nth-child(5),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl th:nth-child(6),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table table.tbl td:nth-child(6),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl th:nth-child(4),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl td:nth-child(4),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl th:nth-child(5),
body.bd-doc-product-features-ontology-v1-ux-spec-e3975751 #wf-table-context table.tbl td:nth-child(5) {
          display: none;
        }
}

/* docs/product/features/opportunities/v1-opportunity-map/ux-spec.html */
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 * {box-sizing:border-box}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 {margin:0;font-family:var(--font);color:var(--text);background:var(--sink);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .wrap {max-width:1020px;margin:0 auto;padding:0 24px 110px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 a {color:var(--accent-text)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 header.hero {padding:64px 6px 30px;border-bottom:1px solid var(--border)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .eyebrow {color:var(--accent);font-weight:650;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 h1 {font-size:40px;letter-spacing:-.02em;margin:12px 0 10px;font-weight:760;color:var(--navy)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .sub {color:var(--dim);font-size:17px;max-width:820px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .oneliner {margin:22px 0 0;padding:16px 18px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15.5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .oneliner b {color:var(--text)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .toc {margin:24px 0 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);padding:14px 16px 16px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .toc-hd {font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:700;margin-bottom:8px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .toc a {display:block;text-decoration:none;color:var(--text);border-radius:6px;padding:3px 7px;line-height:1.45}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .toc a:hover {background:rgba(15,15,15,.045);text-decoration:underline;text-underline-offset:2px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .toc-h2 {font-weight:600;font-size:13.5px;margin-top:5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .toc-h2 .n {display:inline-block;min-width:16px;color:var(--faint);font-weight:700;margin-right:8px;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .toc-h3 {margin-left:24px;font-size:12.5px;color:var(--dim);font-weight:450;border-left:1px solid var(--border);border-radius:0 6px 6px 0;padding-left:14px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .sec,
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .blk {scroll-margin-top:16px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 h2.sec {font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:56px 0 4px;display:flex;align-items:center;gap:9px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 h2.sec .hash {color:var(--faint);font-weight:600}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .sec-lead {color:var(--dim);max-width:820px;margin:0 0 18px;font-size:15px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .flowline {font-family:var(--mono);font-size:13px;color:var(--faint);margin:0 0 18px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 h3.blk {font-size:17px;margin:28px 0 10px;letter-spacing:-.01em}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 h3.blk .k {font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:700;margin-right:8px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .grid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 8px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .grid3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:6px 0 8px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .card {background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .card .rh {display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .card .rh b {font-size:15px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .card .em {font-size:19px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .card p {margin:0;color:#4a4843;font-size:14.5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .card .edge {display:block;margin-top:9px;font-size:12px;color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .card.star {border-color:var(--accent-line);background:linear-gradient(180deg,#f6fbff,#fff)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .contrast {display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:14px 0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .contrast>div {padding:15px 17px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .contrast .n {background:var(--subtle);border-right:1px solid var(--border)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .contrast h4 {margin:0 0 7px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .contrast ul {margin:0;padding-left:18px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .contrast li {margin:3px 0;font-size:13.5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .contrast .l b {color:var(--accent-text)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 code {font-family:var(--mono);font-size:.9em;background:#ecebe8;border-radius:5px;padding:1px 5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .callout {background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:13px 16px;margin:12px 0;font-size:14.5px;color:#4a4843}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .foot {margin-top:54px;padding:22px 2px;border-top:1px solid var(--border);color:var(--faint);font-size:13px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 /* ---- STATUS PILLS (the PD vocabulary) + legend ---- */
.pill {display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:1px 8px;font-size:11.5px;font-weight:600;white-space:nowrap}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .s-ship {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .s-proto {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .s-mock {color:var(--orange);background:var(--orange-soft)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .s-backend {color:var(--blue);background:var(--blue-soft)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .s-concept {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .s-prop {color:var(--slate);background:var(--slate-soft);border:1px dashed var(--border-strong)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .legend {display:flex;flex-wrap:wrap;gap:14px;margin:16px 0 0;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);font-size:12.5px;color:var(--dim)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .legend .li {display:flex;align-items:center;gap:7px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 /* ---- SCREEN FIGURE ---- */
figure.screen {background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px rgba(15,15,15,.04),0 10px 30px rgba(15,15,15,.06);margin:0 0 26px;scroll-margin-top:20px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 figure.screen figcaption {display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--subtle);flex-wrap:wrap}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 figcaption .num {font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:7px;padding:3px 9px;font-size:12.5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 figcaption .ttl {font-weight:650}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 figcaption .route {color:var(--faint);font-family:var(--mono);font-size:12px;margin-left:auto}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .screen-ph {display:flex;flex-direction:column;gap:9px;align-items:flex-start;justify-content:center;width:100%;min-height:150px;padding:30px;background:var(--subtle);border-top:1px dashed var(--border-strong)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .screen-ph .tag {font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--accent)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .screen-ph p {margin:0;color:var(--dim);font-size:14.5px;line-height:1.55;max-width:700px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .notes {padding:14px 18px 16px;border-top:1px solid var(--border)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .notes b {font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .notes ul {margin:8px 0 0;padding-left:20px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .notes li {margin:3px 0;color:#3c3b36;font-size:14px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .next {margin-top:9px;font-size:12.5px;color:var(--accent-text);font-weight:600}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 /* ---- BEAM DISCOVERY SHELL WIREFRAME (operator desktop screens) ---- */
.stage {padding:18px;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 10px,#f4f4f4 10px,#f4f4f4 20px);border-top:1px dashed var(--border-strong)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell {display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border-strong);border-radius:9px;overflow:hidden;box-shadow:0 6px 20px rgba(15,15,15,.08)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-top {display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:#fcfcfc}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .wdots {display:flex;gap:5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .wdots i {width:9px;height:9px;border-radius:50%;background:var(--border-strong);display:block}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .crumb {font-size:12px;color:var(--dim)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .crumb b {color:var(--text)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .topacts {margin-left:auto;display:flex;gap:6px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .topacts i {width:22px;height:9px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-row {display:flex;min-height:240px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-nav {width:50px;background:#fbfbfb;border-right:1px solid var(--border);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:11px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-nav i {width:22px;height:22px;border-radius:7px;background:var(--subtle);display:block}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-nav i.on {background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-main {flex:1;padding:16px 18px;min-width:0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-rail {width:64px;background:#fbfbfb;border-left:1px solid var(--border);padding:12px 8px;display:flex;flex-direction:column;gap:8px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-rail i {height:8px;border-radius:5px;background:var(--subtle);display:block}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-rail i.sm {width:60%}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .vh {display:flex;align-items:center;gap:9px;margin-bottom:12px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .vh .vt {font-size:15px;font-weight:680}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .vh .vsub {font-size:12px;color:var(--faint)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .btn {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:7px;padding:5px 11px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .btn.pri {background:var(--accent);border-color:var(--accent);color:#fff}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .btn.sm {padding:3px 8px;font-size:11px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .spacer {flex:1}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 /* ---- OPPORTUNITY SCATTER (CSS/SVG mock) ---- */
.scatter {position:relative;height:240px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(var(--subtle),var(--subtle)),var(--bg);overflow:hidden}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .scatter .axis {position:absolute;background:var(--border)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .scatter .vx {left:50%;top:0;bottom:0;width:1px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .scatter .hx {top:50%;left:0;right:0;height:1px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .scatter .ql {position:absolute;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .bub {position:absolute;border-radius:50%;background:rgba(20,71,230,.5);box-shadow:0 0 0 1px rgba(20,71,230,.3);transform:translate(-50%,-50%)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .bub.win {background:rgba(0,127,61,.55);box-shadow:0 0 0 1px rgba(0,127,61,.35)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .bub .bl {position:absolute;left:50%;top:-16px;transform:translateX(-50%);font-size:10px;color:var(--text);white-space:nowrap;font-weight:600}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .axlab {font-size:11px;color:var(--faint);margin-top:6px;text-align:center}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 /* ---- MINI TABLE / WIREFRAME PRIMITIVES ---- */
.wf {border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:2px 0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .wf .cap {display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--subtle);font-size:12.5px;color:var(--dim);font-weight:600}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .wf .body {padding:12px 14px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 table.mini {width:100%;border-collapse:collapse;font-size:13.5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 table.mini th {text-align:left;font-weight:700;color:var(--faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;padding:6px 9px;border-bottom:1px solid var(--border);white-space:nowrap}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 table.mini td {padding:7px 9px;border-bottom:1px solid var(--subtle);vertical-align:middle}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 table.mini tr:last-child td {border-bottom:0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .tag {font-size:11px;border-radius:5px;padding:1px 7px;font-weight:600;white-space:nowrap;display:inline-block}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .t-understood {color:var(--green);background:var(--green-soft)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .t-partial {color:var(--amber);background:var(--amber-soft)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .t-dark {color:var(--dim);background:#ececec}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .t-hyp {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .dot {width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align:middle}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .bar {height:6px;border-radius:4px;background:var(--subtle);overflow:hidden;display:inline-block;width:80px;vertical-align:middle}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .bar > i {display:block;height:100%;background:var(--accent)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .chip {display:inline-flex;align-items:center;gap:5px;font-size:11px;background:var(--accent-soft);color:var(--accent-text);border-radius:6px;padding:1px 7px;margin:2px 3px 2px 0;font-weight:600}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 /* ---- REAL SCREENSHOT FIGURES ---- */
figure.screen img {display:block;width:100%;height:auto}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 /* ---- LOCAL EXTRAS ---- */
.funnel {display:flex;gap:0;margin:16px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .funnel-step {flex:1;padding:12px 10px;background:var(--bg);text-align:center;font-size:12px;font-weight:600;border-right:1px solid var(--border);position:relative}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .funnel-step:last-child {border-right:0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .funnel-step .fsub {font-size:10.5px;color:var(--faint);font-weight:400;display:block;margin-top:2px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .funnel-step.hi {background:var(--accent-soft);color:var(--accent-text)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .loop-box {display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .lbox {flex:1;min-width:130px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:12.5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .lbox .lt {font-weight:700;font-size:12px;margin-bottom:4px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .lbox .ls {color:var(--dim);font-size:11.5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .arr {display:flex;align-items:center;color:var(--faint);font-size:18px;padding-top:8px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .gap-band {background:var(--red-soft);border:1px solid var(--red);border-radius:var(--radius-sm);padding:10px 14px;margin:8px 0;font-size:13px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .gap-band b {color:var(--red)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .verdict-row {display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--subtle)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .verdict-row:last-child {border-bottom:0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .vd-icon {width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .vd-icon.up {background:var(--green-soft)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .vd-icon.down {background:var(--red-soft)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .vd-icon.skip {background:var(--slate-soft)}
@media(max-width:720px) {body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .grid2,
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .grid3,
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .funnel {grid-template-columns:1fr;flex-direction:column}body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 h1 {font-size:32px}body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .contrast {grid-template-columns:1fr}body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-rail {display:none}body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 table.mini {font-size:11.5px}body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .loop-box {flex-direction:column}}
/* real-shot: a genuine screenshot of the running app (dark Studio v2 shell),
   used in place of the hand-illustrated .stage device wherever a wireframe
   is grounded in a component that actually exists and runs today. */
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .real-shot {padding:0;border:1px solid var(--line);border-radius:var(--radius-row, 10px);overflow:hidden;background:#05070d;box-shadow:0 20px 48px rgba(0,0,0,.35)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .real-shot img {display:block;width:100%;height:auto}
/* not-grounded: an honest placeholder for a wireframe whose depicted screen
   does not exist in src/ today — used instead of a fabricated screenshot. */
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .not-grounded {padding:16px 18px;border:1px dashed var(--line-strong, var(--line));border-radius:var(--radius-row, 10px);background:var(--surface-soft);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .not-grounded b {color:var(--navy)}

/* ===========================================================================
   STUDIO V2 DARK SKIN — aligns the spec surface to the product design
   system. Scoped via html:has(), not a bare :root (which would leak into
   every other doc sharing this stylesheet).
   =========================================================================== */
html:has(body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851) {
  --page:#070a13; --bg:#070a13; --sink:#070a13;
  --surface:#0e1524; --surface-soft:#0b101d; --surface-blue:#122036; --subtle:#0e1626;
  --navy:#eaf0fb; --night:#f5f8ff; --text:#d7dfee; --muted:#97a3b8; --faint:#6c7a91; --dim:#97a3b8;
  --line:#1c2740; --line-strong:#2a3852; --border:#1c2740; --border-strong:#2a3852;
  --brand:#3079ff; --brand-dark:#6ea2ff; --brand-soft:#13233f; --brand-line:#294b7d;
  --font:var(--sans);
  --accent:#3079ff; --accent-text:#6ea2ff; --accent-soft:#13233f; --accent-line:#294b7d;
  --good:#3ecf8e; --good-soft:#10271d; --green:#3ecf8e; --green-soft:#10271d;
  --warn:#e2b33c; --warn-soft:#2a2310; --amber:#e2b33c; --amber-soft:#2a2310;
  --risk:#f0746e; --risk-soft:#2a1413; --red:#f0746e; --red-soft:#2a1413;
  --blue:#3079ff; --blue-soft:#13233f;
  --violet:#b69cf2; --violet-soft:#1d1733;
  --slate:#9aa7bd; --slate-soft:#161d2b;
  --orange:#f59e5b; --orange-soft:#2a1a0f;
}
/* This doc's device-kit CSS was authored against a legacy token vocabulary
   (--font, --sink, --accent, --dim, --border, --green, --amber, --blue, --red)
   that was never defined anywhere reachable here — every rule using them
   was a silent no-op, not just un-dark-skinned. The aliases above make them
   resolve to the real canonical tokens instead of introducing a second
   token system; new work in this doc should use the canonical names directly. */
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .card p,
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .callout {color:var(--text)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .notes li {color:var(--muted)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .card.star {background:linear-gradient(180deg,var(--surface-blue),var(--surface))}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .t-dark {background:var(--subtle)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 {background:radial-gradient(52% 340px at 50% 0,rgba(48,121,255,.16),transparent 72%),#070a13}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 th {color:#c2cde0;background:#0e1626}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 code {color:#cdd9ee;background:#13203a}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .badge {background:#13203a}

/* ===========================================================================
   WIREFRAME DEVICE KIT — fixed to reference tokens that actually exist
   (was reading --dim/--border-strong/--accent-soft/--accent-line, none of
   which are defined anywhere in this stylesheet, so those rules were
   silent no-ops) and restyled to the real dark shell + a real 3-item
   labeled nav (Campaigns/Ontology/Opportunities) instead of 4 anonymous
   icon dots — the app has never had a 4th top-level nav item.
   =========================================================================== */
/* Horizontal padding removed (was 18px, eating 36px off the shell's width
   that .real-shot doesn't lose) so illustrated wireframes reach the exact
   same rendered width as the real screenshots — matching height alone
   wasn't enough, it left every illustrated frame at a narrower 1.536 ratio
   instead of the real screenshots' 1.596 (16:10). Vertical padding stays for
   the hatched "mounting board" cue that marks a frame as illustrative. */
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .stage {padding:18px 0;background:repeating-linear-gradient(45deg,#0b0e17,#0b0e17 10px,#0d111b 10px,#0d111b 20px);border-top:1px dashed var(--line-strong)}
/* Frame sizing & zoom consistency (see .claude/skills/beam:ux-spec/SKILL.md,
   "Matching height is not matching frame size") — every illustrated
   wireframe now renders at the SAME height as the real screenshots (measured
   at 590px at this container width), not an auto-height box driven by
   however much content each figure happens to have (was ranging 290px-663px
   across figures). Matching height alone isn't sufficient — see the
   horizontal-padding fix on .stage above, which was needed to also match
   width/ratio. .shell-main gets internal scroll so a figure with more
   content than fits scrolls within the frame rather than silently
   overflowing or clipping. */
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell {background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 20px 48px rgba(0,0,0,.35);height:590px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-row {flex:1;min-height:0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-main {overflow-y:auto}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .a6-diff {height:590px;background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;box-shadow:0 20px 48px rgba(0,0,0,.35);overflow:hidden}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .a6-diff.grid2 {gap:0;margin:0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .a6-diff .wf {height:100%;display:flex;flex-direction:column;border:0;border-radius:0;margin:0}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .a6-diff .wf:first-child {border-right:1px solid var(--line)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .a6-diff .wf .body {flex:1;overflow-y:auto}
@media(max-width:720px) {
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell {height:520px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .a6-diff {height:auto}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .a6-diff .wf {height:auto}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .a6-diff .wf:first-child {border-right:0;border-bottom:1px solid var(--line)}
}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-top {border-bottom:1px solid var(--line);background:#0b101d}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .wdots i {background:var(--line-strong)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .crumb {color:var(--faint)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .crumb b {color:var(--navy)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .topacts i {background:var(--subtle)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-nav {width:126px;background:#070a13;border-right:1px solid var(--line);padding:10px 8px;align-items:stretch;gap:3px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-nav i {display:none}
/* The app's actual sidebar always carries a workspace switcher above the nav
   and a "Your campaigns" row below it — real chrome the wireframe was
   missing entirely, not just unlabeled. Content-only pseudo-elements so the
   9 markup call sites don't each need new nodes. */
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-nav::before {content:"Linde's Workspace ⌄";display:block;margin-bottom:10px;padding:0 8px 10px;border-bottom:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-nav::after {content:"+ Your campaigns";display:block;margin-top:10px;padding:6px 8px;font-size:11.5px;font-weight:600;color:var(--faint);white-space:nowrap}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-nav .ni {display:block;padding:6px 8px;border-radius:6px;font-size:13px;font-weight:600;color:var(--faint);white-space:nowrap}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-nav .ni.on {background:var(--brand-soft);color:var(--brand-dark)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-main {background:var(--surface)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-rail {background:#070a13;border-left:1px solid var(--line);align-items:center;text-align:center;padding:14px 8px;gap:6px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-rail i {background:var(--line-strong);width:100%}
/* The real right rail is always the labeled Beam Copilot panel, not blank
   gray bars — same missing-context problem as the sidebar. */
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-rail::before {content:"◈";display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-bottom:2px;border-radius:50%;background:var(--surface-blue);color:var(--brand-dark);font-size:13px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .shell-rail::after {content:"Beam Copilot";font-size:11px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .vh .vt {color:var(--navy);font-size:19px}
body.bd-doc-product-features-opportunities-v1-opportunity-map-ux-spec-6a893851 .vh .vsub {color:var(--faint)}

@keyframes spin {to{transform:rotate(360deg)}}

/* docs/product/features/process-discovery/process-discovery-ui-spec.html */
html:has(body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8) {
        color-scheme: light;
        /* alias-only: map this doc's own names onto canonical Beam tokens
           (--bg, --text, --line, --brand, --brand-soft, --muted, --good come from beam-doc.css) */
        --panel: var(--surface); --panel-soft: var(--surface-soft);
        --amber: var(--warn); --red: var(--risk); --purple: var(--violet);
        font-family: var(--sans);
      }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 * { box-sizing: border-box; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 { margin:0; color:var(--text); background:var(--bg); line-height:1.55; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 main { width: min(1200px, calc(100vw - 28px)); margin:0 auto; padding:40px 0 90px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 header,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 section { border:1px solid var(--line); border-radius:14px; background:var(--panel); box-shadow:0 16px 44px rgba(16,21,34,.05); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 header { padding:32px; margin-bottom:16px; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 section { padding:26px; margin-top:16px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .eyebrow { margin:0 0 8px; color:var(--brand); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 h1,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 h2,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 h3,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 h4,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 p { margin-top:0; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 h1 { margin-bottom:10px; font-size:clamp(28px,5vw,42px); line-height:1.04; letter-spacing:-.02em; color:var(--navy); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 h2 { font-size:24px; margin-bottom:6px; letter-spacing:-.01em; color:var(--navy); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 h3 { font-size:16px; margin:22px 0 8px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 h4 { font-size:12px; margin:16px 0 6px; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 p,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 li { color:var(--text); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .lede { font-size:17px; color:var(--muted); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .muted { color:var(--muted); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 code { font-family:var(--mono); font-size:.85em; background:var(--subtle); padding:1px 5px; border-radius:5px; color:var(--navy); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table.doc { border-collapse:collapse; width:100%; font-size:14px; margin:10px 0; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table.doc th,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table.doc td { border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table.doc th { background:var(--panel-soft); font-size:12px; text-transform:uppercase; letter-spacing:.03em; color:var(--muted); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .tag { display:inline-block; font-size:11px; font-weight:700; padding:2px 9px; border-radius:999px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .tag.brand {background:var(--brand-soft);color:var(--brand)} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .tag.good {background:var(--good-soft);color:var(--good)}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .tag.amber {background:var(--warn-soft);color:var(--amber)} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .tag.red {background:var(--risk-soft);color:var(--red)} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .tag.new {background:var(--violet-soft);color:var(--purple)}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .toc { display:grid; grid-template-columns:repeat(auto-fit,minmax(168px,1fr)); gap:8px; margin-top:16px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .toc a { display:block; padding:9px 12px; border:1px solid var(--line); border-radius:9px; text-decoration:none; color:var(--text); font-weight:600; font-size:13px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .toc a:hover { border-color:var(--brand); color:var(--brand); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .note { border-left:3px solid var(--brand); background:var(--brand-soft); padding:13px 15px; border-radius:0 10px 10px 0; margin:14px 0; font-size:14px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .note.new { border-color:var(--purple); background:var(--violet-soft); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .cap { font-size:13px; color:var(--muted); margin:10px 2px 6px; }

      /* ---- design-decision blocks (goal + three options) ---- */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .goal { display:flex; gap:12px; align-items:flex-start; border:1px solid var(--line); background:linear-gradient(180deg,var(--surface),var(--brand-soft)); border-radius:12px; padding:13px 15px; margin:14px 0; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .goal .k { font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--brand); white-space:nowrap; padding-top:1px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .goal p { margin:0; font-size:14.5px; color:var(--text); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .dirs { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:12px 0 4px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .dir { border:1px solid var(--line); border-radius:11px; padding:13px; background:var(--panel-soft); position:relative; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .dir h5 { margin:0 0 2px; font-size:13px; color:var(--navy); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .dir .pat { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .dir p { margin:8px 0 0; font-size:12.5px; color:var(--text); line-height:1.5; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .dir .vd { margin-top:9px; font-size:11.5px; color:var(--muted); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .dir .vd b { color:var(--text); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .dir.pick { border-color:var(--brand); background:var(--brand-soft); box-shadow:0 0 0 1px var(--brand) inset; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .dir.pick::after { content:'✓ Chosen'; position:absolute; top:-9px; right:10px; background:var(--brand); color:var(--surface); font-size:10px; font-weight:800; padding:2px 8px; border-radius:999px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .pick-why { font-size:13.5px; color:var(--text); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:10px; padding:11px 13px; margin:6px 0 2px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .pick-why b { color:var(--brand); }

      /* ============ STUDIO V2 WIREFRAME TOOLKIT — mapped to light Beam tokens ============ */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w {
        --bg:var(--page); --p1:var(--surface); --p2:var(--surface-soft); --sec:var(--subtle);
        --ln:var(--line); --ln2:var(--line-strong);
        --tx:var(--navy); --mut:var(--muted); --dim:var(--faint);
        --pri:var(--brand); --prib:var(--brand-dark); --gd:var(--good); --wn:var(--warn);
        --rd:var(--risk); --pu:var(--violet); --or:var(--orange);
        background:var(--bg); border:1px solid var(--line-strong); border-radius:14px; color:var(--tx); overflow:hidden;
        font-family:var(--sans); font-size:12px; margin:8px 0 4px;
        box-shadow:var(--shadow);
      }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w * { box-sizing:border-box; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-mono { font-family:var(--mono); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-shell { display:grid; grid-template-columns:212px 1fr; min-height:486px; }
      /* sidebar — mirrors StudioShell workspace rail */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-rail { background:var(--subtle); border-right:1px solid var(--ln); padding:11px 10px; display:flex; flex-direction:column; gap:2px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-ws { display:flex; align-items:center; gap:8px; padding:8px 9px; border:1px solid var(--ln); border-radius:8px; margin-bottom:12px; background:var(--surface); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-ws .lg { width:21px; height:21px; border-radius:6px; background:linear-gradient(135deg,hsl(217 100% 50%),hsl(271 91% 65%)); flex:none; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-ws .nm { font-weight:600; font-size:12px; color:var(--tx); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-ws .cv { margin-left:auto; color:var(--dim); font-size:11px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-nav { display:flex; align-items:center; gap:9px; padding:8px 9px; border-radius:8px; color:var(--mut); font-weight:500; font-size:12.5px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-nav svg { width:16px; height:16px; flex:none; stroke:currentColor; fill:none; stroke-width:1.7; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-nav.on { background:var(--sec); color:var(--tx); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-nav.on svg { stroke:var(--prib); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-nav .ct { margin-left:auto; font-size:10px; color:var(--dim); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-div { height:1px; background:var(--ln); margin:11px 4px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-gh { color:var(--dim); font-size:10.5px; font-weight:600; letter-spacing:.04em; margin:4px 4px 4px; display:flex; align-items:center; justify-content:space-between; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-sub { display:flex; align-items:center; gap:8px; padding:6px 9px 6px 12px; border-radius:7px; color:var(--mut); font-size:11.5px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-sub.on { color:var(--tx); background:var(--subtle); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-sub .av { width:18px; height:18px; border-radius:5px; background:var(--sec); display:inline-flex; align-items:center; justify-content:center; color:var(--prib); flex:none; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-sub .av svg { width:11px; height:11px; stroke:currentColor; fill:none; stroke-width:1.8; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-rail .foot { margin-top:auto; padding-top:11px; border-top:1px solid var(--ln); display:flex; flex-direction:column; gap:8px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-rail .prof { display:flex; align-items:center; gap:8px; color:var(--mut); font-size:11.5px; }
      /* main column */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-body { display:flex; flex-direction:column; min-width:0; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-top { display:flex; align-items:center; gap:10px; padding:11px 16px; border-bottom:1px solid var(--ln); color:var(--mut); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-crumb { display:flex; align-items:center; gap:8px; font-size:12px; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-crumb b { color:var(--tx); font-weight:600; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-crumb .av { width:18px; height:18px; border-radius:5px; background:linear-gradient(135deg,hsl(217 100% 50%),hsl(271 91% 65%)); flex:none; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-crumb .ar { color:var(--dim); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-top .sp { margin-left:auto; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-pill { font-size:10px; color:var(--gd); display:inline-flex; align-items:center; gap:5px; border:1px solid var(--ln); border-radius:999px; padding:3px 9px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-pill::before { content:''; width:6px; height:6px; border-radius:999px; background:var(--gd); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-pill.off { color:var(--dim); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-pill.off::before { background:var(--dim); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-ic { width:28px; height:28px; border-radius:7px; border:1px solid var(--ln); display:inline-flex; align-items:center; justify-content:center; color:var(--mut); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-cont { padding:16px; display:flex; flex-direction:column; gap:14px; overflow:hidden; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-ph { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-h1 { font-size:22px; font-weight:700; color:var(--tx); letter-spacing:-.01em; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-pd { color:var(--mut); font-size:11.5px; margin-top:3px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-acts { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
      /* button — studio-v2 Button */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-btn { border:1px solid var(--ln2); border-radius:8px; padding:7px 12px; color:var(--mut); font-weight:600; font-size:11.5px; white-space:nowrap; display:inline-flex; align-items:center; gap:6px; background:transparent; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-btn.pri { background:var(--pri); border-color:var(--pri); color:#fff; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-btn.gh { border-color:transparent; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-btn.sec { background:var(--sec); border-color:var(--sec); color:var(--tx); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-btn svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:1.8; }
      /* segmented control */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-seg { display:inline-flex; background:var(--sec); border-radius:9px; padding:3px; gap:2px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-seg span { padding:5px 11px; color:var(--mut); font-size:11px; font-weight:600; border-radius:6px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-seg span.on { background:var(--bg); color:var(--tx); box-shadow:0 1px 2px rgba(0,0,0,.4); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-toolbar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-inp { display:flex; align-items:center; gap:7px; border:1px solid var(--ln2); border-radius:8px; padding:7px 11px; color:var(--dim); font-size:11.5px; background:var(--surface); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-inp.grow { flex:1; min-width:120px; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-inp svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:1.8; }
      /* tabs — studio-v2 pill TabsList */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-tabs { display:inline-flex; background:var(--sec); border-radius:9px; padding:3px; gap:2px; flex-wrap:wrap; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-tabs span { padding:6px 11px; font-size:11.5px; color:var(--mut); border-radius:6px; font-weight:500; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-tabs span.on { background:var(--bg); color:var(--tx); box-shadow:0 1px 2px rgba(0,0,0,.4); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-tabs span.pu.on { color:var(--pu); }
      /* metric card */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-cards { display:grid; gap:10px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-stat { border:1px solid var(--ln); border-radius:12px; background:var(--p1); padding:14px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-stat .l { color:var(--mut); font-size:11px; display:flex; align-items:center; gap:7px; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-stat .l svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.8; color:var(--dim); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-stat .v { font-size:24px; font-weight:700; margin-top:9px; letter-spacing:-.02em; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-stat .d { color:var(--dim); font-size:10.5px; margin-top:7px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-card { border:1px solid var(--ln); border-radius:12px; background:var(--p1); padding:14px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-card .ct { color:var(--mut); font-size:11px; font-weight:600; margin-bottom:10px; display:flex; justify-content:space-between; align-items:center; gap:8px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-card .ct .sm { color:var(--dim); font-size:10px; font-weight:500; }
      /* badge — rounded-full */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-badge { display:inline-flex; align-items:center; gap:5px; border-radius:999px; padding:2px 9px; font-size:10px; font-weight:600; border:1px solid var(--ln2); color:var(--mut); white-space:nowrap; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-badge.gd {color:var(--gd);border-color:hsl(142 71% 45% / .4);background:hsl(142 71% 45% / .08)}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-badge.wn {color:var(--wn);border-color:hsl(45 93% 47% / .4);background:hsl(45 93% 47% / .08)}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-badge.rd {color:var(--rd);border-color:hsl(0 72% 63% / .4);background:hsl(0 72% 63% / .08)}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-badge.br {color:#fff;border-color:var(--brand);background:var(--brand)}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-badge.pu {color:var(--pu);border-color:hsl(271 91% 72% / .4);background:hsl(271 91% 72% / .1)}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-badge.sec {background:var(--sec);border-color:var(--sec);color:var(--mut)}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-dot {width:7px;height:7px;border-radius:999px;display:inline-block;flex:none}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-dot.gd {background:var(--gd)} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-dot.wn {background:var(--wn)} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-dot.rd {background:var(--rd)} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-dot.br {background:var(--prib)} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-dot.dim {background:var(--dim)}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-av { width:23px; height:23px; border-radius:999px; background:var(--sec); display:inline-flex; align-items:center; justify-content:center; font-size:9px; font-weight:700; color:var(--muted); flex:none; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-chip { border:1px solid var(--ln2); border-radius:7px; padding:3px 8px; color:var(--mut); font-size:10.5px; display:inline-flex; align-items:center; gap:5px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-meter { display:flex; align-items:center; gap:8px; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-track { flex:1; height:7px; border-radius:999px; background:var(--sec); overflow:hidden; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-track > i { display:block; height:100%; background:var(--pri); border-radius:999px; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-meter b { font-size:10px; color:var(--text); font-weight:700; min-width:26px; text-align:right; }
      /* table — studio-v2 Table */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table.w-tbl { width:100%; border-collapse:collapse; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table.w-tbl th { text-align:left; color:var(--dim); font-size:10px; font-weight:500; letter-spacing:.02em; padding:11px 12px; border-bottom:1px solid var(--ln); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table.w-tbl td { padding:11px 12px; border-bottom:1px solid var(--ln); color:var(--text); font-size:11.5px; vertical-align:middle; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table.w-tbl tr:last-child td { border-bottom:0; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table.w-tbl tbody tr.on td { background:var(--brand-soft); box-shadow:inset 2px 0 0 var(--pri); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-pname { display:flex; flex-direction:column; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-pname b { color:var(--tx); font-weight:600; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-pname span { color:var(--dim); font-size:10px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-rownum { color:var(--dim); font-variant-numeric:tabular-nums; }
      /* funnel */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-funnel { display:flex; gap:9px; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-funnel > div { flex:1; border:1px solid var(--ln); border-radius:11px; background:var(--p1); padding:11px 13px; position:relative; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-funnel .fn { font-size:23px; font-weight:700; letter-spacing:-.02em; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-funnel .fl { color:var(--mut); font-size:10.5px; margin-top:2px; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-funnel .fa { color:var(--wn); font-size:9.5px; margin-top:5px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-funnel .arw { position:absolute; right:-7px; top:50%; transform:translateY(-50%); color:var(--dim); font-size:12px; }
      /* kanban */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-kanban { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-kcol { background:var(--subtle); border:1px solid var(--ln); border-radius:12px; padding:10px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-kcol .kh { display:flex; align-items:center; justify-content:space-between; color:var(--mut); font-size:11px; font-weight:600; margin-bottom:9px; padding:0 2px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-kcard { border:1px solid var(--ln); border-radius:9px; background:var(--p1); padding:11px; margin-bottom:8px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-kcard:last-child { margin-bottom:0; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-kcard p { margin:8px 0 0; color:var(--text); font-size:11.5px; line-height:1.45; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-kcard .mt { color:var(--dim); font-size:10px; margin-top:8px; display:flex; gap:9px; flex-wrap:wrap; }
      /* stepper */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step { display:flex; align-items:flex-start; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step .s { flex:1; text-align:center; position:relative; color:var(--dim); font-size:9.5px; font-weight:600; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step .s::before { content:''; position:absolute; top:6px; left:-50%; width:100%; height:2px; background:var(--ln2); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step .s:first-child::before { display:none; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step .s .nd { width:13px; height:13px; border-radius:999px; border:2px solid var(--ln2); background:var(--p1); margin:0 auto 7px; position:relative; z-index:1; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step .s.done .nd,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step .s.cur .nd { border-color:var(--pri); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step .s.done .nd { background:var(--pri); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step .s.done::before { background:var(--pri); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step .s.cur,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-step .s.done { color:var(--text); }
      /* field + form */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-field { border:1px solid var(--ln); border-radius:9px; padding:10px 12px; background:var(--p1); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-field .fl { color:var(--dim); font-size:9.5px; text-transform:uppercase; letter-spacing:.04em; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-field .fv { color:var(--text); font-size:12.5px; margin-top:6px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-check { display:flex; align-items:center; gap:9px; font-size:11.5px; color:var(--text); padding:6px 0; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-check .bx { width:15px; height:15px; border-radius:5px; border:1.5px solid var(--ln2); display:inline-flex; align-items:center; justify-content:center; flex:none; background:var(--slate); color:#fff; font-size:10px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-check .bx:empty { background:transparent; border-color:var(--ln2); }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-check.done .bx { background:var(--gd); border-color:var(--gd); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-check.done { color:var(--mut); }
      /* doc / report */
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-doc { background:var(--p1); border:1px solid var(--ln); border-radius:12px; padding:18px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-doc h5 { margin:0 0 4px; font-size:15px; color:var(--tx); } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-doc .ds { color:var(--dim); font-size:10px; text-transform:uppercase; letter-spacing:.05em; font-weight:600; margin:16px 0 7px; border-top:1px solid var(--ln); padding-top:12px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-doc p { margin:0; color:var(--text); font-size:11.5px; line-height:1.65; } body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-skel { height:8px; border-radius:5px; background:var(--sec); margin:6px 0; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-pre { background:var(--subtle); border:1px solid var(--ln); border-radius:9px; padding:13px; color:var(--text); font-family:var(--mono); font-size:11px; line-height:1.6; overflow:auto; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-sheet-tag { display:inline-flex; align-items:center; gap:5px; font-size:9.5px; color:var(--dim); border:1px dashed var(--ln2); border-radius:999px; padding:2px 8px; }
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .g2 {display:grid;grid-template-columns:1fr 1fr;gap:11px} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .g3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .g4 {display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .split {display:grid;grid-template-columns:1.62fr 1fr;gap:12px}
      body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .legend { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:8px; }
      @media (max-width:820px){ body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-shell {grid-template-columns:1fr} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-rail {display:none} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .split,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .g2,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .g3,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .g4,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-kanban,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .dirs {grid-template-columns:1fr} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 .w-tbl,
body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 table.doc {display:block;overflow-x:auto;max-width:100%} body.bd-doc-product-features-process-discovery-process-discovery-ui-spec-a2bf6af8 code {overflow-wrap:anywhere;word-break:break-word} }

/* docs/product/features/task-mining/task-mining-and-discovery.html */
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee {
        color-scheme: light;
        --panel: var(--surface);
        font-family: var(--sans);
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee * {
        box-sizing: border-box;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee {
        margin: 0;
        color: var(--text);
        background: var(--bg);
        line-height: 1.55;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee main {
        width: min(1040px, calc(100vw - 32px));
        margin: 0 auto;
        padding: 48px 0;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee header,
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee section {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--panel);
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee header {
        padding: 32px;
        margin-bottom: 18px;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee section {
        padding: 24px;
        margin-top: 18px;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee .eyebrow {
        margin: 0 0 8px;
        color: var(--brand);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee h1,
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee h2,
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee h3,
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee p {
        margin-top: 0;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee h1 {
        margin-bottom: 12px;
        font-size: clamp(32px, 5vw, 48px);
        line-height: 1.02;
        letter-spacing: 0;
        color: var(--navy);
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee h2 {
        margin-bottom: 12px;
        font-size: 22px;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee h3 {
        margin-bottom: 6px;
        font-size: 16px;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee a {
        color: var(--brand);
        font-weight: 750;
        text-decoration: none;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee a:hover {
        text-decoration: underline;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee .grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee .card {
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 16px;
        background: var(--surface-soft);
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee .card h3 {
        font-size: 15px;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee th,
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee td {
        text-align: left;
        vertical-align: top;
        padding: 10px 12px;
        border-bottom: 1px solid var(--line);
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee th {
        color: var(--muted);
        font-size: 12px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee code {
        font-family: var(--mono);
        font-size: 13px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 1px 6px;
        border-radius: 5px;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee .flow {
        margin: 0;
        padding: 16px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--navy);
        color: var(--brand-soft);
        font-family: var(--mono);
        font-size: 13px;
        line-height: 1.5;
        overflow-x: auto;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee .status {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--good);
        background: var(--good-soft);
        font-size: 12px;
        font-weight: 800;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee .status.draft {
        color: var(--warn);
        background: var(--warn-soft);
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee ul {
        margin: 0;
        padding-left: 20px;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee li + li {
        margin-top: 6px;
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee .muted {
        color: var(--muted);
      }
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee .lede {
        font-size: 17px;
      }
@media (max-width: 760px) {
body.bd-doc-product-features-task-mining-task-mining-and-discovery-e85b53ee .grid {
          grid-template-columns: 1fr;
        }
}

/* docs/product/features/task-mining/v0/prd.html */
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .scope-note {border:1px solid var(--brand-line);border-left:4px solid var(--brand);background:var(--surface-blue);border-radius:var(--radius-row);padding:16px 18px;margin:6px 0 4px;font-size:16px;line-height:1.5;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .flowline {font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:0 0 14px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .flowline b {color:var(--brand-dark)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .mini {font-size:13px;color:var(--muted)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .state-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .state {border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);padding:12px}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .state strong {display:flex;align-items:center;gap:8px;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .dot {width:10px;height:10px;border-radius:999px;background:var(--slate);display:inline-block;box-shadow:0 0 0 3px var(--slate-soft)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .dot.good {background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .dot.warn {background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .dot.risk {background:var(--risk);box-shadow:0 0 0 3px var(--risk-soft)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .trace-demo {border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);padding:0;margin-top:14px;overflow:hidden}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .trace-row {display:grid;grid-template-columns:48px minmax(0,1fr) 156px;gap:14px;align-items:start;padding:14px 16px;border-top:1px solid var(--line)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .trace-row:first-child {border-top:0}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .trace-num {font-family:var(--mono);color:var(--brand-dark);font-weight:700}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .proof-box {border:1px solid var(--brand-line);border-radius:8px;background:var(--surface-blue);min-height:86px;padding:10px;font-size:12px;color:var(--muted)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .notice-feed {display:grid;gap:8px;margin-top:10px}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .notice {border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:9px 10px;font-size:13px}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .notice.question {border-color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .status-pill {white-space:nowrap}
@media (max-width: 860px) {
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .state-grid {grid-template-columns:1fr}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .trace-row {grid-template-columns:36px minmax(0,1fr)}
body.bd-doc-product-features-task-mining-v0-prd-62da6eb1 .proof-box {grid-column:2}
}

/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/pain-fable-ghostprocess.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --risk:#b42318;--risk-soft:#fff1f0;--violet:#7544cd;--violet-soft:#f0eaff;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 figcaption b {color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 .legend {display:flex;flex-wrap:wrap;gap:16px;margin:18px 0 0;padding:0;list-style:none}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 .legend li {display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-ghostprocess-057787d0 .legend .sw {width:14px;height:14px;border-radius:5px;flex:0 0 auto;border:1px solid rgba(0,0,0,.06)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/pain-fable-overwhelm.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --risk:#b42318;--risk-soft:#fff1f0;--violet:#7544cd;--violet-soft:#f0eaff;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08);margin:0}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .figure svg text {font-family:var(--sans)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .figure svg .mono {font-family:var(--mono)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 figcaption b {color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .legend {display:flex;flex-wrap:wrap;gap:16px;margin:18px 0 0;padding:0;list-style:none}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .legend li {display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .legend .sw {width:14px;height:14px;border-radius:5px;flex:0 0 auto;border:1px solid rgba(0,0,0,.06)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .nav {display:flex;gap:9px;margin:26px 0 0;flex-wrap:wrap}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-overwhelm-191659a5 .nav a {font-size:13px;text-decoration:none;color:var(--brand-dark);border:1px solid var(--brand-line);background:var(--brand-soft);padding:7px 13px;border-radius:999px}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/pain-fable-wall.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --risk:#b42318;--risk-soft:#fff1f0;--violet:#7544cd;--violet-soft:#f0eaff;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 figcaption b {color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 .legend {display:flex;flex-wrap:wrap;gap:16px;margin:18px 0 0;padding:0;list-style:none}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 .legend li {display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-fable-wall-988591e7 .legend .sw {width:14px;height:14px;border-radius:5px;flex:0 0 auto;border:1px solid rgba(0,0,0,.06)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/pain-variant-a.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --risk:#b42318;--risk-soft:#fff1f0;--violet:#7544cd;--violet-soft:#f0eaff;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 figcaption b {color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .legend {display:flex;flex-wrap:wrap;gap:16px;margin:18px 0 0;padding:0;list-style:none}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .legend li {display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .legend .sw {width:14px;height:14px;border-radius:5px;flex:0 0 auto;border:1px solid rgba(0,0,0,.06)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .nav {display:flex;gap:9px;margin:26px 0 0;flex-wrap:wrap}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .nav a {font-size:13px;text-decoration:none;color:var(--brand-dark);border:1px solid var(--brand-line);background:var(--brand-soft);padding:7px 13px;border-radius:999px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-a-f6d089c2 .nav a.here {background:var(--navy);color:#fff;border-color:var(--navy)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/pain-variant-nightboard.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --risk:#b42318;--risk-soft:#fff1f0;--violet:#7544cd;--violet-soft:#f0eaff;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .lede {color:var(--muted);font-size:15px;max-width:800px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 figcaption b {color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .legend {display:flex;flex-wrap:wrap;gap:16px;margin:18px 0 0;padding:0;list-style:none}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .legend li {display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .legend .sw {width:14px;height:14px;border-radius:5px;flex:0 0 auto;border:1px solid rgba(0,0,0,.06)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .nav {display:flex;gap:9px;margin:26px 0 0;flex-wrap:wrap}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .nav a {font-size:13px;text-decoration:none;color:var(--brand-dark);border:1px solid var(--brand-line);background:var(--brand-soft);padding:7px 13px;border-radius:999px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-nightboard-cd407397 .nav a.here {background:var(--navy);color:#fff;border-color:var(--navy)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/pain-variant-warroom.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --risk:#b42318;--risk-soft:#fff1f0;--violet:#7544cd;--violet-soft:#f0eaff;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d figcaption b {color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .legend {display:flex;flex-wrap:wrap;gap:16px;margin:18px 0 0;padding:0;list-style:none}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .legend li {display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .legend .sw {width:14px;height:14px;border-radius:5px;flex:0 0 auto;border:1px solid rgba(0,0,0,.06)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .nav {display:flex;gap:9px;margin:26px 0 0;flex-wrap:wrap}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .nav a {font-size:13px;text-decoration:none;color:var(--brand-dark);border:1px solid var(--brand-line);background:var(--brand-soft);padding:7px 13px;border-radius:999px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-pain-variant-warroom-8accb05d .nav a.here {background:var(--navy);color:#fff;border-color:var(--navy)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/polish-coverage-map.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --risk:#b42318;--risk-soft:#fff1f0;--violet:#7544cd;--violet-soft:#f0eaff;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6 * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6 {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6 .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6 .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6 h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6 .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6 .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6 .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6 figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-coverage-map-a977eef6 figcaption b {color:var(--navy)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/polish-delight-curve.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347 * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347 {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347 .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347 .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347 h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347 .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347 .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347 .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347 figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-delight-curve-56980347 figcaption b {color:var(--navy)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/polish-knowledge-state.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --risk:#b42318;--risk-soft:#fff1f0;--violet:#7544cd;--violet-soft:#f0eaff;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95 * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95 {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95 .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95 .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95 h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95 .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95 .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08);padding:10px 10px 0}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95 .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95 figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;margin:10px -10px 0}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-knowledge-state-007cae95 figcaption b {color:var(--navy)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/polish-output-anatomy.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --risk:#b42318;--risk-soft:#fff1f0;--violet:#7544cd;--violet-soft:#f0eaff;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-output-anatomy-a713137c figcaption b {color:var(--navy)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/polish-proof-board.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --risk:#b42318;--risk-soft:#fff1f0;--violet:#7544cd;--violet-soft:#f0eaff;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-proof-board-7a0da49c figcaption b {color:var(--navy)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/polish-scope-guard.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;--warn:#a86405;--warn-soft:#fff5df;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-scope-guard-cb096c9a figcaption b {color:var(--navy)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/polish-trust-chain.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95) {
  --page:#f7f9fc;--surface:#fff;--surface-soft:#fbfcfe;--surface-blue:#edf4ff;--subtle:#f2f6fb;
  --navy:#19154e;--text:#172033;--muted:#607086;--faint:#8a98ab;
  --line:#dfe6ef;--line-strong:#cdd8e6;
  --brand:#0099ff;--brand-dark:#004ecc;--brand-soft:#e5efff;--brand-line:#b9d2ff;
  --good:#0d8f70;--good-soft:#e8f8f3;
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95 * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95 {margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95 .wrap {max-width:1120px;margin:0 auto;padding:36px 22px 64px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95 .eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95 h1 {font-size:27px;color:var(--navy);margin:0 0 8px;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95 .lede {color:var(--muted);font-size:15px;max-width:780px;margin:0 0 22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95 .figure {border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 22px 60px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95 .figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95 figcaption {padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-polish-trust-chain-66f0ca95 figcaption b {color:var(--navy)}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/review-concept-a-focus-card.html */
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 * {box-sizing:border-box}
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1) {
  --bg:#f3f5f8; --surface:#fff; --line:#dfe4eb; --line-strong:#c9d1dc;
  --navy:#19154e; --text:#172033; --muted:#607086; --chrome:#333b49; --chrome-soft:#eef1f5;
  --good:#0d8f70; --good-soft:#e8f8f3; --warn:#a86405; --warn-soft:#fff5df; --risk:#b42318;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 {margin:0;background:var(--bg);color:var(--text);font-family:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .proto-note {max-width:860px;margin:14px auto 0;padding:0 16px;color:var(--muted);font-family:var(--mono);font-size:11px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .proto-note a {color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .app {max-width:860px;margin:10px auto 40px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);box-shadow:0 18px 50px rgba(32,39,52,.10);overflow:hidden;min-height:600px;display:flex;flex-direction:column}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .bar {display:flex;align-items:center;gap:10px;height:46px;border-bottom:1px solid var(--line);background:#f2f4f8;padding:0 14px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .dots {display:flex;gap:5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .dots i {width:9px;height:9px;border-radius:50%;background:var(--line-strong)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .url {flex:1;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:5px 12px;color:var(--muted);font-family:var(--mono);font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .body {flex:1;display:flex;flex-direction:column;padding:22px 26px 26px;gap:12px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .head {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .head h1 {margin:0;color:var(--navy);font-size:24px;line-height:1.1;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .head p {margin:4px 0 0;color:var(--muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .progress {display:flex;align-items:center;gap:7px;padding-top:8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .pdot {width:10px;height:10px;border-radius:50%;background:var(--line-strong);transition:background .2s}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .pdot.done {background:var(--chrome)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .pdot.on {background:var(--surface);border:3px solid var(--chrome)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .pcount {color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:800;margin-left:4px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .tabs {display:inline-flex;gap:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:3px;width:max-content}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .tab {border:0;border-radius:999px;padding:5px 12px;color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:800;background:transparent;cursor:pointer}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .tab.on {background:var(--chrome-soft);color:var(--chrome)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .stage {flex:1;display:grid;place-items:center;min-height:340px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .card {width:min(560px,100%);border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px;box-shadow:0 14px 34px rgba(32,39,52,.09)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .card.slide {animation:slide-f503dde1 .22s ease-out}
@keyframes slide-f503dde1 {from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce) {
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .card.slide {animation:none}
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .card-head {display:flex;align-items:center;gap:10px;margin-bottom:8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .rank {display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:var(--chrome-soft);color:var(--chrome);font-family:var(--mono);font-size:12px;font-weight:900;flex:0 0 auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .card-head b {color:var(--navy);font-size:18px;line-height:1.2}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .state-tag {margin-left:auto;border-radius:999px;padding:2px 9px;font-family:var(--mono);font-size:10px;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .state-tag.ok {background:var(--good-soft);color:var(--good)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .state-tag.warn {background:var(--warn-soft);color:var(--warn)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .summary {margin:0 0 12px;color:var(--text);font-size:15px;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .card textarea {width:100%;min-height:88px;border:1px solid var(--line-strong);border-radius:12px;background:#fbfcfe;color:var(--text);font:inherit;font-size:14px;padding:12px;resize:vertical;margin:0 0 12px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .quote {border-left:3px solid var(--line-strong);background:#f6f8fa;padding:10px 12px;border-radius:0 10px 10px 0;color:var(--muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .quote b {color:var(--navy);font-family:var(--mono);font-size:11px;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .srcline {margin-top:6px;color:var(--muted);font-family:var(--mono);font-size:10.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .actions {display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:16px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .btn {display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-weight:800;font-size:13px;padding:7px 15px;cursor:pointer;font-family:inherit}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .btn.primary {background:var(--chrome);border-color:var(--chrome);color:#fff}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .btn.danger-text {color:var(--risk)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .linkish {border:0;background:none;color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .navrow {display:flex;justify-content:center;gap:18px;color:var(--muted);font-family:var(--mono);font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .panel {width:min(640px,100%);margin:0 auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px;max-height:380px;overflow:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .turn {border-left:3px solid var(--line-strong);padding:6px 0 6px 10px;color:var(--muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .turn b {display:block;color:var(--navy);font-family:var(--mono);font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .shots {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .shot {border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fbfcfe}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .shot .thumb {height:86px;background:linear-gradient(135deg,#f1f3f6,#e2e6ec);border-bottom:1px solid var(--line);position:relative}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .shot .thumb::after {content:"";position:absolute;inset:12px;border:2px solid #0099ff;border-radius:8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .shot div:last-child {padding:8px;color:var(--muted);font-size:12px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .done-card {width:min(560px,100%);border:1px solid var(--good);border-radius:18px;background:linear-gradient(180deg,#f2fbf8 0%,#fff 100%);padding:26px;text-align:center;box-shadow:0 16px 36px rgba(13,143,112,.12)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .done-mark {display:grid;place-items:center;width:60px;height:60px;margin:0 auto 12px;border-radius:20px;background:var(--good);color:#fff;font-size:28px;font-weight:900}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .done-card h2 {margin:0 0 6px;color:var(--navy);font-size:22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .done-card p {margin:0 0 14px;color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .recap {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;text-align:left;margin-bottom:16px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .recap div {border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .recap b {display:block;color:var(--navy);font-size:17px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .recap span {color:var(--muted);font-size:10.5px}
@media (max-width:640px) {
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .body {padding:16px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .recap {grid-template-columns:repeat(2,minmax(0,1fr))}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-a-focus-card-f503dde1 .head h1 {font-size:20px}
}
/* docs/product/features/voice-interviews/live-v1/assets/screens/scratch-pad/review-concept-b-quiet-ledger.html */
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec * {box-sizing:border-box}
html:has(body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec) {
  --bg:#f3f5f8; --surface:#fff; --line:#dfe4eb; --line-strong:#c9d1dc;
  --navy:#19154e; --text:#172033; --muted:#607086; --chrome:#333b49; --chrome-soft:#eef1f5;
  --good:#0d8f70; --good-soft:#e8f8f3; --warn:#a86405; --warn-soft:#fff5df; --risk:#b42318;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec {margin:0;background:var(--bg);color:var(--text);font-family:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .proto-note {max-width:860px;margin:14px auto 0;padding:0 16px;color:var(--muted);font-family:var(--mono);font-size:11px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .proto-note a {color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .app {max-width:860px;margin:10px auto 40px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);box-shadow:0 18px 50px rgba(32,39,52,.10);overflow:hidden;min-height:600px;display:flex;flex-direction:column}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .bar {display:flex;align-items:center;gap:10px;height:46px;border-bottom:1px solid var(--line);background:#f2f4f8;padding:0 14px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .dots {display:flex;gap:5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .dots i {width:9px;height:9px;border-radius:50%;background:var(--line-strong)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .url {flex:1;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:5px 12px;color:var(--muted);font-family:var(--mono);font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .body {flex:1;display:flex;flex-direction:column;padding:22px 26px 0;gap:12px;min-height:0}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .head h1 {margin:0;color:var(--navy);font-size:24px;line-height:1.1;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .head p {margin:4px 0 0;color:var(--muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .tabs {display:inline-flex;gap:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:3px;width:max-content}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .tab {border:0;border-radius:999px;padding:5px 12px;color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:800;background:transparent;cursor:pointer}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .tab.on {background:var(--chrome-soft);color:var(--chrome)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .list {flex:1;overflow:auto;display:flex;flex-direction:column;padding-bottom:8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .row {border-bottom:1px solid var(--line)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .row:last-child {border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .rowhead {display:flex;align-items:center;gap:12px;padding:13px 4px;cursor:pointer;background:none;border:0;width:100%;text-align:left;font:inherit;color:inherit}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .check {display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--line-strong);color:#fff;font-size:13px;font-weight:900;flex:0 0 auto;background:var(--surface)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .check.ok {background:var(--good);border-color:var(--good)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .check.warn {background:var(--warn);border-color:var(--warn)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .check.removed {background:var(--line-strong);border-color:var(--line-strong)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .rank {color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:900;width:14px;flex:0 0 auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .rowtitle {flex:1;min-width:0}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .rowtitle b {display:block;color:var(--navy);font-size:15.5px;line-height:1.25}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .rowtitle span {display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .row.removed .rowtitle b {text-decoration:line-through;color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .state-word {color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:800;flex:0 0 auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .state-word.ok {color:var(--good)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .state-word.warn {color:var(--warn)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .rowbody {padding:0 4px 16px 50px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .row.open {background:#fafbfd;border-radius:12px;border-bottom-color:transparent;box-shadow:inset 0 0 0 1px var(--line)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .quote {border-left:3px solid var(--line-strong);background:#f6f8fa;padding:9px 12px;border-radius:0 10px 10px 0;color:var(--muted);font-size:13px;margin:2px 0 12px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .quote b {color:var(--navy);font-family:var(--mono);font-size:11px;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .rowbody textarea {width:100%;min-height:76px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--text);font:inherit;font-size:14px;padding:11px;resize:vertical;margin:0 0 10px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .fullsummary {margin:0 0 10px;color:var(--text);font-size:14px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .actions {display:flex;gap:9px;flex-wrap:wrap;align-items:center}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .btn {display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-weight:800;font-size:13px;padding:6px 14px;cursor:pointer;font-family:inherit}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .btn.primary {background:var(--chrome);border-color:var(--chrome);color:#fff}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .btn.danger-text {color:var(--risk)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .linkish {border:0;background:none;color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .footer {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);background:linear-gradient(180deg,#fff, #f7faf9);padding:13px 26px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .footer.footer-hidden {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .footer p {margin:0;color:var(--muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .footer p b {color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .panel {width:100%;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px;overflow:auto}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .turn {border-left:3px solid var(--line-strong);padding:6px 0 6px 10px;color:var(--muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .turn b {display:block;color:var(--navy);font-family:var(--mono);font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .shots {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .shot {border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fbfcfe}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .shot .thumb {height:86px;background:linear-gradient(135deg,#f1f3f6,#e2e6ec);border-bottom:1px solid var(--line);position:relative}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .shot .thumb::after {content:"";position:absolute;inset:12px;border:2px solid #0099ff;border-radius:8px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .shot div:last-child {padding:8px;color:var(--muted);font-size:12px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .done-wrap {flex:1;display:grid;place-items:center;padding:20px 0}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .done-card {width:min(560px,100%);border:1px solid var(--good);border-radius:18px;background:linear-gradient(180deg,#f2fbf8 0%,#fff 100%);padding:26px;text-align:center;box-shadow:0 16px 36px rgba(13,143,112,.12)}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .done-mark {display:grid;place-items:center;width:60px;height:60px;margin:0 auto 12px;border-radius:20px;background:var(--good);color:#fff;font-size:28px;font-weight:900}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .done-card h2 {margin:0 0 6px;color:var(--navy);font-size:22px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .done-card p {margin:0 0 14px;color:var(--muted);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .recap {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;text-align:left;margin-bottom:16px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .recap div {border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .recap b {display:block;color:var(--navy);font-size:17px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .recap span {color:var(--muted);font-size:10.5px}
@media (max-width:640px) {
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .body {padding:16px 14px 0}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .footer {padding:12px 14px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .rowbody {padding-left:38px}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .recap {grid-template-columns:repeat(2,minmax(0,1fr))}
body.bd-doc-product-features-voice-interviews-live-v1-assets-screens-scratch-pad-review-concept-b-quiet-ledger-a47584ec .head h1 {font-size:20px}
}
/* docs/product/features/voice-interviews/live-v1/participant-interview-v2-mock.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef) {
  --primary:#0062FF; --primary-90:#1a72ff; --primary-soft:#eaf1ff;
  --fg:#020817; --muted-fg:#757E92; --bg:#ffffff; --muted:#F1F5F9; --muted-40:#f7f9fc;
  --border:#E1E7EF; --success:#157F3C; --destructive:#EF4343; --warning:#C88A04;
  --r-sm:8px; --r-md:10px; --r-lg:12px; --r-xl:16px;
  --sh-sm:0 1px 2px rgba(2,8,23,.05);
  --sh-md:0 2px 4px -2px rgba(2,8,23,.10),0 4px 6px -1px rgba(2,8,23,.08);
  --sh-lg:0 8px 10px -6px rgba(2,8,23,.10),0 20px 32px -8px rgba(2,8,23,.12);
  --sans:Satoshi,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef * {box-sizing:border-box}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef {margin:0;font-family:var(--sans);color:var(--fg);
  background:#f4f7fb;
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .page {max-width:1180px;margin:0 auto;padding:40px 24px 72px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .brand-lockup {display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;
  color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.02em}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .brand-lockup .brand-mark {width:18px;height:18px;border-radius:5px;display:inline-block;
  background:url("./beam-mark.png") center/contain no-repeat;
  box-shadow:0 1px 3px rgba(2,8,23,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .page-head {margin-bottom:24px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .page-head .kick {font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .page-head h1 {margin:6px 0 4px;font-size:26px;font-weight:700;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .page-head p {margin:0;color:var(--muted-fg);font-size:15px;max-width:70ch}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .cap {display:flex;align-items:center;gap:10px;margin:30px 2px 12px;color:inherit;font-size:inherit}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .cap .tag {display:inline;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);
  background:var(--primary-soft);padding:3px 9px;border-radius:999px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .cap .t {font-size:14px;color:var(--muted-fg)}
/* ---------- the app screen ---------- */
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .screen {position:relative;height:600px;border-radius:var(--r-xl);background:var(--bg);
  border:1px solid var(--border);box-shadow:var(--sh-lg);overflow:hidden;
  display:flex;flex-direction:column}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .screen::before {content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 70% at 50% -8%, rgba(136,145,243,.14), rgba(136,145,243,0) 60%)}
/* top bar */
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .bar {position:relative;z-index:2;display:flex;align-items:center;gap:14px;
  padding:14px 18px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.7);
  backdrop-filter:saturate(1.4) blur(6px)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .ident {display:flex;align-items:center;gap:10px;min-width:0}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .ident .dot {width:26px;height:26px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 35% 30%,#6aa3ff,#0062FF 62%,#0049cc);
  box-shadow:0 2px 8px rgba(0,98,255,.35)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .ident .who {font-size:14px;font-weight:600;line-height:1.1}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .ident .who small {display:block;font-size:12px;font-weight:400;color:var(--muted-fg)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .bar .spacer {flex:1}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .rec {display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted-fg)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .rec .live {width:7px;height:7px;border-radius:50%;background:var(--destructive);
  box-shadow:0 0 0 0 rgba(239,67,67,.5);animation:live-d9d6cdef 2.4s infinite}
@keyframes live-d9d6cdef {0%{box-shadow:0 0 0 0 rgba(239,67,67,.45)}70%{box-shadow:0 0 0 6px rgba(239,67,67,0)}100%{box-shadow:0 0 0 0 rgba(239,67,67,0)}}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .rec .time {font-variant-numeric:tabular-nums;color:var(--fg);font-weight:500}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .pill {display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;
  padding:5px 11px;border-radius:999px;border:1px solid transparent}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .pill.share {color:var(--primary);background:var(--primary-soft);border-color:#cfe0ff}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .pill svg {width:14px;height:14px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .leave {font-size:13px;font-weight:600;color:var(--muted-fg);background:none;border:none;cursor:pointer;
  padding:6px 8px;border-radius:var(--r-sm)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .leave:hover {color:var(--fg);background:var(--muted)}
/* stage */
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .stage {position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:26px;padding:24px}
/* the orb — one warm presence, gentle breath */
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .orb {position:relative;width:128px;height:128px;flex:none}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .orb .halo {position:absolute;inset:-26px;border-radius:50%;
  background:radial-gradient(circle, rgba(0,98,255,.18), rgba(0,98,255,0) 68%);
  animation:breathe-d9d6cdef 5s ease-in-out infinite}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .orb .ball {position:absolute;inset:0;border-radius:50%;
  background:
    radial-gradient(circle at 36% 30%, #8fbcff 0%, #2f7bff 38%, #0062FF 64%, #0049cc 100%);
  box-shadow:0 18px 40px -10px rgba(0,98,255,.55), inset 0 2px 10px rgba(255,255,255,.45);
  animation:breathe-d9d6cdef 5s ease-in-out infinite}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .orb .gloss {position:absolute;top:16%;left:22%;width:42%;height:30%;border-radius:50%;
  background:radial-gradient(circle at 40% 40%, rgba(255,255,255,.7), rgba(255,255,255,0) 70%);
  filter:blur(2px)}
@keyframes breathe-d9d6cdef {0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .question {max-width:23ch;text-align:center;font-size:30px;line-height:1.28;font-weight:500;
  letter-spacing:-.01em;color:var(--fg);margin:0}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .listening {display:inline-flex;align-items:center;gap:9px;color:var(--muted-fg);font-size:14px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .listening .wave {display:flex;align-items:center;gap:3px;height:14px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .listening .wave i {width:3px;border-radius:2px;background:var(--primary);opacity:.85;animation:eq-d9d6cdef 1s ease-in-out infinite}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .listening .wave i:nth-child(2) {animation-delay:.12s}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .listening .wave i:nth-child(3) {animation-delay:.24s}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .listening .wave i:nth-child(4) {animation-delay:.36s}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .listening .wave i:nth-child(5) {animation-delay:.18s}
@keyframes eq-d9d6cdef {0%,100%{height:4px}50%{height:14px}}
/* footer controls */
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .controls {position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;
  padding:18px;border-top:1px solid var(--border);background:rgba(255,255,255,.6)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .mic {width:54px;height:54px;border-radius:50%;border:1px solid var(--border);background:#fff;
  box-shadow:var(--sh-sm);cursor:pointer;display:grid;place-items:center;color:var(--fg);transition:.15s}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .mic:hover {box-shadow:var(--sh-md)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .mic.on {background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 16px -4px rgba(0,98,255,.5)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .mic svg {width:22px;height:22px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .btn {display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-size:14px;font-weight:600;
  height:40px;padding:0 16px;border-radius:var(--r-md);cursor:pointer;transition:.15s}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .btn.outline {background:#fff;border:1px solid var(--border);color:var(--fg)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .btn.outline:hover {background:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .btn.ghost {background:none;border:1px solid transparent;color:var(--muted-fg)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .btn.ghost:hover {color:var(--fg);background:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .btn svg {width:16px;height:16px}
/* ---------- screen-share state ---------- */
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .share-stage {padding:18px;gap:0;align-items:stretch;justify-content:stretch}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared {position:relative;flex:1;border-radius:var(--r-lg);border:1px solid var(--border);
  background:#fbfcfe;box-shadow:var(--sh-md);overflow:hidden;display:flex;flex-direction:column}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .winbar {display:flex;align-items:center;gap:8px;padding:9px 13px;border-bottom:1px solid var(--border);background:#fff}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .winbar .dots {display:flex;gap:6px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .winbar .dots i {width:10px;height:10px;border-radius:50%;background:#e2e8f0}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .winbar .url {margin-left:8px;font-size:12px;color:var(--muted-fg);background:var(--muted);padding:3px 12px;border-radius:999px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .winbody {flex:1;display:flex;min-height:0}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .sb {width:150px;border-right:1px solid var(--border);background:#fff;padding:14px 12px;display:flex;flex-direction:column;gap:7px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .sb .lbl {font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9aa6b6;margin:2px 0 4px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .sb .nav {display:flex;align-items:center;gap:8px;font-size:12.5px;color:#475569;padding:6px 8px;border-radius:7px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .sb .nav.on {background:var(--primary-soft);color:var(--primary);font-weight:600}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .sb .nav b {width:13px;height:13px;border-radius:4px;background:#cbd5e1;display:block}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .sb .nav.on b {background:var(--primary)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .main {flex:1;padding:16px 18px;min-width:0;overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .main h3 {margin:0 0 3px;font-size:15px;font-weight:700;color:#1e293b}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .main .sub {font-size:12px;color:var(--muted-fg);margin:0 0 14px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .tbl {border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#fff}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .tbl .tr {display:grid;grid-template-columns:1.4fr 1fr .8fr .8fr;gap:8px;padding:9px 13px;border-bottom:1px solid #eef2f7;font-size:12.5px;align-items:center}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .tbl .tr:last-child {border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .tbl .tr.h {background:#f8fafc;color:#8a96a6;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .tbl .tr.focus {background:#fff7ed;box-shadow:inset 3px 0 0 var(--warning)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .tbl .st {font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;justify-self:start}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .tbl .st.wait {color:var(--warning);background:#fdf3e1}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .tbl .st.ok {color:var(--success);background:#e7f3ec}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .cell-strong {color:#1e293b;font-weight:600}
/* observer bubble (PiP orb + grounded follow-up) */
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .observer {position:absolute;right:16px;bottom:16px;z-index:5;display:flex;align-items:flex-end;gap:12px;max-width:420px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .observer .mini {position:relative;width:52px;height:52px;flex:none}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .observer .mini .ball {position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#8fbcff,#2f7bff 40%,#0062FF 70%);
  box-shadow:0 8px 20px -6px rgba(0,98,255,.55);animation:breathe-d9d6cdef 5s ease-in-out infinite}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .observer .mini .gloss {position:absolute;top:15%;left:22%;width:42%;height:30%;border-radius:50%;
  background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%);filter:blur(1px)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .observer .say {background:#fff;border:1px solid var(--border);box-shadow:var(--sh-lg);
  border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:14px;line-height:1.4;color:var(--fg)}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .observer .say .seen {display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;
  color:var(--primary);margin-bottom:5px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .observer .say .seen svg {width:13px;height:13px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .foot {margin-top:30px;color:var(--muted-fg);font-size:13px}
@media (max-width:720px) {
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .question {font-size:24px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .screen {height:540px}
body.bd-doc-product-features-voice-interviews-live-v1-participant-interview-v2-mock-d9d6cdef .shared .sb {display:none}
}
/* docs/product/features/voice-interviews/live-v1/participant-understanding-feedback-mock.html */
html:has(body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12) {
  color-scheme: light;
  --bg: #f7f9fc;
  --surface: #ffffff;
  --surface-soft: #fbfcfe;
  --surface-blue: #edf4ff;
  --text: #172033;
  --muted: #607086;
  --line: #dfe6ef;
  --navy: #19154e;
  --night: #0f0c36;
  --brand: #0099ff;
  --brand-dark: #004ecc;
  --brand-soft: #e5efff;
  --good: #0d8f70;
  --good-soft: #e8f8f3;
  --warn: #a86405;
  --warn-soft: #fff5df;
  --risk: #b42318;
  --risk-soft: #fff1f0;
  --shadow: 0 18px 50px rgba(32, 39, 52, 0.06);
  --sans: "Satoshi", "Inter", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "DM Mono", "Fragment Mono", "Geist Mono", ui-monospace, "SF Mono",
    Menlo, Consolas, monospace;
  --radius-panel: 10px;
  --radius-row: 8px;
  --border: 1px solid var(--line);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 * {
  box-sizing: border-box;
}
html:has(body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12) {
  scroll-behavior: smooth;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 {
  margin: 0;
  color: var(--text);
  background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 420px, #f7f9fc 100%);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.55;
  overflow-x: hidden;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 main {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 48px 16px 72px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 header,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 section,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .summary,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .card,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .matrix {
  min-width: 0;
  border: var(--border);
  border-radius: var(--radius-panel);
  background: var(--surface);
  box-shadow: var(--shadow);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 header {
  padding: 30px 32px 32px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 section {
  margin-top: 18px;
  padding: 24px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 h1,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 h2,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 h3,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 p {
  margin-top: 0;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 h1 {
  max-width: 18ch;
  margin-bottom: 12px;
  color: var(--navy);
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: 0;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 h2 {
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin-bottom: 10px;
  color: var(--navy);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 h2 .num {
  color: var(--brand);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 500;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 h3 {
  margin-bottom: 8px;
  color: var(--navy);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 a {
  color: var(--brand-dark);
  font-weight: 700;
  text-decoration: none;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 a:hover {
  text-decoration: underline;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 a:focus-visible,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 button:focus-visible,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 input:focus-visible,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 select:focus-visible,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 textarea:focus-visible {
  outline: 3px solid rgba(0, 153, 255, 0.26);
  outline-offset: 2px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 ul,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 ol {
  margin: 0;
  padding-left: 20px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 li + li {
  margin-top: 6px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: var(--radius-row);
  background: var(--surface);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 th,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 td {
  padding: 12px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  text-align: left;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 th {
  color: #3b4657;
  background: #f2f6fb;
  font-size: 13px;
  font-weight: 700;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 tr:last-child td {
  border-bottom: 0;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 code {
  border-radius: 5px;
  padding: 2px 5px;
  color: #27364d;
  background: #eef3f9;
  font-family: var(--mono);
  font-size: 0.92em;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--navy);
  font-weight: 700;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .brand-mark {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  flex: 0 0 auto;
  background: url("./beam-mark.png") center / contain no-repeat;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .doc-type {
  color: var(--brand-dark);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .eyebrow {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin: 0 0 10px;
  color: var(--brand-dark);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .eyebrow::before {
  content: "";
  width: 22px;
  height: 2px;
  border-radius: 999px;
  background: var(--brand);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .muted {
  color: var(--muted);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--muted);
  background: #eef3f9;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .badge.ready {
  color: var(--good);
  background: var(--good-soft);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .badge.decision {
  color: var(--warn);
  background: var(--warn-soft);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .badge.risk {
  color: var(--risk);
  background: var(--risk-soft);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .summary {
  margin-top: 18px;
  padding: 18px;
  border-color: #b9d2ff;
  background: var(--surface-blue);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .summary strong {
  color: var(--navy);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc {
  margin-top: 18px;
  padding: 18px;
  box-shadow: none;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc-title strong {
  color: var(--navy);
  font-size: 16px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc-title span {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
  text-transform: uppercase;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc > ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc-group {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-row);
  background: var(--surface-soft);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc-group-title {
  display: block;
  margin-bottom: 8px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc-sublist {
  display: grid;
  gap: 6px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc a {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 8px;
  align-items: baseline;
  color: var(--brand-dark);
  font-size: 14px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc-num {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .card {
  padding: 16px;
  border-radius: var(--radius-row);
  box-shadow: none;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .card strong {
  display: block;
  margin-bottom: 6px;
  color: var(--navy);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .lead {
  max-width: 760px;
  margin-bottom: 16px;
  color: var(--muted);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .callout {
  border-left: 4px solid var(--brand);
  padding: 14px 16px;
  border-radius: var(--radius-row);
  background: var(--surface-blue);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .step-list {
  display: grid;
  gap: 10px;
  padding-left: 0;
  list-style: none;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .step-list li {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-row);
  background: var(--surface-soft);
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .actor {
  color: var(--brand-dark);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .matrix {
  overflow: hidden;
  box-shadow: none;
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .footer {
  margin-top: 18px;
  color: var(--muted);
  font-size: 13px;
}
@media (max-width: 760px) {
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 main {
    padding: 24px 12px 56px;
  }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 header,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 section,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .summary,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc {
    padding: 20px;
  }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .brand-row {
    align-items: flex-start;
    margin-bottom: 22px;
  }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc-title {
    align-items: flex-start;
  }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc a {
    grid-template-columns: 30px minmax(0, 1fr);
  }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .grid,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .toc > ol,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .step-list li {
    grid-template-columns: 1fr;
  }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .matrix,
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 table {
    display: block;
    overflow-x: auto;
  }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .badge {
    white-space: normal;
  }
}
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 {
        background: linear-gradient(180deg, #f7f9fc 0%, #eef3fb 100%);
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 main {
        max-width: 1240px;
        padding: 40px 16px 64px;
      }
/* ---- doc header strip ---- */
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .brand-row {
        margin-bottom: 18px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .lede {
        max-width: 70ch;
        color: var(--muted);
        margin: 0 0 22px;
        font-size: inherit;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .lede strong {
        color: var(--navy);
      }
/* ===================== APP FRAME ===================== */
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .app {
        border: 1px solid #d4deeb;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 30px 80px rgba(18, 26, 42, 0.12);
        overflow: hidden;
      }
/* top bar */
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 14px 20px;
        border-bottom: 1px solid var(--line);
        background: #fbfcfe;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .topbar .who {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--navy);
        font-weight: 700;
        font-size: 14px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .topbar .who img {
        width: 22px;
        height: 22px;
        border-radius: 6px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .topbar .who span {
        color: var(--muted);
        font-weight: 500;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .rec {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.04em;
        color: var(--muted);
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .rec .dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--risk);
        box-shadow: 0 0 0 0 rgba(180, 35, 24, 0.5);
        animation: recpulse-84b24d12 2s infinite;
      }
@keyframes recpulse-84b24d12 {
        0% { box-shadow: 0 0 0 0 rgba(180, 35, 24, 0.45); }
        70% { box-shadow: 0 0 0 7px rgba(180, 35, 24, 0); }
        100% { box-shadow: 0 0 0 0 rgba(180, 35, 24, 0); }
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .rec .time { color: var(--text); }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .end-btn {
        border: 1px solid #e2c4c1;
        background: var(--risk-soft);
        color: var(--risk);
        font-family: var(--sans);
        font-weight: 700;
        font-size: 13px;
        padding: 7px 14px;
        border-radius: 8px;
        cursor: pointer;
      }
/* body split */
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .stage {
        display: grid;
        grid-template-columns: 1.55fr 1fr;
        min-height: 560px;
      }
/* ---- conversation column ---- */
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .convo {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 22px;
        padding: 40px 44px;
        background:
          radial-gradient(900px 420px at 50% 8%, #f1f7ff 0%, rgba(241, 247, 255, 0) 70%),
          #ffffff;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .orb {
        position: relative;
        width: 96px;
        height: 96px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .orb .core {
        width: 56px;
        height: 56px;
        border-radius: 999px;
        background: radial-gradient(circle at 35% 30%, #4fb6ff 0%, var(--brand) 45%, var(--brand-dark) 100%);
        box-shadow: 0 8px 24px rgba(0, 78, 204, 0.35);
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .orb .ring {
        position: absolute;
        inset: 0;
        border-radius: 999px;
        border: 2px solid rgba(0, 153, 255, 0.35);
        animation: ring-84b24d12 2.6s ease-out infinite;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .orb .ring.b { animation-delay: 1.3s; }
@keyframes ring-84b24d12 {
        0% { transform: scale(0.6); opacity: 0.8; }
        100% { transform: scale(1.25); opacity: 0; }
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .speaker {
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--brand-dark);
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .speaker.you { color: var(--muted); }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .ai-line {
        max-width: 30ch;
        text-align: center;
        font-size: 20px;
        line-height: 1.35;
        font-weight: 500;
        color: var(--navy);
        margin: 0;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .ai-line.faded { opacity: 0.32; font-size: 16px; max-width: 36ch; }
/* confirm-and-correct card (Concept 3) */
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .confirm {
        width: 100%;
        max-width: 420px;
        border: 1px solid #bcd6ff;
        border-radius: 14px;
        background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
        box-shadow: 0 16px 40px rgba(0, 78, 204, 0.12);
        padding: 18px 18px 16px;
        text-align: left;
        transition: opacity 0.35s ease, transform 0.35s ease;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .confirm.confirm-acked {
        opacity: 0.25;
        transform: scale(0.98);
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .confirm .tag {
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--brand-dark);
        margin-bottom: 10px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .confirm h4 {
        margin: 0 0 12px;
        font-size: 15px;
        color: var(--navy);
        font-weight: 700;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .confirm ul {
        list-style: none;
        padding: 0;
        margin: 0 0 14px;
        display: grid;
        gap: 8px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .confirm li {
        display: grid;
        grid-template-columns: 16px 1fr;
        gap: 8px;
        font-size: 14px;
        color: var(--text);
        line-height: 1.4;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .confirm li .b {
        color: var(--brand);
        font-weight: 700;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .confirm li em {
        font-style: normal;
        font-weight: 700;
        color: var(--navy);
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .confirm .ask {
        font-size: 13px;
        color: var(--muted);
        margin: 0 0 12px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .btns { display: flex; gap: 8px; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .btns button {
        font-family: var(--sans);
        font-weight: 700;
        font-size: 13px;
        padding: 9px 14px;
        border-radius: 9px;
        cursor: pointer;
        border: 1px solid transparent;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .yep {
        background: var(--brand);
        color: #fff;
        flex: 1;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .nope {
        background: #fff;
        border-color: var(--line);
        color: var(--navy);
        flex: 1;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .nope:hover { border-color: #b9c6d8; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .correction {
        margin-top: 12px;
        display: none;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .correction.open { display: block; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .correction label {
        display: block;
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--muted);
        margin-bottom: 6px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .correction input {
        width: 100%;
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 9px 11px;
        font-family: var(--sans);
        font-size: 14px;
        color: var(--text);
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .correction .hint {
        margin: 8px 0 0;
        font-size: 12px;
        color: var(--muted);
      }
/* waveform */
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .wave {
        display: flex;
        align-items: flex-end;
        gap: 3px;
        height: 22px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .wave span {
        width: 3px;
        border-radius: 999px;
        background: var(--brand);
        opacity: 0.65;
        animation: bar-84b24d12 1.1s ease-in-out infinite;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .wave span:nth-child(2) { animation-delay: 0.1s; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .wave span:nth-child(3) { animation-delay: 0.2s; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .wave span:nth-child(4) { animation-delay: 0.3s; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .wave span:nth-child(5) { animation-delay: 0.15s; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .wave span:nth-child(6) { animation-delay: 0.25s; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .wave span:nth-child(7) { animation-delay: 0.05s; }
@keyframes bar-84b24d12 {
        0%, 100% { height: 5px; }
        50% { height: 22px; }
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .you-said {
        max-width: 34ch;
        text-align: center;
        color: var(--muted);
        font-size: 14px;
        margin: 0;
      }
/* ---- capture rail (Concept 1) ---- */
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .rail {
        border-left: 1px solid var(--line);
        background: #fafcff;
        padding: 20px 18px;
        display: flex;
        flex-direction: column;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .rail-head {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        margin-bottom: 14px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .rail-head .t {
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--muted);
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .rail-head .c {
        font-size: 12px;
        color: var(--brand-dark);
        font-weight: 700;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .chips {
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .chip {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
        padding: 9px 11px;
        animation: chipin-84b24d12 0.5s ease both;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .chip.fresh {
        border-color: #bcd6ff;
        box-shadow: 0 6px 16px rgba(0, 78, 204, 0.1);
      }
@keyframes chipin-84b24d12 {
        from { opacity: 0; transform: translateY(6px); }
        to { opacity: 1; transform: translateY(0); }
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .chip .k {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--mono);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 3px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .chip .k .sym { font-size: 11px; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .chip .v {
        font-size: 13.5px;
        color: var(--navy);
        font-weight: 500;
        line-height: 1.3;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .chip .new {
        float: right;
        font-family: var(--mono);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.06em;
        color: var(--brand);
        text-transform: uppercase;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .k.system { color: var(--good); }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .k.bottleneck { color: var(--risk); }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .k.workaround { color: var(--brand-dark); }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .k.pain { color: var(--warn); }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .k.exception { color: var(--navy); }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .rail-foot {
        margin-top: auto;
        padding-top: 14px;
        font-size: 12px;
        color: var(--muted);
        line-height: 1.4;
      }
/* annotation legend */
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .legend {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        margin-top: 20px;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .legend .card {
        border: 1px solid var(--line);
        border-radius: 12px;
        background: #fff;
        padding: 16px;
        box-shadow: var(--shadow);
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .legend .num {
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        color: var(--brand-dark);
        text-transform: uppercase;
      }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .legend h3 { margin: 6px 0 6px; font-size: 16px; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .legend p { margin: 0; color: var(--muted); font-size: 13.5px; line-height: 1.5; }
@media (max-width: 880px) {
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .stage { grid-template-columns: 1fr; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .rail { border-left: 0; border-top: 1px solid var(--line); }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .legend { grid-template-columns: 1fr; }
body.bd-doc-product-features-voice-interviews-live-v1-participant-understanding-feedback-mock-84b24d12 .convo { padding: 32px 22px; }
}
/* docs/product/features/voice-interviews/live-v1/prd.html */
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .scope-note {border:1px solid var(--brand-line);border-left:4px solid var(--brand);background:var(--surface-blue);border-radius:var(--radius-row);padding:16px 18px;margin:6px 0 4px;font-size:16px;line-height:1.5;color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .feature-hero {display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:28px;align-items:center;margin-top:28px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .feature-copy {min-width:0}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .feature-icon {width:104px;height:104px;border:1px solid var(--brand-line);border-radius:26px;background:linear-gradient(145deg,var(--surface-blue),var(--surface));display:grid;place-items:center;color:var(--brand-dark);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .feature-icon svg {width:76px;height:76px;display:block}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .feature-icon .accent {color:var(--brand)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-strip {margin:18px 0 22px;border:1px solid var(--brand-line);border-radius:var(--radius-panel);background:var(--surface-blue);padding:18px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-strip-title {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-strip-title strong {display:block;color:var(--navy);font-size:19px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-strip-title span {color:var(--muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-card {min-width:0;border:1px solid var(--brand-line);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-card svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-card figcaption {padding:10px 12px;border-top:1px solid var(--brand-line);color:var(--muted);font-size:13px;line-height:1.4}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-hero {border:1px solid var(--brand-line);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-hero svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-hero figcaption {padding:12px 14px;border-top:1px solid var(--brand-line);color:var(--muted);font-size:13px;line-height:1.45}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .flowline {font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:0 0 14px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .flowline b {color:var(--brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .flow-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .flow-card {border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);padding:16px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .flow-card h3 {margin:0 0 8px;font-size:17px;color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .flow-path {font-family:var(--mono);font-size:12px;line-height:1.45;color:var(--brand-dark);background:var(--surface-blue);border:1px solid var(--brand-line);border-radius:var(--radius-row);padding:10px;margin:0 0 10px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .flow-card ul {margin:0;padding-left:18px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .flow-card li {margin:5px 0}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .icon-card .icon-row {display:flex;align-items:center;gap:10px;margin-bottom:9px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .icon-card .icon-row strong {margin:0}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .icon-badge {display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid var(--brand-line);border-radius:12px;background:var(--brand-soft);color:var(--brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .icon-badge svg {width:22px;height:22px;display:block}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .icon-badge .accent {color:var(--brand)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .problem-illustration {margin:16px 0 0;padding:0;border:1px solid var(--brand-line);border-radius:var(--radius-panel);background:var(--surface-blue);overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .problem-illustration svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .problem-illustration figcaption {padding:10px 14px;border-top:1px solid var(--brand-line);color:var(--muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .world-mobile {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .world-mobile-card {margin:0 14px 10px;padding:13px 14px;border:1px solid var(--brand-line);border-radius:var(--radius-row);background:var(--surface)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .world-mobile-card:first-child {margin-top:14px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .world-mobile-card strong {display:block;margin-bottom:5px;color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .world-mobile-card p {margin:0;color:var(--muted);font-size:13px;line-height:1.45}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .visual-figure {margin:16px 0 18px;padding:0;border:1px solid var(--brand-line);border-radius:var(--radius-panel);background:var(--surface-blue);overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .visual-figure svg {display:block;width:100%;height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .visual-figure figcaption {padding:10px 14px;border-top:1px solid var(--brand-line);color:var(--muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .journey-mobile {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .journey-mobile-step {position:relative;margin:0 14px 10px;padding:12px 12px 12px 42px;border:1px solid var(--brand-line);border-radius:var(--radius-row);background:var(--surface)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .journey-mobile-step:first-child {margin-top:14px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .journey-mobile-step:not(:last-child)::after {content:"";position:absolute;left:21px;bottom:-12px;width:2px;height:12px;background:var(--brand)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .journey-mobile-step span {position:absolute;left:12px;top:13px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-family:var(--mono);font-size:10px;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .journey-mobile-step strong {display:block;margin-bottom:3px;color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .journey-mobile-step p {margin:0;color:var(--muted);font-size:13px;line-height:1.4}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-viz {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-step {position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);padding:14px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-step:not(:last-child)::after {content:"";position:absolute;top:30px;right:-7px;width:12px;height:12px;border-top:2px solid var(--brand);border-right:2px solid var(--brand);transform:rotate(45deg);background:var(--surface-soft)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-top {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-index {display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-family:var(--mono);font-size:11px;font-weight:700}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-icon {display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid var(--brand-line);border-radius:11px;background:var(--surface);color:var(--brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-icon svg {width:20px;height:20px;display:block}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-icon .accent {color:var(--brand)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-step strong {display:block;margin-bottom:5px;color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-step p {margin:0;color:var(--muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .switch-viz {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 6px;padding:12px 14px;border:1px solid var(--brand-line);border-radius:var(--radius-row);background:var(--surface-blue)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .switch-label {display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-weight:700}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .switch-label svg {width:17px;height:17px;flex:0 0 auto}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .switch-label.is-on {color:var(--brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .switch-track {position:relative;width:54px;height:28px;flex:0 0 auto;border-radius:999px;background:var(--brand);box-shadow:inset 0 0 0 1px var(--brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .switch-track::after {content:"";position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:999px;background:var(--surface);box-shadow:0 2px 6px rgba(32,39,52,.18)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-viz {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-card {position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);padding:12px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-card.is-active {border-color:var(--brand-line);background:var(--surface-blue)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-card:not(:last-child)::after {content:"";position:absolute;top:33px;right:-7px;width:12px;height:12px;border-top:2px solid var(--brand);border-right:2px solid var(--brand);transform:rotate(45deg);background:inherit}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-card svg {width:22px;height:22px;margin-bottom:8px;color:var(--brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-card strong {display:block;margin-bottom:5px;color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-card p {margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-pill {display:inline-flex;align-items:center;margin-bottom:8px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);padding:2px 8px;font-family:var(--mono);font-size:10.5px;font-weight:700}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .pass {font-weight:700;color:var(--good)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .defer {font-weight:700;color:var(--warn)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .kill {font-weight:700;color:var(--risk)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table td:first-child {font-weight:700;color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-state {font-weight:700}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-state.is-live {color:var(--good)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-state.is-partial {color:var(--warn)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-state.is-missing {color:var(--risk)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-ladder {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0 18px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node {position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);padding:12px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node:not(:last-child)::after {content:"";position:absolute;top:31px;right:-7px;width:12px;height:12px;border-top:2px solid var(--brand);border-right:2px solid var(--brand);transform:rotate(45deg);background:inherit}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-dot {display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--brand-line);background:var(--surface);font-family:var(--mono);font-size:10px;font-weight:800;color:var(--brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node.is-live {border-color:rgba(55,134,91,.38);background:rgba(55,134,91,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node.is-partial {border-color:rgba(181,123,30,.38);background:rgba(181,123,30,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node.is-missing {border-color:rgba(181,69,57,.3);background:rgba(181,69,57,.07)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node.is-live .event-dot {background:rgba(55,134,91,.14);border-color:rgba(55,134,91,.38);color:var(--good)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node.is-partial .event-dot {background:rgba(181,123,30,.14);border-color:rgba(181,123,30,.38);color:var(--warn)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node.is-missing .event-dot {background:rgba(181,69,57,.12);border-color:rgba(181,69,57,.3);color:var(--risk)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node strong {display:block;margin:9px 0 5px;color:var(--navy);font-size:13.5px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node p {margin:0;color:var(--muted);font-size:12.5px;line-height:1.4}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .gate-strip {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 18px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .gate-tile {position:relative;min-width:0;border:1px solid var(--brand-line);border-radius:var(--radius-row);background:var(--surface-blue);padding:13px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .gate-tile:not(:last-child)::after {content:"";position:absolute;top:34px;right:-7px;width:12px;height:12px;border-top:2px solid var(--brand);border-right:2px solid var(--brand);transform:rotate(45deg);background:var(--surface-blue)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .gate-icon {display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--brand-line);border-radius:12px;background:var(--surface);color:var(--brand-dark);margin-bottom:9px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .gate-icon svg {width:20px;height:20px;display:block}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .gate-tile strong {display:block;margin-bottom:5px;color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .gate-tile p {margin:0;color:var(--muted);font-size:12.5px;line-height:1.4}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .boundary-map {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 18px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .boundary-column {min-width:0;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);padding:14px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .boundary-column.is-now {border-color:var(--brand-line);background:var(--surface-blue)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .boundary-column strong {display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .boundary-token {display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-family:var(--mono);font-size:11px;font-weight:800;flex:0 0 auto}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .boundary-column ul {margin:0;padding-left:18px;color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .boundary-column li {margin:6px 0}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .mini {font-size:13px;color:var(--muted)}
@media (max-width: 760px) {
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .feature-hero {grid-template-columns:1fr;gap:18px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .feature-icon {order:-1;width:72px;height:72px;border-radius:20px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .feature-icon svg {width:54px;height:54px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-strip {padding:14px}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-strip-title {display:block}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .story-grid {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .flow-grid {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .world-figure svg {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .world-mobile {display:block}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .journey-figure svg {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .journey-mobile {display:block}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-viz {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .loop-step:not(:last-child)::after {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-viz {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-card:not(:last-child)::after {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-ladder {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-node:not(:last-child)::after {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .gate-strip {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .gate-tile:not(:last-child)::after {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .boundary-map {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table,
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table tbody,
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table tr,
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table td {display:block;width:100%}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table thead {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table tr {padding:14px 0;border-bottom:1px solid var(--line)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table tr:last-child {border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table td {padding:5px 0;border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table td::before {display:block;margin-bottom:2px;color:var(--faint);font-family:var(--mono);font-size:10.5px;font-weight:700;text-transform:uppercase}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table td:nth-child(1)::before {content:"Submission state"}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table td:nth-child(2)::before {content:"Creation trigger"}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table td:nth-child(3)::before {content:"What persists"}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .stage-table td:nth-child(4)::before {content:"Rule"}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table,
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table tbody,
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table tr,
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table td {display:block;width:100%}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table thead {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table tr {padding:14px 0;border-bottom:1px solid var(--line)}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table tr:last-child {border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table td {padding:5px 0;border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table td::before {display:block;margin-bottom:2px;color:var(--faint);font-family:var(--mono);font-size:10.5px;font-weight:700;text-transform:uppercase}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table td:nth-child(1)::before {content:"Moment"}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table td:nth-child(2)::before {content:"Event and trigger"}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table td:nth-child(3)::before {content:"Safe payload"}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e .event-table td:nth-child(4)::before {content:"Current check"}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e table:not(.stage-table):not(.event-table) {display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e table:not(.stage-table):not(.event-table) thead,
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e table:not(.stage-table):not(.event-table) tbody,
body.bd-doc-product-features-voice-interviews-live-v1-prd-2cc2b37e table:not(.stage-table):not(.event-table) tr {width:max-content;min-width:100%}
}
/* docs/product/features/voice-interviews/live-v1/proof-of-work.html */
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a * {box-sizing:border-box}
html:has(body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a) {--pw-line:#dfe6ef;--pw-navy:#19154e;--pw-muted:#607086;--pw-good:#0d8f70;--pw-good-soft:#e8f8f3;--pw-warn:#a86405;--pw-warn-soft:#fff5df;--pw-mono:"DM Mono",ui-monospace,Menlo,monospace}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .pw-wrap {max-width:1120px;margin:0 auto;padding:32px 22px 80px;font-size:14.5px;line-height:1.55;color:#172033}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .brand-row {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .brand-lockup {display:inline-flex;align-items:center;gap:9px;color:var(--pw-navy);font-weight:800;font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .brand-mark {width:22px;height:22px;border-radius:7px;background:url("./beam-mark.png") center/cover no-repeat}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .doc-type {font-family:var(--pw-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pw-muted)}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a h1 {font-size:34px;line-height:1.06;letter-spacing:-.02em;margin:0 0 8px;color:var(--pw-navy)}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a h2 {font-size:22px;margin:34px 0 10px;color:var(--pw-navy)}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .lead {max-width:860px;color:var(--pw-muted);font-size:16px;margin:0 0 18px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .pw-dashboard {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .pw-count {border:1px solid var(--pw-line);border-radius:12px;background:#fff;padding:12px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .pw-count b {display:block;color:var(--pw-navy);font-size:20px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .pw-count span {color:var(--pw-muted);font-size:12px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .status-pill {display:inline-block;border-radius:999px;padding:2px 9px;font-family:var(--pw-mono);font-size:10.5px;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .s-pass {background:var(--pw-good-soft);color:var(--pw-good)}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .s-partial {background:var(--pw-warn-soft);color:var(--pw-warn)}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .s-not {background:#f2f6fb;color:var(--pw-muted);border:1px dashed #cdd8e6}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a table {width:100%;border-collapse:separate;border-spacing:0;margin:12px 0 18px;border:1px solid var(--pw-line);border-radius:10px;overflow:hidden;background:#fff}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a th,
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a td {text-align:left;vertical-align:top;padding:9px 11px;border-bottom:1px solid var(--pw-line);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a th {background:#f2f6fb;color:var(--pw-navy);font-family:var(--pw-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a tr:last-child td {border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .evidence-grid {display:grid;grid-template-columns:1fr;gap:20px;margin:14px 0;max-width:880px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a figure.screen.portrait {max-width:420px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a figure.screen {margin:0;border:1px solid var(--pw-line);border-radius:12px;background:#fff;overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a figure.screen img {display:block;width:100%;height:auto;border-bottom:1px solid var(--pw-line)}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a figure.screen figcaption {padding:9px 11px;color:var(--pw-muted);font-size:12px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a figure.screen figcaption b {color:var(--pw-navy)}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a pre.cmd {border:1px solid var(--pw-line);border-radius:12px;background:#0f172a;color:#dbe4f0;padding:14px;font-family:var(--pw-mono);font-size:11.5px;line-height:1.6;overflow-x:auto;white-space:pre-wrap}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .note {border:1px solid var(--pw-line);border-left:4px solid var(--pw-warn);border-radius:10px;background:#fffdf7;padding:11px 13px;margin:12px 0;font-size:13px;color:#4c4636}
@media (max-width:820px) {
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a .pw-wrap {padding:20px 14px 60px}
body.bd-doc-product-features-voice-interviews-live-v1-proof-of-work-ec6ded5a h1 {font-size:26px}
}
/* docs/product/features/voice-interviews/live-v1/scratch-pad.html */
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-wrap {max-width:1120px;margin:0 auto;padding:36px 22px 72px}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-eyebrow {font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-intro {border:1px solid var(--brand-line);border-left:4px solid var(--brand);background:var(--surface-blue);border-radius:var(--radius-panel);padding:16px 18px;margin:0 0 10px;color:var(--navy);font-size:15px;line-height:1.55}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-sectlabel {display:flex;align-items:baseline;gap:10px;margin:30px 0 14px}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-sectlabel h2 {font-size:18px;color:var(--navy);margin:0}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-sectlabel span {font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-grid.secondary {grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-card {border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:0 14px 40px rgba(32,39,52,.06);display:flex;flex-direction:column}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-card.star {border-color:var(--brand-line);box-shadow:0 18px 46px rgba(0,80,204,.10)}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-frame {position:relative;aspect-ratio:16/10;background:var(--surface-soft);border-bottom:1px solid var(--line);overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-frame iframe {position:absolute;top:0;left:0;width:200%;height:200%;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none;background:#fff}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-body {padding:14px 16px 16px}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-tag {font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-dark);margin:0 0 6px}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-body h3 {margin:0 0 5px;font-size:16px;color:var(--navy)}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-body p {margin:0 0 12px;font-size:12.5px;color:var(--muted);line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-actions {display:flex;gap:8px;flex-wrap:wrap}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-actions a {font-size:12.5px;text-decoration:none;padding:7px 12px;border-radius:999px;font-weight:700}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-actions a.open {background:var(--navy);color:#fff}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-actions a.tab {background:var(--brand-soft);color:var(--brand-dark);border:1px solid var(--brand-line)}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-decision {margin:16px 0 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-decision table {width:100%;border-collapse:collapse;font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-decision th,
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-decision td {text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-decision th {background:var(--subtle);color:var(--navy);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-decision tr:last-child td {border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-decision td:first-child {font-weight:800;color:var(--navy);white-space:nowrap}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .pill {display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:999px}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .pill.review {background:var(--warn-soft);color:var(--warn)}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-note {margin:20px 0 0;font-size:13px;color:var(--muted);line-height:1.55}
body.bd-doc-product-features-voice-interviews-live-v1-scratch-pad-3edacde9 .sp-note code {background:var(--subtle);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:12px}
/* docs/product/features/voice-interviews/live-v1/ux-spec.html */
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c * {box-sizing:border-box}
html:has(body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c) {
  --ux-bg:#f7f9fc;
  --ux-surface:#fff;
  --ux-soft:#fbfcfe;
  --ux-blue:#edf4ff;
  --ux-line:#dfe6ef;
  --ux-line-strong:#cdd8e6;
  --ux-navy:#19154e;
  --ux-text:#172033;
  --ux-muted:#607086;
  --ux-faint:#8a98ab;
  --ux-brand:#0099ff;
  --ux-brand-dark:#004ecc;
  --ux-brand-soft:#e5efff;
  --ux-brand-line:#b9d2ff;
  --ux-good:#0d8f70;
  --ux-good-soft:#e8f8f3;
  --ux-warn:#a86405;
  --ux-warn-soft:#fff5df;
  --ux-risk:#b42318;
  --ux-risk-soft:#fff1f0;
  --ux-violet:#7544cd;
  --ux-violet-soft:#f0eaff;
  --ux-radius:10px;
  --ux-panel:16px;
  --ux-shadow:0 18px 50px rgba(32,39,52,.08);
  --ux-mono:"DM Mono",ui-monospace,Menlo,monospace;
}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c {margin:0;background:var(--ux-bg);color:var(--ux-text);font-family:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c main {max-width:1120px;margin:0 auto;padding:28px 24px 96px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c a {color:var(--ux-brand-dark);text-underline-offset:3px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c header.hero {padding:28px 0 18px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .brand-row {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .brand-lockup {display:inline-flex;align-items:center;gap:9px;color:var(--ux-navy);font-weight:800;font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .brand-mark {width:22px;height:22px;border-radius:7px;background:url("./beam-mark.png") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .doc-type {font-family:var(--ux-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ux-muted)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .eyebrow {font-family:var(--ux-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ux-brand-dark);margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c h1 {font-size:42px;line-height:1.04;letter-spacing:-.02em;margin:0;color:var(--ux-navy)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lead {max-width:820px;color:var(--ux-muted);font-size:17px;margin:12px 0 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .summary {margin:20px 0 0;border:1px solid var(--ux-brand-line);border-left:4px solid var(--ux-brand);background:var(--ux-blue);border-radius:var(--ux-panel);padding:16px 18px;color:var(--ux-navy)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .doc-links {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .doc-link {border:1px solid var(--ux-line);border-radius:var(--ux-radius);background:var(--ux-surface);padding:13px 14px;text-decoration:none;color:inherit}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .doc-link strong {display:block;color:var(--ux-navy);margin-bottom:4px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .doc-link span {display:block;color:var(--ux-muted);font-size:12.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .scorecard,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .grid-2,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .grid-3,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .grid-4 {display:grid;gap:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .scorecard {grid-template-columns:repeat(5,minmax(0,1fr));margin:18px 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .score,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .card {border:1px solid var(--ux-line);border-radius:var(--ux-radius);background:var(--ux-surface);padding:14px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .score b,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .card b {display:block;color:var(--ux-navy);margin-bottom:5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .score span,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .card p {display:block;color:var(--ux-muted);font-size:13px;margin:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .grid-2 {grid-template-columns:repeat(2,minmax(0,1fr))}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .grid-3 {grid-template-columns:repeat(3,minmax(0,1fr))}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .grid-4 {grid-template-columns:repeat(4,minmax(0,1fr))}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .toc {margin:24px 0 34px;padding:16px 18px;border:1px solid var(--ux-line);border-radius:var(--ux-panel);background:var(--ux-surface)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .toc strong {display:block;color:var(--ux-navy);margin-bottom:8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .toc ol {margin:0;padding-left:18px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .toc li {margin:4px 0;color:var(--ux-muted)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .toc a {color:var(--ux-text);text-decoration:none}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .toc a:hover {text-decoration:underline}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c section {scroll-margin-top:20px;margin:34px 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c h2 {display:flex;align-items:center;gap:10px;margin:0 0 10px;color:var(--ux-navy);font-size:25px;line-height:1.2;letter-spacing:-.01em}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c h3 {margin:24px 0 10px;color:var(--ux-navy);font-size:19px;line-height:1.25}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .num {font-family:var(--ux-mono);font-size:12px;letter-spacing:.06em;color:var(--ux-brand-dark);background:var(--ux-brand-soft);border:1px solid var(--ux-brand-line);border-radius:999px;padding:3px 9px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .sec-lead {max-width:820px;color:var(--ux-muted);margin:0 0 16px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .pill {display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-family:var(--ux-mono);font-size:10.5px;font-weight:800;letter-spacing:.03em}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .p-proposed {background:var(--ux-brand-soft);color:var(--ux-brand-dark);border:1px solid var(--ux-brand-line)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .p-required {background:var(--ux-good-soft);color:var(--ux-good)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .p-risk {background:var(--ux-warn-soft);color:var(--ux-warn)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .p-defer {background:#f2f6fb;color:var(--ux-muted);border:1px dashed var(--ux-line-strong)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .flow-map {border:1px solid var(--ux-brand-line);border-radius:var(--ux-panel);background:var(--ux-blue);padding:16px;margin:16px 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .flow-row {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:stretch}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .flow-node {position:relative;min-height:78px;border:1px solid var(--ux-line);border-radius:var(--ux-radius);background:var(--ux-surface);padding:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .flow-node:not(:last-child)::after {content:"";position:absolute;right:-7px;top:32px;width:12px;height:12px;border-top:2px solid var(--ux-brand);border-right:2px solid var(--ux-brand);transform:rotate(45deg);background:var(--ux-surface)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .flow-node b {display:block;color:var(--ux-navy);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .flow-node span {display:block;margin-top:4px;color:var(--ux-muted);font-size:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .edge-note {font-family:var(--ux-mono);font-size:11.5px;color:var(--ux-muted);margin-top:10px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c table {width:100%;border-collapse:separate;border-spacing:0;margin:12px 0 18px;border:1px solid var(--ux-line);border-radius:var(--ux-radius);overflow:hidden;background:var(--ux-surface)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c th,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c td {text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--ux-line);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c th {background:#f2f6fb;color:var(--ux-navy);font-family:var(--ux-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c tr:last-child td {border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wireframe {margin:24px 0 30px;border:1px solid var(--ux-line);border-radius:var(--ux-panel);background:var(--ux-surface);overflow:hidden;box-shadow:var(--ux-shadow)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wf-cap {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 16px;border-bottom:1px solid var(--ux-line);background:#f2f6fb}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wf-id {font-family:var(--ux-mono);font-size:11px;font-weight:800;color:var(--ux-brand-dark);background:var(--ux-brand-soft);border:1px solid var(--ux-brand-line);border-radius:7px;padding:3px 8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wf-title {font-weight:800;color:var(--ux-navy)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wf-route {margin-left:auto;color:var(--ux-muted);font-family:var(--ux-mono);font-size:11.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .stage {padding:22px;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 10px,#f3f6fb 10px,#f3f6fb 20px);overflow-x:auto}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame {width:min(100%,960px);aspect-ratio:16/9;margin:0 auto;border:1px solid var(--ux-line-strong);border-radius:18px;background:var(--ux-surface);box-shadow:0 14px 40px rgba(32,39,52,.12);overflow:hidden;position:relative}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame::after {content:"16:9 - 960x540 review frame";position:absolute;right:12px;bottom:10px;border:1px solid rgba(205,216,230,.8);border-radius:999px;background:rgba(255,255,255,.88);color:var(--ux-muted);font-family:var(--ux-mono);font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 8px;pointer-events:none}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame>.desktop-browser,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame>.shell,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame>.web-shell,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame>.device-grid {height:100%}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame>.desktop-browser,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame>.shell,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame>.web-shell {border:0;border-radius:0;box-shadow:none;min-height:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame>.desktop-browser,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame>.shell,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame>.web-shell {display:flex;flex-direction:column}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .desktop-body,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .web-body,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .app-row {flex:1;min-height:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .app-row {height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .public-review .web-shell {background:linear-gradient(180deg,#fbfdff 0%,#f2f6fb 100%)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .public-review .web-body {display:flex;flex-direction:column;justify-content:center;width:min(520px,100%);margin:0 auto}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review {background:#eef3fb}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review>.device-grid {padding:20px;align-items:center}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .phone-shell {max-width:260px;padding:8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .phone-screen {min-height:468px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .phone-body {padding:14px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .phone-body h4 {font-size:18px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .phone-orb {width:82px;height:82px;margin:20px auto 14px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shell {border:1px solid var(--ux-line-strong);border-radius:13px;background:var(--ux-surface);overflow:hidden;min-height:420px;box-shadow:0 8px 28px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .app-top {display:flex;align-items:center;gap:10px;height:48px;border-bottom:1px solid var(--ux-line);background:var(--ux-soft);padding:0 14px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .dots {display:flex;gap:5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .dots i {width:8px;height:8px;border-radius:50%;background:var(--ux-line-strong)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .crumb {font-size:12px;color:var(--ux-muted)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .crumb b {color:var(--ux-navy)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .top-actions {margin-left:auto;display:flex;gap:8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .icon-btn {display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--ux-line);border-radius:8px;background:var(--ux-surface);color:var(--ux-brand-dark);font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .app-row {display:grid;grid-template-columns:58px minmax(0,1fr) 270px;min-height:372px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .rail {border-right:1px solid var(--ux-line);background:#fbfcfe;padding:14px 10px;display:flex;flex-direction:column;gap:12px;align-items:center}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .rail i {width:28px;height:28px;border-radius:9px;background:#edf1f7;border:1px solid var(--ux-line)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .rail i.on {background:var(--ux-brand-soft);border-color:var(--ux-brand-line)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .workspace {padding:18px;min-width:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .inspector {border-left:1px solid var(--ux-line);background:#fbfcfe;padding:16px;min-width:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .pane-title {display:flex;align-items:flex-start;gap:10px;justify-content:space-between;margin-bottom:14px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .pane-title h4 {margin:0;color:var(--ux-navy);font-size:16px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .pane-title p {margin:3px 0 0;color:var(--ux-muted);font-size:12.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;border-radius:8px;border:1px solid var(--ux-line-strong);background:var(--ux-surface);color:var(--ux-text);font-weight:800;font-size:12px;padding:6px 10px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .btn.primary {background:var(--ux-brand);border-color:var(--ux-brand);color:#fff}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .btn.good {background:var(--ux-good);border-color:var(--ux-good);color:#fff}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .btn.ghost {border-color:transparent;background:transparent;color:var(--ux-brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .toolbar {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .field {border:1px solid var(--ux-line);border-radius:8px;background:var(--ux-surface);padding:8px 10px;color:var(--ux-muted);font-size:12.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .status-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 14px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .metric {border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-surface);padding:10px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .metric b {display:block;color:var(--ux-navy);font-size:18px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .metric span {color:var(--ux-muted);font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mini-table {border:1px solid var(--ux-line);border-radius:10px;overflow:hidden;background:var(--ux-surface)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mini-row {display:grid;grid-template-columns:1.4fr .9fr .9fr .8fr;gap:8px;align-items:center;border-bottom:1px solid var(--ux-line);padding:9px 10px;font-size:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mini-row:last-child {border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mini-row.head {background:#f2f6fb;color:var(--ux-muted);font-family:var(--ux-mono);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .tag {display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:2px 7px;font-family:var(--ux-mono);font-size:10px;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .ok {background:var(--ux-good-soft);color:var(--ux-good)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wait {background:var(--ux-warn-soft);color:var(--ux-warn)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .miss {background:var(--ux-risk-soft);color:var(--ux-risk)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .info {background:var(--ux-brand-soft);color:var(--ux-brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .web-shell {max-width:440px;margin:0 auto;border:1px solid var(--ux-line-strong);border-radius:18px;background:var(--ux-surface);box-shadow:0 8px 32px rgba(32,39,52,.10);overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .web-top {height:44px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--ux-line);background:var(--ux-soft);font-family:var(--ux-mono);font-size:11px;letter-spacing:.08em;color:var(--ux-brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .web-body {padding:24px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .web-body h4 {margin:0 0 6px;color:var(--ux-navy);font-size:22px;line-height:1.15}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .web-body p {margin:0 0 14px;color:var(--ux-muted)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .device-grid {display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:18px;align-items:stretch}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .device-grid.solo {grid-template-columns:minmax(0,1fr);justify-items:center}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .device-grid.duo {grid-template-columns:repeat(2,auto);justify-content:center;gap:40px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-shell {max-width:310px;margin:0 auto;border:1px solid #101828;border-radius:30px;background:#101828;padding:10px;box-shadow:0 18px 48px rgba(16,24,40,.22)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-screen {min-height:560px;border-radius:22px;background:var(--ux-surface);overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-status {height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-family:var(--ux-mono);font-size:10px;color:var(--ux-navy);border-bottom:1px solid var(--ux-line)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-body {padding:18px;text-align:center}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-body h4 {margin:10px 0 8px;color:var(--ux-navy);font-size:21px;line-height:1.12}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-body p {margin:0 0 14px;color:var(--ux-muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .recording-bar {display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--ux-brand-line);border-radius:999px;background:var(--ux-brand-soft);color:var(--ux-brand-dark);padding:7px 10px;font-family:var(--ux-mono);font-size:10.5px;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .rec-dot {width:8px;height:8px;border-radius:50%;background:var(--ux-risk);box-shadow:0 0 0 5px rgba(180,35,24,.1)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-orb {width:100px;height:100px;border-radius:50%;margin:26px auto 18px;background:radial-gradient(circle at 35% 30%,#77cbff 0%,var(--ux-brand) 58%,var(--ux-brand-dark) 100%);box-shadow:0 0 0 14px rgba(0,153,255,.08),0 0 0 30px rgba(0,153,255,.045),0 18px 36px rgba(0,80,204,.18)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .voice-controls {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .control-btn {border:1px solid var(--ux-line);border-radius:10px;background:#fbfcfe;padding:9px 6px;color:var(--ux-text);font-size:11.5px;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .control-btn.danger {color:var(--ux-risk);background:var(--ux-risk-soft);border-color:#ffd0cc}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .desktop-browser {border:1px solid var(--ux-line-strong);border-radius:15px;background:var(--ux-surface);overflow:hidden;box-shadow:0 10px 30px rgba(32,39,52,.1)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .desktop-bar {height:44px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ux-line);background:#f2f6fb;padding:0 14px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .desktop-url {flex:1;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-surface);padding:6px 12px;color:var(--ux-muted);font-family:var(--ux-mono);font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .desktop-body {padding:22px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .desktop-question {border:1px solid var(--ux-brand-line);border-radius:16px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);padding:20px;text-align:center}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-body {padding:14px;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(260px,.84fr);gap:12px;min-height:0;overflow:hidden;background:linear-gradient(180deg,#fbfdff 0%,#f4f8fd 100%)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-main {min-width:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-main h4 {margin:0;color:var(--ux-navy);font-size:21px;line-height:1.08}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-main p {margin:4px 0 8px;color:var(--ux-muted);font-size:12.2px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-shell-title {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-tabs {display:inline-flex;gap:4px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-surface);padding:3px;margin:2px 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-tab {border-radius:999px;padding:4px 9px;color:var(--ux-muted);font-family:var(--ux-mono);font-size:10px;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-tab.on {background:var(--ux-brand-soft);color:var(--ux-brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .impact-pill {border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-surface);padding:7px 9px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .impact-pill b {display:block;color:var(--ux-navy);font-size:16px;line-height:1}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .impact-pill span {display:block;color:var(--ux-muted);font-size:10px;margin-top:3px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .source-chip {display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#f2f6fb;border:1px solid var(--ux-line);color:var(--ux-muted);font-family:var(--ux-mono);font-size:9px;font-weight:800;padding:2px 6px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .contrib-actions {display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mini-action {border:1px solid var(--ux-line);border-radius:999px;background:#fbfcfe;padding:2px 7px;color:var(--ux-muted);font-family:var(--ux-mono);font-size:9px;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mini-action.primary {background:var(--ux-brand-soft);border-color:var(--ux-brand-line);color:var(--ux-brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .ledger {display:flex;flex-direction:column;min-height:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lrow {border-bottom:1px solid var(--ux-line);padding:5px 2px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lrow:last-of-type {border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lrow.open {background:#fafbfd;border-radius:12px;border-bottom-color:transparent;box-shadow:inset 0 0 0 1px var(--ux-line);padding:8px;margin:2px 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lhead {display:flex;align-items:center;gap:9px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lcheck {display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:2px solid var(--ux-line-strong);background:var(--ux-surface);color:#fff;font-size:10px;font-weight:900;flex:0 0 auto}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lcheck.ok {background:var(--ux-good);border-color:var(--ux-good)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lcheck.warn {background:var(--ux-warn);border-color:var(--ux-warn)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lrank {color:var(--ux-muted);font-family:var(--ux-mono);font-size:10px;font-weight:900;flex:0 0 auto}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .ltitle {flex:1;min-width:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .ltitle b {display:block;color:var(--ux-navy);font-size:12.5px;line-height:1.25}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .ltitle span {display:block;color:var(--ux-muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lword {font-family:var(--ux-mono);font-size:9px;font-weight:800;color:var(--ux-muted);flex:0 0 auto}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lword.ok {color:var(--ux-good)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lbody {padding:6px 2px 2px 27px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lbody .lsummary {margin:0 0 8px;color:var(--ux-text);font-size:11.5px;line-height:1.4}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lbody textarea {width:100%;min-height:54px;border:1px solid var(--ux-line-strong);border-radius:10px;background:var(--ux-surface);color:var(--ux-text);font:inherit;font-size:11.5px;padding:8px;resize:none;margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lbody .quote {margin:0 0 9px;font-size:10.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lactions {display:flex;gap:7px;flex-wrap:wrap;align-items:center}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .lactions .btn {min-height:26px;padding:4px 11px;font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .ledger-foot {display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:wrap;border-top:1px solid var(--ux-line);padding-top:8px;margin-top:4px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .ledger-foot p {margin:0;color:var(--ux-muted);font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .ledger-foot .btn {min-height:26px;padding:4px 11px;font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .ledger-foot b {color:var(--ux-navy)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .ltitle b {font-size:11px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .ltitle span {font-size:9.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .lbody {padding-left:22px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .lbody .lsummary {font-size:10.5px;margin-bottom:6px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .lrow.open {padding:7px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .evidence-strip {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .evidence-mini {border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-surface);overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .evidence-mini-thumb {height:38px;background:linear-gradient(135deg,#eef5ff,#dfe8f4);position:relative;border-bottom:1px solid var(--ux-line)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .evidence-mini-thumb::after {content:"";position:absolute;inset:10px;border:2px solid var(--ux-brand);border-radius:7px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .evidence-mini div:last-child {padding:5px;font-size:10.5px;color:var(--ux-muted)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .verify-submit {margin-top:auto;border:1px solid rgba(13,143,112,.28);border-radius:14px;background:var(--ux-good-soft);padding:9px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .verify-submit p {margin:0 0 7px;color:var(--ux-muted);font-size:11.2px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-body.single {grid-template-columns:minmax(0,1fr)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-submit-bar {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid rgba(13,143,112,.28);border-radius:14px;background:var(--ux-good-soft);padding:9px 12px;margin-top:10px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-submit-bar p {margin:0;color:var(--ux-muted);font-size:11.2px;flex:1;min-width:220px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .transcript-panel {border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-surface);padding:8px;display:grid;gap:5px;max-height:178px;overflow:auto}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .transcript-turn {border-left:3px solid var(--ux-line-strong);padding-left:8px;color:var(--ux-muted);font-size:10.5px;line-height:1.28}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .transcript-turn b {display:block;color:var(--ux-navy);font-size:10px;font-family:var(--ux-mono);margin-bottom:2px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review-card {text-align:left;border:1px solid var(--ux-line);border-radius:13px;background:var(--ux-surface);padding:10px;margin-bottom:8px;box-shadow:0 6px 14px rgba(32,39,52,.05)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review-card p {font-size:11.5px;line-height:1.36;margin:5px 0;color:var(--ux-text)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review-card .contrib-actions {margin-top:6px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-sticky-submit {position:sticky;bottom:0;margin:8px -2px 0;padding:9px 0 0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .phone-body {padding:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .phone-body h4 {font-size:17px;margin:8px 0 5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .phone-body p {font-size:12px;line-height:1.35;margin:0 0 8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .recording-bar {padding:5px 9px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .phone-review-card {padding:8px;margin-bottom:7px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .phone-review-card p {font-size:10.7px;line-height:1.28;margin:4px 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-mobile .phone-sticky-submit {margin:4px -2px 0;padding:6px 0 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-review-body {padding:14px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;min-height:0;height:calc(100% - 44px);background:linear-gradient(180deg,#fbfdff 0%,#f4f8fd 100%);overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-trace-list,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-step-panel {min-width:0;display:flex;flex-direction:column;gap:8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-trace-list h4,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-step-panel h4 {margin:0;color:var(--ux-navy);font-size:17px;line-height:1.12}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-trace-list p,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-step-panel p {margin:0;color:var(--ux-muted);font-size:11px;line-height:1.35}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-trace-card {border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-surface);padding:8px;box-shadow:0 8px 18px rgba(32,39,52,.05)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-trace-card.on {border-color:var(--ux-brand-line);background:var(--ux-brand-soft)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-trace-card b {display:block;color:var(--ux-navy);font-size:12px;margin-bottom:3px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-trace-card span {color:var(--ux-muted);font-size:10.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .step-editor {border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-surface);padding:9px;display:grid;gap:7px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-step {display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--ux-line);border-radius:10px;background:#fbfcfe;padding:7px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-step b {display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:8px;background:var(--ux-brand-soft);color:var(--ux-brand-dark);font-family:var(--ux-mono);font-size:10px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-step span {color:var(--ux-text);font-size:11.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .task-step .mini-action {white-space:nowrap}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .upload-drop {border:1px dashed var(--ux-brand-line);border-radius:12px;background:var(--ux-brand-soft);padding:10px;color:var(--ux-brand-dark);font-size:11px;font-weight:800;text-align:center}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .step-block {border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-surface);padding:7px;box-shadow:0 8px 18px rgba(32,39,52,.05)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .step-shot {position:relative;display:flex;gap:10px;align-items:center;border:1px solid var(--ux-line);border-radius:10px;background:#fbfcfe;padding:6px;margin:6px 0 0 32px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .step-shot-thumb {width:132px;height:44px;border-radius:7px;background:linear-gradient(135deg,#f1f3f6,#e2e6ec);border:1px solid var(--ux-line);position:relative;flex:0 0 auto}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .step-shot-thumb::after {content:"";position:absolute;inset:7px;border:2px solid #0099ff;border-radius:5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .step-shot-meta {flex:1;min-width:0;font-size:10.5px;color:var(--ux-muted)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .step-shot-meta b {display:block;color:var(--ux-navy);font-size:11px;font-family:var(--ux-mono)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-kebab {border:1px solid var(--ux-line-strong);border-radius:7px;background:#fff;padding:1px 8px;font-weight:900;color:var(--ux-muted);font-size:13px;line-height:1.4}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-menu {position:absolute;right:6px;top:40px;z-index:3;border:1px solid var(--ux-line-strong);border-radius:10px;background:#fff;box-shadow:0 14px 30px rgba(32,39,52,.22);display:grid;min-width:150px;overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-menu span {padding:6px 11px;font-size:10.5px;font-weight:800;color:var(--ux-text);border-bottom:1px solid var(--ux-line)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-menu span:last-child {border-bottom:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-menu .danger {color:var(--ux-risk)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .redact-modal {width:min(560px,92%);border-radius:16px;background:#fff;padding:14px;box-shadow:0 24px 60px rgba(16,24,40,.35)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .redact-canvas {position:relative;height:190px;border-radius:12px;background:linear-gradient(135deg,#f1f3f6,#e2e6ec);border:1px solid var(--ux-line);margin:10px 0;overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .redact-canvas::after {content:"";position:absolute;inset:10px;border:2px solid #0099ff;border-radius:8px;pointer-events:none}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .redact-box {position:absolute;background:#101828;border-radius:5px;color:#fff;font-family:var(--ux-mono);font-size:9px;font-weight:800;display:grid;place-items:center;z-index:1}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .redact-box.drawing {background:rgba(0,153,255,.1);border:2px dashed #0099ff;color:var(--ux-brand-dark)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .celebration-card {position:relative;overflow:hidden;border:1px solid var(--ux-good);background:linear-gradient(180deg,#f2fbf8 0%,#fff 100%);border-radius:18px;padding:18px;text-align:center;box-shadow:0 16px 36px rgba(13,143,112,.12)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .celebration-card::before,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .celebration-card::after {content:"";position:absolute;border-radius:999px;background:var(--ux-brand-soft);opacity:.85}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .celebration-card::before {width:86px;height:86px;left:-28px;top:-28px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .celebration-card::after {width:64px;height:64px;right:-18px;bottom:-18px;background:var(--ux-good-soft)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .celebration-mark {position:relative;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 10px;border-radius:22px;background:var(--ux-good);color:#fff;font-size:30px;font-weight:900;box-shadow:0 0 0 12px rgba(13,143,112,.09)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .celebration-card h4 {position:relative;margin:0 0 6px;color:var(--ux-navy);font-size:22px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .celebration-card p {position:relative;margin:0 0 12px;color:var(--ux-muted);font-size:12.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .celebration-metrics {position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:left}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .celebration-metrics .impact-pill {background:#fff}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wave-row {display:flex;align-items:center;justify-content:center;gap:5px;height:54px;margin:12px 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wave-row i {width:7px;border-radius:999px;background:var(--ux-brand)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wave-row i:nth-child(1) {height:18px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wave-row i:nth-child(2) {height:34px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wave-row i:nth-child(3) {height:48px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wave-row i:nth-child(4) {height:28px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wave-row i:nth-child(5) {height:38px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .fake-app-row {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .fake-cell {min-height:54px;border:1px solid var(--ux-line);border-radius:8px;background:#fbfcfe;padding:8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .share-preview {flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-surface);padding:10px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .share-preview-head {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .share-preview-head b {color:var(--ux-navy);font-size:12.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .share-preview-stage {flex:1;min-height:140px;border:3px solid #0099ff;border-radius:12px;background:linear-gradient(135deg,#f6f8fa,#e4e8ee);padding:12px;overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .share-preview-stage>b {display:block;color:var(--ux-navy);font-size:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .share-preview-note {margin:8px 0 0;color:var(--ux-muted);font-size:11px;text-align:center}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .native-share-pill {align-self:center;display:inline-flex;align-items:center;gap:14px;background:#202124;color:#e8eaed;border-radius:999px;padding:7px 16px;font-size:11px;font-weight:700}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .native-share-pill span {color:#8ab4f8;font-weight:800}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .native-share-pill span.dim {color:#9aa0a6}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-card {border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-surface);overflow:hidden}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-thumb {height:92px;background:linear-gradient(135deg,#eef5ff,#dfe8f4);border-bottom:1px solid var(--ux-line);position:relative}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-thumb::after {content:"";position:absolute;inset:12px;border:2px solid var(--ux-brand);border-radius:8px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-card div:last-child {padding:9px;color:var(--ux-muted);font-size:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .checklist {display:grid;gap:8px;margin:16px 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .check {display:flex;gap:8px;align-items:flex-start;border:1px solid var(--ux-line);border-radius:9px;background:#fbfcfe;padding:10px;font-size:12.5px;color:var(--ux-muted)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .check b {color:var(--ux-navy)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .orb {width:92px;height:92px;border-radius:50%;margin:18px auto;background:radial-gradient(circle at 35% 30%,#65c4ff 0%,var(--ux-brand) 58%,var(--ux-brand-dark) 100%);box-shadow:0 0 0 16px rgba(0,153,255,.08),0 0 0 32px rgba(0,153,255,.04),0 18px 40px rgba(0,80,204,.18)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .state-strip {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 18px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .state-card {border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-soft);padding:11px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .state-card b {display:block;color:var(--ux-navy);font-size:12.5px;margin-bottom:4px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .state-card p {margin:0;color:var(--ux-muted);font-size:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .contract {padding:0 18px 16px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .contract table {margin:0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .experience {border-top:1px solid var(--ux-line);background:#fbfcfe;padding:14px 18px;color:var(--ux-muted);font-size:13px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .experience b {color:var(--ux-navy)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .output-card {border:1px solid var(--ux-brand-line);border-radius:13px;background:var(--ux-surface);padding:14px;box-shadow:0 8px 22px rgba(32,39,52,.06)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .section-line {border-top:1px solid var(--ux-line);padding-top:10px;margin-top:10px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .quote {border-left:3px solid var(--ux-brand);background:var(--ux-brand-soft);padding:9px 10px;border-radius:0 8px 8px 0;color:var(--ux-text);font-size:12.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .snapshot {border:1px solid rgba(13,143,112,.28);background:var(--ux-good-soft);border-radius:12px;padding:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .loading-ring {width:46px;height:46px;border-radius:50%;border:5px solid rgba(0,153,255,.18);border-top-color:var(--ux-brand);margin:0 auto 10px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mic-card {border:1px solid var(--ux-brand-line);border-radius:16px;background:#fff;padding:18px;text-align:center}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mic-bars {display:flex;justify-content:center;align-items:end;gap:5px;height:58px;margin:16px 0}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mic-bars i {width:9px;border-radius:999px;background:var(--ux-brand)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mic-bars i:nth-child(1) {height:20px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mic-bars i:nth-child(2) {height:36px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mic-bars i:nth-child(3) {height:52px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mic-bars i:nth-child(4) {height:30px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mic-bars i:nth-child(5) {height:42px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .prep-card {border:1px solid var(--ux-brand-line);border-radius:18px;background:#fff;padding:24px;text-align:center;box-shadow:0 14px 32px rgba(0,80,204,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .prep-card .loading-ring {width:58px;height:58px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .prep-list {display:grid;gap:8px;text-align:left;margin-top:14px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .prep-item {display:flex;justify-content:space-between;gap:8px;border:1px solid var(--ux-line);border-radius:10px;background:#fbfcfe;padding:8px;color:var(--ux-muted);font-size:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .save-screen {display:grid;place-items:center;height:100%;background:linear-gradient(180deg,#fbfdff 0%,#eef6ff 100%)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .save-card {width:min(520px,88%);border:1px solid var(--ux-brand-line);border-radius:18px;background:#fff;padding:26px;text-align:center;box-shadow:0 18px 42px rgba(0,80,204,.12)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .save-card h4 {margin:0 0 7px;color:var(--ux-navy);font-size:24px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .save-card p {margin:0 0 16px;color:var(--ux-muted)}
/* Wireframe colour discipline: inside the 16:9 review frames all chrome is grayscale so review
   focuses on the concept, not visual design. Colour is reserved for status/state only:
   ok/wait/miss tags, the recording dot, success states, and the blue "screen is being
   captured" frame (a deliberate trust-state indicator). */
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame {--ux-brand:#5b6474;--ux-brand-dark:#333b49;--ux-brand-soft:#eef1f5;--ux-brand-line:#c9d1dc;--ux-blue:#f3f5f8}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .btn.primary {background:#333b49;border-color:#333b49}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .phone-orb,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .orb {background:radial-gradient(circle at 35% 30%,#aab3c0 0%,#5b6474 58%,#333b49 100%);box-shadow:0 0 0 14px rgba(51,59,73,.06),0 0 0 30px rgba(51,59,73,.03),0 14px 30px rgba(51,59,73,.15)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .loading-ring {border-color:rgba(51,59,73,.14);border-top-color:#5b6474}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .task-shot-thumb,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .shot-thumb,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .evidence-mini-thumb {background:linear-gradient(135deg,#f1f3f6,#e2e6ec)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .save-screen {background:linear-gradient(180deg,#fcfdfe 0%,#f1f3f6 100%)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .review-body,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .task-review-body {background:linear-gradient(180deg,#fcfdfe 0%,#f3f5f8 100%)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .desktop-question {background:linear-gradient(180deg,#fafbfc 0%,#fff 100%)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame.public-review .web-shell {background:linear-gradient(180deg,#fcfdfe 0%,#f3f5f8 100%)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .prep-card,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .save-card {box-shadow:0 12px 28px rgba(32,39,52,.08)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .shot-thumb::after,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .task-shot-thumb::after,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame .evidence-mini-thumb::after {border-color:#0099ff}
@media (max-width: 820px) {
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c main {padding:18px 16px 72px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c h1 {font-size:32px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .doc-links,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .scorecard,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .grid-2,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .grid-3,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .grid-4,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .flow-row,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .status-grid,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .state-strip {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .flow-node:not(:last-child)::after {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .app-row {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .rail,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .inspector {display:none}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shell {min-height:auto}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .workspace {padding:14px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .mini-row {grid-template-columns:1fr;gap:4px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .stage {padding:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .screen-frame {width:760px;min-width:760px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-body {grid-template-columns:minmax(0,1.05fr) minmax(230px,.95fr);padding:14px;gap:12px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .review-main h4 {font-size:20px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .impact-row {gap:6px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .verify-submit p {font-size:11.5px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .device-grid,
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .shot-grid {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-shell {max-width:292px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .device-grid {grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .device-grid.solo {grid-template-columns:minmax(0,1fr)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .device-grid.duo {grid-template-columns:repeat(2,auto)}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .phone-shell {max-width:232px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .phone-screen {min-height:410px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .phone-review .phone-orb {width:66px;height:66px;margin:12px auto 10px}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .fake-app-row {grid-template-columns:1fr}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wf-cap {align-items:flex-start}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c .wf-route {margin-left:0;width:100%}
body.bd-doc-product-features-voice-interviews-live-v1-ux-spec-c721511c table {display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
/* docs/product/features/ontology/v0-view-only-scaffold/proof-of-work.html */
/* Scoped copy of the table constraint this doc previously received from the
   (formerly unscoped) interview-flow-build-spec legacy blob. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: 12px;
  font-size: 14px;
}
/* Scoped copy of the pre styling this doc previously received from the
   (formerly unscoped) interview-flow-build-spec legacy blob. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 pre {
  margin: 14px 0 0;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  color: var(--text);
  background: var(--subtle);
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1.55;
}
/* docs/engineering/agentic-setup/index.html */
body.bd-doc-engineering-agentic-setup-index-f0b92cad * {
        box-sizing: border-box;
      }
html:has(body.bd-doc-engineering-agentic-setup-index-f0b92cad) {
        scroll-behavior: smooth;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad {
        margin: 0;
        font-family: var(--sans);
        color: var(--text);
        background:
          radial-gradient(circle at top right, rgba(0, 153, 255, 0.1), transparent 34rem),
          var(--bg);
        line-height: 1.55;
        overflow-wrap: break-word;
        -webkit-font-smoothing: antialiased;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad main {
        width: 100%;
        max-width: 1120px;
        margin: 0 auto;
        padding: 40px 16px 80px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad header,
body.bd-doc-engineering-agentic-setup-index-f0b92cad section,
body.bd-doc-engineering-agentic-setup-index-f0b92cad .notice,
body.bd-doc-engineering-agentic-setup-index-f0b92cad .card,
body.bd-doc-engineering-agentic-setup-index-f0b92cad .matrix,
body.bd-doc-engineering-agentic-setup-index-f0b92cad .source-list {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface);
        box-shadow: var(--shadow);
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad header {
        padding: 32px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad section {
        margin-top: 18px;
        padding: 24px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad h1,
body.bd-doc-engineering-agentic-setup-index-f0b92cad h2,
body.bd-doc-engineering-agentic-setup-index-f0b92cad h3,
body.bd-doc-engineering-agentic-setup-index-f0b92cad p {
        margin-top: 0;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad h1 {
        max-width: 18ch;
        margin-bottom: 12px;
        color: var(--navy);
        font-size: clamp(32px, 5vw, 50px);
        font-weight: 700;
        line-height: 1.02;
        letter-spacing: 0;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad h2 {
        display: flex;
        gap: 10px;
        align-items: baseline;
        margin-bottom: 14px;
        color: var(--navy);
        font-size: 24px;
        font-weight: 700;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad h2 .num {
        color: var(--brand);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 500;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad h3 {
        margin-bottom: 8px;
        color: var(--navy);
        font-size: 16px;
        font-weight: 700;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad a {
        color: var(--brand-dark);
        font-weight: 700;
        text-decoration: none;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad a:hover {
        text-decoration: underline;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad code {
        border-radius: 5px;
        padding: 2px 5px;
        color: #27364d;
        background: #eef3f9;
        font-family: var(--mono);
        font-size: 0.9em;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad ul,
body.bd-doc-engineering-agentic-setup-index-f0b92cad ol {
        margin: 0;
        padding-left: 20px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad li + li {
        margin-top: 6px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad table {
        width: 100%;
        border-collapse: collapse;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad th,
body.bd-doc-engineering-agentic-setup-index-f0b92cad td {
        padding: 12px 10px;
        border-bottom: 1px solid var(--line);
        text-align: left;
        vertical-align: top;
        font-size: 14px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad th {
        color: var(--navy);
        background: var(--surface-blue);
        font-weight: 700;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad tr:last-child td {
        border-bottom: 0;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .crumbs {
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px;
        align-items: baseline;
        margin-bottom: 28px;
        color: var(--muted);
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .crumbs .sep {
        color: var(--line);
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .crumbs .here {
        color: var(--text);
        font-weight: 700;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .crumbs a {
        color: var(--muted);
        font-weight: 500;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .eyebrow {
        display: inline-flex;
        gap: 8px;
        align-items: center;
        margin: 0 0 10px;
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .eyebrow::before {
        content: "";
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: var(--brand);
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .lead {
        max-width: 760px;
        color: var(--muted);
        margin-bottom: 0;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .notice {
        margin-top: 18px;
        padding: 16px 18px;
        border-color: #b9d2ff;
        background: var(--surface-blue);
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .notice strong {
        color: var(--navy);
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .card {
        padding: 18px;
        background: var(--surface-soft);
        box-shadow: none;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .kicker {
        display: block;
        margin-bottom: 8px;
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .status-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 18px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .pill {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 11px;
        border-radius: 999px;
        color: var(--brand-dark);
        background: #e9f4ff;
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .pill.orange {
        color: #7a3200;
        background: #fff1df;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .pill.red {
        color: #8b1a1a;
        background: #ffe9e9;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .matrix {
        overflow: auto;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .source-list {
        padding: 18px;
        background: var(--surface-soft);
        box-shadow: none;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram {
        margin-top: 18px;
        padding: 18px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: linear-gradient(180deg, #fbfdff 0%, #f6f9fd 100%);
        box-shadow: none;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram h3 {
        margin-bottom: 4px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram p {
        color: var(--muted);
        font-size: 14px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram-scroll {
        overflow-x: auto;
        padding-bottom: 4px;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram svg {
        display: block;
        width: 100%;
        min-width: 860px;
        height: auto;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .box {
        fill: #ffffff;
        stroke: #cbd8e8;
        stroke-width: 1.5;
        rx: 12;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .box.blue {
        fill: #edf6ff;
        stroke: #80bfff;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .box.green {
        fill: #edf9f3;
        stroke: #8bd0ad;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .box.orange {
        fill: #fff4e7;
        stroke: #f2b36d;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .box.red {
        fill: #fff0f0;
        stroke: #e7a1a1;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .box.purple {
        fill: #f4f0ff;
        stroke: #b8a6f6;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .lane {
        fill: #ffffff;
        stroke: #d8e2ef;
        stroke-width: 1;
        rx: 14;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .arrow {
        fill: none;
        stroke: #47627f;
        stroke-width: 2;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .arrow-muted {
        fill: none;
        stroke: #91a4b7;
        stroke-width: 1.6;
        stroke-dasharray: 6 6;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .label {
        fill: #12133f;
        font-family: var(--sans);
        font-size: 15px;
        font-weight: 700;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .small {
        fill: #60748c;
        font-family: var(--sans);
        font-size: 12px;
        font-weight: 500;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .micro {
        fill: #60748c;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.02em;
      }
body.bd-doc-engineering-agentic-setup-index-f0b92cad .diagram .badge {
        fill: #006bd6;
        font-family: var(--mono);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.04em;
      }
@media (max-width: 760px) {
body.bd-doc-engineering-agentic-setup-index-f0b92cad .grid {
          grid-template-columns: 1fr;
        }
body.bd-doc-engineering-agentic-setup-index-f0b92cad header,
body.bd-doc-engineering-agentic-setup-index-f0b92cad section {
          padding: 20px;
        }
}
/* docs/engineering/architecture-decisions/tech-stack/ADR-002-local-git-hooks-manager.html */
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 {
        background:
          radial-gradient(circle at top right, rgba(0, 153, 255, 0.1), transparent 34rem),
          var(--bg);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .crumbs {
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px;
        align-items: baseline;
        margin-bottom: 28px;
        color: var(--muted);
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .crumbs .sep {
        color: var(--line);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .crumbs .root {
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .crumbs .here {
        color: var(--text);
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .crumbs a {
        color: var(--muted);
        font-weight: 500;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .crumbs a:hover {
        color: var(--text);
        text-decoration: none;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .eyebrow {
        display: inline-flex;
        gap: 8px;
        align-items: center;
        margin: 0 0 10px;
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .eyebrow::before {
        content: "";
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: var(--brand);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .lead {
        max-width: 760px;
        color: var(--muted);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 20px;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .badge {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        color: var(--muted);
        background: #eef3f9;
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .badge.proposed {
        color: var(--warn);
        background: var(--warn-soft);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .badge.decision {
        color: var(--brand-dark);
        background: var(--brand-soft);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .summary {
        margin-top: 18px;
        padding: 18px 20px;
        border-color: var(--brand-line);
        background: var(--surface-blue);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .summary strong {
        color: var(--navy);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents {
        margin-top: 18px;
        padding: 20px 22px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface-soft);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents h2 {
        margin: 0 0 12px;
        color: var(--muted);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents ol {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px 28px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents a {
        display: flex;
        gap: 10px;
        padding: 4px 0;
        color: var(--text);
        font-weight: 500;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents a::before {
        color: var(--muted);
        font-family: var(--mono);
        font-size: 11px;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents li:nth-child(1) a::before {
        content: "01";
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents li:nth-child(2) a::before {
        content: "02";
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents li:nth-child(3) a::before {
        content: "03";
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents li:nth-child(4) a::before {
        content: "04";
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents li:nth-child(5) a::before {
        content: "05";
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents li:nth-child(6) a::before {
        content: "06";
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents li:nth-child(7) a::before {
        content: "07";
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents li:nth-child(8) a::before {
        content: "08";
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents a:hover {
        color: var(--brand-dark);
        text-decoration: none;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .grid.three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .card {
        padding: 16px;
        background: var(--surface-soft);
        box-shadow: none;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .card.recommended {
        border-color: #9ed0c4;
        background: var(--good-soft);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .card.rejected {
        background: #ffffff;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .card .tag {
        display: inline-flex;
        align-items: center;
        min-height: 22px;
        margin-bottom: 8px;
        padding: 0 8px;
        border: 1px solid #9ed0c4;
        border-radius: 999px;
        color: var(--good);
        background: #ffffff;
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .card h4 {
        margin: 12px 0 4px;
        color: var(--navy);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .callout {
        border-left: 4px solid var(--brand);
        border-radius: 8px;
        padding: 14px 16px;
        background: var(--surface-blue);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .callout.good {
        border-left-color: var(--good);
        background: var(--good-soft);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .callout.warn {
        border-left-color: var(--warn);
        background: var(--warn-soft);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .callout.risk {
        border-left-color: var(--risk);
        background: var(--risk-soft);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .callout h3 {
        font-size: 13px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .flow {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface-soft);
        padding: 8px;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .flow svg {
        display: block;
        width: 100%;
        height: auto;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .flow .lbl {
        fill: var(--navy);
        font-family: var(--sans);
        font-size: 13px;
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .flow .sub,
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .flow .edgelbl {
        fill: var(--muted);
        font-family: var(--mono);
        font-size: 10.5px;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .source-list {
        padding: 18px 22px;
      }
@media (max-width: 860px) {
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .grid,
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .grid.three,
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 .contents ol {
          grid-template-columns: 1fr;
        }
body.bd-doc-engineering-architecture-decisions-tech-stack-adr-002-local-git-hooks-manager-caa21098 table {
          display: block;
          overflow-x: auto;
          max-width: 100%;
        }
}
/* docs/engineering/architecture-decisions/tech-stack/index.html */
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 {
        background:
          radial-gradient(circle at top right, rgba(0, 153, 255, 0.1), transparent 32rem),
          var(--bg);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .crumbs {
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px;
        align-items: baseline;
        margin-bottom: 28px;
        color: var(--muted);
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .crumbs .sep {
        color: var(--line);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .crumbs .root {
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .crumbs .here {
        color: var(--text);
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .crumbs a {
        color: var(--muted);
        font-weight: 500;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .crumbs a:hover {
        color: var(--text);
        text-decoration: none;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .eyebrow {
        display: inline-flex;
        gap: 8px;
        align-items: center;
        margin: 0 0 10px;
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .eyebrow::before {
        content: "";
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: var(--brand);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .lead {
        max-width: 720px;
        color: var(--muted);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .decision-list {
        display: grid;
        gap: 14px;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .decision {
        display: grid;
        grid-template-columns: 70px minmax(0, 1fr) auto;
        gap: 16px;
        align-items: start;
        padding: 20px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface-soft);
        box-shadow: none;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .decision .id {
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 13px;
        font-weight: 500;
        padding-top: 2px;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .decision h3 {
        margin-bottom: 6px;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .decision h3 a {
        color: var(--navy);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .status {
        align-self: start;
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 12px;
        border-radius: 999px;
        color: var(--good);
        background: var(--good-soft);
        font-size: 12px;
        font-weight: 700;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .status.proposed {
        color: var(--warn);
        background: var(--warn-soft);
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .tags {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 10px;
      }
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .tags span {
        padding: 2px 7px;
        border-radius: 5px;
        color: var(--muted);
        background: #eef3f9;
        font-family: var(--mono);
        font-size: 11px;
      }
@media (max-width: 720px) {
body.bd-doc-engineering-architecture-decisions-tech-stack-index-291e8e04 .decision {
          grid-template-columns: 1fr;
          gap: 10px;
        }
}

/* ---- Retained from Aqibansari/obsidian-style-node-graph merge: scoped CSS for docs not yet covered by main's dedupe pass ---- */

/* ---- Migrated document CSS: docs/product/features/ontology/v0-view-only-scaffold/prd.html ------------------------------ */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .promise-grid,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .decision-grid,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .coverage-grid,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .scope-ladder,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .node-taxonomy,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .metric-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
        gap: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .promise-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .decision-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .coverage-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .taxonomy-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .metric-card {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 16px;
        background: var(--surface-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .promise-card strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .decision-card strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .coverage-card strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .taxonomy-card strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .metric-card strong {
        display: block;
        color: var(--navy);
        font-size: 16px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .promise-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .decision-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .coverage-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .taxonomy-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .metric-card p {
        margin: 8px 0 0;
        color: var(--muted);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .core-loop {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin-top: 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .loop-step {
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        padding: 6px 10px;
        color: var(--brand-dark);
        background: var(--brand-soft);
        font-size: 13px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .loop-arrow {
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .coverage-card {
        background: var(--surface);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .coverage-card span {
        display: inline-flex;
        width: fit-content;
        margin-top: 10px;
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        padding: 5px 9px;
        color: var(--brand-dark);
        background: var(--brand-soft);
        font-size: 12px;
        font-weight: 800;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-panel {
        border: 1px solid var(--line);
        border-radius: var(--radius-panel);
        padding: 16px;
        background: var(--surface);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-title {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: baseline;
        margin-bottom: 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-title strong {
        color: var(--navy);
        font-size: 16px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-title span {
        color: var(--muted);
        font-size: 13px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-legend {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: -4px 0 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-legend span {
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 5px 9px;
        color: var(--muted);
        background: var(--surface-soft);
        font-size: 12.5px;
        line-height: 1.3;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-legend b {
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-spine {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
        align-items: stretch;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-step {
        position: relative;
        min-height: 88px;
        border: 1px solid var(--brand-line);
        border-radius: var(--radius-row);
        padding: 12px;
        background: var(--brand-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-step:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -11px;
        z-index: 1;
        transform: translateY(-50%);
        width: 12px;
        height: 2px;
        border-radius: 999px;
        background: var(--brand);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-step:not(:last-child)::before {
        content: "";
        position: absolute;
        top: 50%;
        right: -12px;
        z-index: 2;
        width: 6px;
        height: 6px;
        border-top: 2px solid var(--brand);
        border-right: 2px solid var(--brand);
        transform: translateY(-50%) rotate(45deg);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-kicker {
        display: block;
        margin-bottom: 6px;
        color: var(--brand-dark);
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-step strong {
        display: block;
        color: var(--navy);
        font-size: 14px;
        line-height: 1.25;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-step p {
        margin: 6px 0 0;
        color: var(--muted);
        font-size: 12.5px;
        line-height: 1.4;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .deferred-drop {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        height: 22px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .deferred-drop span {
        position: relative;
        grid-column: 5;
        justify-self: center;
        width: 2px;
        background: var(--brand);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .deferred-drop span::after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid var(--brand);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-stop-boundary {
        display: grid;
        gap: 4px;
        border-top: 2px solid var(--brand);
        border-bottom: 2px solid var(--brand);
        padding: 10px 12px;
        background: var(--surface-blue);
        text-align: center;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-stop-boundary strong {
        color: var(--navy);
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-stop-boundary span {
        color: var(--muted);
        font-size: 13px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v1-candidates {
        display: grid;
        gap: 10px;
        margin-top: 12px;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 12px;
        background: var(--surface-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v1-candidates strong {
        color: var(--navy);
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v1-candidate-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v1-candidate-list span {
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        padding: 5px 9px;
        color: var(--brand-dark);
        background: var(--brand-soft);
        font-size: 12.5px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .depth-scale {
        display: grid;
        gap: 10px;
        margin-top: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .depth-row {
        display: grid;
        grid-template-columns: 140px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 12px;
        background: var(--surface);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .depth-pill,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .disp-pill {
        display: inline-flex;
        width: fit-content;
        border-radius: 999px;
        padding: 3px 9px;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .depth-pill.strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .disp-pill.absorbed {
        color: var(--good);
        background: var(--good-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .depth-pill.partial,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .disp-pill.deferred {
        color: var(--brand-dark);
        background: var(--brand-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .depth-pill.thin,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .disp-pill.limitation {
        color: var(--warn);
        background: var(--warn-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .depth-pill.unknown {
        color: var(--slate);
        background: var(--slate-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .hard-faq {
        margin: 0;
        padding-left: 20px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .hard-faq li + li {
        margin-top: 10px;
      }

@media (max-width: 760px){
        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-title {
          display: block;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-title span {
          display: block;
          margin-top: 4px;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-legend {
          display: grid;
          gap: 6px;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-spine {
          grid-template-columns: 1fr;
          gap: 10px;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-step {
          min-height: auto;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-step:not(:last-child)::after {
          content: "";
          top: auto;
          right: auto;
          bottom: -11px;
          left: 22px;
          transform: none;
          width: 2px;
          height: 12px;
          padding: 0;
          border-radius: 999px;
          background: var(--brand);
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-flow-step:not(:last-child)::before {
          top: auto;
          right: auto;
          bottom: -12px;
          left: 19px;
          width: 6px;
          height: 6px;
          border-top: 0;
          border-right: 2px solid var(--brand);
          border-bottom: 2px solid var(--brand);
          transform: rotate(45deg);
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .deferred-drop {
          display: block;
          height: 16px;
          position: relative;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .deferred-drop span {
          position: absolute;
          top: 0;
          left: 22px;
          width: 2px;
          height: 12px;
          background: var(--brand);
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .deferred-drop span::after {
          bottom: -5px;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v0-stop-boundary {
          margin-top: 4px;
          text-align: left;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .v1-candidate-list {
          display: grid;
          grid-template-columns: 1fr;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-prd-5de356fa .depth-row {
          grid-template-columns: 1fr;
        }
      }

/* ---- Migrated document CSS: docs/product/features/ontology/v0-view-only-scaffold/proof-of-work.html ------------------------------ */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .note-soft,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .note-soft {
        margin: 8px 0 0;
        color: var(--muted);
        font-size: 13px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .hero-proof,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .hero-proof {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
        gap: 18px;
        align-items: stretch;
        margin-top: 18px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .hero-proof .screen,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .hero-proof .screen {
        margin: 0;
        background: var(--surface-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .hero-result,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .hero-result {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 14px;
        border: 1px solid var(--line);
        border-radius: var(--radius-panel);
        padding: 16px;
        background: var(--surface-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .hero-result strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .hero-result strong {
        display: block;
        color: var(--navy);
        font-size: 18px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .hero-result p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .hero-result p {
        margin: 8px 0 0;
        color: var(--muted);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .proof-links,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .proof-links {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .proof-links a,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .proof-links span,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .proof-links a,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .proof-links span {
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        padding: 6px 10px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        font-size: 12px;
        font-weight: 800;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .cmd,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .cmd {
        margin: 0;
        overflow: auto;
        border-radius: var(--radius-row);
        padding: 14px 16px;
        background: var(--night);
        color: var(--surface);
        font-family: var(--mono);
        font-size: 12.5px;
        line-height: 1.6;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .cmd .c,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .cmd .c {
        color: var(--line-strong);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .cmd .ok,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .cmd .ok {
        color: var(--brand-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .cmd .risk {
        color: var(--risk);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .acceptance-grid,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .acceptance-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .acceptance-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .acceptance-card {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        padding: 14px;
        background: var(--surface-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .acceptance-card strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .acceptance-card strong {
        display: block;
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .acceptance-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .acceptance-card p {
        margin: 8px 0 0;
        color: var(--muted);
        font-size: 13px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .screens-two,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .screens-two {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .stack,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .stack {
        display: grid;
        gap: 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .good,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .good {
        color: var(--good);
        font-weight: 800;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .risk,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .risk {
        color: var(--risk);
        font-weight: 800;
      }

@media (max-width: 860px){
        body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .hero-proof,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .screens-two,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-85d34543 .acceptance-grid,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .hero-proof,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .screens-two,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-proof-of-work-studio-v2-alignment-643b0946 .acceptance-grid {
          grid-template-columns: 1fr;
        }
      }

/* ---- Migrated document CSS: docs/product/features/ontology/v0-view-only-scaffold/tech-spec.html ------------------------------ */
/* document-specific, Beam-aligned layout only — tokens & primitives come from beam-doc.css */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 pre {margin:0;background:var(--night);color:#e9edf5;border-radius:var(--radius-row);padding:16px 18px;overflow:auto;font-family:var(--mono);font-size:12.5px;line-height:1.62}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 pre .c {color:#8b94a8}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 pre .k {color:#9ecbff}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .note-soft {font-size:13px;color:var(--muted);margin:8px 0 0}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .dtag {font-family:var(--mono);font-size:11px;font-weight:700;color:var(--brand);background:var(--brand-soft);border-radius:6px;padding:2px 8px;white-space:nowrap}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .rec {color:var(--good);font-weight:700}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .warn {color:var(--risk);font-weight:700}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .pillrow {display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .enpill {font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:999px;padding:2px 9px;color:var(--muted);background:var(--surface-soft)}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 table td code,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 table th code {font-size:12px}

/* diagrams */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .diagram {border:1px solid var(--line);border-radius:var(--radius-row);overflow:hidden;background:var(--surface);margin:14px 0}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .diagram figcaption {display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-soft);font-weight:700;color:var(--navy);font-size:13.5px}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .diagram figcaption .kind {margin-left:auto;font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid {display:flex;justify-content:center;padding:18px 12px;background:repeating-linear-gradient(45deg,transparent,transparent 9px,rgba(120,130,150,.045) 9px,rgba(120,130,150,.045) 10px);overflow-x:auto;-webkit-overflow-scrolling:touch}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg {max-width:100%;height:auto}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg .edgeLabel,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg .edgeLabel span,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg .edgeLabel p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg .edgeLabel div {color:var(--text)!important}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg .edgeLabel text,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg .label,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg .nodeLabel,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg .stateLabel {fill:var(--text)!important;color:var(--text)!important}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg .edgeLabel rect,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg .labelBkg {fill:var(--surface)!important;fill-opacity:.96!important;stroke:var(--line)!important}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .dcap {font-size:12.5px;color:var(--muted);margin:7px 2px 14px;line-height:1.5}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .dcap b {color:var(--ink)}

/* collapsible exact-code, so diagrams lead and contracts stay one click away */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 details.code {margin:10px 0;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);overflow:hidden}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 details.code>summary {cursor:pointer;padding:9px 13px;font-size:12.5px;font-weight:700;color:var(--navy);list-style:none}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 details.code>summary::-webkit-details-marker {display:none}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 details.code>summary::before {content:"\25B8  ";color:var(--brand)}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 details.code[open]>summary::before {content:"\25BE  "}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 details.code pre {border-radius:0}

/* simplification ledger */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .ledger {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px;margin:12px 0}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .ledger .cell {border:1px solid var(--line);border-radius:var(--radius-row);padding:14px;background:var(--surface)}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .ledger .cell>b {display:block;color:var(--navy);font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .ledger .cell.reuse>b {color:var(--good)}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .ledger .cell.refuse>b {color:var(--risk)}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .ledger ul {margin:0;padding-left:17px;color:var(--muted);font-size:13px;line-height:1.55}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .ledger li+li {margin-top:4px}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 main {min-width:0}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 h2 code,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 h3 code,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 p code,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 td code,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 li code {overflow-wrap:anywhere}

@media (max-width:680px){
  body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 table {display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid {justify-content:flex-start}
  body.bd-doc-product-features-ontology-v0-view-only-scaffold-tech-spec-3416fb19 .mermaid svg {min-width:720px;max-width:none}
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* ---- Migrated document CSS: docs/product/features/ontology/v0-view-only-scaffold/ux-spec.html ------------------------------ */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .legend,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .loop,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flowline {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .legend {
        margin-top: 18px;
        padding: 13px 16px;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        color: var(--muted);
        font-size: 12.5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .legend .li {
        display: inline-flex;
        align-items: center;
        gap: 7px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .swatch,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .dot {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 999px;
        flex: none;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .strong {
        background: var(--good);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .partial {
        background: var(--brand);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .thin {
        background: var(--warn);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .unknown {
        background: var(--slate);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .partdiv {
        margin: 30px 4px 0;
        font-family: var(--mono);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--brand-dark);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .partdiv .pn {
        color: var(--faint);
        margin-right: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .icon-title {
        display: flex;
        align-items: center;
        gap: 9px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .doc-icon {
        display: inline-grid;
        place-items: center;
        width: 28px;
        height: 28px;
        border: 1px solid var(--brand-line);
        border-radius: 9px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        flex: none;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .doc-icon svg {
        width: 16px;
        height: 16px;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .icon-title.compact .doc-icon {
        width: 24px;
        height: 24px;
        border-radius: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .icon-title.compact .doc-icon svg {
        width: 14px;
        height: 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .framework-grid,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .trust-grid,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .object-grid,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .route-grid,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .wire-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
        gap: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .framework-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .trust-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .object-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .route-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .wire-note {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        padding: 14px 16px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .framework-card strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .trust-card strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .object-card strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .route-card strong,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .wire-note strong {
        display: flex;
        color: var(--navy);
        margin-bottom: 6px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .framework-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .trust-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .object-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .route-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .wire-note p {
        margin: 0;
        color: var(--muted);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .trust-path,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-index {
        display: grid;
        gap: 10px;
        margin: 16px 0 18px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .spec-map {
        margin: 16px 0 0;
        border: 1px solid var(--line-strong);
        border-radius: 14px;
        background: #fff;
        overflow: hidden;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .spec-map-head {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-bottom: 1px solid var(--line);
        color: var(--navy);
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .spec-map pre {
        margin: 0;
        padding: 14px 16px 16px;
        overflow-x: auto;
        color: var(--text);
        background: var(--surface-soft);
        font-family: var(--mono);
        font-size: 12px;
        line-height: 1.55;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .trust-path {
        grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .trust-rung {
        border: 1px solid var(--brand-line);
        border-radius: var(--radius-row);
        background: linear-gradient(180deg, #fff, var(--brand-soft));
        padding: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .trust-rung .rung-emoji {
        display: inline-grid;
        place-items: center;
        width: 30px;
        height: 30px;
        margin-bottom: 8px;
        border: 1px solid var(--brand-line);
        border-radius: 10px;
        background: #fff;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .trust-rung b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-index-card b {
        display: block;
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .trust-rung p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-index-card p {
        margin: 4px 0 0;
        color: var(--muted);
        font-size: 12.5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-index {
        grid-template-columns: 1fr;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-index-card {
        border: 1px solid var(--line-strong);
        border-radius: 14px;
        background: #fff;
        padding: 13px 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-index-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 10px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-index-badge {
        border: 1px solid var(--brand-line);
        border-radius: 999px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 3px 9px;
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .story-steps {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .story-step {
        min-width: 118px;
        flex: 1;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface-soft);
        padding: 9px 10px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .story-id {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 6px;
        color: var(--brand-dark);
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .story-step span:last-child {
        display: block;
        color: var(--text);
        font-size: 12.5px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .experience-spine {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr));
        gap: 9px;
        margin: 14px 0 18px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .spine-step {
        position: relative;
        border: 1px solid var(--brand-line);
        border-radius: var(--radius-row);
        background: linear-gradient(180deg, #fff, var(--brand-soft));
        padding: 11px 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .spine-step b {
        display: block;
        color: var(--navy);
        margin-bottom: 5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .spine-step span {
        color: var(--muted);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-meta {
        display: grid;
        grid-template-columns: 1.1fr 1.35fr 1.2fr;
        gap: 12px;
        margin: 14px 0 16px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-card {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        padding: 14px 16px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-card-title {
        display: flex;
        margin: 0 0 7px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--faint);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-card ul {
        margin: 0;
        color: var(--muted);
        font-size: 13.5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-card ul {
        padding-left: 18px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-frame {
        overflow-x: auto;
        border: 1px solid var(--line-strong);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 table.journey-map {
        min-width: 1220px;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
        font-size: 12.5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map th,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map td {
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        vertical-align: top;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map tr:last-child th,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map tr:last-child td {
        border-bottom: 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map th:last-child,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map td:last-child {
        border-right: 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map thead th {
        padding: 11px 12px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        font-weight: 700;
        text-align: left;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map thead th:first-child,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map .row-head {
        width: 138px;
        background: var(--surface-soft);
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map .row-head {
        position: sticky;
        left: 0;
        z-index: 2;
        padding: 12px;
        font-size: 11px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map tbody td {
        padding: 12px;
        background: #fff;
        color: var(--text);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map tbody tr:nth-child(even) td {
        background: #fbfcfe;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map tbody tr:nth-child(even) .row-head {
        background: #eef3f7;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map ul {
        margin: 0;
        padding-left: 16px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-map li + li {
        margin-top: 5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .emotion-chip,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .depth-badge {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        border: 1px solid var(--line-strong);
        border-radius: 999px;
        padding: 4px 9px;
        background: var(--surface-soft);
        font-weight: 700;
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .emotion-chip.trust,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .depth-badge.strong {
        color: var(--good);
        background: var(--good-soft);
        border-color: rgba(13, 143, 112, 0.22);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .depth-badge.partial {
        color: var(--brand-dark);
        background: var(--brand-soft);
        border-color: var(--brand-line);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .emotion-chip.tension,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .depth-badge.thin {
        color: var(--warn);
        background: var(--warn-soft);
        border-color: rgba(200, 129, 10, 0.22);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .depth-badge.unknown {
        color: var(--slate);
        background: var(--slate-soft);
        border-color: var(--line-strong);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .emotion-note {
        display: block;
        margin-top: 6px;
        color: var(--muted);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .emotion-emoji {
        margin-right: 6px;
        font-size: 14px;
        line-height: 1;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .loop {
        margin: 8px 0 0;
        padding: 14px 16px;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        font-size: 13px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .loop .ls {
        background: #fff;
        border: 1px solid var(--line-strong);
        border-radius: 8px;
        padding: 4px 11px;
        font-weight: 700;
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .loop .ar,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flowline .ar {
        color: var(--faint);
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flowline {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--faint);
        margin: 0 0 14px;
        padding: 10px 14px;
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flowline b {
        color: var(--brand-dark);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-block {
        margin: 18px 0 30px;
        padding: 16px;
        border: 1px solid var(--line-strong);
        border-radius: 16px;
        background: linear-gradient(180deg, #fff, var(--surface-soft));
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-block h3 {
        margin: 0 0 7px;
        color: var(--navy);
        font-size: 20px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-block p {
        color: var(--muted);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-kicker {
        margin: 0 0 5px;
        font-family: var(--mono);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--brand-dark);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-head p:last-child {
        margin: 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-title-row {
        display: flex;
        align-items: center;
        gap: 10px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-title-row h3 {
        margin: 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-meta {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
        gap: 10px;
        margin: 12px 0 4px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-meta div {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: #fff;
        padding: 11px 13px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-meta strong {
        display: block;
        margin-bottom: 5px;
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .flow-meta p {
        margin: 0;
        font-size: 13px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .screen-contract {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
        gap: 10px;
        margin: 14px 0 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .screen-step {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: #fff;
        padding: 10px 12px;
        font-size: 12.5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .screen-step .sid {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 22px;
        margin-bottom: 7px;
        border-radius: 7px;
        background: var(--brand);
        color: #fff;
        font-family: var(--mono);
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .screen-step b {
        display: block;
        color: var(--navy);
        margin-bottom: 3px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .screen-step p {
        margin: 0;
        font-size: 12.5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup {
        margin: 22px 0 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup figcaption {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 2px 9px;
        flex-wrap: wrap;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup figcaption .num {
        font-weight: 700;
        color: #fff;
        background: var(--brand);
        border-radius: 7px;
        padding: 3px 9px;
        font-size: 12.5px;
        font-family: var(--mono);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup figcaption .ttl {
        font-weight: 700;
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup figcaption .route {
        color: var(--faint);
        font-family: var(--mono);
        font-size: 12px;
        margin-left: auto;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 14px;
        background: #fff;
        border-bottom: 1px solid var(--line);
        font-size: 12.5px;
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .chipbar {
        display: flex;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .seg {
        display: inline-flex;
        border: 1px solid var(--line-strong);
        border-radius: 999px;
        overflow: hidden;
        background: var(--surface-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .seg span {
        padding: 4px 13px;
        font-size: 12px;
        color: var(--muted);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .seg span.on {
        background: var(--brand);
        color: #fff;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .fchip,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .spill {
        display: inline-flex;
        align-items: center;
        border: 1px solid var(--line-strong);
        border-radius: 999px;
        padding: 4px 11px;
        background: #fff;
        color: var(--muted);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-body {
        display: flex;
        min-height: 392px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-nav {
        width: 124px;
        flex: none;
        background: linear-gradient(180deg, #fcfdff, var(--surface-soft));
        border-right: 1px solid var(--line);
        padding: 12px 9px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-nav .ni {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 7px 9px;
        border-radius: 8px;
        font-size: 12.5px;
        color: var(--muted);
        margin-bottom: 3px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-nav .ni.on {
        background: var(--brand-soft);
        color: var(--brand-dark);
        font-weight: 700;
        box-shadow: inset 2px 0 0 var(--brand);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-nav .ni.focus {
        background: #fff;
        color: var(--brand-dark);
        font-weight: 700;
        outline: 2px solid var(--brand-line);
        box-shadow: 0 0 0 4px var(--brand-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-canvas {
        flex: 1;
        position: relative;
        background: radial-gradient(130% 115% at 50% 42%, #172044 0%, #0f1733 64%, #0a1024 100%);
        min-width: 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-canvas svg {
        display: block;
        width: 100%;
        height: 100%;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-main {
        flex: 1;
        min-width: 0;
        background: #fff;
        padding: 16px;
        overflow-x: auto;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-main-head {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: flex-start;
        border-bottom: 1px solid var(--line);
        padding-bottom: 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-main-head h4 {
        margin: 0 0 5px;
        color: var(--navy);
        font-size: 18px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-main-head p {
        margin: 0;
        color: var(--muted);
        font-size: 12.5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .entry-grid {
        display: grid;
        grid-template-columns: 1fr 1.35fr;
        gap: 12px;
        margin-top: 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .entry-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .entry-list {
        border: 1px solid var(--line);
        border-radius: var(--radius-row);
        background: var(--surface-soft);
        padding: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .entry-card b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .entry-list b {
        display: block;
        color: var(--navy);
        margin-bottom: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mini-bars {
        display: grid;
        gap: 7px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mini-bars span {
        display: block;
        height: 9px;
        border-radius: 999px;
        background: var(--line-strong);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mini-bars span:nth-child(1) {
        width: 82%;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mini-bars span:nth-child(2) {
        width: 58%;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mini-bars span:nth-child(3) {
        width: 72%;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .entry-row {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 8px;
        padding: 8px 0;
        border-bottom: 1px solid var(--line);
        color: var(--muted);
        font-size: 12.5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .entry-row:last-child {
        border-bottom: 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .node-tooltip {
        position: absolute;
        left: 92px;
        top: 72px;
        width: 184px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 10px;
        background: rgba(11, 17, 38, 0.92);
        color: #dfe5f2;
        padding: 10px 12px;
        font-size: 11.5px;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .node-tooltip b {
        display: block;
        margin-bottom: 4px;
        color: #fff;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .node-tooltip span {
        display: block;
        color: #aeb7cd;
        line-height: 1.35;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .glegend {
        position: absolute;
        left: 12px;
        bottom: 12px;
        background: rgba(13, 18, 42, 0.78);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 11px;
        padding: 11px 13px;
        font-size: 11px;
        color: #c4ccdd;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .glegend h4 {
        margin: 0 0 5px;
        font-size: 9.5px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #7d88a4;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .glegend .lrow {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 3px 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .zoomctl {
        position: absolute;
        right: 12px;
        bottom: 12px;
        display: flex;
        flex-direction: column;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 9px;
        overflow: hidden;
        background: rgba(14, 19, 44, 0.7);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .zoomctl span {
        padding: 4px 9px;
        font-size: 13px;
        color: #aeb7cd;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .zoomctl span:last-child {
        border-bottom: 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 100%;
        gap: 10px;
        padding: 28px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .empty p {
        max-width: 400px;
        color: #aeb7cd;
        margin: 2px 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .empty .hl {
        color: #eef2fb;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .btn-primary {
        background: var(--brand);
        color: #fff;
        border: 0;
        border-radius: 9px;
        padding: 9px 18px;
        font: inherit;
        font-weight: 700;
        font-size: 13px;
        margin-top: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail {
        width: 282px;
        flex: none;
        border-left: 1px solid var(--line);
        background: #fff;
        font-size: 12.5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .copilot-rail {
        width: 292px;
        flex: none;
        border-left: 1px solid var(--line);
        background: var(--surface-soft);
        font-size: 12.5px;
        display: flex;
        flex-direction: column;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .copilot-head {
        padding: 13px 14px;
        border-bottom: 1px solid var(--line);
        background: #fff;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .copilot-title-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .copilot-head b {
        display: block;
        color: var(--navy);
        font-size: 15px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .copilot-head span {
        display: block;
        margin-top: 3px;
        color: var(--muted);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .copilot-toggle {
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
        color: var(--brand);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .copilot-toggle:disabled {
        cursor: default;
        opacity: 1;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .copilot-toggle svg {
        width: 15px;
        height: 15px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .copilot-body {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        flex-direction: column;
        gap: 10px;
        padding: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .context-chip {
        border: 1px solid var(--brand-line);
        border-radius: 10px;
        background: var(--brand-soft);
        padding: 10px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .context-chip b {
        display: block;
        color: var(--brand-dark);
        margin-bottom: 4px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .context-chip span,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .chat-msg p {
        display: block;
        margin: 0;
        color: var(--muted);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .prompt-list {
        display: grid;
        gap: 7px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .prompt-pill {
        border: 1px solid var(--line);
        border-radius: 9px;
        background: #fff;
        padding: 8px 9px;
        color: var(--text);
        font-size: 12px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .chat-msg {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
        padding: 10px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .chat-msg b {
        display: block;
        color: var(--navy);
        margin-bottom: 4px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .composer-mini {
        margin-top: auto;
        min-height: 38px;
        display: flex;
        align-items: center;
        border: 1px solid var(--line-strong);
        border-radius: 10px;
        background: #fff;
        padding: 10px 11px;
        color: var(--faint);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .node-popover-card {
        position: absolute;
        left: 238px;
        top: 120px;
        width: 214px;
        border: 1px solid var(--line-strong);
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.14);
        padding: 12px;
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .node-popover-card b {
        display: block;
        color: var(--navy);
        font-size: 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .node-popover-card span {
        display: block;
        color: var(--muted);
        margin-top: 4px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .popover-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 10px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .popover-action {
        border: 1px solid var(--brand-line);
        border-radius: 7px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 5px 8px;
        font-size: 11px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .detail-sheet {
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 16px;
        border: 1px solid var(--line-strong);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 18px 50px rgba(32, 39, 52, 0.12);
        overflow: hidden;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .detail-sheet-head {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
        border-bottom: 1px solid var(--line);
        background: var(--surface-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .detail-sheet-head b {
        display: block;
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .detail-sheet-head span {
        color: var(--muted);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .detail-sheet-body {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr 0.9fr;
        gap: 10px;
        padding: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .state-strip {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
        gap: 10px;
        padding: 12px;
        border-top: 1px solid var(--line);
        background: #fff;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .state-card {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--surface-soft);
        padding: 10px;
        min-height: 120px;
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .state-card .state-num {
        display: inline-grid;
        place-items: center;
        min-width: 22px;
        height: 22px;
        margin-bottom: 7px;
        border-radius: 7px;
        background: var(--brand);
        color: #fff;
        font-family: var(--mono);
        font-weight: 700;
        font-size: 11px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .state-card b {
        display: block;
        color: var(--navy);
        margin-bottom: 5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .state-card p {
        margin: 0;
        color: var(--muted);
        line-height: 1.45;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .state-token {
        display: block;
        margin-top: 8px;
        border: 1px solid var(--brand-line);
        border-radius: 8px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        padding: 6px 7px;
        font-weight: 700;
        line-height: 1.3;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail-hd,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail-sec {
        padding: 13px 14px;
        border-bottom: 1px solid var(--line);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail-hd {
        display: grid;
        gap: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail-hd .nm {
        font-weight: 700;
        color: var(--navy);
        font-size: 15px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail-hd .mt {
        color: var(--muted);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail-sec h5 {
        margin: 0 0 8px;
        font-size: 10px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--faint);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail-tabs {
        display: flex;
        gap: 6px;
        padding: 9px 12px;
        border-bottom: 1px solid var(--line);
        background: var(--surface-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail-tabs span {
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 4px 9px;
        color: var(--muted);
        background: #fff;
        font-size: 11px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail-tabs .on {
        color: var(--brand-dark);
        background: var(--brand-soft);
        border-color: var(--brand-line);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .step-flow {
        display: grid;
        gap: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .step-card {
        display: grid;
        grid-template-columns: 26px 1fr;
        gap: 9px;
        align-items: start;
        padding: 8px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .step-card.is-active {
        border-color: var(--brand-line);
        background: var(--brand-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .detail-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .relationship-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .thin-panel {
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #fff;
        padding: 10px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .detail-card b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .relationship-card b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .thin-panel b {
        display: block;
        color: var(--navy);
        margin-bottom: 5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .detail-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .relationship-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .thin-panel p {
        margin: 0;
        color: var(--muted);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .relationship-card + .relationship-card {
        margin-top: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mini-panel-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .ev-row,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .step-row {
        display: flex;
        gap: 10px;
        padding: 8px 0;
        border-bottom: 1px solid var(--subtle);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .ev-row:last-child,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .step-row:last-child {
        border-bottom: 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .ev-ic,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .step-num {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        background: var(--brand-soft);
        color: var(--brand-dark);
        display: grid;
        place-items: center;
        font-size: 12px;
        font-weight: 700;
        flex: none;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .ev-bd,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .step-bd {
        flex: 1;
        min-width: 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .ev-bd .src,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .step-bd .src {
        display: block;
        font-size: 12px;
        font-weight: 700;
        color: var(--text);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .ev-bd .qt,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .step-bd .qt {
        display: block;
        color: var(--muted);
        font-size: 12px;
        margin-top: 1px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .notes {
        padding: 7px 2px 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .build-contract {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 18px;
        margin-top: 12px;
        padding: 9px 2px 0;
        border-top: 1px dashed var(--line-strong);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .build-contract span {
        color: var(--muted);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .build-contract b {
        margin-right: 6px;
        color: var(--navy);
        font-size: 10.5px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .notes b {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--faint);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .notes p {
        margin: 6px 0 0;
        font-size: 13.5px;
        color: #3c3b36;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .muted-sm {
        color: var(--muted);
        font-size: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup {
        --app-bg: #090b10;
        --app-sidebar: #080a0f;
        --app-panel: #12151d;
        --app-panel-soft: #151923;
        --app-panel-deep: #0f121a;
        --app-border: #20242f;
        --app-border-strong: #2a3040;
        --app-text: #eef2f8;
        --app-heading: #f5f7fb;
        --app-muted: #8f96a8;
        --app-faint: #737c90;
        --app-primary: #5b74f3;
        --app-primary-soft: rgba(91, 116, 243, 0.14);
        --app-good: #67dcaa;
        --app-good-soft: rgba(103, 220, 170, 0.1);
        --app-warn: #f1b65d;
        --app-warn-soft: rgba(241, 182, 93, 0.11);
        --app-unknown: #9aa4b8;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .wf-screen {
        overflow: hidden;
        border: 1px solid var(--app-border-strong);
        border-radius: 14px;
        background: var(--app-bg);
        color: var(--app-text);
        box-shadow:
          0 1px 2px rgba(0, 0, 0, 0.22),
          0 22px 54px rgba(0, 0, 0, 0.28);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-row {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 42px;
        justify-content: center;
        margin-top: 10px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-col {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-shot {
        --phone-scale: 0.68;
        position: relative;
        width: calc(390px * var(--phone-scale));
        height: calc(844px * var(--phone-scale));
        margin-top: 10px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-cv {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        width: 390px;
        height: 844px;
        flex-direction: column;
        overflow: hidden;
        border-radius: 46px;
        background: var(--app-bg);
        color: var(--app-text);
        box-shadow:
          0 0 0 9px #10131c,
          0 0 0 11px #2a3040,
          0 24px 52px rgba(0, 0, 0, 0.38);
        transform: scale(var(--phone-scale));
        transform-origin: 0 0;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-stat {
        display: flex;
        flex: none;
        align-items: flex-end;
        justify-content: space-between;
        height: 48px;
        padding: 0 32px 8px;
        color: var(--app-heading);
        font-size: 14px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-home {
        position: absolute;
        bottom: 8px;
        left: 50%;
        width: 126px;
        height: 5px;
        border-radius: 3px;
        background: #eef2f8;
        opacity: 0.85;
        transform: translateX(-50%);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-body {
        display: flex;
        min-height: 0;
        flex: 1;
        flex-direction: column;
        gap: 12px;
        padding: 6px 16px 30px;
        overflow: hidden;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-head h5 {
        margin: 0 0 4px;
        color: var(--app-heading);
        font-size: 24px;
        letter-spacing: -0.01em;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-head p {
        margin: 0;
        color: var(--app-muted);
        font-size: 12.5px;
        line-height: 1.5;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-badges span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: 1px solid var(--app-border);
        border-radius: 999px;
        padding: 4px 9px;
        color: var(--app-muted);
        font-size: 11px;
        font-weight: 700;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-badges i {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--app-unknown);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-badges .good i {
        background: var(--app-good);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-badges .pri i {
        background: var(--app-primary);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-badges .warn i {
        background: var(--app-warn);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-canvas {
        position: relative;
        flex: none;
        overflow: hidden;
        border: 1px solid var(--app-border);
        border-radius: 12px;
        background: var(--app-panel-deep);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-canvas svg {
        display: block;
        width: 100%;
        height: auto;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-card {
        border: 1px solid var(--app-border);
        border-radius: 12px;
        background: var(--app-panel);
        padding: 13px 14px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-card .pc-kicker {
        margin: 0 0 4px;
        color: var(--app-primary);
        font-family: var(--mono);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-card b {
        display: block;
        color: var(--app-heading);
        font-size: 15px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-card p {
        margin: 5px 0 0;
        color: var(--app-muted);
        font-size: 12px;
        line-height: 1.5;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-card .pc-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 9px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-card .pc-chips span {
        border: 1px solid var(--app-border);
        border-radius: 999px;
        padding: 4px 9px;
        color: var(--app-text);
        font-size: 11px;
        font-weight: 600;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-composer {
        display: flex;
        align-items: center;
        min-height: 40px;
        margin-top: auto;
        border: 1px solid var(--app-border);
        border-radius: 11px;
        padding: 0 13px;
        color: var(--app-faint);
        background: var(--app-panel-deep);
        font-size: 12.5px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-label {
        max-width: 300px;
        color: var(--muted);
        font-family: var(--mono);
        font-size: 11px;
        line-height: 1.55;
        text-align: center;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .phone-label b {
        color: var(--navy);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup figcaption .num {
        background: var(--app-primary);
        box-shadow: 0 8px 20px rgba(91, 116, 243, 0.22);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup figcaption .ttl {
        color: #111827;
        font-size: 15px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup figcaption .route {
        margin-left: auto;
        border: 1px solid #d8e0eb;
        border-radius: 999px;
        background: #eef2f7;
        padding: 4px 10px;
        color: #667085;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-top {
        min-height: 54px;
        border-bottom-color: var(--app-border);
        background: rgba(9, 11, 16, 0.9);
        color: var(--app-heading);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-top > span:first-child {
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-top > span:first-child::before {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 6px;
        background: linear-gradient(135deg, var(--app-primary), #8ea0ff);
        box-shadow: 0 8px 22px rgba(91, 116, 243, 0.24);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-body {
        background: var(--app-bg);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-nav {
        width: 148px;
        border-right-color: var(--app-border);
        background: var(--app-sidebar);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-nav::before {
        content: "Linde's Workspace";
        display: block;
        margin: 2px 3px 14px;
        overflow: hidden;
        border: 1px solid var(--app-border-strong);
        border-radius: 8px;
        padding: 8px 9px;
        color: var(--app-text);
        background: var(--app-panel-deep);
        font-size: 11.5px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-nav .ni {
        min-height: 34px;
        color: var(--app-muted);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-nav .ni.on,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-nav .ni.focus {
        background: #1a1d26;
        color: var(--app-text);
        box-shadow: inset 3px 0 0 var(--app-primary);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-nav .ni.focus {
        outline: 1px solid rgba(91, 116, 243, 0.35);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-main {
        background: var(--app-panel);
        color: var(--app-text);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-main-head {
        border-bottom-color: var(--app-border);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-main-head h4,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .entry-card b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .entry-list b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .chat-msg b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .copilot-head b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .node-popover-card b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .detail-sheet-head b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .detail-card b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .relationship-card b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .thin-panel b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .state-card b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .build-contract b {
        color: var(--app-heading);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-main-head p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .entry-row,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .copilot-head span,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .context-chip span,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .chat-msg p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .detail-sheet-head span,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .detail-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .relationship-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .thin-panel p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .ev-bd .qt,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .step-bd .qt,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .state-card p,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .build-contract span,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .muted-sm {
        color: var(--app-muted);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .entry-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .entry-list,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .chat-msg,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .prompt-pill,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .composer-mini,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .node-popover-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .detail-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .relationship-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .state-card,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .step-card {
        border-color: var(--app-border-strong);
        background: var(--app-panel-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .entry-row {
        border-bottom-color: var(--app-border);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mini-bars span {
        background: var(--app-border-strong);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .seg {
        border-color: var(--app-border-strong);
        background: var(--app-panel-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .seg span,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .fchip,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .spill {
        color: var(--app-muted);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .seg span.on {
        background: var(--app-primary);
        color: #fff;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .fchip,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .spill {
        border-color: var(--app-border-strong);
        background: var(--app-panel-deep);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .mock-canvas {
        background:
          radial-gradient(100% 92% at 44% 38%, rgba(91, 116, 243, 0.15) 0%, rgba(91, 116, 243, 0) 52%),
          radial-gradient(95% 95% at 72% 78%, rgba(103, 220, 170, 0.08) 0%, rgba(103, 220, 170, 0) 48%),
          #0f1422;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .copilot-rail,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .rail {
        border-left-color: var(--app-border);
        background: #10131b;
        color: var(--app-text);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .copilot-head,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .rail-hd,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .rail-sec {
        border-bottom-color: var(--app-border);
        background: var(--app-panel);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .copilot-toggle {
        border-color: var(--app-border-strong);
        background: var(--app-panel-soft);
        color: #9daeff;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .context-chip,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .step-card.is-active,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .state-token {
        border-color: rgba(91, 116, 243, 0.42);
        background: var(--app-primary-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .btn-primary {
        background: var(--app-primary);
        box-shadow: 0 14px 32px rgba(91, 116, 243, 0.22);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .context-chip b,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .state-token,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .popover-action,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .depth-badge.partial {
        color: #9daeff;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .prompt-pill {
        color: var(--app-text);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .composer-mini {
        color: var(--app-faint);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .node-popover-card {
        box-shadow: 0 22px 54px rgba(0, 0, 0, 0.32);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .node-popover-card span {
        color: var(--app-muted);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .popover-action {
        border-color: rgba(91, 116, 243, 0.42);
        background: var(--app-primary-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .detail-sheet {
        border-color: var(--app-border-strong);
        background: var(--app-panel);
        box-shadow: 0 22px 54px rgba(0, 0, 0, 0.34);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .detail-sheet-head {
        border-bottom-color: var(--app-border);
        background: var(--app-panel-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .thin-panel {
        border-color: rgba(241, 182, 93, 0.4);
        background: var(--app-warn-soft);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .state-strip {
        border-top-color: var(--app-border);
        background: var(--app-panel);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .rail-tabs {
        border-bottom-color: var(--app-border);
        background: var(--app-panel);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .rail-tabs span {
        border-color: var(--app-border-strong);
        background: var(--app-panel-deep);
        color: var(--app-muted);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .rail-tabs .on {
        border-color: rgba(91, 116, 243, 0.42);
        background: var(--app-primary-soft);
        color: #9daeff;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .ev-row,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .step-row {
        border-bottom-color: var(--app-border);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .ev-ic,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .step-num,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .state-card .state-num {
        background: var(--app-primary);
        color: #fff;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .ev-bd .src,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .step-bd .src {
        color: var(--app-text);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .depth-badge {
        border-color: var(--app-border-strong);
        background: var(--app-panel-deep);
        color: var(--app-text);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .depth-badge.strong {
        border-color: rgba(103, 220, 170, 0.36);
        background: var(--app-good-soft);
        color: var(--app-good);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .depth-badge.thin {
        border-color: rgba(241, 182, 93, 0.38);
        background: var(--app-warn-soft);
        color: var(--app-warn);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .depth-badge.unknown {
        color: var(--app-unknown);
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .build-contract span {
        color: #475467;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .build-contract b {
        color: #111827;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .notes b {
        color: #334155;
        font-size: 10.5px;
        letter-spacing: 0.08em;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 figure.mockup .notes p {
        max-width: 1080px;
        color: #475467;
        line-height: 1.55;
      }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .state-table td:first-child,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .state-table th:first-child {
        width: 180px;
      }

@media (max-width: 760px){
        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .journey-meta {
          grid-template-columns: 1fr;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 table.journey-map {
          min-width: 1040px;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-body {
          flex-direction: column;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-top {
          align-items: flex-start;
          flex-direction: column;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-nav,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .glegend {
          display: none;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .rail {
          display: block;
          width: auto;
          border-left: 0;
          border-top: 1px solid var(--line);
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .copilot-rail {
          width: auto;
          border-left: 0;
          border-top: 1px solid var(--line);
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .detail-sheet {
          left: 12px;
          right: 12px;
          bottom: 12px;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .detail-sheet-body {
          grid-template-columns: 1fr;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .node-popover-card {
          left: 16px;
          right: 16px;
          width: auto;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mock-canvas {
          min-height: 320px;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .entry-grid {
          grid-template-columns: 1fr;
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .node-tooltip {
          left: 16px;
          top: 16px;
          width: calc(100% - 56px);
        }

        body.bd-doc-product-features-ontology-v0-view-only-scaffold-ux-spec-5f27ed94 .mini-panel-grid {
          grid-template-columns: 1fr;
        }

      }

/* ---------------------------------------------------------------------- */
/* Ontology graph redesign proposals — 3 delight/style mockups            */
/* Scoped to docs/product/features/ontology/v0-view-only-scaffold/        */
/*   research/graph-redesign-proposals/index.html                         */
/* ---------------------------------------------------------------------- */

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .mockup-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15, 18, 32, 0.14);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .mockup-frame svg.medges {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .mnode {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  transform: translate(-50%, -50%);
}

/* Shared node positions — identical across all three proposals so the */
/* comparison is apples-to-apples (same graph, different visual language). */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .n-company { left: 50%; top: 47%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .n-fn1 { left: 21%; top: 19%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .n-fn2 { left: 77%; top: 25%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .n-fn3 { left: 27%; top: 79%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .n-p1 { left: 12%; top: 40%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .n-p2 { left: 63%; top: 12%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .n-s1 { left: 91%; top: 43%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .n-s2 { left: 10%; top: 62%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .n-p3 { left: 47%; top: 90%; }

/* Evidence-depth color tokens — the one dimension every proposal must   */
/* keep, since it is the core Beam concept (Strong/Partial/Thin/Unknown). */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .depth-strong { --c: #22c55e; --c-soft: #dcfce7; --c-line: #86efac; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .depth-partial { --c: #3b82f6; --c-soft: #dbeafe; --c-line: #93c5fd; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .depth-thin { --c: #f59e0b; --c-soft: #fef3c7; --c-line: #fcd34d; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .depth-unknown { --c: #94a3b8; --c-soft: #e2e8f0; --c-line: #cbd5e1; }

/* Node-kind sizing (Proposal 1's glow dots only; 2 and 3 size via padding) */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .k-company { --r: 32px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .k-function { --r: 23px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .k-process { --r: 16px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .k-system { --r: 14px; }

/* Proposal 1 — Digital Brain: dark canvas, glowing nodes, motion */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-brain {
  background:
    radial-gradient(ellipse 60% 55% at 28% 18%, rgba(139, 110, 255, 0.32), transparent 62%),
    radial-gradient(ellipse 55% 45% at 82% 74%, rgba(255, 142, 90, 0.16), transparent 60%),
    radial-gradient(circle, rgba(255, 255, 255, 0.05) 1px, transparent 1.4px) 0 0 / 22px 22px,
    linear-gradient(160deg, #10122a, #05060d 72%);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-brain .mnode-dot {
  width: var(--r);
  height: var(--r);
  border-radius: 999px;
  background: radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--c) 55%, white 45%), var(--c) 65%);
  box-shadow:
    0 0 0 2px color-mix(in oklab, var(--c) 65%, black 15%),
    0 0 20px 5px color-mix(in oklab, var(--c) 55%, transparent);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-brain .mnode-label {
  font: 600 10.5px ui-monospace, "SF Mono", monospace;
  color: color-mix(in oklab, var(--c) 55%, white 70%);
  text-shadow: 0 0 8px color-mix(in oklab, var(--c) 60%, transparent);
  white-space: nowrap;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-brain .medge-line {
  stroke: rgba(196, 181, 253, 0.55);
  stroke-width: 1.3;
  fill: none;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-brain .mpulse {
  fill: #ffffff;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.9));
}

/* Proposal 2 — Operational Twin: nodes as real business-object cards */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-twin {
  background: linear-gradient(180deg, #f6f7fb, #eef0f6 60%, #e9ebf3);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-twin .mnode-card {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 11px 5px 5px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e1e4ee;
  box-shadow: 0 3px 10px rgba(24, 28, 48, 0.07);
  white-space: nowrap;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-twin .mnode-card.k-company {
  padding: 7px 15px 7px 7px;
  border-color: #c7d2fe;
  box-shadow: 0 8px 18px rgba(24, 28, 48, 0.14);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-twin .mcard-icon {
  width: 20px;
  height: 20px;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: var(--c-soft);
  color: var(--c);
  font-size: 10.5px;
  font-weight: 800;
  flex: none;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-twin .mcard-title {
  font: 650 11px system-ui, sans-serif;
  color: #1b1f2c;
  line-height: 1.15;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-twin .mcard-sub {
  font: 700 8.5px system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--c);
  display: block;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-twin .medge-line {
  stroke: #c7cbdb;
  stroke-width: 1.2;
  fill: none;
}

/* Proposal 3 — Boardroom Map: light, zoned, restrained */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-map {
  background: #fbfaf6;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .mzone {
  position: absolute;
  z-index: 0;
  border-radius: 26px;
  border: 1px solid var(--zc-line);
  background: var(--zc-soft);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .z-internal { --zc-soft: #eef2ff; --zc-line: #c7d2fe; left: 4%; top: 2%; width: 42%; height: 48%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .z-revenue { --zc-soft: #ecfdf5; --zc-line: #a7f3d0; left: 48%; top: 4%; width: 48%; height: 52%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .z-customer { --zc-soft: #fff7ed; --zc-line: #fed7aa; left: 2%; top: 50%; width: 54%; height: 46%; }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-map .mnode-chip {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1.5px solid var(--c);
  color: #20242c;
  font: 650 10.5px system-ui, sans-serif;
  box-shadow: 0 1px 4px rgba(20, 20, 30, 0.05);
  white-space: nowrap;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-map .mnode-chip.k-company {
  padding: 8px 17px;
  font-size: 12px;
  font-weight: 750;
  border-width: 2px;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-map .mchip-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--c);
  flex: none;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .frame-map .medge-line {
  stroke: #b9bdca;
  stroke-width: 1.6;
  fill: none;
}

/* Shared proposal-card chrome (bet / weakest-at / brief-alignment) */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .proposal-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 12px;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .proposal-meta .pm-item {
  border: 1px solid rgba(15, 18, 32, 0.1);
  border-radius: 10px;
  padding: 9px 11px;
  background: rgba(15, 18, 32, 0.02);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .proposal-meta .pm-label {
  display: block;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(15, 18, 32, 0.45);
  margin-bottom: 3px;
}

@media (max-width: 720px) {
  body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-redesign-proposals-index-9f21ab77 .proposal-meta {
    grid-template-columns: 1fr;
  }
}

/* ---------------------------------------------------------------------- */
/* Ontology graph — Obsidian-style iteration (Pure Starfield / Nebula Twin)*/
/* Scoped to docs/product/features/ontology/v0-view-only-scaffold/        */
/*   research/graph-visual-obsidian-mockups/index.html                    */
/* ---------------------------------------------------------------------- */

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .mockframe {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15, 18, 32, 0.14);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .mockframe svg.wedges {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* The viewBox is a square 100x100 stretched non-uniformly (preserveAspectRatio:
   none) to fill a 16:10 box, so a stroke-width set in that local coordinate
   space renders unevenly thick between the x and y axes — the exact cause of
   the "bold, blobby, not quite node-to-node" look. non-scaling-stroke fixes
   this by computing the stroke in final screen pixels, after the stretch, so
   it stays a true uniform hairline at any angle — this is also how Obsidian's
   own graph view keeps every edge equally thin regardless of length/angle. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .wedge {
  vector-effect: non-scaling-stroke;
  stroke-width: 1;
  stroke-linecap: round;
  fill: none;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .node {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease;
}

/* Shared node positions — identical in both concepts and both states, so */
/* the only variable being compared is the visual language, not the data. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-company { left: 50%; top: 46%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-fn1 { left: 24%; top: 22%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-fn2 { left: 74%; top: 20%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-fn3 { left: 30%; top: 76%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p1 { left: 10%; top: 34%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p2 { left: 30%; top: 10%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p3 { left: 14%; top: 14%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p4 { left: 60%; top: 10%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p5 { left: 90%; top: 12%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p6 { left: 92%; top: 32%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p7 { left: 66%; top: 32%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p8 { left: 46%; top: 88%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p9 { left: 16%; top: 90%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p10 { left: 10%; top: 62%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-p11 { left: 42%; top: 66%; }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a1 { left: 62%; top: 55%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a2 { left: 80%; top: 60%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a3 { left: 55%; top: 65%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a4 { left: 6%; top: 45%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a5 { left: 38%; top: 40%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a6 { left: 70%; top: 72%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a7 { left: 20%; top: 50%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a8 { left: 85%; top: 82%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a9 { left: 50%; top: 30%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a10 { left: 6%; top: 82%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a11 { left: 95%; top: 55%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .n-a12 { left: 35%; top: 55%; }

/* Importance tiers — node size comes from role in the graph, not a fixed */
/* per-kind radius, so the busiest hubs naturally read as more important. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .imp-1 { --d: 15px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .imp-2 { --d: 10px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .imp-3 { --d: 6px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .amb-dot { --d: 2.5px; }

/* Evidence-depth tokens — softened into a glow tint rather than a hard ring. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .depth-strong { --c: #6ee7a8; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .depth-partial { --c: #7fb2ff; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .depth-thin { --c: #f2c078; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .depth-unknown { --c: #9aa4b5; }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .node-label {
  font: 500 10px system-ui, sans-serif;
  color: rgba(238, 241, 250, 0.88);
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.4s ease;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .node.always-label .node-label,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .node.is-active .node-label,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .node.is-neighbor .node-label {
  opacity: 1;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .ambient-readout {
  position: absolute;
  z-index: 3;
  right: 14px;
  bottom: 12px;
  font: 500 11px ui-monospace, "SF Mono", monospace;
  color: rgba(238, 241, 250, 0.4);
  letter-spacing: 0.02em;
}

/* Gentle idle "breathing" so the graph never reads as a frozen diagram. */
@keyframes bd-node-breathe {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.16); }
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .node-dot {
  width: var(--d);
  height: var(--d);
  border-radius: 999px;
  animation: bd-node-breathe 4.6s ease-in-out infinite;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .delay-1 .node-dot { animation-delay: 0s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .delay-2 .node-dot { animation-delay: 0.8s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .delay-3 .node-dot { animation-delay: 1.6s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .delay-4 .node-dot { animation-delay: 2.4s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .delay-5 .node-dot { animation-delay: 3.2s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .delay-6 .node-dot { animation-delay: 4s; }

/* ---- Concept 1: Pure Starfield ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-starfield {
  background: radial-gradient(120% 100% at 50% 45%, #0d0f18 0%, #020203 78%);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-starfield .amb-dot {
  background: rgba(238, 241, 250, 0.22);
  box-shadow: none;
  animation: none;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-starfield .node-dot {
  background: rgba(226, 232, 245, 0.82);
  box-shadow: 0 0 7px 1px rgba(226, 232, 245, 0.35);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-starfield .node.is-active .node-dot,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-starfield .node.is-neighbor .node-dot {
  background: var(--c);
  box-shadow: 0 0 14px 4px color-mix(in oklab, var(--c) 70%, transparent);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-starfield .node.is-dim {
  opacity: 0.28;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-starfield .wedge {
  stroke: rgba(226, 232, 245, 0.14);
}

/* Highlighted edges get brighter, never thicker — same hairline width as */
/* every other edge, matching how Obsidian itself signals a lit connection. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-starfield .wedge.is-lit {
  stroke: rgba(226, 232, 245, 0.62);
}

/* ---- Concept 2: Nebula Twin ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-nebula {
  background:
    radial-gradient(38% 42% at 22% 20%, rgba(242, 192, 120, 0.16), transparent 70%),
    radial-gradient(42% 46% at 76% 22%, rgba(110, 231, 168, 0.17), transparent 70%),
    radial-gradient(44% 44% at 28% 78%, rgba(127, 178, 255, 0.15), transparent 70%),
    radial-gradient(120% 100% at 50% 45%, #0d0f18 0%, #020203 78%);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-nebula .amb-dot {
  background: rgba(238, 241, 250, 0.2);
  box-shadow: none;
  animation: none;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-nebula .node-dot {
  background: color-mix(in oklab, var(--c) 55%, white 25%);
  box-shadow: 0 0 10px 2px color-mix(in oklab, var(--c) 55%, transparent);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-nebula .node.is-active .node-dot,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-nebula .node.is-neighbor .node-dot {
  box-shadow: 0 0 18px 5px color-mix(in oklab, var(--c) 75%, transparent);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-nebula .node.is-dim {
  opacity: 0.32;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-nebula .wedge {
  stroke: rgba(226, 232, 245, 0.16);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .frame-nebula .wedge.is-lit {
  stroke: rgba(226, 232, 245, 0.66);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .nebula-tag {
  position: absolute;
  z-index: 1;
  font: 700 11px system-ui, sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(238, 241, 250, 0.16);
  white-space: nowrap;
  transform: translate(-50%, -50%);
}

/* Shared proposal-card chrome (bet / weakest-at / brief-alignment) */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .proposal-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 12px;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .proposal-meta .pm-item {
  border: 1px solid rgba(15, 18, 32, 0.1);
  border-radius: 10px;
  padding: 9px 11px;
  background: rgba(15, 18, 32, 0.02);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .proposal-meta .pm-label {
  display: block;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(15, 18, 32, 0.45);
  margin-bottom: 3px;
}

@media (max-width: 720px) {
  body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .proposal-meta {
    grid-template-columns: 1fr;
  }
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .tag-internal { left: 24%; top: 35%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .tag-revenue { left: 76%; top: 40%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .tag-customer { left: 30%; top: 60%; }

/* ---- "At scale" stress-test mockup: ~110 nodes, procedurally scattered ---- */
/* Uses a viewBox matching the frame's real 16:10 aspect ratio (0 0 160 100,   */
/* not 0 0 100 100) so these SVG-drawn circles render as true circles, not    */
/* ellipses — the same non-uniform-stretch bug already fixed for edge width   */
/* would otherwise distort circle geometry too, since fill shapes aren't      */
/* covered by vector-effect: non-scaling-stroke. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .mockframe-scale {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15, 18, 32, 0.14);
  background: radial-gradient(120% 100% at 50% 45%, #0d0f18 0%, #020203 78%);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .mockframe-scale svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .mockframe-scale .wedge {
  vector-effect: non-scaling-stroke;
  stroke-width: 0.5;
  stroke: rgba(226, 232, 245, 0.12);
  fill: none;
}

/* The three trunk lines from the company hub to each function cluster get a */
/* touch more presence than the dense in-cluster mesh, same idea as the      */
/* thicker "backbone" connections visible in a real, populated Obsidian vault. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .mockframe-scale .wedge.scale-hub {
  stroke-width: 1;
  stroke: rgba(226, 232, 245, 0.4);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .mockframe-scale .scale-node {
  position: absolute;
  z-index: 2;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .mockframe-scale .scale-node-dot {
  width: 15px;
  height: 15px;
  border-radius: 999px;
  background: rgba(238, 241, 250, 0.85);
  box-shadow: 0 0 16px 4px rgba(238, 241, 250, 0.35);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .mockframe-scale .scale-label {
  font: 600 11px system-ui, sans-serif;
  color: rgba(238, 241, 250, 0.75);
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  white-space: nowrap;
}

/* "At scale" v2: dense radiating dandelion/firework structure (hub -> mid-  */
/* branch -> leaf), matching the density and contained circular silhouette  */
/* of a real, fully-populated Obsidian vault at scale. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .scale2-company { left: 50%; top: 50%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .scale2-internal { left: 35.9%; top: 37%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .scale2-revenue { left: 64.1%; top: 37%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .scale2-customer { left: 50%; top: 76%; }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-obsidian-mockups-index-3e7c81f5 .mockframe-scale .wedge.scale-mid {
  stroke-width: 0.75;
  stroke: rgba(226, 232, 245, 0.22);
}

/* ---------------------------------------------------------------------- */
/* Ontology graph — Five synthesis variants                               */
/* Scoped to docs/product/features/ontology/v0-view-only-scaffold/        */
/*   research/graph-visual-five-variants/index.html                       */
/* ---------------------------------------------------------------------- */

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .mockframe {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15, 18, 32, 0.14);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .mockframe svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .wedge {
  vector-effect: non-scaling-stroke;
  stroke-width: 1;
  stroke-linecap: round;
  fill: none;
  stroke: rgba(226, 232, 245, 0.16);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .wedge.is-lit {
  stroke: rgba(226, 232, 245, 0.62);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .wedge.is-dashed {
  stroke: rgba(226, 232, 245, 0.14);
  stroke-dasharray: 2 2.4;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .ring-guide {
  vector-effect: non-scaling-stroke;
  stroke: rgba(226, 232, 245, 0.1);
  stroke-width: 0.75;
  stroke-dasharray: 1.4 2.2;
  fill: none;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .node {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease;
}

/* Shared organic positions (Variants 1, 2, 4) — the same 15-node graph */
/* used throughout this whole exploration, so every variant is comparable. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-company { left: 50%; top: 46%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-fn1 { left: 24%; top: 22%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-fn2 { left: 74%; top: 20%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-fn3 { left: 30%; top: 76%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p1 { left: 10%; top: 34%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p2 { left: 30%; top: 10%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p3 { left: 14%; top: 14%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p4 { left: 60%; top: 10%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p5 { left: 90%; top: 12%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p6 { left: 92%; top: 32%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p7 { left: 66%; top: 32%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p8 { left: 46%; top: 88%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p9 { left: 16%; top: 90%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p10 { left: 10%; top: 62%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .n-p11 { left: 42%; top: 66%; }

/* Depth-ring positions (Variant 3 only) — distance from center IS the */
/* evidence-depth encoding, computed once and never hand-placed. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-company { left: 50%; top: 48%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-fn1 { left: 70.68%; top: 59.42%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p2 { left: 32.11%; top: 68.13%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p8 { left: 45.28%; top: 13.82%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-fn2 { left: 58.71%; top: 53.55%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p4 { left: 50.45%; top: 62.98%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p5 { left: 40.97%; top: 52.01%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p6 { left: 45.09%; top: 35.23%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p7 { left: 56.39%; top: 37.03%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-fn3 { left: 65.62%; top: 48.27%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p1 { left: 42.85%; top: 70.23%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p9 { left: 44.33%; top: 24.7%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p3 { left: 76.36%; top: 63.69%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p10 { left: 24.42%; top: 66.7%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .r-p11 { left: 52.54%; top: 3.18%; }

/* Frontier "unmapped territory" positions (Variant 5 only) — dim, unlabeled, */
/* scattered just outside the known core's natural extent. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-1 { left: 81.94%; top: 19.91%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-2 { left: 72.92%; top: 16.6%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-3 { left: 23.26%; top: 18.08%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-4 { left: 20.8%; top: 37.06%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-5 { left: 61.44%; top: 93.96%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-6 { left: 79.04%; top: 53.29%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-7 { left: 15.85%; top: 41.65%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-8 { left: 31.54%; top: 82.16%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-9 { left: 80.94%; top: 36.79%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-10 { left: 19.69%; top: 22.41%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-11 { left: 38.43%; top: 89.23%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .f-12 { left: 16.32%; top: 54.86%; }

/* Importance tiers (node size by graph role, not fixed per-kind) */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .imp-1 { --d: 15px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .imp-2 { --d: 10px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .imp-3 { --d: 6px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frontier-dot { --d: 3.5px; }

/* Evidence-depth color tokens — the one dimension every variant keeps. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .depth-strong { --c: #6ee7a8; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .depth-partial { --c: #7fb2ff; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .depth-thin { --c: #f2c078; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .depth-unknown { --c: #9aa4b5; }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .node-label {
  font: 500 10px system-ui, sans-serif;
  color: rgba(238, 241, 250, 0.88);
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.4s ease;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .node.always-label .node-label,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .node.is-active .node-label,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .node.is-neighbor .node-label {
  opacity: 1;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .node.is-dim {
  opacity: 0.3;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .ambient-readout {
  position: absolute;
  z-index: 3;
  right: 14px;
  bottom: 12px;
  font: 500 11px ui-monospace, "SF Mono", monospace;
  color: rgba(238, 241, 250, 0.4);
  letter-spacing: 0.02em;
}

@keyframes bd5-breathe {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.16); }
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .node-dot {
  width: var(--d);
  height: var(--d);
  border-radius: 999px;
  animation: bd5-breathe 4.6s ease-in-out infinite;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .delay-1 .node-dot { animation-delay: 0s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .delay-2 .node-dot { animation-delay: 0.8s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .delay-3 .node-dot { animation-delay: 1.6s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .delay-4 .node-dot { animation-delay: 2.4s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .delay-5 .node-dot { animation-delay: 3.2s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .delay-6 .node-dot { animation-delay: 4s; }

/* Shared dark canvas base */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-dark {
  background: radial-gradient(120% 100% at 50% 45%, #0d0f18 0%, #020203 78%);
}

/* ---- Variant 1: Constellation Core (monochrome at rest, reveal on touch) ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-core .node-dot {
  background: rgba(226, 232, 245, 0.82);
  box-shadow: 0 0 7px 1px rgba(226, 232, 245, 0.35);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-core .node.is-active .node-dot,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-core .node.is-neighbor .node-dot {
  background: var(--c);
  box-shadow: 0 0 14px 4px color-mix(in oklab, var(--c) 70%, transparent);
}

/* ---- Variant 2: Living Nebula (ambient glow + bright core halo) ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-nebula {
  background:
    radial-gradient(38% 42% at 22% 20%, rgba(242, 192, 120, 0.16), transparent 70%),
    radial-gradient(42% 46% at 76% 22%, rgba(110, 231, 168, 0.17), transparent 70%),
    radial-gradient(44% 44% at 28% 78%, rgba(127, 178, 255, 0.15), transparent 70%),
    radial-gradient(120% 100% at 50% 45%, #0d0f18 0%, #020203 78%);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-nebula .node-dot {
  background: color-mix(in oklab, var(--c) 55%, white 25%);
  box-shadow: 0 0 10px 2px color-mix(in oklab, var(--c) 55%, transparent);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-nebula .core-halo {
  background: rgba(238, 241, 250, 0.7);
  box-shadow: 0 0 8px 1px rgba(238, 241, 250, 0.3);
  animation: none;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .nebula-tag {
  position: absolute;
  z-index: 1;
  font: 700 11px system-ui, sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(238, 241, 250, 0.16);
  white-space: nowrap;
  transform: translate(-50%, -50%);
}

/* ---- Variant 3: Depth Orbit (distance from center = depth) ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-orbit .node-dot {
  background: var(--c);
  box-shadow: 0 0 10px 2px color-mix(in oklab, var(--c) 55%, transparent);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-orbit .node.n-company .node-dot,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-orbit .node.r-company .node-dot {
  background: rgba(238, 241, 250, 0.9);
  box-shadow: 0 0 16px 4px rgba(238, 241, 250, 0.4);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .orbit-ring-label {
  position: absolute;
  z-index: 1;
  transform: translate(-50%, -100%);
  font: 700 9.5px ui-monospace, "SF Mono", monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(238, 241, 250, 0.22);
}

/* ---- Variant 4: Evidence Pulse (animation speed/intensity = depth) ---- */
@keyframes bd5-pulse-strong {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.42); }
}
@keyframes bd5-pulse-partial {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.24); }
}
@keyframes bd5-pulse-thin {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.1); }
}
@keyframes bd5-pulse-unknown {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.02); }
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-pulse .node-dot {
  background: var(--c);
  box-shadow: 0 0 9px 2px color-mix(in oklab, var(--c) 50%, transparent);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-pulse .depth-strong .node-dot { animation: bd5-pulse-strong 1.8s ease-in-out infinite; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-pulse .depth-partial .node-dot { animation: bd5-pulse-partial 3s ease-in-out infinite; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-pulse .depth-thin .node-dot { animation: bd5-pulse-thin 4.4s ease-in-out infinite; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-pulse .depth-unknown .node-dot { animation: bd5-pulse-unknown 6.2s ease-in-out infinite; }

/* ---- Variant 5: Frontier Twin (bright known core vs. dim unmapped edge) ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-frontier .node-dot {
  background: var(--c);
  box-shadow: 0 0 10px 2px color-mix(in oklab, var(--c) 55%, transparent);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .frame-frontier .frontier-dot {
  background: rgba(226, 232, 245, 0.28);
  box-shadow: none;
  animation: none;
}

@media (max-width: 720px) {
  body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .proposal-meta {
    grid-template-columns: 1fr;
  }
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .proposal-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 12px;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .proposal-meta .pm-item {
  border: 1px solid rgba(15, 18, 32, 0.1);
  border-radius: 10px;
  padding: 9px 11px;
  background: rgba(15, 18, 32, 0.02);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .proposal-meta .pm-label {
  display: block;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(15, 18, 32, 0.45);
  margin-bottom: 3px;
}

/* Fixed-position label anchors that had been mistakenly inlined — nebula */
/* function tags (Variant 2) and orbit ring-radius labels (Variant 3). */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .tag-internal { left: 24%; top: 38%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .tag-revenue { left: 76%; top: 42%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .tag-customer { left: 32%; top: 58%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .orbit-label-strong { left: 50%; top: 33%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .orbit-label-partial { left: 50%; top: 23%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .orbit-label-thin { left: 50%; top: 13%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-five-variants-index-7b41ce92 .orbit-label-unknown { left: 50%; top: 3%; }

/* ---------------------------------------------------------------------- */
/* Ontology graph — Nebula Twin evolution (digital-twin structure,        */
/* fog-of-discovery, shape language, and an interactive focus/flow demo)  */
/* Scoped to docs/product/features/ontology/v0-view-only-scaffold/        */
/*   research/graph-visual-nebula-twin/index.html                         */
/* ---------------------------------------------------------------------- */

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .mockframe {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15, 18, 32, 0.14);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .graph-viewport {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transform: scale(1);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .graph-viewport.is-zoomed {
  transform: scale(1.6);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .graph-viewport svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .wedge {
  vector-effect: non-scaling-stroke;
  stroke-width: 1;
  stroke-linecap: round;
  fill: none;
  stroke: rgba(226, 232, 245, 0.16);
  transition: stroke 0.4s ease;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .wedge.is-lit { stroke: rgba(226, 232, 245, 0.62); }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .wedge.is-dim-edge { stroke: rgba(226, 232, 245, 0.06); }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease;
  cursor: pointer;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.is-static { cursor: default; }

/* Shared organic positions — the same 15-node graph used throughout. */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-company { left: 50%; top: 46%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-fn1 { left: 24%; top: 22%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-fn2 { left: 74%; top: 20%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-fn3 { left: 30%; top: 76%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p1 { left: 10%; top: 34%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p2 { left: 30%; top: 10%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p3 { left: 14%; top: 14%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p4 { left: 60%; top: 10%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p5 { left: 90%; top: 12%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p6 { left: 92%; top: 32%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p7 { left: 66%; top: 32%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p8 { left: 46%; top: 88%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p9 { left: 16%; top: 90%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p10 { left: 10%; top: 62%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-p11 { left: 42%; top: 66%; }

/* Sub-nodes for the "Lead-to-close" process twin (Variant 3 and 4 only) */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-person1 { left: 48%; top: 3%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-person2 { left: 74%; top: 4%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-system1 { left: 78%; top: 16%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .n-system2 { left: 50%; top: 20%; }

/* Per-node zoom origins for the click-to-focus camera (Variant 4 only) */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-company { transform-origin: 50% 46%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-fn1 { transform-origin: 24% 22%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-fn2 { transform-origin: 74% 20%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-fn3 { transform-origin: 30% 76%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p1 { transform-origin: 10% 34%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p2 { transform-origin: 30% 10%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p3 { transform-origin: 14% 14%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p4 { transform-origin: 60% 10%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p5 { transform-origin: 90% 12%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p6 { transform-origin: 92% 32%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p7 { transform-origin: 66% 32%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p8 { transform-origin: 46% 88%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p9 { transform-origin: 16% 90%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p10 { transform-origin: 10% 62%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .origin-p11 { transform-origin: 42% 66%; }

/* Importance tiers */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .imp-1 { --d: 15px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .imp-2 { --d: 10px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .imp-3 { --d: 6px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .imp-4 { --d: 5px; }

/* Evidence-depth color tokens */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .depth-strong { --c: #6ee7a8; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .depth-partial { --c: #7fb2ff; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .depth-thin { --c: #f2c078; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .depth-unknown { --c: #9aa4b5; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .depth-person { --c: #d8b4fe; }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node-label {
  font: 500 10px system-ui, sans-serif;
  color: rgba(238, 241, 250, 0.88);
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.4s ease;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.always-label .node-label,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.is-active .node-label,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.is-neighbor .node-label { opacity: 1; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.is-dim { opacity: 0.3; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.is-active .node-dot { box-shadow: 0 0 0 2px rgba(238,241,250,0.85), 0 0 16px 5px color-mix(in oklab, var(--c) 70%, transparent) !important; }

@keyframes bd6-breathe {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.16); }
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node-dot {
  width: var(--d);
  height: var(--d);
  border-radius: 999px;
  animation: bd6-breathe 4.6s ease-in-out infinite;
  background: color-mix(in oklab, var(--c) 55%, white 25%);
  box-shadow: 0 0 10px 2px color-mix(in oklab, var(--c) 55%, transparent);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .delay-1 .node-dot { animation-delay: 0s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .delay-2 .node-dot { animation-delay: 0.8s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .delay-3 .node-dot { animation-delay: 1.6s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .delay-4 .node-dot { animation-delay: 2.4s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .delay-5 .node-dot { animation-delay: 3.2s; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .delay-6 .node-dot { animation-delay: 4s; }

/* Nebula background + function tags, shared base for every variant here */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .frame-nebula {
  background:
    radial-gradient(38% 42% at 22% 20%, rgba(242, 192, 120, 0.16), transparent 70%),
    radial-gradient(42% 46% at 76% 22%, rgba(110, 231, 168, 0.17), transparent 70%),
    radial-gradient(44% 44% at 28% 78%, rgba(127, 178, 255, 0.15), transparent 70%),
    radial-gradient(120% 100% at 50% 45%, #0d0f18 0%, #020203 78%);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .nebula-tag {
  position: absolute;
  z-index: 1;
  font: 700 11px system-ui, sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(238, 241, 250, 0.16);
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .tag-internal { left: 24%; top: 38%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .tag-revenue { left: 76%; top: 42%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .tag-customer { left: 32%; top: 58%; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .core-halo { animation: none; box-shadow: 0 0 8px 1px rgba(238, 241, 250, 0.3) !important; background: rgba(238, 241, 250, 0.7) !important; }

/* ---- Shape language (Variant 1) ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .shape-rounded .node-dot { border-radius: 3px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .shape-diamond-wrap { display: inline-flex; transform: rotate(45deg); }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .shape-diamond-wrap .node-dot { border-radius: 2px; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .shape-ring .node-dot {
  background: transparent !important;
  border: 1.5px solid var(--c);
  box-shadow: 0 0 8px 1px color-mix(in oklab, var(--c) 45%, transparent) !important;
}

/* ---- Fog of Discovery (Variant 2): visual clarity tied to real depth ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .frame-fog .depth-strong .node-dot { opacity: 1; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .frame-fog .depth-partial .node-dot { opacity: 0.8; filter: blur(0.2px); }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .frame-fog .depth-thin .node-dot { opacity: 0.5; filter: blur(0.7px); }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .frame-fog .depth-unknown .node-dot {
  opacity: 0.55;
  background: transparent !important;
  border: 1px dashed var(--c);
  box-shadow: none !important;
  filter: blur(0.3px);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .frame-fog .depth-thin .node-label,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .frame-fog .depth-unknown .node-label { color: rgba(238, 241, 250, 0.5); }

/* ---- Progressive disclosure sub-nodes (Variants 3 and 4) ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .subnode {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .subnode.is-revealed {
  opacity: 1;
  pointer-events: auto;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .subedge {
  opacity: 0;
  transition: opacity 0.6s ease;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .subedge.is-revealed { opacity: 1; }

/* Flow particles travelling along the person -> process -> system edges */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .flow-group {
  opacity: 0;
  transition: opacity 0.6s ease;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .flow-group.is-revealed { opacity: 1; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .flow-dot {
  fill: rgba(238, 241, 250, 0.95);
  filter: drop-shadow(0 0 3px rgba(238, 241, 250, 0.9));
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .expand-hint {
  font: 600 8.5px ui-monospace, "SF Mono", monospace;
  letter-spacing: 0.03em;
  color: rgba(238, 241, 250, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.always-label .expand-hint,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.is-active .expand-hint,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.is-neighbor .expand-hint { opacity: 1; }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .ambient-readout {
  position: absolute;
  z-index: 3;
  right: 14px;
  bottom: 12px;
  font: 500 11px ui-monospace, "SF Mono", monospace;
  color: rgba(238, 241, 250, 0.4);
  letter-spacing: 0.02em;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .reset-btn {
  position: absolute;
  z-index: 4;
  left: 12px;
  bottom: 12px;
  border: 1px solid rgba(226, 232, 245, 0.2);
  border-radius: 999px;
  padding: 5px 12px;
  background: rgba(226, 232, 245, 0.06);
  color: rgba(238, 241, 250, 0.6);
  font: 600 10.5px system-ui, sans-serif;
  cursor: pointer;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .reset-btn:hover {
  background: rgba(226, 232, 245, 0.12);
  color: rgba(238, 241, 250, 0.9);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .proposal-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 12px;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .proposal-meta .pm-item {
  border: 1px solid rgba(15, 18, 32, 0.1);
  border-radius: 10px;
  padding: 9px 11px;
  background: rgba(15, 18, 32, 0.02);
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .proposal-meta .pm-label {
  display: block;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(15, 18, 32, 0.45);
  margin-bottom: 3px;
}
@media (max-width: 720px) {
  body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .proposal-meta {
    grid-template-columns: 1fr;
  }
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .inline-badge {
  text-transform: none;
  font-size: 11px;
  vertical-align: middle;
  margin-left: 6px;
}

/* ---- Shape-Coded Twin click caption (Variant 1) ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .shape-caption {
  margin: 10px 0 0;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(15, 18, 32, 0.04);
  border: 1px solid rgba(15, 18, 32, 0.1);
  font: 500 12px system-ui, sans-serif;
  color: rgba(15, 18, 32, 0.7);
}

/* ---- Process Twin expand/collapse hint text (Variant 3) ---- */
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .twin-hint-collapsed,
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .twin-hint-expanded {
  font: 600 8.5px ui-monospace, "SF Mono", monospace;
  letter-spacing: 0.03em;
  color: rgba(238, 241, 250, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
}
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.always-label .twin-hint-collapsed { opacity: 1; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.is-active .twin-hint-collapsed { opacity: 0; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-nebula-twin-index-c92af013 .node.is-active .twin-hint-expanded { opacity: 1; }

/* ---------------------------------------------------------------------- */
/* Ontology graph — Natural cluster boundaries (live physics demos)       */
/* Scoped to docs/product/features/ontology/v0-view-only-scaffold/        */
/*   research/graph-visual-cluster-boundaries/index.html                  */
/* ---------------------------------------------------------------------- */

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .cb-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15, 18, 32, 0.14);
  background: radial-gradient(120% 100% at 50% 45%, #0d0f18 0%, #020203 78%);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .cb-frame canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .cb-reset-btn {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  font: 600 12px system-ui, sans-serif;
  color: rgba(238, 241, 250, 0.85);
  background: rgba(238, 241, 250, 0.1);
  border: 1px solid rgba(238, 241, 250, 0.22);
  border-radius: 999px;
  padding: 6px 14px;
  cursor: pointer;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .cb-reset-btn:hover {
  background: rgba(238, 241, 250, 0.18);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .cb-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 10px;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .cb-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 500 12px system-ui, sans-serif;
  color: rgba(15, 18, 32, 0.6);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .cb-legend-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .cb-legend-dot.fn1 { background: #f2c078; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .cb-legend-dot.fn2 { background: #6ee7a8; }
body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .cb-legend-dot.fn3 { background: #7fb2ff; }

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .proposal-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 12px;
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .proposal-meta .pm-item {
  border: 1px solid rgba(15, 18, 32, 0.1);
  border-radius: 10px;
  padding: 9px 11px;
  background: rgba(15, 18, 32, 0.02);
}

body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .proposal-meta .pm-label {
  display: block;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(15, 18, 32, 0.45);
  margin-bottom: 3px;
}

@media (max-width: 720px) {
  body.bd-doc-product-features-ontology-v0-view-only-scaffold-research-graph-visual-cluster-boundaries-index-a1c9f7e2 .proposal-meta {
    grid-template-columns: 1fr;
  }
}

body.bd-doc-engineering-campaign-breadcrumb-title-fix-proof-of-work .fig-tag {
  margin: 0 0 8px;
}
/* docs/product/features/task-mining/v0/ux-spec.html */
/* ===========================================================================
   UX SPEC DEVICE KIT (from the canonical ux-spec template)
   =========================================================================== */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mp {display:inline-flex;align-items:center;gap:5px;min-height:21px;padding:1px 9px;border-radius:999px;
  font-size:11px;font-weight:700;white-space:nowrap;color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mp::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mp.shipped {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mp.proto {color:var(--brand-dark);background:var(--brand-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mp.mock {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mp.backend {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mp.concept {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mp.proposed {color:var(--orange);background:var(--orange-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 h1 {font-size:clamp(28px,3.6vw,40px)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .partdiv {margin:40px 0 16px;padding:12px 0 10px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);
  display:flex;align-items:baseline;gap:12px;font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:0;text-transform:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .partdiv .pt-n {font-family:var(--mono);font-weight:700;font-size:30px;line-height:1;color:var(--brand)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .partdiv .pt-title {font-size:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .partdiv .pt-sub {align-self:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--faint);letter-spacing:.03em;text-transform:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .byline {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;color:var(--faint);font-size:13px;font-weight:500}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .byline .by-author {color:var(--navy);font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .byline .by-sep {color:var(--line-strong)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .related-label {margin:18px 0 8px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .doc-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .doc-card {display:flex;align-items:center;gap:11px;min-height:54px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--navy);text-decoration:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .doc-card:hover {border-color:var(--brand-line);background:var(--surface-blue)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dc-icon {display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:8px;background:var(--brand-soft);color:var(--brand)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dc-body {display:grid;gap:2px;min-width:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dc-body b {font-size:13px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dc-body small {color:var(--muted);font-size:11px;line-height:1.2}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dc-go {margin-left:auto;color:var(--faint)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .glance {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .glance .g {padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .glance .g small {display:block;margin-bottom:4px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .glance .g b {display:block;color:var(--navy);font-size:13px;line-height:1.3}
@media (max-width:760px) {
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .partdiv {flex-wrap:wrap;align-items:flex-start}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .partdiv .pt-sub {flex-basis:100%}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .doc-cards {grid-template-columns:1fr}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .glance {grid-template-columns:1fr}
}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spine {display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 4px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spine .chip {padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;color:#fff}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spine .chip:nth-child(1) {background:#7d8aa0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spine .chip:nth-child(3) {background:#5f76b8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spine .chip:nth-child(5) {background:#3f86c9}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spine .chip:nth-child(7) {background:var(--brand)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spine .chip:nth-child(9) {background:var(--good)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spine .arr {color:var(--faint);font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .jmap-wrap {overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-row)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .jmap {min-width:860px;margin:0;border-radius:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .jmap th,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .jmap td {padding:10px 12px;font-size:12.5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .jmap thead th {position:sticky;top:0;background:#eef4fb;color:var(--navy);font-size:12px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .jmap tbody th {position:sticky;left:0;background:var(--subtle);color:var(--navy);font-size:11px;
  text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;z-index:1}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .emo {display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .emo.good {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .emo.warn {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .emo.risk {color:var(--risk);background:var(--risk-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .emo.neutral {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .risknote {display:block;margin-top:5px;color:var(--risk);font-size:11px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .risknote b {color:var(--risk)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ladder {display:grid;gap:8px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rung {display:grid;grid-template-columns:30px minmax(150px,1fr) minmax(180px,1.3fr) minmax(170px,1.1fr);gap:12px;
  align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rung .n {font-family:var(--mono);font-weight:700;color:var(--brand)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rung .belief {font-weight:700;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rung .lbl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--faint);margin-bottom:3px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rung .guard {color:var(--warn)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .obj-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .obj {padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .obj strong {display:block;margin:6px 0 4px;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .obj .meta {font-family:var(--mono);font-size:11px;color:var(--faint)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .sw {display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin-right:6px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .loop {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;padding:12px 14px;
  border:1px solid var(--brand-line);border-radius:var(--radius-row);background:var(--surface-blue);
  font-family:var(--mono);font-size:12.5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .loop .st {padding:4px 10px;border-radius:6px;background:#fff;border:1px solid var(--brand-line);color:var(--navy);font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .loop .a {color:var(--brand-dark);font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .loop .re {margin-left:auto;color:var(--good);font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .flowline {font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:0 0 14px;padding:10px 14px;
  border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .flowline b {color:var(--brand-dark)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 td.do {color:var(--good)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 td.dont {color:var(--risk)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .findex {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .findex .fc {padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .findex .fc .top {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .findex .fc .ttl {font-weight:700;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .findex .scope {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .findex .scope.v1 {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .findex .scope.sup {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .findex .steps {display:flex;flex-wrap:wrap;gap:5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .findex .stp {font-size:11px;padding:2px 7px;border-radius:5px;background:#fff;border:1px solid var(--line);color:var(--muted)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .flowblock {margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .kicker {display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--good);background:var(--good-soft);padding:2px 9px;border-radius:999px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .answers {font-style:italic;color:var(--muted);margin:6px 0 12px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .flowmeta {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .flowmeta .m {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .flowmeta .m .lbl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--faint);margin-bottom:5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .flowmeta .m b {color:var(--navy);font-size:13px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 figure.mock {margin:16px 0 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 figure.mock .cap {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 figure.mock .cap .num {font-family:var(--mono);font-size:12px;color:var(--brand);background:var(--brand-soft);
  border-radius:6px;padding:2px 9px;font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 figure.mock .cap .ttl {font-weight:700;color:var(--navy);font-size:15px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 figure.mock .cap .route {font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage {padding:18px;border:1px solid var(--line);border-radius:var(--radius-row);
  background:repeating-linear-gradient(135deg,#eef2f7,#eef2f7 11px,#e9eef5 11px,#e9eef5 22px)}
/* --- Frame discipline (updated 2026-07-06, per Aqib review) ---------------
   Every MAIN screen — the first, primary figure in a rail step — renders on
   the SAME real desktop viewport shape: 16:9, a fixed native 1440x810 canvas
   (a realistic desktop browser size) CSS-scaled down to fit whatever width
   the frame actually has, fluid so it fills the doc column rather than a
   shrunk-down thumbnail. .fr-desk and .fr-panel used to be two different
   ratios (16:10 vs 4:5) on the theory that a "full app screen" and a "narrow
   participant card" are different shapes — but checking the real component
   (src/App.css .interview-screen) showed that theory was wrong: the real
   /i/:token page is `min-height:100vh` with a full-bleed dark background,
   and the card sits centered inside it at max-width:460px. On a real desktop
   monitor that card is a SMALL element in a mostly-empty dark screen — the
   old .fr-panel (a tight 680px crop around just the card) was never actually
   "the full screen," it was a zoomed-in detail crop. Now both frame types
   use the identical 16:9/1440x810 canvas; the only difference is what's
   inside it — .fr-desk fills the canvas edge to edge with the app shell,
   .fr-panel reproduces the real full-bleed dark screen with the real
   ~460px card centered small inside it, same relative scale as production.

     .fr-desk  = the owner shell, the work app, any full product surface.
                 Fills the 1440x810 canvas edge to edge.
     .fr-panel = the participant's /i/:token card column.
                 Full-bleed #0b0e15 canvas, the real .interview-card centered
                 at its real max-width (460px) — deliberately mostly empty,
                 because that's what the real screen actually looks like.

   Both are native-scaled by the script at the bottom of this file: it
   measures the frame's real rendered width and scales the 1440x810 canvas to
   fit, so every main screen sits at one true-to-life desktop zoom level, not
   just the same frame size. Sub-state (inside .rail-substep, e.g.
   r3-insights): fixed at 640px wide, natural height, deliberately NOT put
   through native-scale — it's already labeled and positioned as secondary,
   so a slightly denser read there is fine.
   Mobile: natural width and height, unscaled for BOTH frame types — a full
   owner-shell screen is a desktop-only surface (see S3's "needs a desktop
   browser" state), and scaling a 1440px canvas down to phone width would
   shrink real UI text past reading size either way, so mobile uses each
   component's own authored narrow layout instead (the script skips scaling
   below 761px, and .fr-panel's card already renders near-full-width on a
   real phone, so showing just the card there is still honest).
   Zoom/state strips use .fr-strip (equal mini-cards, deliberately NOT
   screen-shaped so they never read as screens) and sit outside this
   discipline on purpose. Long surfaces crop at a fold with a "continues"
   chip; the screen's commit action is always in frame. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 figure.mock .cap .frat {font-family:var(--mono);font-size:10px;font-weight:700;color:var(--faint);
  border:1px solid var(--line-strong);border-radius:5px;padding:1px 7px;background:var(--surface)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-desk,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-panel {width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;margin:0 auto}
/* .fr-desk-native / .fr-panel-native are injected by the native-scale script
   below, both on the same fixed 1440x810 (16:9) canvas — see the comment
   above for why. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-desk-native,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-panel-native {width:1440px;height:810px;transform-origin:top left;position:absolute;top:0;left:0;box-sizing:border-box}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-desk-native {padding:14px;display:flex}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-desk-native>* {flex:1;min-width:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-desk-native .gi-shell {height:100%;min-height:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-desk-native .gi-main {display:flex;flex-direction:column;min-height:0;overflow:hidden}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-desk-native .gi-main>.gi-panel {display:flex;flex-direction:column;min-height:0;flex:1}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-desk-native .tm-work {height:100%;display:flex;flex-direction:column}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-desk-native .tm-appgrid {flex:1;min-height:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rail-substep .stage.fr-desk {width:640px;max-width:100%;aspect-ratio:auto;overflow:visible;display:block;padding:14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rail-substep .stage.fr-desk .gi-shell {height:auto}
/* A rail-substep is usually a small isolated-component preview (a PiP, a
   card), so it's deliberately exempt from the 16:9/native-scale discipline
   above. But a substep can also hold a full owner-shell screen (e.g. R3's
   Insights tab) — genuinely main-screen-caliber content, just nested under
   the rail for narrative grouping rather than given its own numbered step.
   That content still needs the same fixed 16:9 crop as every other desktop
   screen (2026-07-06 review: without this, .gi-crop's clip has no bounded
   height to clip against, so the frame grows to the ledger's full length). */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rail-substep .stage.fr-desk.fr-desk-full {width:100%;max-width:100%;aspect-ratio:16/9;overflow:hidden;display:block;padding:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rail-substep .stage.fr-desk.fr-desk-full .gi-shell {height:100%}
/* .fr-panel-native reproduces the real .interview-screen shape verbatim
   (src/App.css): full-bleed dark canvas, grid-centered card at its real
   max-width. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-panel-native {background:#0b0e15;display:flex;align-items:center;justify-content:center;padding:24px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fr-panel-native>.interview-card {width:100%;max-width:460px;max-height:100%;overflow:hidden;position:relative;margin:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-strip {padding:14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-crop {position:relative;overflow:hidden;flex:1;min-height:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fold {position:absolute;left:0;right:0;bottom:0;height:78px;display:flex;align-items:flex-end;justify-content:center;
  padding-bottom:12px;pointer-events:none;background:linear-gradient(180deg,rgba(16,19,27,0),rgba(16,19,27,.96) 74%)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fold.navy {background:linear-gradient(180deg,rgba(2,8,23,0),rgba(2,8,23,.97) 74%)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fold .fchip {font-size:11px;font-weight:600;color:#9aa3b5;border:1px solid rgba(255,255,255,.16);border-radius:999px;
  padding:3px 12px;background:rgba(16,19,27,.85)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .frame-label {margin:14px 0 8px;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--brand-dark)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .frame-label .fl-sub {font-weight:500;color:var(--faint)}
/* before/after strip (Aqib, 2026-07-06) — a screen that modifies an
   already-shipped surface gets a side-by-side comparison on the light
   .state-canvas: shipped state left, proposed state right. Net-new screens
   stay standalone. Cells are dark self-contained panels so they float on the
   light canvas; a compact-row zoom may elide a column, equally on both sides,
   and the label says so. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba-cell {width:100%;border:1px solid #1d283a;border-radius:12px;background:rgba(2,8,23,.96);padding:16px;box-shadow:0 10px 28px rgba(2,8,23,.28)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba-cell .gi-prow {border-bottom:0;padding:4px 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba-cell-compact .gi-prow {grid-template-columns:minmax(150px,1.3fr) minmax(96px,auto) minmax(0,auto);gap:12px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba-cell .gi-pr-sessions {margin:2px 0 0;padding-left:42px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba-diffmark {box-shadow:inset 3px 0 0 var(--warn);padding-left:10px!important;border-radius:2px}
/* click-to-enlarge (Aqib, 2026-07-06) — every canonical main screen opens in
   a near-viewport <dialog>, re-running the same 1440x810 native-scale at the
   larger width, so the enlarged view is the identical canvas at a bigger
   scale factor, not a different layout. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-desk,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-panel {cursor:zoom-in}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rail-substep .stage.fr-desk {cursor:default}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rail-substep .stage.fr-desk.fr-desk-full {cursor:zoom-in}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 dialog.zoom-dlg {width:min(96vw,1600px);max-height:94vh;border:0;border-radius:12px;padding:0;box-shadow:0 24px 80px rgba(2,8,23,.5)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 dialog.zoom-dlg::backdrop {background:rgba(9,12,20,.72)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .zoom-dlg .zd-bar {display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .zoom-dlg .zd-title {font-size:13px;font-weight:700;color:var(--navy);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .zoom-dlg .zd-hint {font-size:11px;color:var(--faint);font-weight:500;flex:0 0 auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .zoom-dlg .zd-close {margin-left:auto;flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--navy);font-size:13px;font-weight:700;cursor:pointer}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .zoom-dlg .zd-body {padding:14px;overflow:auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .zoom-dlg .zd-body .stage {cursor:default}
/* review-fork flag — a decision Aqib still owes the spec */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .needs-call {display:flex;gap:10px;align-items:flex-start;border:1px solid #efd9a4;background:var(--warn-soft);
  border-radius:var(--radius-row);padding:12px 14px;margin-top:12px;font-size:12.5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .needs-call .nc-k {flex:0 0 auto;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#fff;background:var(--warn);border-radius:999px;padding:2px 9px;margin-top:1px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .needs-call b {color:var(--navy)}
/* Tablet tier: both .fr-desk and .fr-panel stay fluid, native-scaled from the
   same 1440x810 canvas — only the sub-state .fr-desk override (a fixed,
   deliberately smaller size, not native-scaled) needs a tablet-specific
   shrink to match how much less room there is. */
@media (max-width:1024px) and (min-width:761px) {
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rail-substep .stage.fr-desk:not(.fr-desk-full) {width:420px}
}
/* Mobile: native-scale is dropped on purpose for BOTH frame types, not left
   undefined. .fr-desk goes fully natural (a full owner-shell screen was never
   meant to be operated from a phone, so there's no "mobile size" for it to
   honor — scaling the 1440px canvas down would shrink real UI text past
   reading size). .fr-panel also goes natural: on a real phone the card is
   already near-full-width (its real max-width plus the screen's real padding
   roughly fills a phone viewport), so showing just the card at a fixed,
   reused width (320px) is still an honest, comparable size — unlike desktop,
   there's no "mostly-empty canvas" being hidden. */
@media (max-width:760px) {
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-desk,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-panel {aspect-ratio:auto;overflow:visible;display:block}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-desk {padding:14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-panel {width:320px;max-width:100%}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-panel>.interview-card {max-height:none;overflow:visible}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .stage.fr-desk .gi-shell {height:auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-crop {overflow:visible}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .fold {display:none}
/* narrow ledger rows: status word stays on the top line, the title drops to
     its own full-width line instead of ellipsizing to two letters */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow .interview-ltitle b,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow .interview-ltitle span {white-space:normal;overflow:visible;text-overflow:clip}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow .interview-lhead {flex-wrap:wrap;row-gap:3px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow .interview-ltitle {flex:1 1 100%;order:10}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-panel .gi-primary-btn {white-space:nowrap}
}
/* Light owner shell */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .shell {border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .shell .bar {display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--subtle);border-bottom:1px solid var(--line)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .shell .dots {display:flex;gap:5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .shell .dots i {width:9px;height:9px;border-radius:50%;background:#cfd8e3}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .shell .crumb {font-family:var(--mono);font-size:11px;color:var(--faint)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .contract {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:10px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--radius-row);overflow:hidden}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .contract .c {background:var(--surface-soft);padding:10px 11px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .contract .c .k {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--brand-dark);margin-bottom:5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .contract .c .v {font-size:12px;color:var(--text)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .exp {border-left:3px solid var(--brand);background:var(--surface-blue);border-radius:0 var(--radius-row) var(--radius-row) 0;
  padding:11px 14px;margin-top:10px;font-size:13px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .exp b {color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .goalbox {border-left:4px solid var(--brand);background:var(--surface-blue);padding:11px 14px;border-radius:var(--radius-row);
  margin:8px 0 12px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .goalbox .k {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dark)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dirs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dir {position:relative;padding:13px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dir .pat {font-weight:700;color:var(--navy);font-size:13px;margin-bottom:5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dir .but {color:var(--warn);font-size:12px;margin-top:6px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dir .but b {color:var(--warn)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dir.pick {border-color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dir.pick::after {content:"✓ Chosen";position:absolute;top:-9px;right:10px;font-family:var(--mono);font-size:10px;
  font-weight:700;color:#fff;background:var(--good);padding:2px 8px;border-radius:999px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .pickwhy {font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .pickwhy b {color:var(--good)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .vgate {border-left:3px solid var(--good);background:var(--good-soft);border-radius:0 var(--radius-row) var(--radius-row) 0;padding:9px 12px;margin-top:8px;font-size:12.5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .vgate b {color:var(--good)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .sc {display:inline-block;min-width:58px;text-align:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .sc.strong {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .sc.med {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .sc.weak {color:var(--risk);background:var(--risk-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .beforeafter {display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px;margin:8px 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba {padding:16px;border:1px solid var(--line);border-radius:var(--radius-row);text-align:center}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba.before {background:#1b2233;color:#9fb0c7}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba.after {background:#10241d;color:#7fe3c4}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba .node {width:64px;height:64px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;color:#fff}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba.before .node {background:#39435c;color:#8b96ab;box-shadow:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba.after .node {background:var(--good);box-shadow:0 0 22px 4px rgba(13,143,112,.6)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba .lab {font-family:var(--mono);font-size:11px;color:#9fb0c7}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba.after .lab {color:#7fe3c4}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .beforeafter .mid {text-align:center;color:var(--good);font-weight:700;font-size:18px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .toc[data-toc] .toc-pn {font-family:var(--mono);font-weight:700;color:var(--brand);margin-right:2px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .toc[data-toc] .toc-dn {display:inline-block;min-width:30px;font-family:var(--mono);font-weight:700;color:var(--brand-dark)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spy {position:fixed;top:0;left:50%;z-index:20;display:flex;align-items:center;gap:8px;width:min(1120px,calc(100% - 32px));
  padding:8px 18px;background:rgba(247,249,252,.9);backdrop-filter:blur(8px);border:1px solid var(--line);
  border-top:0;border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(22,32,56,.06);
  font-family:var(--mono);font-size:11.5px;color:var(--faint);opacity:0;pointer-events:none;
  transform:translate(-50%,-100%);transition:opacity .14s ease,transform .14s ease}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spy.is-visible {opacity:1;pointer-events:auto;transform:translate(-50%,0)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spy .here {color:var(--brand-dark);font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spy .part {color:var(--muted)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ic {width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .sec-h {display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:700;color:var(--navy);letter-spacing:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .sec-h .hico {display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;
  background:var(--brand-soft);color:var(--brand-dark);flex:0 0 auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .sec-h .hico .ic {width:16px;height:16px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .sec-h .num {font-family:var(--mono);font-size:12px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .obj .oico {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;
  background:#fff;border:1px solid var(--line);color:var(--brand-dark);margin-bottom:6px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .obj .oico .ic {width:19px;height:19px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .diagram {margin:8px 0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);overflow-x:auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .diagram svg {display:block;width:100%;height:auto;min-width:540px;max-width:860px;margin:0 auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-node {fill:#fff;stroke:var(--line-strong);stroke-width:1.4}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-node.brand {fill:var(--brand-soft);stroke:var(--brand-line)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-node.good {fill:var(--good-soft);stroke:#a9e0d0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-node.warn {fill:var(--warn-soft);stroke:#efd9a4}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-node.risk {fill:var(--risk-soft);stroke:#f2c4be}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-t {fill:var(--navy);font:700 13px var(--sans)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-s {fill:var(--muted);font:500 10.5px var(--mono)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-edge {stroke:#9aa7b8;stroke-width:1.6;fill:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-edge.good {stroke:var(--good)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-edge.risk {stroke:var(--risk)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-edge.warn {stroke:var(--warn)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-lbl {fill:var(--brand-dark);font:700 10.5px var(--mono)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-lbl.good {fill:var(--good)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-lbl.risk {fill:var(--risk)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dg-lbl.warn {fill:var(--warn)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .forces {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .force {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .force .fl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .force.push .fl {color:var(--brand-dark)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .force.pull .fl {color:var(--good)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .force.anx .fl {color:var(--warn)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .force.inertia .fl {color:var(--risk)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .card.not {border-color:#f2c4be}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .card.not strong {color:var(--risk)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .statestrip {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .statestrip-5 {grid-template-columns:repeat(5,minmax(0,1fr))}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ss-cell {padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ss-n {font-family:var(--mono);font-size:10px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ss-tok {display:inline-block;margin-top:5px;padding:1px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:10.5px;font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ss-cell .l {display:block;margin-top:5px;font-size:11.5px;color:var(--text)}
@media (max-width:760px) {
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .forces,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .statestrip,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .statestrip-5 {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px) {
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .obj-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .flowmeta,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .dirs {grid-template-columns:1fr}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .contract {grid-template-columns:repeat(2,minmax(0,1fr))}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rung {grid-template-columns:24px 1fr}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .rung .lbl {margin-top:6px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .beforeafter {grid-template-columns:1fr;gap:6px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .beforeafter .mid {transform:rotate(90deg)}
}
@media (max-width:720px) {
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .spy {margin:-24px -12px 0;padding:7px 12px}
}
/* ===========================================================================
   GROUNDED WIREFRAME KIT — Task Mining V0
   Not an invented skin. Two blocks below are near-verbatim ports of the real
   shipped CSS (src/App.css) and component markup (src/components/interview/*,
   src/components/campaigns/*, src/components/studio/*), captured by running
   the app locally (pnpm dev + pnpm convex:dev, seeded demo campaign) and
   reading the source. Class names match the real ones 1:1 wherever the
   surface is a straight reuse, so this doc doubles as an implementation map.
   Only classes prefixed `tm-` are genuinely new to Task Mining.
   =========================================================================== */
/* --- 1) Participant interview-card system — verbatim port of src/App.css
   .interview-* rules (screen bg #0b0e15, card #10131b, primary blue #0f6fff).
   O1/O2/C1/R1 all live inside this exact system, since they extend the real
   /i/:token flow (consent → mic-check → live → review) rather than a new one. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-stage {background:#0b0e15;padding:28px;border-radius:12px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-card {width:100%;min-width:0;max-width:100%;background:#10131b;border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.45);box-sizing:border-box;color:#f5f7fb;
  font-family:var(--sans)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-card h1 {margin:14px 0 8px;font-size:24px;line-height:1.2;color:#f5f7fb}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-card p {margin:0 0 16px;color:#d4d9e6;line-height:1.55}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-kicker {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:#9aa3b5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-muted {color:#9aa3b5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-cta {display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;border:none;
  border-radius:10px;padding:13px 18px;font-size:15px;font-weight:600;color:#fff;background:#0f6fff;cursor:pointer}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-cta.is-inline {width:auto;padding:9px 16px;font-size:13px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-cta:disabled {opacity:.6}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;
  border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;
  color:#e7eaf3;background:rgba(255,255,255,.04);cursor:pointer}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-btn.is-inline {width:auto;padding:9px 14px;font-size:13px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-btn.is-danger {color:#f6a5a5;border-color:rgba(248,113,113,.35)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-trust {margin:20px 0 0 !important;font-size:12.5px;color:#828b9d !important}
/* recording pill + orb (LiveScreen.tsx) */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-recording-pill {display:inline-flex;align-items:center;gap:8px;align-self:center;border:1px solid rgba(255,255,255,.1);
  border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;color:#e7eaf3;background:rgba(255,255,255,.04);
  margin:0 auto 20px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-rec-dot {width:8px;height:8px;border-radius:999px;background:#f87171;animation:bd-rec-pulse-077a8ea9 1.8s ease-out infinite}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-elapsed {color:#9aa3b5;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-orb {width:96px;height:96px;margin:0 auto 24px;border-radius:999px;
  background:radial-gradient(circle at 35% 30%,#3a8bff,#0f6fff 60%,#0b4bb8);box-shadow:0 0 0 14px rgba(15,111,255,.12)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-orb.is-live {animation:bd-orb-pulse-077a8ea9 2.6s ease-in-out infinite}
/* Real animations, not just the name "pulse" (added 2026-07-05) — these three
   plus the P1 stage indicator below are the ones the Accessibility section
   already claimed respect prefers-reduced-motion; that claim had nothing to
   point at until now. */
@keyframes bd-rec-pulse-077a8ea9 {0%{box-shadow:0 0 0 0 rgba(248,113,113,.5)}70%{box-shadow:0 0 0 8px rgba(248,113,113,0)}100%{box-shadow:0 0 0 0 rgba(248,113,113,0)}}
@keyframes bd-blue-pulse-077a8ea9 {0%{box-shadow:0 0 0 0 rgba(15,111,255,.45)}70%{box-shadow:0 0 0 8px rgba(15,111,255,0)}100%{box-shadow:0 0 0 0 rgba(15,111,255,0)}}
@keyframes bd-orb-pulse-077a8ea9 {0%,100%{box-shadow:0 0 0 0 rgba(15,111,255,.3);transform:scale(1)}50%{box-shadow:0 0 0 14px rgba(15,111,255,0);transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce) {
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 *,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 *::before,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 *::after {animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-card .interview-question {text-align:center;font-size:20px;line-height:1.35;margin:12px 0 26px;color:#f5f7fb}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-live-controls {display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-control-btn {display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.12);
  border-radius:10px;padding:12px 8px;font-size:12.5px;font-weight:600;color:#e7eaf3;background:rgba(255,255,255,.04)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-control-btn.is-danger {color:#f6a5a5;border-color:rgba(248,113,113,.35)}
/* consent + mic-check (ConsentScreen.tsx/MicCheckScreen.tsx) — the real "step 1
   of 2" S2's kicker implies but never draws; verbatim port, recopied for
   objective: task_mining */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-checklist {display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 22px;padding:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-checklist li {display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);
  border-radius:10px;background:rgba(255,255,255,.03)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-checklist b {font-size:12.5px;color:#e7eaf3}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-checklist span {font-size:12.5px;color:#9aa3b5;line-height:1.5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-consent-actions {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
@media (max-width:420px) {
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-consent-actions {grid-template-columns:1fr}
}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-status {display:flex;align-items:center;gap:10px;border-radius:10px;padding:13px 16px;font-weight:600}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-status.is-warn {color:#ffcf8a;background:rgba(255,184,92,.12);border:1px solid rgba(255,184,92,.3)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mic-level-meter {display:flex;align-items:flex-end;gap:5px;height:44px;margin:18px 0 16px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mic-level-meter span {flex:1;height:20%;border-radius:3px;background:rgba(255,255,255,.1)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mic-level-meter span:nth-child(1) {height:30%}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mic-level-meter span:nth-child(2) {height:55%}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mic-level-meter span:nth-child(3) {height:100%}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mic-level-meter span:nth-child(4) {height:55%}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mic-level-meter span:nth-child(5) {height:30%}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mic-level-meter span.is-active {background:#4ade80}
/* review ledger (ReviewScreen.tsx) — the exact pattern O2/R1's ledger extends */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-review {display:flex;flex-direction:column;gap:16px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-review-head h1 {margin:0 0 4px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-review-head p {margin:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-review-tabs {display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.08)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-review-tabs button {border:none;background:none;color:#9aa3b5;font-size:13px;font-weight:600;padding:8px 4px;
  cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:inherit}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-review-tabs button.is-active {color:#f5f7fb;border-bottom-color:#0f6fff}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-ledger {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow {border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02);overflow:hidden}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow.is-open {background:rgba(255,255,255,.04);border-color:rgba(15,111,255,.3)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow.is-removed {opacity:.55}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lhead {display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:12px 14px;
  text-align:left;cursor:pointer;color:inherit;font:inherit}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lcheck {display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;
  border:1px solid rgba(255,255,255,.18);color:transparent;flex-shrink:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lcheck.is-confirmed {border-color:rgba(74,222,128,.5);background:rgba(74,222,128,.16);color:#7ee2a8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lcheck.is-uncertain {border-color:rgba(255,207,138,.5);background:rgba(255,207,138,.16);color:#ffcf8a}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lcheck.is-removed {border-color:rgba(246,165,165,.5);background:rgba(246,165,165,.16);color:#f6a5a5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrank {font-size:11.5px;color:#6b7280;flex-shrink:0;width:16px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-ltitle {flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-ltitle b {font-size:14px;color:#f5f7fb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-ltitle span {font-size:12px;color:#9aa3b5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lword {flex-shrink:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#9aa3b5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lword.is-confirmed {color:#7ee2a8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lword.is-uncertain {color:#ffcf8a}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lword.is-removed {color:#f6a5a5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lbody {padding:0 14px 16px 42px;display:flex;flex-direction:column;gap:12px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lsummary {margin:0;font-size:13.5px;color:#d4d9e6;line-height:1.5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-quote {margin:0;padding:10px 12px;border-left:2px solid rgba(15,111,255,.5);background:rgba(255,255,255,.03);
  font-size:12.5px;font-style:italic;color:#9aa3b5;line-height:1.5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lactions {display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-ledger-foot {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;
  border-top:1px solid rgba(255,255,255,.08)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-ledger-foot p {margin:0;font-size:12.5px;color:#9aa3b5}
/* --- 2) Task-mining-only additions layered on the real system above --- */
/* Generic customer work-app mock (O1) — a plausible 3rd-party business tool,
   NOT part of Beam's design system, so it does not need grounding against
   the app's own tokens. Only the PiP floating on top of it does. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-work {position:relative;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:#f4f6f9;box-shadow:var(--shadow)}
/* native browser/OS share infobar — neutral chrome, not product UI. Real
   capture-sharing indicators (Chrome's "Sharing this tab" strip) are a quiet
   gray system bar, not a branded banner; styling it blue read as if Beam owned
   this chrome, when it's the browser's. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-sharebar {display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 10px;background:#3c4043;color:#e8eaed;
  font-size:11px;font-weight:400;border-bottom:1px solid #202124}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-sharebar svg {width:12px;height:12px;flex:0 0 auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-sharebar b {font-weight:600}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-sharebar .stop {padding:2px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.3);font-weight:500;font-size:10.5px;background:rgba(255,255,255,.06)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-appbar {display:flex;align-items:center;gap:10px;padding:9px 14px;background:#fff;border-bottom:1px solid var(--line)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-appbar .logo {width:18px;height:18px;border-radius:5px;background:#31415e}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-appbar b {font-size:12.5px;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-appbar .tabs {display:flex;gap:2px;margin-left:14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-appbar .tab {padding:4px 10px;border-radius:6px;font-size:11.5px;color:var(--muted)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-appbar .tab.on {background:var(--subtle);color:var(--navy);font-weight:700}
/* min-height keeps this screen at a believable ~16:10 desktop ratio — a
   too-short mock reads as a UI strip, not a plausible browser window */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-appgrid {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;min-height:540px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-worklist {padding:12px 14px;border-right:1px solid var(--line)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-worklist .wl-h {display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-worklist .wl-h b {font-size:12.5px;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-worklist .wl-h span {font-family:var(--mono);font-size:10.5px;color:var(--faint)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-inv {display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;
  border:1px solid var(--line);border-radius:7px;background:#fff;margin-bottom:6px;font-size:12px;color:var(--text)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-inv .id {font-family:var(--mono);font-size:10.5px;color:var(--faint)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-inv .amt {font-family:var(--mono);font-size:11.5px;color:var(--navy);font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-inv.sel {border-color:#9db8e8;box-shadow:0 0 0 2px rgba(48,121,255,.12)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-po {padding:12px 14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-po .po-h {font-size:12px;font-weight:700;color:var(--navy);margin-bottom:8px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-po .po-row {display:flex;justify-content:space-between;padding:7px 9px;border-bottom:1px dashed var(--line);font-size:11.5px;color:var(--muted)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-po .po-row b {color:var(--navy);font-family:var(--mono);font-size:11px;font-weight:500}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-po .po-row .ok {color:var(--good);font-weight:700}
/* PiP ticker (O1) — a small floating card in the participant's own work app,
   reusing the exact orb/pill tokens, at a compact size. Genuinely new: no
   floating-outside-the-tab surface ships today. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip {position:absolute;right:14px;bottom:14px;width:246px;border-radius:12px;overflow:hidden;
  background:#10131b;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.45);color:#f5f7fb}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-top {display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.08)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-dot {width:7px;height:7px;border-radius:999px;background:#f87171}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-el {margin-left:auto;font-size:12px;color:#9aa3b5;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-step {padding:10px 12px 8px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-k {font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-t {margin-top:4px;font-size:13px;font-weight:600;line-height:1.4;color:#f5f7fb}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-meta {display:flex;align-items:center;gap:8px;padding:8px 12px 6px;font-size:12px;color:#9aa3b5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-qbadge {display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;
  background:rgba(255,207,138,.16);color:#ffcf8a;font-weight:600;font-size:11px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-acts {display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 11px 12px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-act {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 3px;border-radius:8px;
  border:1px solid rgba(255,255,255,.12);font-size:10.5px;font-weight:600;color:#9aa3b5;background:rgba(255,255,255,.04);text-align:center;line-height:1.2}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-act .ic {width:12px;height:12px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-act.is-resume {grid-column:1/-1;color:#7ee2a8;border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.1)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-act.is-go {color:#7ee2a8;border-color:rgba(74,222,128,.35)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-act.is-danger {color:#f6a5a5;border-color:rgba(248,113,113,.35)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-act:disabled,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-act.is-dim {opacity:.4}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-toast {margin:2px 11px 10px;padding:8px 10px;border-radius:7px;font-size:11px;line-height:1.45;
  background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);color:#7ee2a8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip .p-toast .undo {margin-left:5px;color:#9aa3b5;text-decoration:underline;font-weight:600}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 #o1-actions .state-cell .tm-pip {display:flex;flex-direction:column;min-height:244px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 #o1-actions .state-cell .tm-pip .p-acts {margin-top:auto}
/* forming row — dashed variant of .interview-lrow; the ONE new row state */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow.tm-forming {border-style:dashed;border-color:rgba(255,255,255,.14);background:transparent}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow.tm-forming .interview-ltitle b {color:#9aa3b5;font-style:italic;font-weight:500}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow.tm-forming .interview-lcheck {border-style:dashed}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pulse {display:inline-block;width:6px;height:6px;border-radius:50%;background:#0f6fff;
  box-shadow:0 0 0 4px rgba(15,111,255,.25);margin-right:6px;vertical-align:1px;animation:bd-blue-pulse-077a8ea9 1.8s ease-out infinite}
/* queued question — attached under its step, amber, same tone as .interview-lcheck.is-uncertain */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-q {margin-top:2px;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,207,138,.3);
  background:rgba(255,207,138,.08)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-q .qt {display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:#ffcf8a;line-height:1.45}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-q .qt .ic {width:14px;height:14px;margin-top:2px;flex-shrink:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-qbtns {display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-qbtn {padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid rgba(255,207,138,.35);color:#ffcf8a;background:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-qbtn.pri {background:#ffcf8a;color:#241a05;border-color:#ffcf8a}
/* redaction / pause band inside the ledger */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-redact {display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;border:1px dashed rgba(255,255,255,.14);
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 7px,rgba(255,255,255,.045) 7px,rgba(255,255,255,.045) 14px);
  font-size:11.5px;color:#9aa3b5}
/* screenshot proof card — under the step, matching the dark card language */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shots {display:grid;grid-template-columns:1fr;gap:10px;margin-top:4px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot {border:1px solid rgba(255,255,255,.1);border-radius:9px;overflow:hidden;background:#0d0f16}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot .sbar {display:flex;align-items:center;gap:4px;padding:5px 9px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot .sbar i {width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot .sbar .surl {margin-left:6px;font-size:10.5px;color:#6b7280}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot .scr {position:relative;height:112px;background:linear-gradient(160deg,#171b26,#1d2230)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot .scr::before {content:"";position:absolute;left:12px;top:12px;width:38%;height:5px;border-radius:3px;background:rgba(255,255,255,.14)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot .scr::after {content:"";position:absolute;left:12px;right:12px;top:28px;bottom:12px;border-radius:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot .rm {position:absolute;top:8px;right:8px;z-index:1;width:20px;height:20px;border-radius:50%;background:#0b0e15;color:#fff;
  display:grid;place-items:center;font-size:11px;font-weight:700;border:1px solid rgba(255,255,255,.18)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot .scap {display:flex;justify-content:space-between;gap:8px;padding:7px 11px;font-size:11px;color:#6b7280;background:rgba(255,255,255,.02)}
/* micro-mock content inside proof screenshots — a captured frame should look
   like a captured frame, not an empty gradient box */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot .scr.has-mm::before,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-shot .scr.has-mm::after {display:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm {position:absolute;inset:10px 12px;display:flex;flex-direction:column;gap:5px;overflow:hidden}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-bar {height:6px;border-radius:3px;background:rgba(255,255,255,.14);flex:0 0 auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-row {display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(255,255,255,.08);
  border-radius:5px;background:rgba(255,255,255,.03);font-size:11px;color:#9aa3b5;flex:0 0 auto;white-space:nowrap;overflow:hidden}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-row b {color:#d4d9e6;font-weight:600}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-row .sp {flex:1}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-row.hl {border-color:rgba(106,163,255,.55);box-shadow:0 0 0 2px rgba(106,163,255,.14)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-chip {padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:700;flex:0 0 auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-chip.g {color:#7ee2a8;background:rgba(74,222,128,.15)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-chip.b {color:#6aa3ff;background:rgba(106,163,255,.15)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-chip.a {color:#ffcf8a;background:rgba(255,207,138,.15)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-kv {display:flex;justify-content:space-between;gap:8px;padding:4px 9px;font-size:11px;color:#9aa3b5;flex:0 0 auto;border-bottom:1px dashed rgba(255,255,255,.07)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-kv b {color:#d4d9e6;font-weight:600}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-kv .ok {color:#7ee2a8;font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-kv b {font-size:11px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .mm-toast {align-self:center;margin-top:auto;margin-bottom:2px;padding:4px 11px;border-radius:6px;font-size:10.5px;font-weight:600;
  color:#7ee2a8;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.3)}
/* S1 — consent & share picker (net-new; trust rung 1) */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-preview {position:relative;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;background:#0d0f16;margin:0 0 14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-preview .pv-frame {position:absolute;inset:7px;border:2px solid rgba(74,222,128,.6);border-radius:7px;pointer-events:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-preview .pv-tag {position:absolute;top:13px;left:14px;z-index:1;display:inline-flex;align-items:center;gap:5px;
  padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:700;color:#7ee2a8;background:rgba(2,8,23,.85);border:1px solid rgba(74,222,128,.4)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-preview .pv-app {padding:16px 18px 14px;display:flex;flex-direction:column;gap:6px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-keeps {display:grid;gap:7px;margin:0 0 16px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-keep {display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:#d4d9e6;line-height:1.45}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-keep .ic {width:14px;height:14px;flex:0 0 auto;margin-top:2px;color:#7ee2a8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-keep.no {color:#9aa3b5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-keep.no .ic {color:#f6a5a5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-target {display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);
  border-radius:10px;background:rgba(255,255,255,.03);font-size:12.5px;color:#d4d9e6;margin-bottom:8px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-target .ic {width:15px;height:15px;color:#9aa3b5;flex:0 0 auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-target.sel {border-color:rgba(15,111,255,.5);box-shadow:0 0 0 2px rgba(15,111,255,.14)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-target .who {margin-left:auto;font-size:12px;color:#6b7280}
/* P1 — processing stages (checkpoint-driven, per tech spec D12) */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-stages {display:grid;gap:9px;margin:18px 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-stage {display:flex;flex-wrap:wrap;align-items:center;gap:4px 11px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);
  border-radius:10px;background:rgba(255,255,255,.02);font-size:13px;color:#d4d9e6}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-stage .st-ic {display:grid;place-items:center;width:22px;height:22px;border-radius:999px;flex:0 0 auto;
  border:1px solid rgba(255,255,255,.16);color:transparent}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-stage.done {color:#9aa3b5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-stage.done .st-ic {border-color:rgba(74,222,128,.5);background:rgba(74,222,128,.15);color:#7ee2a8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-stage.run {border-color:rgba(15,111,255,.45);background:rgba(15,111,255,.06);animation:bd-stage-glow-077a8ea9 1.8s ease-out infinite}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-stage.run .st-ic {border-color:rgba(15,111,255,.55);color:#6aa3ff}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-stage.wait {opacity:.5}
@keyframes bd-stage-glow-077a8ea9 {0%{box-shadow:0 0 0 0 rgba(15,111,255,.25)}70%{box-shadow:0 0 0 5px rgba(15,111,255,0)}100%{box-shadow:0 0 0 0 rgba(15,111,255,0)}}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-stage .st-sub {margin-left:auto;font-size:12px;color:#6b7280;font-variant-numeric:tabular-nums}
/* dropzone — appears when a step's last screenshot is removed */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-drop {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:20px 16px;
  border:1.5px dashed rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.02);text-align:center}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-drop .di {display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(15,111,255,.14);color:#6aa3ff}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-drop b {font-size:12px;color:#f5f7fb}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-drop span {font-size:12px;color:#9aa3b5;line-height:1.5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-drop .browse {color:#6aa3ff;font-weight:600;text-decoration:underline;cursor:pointer}
/* decision rule callout — reuses the confirmed-green tone */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-rule {margin:2px 0;padding:10px 12px;border-left:3px solid #4ade80;background:rgba(74,222,128,.08);border-radius:0 8px 8px 0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-rule .k {font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#4ade80}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-rule .q {margin-top:3px;font-size:13px;color:#f5f7fb;font-weight:500}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-rule .src {margin-top:4px;font-size:11px;color:#6b7280}
/* task-group divider — separates tasks within one combined session report */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-taskhead {display:flex;align-items:baseline;gap:10px;margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-taskhead:first-child {margin-top:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-taskhead .tn {font-family:var(--mono);font-size:11px;font-weight:700;color:#6aa3ff;letter-spacing:.04em;text-transform:uppercase}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-taskhead b {font-size:15px;color:#f5f7fb}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-taskhead span.meta {margin-left:auto;font-size:12px;color:#6b7280}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pluschip {display:inline-block;align-self:flex-start;width:fit-content;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;color:#6aa3ff;background:rgba(106,163,255,.14);vertical-align:middle}
/* --- 3) Owner Studio shell — verbatim port of the real mining-shell / campaign
   detail chrome (src/App.css, CampaignViews.tsx, CampaignPeople.tsx). R2/R3
   live here because a campaign owner never leaves the Studio shell. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-shell {display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100%;color:#f8fafc;background:#020817;
  border:1px solid #1d283a;border-radius:10px;overflow:hidden;font-family:var(--sans)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-sidebar {padding:14px 10px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-sidebar .crumb-name {padding:0 4px 10px;font-size:12px;font-weight:700;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-nav,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-subnav {display:flex;flex-direction:column;gap:2px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-nav a,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-subnav a {display:flex;align-items:center;gap:9px;min-height:38px;border-radius:8px;padding:0 10px;
  color:#94a3b8;font-size:13px;text-decoration:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-nav a.is-active,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-subnav a.is-active {color:#f8fafc;background:rgba(29,40,58,.5)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-nav a .ic,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-subnav a .ic {width:14px;height:14px;flex:0 0 auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-nav-group {margin-top:10px;padding-top:10px;border-top:1px solid #1d283a}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-nav-label {padding:0 10px;margin-bottom:6px;font-size:13px;font-weight:800;color:#64748b}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-subnav {margin-left:8px;padding-left:10px;border-left:1px solid #1d283a;gap:1px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-subnav a {padding-left:8px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-main {min-width:0;padding:22px 26px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-breadcrumb {display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#94a3b8;font-size:14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-breadcrumb b {color:#f8fafc;font-weight:400}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-page-head h1 {margin:0 0 4px;color:#f8fafc;font-size:24px;font-weight:700;line-height:1.5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-page-head p {margin:0 0 18px;color:#94a3b8;font-size:16px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-panel {border:1px solid #1d283a;border-radius:12px;background:rgba(2,8,23,.8);box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:hidden}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-panel-pad {padding:20px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-primary-btn {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;
  border:0;border-radius:10px;color:#fff;background:#0062ff;font-size:14px;font-weight:600}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-secondary-btn {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;
  border:1px solid #1d283a;border-radius:10px;color:#f8fafc;background:rgba(29,40,58,.4);font-size:14px;font-weight:600}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-avatar {display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#1d283a;color:#f8fafc;
  font-size:11px;font-weight:800;flex:0 0 auto}
/* S0 — People tab's add-person form, verbatim port of src/App.css
   .add-person-form/.field/.people-subbar (CampaignPeople.tsx). The
   session-type picker (.gi-type-pick) is the one genuinely new part —
   S0 is the first slice to add a second interview objective. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-people-subbar {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px;font-size:12.5px;color:#94a3b8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-people-subbar .dot {width:3px;height:3px;border-radius:50%;background:#6b7280}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-add-person {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin-top:14px;
  padding:14px;border:1px solid #1d283a;border-radius:12px;background:rgba(2,8,23,.8)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-add-person .gi-type-pick {grid-column:1/-1;display:flex;flex-direction:column;gap:7px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-add-person .gi-type-pick>span {color:#8992a5;font-size:14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-type-opts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-type-opt {display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #2a3040;border-radius:8px;
  background:#0f121a;color:#e3e8f1;text-align:left}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-type-opt b {font-size:13.5px;color:#f8fafc}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-type-opt span {font-size:12px;color:#8992a5}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-type-opt.sel {border-color:#0062ff;box-shadow:inset 0 0 0 1px #0062ff;background:rgba(0,98,255,.1)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-field {display:flex;flex-direction:column;gap:7px;min-width:0;color:#8992a5;font-size:14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-field input {width:100%;box-sizing:border-box;height:40px;padding:0 12px;border:1px solid #2a3040;border-radius:8px;
  color:#e3e8f1;background:#0f121a;font-size:14px;font-family:var(--sans)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-add-person-actions {grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
/* S0/S0b — the People page's real chrome: StudioPageHeader with its
   "Add person" action button, then the real roster grid
   (.people-roster/.roster-head/.person-row in CampaignPeople.tsx):
   Person · Knows about · Status · Interview link. S0b's expanded row keeps
   the same grid row and opens session history + the create panel full-width
   beneath it, inside the same row container. */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-ph-row {display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-ph-row .gi-page-head {min-width:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-ph-row .gi-primary-btn {flex:0 0 auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-roster {margin-top:14px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-roster-head,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow {display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(140px,1fr) minmax(120px,auto) minmax(170px,auto);
  align-items:center;gap:14px;padding:11px 4px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-roster-head {padding:0 4px 9px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;
  font-weight:700;border-bottom:1px solid #1d283a}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-roster-head .ra {text-align:right}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow {border-bottom:1px solid #1d283a}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow:last-child,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow-wrap:last-child {border-bottom:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow .pid {display:flex;align-items:center;gap:10px;min-width:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow .pnb {display:flex;flex-direction:column;gap:1px;min-width:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow .pnb b {font-size:13px;font-weight:600;color:#f8fafc}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow .pnb span {font-size:11.5px;color:#94a3b8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow .pk {font-size:12.5px;color:#94a3b8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow .pact {display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow .pact .gi-secondary-btn,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow .pact .gi-primary-btn {min-height:30px;padding:0 10px;font-size:12.5px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow-wrap {border-bottom:1px solid #1d283a}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow-wrap .gi-prow {border-bottom:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-pr-sessions {display:flex;flex-direction:column;gap:4px;margin:-4px 4px 12px;padding-left:46px;font-size:12.5px;color:#9aa3b5}
/* reality panel — pairs a wireframe with an actual screenshot of the running app */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .reality-frame {border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;background:#020817}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .reality-frame img {display:block;width:100%;height:auto}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .reality-caption {padding:10px 14px;font-size:12px;color:var(--faint);background:var(--surface-soft);border-top:1px solid var(--line)}
/* task-traces list row — mirrors the real .person-row grid + .status-chip exactly */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row-head,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row {display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(120px,1fr) minmax(90px,auto) 24px;
  align-items:center;gap:14px;padding:12px 4px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row-head {font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:700;
  border-bottom:1px solid #1d283a}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row {border-bottom:1px solid #1d283a}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row:last-child {border-bottom:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row .rt {display:flex;flex-direction:column;gap:2px;min-width:0}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row .rt b {font-size:13px;color:#f8fafc;font-weight:600}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row .rt span {font-size:11.5px;color:#94a3b8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row.is-locked {opacity:.55}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-chev {color:#6b7280;font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .status-chip {display:inline-flex;align-items:center;max-width:100%;min-height:32px;white-space:nowrap;font-size:13px;
  font-weight:600;border-radius:999px;padding:0 14px;border:1px solid #2a3040;color:#94a3b8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .status-chip.is-active {color:#6aa3ff;border-color:rgba(106,163,255,.4);background:rgba(106,163,255,.12)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .status-chip.is-done {color:#4ade80;border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.12)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .status-chip.is-warn {color:#ffcf8a;border-color:rgba(255,207,138,.4);background:rgba(255,207,138,.12)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .status-chip.is-muted {color:#94a3b8;border-color:#2a3040;background:rgba(255,255,255,.03)}
/* trace detail (R3) — the report reuses the review-ledger classes above;
   only the two-verb hover toolbar is new */
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-detail-head {margin-bottom:6px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-detail-head .eyebrow {display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:#6b7280;margin-bottom:6px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-detail-head h2 {margin:0 0 4px;font-size:17px;color:#f8fafc}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-detail-head .sub {font-size:12px;color:#94a3b8}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-tools {display:flex;gap:6px;margin-top:8px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-tool {display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);font-size:12px;font-weight:600;color:#e7eaf3}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-tool.warn {color:#ffcf8a;border-color:rgba(255,207,138,.3)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow.tm-editing {border-color:rgba(0,98,255,.4);background:rgba(0,98,255,.08)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .interview-lrow.tm-unclear {border-color:rgba(255,207,138,.35);background:rgba(255,207,138,.05)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-acceptbar {display:flex;align-items:center;gap:12px;padding:14px 4px 2px;border-top:1px solid #1d283a;margin-top:6px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-acceptbar .cnt {font-size:13px;color:#f8fafc;font-weight:700}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-acceptbar .sub {font-size:12px;color:#94a3b8}
@media (max-width:820px) {
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-shell {grid-template-columns:1fr}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-sidebar {display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #1d283a}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-ph-row {flex-direction:column;align-items:flex-start;gap:10px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-roster-head {display:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow {grid-template-columns:1fr;row-gap:6px;justify-items:start}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-prow .pact {justify-content:flex-start}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-pr-sessions {padding-left:4px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-add-person {grid-template-columns:minmax(0,1fr)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-type-opts {grid-template-columns:minmax(0,1fr)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba-cell-compact .gi-prow {grid-template-columns:minmax(0,1fr)}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .ba-cell .gi-pr-sessions {padding-left:4px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-add-person .gi-primary-btn,
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-add-person .gi-secondary-btn {white-space:normal}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row-head {display:none}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row {grid-template-columns:1fr 20px;row-gap:4px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row .rt:nth-child(2) {grid-column:1}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .gi-row .status-chip {grid-column:1;margin-top:2px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-pip {position:static;width:auto;margin-top:10px}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-appgrid {grid-template-columns:1fr}
body.bd-doc-product-features-task-mining-v0-ux-spec-077a8ea9 .tm-worklist {border-right:0;border-bottom:1px solid var(--line)}
}
/* docs/product/features/task-mining/v0/scratch-pad.html */
/* ===========================================================================
   Grounded device kit — the pieces of ux-spec.html's real CSS needed to show
   the actual O1 sub-state markup verbatim. Only the CS1/CS2/CS3 blocks near
   the bottom are new; everything above them is a straight port of the shipped
   src/App.css tokens (see the top-level CLAUDE.md "grounded, not invented"
   rule for wireframes).
   =========================================================================== */
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .mp {display:inline-flex;align-items:center;gap:5px;min-height:21px;padding:1px 9px;border-radius:999px;
  font-size:11px;font-weight:700;white-space:nowrap;color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .mp::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .mp.mock {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b figure.mock {margin:16px 0 0}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b figure.mock .cap {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b figure.mock .cap .num {font-family:var(--mono);font-size:12px;color:var(--brand);background:var(--brand-soft);
  border-radius:6px;padding:2px 9px;font-weight:700}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b figure.mock .cap .ttl {font-weight:700;color:var(--navy);font-size:15px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b figure.mock .cap .route {font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .stage {padding:18px;border:1px solid var(--line);border-radius:var(--radius-row);
  background:repeating-linear-gradient(135deg,#eef2f7,#eef2f7 11px,#e9eef5 11px,#e9eef5 22px)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .stage.fr-strip {padding:14px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b figure.mock .cap .frat {font-family:var(--mono);font-size:10px;font-weight:700;color:var(--faint);
  border:1px solid var(--line-strong);border-radius:5px;padding:1px 7px;background:var(--surface)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .needs-call {display:flex;gap:10px;align-items:flex-start;border:1px solid #efd9a4;background:var(--warn-soft);
  border-radius:var(--radius-row);padding:12px 14px;margin-top:12px;font-size:12.5px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .needs-call .nc-k {flex:0 0 auto;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#fff;background:var(--warn);border-radius:999px;padding:2px 9px;margin-top:1px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .needs-call>span {min-width:0}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .needs-call b {color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .graduated {display:flex;gap:10px;align-items:flex-start;border:1px solid #a9e0d0;background:var(--good-soft);
  border-radius:var(--radius-row);padding:12px 14px;margin:10px 0 0;font-size:12.5px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .graduated .gr-k {flex:0 0 auto;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#fff;background:var(--good);border-radius:999px;padding:2px 9px;margin-top:1px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .graduated>span {min-width:0}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .graduated b {color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .graduated a {color:var(--brand-dark);font-weight:600}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .concept-frame {margin:18px 0 0;padding:20px 22px;border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:#fff}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .concept-tag {display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--brand-dark);background:var(--brand-soft);padding:2px 9px;border-radius:999px;margin-bottom:8px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .compare {width:100%;border-collapse:collapse;margin:8px 0}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .compare th,
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .compare td {padding:10px 12px;border:1px solid var(--line);font-size:12.5px;text-align:left;vertical-align:top}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .compare thead th {background:var(--subtle);color:var(--navy);font-size:12px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .compare td.good {color:var(--good)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .compare td.risk {color:var(--risk)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .today-frame {border:1px solid var(--line-strong);border-radius:10px;padding:16px;background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .today-note {display:flex;gap:9px;align-items:flex-start;margin:0 0 14px;padding:10px 12px;border-radius:var(--radius-row);
  background:var(--risk-soft);border:1px solid #f2c4be;font-size:12.5px;color:var(--text)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .today-note b {color:var(--risk)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .ic {width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
/* --- interview-card system (verbatim port of src/App.css .interview-*) ---
   Screen bg #0b0e15, card #10131b — reproduced here ONLY so "Today" can show
   the real bug; Concepts 1–3 deliberately stop using .gi-stage/.interview-card
   as the state wrapper, which is the whole point of this doc. */
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .gi-stage {background:#0b0e15;padding:28px;border-radius:12px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .interview-card {width:100%;min-width:0;max-width:100%;background:#10131b;border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.45);box-sizing:border-box;color:#f5f7fb;font-family:var(--sans)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .interview-kicker {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:#9aa3b5}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .interview-muted {color:#9aa3b5}
/* PiP ticker (O1) — genuinely new component, reused verbatim everywhere below.
   Its dark styling is never changed by any concept: it's real dark-mode UI,
   not doc chrome, so re-skinning it would misrepresent the shipped surface. */
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip {position:absolute;right:14px;bottom:14px;width:246px;border-radius:12px;overflow:hidden;
  background:#10131b;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.45);color:#f5f7fb}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-top {display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.08)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-dot {width:7px;height:7px;border-radius:999px;background:#f87171}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-el {margin-left:auto;font-size:12px;color:#9aa3b5;font-variant-numeric:tabular-nums}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-step {padding:10px 12px 8px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-k {font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-t {margin-top:4px;font-size:13px;font-weight:600;line-height:1.4;color:#f5f7fb}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-meta {display:flex;align-items:center;gap:8px;padding:8px 12px 6px;font-size:12px;color:#9aa3b5}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-qbadge {display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;
  background:rgba(255,207,138,.16);color:#ffcf8a;font-weight:600;font-size:11px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-acts {display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 11px 12px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-act {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 3px;border-radius:8px;
  border:1px solid rgba(255,255,255,.12);font-size:10.5px;font-weight:600;color:#9aa3b5;background:rgba(255,255,255,.04);text-align:center;line-height:1.2}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-act .ic {width:12px;height:12px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-act.is-resume {grid-column:1/-1;color:#7ee2a8;border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.1)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-act.is-go {color:#7ee2a8;border-color:rgba(74,222,128,.35)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-act.is-danger {color:#f6a5a5;border-color:rgba(248,113,113,.35)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-act.is-dim {opacity:.4}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-pip .p-toast {margin:2px 11px 10px;padding:8px 10px;border-radius:7px;font-size:11px;line-height:1.45;
  background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);color:#7ee2a8}
/* Work-app hint (Concept 2) — the same light chrome tokens as the real O1
   screen's .tm-work/.tm-appbar/.tm-inv, cropped down to a background hint. */
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-appbar {display:flex;align-items:center;gap:10px;padding:9px 14px;background:#fff;border-bottom:1px solid var(--line)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-appbar .logo {width:18px;height:18px;border-radius:5px;background:#31415e}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-appbar b {font-size:12.5px;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-inv {display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;
  border:1px solid var(--line);border-radius:7px;background:#fff;margin-bottom:6px;font-size:12px;color:var(--text)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-inv .id {font-family:var(--mono);font-size:10.5px;color:var(--faint)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-inv .amt {font-family:var(--mono);font-size:11.5px;color:var(--navy);font-weight:700}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .tm-inv.sel {border-color:#9db8e8;box-shadow:0 0 0 2px rgba(48,121,255,.12)}
/* ===========================================================================
   CONCEPT 1 — light canvas, dark component floats with shadow
   =========================================================================== */
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs1-canvas {padding:22px;border:1px solid var(--line);border-radius:var(--radius-row);
  background:repeating-linear-gradient(135deg,#f4f6f9,#f4f6f9 11px,#eef1f6 11px,#eef1f6 22px)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs1-cell {display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs1-label {align-self:flex-start;font-size:13.5px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs1-cell .tm-pip {position:static;width:100%;max-width:246px;margin:0 auto;
  box-shadow:0 24px 48px rgba(16,23,42,.22),0 4px 10px rgba(16,23,42,.14)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs1-note {align-self:flex-start;font-size:11.5px;color:var(--muted);line-height:1.5;text-align:left}
/* ===========================================================================
   CONCEPT 2 — neutral anchor frame, hints at "floating over your work"
   =========================================================================== */
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs2-canvas {padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs2-cell {display:flex;flex-direction:column;gap:10px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs2-pill {align-self:flex-start;padding:4px 12px;border:1px solid var(--line-strong);border-radius:999px;
  font-size:12px;font-weight:700;color:var(--navy);background:#fff}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs2-hintwrap {position:relative;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;min-height:230px;background:#fff}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs2-hint {filter:grayscale(.55) opacity(.62) blur(.3px);pointer-events:none}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs2-hint .inv-rows {padding:10px 12px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs2-cell .tm-pip {position:absolute;right:10px;bottom:10px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs2-note {font-size:11.5px;color:var(--muted);line-height:1.5}
/* ===========================================================================
   CONCEPT 3 — filmstrip rail, no nested boxes
   Deliberately NOT the same connector language as the screen rail
   (solid numbered .rail-node) — a hollow, unlabeled dot signals "this is a
   state of one component," not "this is the next screen." */
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs3-strip {margin-top:6px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs3-row {position:relative;padding:0 0 28px 28px;border-left:2px solid var(--line-strong)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs3-row:last-child {border-left-color:transparent;padding-bottom:0}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs3-dot {position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;
  border:2px solid var(--brand);box-sizing:border-box}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs3-label {margin:0 0 12px;font-size:13.5px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs3-row .tm-pip {position:static;width:100%;max-width:246px}
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs3-note {margin-top:10px;max-width:440px;font-size:11.5px;color:var(--muted);line-height:1.5}
@media (max-width:820px) {
body.bd-doc-product-features-task-mining-v0-scratch-pad-b2f5656b .cs-grid {grid-template-columns:1fr}
}

/* Transcript review UX spec addendum. Scoped to one document. */
body.bd-doc-transcript-review .screen-frame {
  border: var(--border);
  border-radius: var(--radius-panel);
  background: var(--surface);
  box-shadow: var(--shadow);
  overflow: hidden;
}

body.bd-doc-transcript-review .doc-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
  gap: 10px;
  margin: 16px 0;
}

body.bd-doc-transcript-review .doc-link {
  display: grid;
  gap: 4px;
  border: var(--border);
  border-radius: var(--radius-row);
  padding: 10px 12px;
  background: var(--surface-soft);
  text-decoration: none;
}

body.bd-doc-transcript-review .doc-link strong {
  color: var(--brand-dark);
}

body.bd-doc-transcript-review .doc-link span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

body.bd-doc-transcript-review-proof .doc-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
  gap: 10px;
  margin: 16px 0 0;
}

body.bd-doc-transcript-review-proof .doc-link {
  display: grid;
  gap: 4px;
  border: var(--border);
  border-radius: var(--radius-row);
  padding: 10px 12px;
  background: var(--surface-soft);
  color: inherit;
  text-decoration: none;
}

body.bd-doc-transcript-review-proof .doc-link strong {
  color: var(--brand-dark);
}

body.bd-doc-transcript-review-proof .doc-link span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

body.bd-doc-transcript-review .scorecard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
  gap: 10px;
  margin-top: 12px;
}

body.bd-doc-transcript-review .score {
  border: var(--border);
  border-radius: var(--radius-row);
  padding: 10px 12px;
  background: var(--surface);
}

body.bd-doc-transcript-review .score b,
body.bd-doc-transcript-review .score span {
  display: block;
}

body.bd-doc-transcript-review .score b {
  margin-bottom: 4px;
  color: var(--navy);
  font-size: 12px;
}

body.bd-doc-transcript-review .score span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

body.bd-doc-transcript-review .app-card {
  max-width: 920px;
  margin: 0 auto;
  padding: 28px;
  background: var(--night);
  color: white;
}

body.bd-doc-transcript-review .app-title {
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

body.bd-doc-transcript-review .app-muted {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.68);
}

body.bd-doc-transcript-review .app-tabs {
  display: inline-flex;
  gap: 4px;
  margin-top: 22px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.05);
}

body.bd-doc-transcript-review .app-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 13px;
  font-weight: 700;
}

body.bd-doc-transcript-review .app-tab.active {
  color: white;
  background: rgba(255, 255, 255, 0.1);
}

body.bd-doc-transcript-review .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 19px;
  height: 19px;
  border-radius: 999px;
  padding: 0 6px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 11px;
}

body.bd-doc-transcript-review .transcript-panel {
  margin-top: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.04);
}

body.bd-doc-transcript-review .summary-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

body.bd-doc-transcript-review .summary-pills span {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  padding: 6px 10px;
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.05);
  font-size: 12px;
  font-weight: 700;
}

body.bd-doc-transcript-review .hint {
  margin: 0 0 12px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12.5px;
}

body.bd-doc-transcript-review .turns {
  display: grid;
  gap: 8px;
  max-height: 360px;
  overflow: auto;
}

body.bd-doc-transcript-review .turn {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
}

body.bd-doc-transcript-review .turn.you {
  border-color: color-mix(in srgb, var(--brand) 35%, transparent);
  background: color-mix(in srgb, var(--brand) 12%, transparent);
}

body.bd-doc-transcript-review .avatar {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.08);
  font-weight: 700;
  font-size: 11px;
}

body.bd-doc-transcript-review .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 11.5px;
}

body.bd-doc-transcript-review .meta b {
  color: white;
}

body.bd-doc-transcript-review .turn p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 1.5;
}

body.bd-doc-transcript-review .footer-bar {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  gap: 14px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
}

body.bd-doc-transcript-review .button {
  border-radius: 10px;
  padding: 10px 16px;
  background: var(--brand-dark);
  color: white;
  font-weight: 700;
}

@media (max-width: 560px) {
  body.bd-doc-transcript-review .app-card {
    padding: 18px;
  }

  body.bd-doc-transcript-review .app-tabs {
    display: flex;
  }

  body.bd-doc-transcript-review .app-tab {
    flex: 1;
    justify-content: center;
  }

  body.bd-doc-transcript-review .footer-bar {
    flex-direction: column;
  }

  body.bd-doc-transcript-review .button {
    text-align: center;
  }
}


/* Voice Interviews Live V1 - listening feedback variants */
  body.bd-doc-listening-feedback-variants {
    --call-bg: var(--night);
    --call-panel: color-mix(in srgb, var(--night) 88%, var(--surface) 12%);
    --call-panel-2: color-mix(in srgb, var(--night) 80%, var(--surface) 20%);
    --call-line: color-mix(in srgb, var(--surface) 16%, transparent);
    --call-text: var(--surface);
    --call-muted: color-mix(in srgb, var(--surface) 62%, var(--night) 38%);
    --call-faint: color-mix(in srgb, var(--surface) 40%, var(--night) 60%);
    --call-danger: color-mix(in srgb, var(--risk) 72%, var(--surface) 28%);
  }

body.bd-doc-listening-feedback-variants {


  .doc-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
  }

  .doc-link {
    display: block;
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-row);
    color: inherit;
    background: var(--surface-soft);
    text-decoration: none;
  }

  .doc-link strong {
    display: block;
    color: var(--navy);
  }

  .doc-link span {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
  }

  .scorecard {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
  }

  .score {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-row);
    background: var(--surface);
  }

  .score b,
  .option-card b,
  .rule b {
    display: block;
    color: var(--navy);
  }

  .score span,
  .option-card span,
  .rule span {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
  }

  .decision-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  .option-card {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-row);
    background: var(--surface-soft);
  }

  .option-card.recommended {
    border-color: var(--brand-line);
    background: var(--surface-blue);
  }

  .state-language-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  .state-language-card {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-panel);
    background: var(--surface-soft);
  }

  .state-language-card.recommended {
    border-color: var(--brand-line);
    background: var(--surface-blue);
  }

  .state-language-card h3 {
    margin-top: 0;
  }

  .mini-states {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
  }

  .mini-state {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-row);
    background: var(--surface);
  }

  .mini-state b,
  .mini-state small {
    display: block;
  }

  .mini-state b {
    margin-top: 9px;
    color: var(--navy);
    font-size: 13px;
  }

  .mini-state small {
    margin-top: 2px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.25;
  }

  .state-orb {
    position: relative;
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 999px;
    background:
      radial-gradient(
        circle at 32% 24%,
        color-mix(in srgb, var(--surface) var(--orb-shine, 28%), var(--brand)),
        var(--orb-main, var(--brand)) 58%,
        var(--orb-deep, var(--brand-dark)) 100%
      );
    box-shadow:
      0 0 0 5px var(--orb-ring, color-mix(in srgb, var(--brand-dark) 24%, transparent)),
      0 12px 28px var(--orb-glow, color-mix(in srgb, var(--brand) 22%, transparent));
  }

  .state-orb::before,
  .state-orb::after {
    position: absolute;
    content: "";
    border-radius: 999px;
    pointer-events: none;
  }

  .state-orb::before {
    inset: -8px;
    border: 1px solid var(--orb-line, color-mix(in srgb, var(--brand) 44%, transparent));
  }

  .state-orb::after {
    inset: -15px;
    border: 1px solid transparent;
  }

  .state-orb.speaking {
    --orb-shine: 44%;
    --orb-main: color-mix(in srgb, var(--brand) 70%, var(--surface) 30%);
    --orb-deep: var(--brand);
    --orb-line: color-mix(in srgb, var(--brand) 32%, var(--surface) 20%);
    animation: state-speaking-pulse 2.4s ease-in-out infinite;
  }

  .state-orb.listening {
    --orb-shine: 24%;
    --orb-main: var(--brand);
    --orb-deep: var(--brand-dark);
    --orb-line: color-mix(in srgb, var(--brand) 74%, transparent);
    animation: state-listening-breathe 1.4s ease-in-out infinite;
  }

  .state-orb.thinking {
    --orb-shine: 18%;
    --orb-main: color-mix(in srgb, var(--brand-dark) 72%, var(--brand) 28%);
    --orb-deep: var(--night);
    --orb-line: color-mix(in srgb, var(--slate) 54%, transparent);
  }

  .state-orb.thinking::after {
    border-color: color-mix(in srgb, var(--slate) 52%, transparent);
    border-top-color: var(--brand);
    animation: state-thinking-orbit 3s linear infinite;
  }

  .state-orb.muted {
    --orb-shine: 18%;
    --orb-main: color-mix(in srgb, var(--slate) 68%, var(--surface) 32%);
    --orb-deep: color-mix(in srgb, var(--slate) 82%, var(--night) 18%);
    --orb-ring: color-mix(in srgb, var(--slate) 18%, transparent);
    --orb-glow: transparent;
    --orb-line: color-mix(in srgb, var(--slate) 30%, transparent);
    filter: saturate(.2);
  }

  .semantic-system .state-orb.speaking {
    --orb-line: color-mix(in srgb, var(--brand) 34%, var(--surface) 24%);
  }

  .semantic-system .state-orb.listening {
    --orb-line: color-mix(in srgb, var(--good) 76%, transparent);
    --orb-ring: color-mix(in srgb, var(--good) 28%, transparent);
  }

  .semantic-system .state-orb.thinking {
    --orb-line: color-mix(in srgb, var(--slate) 60%, transparent);
  }

  .semantic-system .state-orb.muted {
    --orb-line: color-mix(in srgb, var(--faint) 46%, transparent);
  }

  .motion-system .state-orb.speaking::after {
    border-color: color-mix(in srgb, var(--brand) 22%, transparent);
    animation: state-speaking-wave 2.2s ease-out infinite;
  }

  .motion-system .state-orb.listening::before {
    animation: state-listening-wobble 1.2s ease-in-out infinite;
  }

  .mini-label {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-bottom: 10px;
    padding: 0 9px;
    border-radius: 999px;
    color: var(--brand-dark);
    background: var(--brand-soft);
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .variant-stack {
    display: grid;
    gap: 18px;
  }

  .variant-card {
    display: grid;
    grid-template-columns: minmax(320px, 1.2fr) minmax(260px, 0.8fr);
    gap: 18px;
    align-items: stretch;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: var(--radius-panel);
    background: var(--surface);
  }

  .variant-card.selected {
    border-color: var(--brand-line);
    background: var(--surface-blue);
  }

  .call-frame {
    min-width: 0;
    padding: 32px;
    border-radius: 18px;
    color: var(--call-text);
    background:
      radial-gradient(circle at 50% 16%, color-mix(in srgb, var(--brand) 18%, transparent), transparent 36%),
      var(--call-bg);
  }

  .call-panel {
    position: relative;
    max-width: 640px;
    min-height: 470px;
    margin: 0 auto;
    padding: 26px;
    border: 1px solid var(--call-line);
    border-radius: 18px;
    background: var(--call-panel);
    box-shadow: 0 24px 80px color-mix(in srgb, var(--night) 60%, transparent);
  }

  .recording-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--call-line);
    border-radius: 999px;
    color: var(--call-text);
    background: color-mix(in srgb, var(--surface) 6%, transparent);
    font-size: 13px;
    font-weight: 700;
  }

  .recording-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--call-danger);
  }

  .recording-pill .time {
    color: var(--call-muted);
    font-family: var(--mono);
  }

  .sphere-zone {
    display: grid;
    place-items: center;
    min-height: 198px;
    margin-top: 18px;
  }

  .orb {
    position: relative;
    width: 118px;
    height: 118px;
  }

  .orb-core {
    position: absolute;
    inset: 14px;
    border-radius: 999px;
    background:
      radial-gradient(circle at 32% 24%, color-mix(in srgb, var(--surface) 30%, var(--brand) 70%), var(--brand) 54%, var(--brand-dark) 100%);
    box-shadow:
      0 0 0 9px color-mix(in srgb, var(--brand-dark) 36%, transparent),
      0 20px 50px color-mix(in srgb, var(--brand) 30%, transparent);
  }

  .orb-halo,
  .orb-halo::before,
  .orb-halo::after {
    position: absolute;
    content: "";
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand) 44%, transparent);
  }

  .orb-halo {
    inset: 0;
    animation: halo-breathe 2.2s ease-in-out infinite;
  }

  .orb-halo::before {
    inset: 9px;
    border-color: color-mix(in srgb, var(--brand) 32%, transparent);
    animation: halo-breathe 1.7s ease-in-out infinite reverse;
  }

  .orb-halo::after {
    inset: 24px;
    border-color: color-mix(in srgb, var(--surface) 24%, transparent);
  }

  .orb.variant-a .orb-core {
    animation: core-pulse 1.8s ease-in-out infinite;
  }

  .orb.variant-a .meter {
    position: absolute;
    inset: -10px;
    border-radius: 999px;
    background:
      conic-gradient(
        from 12deg,
        transparent 0deg,
        var(--brand) 34deg,
        transparent 58deg,
        transparent 116deg,
        color-mix(in srgb, var(--brand) 70%, var(--surface) 30%) 152deg,
        transparent 176deg,
        transparent 242deg,
        var(--brand) 286deg,
        transparent 312deg,
        transparent 360deg
      );
    opacity: 0.56;
    mask: radial-gradient(circle, transparent 62%, var(--surface) 63%);
    animation: meter-turn 5s linear infinite;
  }

  .orb.variant-b {
    width: 132px;
    height: 132px;
  }

  .orb.variant-b .orb-core {
    inset: 18px;
    border-radius: 48% 52% 44% 56% / 58% 45% 55% 42%;
    animation: liquid-shape 4.6s ease-in-out infinite;
  }

  .orb.variant-b .orb-halo {
    inset: -2px;
    border-radius: 46% 54% 58% 42% / 44% 62% 38% 56%;
    animation: liquid-shape 5.4s ease-in-out infinite reverse;
  }

  .orb.variant-b .orb-halo::before {
    border-radius: 58% 42% 46% 54% / 52% 45% 55% 48%;
  }

  .orb.variant-b.semantic-ring .orb-halo,
  .orb.variant-b.semantic-ring .orb-halo::before {
    border-color: color-mix(in srgb, var(--good) 62%, transparent);
  }

  .orb.variant-b.semantic-ring .orb-core {
    box-shadow:
      0 0 0 9px color-mix(in srgb, var(--good) 26%, transparent),
      0 20px 50px color-mix(in srgb, var(--brand) 30%, transparent);
  }

  .orb.variant-c {
    width: 104px;
    height: 104px;
  }

  .orb.variant-c .orb-core {
    inset: 8px;
    box-shadow:
      0 0 0 5px color-mix(in srgb, var(--brand-dark) 34%, transparent),
      0 16px 42px color-mix(in srgb, var(--brand) 26%, transparent);
  }

  .question {
    max-width: 520px;
    margin: 8px auto 0;
    color: var(--call-text);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.22;
    text-align: center;
  }

  .state-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    margin: 6px auto 0;
    padding: 0 12px;
    border: 1px solid var(--call-line);
    border-radius: 999px;
    color: var(--call-text);
    background: color-mix(in srgb, var(--surface) 7%, transparent);
    font-size: 13px;
    font-weight: 700;
  }

  .state-label .small-dot {
    width: 7px;
    height: 7px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--brand);
  }

  .state-label.semantic-listening {
    border-color: color-mix(in srgb, var(--good) 42%, transparent);
  }

  .state-label.semantic-listening .small-dot {
    background: var(--good);
  }

  .controls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 30px;
  }

  .control {
    min-height: 76px;
    border: 1px solid var(--call-line);
    border-radius: 12px;
    color: var(--call-text);
    background: var(--call-panel-2);
    font: inherit;
    font-weight: 700;
  }

  .control .icon {
    display: block;
    margin-bottom: 4px;
    color: var(--call-muted);
    font-size: 18px;
  }

  .control.end {
    color: var(--call-danger);
    border-color: color-mix(in srgb, var(--risk) 44%, transparent);
  }

  .micro-bars {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 4px;
    min-height: 32px;
    margin-top: 8px;
  }

  .micro-bars span {
    display: block;
    width: 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--brand) 80%, var(--surface) 20%);
    animation: bar-rise 1.1s ease-in-out infinite;
  }

  .micro-bars span:nth-child(1) { height: 10px; animation-delay: 0s; }
  .micro-bars span:nth-child(2) { height: 18px; animation-delay: .08s; }
  .micro-bars span:nth-child(3) { height: 25px; animation-delay: .16s; }
  .micro-bars span:nth-child(4) { height: 16px; animation-delay: .24s; }
  .micro-bars span:nth-child(5) { height: 22px; animation-delay: .32s; }

  .state-belt {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-top: 16px;
  }

  .state-chip {
    min-width: 0;
    padding: 8px 6px;
    border: 1px solid var(--call-line);
    border-radius: 9px;
    color: var(--call-muted);
    background: color-mix(in srgb, var(--surface) 5%, transparent);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
  }

  .state-chip.active {
    color: var(--call-text);
    border-color: color-mix(in srgb, var(--brand) 60%, transparent);
    background: color-mix(in srgb, var(--brand) 18%, transparent);
  }

  .variant-notes {
    min-width: 0;
    padding: 4px 2px;
  }

  .variant-notes h3 {
    margin-top: 0;
  }

  .contract {
    display: grid;
    gap: 10px;
    margin-top: 14px;
  }

  .rule {
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-row);
    background: var(--surface-soft);
  }

  .tradeoff th:nth-child(1),
  .tradeoff td:nth-child(1) {
    width: 22%;
  }

  .tradeoff th:nth-child(5),
  .tradeoff td:nth-child(5) {
    width: 20%;
  }

  .recommendation {
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
    gap: 18px;
    align-items: start;
  }

  .rec-card {
    padding: 18px;
    border: 1px solid var(--brand-line);
    border-radius: var(--radius-panel);
    background: var(--surface-blue);
  }

  .rec-card h3 {
    margin-top: 0;
  }

  .rec-card p:last-child {
    margin-bottom: 0;
  }
}

@keyframes halo-breathe {
    0%, 100% { transform: scale(.96); opacity: .42; }
    50% { transform: scale(1.05); opacity: .88; }
  }

  @keyframes state-speaking-pulse {
    0%, 100% { transform: scale(.98); }
    50% { transform: scale(1.03); }
  }

  @keyframes state-speaking-wave {
    0% { transform: scale(.75); opacity: .55; }
    100% { transform: scale(1.22); opacity: 0; }
  }

  @keyframes state-listening-breathe {
    0%, 100% { transform: scale(.96); }
    50% { transform: scale(1.06); }
  }

  @keyframes state-listening-wobble {
    0%, 100% { transform: scale(.96); opacity: .5; }
    50% { transform: scale(1.12); opacity: .95; }
  }

  @keyframes state-thinking-orbit {
    to { transform: rotate(360deg); }
  }

  @keyframes core-pulse {
    0%, 100% { transform: scale(.98); }
    45% { transform: scale(1.04); }
    65% { transform: scale(1.01); }
  }

  @keyframes meter-turn {
    to { transform: rotate(360deg); }
  }

  @keyframes liquid-shape {
    0%, 100% {
      transform: scale(1);
      border-radius: 48% 52% 44% 56% / 58% 45% 55% 42%;
    }
    33% {
      transform: scale(1.05) translateY(-2px);
      border-radius: 59% 41% 54% 46% / 46% 58% 42% 54%;
    }
    66% {
      transform: scale(.98) translateY(2px);
      border-radius: 44% 56% 60% 40% / 52% 40% 60% 48%;
    }
  }

  @keyframes bar-rise {
    0%, 100% { transform: scaleY(.42); opacity: .5; }
    50% { transform: scaleY(1); opacity: 1; }
  }

  @media (prefers-reduced-motion: reduce) {
    body.bd-doc-listening-feedback-variants .orb-core,
    body.bd-doc-listening-feedback-variants .orb-halo,
    body.bd-doc-listening-feedback-variants .orb-halo::before,
    body.bd-doc-listening-feedback-variants .meter,
    body.bd-doc-listening-feedback-variants .micro-bars span,
    body.bd-doc-listening-feedback-variants .state-orb,
    body.bd-doc-listening-feedback-variants .state-orb::before,
    body.bd-doc-listening-feedback-variants .state-orb::after {
      animation: none !important;
    }
  }

  @media (max-width: 920px) {
    body.bd-doc-listening-feedback-variants .doc-links,
    body.bd-doc-listening-feedback-variants .scorecard,
    body.bd-doc-listening-feedback-variants .decision-grid,
    body.bd-doc-listening-feedback-variants .state-language-grid,
    body.bd-doc-listening-feedback-variants .recommendation {
      grid-template-columns: 1fr;
    }

    body.bd-doc-listening-feedback-variants .variant-card {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 560px) {
    body.bd-doc-listening-feedback-variants main {
      padding-inline: 12px;
    }

    body.bd-doc-listening-feedback-variants header {
      padding: 22px 18px;
    }

    body.bd-doc-listening-feedback-variants .call-frame {
      padding: 14px;
      border-radius: 14px;
    }

    body.bd-doc-listening-feedback-variants .call-panel {
      min-height: auto;
      padding: 18px;
    }

    body.bd-doc-listening-feedback-variants .question {
      font-size: 20px;
    }

    body.bd-doc-listening-feedback-variants .controls {
      grid-template-columns: 1fr;
    }

    body.bd-doc-listening-feedback-variants .state-belt {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.bd-doc-listening-feedback-variants .mini-states {
      grid-template-columns: 1fr;
    }

    body.bd-doc-listening-feedback-variants table {
      display: block;
      overflow-x: auto;
    }

    body.bd-doc-listening-feedback-variants th,
    body.bd-doc-listening-feedback-variants td {
      min-width: 148px;
      white-space: normal;
    }
  }

/* docs/product/features/task-mining/backlog/guided-task-mining.html
   Doc-specific only: rough idea-stage wireframes (posture duo + toggle-placement
   storyboard). Grayscale chrome; colour reserved for status (observing dot,
   queued question chip). All other styling comes from the Beam document
   design system (beam-doc.css). */
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 20px 0 0;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .story {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 0;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .shot {
  margin: 0;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--surface);
  overflow: hidden;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .shot .cap {
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--navy);
  background: var(--subtle);
  border-bottom: 1px solid var(--line);
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .shot .cap small {
  display: block;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--muted);
  font-size: 11px;
  margin-top: 1px;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mock {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mpill {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 10px;
  background: var(--surface-soft);
  font-size: 11px;
  color: var(--muted);
  white-space: nowrap;
  min-width: 0;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mpill .rec {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--good);
  flex-shrink: 0;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mpill .lbl {
  overflow: hidden;
  text-overflow: ellipsis;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mtog {
  margin-left: auto;
  display: inline-flex;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  overflow: hidden;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mtog span {
  padding: 3px 9px;
  color: var(--faint);
  background: var(--surface);
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mtog span.on {
  background: var(--navy);
  color: #fff;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mstep {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mstep .n {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 1px solid var(--line-strong);
  font-family: var(--mono);
  font-size: 9.5px;
  font-weight: 700;
  line-height: 15px;
  text-align: center;
  color: var(--muted);
  flex-shrink: 0;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mbar {
  height: 8px;
  border-radius: 4px;
  background: var(--line);
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mstep .mbar {
  flex: none;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mbar.w7 { width: 70%; }
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mbar.w5 { width: 50%; }
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mbar.w8 { width: 85%; }
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mbubble {
  border: 1px dashed var(--line-strong);
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  padding: 8px 11px;
  font-size: 12px;
  color: var(--text);
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mbubble .who {
  font-family: var(--mono);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--faint);
  display: block;
  margin-bottom: 2px;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mchip {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--warn-line);
  background: var(--warn-soft);
  color: var(--warn);
  font-size: 11.5px;
  border-radius: 999px;
  padding: 4px 11px;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .msys {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono);
  font-size: 10px;
  color: var(--faint);
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .msys::before,
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .msys::after {
  content: "";
  flex: 1;
  border-top: 1px dashed var(--line-strong);
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mfield {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  padding: 7px 10px;
  font-size: 11.5px;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 8px;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mfield .radio {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid var(--line-strong);
  background: var(--surface);
  flex-shrink: 0;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mfield .radio.on {
  border-color: var(--navy);
  box-shadow: inset 0 0 0 3px var(--surface), inset 0 0 0 8px var(--navy);
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mfield b {
  color: var(--text);
  font-weight: 700;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mnote {
  font-size: 11px;
  color: var(--faint);
  margin: 0;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .mnote.is-question {
  margin-top: 2px;
}
body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .wf-caption {
  text-align: center;
  color: var(--faint);
  font-size: 12.5px;
  margin: 10px 0 0;
}
@media (max-width: 760px) {
  body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .duo,
  body.bd-doc-product-features-task-mining-backlog-guided-task-mining-d7c1ea6f .story {
    grid-template-columns: 1fr;
  }
}


/* ---- docs/sales/potential-customers/ameriprise/index.html ---------------- */
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 section > p,
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 section > ul {
  max-width: 74ch;
  line-height: 1.62;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 section > h3 { margin-top: 30px; }
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .screen img { width: 100%; height: auto; display: block; }
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .part-kicker {
  margin: 0 0 4px;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand-dark);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .reader-tag {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  vertical-align: 2px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .code-block {
  margin: 14px 0 0;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-row);
  background: var(--surface-soft);
  overflow-x: auto;
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.6;
  color: var(--text);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .code-block code { background: none; padding: 0; color: inherit; font-size: 1em; }
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .code-block .k { color: var(--brand-dark); }
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .code-block .s { color: var(--good); }
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .code-block .n { color: var(--violet); }
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .code-block .cm { color: var(--faint); }
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-list {
  margin-top: 8px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  padding: 18px 4px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-row + .benefit-row {
  border-top: 1px solid var(--line);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-icon-num {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-num {
  color: var(--brand-dark);
  font-family: var(--mono);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-row strong {
  display: block;
  margin-bottom: 4px;
  color: var(--navy);
  font-size: 15px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-row p {
  margin: 0;
  max-width: 66ch;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.55;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-chip {
  align-self: center;
  white-space: nowrap;
  padding: 5px 12px;
  border: 1px solid var(--brand-line);
  border-radius: 8px;
  background: var(--surface-blue);
  color: var(--brand-dark);
  font-family: var(--mono);
  font-size: 12px;
}
@media (max-width: 720px) {
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-row {
    grid-template-columns: 32px minmax(0, 1fr);
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-chip {
    grid-column: 2;
    justify-self: start;
    margin-top: 2px;
  }
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .flow-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 18px 0 8px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .flow-step {
  position: relative;
  border: 1px solid var(--line);
  border-radius: var(--radius-panel);
  padding: 15px 16px;
  background: var(--surface-soft);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .flow-step:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
  color: var(--faint);
  font-size: 15px;
  font-weight: 700;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .flow-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
  border-radius: 9px;
  background: var(--brand-soft);
  color: var(--brand-dark);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .flow-icon svg {
  width: 18px;
  height: 18px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .flow-step strong {
  display: block;
  margin-bottom: 3px;
  color: var(--navy);
  font-size: 13.5px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .flow-step p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .roi-eq {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
  margin: 18px 0 10px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .roi-tile {
  flex: 1 1 190px;
  border: 1px solid var(--line);
  border-radius: var(--radius-panel);
  padding: 14px 18px;
  background: var(--surface-soft);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .roi-tile b {
  display: block;
  color: var(--navy);
  font-family: var(--mono);
  font-size: 21px;
  font-variant-numeric: tabular-nums;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .roi-tile span {
  color: var(--muted);
  font-size: 12px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .roi-tile.is-result {
  border-color: var(--good-line);
  background: var(--good-soft);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .roi-tile.is-result b {
  color: var(--good);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .roi-op {
  align-self: center;
  color: var(--faint);
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 720px) {
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .flow-strip {
    grid-template-columns: 1fr;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .flow-step:not(:last-child)::after {
    content: "↓";
    top: auto;
    right: auto;
    bottom: -15px;
    left: 24px;
    transform: none;
  }
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lifecycle {
  margin: 18px 0 6px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage {
  position: relative;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  column-gap: 20px;
  padding-bottom: 30px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 19px;
  width: 2px;
  background: var(--line-strong);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage:first-child::before {
  top: 14px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage:last-child {
  padding-bottom: 4px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage:last-child::before {
  height: 14px;
  bottom: auto;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage:not(:last-child)::after {
  content: "▼";
  position: absolute;
  bottom: 4px;
  left: 13.5px;
  color: var(--slate);
  font-size: 11px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-node {
  position: relative;
  align-self: start;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 13px;
  border: 1.5px solid var(--line-strong);
  border-radius: 7px;
  background: var(--surface);
  color: var(--navy);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-node code {
  padding: 0;
  background: none;
  color: var(--brand-dark);
  font-size: 11px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-desc {
  margin: 7px 0 0;
  max-width: 66ch;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-exit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-guard {
  color: var(--slate);
  font-family: var(--mono);
  font-size: 11.5px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-exit i {
  position: relative;
  flex: 1 0 36px;
  min-width: 36px;
  border-top: 1.5px dashed var(--line-strong);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-exit i::after {
  content: "▸";
  position: absolute;
  top: -9px;
  right: -3px;
  color: var(--slate);
  font-size: 12px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-term {
  color: var(--slate);
  font-family: var(--mono);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-legend {
  margin: 14px 0 0;
  color: var(--faint);
  font-family: var(--mono);
  font-size: 11px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 18px 0 6px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius-panel);
  padding: 16px 18px 14px;
  background: var(--surface);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-panel.is-roadmap {
  border-style: dashed;
  background: var(--surface-soft);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-title {
  margin-bottom: 14px;
  color: var(--navy);
  font-family: var(--mono);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-boundary {
  position: relative;
  border: 1.5px dashed var(--slate);
  border-radius: 8px;
  padding: 16px 14px 12px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-boundary-label {
  position: absolute;
  top: -8px;
  left: 12px;
  padding: 0 7px;
  background: var(--surface);
  color: var(--slate);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .is-roadmap .dep-boundary-label {
  background: var(--surface-soft);
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-box {
  display: inline-block;
  padding: 7px 11px;
  border: 1.5px solid var(--line-strong);
  border-radius: 6px;
  background: var(--surface);
  color: var(--navy);
  font-family: var(--mono);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-box span {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-box.wide {
  display: block;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-row .dep-box {
  flex: 1 1 30%;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-arrow {
  margin: 7px 0;
  padding-left: 34px;
  color: var(--slate);
  font-size: 11px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-zone {
  border: 1.5px solid var(--line-strong);
  border-radius: 8px;
  padding: 12px 14px;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-zone-label {
  margin-bottom: 10px;
  color: var(--slate);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-note {
  margin: 12px 0 0;
  color: var(--faint);
  font-family: var(--mono);
  font-size: 11px;
}
@media (max-width: 860px) {
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-grid {
    grid-template-columns: 1fr;
  }
}
@media print {
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 {
    background: #fff;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 main {
    padding: 24px 0 0;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 header,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 section,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .toc {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 header {
    padding-top: 0;
    padding-bottom: 10px;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .summary {
    margin-top: 30px;
    box-shadow: none;
    break-inside: avoid;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .toc {
    margin-top: 34px;
    padding-top: 6px;
    padding-bottom: 0;
    break-after: page;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .toc-title {
    display: block;
    margin-bottom: 14px;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .toc-title strong {
    color: var(--navy);
    font-size: 19px;
    font-weight: 700;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .toc-title span {
    display: none;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .toc a {
    display: block;
    padding: 3px 0;
    border-bottom: none;
    color: var(--text);
    text-decoration: none;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 section {
    margin-top: 0;
    padding-top: 26px;
    padding-bottom: 2px;
    border-top: 1px solid var(--line);
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 p {
    orphans: 3;
    widows: 3;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 h2,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 h3 {
    break-after: avoid;
    break-inside: avoid;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .part-kicker {
    break-after: avoid;
    break-inside: avoid;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 li,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 tr {
    break-inside: avoid;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 figure.screen,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .benefit-row,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .flow-strip,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .roi-eq,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .dep-panel,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .callout,
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .artifact-card {
    break-inside: avoid;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 figure.screen {
    box-shadow: none;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .screen img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 920px;
    margin: 0 auto;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .code-block {
    font-size: 11px;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 a {
    color: inherit;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .web-only {
    display: none;
  }
}
@media (max-width: 720px) {
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 6px;
    padding-left: 34px;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage::before {
    left: 8px;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage:not(:last-child)::after {
    left: 2.5px;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage:first-child::before {
    top: 10px;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-stage:last-child::before {
    height: 10px;
  }
  body.bd-doc-sales-potential-customers-ameriprise-index-4d8770c9 .lc-term {
    white-space: normal;
  }
}
/* docs/product/features/opportunities/v2-trustworthy-prioritization/ux-spec.html */
/* ===========================================================================
   UX SPEC DEVICE KIT — inlined per beam:ux-spec convention (not yet migrated
   into the shared assets/beam/beam-doc.css; see html-document skill notes).
   =========================================================================== */
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .legend {display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--radius-row);background:var(--surface-soft)}
/* .verbox had no rule scoped to this doc at all (only the sibling PRD doc
   had one) — every revision-note callout in this file, going back to the
   very first one at the top of the doc, has been rendering as unstyled
   plain text this whole time, not a bordered box. Matches the PRD's .verbox
   treatment so both docs read the same way. */
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .verbox {margin:14px 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);font-size:13.5px;color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .verbox strong {color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .verbox code {color:var(--brand-dark)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .legend .li {display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mp {display:inline-flex;align-items:center;gap:5px;min-height:21px;padding:1px 9px;border-radius:999px;
  font-size:11px;font-weight:700;white-space:nowrap;color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mp::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mp.shipped {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mp.proto {color:var(--brand-dark);background:var(--brand-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mp.mock {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mp.backend {color:var(--violet, #7c6fd6);background:var(--violet-soft, #efeaff)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mp.concept {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mp.proposed {color:var(--orange, #c9772f);background:var(--orange-soft, #fbe9d8)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 h1 {font-size:clamp(28px,3.6vw,40px)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .partdiv {margin:40px 0 16px;padding:12px 0 10px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);
  display:flex;align-items:baseline;gap:12px;font-family:var(--sans);font-size:18px;font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .partdiv .pt-n {font-family:var(--mono);font-weight:700;font-size:30px;line-height:1;color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .partdiv .pt-title {font-size:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .partdiv .pt-sub {align-self:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--faint)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .byline {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;color:var(--faint);font-size:13px;font-weight:500}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .byline .by-author {color:var(--navy);font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .byline .by-sep {color:var(--line-strong)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .related-label {margin:18px 0 8px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .doc-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .doc-card {display:flex;align-items:center;gap:11px;min-height:54px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--navy);text-decoration:none}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .doc-card:hover {border-color:var(--brand-line);background:var(--surface-blue)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .dc-icon {display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:8px;background:var(--brand-soft);color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .dc-body {display:grid;gap:2px;min-width:0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .dc-body b {font-size:13px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .dc-body small {color:var(--muted);font-size:11px;line-height:1.2}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .dc-go {margin-left:auto;color:var(--faint)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .glance {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .glance .g {padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .glance .g small {display:block;margin-bottom:4px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .glance .g b {display:block;color:var(--navy);font-size:13px;line-height:1.3}
@media (max-width:760px) {
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .partdiv {flex-wrap:wrap;align-items:flex-start}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .partdiv .pt-sub {flex-basis:100%}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .doc-cards {grid-template-columns:1fr}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .glance {grid-template-columns:1fr}
}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .jmap-wrap {overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-row)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .jmap {min-width:760px;margin:0;border-radius:0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .jmap th,
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .jmap td {padding:10px 12px;font-size:12.5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .jmap thead th {position:sticky;top:0;background:var(--subtle);color:var(--navy);font-size:12px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .jmap tbody th {position:sticky;left:0;background:var(--subtle);color:var(--navy);font-size:11px;
  text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;z-index:1}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .emo {display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .emo.good {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .emo.warn {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .emo.risk {color:var(--risk);background:var(--risk-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .emo.neutral {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .risknote {display:block;margin-top:5px;color:var(--risk);font-size:11px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .risknote b {color:var(--risk)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .ladder {display:grid;gap:8px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .rung {display:grid;grid-template-columns:30px minmax(150px,1fr) minmax(180px,1.3fr) minmax(170px,1.1fr);gap:12px;
  align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .rung .n {font-family:var(--mono);font-weight:700;color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .rung .belief {font-weight:700;color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .rung .lbl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--faint);margin-bottom:3px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .rung .guard {color:var(--warn)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .obj-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .obj {padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .obj strong {display:block;margin:6px 0 4px;color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .obj .meta {font-family:var(--mono);font-size:11px;color:var(--faint)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .obj .oico {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;
  background:#fff;border:1px solid var(--line);color:var(--brand-dark);margin-bottom:6px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .obj .oico .ic {width:19px;height:19px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .sw {display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin-right:6px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .flowline {font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:0 0 14px;padding:10px 14px;
  border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .flowline b {color:var(--brand-dark)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 td.do {color:var(--good)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 td.dont {color:var(--risk)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .findex {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .findex .fc {padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .findex .fc .top {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .findex .fc .ttl {font-weight:700;color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .findex .scope {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .findex .scope.v1 {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .findex .scope.sup {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .findex .steps {display:flex;flex-wrap:wrap;gap:5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .findex .stp {font-size:11px;padding:2px 7px;border-radius:5px;background:#fff;border:1px solid var(--line);color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .flowblock {margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .kicker {display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--good);background:var(--good-soft);padding:2px 9px;border-radius:999px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .answers {font-style:italic;color:var(--muted);margin:6px 0 12px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .flowmeta {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .flowmeta .m {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .flowmeta .m .lbl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--faint);margin-bottom:5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .flowmeta .m b {color:var(--navy);font-size:13px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 figure.mock {margin:16px 0 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 figure.mock .cap {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 figure.mock .cap .num {font-family:var(--mono);font-size:12px;color:var(--brand);background:var(--brand-soft);
  border-radius:6px;padding:2px 9px;font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 figure.mock .cap .ttl {font-weight:700;color:var(--navy);font-size:15px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 figure.mock .cap .route {font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .stage {padding:18px;border:1px solid var(--line);border-radius:var(--radius-row);
  background:repeating-linear-gradient(135deg,#eef2f7,#eef2f7 11px,#e9eef5 11px,#e9eef5 22px)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell {border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .bar {display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--subtle);border-bottom:1px solid var(--line)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .dots {display:flex;gap:5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .dots i {width:9px;height:9px;border-radius:50%;background:#cfd8e3}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .crumb {font-family:var(--mono);font-size:11px;color:var(--faint)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .body {display:grid;grid-template-columns:150px 1fr;min-height:340px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .body.with-rail {grid-template-columns:150px 1fr 230px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .nav {border-right:1px solid var(--line);background:var(--surface-soft);padding:12px 8px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .nav .ni {display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;font-size:11.5px;color:var(--muted);font-weight:500;white-space:nowrap}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .nav .ni.on {background:var(--brand-soft);color:var(--brand-dark)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .nav .ni .d {width:6px;height:6px;border-radius:2px;background:#c2cdda}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .nav .ni.on .d {background:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .nav .tag-hidden {margin-left:auto;font-size:9px;padding:1px 5px;border-radius:4px;background:var(--warn-soft);color:var(--warn);font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .main {padding:14px 16px;min-width:0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .rail {border-left:1px solid var(--line);background:var(--surface-soft);padding:14px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mhead {display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mhead h4 {margin:0;color:var(--navy);font-size:15px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mhead .sub {font-family:var(--mono);font-size:10.5px;color:var(--faint)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mdesc {font-size:11.5px;color:var(--muted);margin:0 0 12px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .toolbar-row {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .tchip {font-size:11px;padding:5px 10px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .tchip.new {border-color:var(--brand-line);color:var(--brand-dark);background:var(--brand-soft);font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .scatter-ph {position:relative;height:132px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:8px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .scatter-ph .cap {position:absolute;top:6px;left:8px;font-family:var(--mono);font-size:9.5px;color:var(--faint)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .scatter-ph .dot {position:absolute;width:8px;height:8px;border-radius:50%;background:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .scatter-ph .dot.good {background:var(--good)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .split {display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-bottom:12px}
@media (max-width:640px) {
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .split {grid-template-columns:1fr}
}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .queue-head {display:flex;justify-content:space-between;align-items:baseline;margin:10px 0 8px;font-size:11.5px;color:var(--muted);font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .wtable {width:100%;border-collapse:collapse;font-size:11.5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .wtable th {text-align:left;padding:6px 8px;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .wtable td {padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .wtable .grouphead td {background:var(--surface-soft);font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-dark);padding:6px 8px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .wtable .procname {font-weight:600;color:var(--text)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .wtable .procmeta {display:block;font-size:10px;color:var(--faint)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .wtable tr.is-sel {background:var(--brand-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .conf {display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .conf.observed {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .conf.estimated {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .conf.assumed {color:var(--risk);background:var(--risk-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mini-bar {position:relative;width:56px;height:6px;border-radius:4px;background:var(--line);overflow:hidden}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .mini-bar i {position:absolute;left:0;top:0;bottom:0;background:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .cluster-banner {display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--brand-line);
  border-radius:8px;background:var(--surface-blue);margin-bottom:10px;font-size:11.5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .cluster-banner .ico {flex:0 0 auto;width:26px;height:26px;border-radius:7px;background:#fff;border:1px solid var(--brand-line);
  display:flex;align-items:center;justify-content:center;color:var(--brand-dark)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .cluster-banner b {color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .cluster-banner .dismiss {margin-left:auto;font-size:10.5px;color:var(--faint);white-space:nowrap}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .narrative {border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:10px 0;background:#fff}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .narrative .row {display:flex;gap:8px;font-size:11.5px;padding:5px 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .narrative .row + .row {border-top:1px dashed var(--line)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .narrative .lbl {flex:0 0 88px;font-family:var(--mono);font-size:9.5px;font-weight:700;text-transform:uppercase;color:var(--faint);padding-top:1px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .narrative .src {display:block;margin-top:3px;font-family:var(--mono);font-size:9.5px;color:var(--brand-dark)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .year-control {border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:10px 0;background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .year-control .opts {display:flex;gap:6px;margin-top:8px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .year-opt {flex:1;text-align:center;padding:6px 8px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .year-opt.sel {background:var(--brand);color:#fff;border-color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .year-opt.blocked {color:var(--risk);border-color:#f2c4be;background:var(--risk-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .year-block-note {margin-top:8px;font-size:11px;color:var(--risk)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .empty {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  min-height:260px;color:var(--muted);gap:10px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .empty .ico {width:46px;height:46px;border-radius:12px;background:var(--brand-soft);display:flex;align-items:center;
  justify-content:center;font-size:22px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .contract {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:10px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--radius-row);overflow:hidden}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .contract .c {background:var(--surface-soft);padding:10px 11px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .contract .c .k {display:block;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--brand-dark);margin-bottom:5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .contract .c .v {font-size:11.5px;color:var(--text)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .exp {border-left:3px solid var(--brand);background:var(--surface-blue);border-radius:0 var(--radius-row) var(--radius-row) 0;
  padding:11px 14px;margin-top:10px;font-size:13px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .exp b {color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .statestrip {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .ss-cell {padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .ss-n {font-family:var(--mono);font-size:10px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .ss-tok {display:inline-block;margin-top:5px;padding:1px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:10.5px;font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .ss-cell .l {display:block;margin-top:5px;font-size:11.5px;color:var(--text)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .state-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .state {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .state b {display:flex;align-items:center;gap:7px;color:var(--navy);font-size:12.5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .dot {display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--slate)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .dot.good {background:var(--good)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .dot.warn {background:var(--warn)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .dot.risk {background:var(--risk)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .state p {margin:5px 0 0;font-size:11.5px;color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .ic {width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .sec-h {display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .sec-h .hico {display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;
  background:var(--brand-soft);color:var(--brand-dark);flex:0 0 auto}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .sec-h .hico .ic {width:16px;height:16px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .sec-h .num {font-family:var(--mono);font-size:12px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .ni .ic {width:15px;height:15px;color:#94a2b4}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .ni.on .ic {color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell {position:relative}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell.is-dimmed .nav,
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell.is-dimmed .main {opacity:.35}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .sheet-scrim {position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,14,24,.5)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .sheet-card {width:min(340px,88%);max-height:88%;overflow-y:auto;border:1px solid var(--line-strong);border-radius:14px 14px 0 0;background:#fff;box-shadow:0 -14px 34px rgba(0,0,0,.28);padding:14px 16px 16px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .sheet-grip {width:36px;height:4px;margin:0 auto 10px;border-radius:999px;background:var(--faint)}
@media (max-width:820px) {
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .obj-grid,
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .flowmeta {grid-template-columns:1fr}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .contract {grid-template-columns:repeat(2,minmax(0,1fr))}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .rung {grid-template-columns:24px 1fr}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .rung .lbl {margin-top:6px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .body,
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .body.with-rail {grid-template-columns:1fr}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .nav,
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .shell .rail {border:0;border-bottom:1px solid var(--line)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .state-grid,
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .statestrip {grid-template-columns:1fr 1fr}
}
/* ===========================================================================
   STUDIO V2 DARK SKIN + PRODUCT-GROUNDED SCREEN KIT
   Direct feedback: the doc read as a report, not the actual software. Every
   Shipped wireframe (A0/A1/B1/B2/C1/C2) is now a real screenshot of the
   running app (assets/screens/*.png) instead of a hand-illustrated greybox —
   C0 stays illustrative since it depicts the pre-v2 rail, a surface that no
   longer exists to screenshot. The surrounding doc chrome is reskinned to the
   app's actual dark Studio v2 palette so the frame around the screenshots
   doesn't read as a different, lighter product than the one in them. Scoped
   via html:has() rather than a bare :root — a bare :root would apply to every
   document sharing this stylesheet, not just this page.
   =========================================================================== */
html:has(body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8) {
  --page:#070a13; --bg:#070a13;
  --surface:#0e1524; --surface-soft:#0b101d; --surface-blue:#122036; --subtle:#0e1626;
  --navy:#eaf0fb; --night:#f5f8ff; --text:#d7dfee; --muted:#97a3b8; --faint:#6c7a91;
  --line:#1c2740; --line-strong:#2a3852;
  --brand:#3079ff; --brand-dark:#6ea2ff; --brand-soft:#13233f; --brand-line:#294b7d;
  --good:#3ecf8e; --good-soft:#10271d;
  --warn:#e2b33c; --warn-soft:#2a2310;
  --risk:#f0746e; --risk-soft:#2a1413;
  --violet:#b69cf2; --violet-soft:#1d1733;
}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 {background:radial-gradient(52% 340px at 50% 0,rgba(48,121,255,.16),transparent 72%),#070a13}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 th {color:#c2cde0;background:#0e1626}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 code {color:#cdd9ee;background:#13203a}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .badge {background:#13203a}
/* real-shot: a real app screenshot, framed like a floating screen capture —
   replaces the illustrated .stage device for every Shipped wireframe below */
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .real-shot {padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-row);overflow:hidden;background:#05070d;box-shadow:0 24px 60px rgba(0,0,0,.5)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-ux-spec-c31012f8 .real-shot img {display:block;width:100%;height:auto}
/* docs/product/features/opportunities/v2-trustworthy-prioritization/prd.html */
/* PRD-only devices not yet part of the shared global base in beam-doc.css. */
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .byline {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;color:var(--faint);font-size:13px;font-weight:500}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .byline .by-author {color:var(--navy);font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .byline .by-sep {color:var(--line-strong)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .related-label {margin:18px 0 8px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .doc-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .doc-card {display:flex;align-items:center;gap:11px;min-height:54px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--navy);text-decoration:none}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .doc-card:hover {border-color:var(--brand-line);background:var(--surface-blue)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .dc-icon {display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:8px;background:var(--brand-soft);color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .dc-body {display:grid;gap:2px;min-width:0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .dc-body b {font-size:13px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .dc-body small {color:var(--muted);font-size:11px;line-height:1.2}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .dc-go {margin-left:auto;color:var(--faint)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .feature-hero {display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:28px;align-items:center;margin-top:10px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .feature-copy {min-width:0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .feature-icon {width:104px;height:104px;border:1px solid var(--brand-line);border-radius:26px;background:linear-gradient(145deg,var(--surface-blue),var(--surface));display:grid;place-items:center;color:var(--brand-dark);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .feature-icon svg {width:76px;height:76px;display:block}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .feature-icon .accent {color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .executive-summary {margin:18px 0;padding:16px 18px;border:1px solid var(--brand-line);border-left:4px solid var(--brand);border-radius:0 var(--radius-row) var(--radius-row) 0;background:var(--surface-blue)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .summary-kicker {display:block;margin-bottom:6px;color:var(--brand-dark);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .summary-thesis {font-weight:700;color:var(--navy);font-size:15px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .glance {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .glance .g {padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .glance .g small {display:block;margin-bottom:4px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .glance .g b {display:block;color:var(--navy);font-size:13px;line-height:1.3}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .partdiv {margin:40px 0 16px;padding:12px 0 10px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:12px;font-family:var(--sans);font-size:18px;font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .partdiv .pt-n {font-family:var(--mono);font-weight:700;font-size:30px;line-height:1;color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .partdiv .pt-title {font-size:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .partdiv .pt-sub {align-self:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--faint)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .sec-h {display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .sec-h .num {font-family:var(--mono);font-size:12px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .ic,
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .ico {width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .ico-sm {width:13px;height:13px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .verbox {margin:14px 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);font-size:13.5px;color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .note-soft {margin-top:8px;font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .goalbox {border-left:4px solid var(--brand);background:var(--surface-blue);padding:11px 14px;border-radius:var(--radius-row);margin:8px 0 12px;color:var(--navy);font-weight:500}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .boundary-bar {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;padding:11px 14px;border:1px solid var(--brand-line);border-radius:var(--radius-row);background:var(--surface-blue)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .boundary-bar .tag {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--navy);padding:3px 9px;border-radius:999px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .boundary-bar .what {color:var(--navy);font-size:13px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .chip-row {display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .chip {font-size:11.5px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface-soft);color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .matrix table {margin:0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .prio {display:inline-flex;align-items:center;padding:1px 8px;border-radius:6px;font-size:10.5px;font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .prio.p0 {color:var(--risk);background:var(--risk-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .prio.p1 {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .prio.p2 {color:var(--slate,#607086);background:var(--slate-soft,#eef1f5)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .pass {color:var(--good);font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .kill {color:var(--risk);font-weight:700;display:inline-flex;align-items:center;gap:5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .mini-ui {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .mini-ui .pane {border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);padding:0;overflow:hidden}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .mini-ui .bar {padding:8px 12px;background:var(--subtle);border-bottom:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .mini-ui .list-row {display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:12.5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .mini-ui .list-row.active {background:var(--brand-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .mini-ui .list-row .name {font-weight:600;color:var(--text)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .mini-ui .kv {margin:0;padding:8px 12px;font-size:12px;color:var(--text);border-bottom:1px dashed var(--line)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .mini-ui .kv:last-of-type {border-bottom:0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .mini-ui .copilot {padding:8px 12px;font-size:11px;color:var(--brand-dark);background:var(--brand-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .trace {display:grid;gap:8px;margin:10px 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .trace-row {display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .trace-row .n {font-family:var(--mono);font-weight:700;color:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .trace-row .body p {margin:2px 0 0;font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .trace-row .proof-box {font-family:var(--mono);font-size:10px;font-weight:700;color:var(--brand-dark);background:var(--brand-soft);padding:3px 8px;border-radius:6px;white-space:nowrap}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .depth-scale {display:grid;gap:7px;margin:8px 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .depth-row {display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .depth-pill {flex:0 0 auto;min-width:70px;text-align:center;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .depth-pill.strong {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .depth-pill.partial {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .depth-pill.thin {color:var(--risk);background:var(--risk-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .diagram {margin:8px 0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);overflow-x:auto}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .diagram svg {display:block;width:100%;height:auto;min-width:540px;max-width:860px;margin:0 auto}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .j-node {fill:var(--surface-blue);stroke:var(--brand-line);stroke-width:1.5}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .j-label {fill:var(--navy);font:500 13px var(--sans)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .j-edge {stroke:var(--brand);stroke-width:2}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .j-head {fill:var(--brand)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .s-node {stroke-width:1.5}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .s-empty {fill:var(--slate-soft,#eef1f5);stroke:var(--slate,#607086)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .s-ready {fill:var(--good-soft);stroke:var(--good)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .s-stale {fill:var(--warn-soft);stroke:var(--warn)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .s-fail {fill:var(--risk-soft);stroke:var(--risk)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .s-label {fill:var(--navy);font:500 14px var(--sans)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .s-edge {fill:none;stroke:var(--muted);stroke-width:1.6}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .s-elabel {fill:var(--muted);font:500 11px var(--sans)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .s-head {fill:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .dot {display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--slate,#607086)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .dot.good {background:var(--good)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .dot.warn {background:var(--warn)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .dot.risk {background:var(--risk)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .state-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .state {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .state b {display:flex;align-items:center;gap:7px;color:var(--navy);font-size:12.5px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .state p {margin:5px 0 0;font-size:11.5px;color:var(--muted)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .step-list .actor {display:inline-block;min-width:70px;margin-right:8px;padding:2px 8px;border-radius:6px;background:var(--brand-soft);color:var(--brand-dark);font-size:11px;font-weight:700;text-align:center}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .faq {list-style:none;margin:0;padding:0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .faq li {padding:10px 0;border-bottom:1px solid var(--line)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .faq li:last-child {border-bottom:0}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .faq b {display:block;margin-bottom:4px;color:var(--navy)}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .faq p {margin:0;color:var(--muted);font-size:13px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .prd-gap-md {margin-top:14px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .prd-gap-lg {margin-top:20px}
@media (max-width:760px) {
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .feature-hero {grid-template-columns:1fr;gap:16px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .doc-cards {grid-template-columns:1fr}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .glance {grid-template-columns:1fr}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .mini-ui {grid-template-columns:1fr}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .state-grid {grid-template-columns:1fr 1fr}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .partdiv {flex-wrap:wrap}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .partdiv .pt-sub {flex-basis:100%}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b table {display:block;overflow-x:auto;max-width:100%}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b thead,
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b tbody,
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b tr {display:table;width:100%;table-layout:fixed}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .trace-row {grid-template-columns:1fr;gap:6px}
body.bd-doc-product-features-opportunities-v2-trustworthy-prioritization-prd-1d8f979b .trace-row .proof-box {white-space:normal;justify-self:start}
}
/* ==== sessions-feed-v1 / ux-spec.html — scoped device CSS (ux-spec-template kit) ==== */
/* ===========================================================================
   UX SPEC DEVICE KIT
   ---------------------------------------------------------------------------
   Document-specific, Beam-aligned classes layered on top of beam-doc.css.
   Everything here uses --tokens from beam-doc.css (no hardcoded brand hex).
   This block is the candidate `ux-spec.css` — copy it into any new ux-spec.html.
   Each device is demonstrated below with PLACEHOLDER data.
   =========================================================================== */
/* --- Template scaffolding (delete the How-to notes when you fork this) ----- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .howto {position:relative;margin:14px 0;padding:11px 14px 11px 38px;border:1px dashed var(--line-strong);
  border-radius:var(--radius-row);background:repeating-linear-gradient(135deg,#fcfdff,#fcfdff 9px,#f6f9fe 9px,#f6f9fe 18px);
  font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .howto::before {content:"";position:absolute;left:15px;top:16px;width:8px;height:8px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .howto b {color:var(--navy)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .howto .tag {display:inline-block;margin-right:6px;font-family:var(--mono);font-size:10px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .tplbanner {margin-top:14px;padding:16px 18px;border:1px solid var(--brand-line);border-radius:var(--radius-panel);
  background:var(--surface-blue)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .tplbanner h2 {font-size:17px;margin-bottom:8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .tplbanner code {font-size:.85em}
/* --- Maturity status pills + legend (the honesty layer) ------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .legend {display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .legend .li {display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mp {display:inline-flex;align-items:center;gap:5px;min-height:21px;padding:1px 9px;border-radius:999px;
  font-size:11px;font-weight:700;white-space:nowrap;color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mp::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mp.shipped {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mp.proto {color:var(--brand-dark);background:var(--brand-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mp.mock {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mp.backend {color:var(--violet);background:var(--violet-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mp.concept {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mp.proposed {color:var(--orange);background:var(--orange-soft)}
/* --- Part dividers (act structure) --------------------------------------- */
/* Type scale: doc title (h1) > Part (h2.partdiv) > Section / Flow (h3.sec-h) > sub-label (h4.flow-h) > body.
   Weights use only the loaded Satoshi faces: 400 (body) · 500 (medium) · 700 (bold). */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 h1 {font-size:clamp(28px,3.6vw,40px)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .partdiv {margin:40px 0 16px;padding:12px 0 10px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);
  display:flex;align-items:baseline;gap:12px;font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:0;text-transform:none}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .partdiv .pt-n {font-family:var(--mono);font-weight:700;font-size:30px;line-height:1;color:var(--brand)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .partdiv .pt-title {font-size:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .partdiv .pt-sub {align-self:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--faint);letter-spacing:.03em;text-transform:none}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .flow-h {margin:2px 0 4px;font-size:16px;font-weight:700;color:var(--navy)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .byline {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;color:var(--faint);font-size:13px;font-weight:500}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .byline .by-author {color:var(--navy);font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .byline .by-sep {color:var(--line-strong)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .related-label {margin:18px 0 8px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .doc-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .doc-card {display:flex;align-items:center;gap:11px;min-height:54px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--navy);text-decoration:none}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .doc-card:hover {border-color:var(--brand-line);background:var(--surface-blue)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dc-icon {display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:8px;background:var(--brand-soft);color:var(--brand)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dc-body {display:grid;gap:2px;min-width:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dc-body b {font-size:13px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dc-body small {color:var(--muted);font-size:11px;line-height:1.2}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dc-go {margin-left:auto;color:var(--faint)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .glance {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .glance .g {padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .glance .g small {display:block;margin-bottom:4px;color:var(--faint);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .glance .g b {display:block;color:var(--navy);font-size:13px;line-height:1.3}
@media (max-width:760px) {
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .partdiv {flex-wrap:wrap;align-items:flex-start}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .partdiv .pt-sub {flex-basis:100%}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .doc-cards {grid-template-columns:1fr}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .glance {grid-template-columns:1fr}
}
/* --- Experience spine (emotional arc chips) ------------------------------ */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spine {display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 4px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spine .chip {padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;
  background:linear-gradient(90deg,var(--brand-dark),var(--brand))}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spine .chip:nth-child(1) {background:#7d8aa0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spine .chip:nth-child(3) {background:#5f76b8}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spine .chip:nth-child(5) {background:#3f86c9}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spine .chip:nth-child(7) {background:var(--brand)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spine .chip:nth-child(9) {background:var(--good)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spine .arr {color:var(--faint);font-weight:700}
/* --- Journey map grid (emotion emoji + per-cell risk) -------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .jmap-wrap {overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-row)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .jmap {min-width:760px;margin:0;border-radius:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .jmap th,
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .jmap td {padding:10px 12px;font-size:12.5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .jmap thead th {position:sticky;top:0;background:#eef4fb;color:var(--navy);font-size:12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .jmap tbody th {position:sticky;left:0;background:var(--subtle);color:var(--navy);font-size:11px;
  text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;z-index:1}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .emo {display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .emo.good {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .emo.warn {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .emo.risk {color:var(--risk);background:var(--risk-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .emo.neutral {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .risknote {display:block;margin-top:5px;color:var(--risk);font-size:11px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .risknote b {color:var(--risk)}
/* --- Trust ladder (rung → mechanism → guardrail) ------------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ladder {display:grid;gap:8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .rung {display:grid;grid-template-columns:30px minmax(150px,1fr) minmax(180px,1.3fr) minmax(170px,1.1fr);gap:12px;
  align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .rung .n {font-family:var(--mono);font-weight:700;color:var(--brand)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .rung .belief {font-weight:700;color:var(--navy)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .rung .lbl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--faint);margin-bottom:3px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .rung .guard {color:var(--warn)}
/* --- Object cards w/ glyph ------------------------------------------------ */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .obj-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .obj {padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .obj .g {font-size:18px;line-height:1}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .obj strong {display:block;margin:6px 0 4px;color:var(--navy)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .obj .meta {font-family:var(--mono);font-size:11px;color:var(--faint)}
/* --- "One channel per question" encoding table swatch -------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sw {display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin-right:6px}
/* --- Flows-as-a-loop strip ----------------------------------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .loop {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;padding:12px 14px;
  border:1px solid var(--brand-line);border-radius:var(--radius-row);background:var(--surface-blue);
  font-family:var(--mono);font-size:12.5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .loop .st {padding:4px 10px;border-radius:6px;background:#fff;border:1px solid var(--brand-line);color:var(--navy);font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .loop .a {color:var(--brand-dark);font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .loop .re {margin-left:auto;color:var(--good);font-weight:700}
/* --- Flowline (step map) ------------------------------------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .flowline {font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:0 0 14px;padding:10px 14px;
  border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .flowline b {color:var(--brand-dark)}
/* --- Surface do/don't contract table cues -------------------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 td.do {color:var(--good)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 td.dont {color:var(--risk)}
/* --- Visual flow index --------------------------------------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .findex {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .findex .fc {padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .findex .fc .top {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .findex .fc .ttl {font-weight:700;color:var(--navy)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .findex .scope {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .findex .scope.v1 {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .findex .scope.sup {color:var(--slate);background:var(--slate-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .findex .steps {display:flex;flex-wrap:wrap;gap:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .findex .stp {font-size:11px;padding:2px 7px;border-radius:5px;background:#fff;border:1px solid var(--line);color:var(--muted)}
/* --- Flow block ---------------------------------------------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .flowblock {margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .kicker {display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--good);background:var(--good-soft);padding:2px 9px;border-radius:999px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .answers {font-style:italic;color:var(--muted);margin:6px 0 12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .flowmeta {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .flowmeta .m {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .flowmeta .m .lbl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--faint);margin-bottom:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .flowmeta .m b {color:var(--navy);font-size:13px}
/* --- Wireframe triad: figure → contract → experience note ---------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 figure.mock {margin:16px 0 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 figure.mock .cap {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 figure.mock .cap .num {font-family:var(--mono);font-size:12px;color:var(--brand);background:var(--brand-soft);
  border-radius:6px;padding:2px 9px;font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 figure.mock .cap .ttl {font-weight:700;color:var(--navy);font-size:15px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 figure.mock .cap .route {font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .stage {padding:18px;border:1px solid var(--line);border-radius:var(--radius-row);
  background:repeating-linear-gradient(135deg,#eef2f7,#eef2f7 11px,#e9eef5 11px,#e9eef5 22px)}
/* Wireframe shell (light greybox, selective colour for status) */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell {border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .bar {display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--subtle);border-bottom:1px solid var(--line)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .dots {display:flex;gap:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .dots i {width:9px;height:9px;border-radius:50%;background:#cfd8e3}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .crumb {font-family:var(--mono);font-size:11px;color:var(--faint)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .body {display:grid;grid-template-columns:152px 1fr 208px;min-height:300px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .nav {border-right:1px solid var(--line);background:var(--surface-soft);padding:12px 8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .nav .ni {display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;font-size:11.5px;color:var(--muted);font-weight:500;white-space:nowrap}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .nav .ni.on {background:var(--brand-soft);color:var(--brand-dark)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .nav .ni .d {width:6px;height:6px;border-radius:2px;background:#c2cdda}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .nav .ni.on .d {background:var(--brand)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .main {padding:14px 16px;min-width:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .rail {border-left:1px solid var(--line);background:var(--surface-soft);padding:14px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mhead {display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mhead h4 {margin:0;color:var(--navy);font-size:14px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mhead .sub {font-family:var(--mono);font-size:11px;color:var(--faint)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wrow {display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:7px;
  background:#fff;margin-bottom:7px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wrow.sel {border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wrow .ttl {font-weight:500;color:var(--text);font-size:12.5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wrow .src {font-family:var(--mono);font-size:10px;color:var(--faint);margin-left:auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .conf {display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .conf.hi {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .conf.mid {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .conf.gap {color:var(--risk);background:var(--risk-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .rail .rlbl {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--faint);margin:0 0 6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .rail h4 {margin:0 0 8px;font-size:13.5px;color:var(--navy)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wq {border-left:3px solid var(--brand-line);background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand-line);
  border-radius:0 6px 6px 0;padding:8px 10px;font-size:11.5px;color:var(--muted);margin-bottom:7px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wq .who {display:block;font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wbtns {display:flex;gap:6px;margin-top:10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wbtn {flex:1;text-align:center;padding:7px 8px;border-radius:7px;font-size:11.5px;font-weight:700;border:1px solid var(--line)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wbtn.pri {background:var(--brand);color:#fff;border-color:var(--brand)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wbtn.ghost {background:#fff;color:var(--muted)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .empty {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  min-height:260px;color:var(--muted);gap:10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .empty .ico {width:46px;height:46px;border-radius:12px;background:var(--brand-soft);display:flex;align-items:center;
  justify-content:center;font-size:22px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .empty .cta {margin-top:4px;padding:9px 16px;border-radius:8px;background:var(--brand);color:#fff;font-weight:700;font-size:12.5px}
/* Build-contract strip (6 cells) */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .contract {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:10px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--radius-row);overflow:hidden}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .contract .c {background:var(--surface-soft);padding:10px 11px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .contract .c .k {display:block;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--brand-dark);margin-bottom:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .contract .c .v {font-size:11.5px;color:var(--text)}
/* Experience note */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .exp {border-left:3px solid var(--brand);background:var(--surface-blue);border-radius:0 var(--radius-row) var(--radius-row) 0;
  padding:11px 14px;margin-top:10px;font-size:13px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .exp b {color:var(--navy)}
/* --- goal → 3 directions → chosen decision block ------------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .goalbox {border-left:4px solid var(--brand);background:var(--surface-blue);padding:11px 14px;border-radius:var(--radius-row);
  margin:8px 0 12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .goalbox .k {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dark)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dirs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dir {position:relative;padding:13px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dir .pat {font-weight:700;color:var(--navy);font-size:13px;margin-bottom:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dir .but {color:var(--warn);font-size:12px;margin-top:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dir .but b {color:var(--warn)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dir.pick {border-color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dir.pick::after {content:"✓ Chosen";position:absolute;top:-9px;right:10px;font-family:var(--mono);font-size:10px;
  font-weight:700;color:#fff;background:var(--good);padding:2px 8px;border-radius:999px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .pickwhy {font-size:12.5px;color:var(--muted)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .pickwhy b {color:var(--good)}
/* --- Tradeoff matrix scored pills ---------------------------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sc {display:inline-block;min-width:58px;text-align:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sc.strong {color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sc.med {color:var(--warn);background:var(--warn-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sc.weak {color:var(--risk);background:var(--risk-soft)}
/* --- Before/after re-light strip ----------------------------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .beforeafter {display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px;margin:8px 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ba {padding:16px;border:1px solid var(--line);border-radius:var(--radius-row);text-align:center}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ba.before {background:#1b2233}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ba.after {background:#10241d}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ba .node {width:64px;height:64px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;color:#fff}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ba.before .node {background:#39435c;color:#8b96ab;box-shadow:none}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ba.after .node {background:var(--good);box-shadow:0 0 22px 4px rgba(13,143,112,.6)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ba .lab {font-family:var(--mono);font-size:11px;color:#9fb0c7}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ba.after .lab {color:#7fe3c4}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .beforeafter .mid {text-align:center;color:var(--good);font-weight:700;font-size:18px}
/* --- Status / acceptance pills already in beam-doc.css (.status-pill) ----- */
/* --- Auto-numbered ToC (decimal, 2 levels: Part = 1, section = 1.1) ------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .toc[data-toc] .toc-pn {font-family:var(--mono);font-weight:700;color:var(--brand);margin-right:2px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .toc[data-toc] .toc-dn {display:inline-block;min-width:30px;font-family:var(--mono);font-weight:700;color:var(--brand-dark)}
/* --- Sticky scroll-spy breadcrumb ---------------------------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spy {position:fixed;top:0;left:50%;z-index:20;display:flex;align-items:center;gap:8px;width:min(1120px,calc(100% - 32px));
  padding:8px 18px;background:rgba(247,249,252,.9);backdrop-filter:blur(8px);border:1px solid var(--line);
  border-top:0;border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(22,32,56,.06);
  font-family:var(--mono);font-size:11.5px;color:var(--faint);opacity:0;pointer-events:none;
  transform:translate(-50%,-100%);transition:opacity .14s ease,transform .14s ease}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spy.is-visible {opacity:1;pointer-events:auto;transform:translate(-50%,0)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spy .here {color:var(--brand-dark);font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spy .part {color:var(--muted)}
/* --- Inline SVG icons (Lucide-style; one sprite at top, recolour via currentColor) --- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ic {width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sec-h {display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:700;color:var(--navy);letter-spacing:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sec-h .hico {display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;
  background:var(--brand-soft);color:var(--brand-dark);flex:0 0 auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sec-h .hico .ic {width:16px;height:16px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sec-h .num {font-family:var(--mono);font-size:12px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .obj .oico {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;
  background:#fff;border:1px solid var(--line);color:var(--brand-dark);margin-bottom:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .obj .oico .ic {width:19px;height:19px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .ni .ic {width:15px;height:15px;color:#94a2b4}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .ni.on .ic {color:var(--brand)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .wbtn .ic {width:14px;height:14px;vertical-align:-2px;margin-right:4px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .empty .ico .ic {width:24px;height:24px;color:var(--brand-dark)}
/* --- SVG diagram wrapper (object-relationship map, status state machine) --- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .diagram {margin:8px 0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);overflow-x:auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .diagram svg {display:block;width:100%;height:auto;min-width:540px;max-width:860px;margin:0 auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-node {fill:#fff;stroke:var(--line-strong);stroke-width:1.4}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-node.brand {fill:var(--brand-soft);stroke:var(--brand-line)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-node.good {fill:var(--good-soft);stroke:#a9e0d0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-node.warn {fill:var(--warn-soft);stroke:#efd9a4}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-node.risk {fill:var(--risk-soft);stroke:#f2c4be}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-t {fill:var(--navy);font:700 13px var(--sans)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-s {fill:var(--muted);font:500 10.5px var(--mono)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-edge {stroke:#9aa7b8;stroke-width:1.6;fill:none}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-edge.good {stroke:var(--good)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-edge.risk {stroke:var(--risk)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-edge.warn {stroke:var(--warn)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-lbl {fill:var(--brand-dark);font:700 10.5px var(--mono)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-lbl.good {fill:var(--good)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-lbl.risk {fill:var(--risk)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-lbl.warn {fill:var(--warn)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-ico {stroke:var(--brand-dark);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-ico.risk {stroke:var(--risk)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-ico.good {stroke:var(--good)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dg-ico.warn {stroke:var(--warn)}
/* --- Chart kit (donut / funnel / value×effort scatter) — shared with the PRD --- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .charts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .chart {padding:14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .chart .ct {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;text-align:center}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .chart svg {display:block;margin:0 auto;width:100%;height:auto;max-width:188px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .chart .cnote {margin:8px 0 0;font-size:11.5px;color:var(--muted);text-align:center}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .donut-track {fill:none;stroke:var(--line);stroke-width:10}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .donut-val {fill:none;stroke:var(--good);stroke-width:10;stroke-linecap:round}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .donut-c {fill:var(--navy);font:700 16px var(--sans)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .donut-l {fill:var(--faint);font:700 7px var(--mono)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .fn-brand {fill:var(--brand-soft);stroke:var(--brand-line)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .fn-warn {fill:var(--warn-soft);stroke:#efd9a4}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .fn-good {fill:var(--good-soft);stroke:#a9e0d0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .fn-t {fill:var(--navy);font:700 9px var(--sans)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sc-axis {stroke:var(--line-strong);stroke-width:1}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sc-grid {stroke:var(--line);stroke-width:.7;stroke-dasharray:3 3}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sc-q {fill:var(--faint);font:700 6.5px var(--mono)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sc-dot {fill:var(--brand)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sc-dot.win {fill:var(--good)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .sc-axl {fill:var(--muted);font:500 8px var(--sans)}
/* --- Net-new devices distilled from the sibling specs -------------------- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .forces {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .force {padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .force .fl {display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .force.push .fl {color:var(--brand-dark)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .force.pull .fl {color:var(--good)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .force.anx .fl {color:var(--warn)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .force.inertia .fl {color:var(--risk)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .card.not {border-color:#f2c4be}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .card.not strong {color:var(--risk)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .statestrip {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ss-cell {padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ss-n {font-family:var(--mono);font-size:10px;font-weight:700;color:var(--brand)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ss-tok {display:inline-block;margin-top:5px;padding:1px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:10.5px;font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ss-cell .l {display:block;margin-top:5px;font-size:11.5px;color:var(--text)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .reality .real-frame {border:1px solid var(--line-strong);border-radius:9px;min-height:150px;background:linear-gradient(160deg,#1b2233,#27324a);display:flex;align-items:center;justify-content:center;text-align:center;color:#aebacd;padding:18px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .reality .real-frame .ph {font-size:12.5px;max-width:420px;line-height:1.5}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .vgate {border-left:3px solid var(--good);background:var(--good-soft);border-radius:0 var(--radius-row) var(--radius-row) 0;padding:9px 12px;margin-top:8px;font-size:12.5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .vgate b {color:var(--good)}
@media (max-width:760px) {
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .charts,
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .forces,
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .statestrip {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px) {
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .obj-grid,
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .flowmeta,
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dirs {grid-template-columns:1fr}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .contract {grid-template-columns:repeat(2,minmax(0,1fr))}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .rung {grid-template-columns:24px 1fr}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .rung .lbl {margin-top:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .body {grid-template-columns:1fr}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .nav,
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .shell .rail {border:0;border-bottom:1px solid var(--line)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .beforeafter {grid-template-columns:1fr;gap:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .beforeafter .mid {transform:rotate(90deg)}
}
/* beam-doc.css drops main padding to 24px 12px at 720px — match the spy bleed */
@media (max-width:720px) {
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .spy {margin:-24px -12px 0;padding:7px 12px}
}

/* ==== sessions-feed-v1 / ux-spec.html — extra devices ==== */
/* Small additions beyond the ux-spec-template device kit: a compact
   Alternatives-considered record card (Concept B / Concept C prose, per the
   committed-spec pattern — rejected directions get one line each, no
   rendered wireframe) and a definition callout for "Needs review". */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .altcard{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .altcard .alt-name{font-weight:700;color:var(--navy);font-size:13px;margin-bottom:4px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .altcard .alt-why{color:var(--risk);font-size:12.5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .altcard .alt-why b{color:var(--risk)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .defbox{border-left:4px solid var(--brand);background:var(--surface-blue);padding:12px 15px;border-radius:var(--radius-row);margin:10px 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .defbox .k{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dark);display:block;margin-bottom:4px}

/* ==== sessions-feed-v1 / wireframes.html — scoped device CSS ==== */
/* ============================================================================
   sessions-feed-v1 / wireframes.html — scoped device CSS
   Doc chrome adapted from the ux-design wireframing skill's
   resources/html-doc-template.html (decimal numbering, ToC, maturity pills,
   states-block, exp-note). In-frame screens are Rung-2 high fidelity: real
   Beam Discovery dark-theme tokens lifted from src/styles/studioTokens.css
   (.dark block) and src/App.css (.overview-panel, .studio-page-header,
   .trace-row, .person-row, .session-line, .status-chip, .primary-button,
   .secondary-button, .studio-avatar, .sidebar-link, .workspace-dropdown-trigger,
   .breadcrumb, .mining-topbar) — grounded on the two real screenshots cited in
   the doc header, not invented. Frame-sizing + zoom-dialog mechanics ported
   from docs/product/features/task-mining/v0/ux-spec.html (.fr-desk /
   .fr-desk-native / .zoom-dlg), scoped here under .fr-desk only (no .fr-panel
   — every screen in this doc is an owner-shell surface, not the participant
   /i/:token card).
   ============================================================================ */

/* ---- doc chrome tokens (scoped :root-equivalent) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 {
  --wf-ivory:#FAF9F5; --wf-slate:#141413; --wf-clay:#D97757; --wf-oat:#E3DACC;
  --wf-olive:#788C5D; --wf-gray-100:#F0EEE6; --wf-gray-200:#E5E2D8;
  --wf-gray-300:#D1CFC5; --wf-gray-500:#87867F; --wf-gray-700:#3D3D3A;
  --wf-serif:ui-serif,Georgia,serif; --wf-mono:ui-monospace,"SF Mono",Menlo,monospace;
  --csh-bg:#05070d; --csh-panel:#12151d; --csh-panel-border:#242936;
  --csh-topbar-bg:rgba(9,11,16,.94); --csh-topbar-border:#20242f;
  --csh-text:#f5f7fb; --csh-text-hi:#eef2f8; --csh-muted:#8b93a6; --csh-muted2:#858da0;
  --csh-border:#202938; --csh-fg:#f8fafc; --csh-mutedfg:#96a3b8;
  --csh-primary:#0062ff; --csh-primary-10:rgba(0,98,255,.10); --csh-primary-30:rgba(0,98,255,.32);
  --csh-success:#22c55e; --csh-success-10:rgba(34,197,94,.10); --csh-success-30:rgba(34,197,94,.32);
  --csh-warn:#b45309; --csh-warn-10:rgba(180,83,9,.08); --csh-warn-30:rgba(180,83,9,.3);
  --csh-declined-bg:rgba(255,255,255,.04);
  background:var(--wf-ivory); color:var(--wf-slate); font-family:system-ui,-apple-system,"Helvetica Neue",sans-serif;
  font-size:15px; line-height:1.6; padding:56px 24px 160px; -webkit-font-smoothing:antialiased;
}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 *{box-sizing:border-box}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .shell{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:64px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .eyebrow-doc{font-family:var(--wf-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wf-gray-500);position:relative;padding-left:36px;margin-bottom:28px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .eyebrow-doc::before{content:"";position:absolute;left:0;top:50%;width:24px;height:2px;background:var(--wf-clay);transform:translateY(-50%)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h1{font-family:var(--wf-serif);font-weight:500;font-size:clamp(36px,5vw,54px);line-height:1.08;letter-spacing:-.02em;max-width:20ch;margin-bottom:28px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h1 em{color:var(--wf-clay);font-style:italic}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h2.sec{font-family:var(--wf-serif);font-weight:500;font-size:32px;line-height:1.15;letter-spacing:-.014em;margin:0 0 16px;display:flex;align-items:baseline;gap:16px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h3.sec{font-family:var(--wf-serif);font-weight:500;font-size:21px;line-height:1.2;letter-spacing:-.012em;margin:40px 0 6px;display:flex;align-items:baseline;gap:13px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h4.sec{font-family:var(--wf-serif);font-weight:500;font-size:15px;line-height:1.25;margin:22px 0 6px;display:flex;align-items:baseline;gap:11px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h2.sec .num,body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h3.sec .num,body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h4.sec .num{font-family:var(--wf-mono);font-size:13px;color:var(--wf-gray-500);font-weight:400}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h3.sec .num{font-size:12px} body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h4.sec .num{font-size:11px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 main{counter-reset:h2}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h2.sec{counter-increment:h2;counter-reset:h3} body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h3.sec{counter-increment:h3;counter-reset:h4} body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h4.sec{counter-increment:h4}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h2.sec .num::before{content:counter(h2)} body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h3.sec .num::before{content:counter(h2) "." counter(h3)} body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 h4.sec .num::before{content:counter(h2) "." counter(h3) "." counter(h4)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 p{margin-bottom:13px;max-width:72ch}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 section.concept{margin-top:60px;padding-top:40px;border-top:1.5px solid var(--wf-gray-300)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 section.concept:first-of-type{border-top:none;padding-top:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .tldr{border-left:3px solid var(--wf-clay);padding:15px 19px;background:var(--wf-gray-100);border-radius:0 8px 8px 0;margin-bottom:30px;max-width:72ch}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .tldr strong{display:block;font-family:var(--wf-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wf-gray-700);margin-bottom:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contents{display:grid;gap:3px;margin:22px 0 10px;font-family:var(--wf-mono);font-size:13px;max-width:64ch}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contents a{display:flex;gap:12px;padding:3px 0;color:var(--wf-slate);text-decoration:none}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contents a:hover{color:var(--wf-clay)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contents a.sub{padding-left:22px} body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contents a.sub2{padding-left:44px;color:var(--wf-gray-700)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contents a span:first-child{color:var(--wf-gray-500);min-width:30px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .toc{position:sticky;top:24px;align-self:start;font-family:var(--wf-mono);font-size:12px;line-height:1.8;border-left:1.5px solid var(--wf-gray-300);padding-left:16px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .toc-label{color:var(--wf-gray-500);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .toc a{display:block;color:var(--wf-gray-500);text-decoration:none;padding:2px 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .toc a:hover{color:var(--wf-slate)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .toc .sub{padding-left:13px;font-size:11px} body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .toc .sub2{padding-left:26px;font-size:10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .toc a .addr{color:var(--wf-gray-300);margin-right:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .bindsto{font-family:var(--wf-mono);font-size:12px;color:var(--wf-gray-500);margin:12px 0 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .bindsto a{color:var(--wf-clay)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0 0;padding:12px 14px;border:1.5px solid var(--wf-gray-300);border-radius:8px;background:var(--wf-gray-100);font-size:12px;color:var(--wf-gray-700)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .legend .li{display:flex;align-items:center;gap:7px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mp{display:inline-flex;align-items:center;gap:5px;padding:1px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;color:var(--wf-gray-700);background:var(--wf-gray-100);border:1px solid var(--wf-gray-300)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mp::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mp.shipped{color:var(--wf-olive)} body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mp.proto{color:var(--wf-clay)} body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mp.concept,body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mp.proposed{color:var(--wf-gray-500)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .frame-label{margin:16px 0 8px;font-family:var(--wf-mono);font-size:11px;font-weight:700;color:var(--wf-clay)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .frame-label .fl-sub{font-weight:500;color:var(--wf-gray-500)}

/* ---- figure / stage (main-screen wrapper) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 figure.mock{margin:20px 0 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 figure.mock .cap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 figure.mock .cap .num{font-family:var(--wf-mono);font-size:12px;color:var(--wf-clay);background:var(--wf-gray-100);border-radius:6px;padding:2px 9px;font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 figure.mock .cap .ttl{font-weight:700;color:var(--wf-slate);font-size:15px;font-family:var(--wf-serif)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 figure.mock .cap .route{font-family:var(--wf-mono);font-size:11px;color:var(--wf-gray-500);margin-left:auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .stage{padding:16px;border:1.5px solid var(--wf-gray-300);border-radius:10px;background:repeating-linear-gradient(135deg,#f2f0e9,#f2f0e9 10px,#ece8de 10px,#ece8de 20px)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .stage.fr-desk{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;margin:0 auto;cursor:zoom-in}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .fr-desk-native{width:1440px;height:810px;transform-origin:top left;position:absolute;top:0;left:0;box-sizing:border-box;background:var(--csh-bg);color:var(--csh-text);display:flex;font-family:'Satoshi',ui-sans-serif,system-ui,sans-serif}

/* ---- app-shell reconstruction (Studio v2-derived; see App.css .workspace-sidebar,
   .sidebar-link, .workspace-dropdown-trigger, .mining-topbar, .breadcrumb) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-side{width:258px;flex:0 0 auto;background:var(--csh-bg);border-right:1px solid var(--csh-border);padding:16px 12px;display:flex;flex-direction:column;gap:2px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-ws{display:flex;align-items:center;gap:8px;min-height:40px;border-radius:10px;padding:0 10px;color:var(--csh-fg);font-size:14px;font-weight:500;margin-bottom:10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-ws .csh-ws-dot{width:22px;height:22px;border-radius:7px;background:var(--csh-primary);flex:0 0 auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-ws span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-nav{display:grid;gap:2px;padding:0 2px;margin-bottom:10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-nav-item{display:flex;align-items:center;gap:10px;min-height:38px;border-radius:8px;padding:0 10px;color:var(--csh-mutedfg);font-size:14px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-nav-item svg{width:16px;height:16px;flex:0 0 auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-nav-item.is-active{color:var(--csh-fg);background:rgba(255,255,255,.06)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-divider{height:1px;margin:8px 12px;background:var(--csh-border)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-camplabel{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 12px;color:var(--csh-mutedfg);font-size:12.5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-camp{display:flex;align-items:center;gap:9px;min-height:38px;border-radius:8px;padding:0 10px;color:var(--csh-fg);font-size:14px;font-weight:600;background:rgba(255,255,255,.05)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-camp svg{width:15px;height:15px;flex:0 0 auto;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-subnav{display:grid;gap:1px;padding:2px 0 6px 30px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-subnav-item{display:flex;align-items:center;gap:9px;min-height:32px;border-radius:7px;padding:0 8px;color:var(--csh-mutedfg);font-size:13px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-subnav-item svg{width:14px;height:14px;flex:0 0 auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-subnav-item.is-active{color:var(--csh-fg);background:var(--csh-primary-10);box-shadow:inset 0 0 0 1px var(--csh-primary-30)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-camp-other{display:flex;align-items:center;gap:9px;min-height:36px;border-radius:8px;padding:0 10px;color:var(--csh-mutedfg);font-size:13.5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-camp-other svg{width:14px;height:14px;flex:0 0 auto;opacity:.7}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--csh-bg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-topbar{min-height:56px;flex:0 0 auto;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--csh-topbar-border);background:var(--csh-topbar-bg);padding:0 28px;color:var(--csh-muted2);font-size:14px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-topbar strong{color:var(--csh-text-hi);font-weight:400}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-topbar svg{width:15px;height:15px;flex:0 0 auto;opacity:.7}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-topbar .csh-search{margin-left:auto;width:16px;height:16px;opacity:.6}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-content{flex:1;min-height:0;overflow:hidden;padding:26px 28px 0}

/* ---- StudioPageHeader (real: src/App.css .studio-page-header*) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-page-header h1.pg{margin:0;color:var(--csh-text);font-size:23px;font-weight:700;line-height:1.3;font-family:'Satoshi',ui-sans-serif,system-ui,sans-serif}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-page-description{margin:2px 0 0;color:var(--csh-mutedfg);font-size:14.5px;line-height:1.5}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-page-actions{display:flex;flex-wrap:wrap;gap:9px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .primary-button,body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 14px;border:0;border-radius:10px;font-size:13.5px;font-weight:400;font-family:inherit;cursor:default}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .primary-button{color:#fff;background:var(--csh-primary)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .secondary-button{color:var(--csh-fg);background:rgba(255,255,255,.06);border:1px solid var(--csh-border)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .primary-button svg,body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .secondary-button svg{width:15px;height:15px;flex:0 0 auto}

/* ---- overview-panel (real: .overview-panel/.panel-heading/.eyebrow) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .overview-panel{border:1px solid var(--csh-panel-border);border-radius:8px;background:var(--csh-panel);padding:20px 22px;margin-bottom:14px;box-shadow:0 12px 34px rgba(0,0,0,.22)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .panel-heading svg{width:18px;height:18px;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .eyebrow{margin:0 0 3px;color:var(--csh-mutedfg);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .overview-panel h2.pnl{margin:0;color:var(--csh-text);font-size:16px;font-weight:700}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .muted-copy{margin:0;color:var(--csh-muted);font-size:13px;line-height:1.5}

/* ---- feed filter (extends the shipped .trace-tabs pattern, TaskTraces.tsx) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .feed-filter{display:flex;gap:4px;border-bottom:1px solid var(--csh-border);margin:0 0 12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .feed-filter button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--csh-mutedfg);font-size:13px;font-weight:600}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .feed-filter button.is-active{color:var(--csh-fg);border-bottom-color:var(--csh-primary)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .feed-filter .ff-count{font-family:'Satoshi',sans-serif;font-size:10.5px;font-weight:700;color:var(--csh-mutedfg);background:rgba(255,255,255,.06);border-radius:999px;padding:1px 7px;margin-left:2px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .feed-filter button.is-active .ff-count{color:var(--csh-primary);background:var(--csh-primary-10)}

/* ---- session feed rows (extends the shipped .trace-row / .trace-list pattern,
   TaskTraces.tsx — a session row is the same object family, unified by type) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-list{display:grid;margin-top:2px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 10px;border:0;border-bottom:1px solid var(--csh-border);background:transparent;color:inherit;text-align:left;font:inherit}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-row:last-child{border-bottom:none}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-row.is-locked{opacity:.55}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .feed-person{display:flex;align-items:center;gap:9px;min-width:0;flex:0 0 auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-avatar{display:grid;place-items:center;border-radius:999px;background:var(--csh-border);color:var(--csh-fg);width:30px;height:30px;font-size:11px;font-weight:800;flex:0 0 auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .feed-type-ico{width:15px;height:15px;flex:0 0 auto;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-row-main{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1;flex-wrap:wrap}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-row-main b{font-size:13.5px;color:var(--csh-fg);font-weight:600}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-row-sub{font-size:12px;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-task-chip{font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;border:1px solid var(--csh-border);color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .feed-lockrow{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--csh-mutedfg);font-size:11.5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .feed-lockrow svg{width:12px;height:12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .status-chip{display:inline-flex;align-items:center;max-width:100%;min-height:28px;white-space:nowrap;font-size:12px;font-weight:600;border-radius:999px;padding:0 12px;border:1px solid var(--csh-border);color:var(--csh-mutedfg);margin-left:auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .status-chip.is-compact{min-height:24px;font-size:11px;padding:0 10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .status-chip.is-active{color:#6ea2ff;border-color:var(--csh-primary-30);background:var(--csh-primary-10)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .status-chip.is-done{color:var(--csh-success);border-color:var(--csh-success-30);background:var(--csh-success-10)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .status-chip.is-warn-chip{color:#e2a33d;border-color:var(--csh-warn-30);background:var(--csh-warn-10)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .status-chip.is-declined{color:var(--csh-mutedfg);border-color:var(--csh-border);background:var(--csh-declined-bg)}

/* ---- People roster (real: .people-roster/.roster-head/.person-row/*) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .people-roster{margin-top:6px;border:1px solid var(--csh-border);border-radius:12px;overflow:hidden}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .roster-head,body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1.6fr) 120px minmax(200px,auto) 30px;align-items:center;gap:12px;padding:10px 14px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .roster-head{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--csh-mutedfg);font-weight:600;background:rgba(255,255,255,.03);border-bottom:1px solid var(--csh-border)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .roster-head-actions{text-align:right}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-row{border-bottom:1px solid var(--csh-border)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-row:last-child{border-bottom:none}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-identity{display:flex;align-items:center;gap:9px;min-width:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-name-block{display:flex;flex-direction:column;min-width:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-name{font-size:12.5px;font-weight:600;color:var(--csh-fg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-email{font-size:11px;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-knows{min-width:0;font-size:12px;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-actions{display:flex;justify-content:flex-end;gap:7px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-remove{display:flex;justify-content:flex-end;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-remove svg{width:14px;height:14px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .session-line{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--csh-mutedfg);padding:2px 14px 8px 39px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .session-line svg{width:12px;height:12px;flex:0 0 auto;opacity:.7}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .session-line-kind{font-weight:600;color:var(--csh-fg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .session-line-topic{color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .session-line-copy{display:inline-flex;align-items:center;gap:4px;margin-left:2px;padding:2px 8px;min-height:20px;border:1px solid var(--csh-border);border-radius:6px;font-size:10.5px;color:var(--csh-mutedfg)}

/* ---- Trace detail (reused, TaskTraces.tsx entry — S3) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-tabs{display:flex;gap:4px;border-bottom:1px solid var(--csh-border);margin:8px 0 14px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-tabs button{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--csh-mutedfg);font-size:12.5px;font-weight:600}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-tabs button svg{width:13px;height:13px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-tabs button.is-active{color:var(--csh-fg);border-bottom-color:var(--csh-primary)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-step{padding:10px 12px;border:1px solid var(--csh-border);border-radius:9px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-step-head{display:flex;align-items:baseline;gap:8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-step-rank{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);font-size:10px;font-weight:700;color:var(--csh-fg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-step-title{font-size:12.5px;color:var(--csh-fg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-step-word{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-step-at{margin-left:auto;font-size:10.5px;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-step-desc{margin:5px 0 0 27px;font-size:11.5px;color:var(--csh-mutedfg);line-height:1.5}

/* ---- Discovery detail (NET NEW, S4 — owner read-only, modeled on
   TaskTraces.tsx's TraceDetail shell + tabs, and ReviewScreen.tsx's insight
   card / transcript turn markup, restyled to the dark owner-shell palette) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-insights{display:grid;gap:9px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-insight{padding:11px 13px;border:1px solid var(--csh-border);border-radius:10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-insight-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-insight-head b{font-size:12.5px;color:var(--csh-fg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-insight-kind{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--csh-mutedfg);background:rgba(255,255,255,.05);border-radius:999px;padding:1px 8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-insight p{margin:0 0 6px;font-size:12px;color:var(--csh-mutedfg);line-height:1.5}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-insight blockquote{margin:0;padding:8px 10px;border-left:2px solid var(--csh-border);font-size:11.5px;color:var(--csh-mutedfg);font-style:italic}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-transcript{display:grid;gap:2px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-turn{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid var(--csh-border)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-turn:last-child{border-bottom:none}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-turn-ico{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-turn-ico svg{width:13px;height:13px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-turn.is-participant .trace-turn-ico{background:var(--csh-primary-10);color:#6ea2ff}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-turn-body{min-width:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-turn-meta{display:flex;gap:8px;align-items:baseline;margin-bottom:2px;font-size:10.5px;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-turn-meta b{color:var(--csh-fg);font-size:11.5px;font-weight:600}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .trace-turn p{margin:0;font-size:12.5px;color:var(--csh-fg);line-height:1.5}

/* ---- before/after (People tab, S5 — light .state-canvas / dark self-contained
   .ba-cell, ported pattern from task-mining v0 ux-spec) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .state-canvas{background:var(--wf-gray-100);border:1.5px solid var(--wf-gray-300);border-radius:12px;padding:18px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-col-label{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-family:var(--wf-mono);font-size:11px;font-weight:700;color:var(--wf-gray-700)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-cell{width:100%;border:1px solid var(--csh-panel-border);border-radius:12px;background:var(--csh-bg);color:var(--csh-text);padding:14px;box-shadow:0 10px 26px rgba(2,8,23,.28)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-diffmark{box-shadow:inset 3px 0 0 var(--wf-clay);padding-left:9px!important;border-radius:2px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-note{margin-top:10px;font-size:12.5px;color:var(--wf-gray-700)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-note b{color:var(--wf-slate)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-empty{display:flex;align-items:center;justify-content:center;min-height:64px;border:1px dashed var(--csh-border);border-radius:9px;color:var(--csh-mutedfg);font-size:12px;text-align:center;padding:14px}
@media (max-width:820px){ body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-grid{grid-template-columns:1fr} }

/* ---- states-block / exp-note (from html-doc-template.html, verbatim shape) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .states-block{margin:22px 0 4px;padding-top:16px;border-top:1px dashed var(--wf-gray-300)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .states-lead{font-size:13px;color:var(--wf-gray-700);margin:0 0 13px;max-width:74ch}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .states-lead b{color:var(--wf-slate);font-weight:600}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .states-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .state-card{display:flex;flex-direction:column;gap:8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .state-card .mini{background:var(--csh-bg);border:1.5px solid var(--csh-panel-border);border-radius:8px;padding:11px;min-height:64px;font-size:11px;color:var(--csh-fg);display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 16px rgba(2,8,23,.22)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .state-card .mini.resting{border-style:dashed}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .state-card .cap{font-size:12px;color:var(--wf-gray-700);line-height:1.45}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .state-card .cap b{color:var(--wf-slate)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .state-card .cap .n{font-family:var(--wf-mono);color:var(--wf-clay);font-weight:700;margin-right:6px}
@media (max-width:760px){ body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .states-row{grid-template-columns:1fr} }
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .exp-note{margin:16px 0 4px;padding:13px 15px;background:var(--wf-gray-100);border-left:3px solid var(--wf-clay);border-radius:0 8px 8px 0;font-size:13.5px;max-width:80ch;line-height:1.6}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .exp-note b.lbl{font-family:var(--wf-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--wf-gray-700);display:block;margin-bottom:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .exp-note .pr{color:var(--wf-clay);font-weight:600}

/* ---- build contract (6-cell strip) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contract{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:10px;background:var(--wf-gray-300);border:1px solid var(--wf-gray-300);border-radius:8px;overflow:hidden}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contract .c{background:var(--wf-ivory);padding:10px 12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contract .c .k{display:block;font-family:var(--wf-mono);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--wf-clay);margin-bottom:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contract .c .v{font-size:11.5px;color:var(--wf-slate)}
@media (max-width:820px){ body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contract{grid-template-columns:1fr 1fr} }

/* ---- open decisions / roadmap tables ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .decisions{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .decisions th,body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .decisions td{text-align:left;padding:9px 13px;border-bottom:1px solid var(--wf-gray-300);vertical-align:top}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .decisions th{font-family:var(--wf-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wf-gray-700);background:var(--wf-gray-100)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .decisions .status{font-family:var(--wf-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;display:inline-block}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .decisions .status.locked{background:var(--wf-olive);color:#fff}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .decisions .status.deferred{background:var(--wf-gray-300);color:var(--wf-gray-700)}

body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 footer{margin-top:80px;padding-top:22px;border-top:1.5px solid var(--wf-gray-300);font-family:var(--wf-mono);font-size:11px;color:var(--wf-gray-500)}

@media (max-width:1100px){ body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .shell{grid-template-columns:1fr} body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .toc{display:none} }
/* Below 760px the frame stays the same 16:9 native-scale device (JS keeps
   computing transform:scale(clientWidth/1440) on resize) rather than
   switching to an unscaled full-width layout — this is a desktop-only owner
   surface (ux-spec.html §4.1 Q2), so "mobile" here means "the same screen,
   small," not a re-authored mobile layout. Keeps the doc from overflowing
   horizontally at narrow widths. */

/* ---- zoom dialog (ported verbatim from task-mining v0 ux-spec) ---- */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 dialog.zoom-dlg{width:min(96vw,1600px);max-height:94vh;border:0;border-radius:12px;padding:0;box-shadow:0 24px 80px rgba(2,8,23,.5)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 dialog.zoom-dlg::backdrop{background:rgba(9,12,20,.72)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .zoom-dlg .zd-bar{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--wf-gray-300);background:var(--wf-gray-100)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .zoom-dlg .zd-title{font-size:13px;font-weight:700;color:var(--wf-slate);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--wf-serif)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .zoom-dlg .zd-hint{font-size:11px;color:var(--wf-gray-500);font-weight:500;flex:0 0 auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .zoom-dlg .zd-close{margin-left:auto;flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--wf-gray-300);border-radius:7px;background:#fff;color:var(--wf-slate);font-size:13px;font-weight:700;cursor:pointer}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .zoom-dlg .zd-body{padding:14px;overflow:auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .zoom-dlg .zd-body .stage{cursor:default}

/* ==== sessions-feed-v1 — utility classes (replace inline style="" per docs lint) ==== */
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .ic-sprite-abs{position:absolute}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mt-6{margin-top:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mt-8{margin-top:8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mt-12{margin-top:12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .mt-18{margin-top:18px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .dc-1col{grid-template-columns:1fr}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .and-good{color:var(--good)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-ux-spec-b0762d96 .defbox-list{margin:8px 0 0 18px}

body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ic-sprite-abs{position:absolute}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-chev{width:14px;height:14px;margin-left:auto;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ic-14{width:14px;height:14px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ic-13{width:13px;height:13px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ic-11{width:11px;height:11px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .empty-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 22px;text-align:center}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ic-30-muted{width:30px;height:30px;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mw-420{max-width:420px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .flow-answers-note{font-family:var(--wf-mono);font-size:12px;color:var(--wf-gray-500);margin:-4px 0 10px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mini-dark{background:var(--csh-bg);color:var(--csh-fg);border-color:var(--csh-panel-border)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .fg{color:var(--csh-fg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mini-row-frame{border:1px solid var(--csh-panel-border);border-radius:8px;padding:8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .avatar-22{width:22px;height:22px;font-size:9px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .fs-11{font-size:11px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .tabs-flat{margin:0;border:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .tab-active-mini{border-bottom-color:var(--csh-primary);color:var(--csh-fg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .turn-flat{border:0;padding:4px 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .fs-105-muted{font-size:10.5px;color:var(--csh-mutedfg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .fs-105-fg{font-size:10.5px;color:var(--csh-fg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .m0{margin:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .fs-105-muted-mt6{font-size:10.5px;color:var(--csh-mutedfg);margin:6px 0 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .panel-flat{padding:0;overflow:hidden}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .roster-flat{border:0;border-radius:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .locked-kicker{font-family:var(--wf-mono);font-size:11px;color:var(--wf-olive);letter-spacing:.1em;text-transform:uppercase}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .csh-mutedfg-text{color:var(--csh-mutedfg)}

/* ==== sessions-feed-v1 wireframes — New-session entry point + sort-only feed (added mid-review) ==== */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .and-olive{color:var(--wf-olive)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .align-start{align-self:flex-start}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .p-6{padding:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ml-auto{margin-left:auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .va-n1{vertical-align:-1px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mh0-p14{min-height:0;padding:14px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .mw-220-center{max-width:220px;text-align:center}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-modal-head-mini{display:flex;align-items:center;margin-bottom:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .field-mini{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--csh-mutedfg);margin-bottom:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .person-picker{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--csh-primary-30);border-radius:7px;background:var(--csh-primary-10);font-size:10.5px;color:var(--csh-fg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .session-type-opts-mini{display:flex;gap:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .session-type-opt-mini{flex:1;padding:5px 6px;border:1px solid var(--csh-panel-border);border-radius:6px;font-size:9.5px;color:var(--csh-mutedfg);text-align:center}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .session-type-opt-mini.is-selected{border-color:var(--csh-primary);color:var(--csh-fg);background:var(--csh-primary-10)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:flex-start;padding:24px;background:rgba(15,18,24,.55)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-modal{width:min(420px,100%);background:var(--csh-panel);color:var(--csh-fg);border:1px solid var(--csh-panel-border);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.4);overflow:hidden}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--csh-panel-border)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-modal-head h2{margin:0;font-size:14px;font-weight:600;color:var(--csh-fg)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-modal-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .studio-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--csh-panel-border)}

/* ==== sessions-feed-v1 wireframes — decision block (goal->3 directions->chosen), ported from the ux-spec-template device kit (added mid-review: S0's sort-vs-filter fork) ==== */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .goalbox{border-left:4px solid var(--brand);background:var(--surface-blue);padding:11px 14px;border-radius:var(--radius-row);margin:16px 0 12px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .goalbox .k{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dark)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .dirs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .dir{position:relative;padding:13px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--surface-soft);font-size:13px;color:var(--text)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .dir .pat{font-weight:700;color:var(--navy);font-size:13px;margin-bottom:5px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .dir .but{color:var(--warn);font-size:12px;margin-top:6px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .dir .but b{color:var(--warn)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .dir.pick{border-color:var(--good);background:var(--good-soft)}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .dir.pick::after{content:"✓ Chosen";position:absolute;top:-9px;right:10px;font-family:var(--mono);font-size:10px;font-weight:700;color:#fff;background:var(--good);padding:2px 8px;border-radius:999px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .pickwhy{font-size:12.5px;color:var(--muted);margin-top:8px}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .pickwhy b{color:var(--good)}
@media (max-width:820px){
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .dirs{grid-template-columns:1fr}
}

/* ==== sessions-feed-v1 wireframes — long unbroken tokens (file paths, code
   spans with no spaces) were forcing main's min-content width past 390px,
   overflowing the page at phone width even though .shell correctly collapses
   to grid-template-columns:1fr there. Let any long token break. ==== */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 main{min-width:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 code,
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 footer,
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .decisions td,
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .contract .v{overflow-wrap:anywhere}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .shell{min-width:0}

/* ==== sessions-feed-v1 wireframes — the before/after .ba-cell's .session-line
   row (icon+kind+topic+chip+button, all inline) doesn't wrap; let the CELL
   scroll horizontally in its own contained strip at narrow widths rather than
   pushing the whole page wide (fidelity-ladder.md "frames never shrink to fit
   a row"). ==== */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-cell{overflow-x:auto}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-cell .session-line{white-space:nowrap}

/* ==== sessions-feed-v1 wireframes — overflow-x:auto only creates a real
   scroll container once the ancestor chain can actually shrink below its
   content's intrinsic width; grid items default to min-width:auto, which
   defeats it silently. ==== */
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-grid > div{min-width:0}
body.bd-doc-product-features-campaigns-sessions-feed-v1-wireframes-8768a288 .ba-cell{min-width:0}

/* ==== mic-check-intuitiveness-fix proof-of-work — the BEFORE/AFTER pair
   crops a small Slack screenshot (452x474) and a matched-scale app capture
   (500x485); figure.screen img's default width:100% stretches both to the
   ~1020px article column and blurs them. Cap this pair to native scale. ==== */
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work figure.screen.is-compact{max-width:500px;margin-left:auto;margin-right:auto}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work figure.screen.is-compact img{width:100%;height:auto}

/* ==== mic-check-intuitiveness-fix proof-of-work — the header `.props`
   metadata block ships in the shared proof-of-work template, but this generic
   layer has no rule for `.props/.prop/.pk/.pv`, so Status/Source/Harness/
   Artifacts collapse into run-together inline text ("StatusComplete"). Give it
   a clean label/value grid, scoped to this doc so no other doc is affected. ==== */
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .props{display:grid;gap:0;margin:22px 0 0;padding:6px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .prop{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:baseline;padding:12px 0;font-size:14px;line-height:1.5}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .prop + .prop{border-top:1px solid var(--line)}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .pk{color:var(--brand-dark);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding-top:2px}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .pv{color:var(--text)}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .pv a{color:var(--brand-dark);font-weight:600}
@media (max-width:560px){body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .prop{grid-template-columns:1fr;gap:3px}}

/* ==== "What changed at a glance" delta strip in the Visual Review Board —
   each concrete edit rendered as a before -> after badge so the reader sees
   the exact delta without diffing the two screenshots by eye. ==== */
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .change-badges{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .change-badge{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:13px;line-height:1.45}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .cb-label{flex:none;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dark);background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:999px;padding:3px 10px;min-width:72px;text-align:center}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .cb-from{color:var(--risk);background:var(--risk-soft);border:1px solid var(--risk-line);border-radius:7px;padding:2px 8px}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .cb-to{color:var(--good);background:var(--good-soft);border:1px solid var(--good-line);border-radius:7px;padding:2px 8px;font-weight:600}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .cb-arrow{color:var(--muted);font-weight:700}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .change-badge.is-added .cb-label{color:var(--good);background:var(--good-soft);border-color:var(--good-line)}
body.bd-doc-product-features-voice-interviews-live-v1-mic-check-intuitiveness-fix-proof-of-work .change-badge.is-removed .cb-label{color:var(--risk);background:var(--risk-soft);border-color:var(--risk-line)}