/* AIBL live-build surfaces. The artifact workbench and team map are the
   signature elements: lesson, example, team, then reusable skill. */
:root {
  --lb-max: 1180px;
  --lb-paper: #f3f0e8;
  --lb-sheet: #fffdf8;
  --lb-ink: #15171c;
  --lb-muted: #5d626b;
  --lb-line: #c9c5bb;
  --lb-blue: #3157e3;
  --lb-blue-pale: #e9edff;
  --lb-coral: #ef684d;
  --lb-coral-pale: #fff0eb;
  --lb-orange: #f28b2c;
  --lb-mint: #a7e7cb;
  --lb-signal: #d7f14a;
  --lb-navy: #111a35;
  --lb-radius: 5px;
  --lb-shadow: 8px 8px 0 #15171c;
}

html[data-design="terminal"] .lb-proof-page {
  --lb-paper: #0b1526;
  --lb-sheet: #111d31;
  --lb-ink: #f6f4ec;
  --lb-muted: #b6bbc4;
  --lb-line: #465064;
  --lb-blue-pale: #182b54;
  --lb-coral-pale: #3b2628;
  --lb-shadow: 8px 8px 0 #d7f14a;
}

body.lb-page { min-height: 100vh; }
.lb-shell { position: relative; z-index: 1; overflow: hidden; }
.lb-wrap { width: min(var(--lb-max), calc(100% - 64px)); margin: 0 auto; }
.lb-eyebrow,.lb-kicker,.lb-panel-label,.lb-mini-label,.lb-panel-fact {
  font: 700 11px/1.35 'JetBrains Mono',ui-monospace,monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.lb-eyebrow { display: flex; align-items: center; gap: 12px; max-width: 660px; }
.lb-eyebrow::before { content: ''; flex: 0 0 40px; width: 40px; height: 3px; background: var(--lb-signal); border: 1px solid currentColor; }
.lb-kicker { color: var(--lb-blue); margin-bottom: 14px; }
.lb-lede,.lb-section-intro { color: var(--lb-muted); font-size: 19px; line-height: 1.55; }
.lb-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.lb-secondary-link { color: var(--lb-ink); font-weight: 800; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.lb-proof-page .btn { border-radius: var(--lb-radius); }
.lb-proof-page .btn-neon { background: var(--lb-signal); color: #15171c; border-color: #15171c; }
.lb-proof-page a:focus-visible,.lb-proof-page button:focus-visible,.lb-proof-page [tabindex="0"]:focus-visible,.lb-proof-page summary:focus-visible { outline: 4px solid var(--lb-coral); outline-offset: 4px; }
.lb-skip-link { position: fixed; top: 12px; left: 12px; z-index: 999; transform: translateY(-180%); padding: 12px 16px; color: #15171c; background: var(--lb-signal); border: 2px solid #15171c; font-weight: 800; }
.lb-skip-link:focus { transform: translateY(0); }

/* Replay-led thesis */
.lb-proof-hero { padding: 118px 0 78px; color: var(--lb-ink); background: var(--lb-paper); border-bottom: 2px solid var(--lb-ink); }
.lb-proof-hero-grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(480px,1.08fr); gap: 68px; align-items: center; }
.lb-proof-copy h1 { max-width: 690px; margin: 22px 0 26px; color: var(--lb-ink); font: 700 clamp(44px,4.2vw,60px)/1.02 'Space Grotesk',sans-serif; letter-spacing: -.064em; }
.lb-proof-copy h1 span { display: inline; background: linear-gradient(transparent 68%,var(--lb-signal) 68%); }
.lb-proof-copy .lb-lede { max-width: 630px; margin: 0 0 30px; }
.lb-replay-embed { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #080f1e; border: 2px solid #15171c; box-shadow: var(--lb-shadow); }
.lb-replay-embed iframe { display: block; width: 100%; height: 100%; border: 0; }

/* Native, single-DOM workspace */
.lb-workspace-section { padding: 88px 0 105px; color: var(--lb-ink); background: #e5e9f2; }
html[data-design="terminal"] .lb-workspace-section { background: #080f1e; }
.lb-workspace-heading { margin-bottom: 32px; }
.lb-workspace-heading h2,.lb-skill-section h2,.lb-final-section h2 { margin: 0 0 13px; color: var(--lb-ink); font: 700 clamp(40px,5vw,65px)/.98 'Space Grotesk',sans-serif; letter-spacing: -.05em; }
.lb-workspace-heading p { max-width: 780px; margin: 0; color: var(--lb-muted); font-size: 18px; line-height: 1.55; }
.lb-workbench { min-width: 0; max-width: 100%; background: var(--lb-sheet); border: 2px solid var(--lb-ink); box-shadow: var(--lb-shadow); }
.lb-workbench-bar { min-height: 53px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 18px; color: var(--lb-ink); border-bottom: 1px solid var(--lb-line); font: 600 12px/1.3 'JetBrains Mono',monospace; }
.lb-workbench-bar > div { min-width: 0; display: flex; align-items: center; gap: 9px; }
.lb-workbench-bar strong { overflow-wrap: anywhere; }
.lb-live-dot { flex: 0 0 10px; width: 10px; height: 10px; border-radius: 50%; background: var(--lb-mint); border: 1px solid var(--lb-ink); }
.lb-workbench-mode { flex: none; color: var(--lb-muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.lb-run-spine { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: 10px; padding: 16px 20px; color: #b7bfd4; background: var(--lb-navy); font: 700 9px/1 'JetBrains Mono',monospace; letter-spacing: .1em; text-transform: uppercase; }
.lb-run-spine i { height: 2px; background: var(--lb-coral); }
.lb-tablist { width: 100%; min-width: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-bottom: 2px solid var(--lb-ink); }
.lb-tablist button { min-width: 0; min-height: 68px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 10px; overflow-wrap: anywhere; border: 0; border-right: 1px solid var(--lb-line); background: var(--lb-sheet); color: var(--lb-muted); font: 700 12px/1.25 'JetBrains Mono',monospace; cursor: pointer; }
.lb-tablist button:last-child { border-right: 0; }
.lb-tablist button span { flex: none; color: var(--lb-blue); font-size: 9px; }
.lb-tablist button[aria-selected="true"] { color: #15171c; background: var(--lb-signal); }
.lb-tabpanel { min-width: 0; padding: 34px; color: var(--lb-ink); }
.lb-tabpanel[hidden] { display: none; }
.lb-panel-intro { display: flex; justify-content: space-between; gap: 28px; align-items: flex-start; padding-bottom: 25px; border-bottom: 1px solid var(--lb-line); }
.lb-panel-intro h3 { max-width: 780px; margin: 8px 0 0; font: 700 clamp(27px,3.2vw,43px)/1.04 'Space Grotesk',sans-serif; letter-spacing: -.04em; }
.lb-panel-label { color: var(--lb-blue); }
.lb-panel-fact { flex: none; max-width: 280px; padding: 9px 11px; color: var(--lb-ink); background: var(--lb-blue-pale); border: 1px solid var(--lb-blue); text-align: center; overflow-wrap: anywhere; }

/* Producer packet */
.lb-result-summary { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 3px; margin: 28px 0 0; }
.lb-result-summary div { min-width: 0; padding: 18px 15px; background: var(--lb-blue-pale); border: 1px solid var(--lb-blue); }
.lb-result-summary dt { color: var(--lb-ink); font: 700 clamp(24px,3vw,36px)/1 'Space Grotesk',sans-serif; letter-spacing: -.04em; }
.lb-result-summary dd { margin: 7px 0 0; color: var(--lb-muted); font-size: 12px; line-height: 1.35; }
.lb-result-callout { display: grid; grid-template-columns: minmax(180px,.7fr) minmax(0,1.3fr); gap: 24px; align-items: center; margin-top: 3px; padding: 20px; color: #fff; background: var(--lb-navy); }
.lb-result-callout span { display: block; color: var(--lb-signal); font: 700 10px/1.2 'JetBrains Mono',monospace; letter-spacing: .1em; text-transform: uppercase; }
.lb-result-callout strong { display: block; margin-top: 6px; font: 700 24px/1.05 'Space Grotesk',sans-serif; }
.lb-result-callout p { max-width: 62ch; margin: 0; color: #d5dae6; line-height: 1.5; }
.lb-packet-details { margin-top: 16px; border: 1px solid var(--lb-line); background: var(--lb-sheet); }
.lb-packet-details > summary { padding: 18px 20px; cursor: pointer; }
.lb-packet-details > summary span { display: inline-flex; flex-direction: column; gap: 4px; margin-left: 7px; }
.lb-packet-details > summary strong { color: var(--lb-ink); font: 700 18px/1.2 'Space Grotesk',sans-serif; }
.lb-packet-details > summary small { color: var(--lb-muted); line-height: 1.4; }
.lb-packet-artifact { margin-top: 28px; padding: clamp(18px,3.2vw,38px); background: #f1f1f1; border: 1px solid var(--lb-line); box-shadow: 6px 6px 0 #cfd2da; }
.lb-packet-details .lb-packet-artifact { margin: 0 20px 20px; }
.lb-packet-mast { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 14px; border-bottom: 1px solid #c7c8c8; color: #606161; font: 700 9px/1.25 'JetBrains Mono',monospace; letter-spacing: .1em; text-transform: uppercase; }
.lb-packet-hero { display: grid; grid-template-columns: 190px 1fr; gap: clamp(22px,4vw,46px); align-items: center; padding: 34px 0; }
.lb-guest-cover { position: relative; aspect-ratio: 1; overflow: hidden; background: var(--lb-coral); border: 4px solid #fae8dc; box-shadow: 0 10px 22px rgba(0,0,0,.14); }
.lb-guest-cover img { width: 100%; height: 100%; object-fit: cover; }
.lb-guest-cover span { position: absolute; left: 50%; bottom: 10px; width: max-content; max-width: 90%; transform: translateX(-50%) rotate(-1deg); padding: 5px 11px; background: #fff; color: #171717; font-weight: 900; line-height: 1; }
.lb-packet-hero .lb-packet-deck { color: #c94f2d; font: 800 10px/1.35 'JetBrains Mono',monospace; letter-spacing: .08em; text-transform: uppercase; }
.lb-packet-hero h4 { max-width: 18ch; margin: 12px 0 17px; color: #171717; font: 700 clamp(31px,4vw,52px)/.95 'Space Grotesk',sans-serif; letter-spacing: -.055em; }
.lb-packet-hero p:last-child { max-width: 68ch; margin: 0; color: #494a4a; font-size: 16px; line-height: 1.5; }
.lb-packet-value { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.lb-packet-value div { padding: 17px; background: #fff; border-top: 4px solid #171717; }
.lb-packet-value span { color: #c94f2d; font: 800 9px/1.2 'JetBrains Mono',monospace; letter-spacing: .08em; text-transform: uppercase; }
.lb-packet-value p { margin: 9px 0 0; color: #555; font-size: 13px; line-height: 1.45; }
.lb-packet-note { margin: 0 0 16px; padding: 17px 19px; color: #fff; background: #171717; font-size: 14px; line-height: 1.5; }
.lb-takeaways { padding: 18px 20px; background: #fffdf8; border: 1px solid #c9c5bb; color: #15171c; }
.lb-takeaways h4 { margin: 0 0 10px; }
.lb-takeaways ul { margin: 0; padding-left: 20px; color: #5d626b; line-height: 1.7; }
.lb-why-now { max-width: 76ch; margin: 24px 0 0; color: #373838; font: 700 17px/1.5 'Space Grotesk',sans-serif; }
.lb-episode-bridges { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 24px; }
.lb-episode-bridges article { display: grid; grid-template-columns: 104px 1fr; gap: 17px; padding: 15px; background: #fff; border: 1px solid #c9c5bb; color: #15171c; }
.lb-episode-bridges img { width: 104px; height: 104px !important; max-width: none; object-fit: cover; }
.lb-episode-bridges span { color: var(--lb-blue); font: 700 9px/1 'JetBrains Mono',monospace; text-transform: uppercase; }
.lb-episode-bridges h4 { margin: 8px 0 7px; font: 700 18px/1.1 'Space Grotesk',sans-serif; }
.lb-episode-bridges p { margin: 0; color: #5d626b; font-size: 13px; }
.lb-episode-bridges .lb-guest-line { margin: 0 0 8px; color: #777; font: 700 10px/1.3 'JetBrains Mono',monospace; }
.lb-episode-bridges a { display: inline-flex; gap: 6px; margin-top: 12px; color: var(--lb-blue); font: 700 10px/1.3 'JetBrains Mono',monospace; text-transform: uppercase; }
.lb-episode-bridges a span { color: inherit; font: inherit; }
.lb-producer-ask { display: flex; gap: 16px; align-items: center; margin-top: 16px; padding: 16px; background: var(--lb-signal); color: #15171c; border: 1px solid #15171c; }

/* Email preview */
.lb-email-preview { max-width: 900px; margin: 28px auto 0; overflow: hidden; background: #e8ebf1; border: 1px solid #aeb4c0; box-shadow: 7px 7px 0 #c8cbd2; }
.lb-email-toolbar { display: flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 15px; background: #252b38; color: #d7dce7; font: 700 9px/1 'JetBrains Mono',monospace; letter-spacing: .08em; text-transform: uppercase; }
.lb-email-toolbar i { width: 10px; height: 10px; border-radius: 50%; background: #ff6b6b; }
.lb-email-toolbar i:nth-child(2) { background: #ffd65c; }
.lb-email-toolbar i:nth-child(3) { background: #63dda8; }
.lb-email-toolbar span { margin-left: 7px; }
.lb-email-sheet { max-width: 820px; margin: 24px auto; background: #fff; color: #15171c; border: 1px solid #bfc2ca; box-shadow: 5px 5px 0 #d0d3da; }
.lb-email-sheet dl { margin: 0; padding: 20px 24px; border-bottom: 1px solid #d8dae0; }
.lb-email-sheet dl div { display: grid; grid-template-columns: 90px 1fr; padding: 5px 0; }
.lb-email-sheet dt { color: #676b74; font-weight: 700; }
.lb-email-sheet dd { margin: 0; overflow-wrap: anywhere; }
.lb-email-body { padding: 28px 34px; font-size: 17px; line-height: 1.65; }

/* Behind the build */
.lb-funnel-line { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; margin: 27px 0; }
.lb-funnel-line div { min-height: 96px; display: flex; flex-direction: column; justify-content: center; padding: 15px; background: var(--lb-blue-pale); border: 1px solid var(--lb-blue); }
.lb-funnel-line strong { font: 700 35px/1 'Space Grotesk',sans-serif; }
.lb-funnel-line span { margin-top: 5px; color: var(--lb-muted); font-size: 12px; }
.lb-behind-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.lb-internal-rollup { padding: 26px; color: #fff; background: var(--lb-navy); }
.lb-internal-rollup > span { color: var(--lb-signal); font: 700 10px/1 'JetBrains Mono',monospace; text-transform: uppercase; letter-spacing: .1em; }
.lb-internal-rollup h4 { margin: 16px 0 10px; color: #fff; font: 700 26px/1.05 'Space Grotesk',sans-serif; letter-spacing: -.03em; }
.lb-internal-rollup > p { margin: 0 0 20px; color: #d5dae6; line-height: 1.5; }
.lb-internal-rollup dl { margin: 0; border-top: 1px solid #59627b; }
.lb-internal-rollup dl div { display: grid; grid-template-columns: 105px 1fr; gap: 14px; padding: 10px 0; border-bottom: 1px solid #343e58; }
.lb-internal-rollup dt { color: #9da8c1; font: 700 9px/1.25 'JetBrains Mono',monospace; text-transform: uppercase; }
.lb-internal-rollup dd { margin: 0; color: #fff; font-weight: 700; }
.lb-behind-card { padding: 26px; background: var(--lb-coral-pale); border: 1px solid var(--lb-coral); }
.lb-behind-card h4,.lb-evidence-grid h4 { margin: 12px 0 15px; font: 700 22px/1.1 'Space Grotesk',sans-serif; }
.lb-behind-card ol { margin: 0; padding-left: 20px; color: var(--lb-muted); line-height: 1.55; }
.lb-behind-card p { margin: 17px 0 0; color: var(--lb-muted); line-height: 1.5; }
.lb-evidence-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 28px; }
.lb-repair-list,.lb-source-list { margin: 0; padding: 0; list-style: none; }
.lb-repair-list li { display: grid; grid-template-columns: 190px 1fr; gap: 15px; padding: 13px 0; border-top: 1px solid var(--lb-line); }
.lb-repair-list span { color: var(--lb-muted); font-size: 14px; line-height: 1.45; }
.lb-source-list li { padding: 11px 0; border-top: 1px solid var(--lb-line); }
.lb-source-list a { color: var(--lb-ink); font-weight: 800; text-decoration-thickness: 2px; }
.lb-source-list a span { color: var(--lb-blue); font: 700 9px/1 'JetBrains Mono',monospace; text-transform: uppercase; }
.lb-source-list small { display: block; margin-top: 4px; color: var(--lb-muted); }
.lb-human-boundary { display: grid; grid-template-columns: 180px 1fr; gap: 20px; margin-top: 28px; padding: 18px 20px; color: #15171c; background: var(--lb-signal); border: 1px solid #15171c; }

/* The demonstrated agent team */
.lb-team-section { padding: 78px 0 88px; color: var(--lb-ink); background: var(--lb-paper); border-bottom: 1px solid var(--lb-line); }
.lb-team-heading { max-width: 820px; }
.lb-team-heading h2 { margin: 0; color: var(--lb-ink); font: 700 clamp(38px,4.8vw,62px)/.98 'Space Grotesk',sans-serif; letter-spacing: -.05em; }
.lb-team-heading p { max-width: 750px; margin: 17px 0 0; color: var(--lb-muted); font-size: 18px; line-height: 1.55; }
.lb-team-map { position: relative; isolation: isolate; min-width: 0; min-height: 576px; display: grid; grid-template-columns: 150px minmax(600px,1fr) 210px; grid-template-areas: 'goal team result'; gap: 36px; align-items: center; margin: 38px 0 0; padding: 38px 40px; overflow: hidden; background-color: var(--lb-navy); background-image: linear-gradient(rgba(49,87,227,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(49,87,227,.12) 1px,transparent 1px); background-size: 34px 34px; border: 2px solid var(--lb-ink); box-shadow: var(--lb-shadow); }
.lb-team-map::after { content: ''; position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 25% 50%,rgba(215,241,74,.14),transparent 28%),radial-gradient(circle at 68% 50%,rgba(239,104,77,.12),transparent 30%); }
.lb-team-lines { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.lb-team-lines-mermaid,.lb-team-lines-mermaid-wide { display: none; }
.lb-team-lines path:not([class^='lb-arrow']) { fill: none; stroke-width: 3; vector-effect: non-scaling-stroke; }
.lb-team-node { position: relative; min-width: 0; min-height: 86px; display: flex; align-items: center; justify-content: center; padding: 16px; color: #15171c; text-align: center; background: #fffdf8; border: 2px solid #15171c; box-shadow: 5px 5px 0 rgba(0,0,0,.28); }
.lb-team-node strong { display: block; font: 700 clamp(17px,1.65vw,22px)/1.05 'Space Grotesk',sans-serif; letter-spacing: -.025em; text-transform: uppercase; }
.lb-team-goal { grid-area: goal; color: #fff; background: #3157e3; border-color: #fff; box-shadow: 5px 5px 0 var(--lb-signal); }
.lb-team-roster { position: relative; grid-area: team; min-width: 0; min-height: 500px; border: 2px solid #8795ba; background: rgba(8,17,38,.48); box-shadow: inset 0 0 0 1px rgba(215,241,74,.12); }
.lb-team-roster h3 { position: absolute; top: 22px; left: 24px; margin: 0; color: #fff; font: 700 13px/1.2 'JetBrains Mono',monospace; letter-spacing: .1em; text-transform: uppercase; }
.lb-team-chief { position: absolute; top: 207px; left: 24px; width: 166px; background: var(--lb-signal); }
.lb-team-specialists { position: absolute; top: 104px; left: 212px; width: 218px; display: grid; gap: 18px; }
.lb-team-specialists .lb-team-node { min-height: 86px; }
.lb-team-research { border-left: 6px solid #49bce8; }
.lb-team-strategy { border-left: 6px solid var(--lb-coral); }
.lb-team-production { border-left: 6px solid var(--lb-orange); }
.lb-team-quality { position: absolute; top: 207px; right: 50px; width: 166px; border-left: 6px solid var(--lb-signal); }
.lb-team-result { position: relative; grid-area: result; min-width: 0; min-height: 500px; }
.lb-team-output,.lb-team-human { position: absolute; right: 0; left: 0; }
.lb-team-output { top: 78px; border-top: 6px solid var(--lb-signal); }
.lb-team-human { top: 216px; color: #fff; background: #3157e3; border-color: #fff; box-shadow: 5px 5px 0 var(--lb-signal); }
.lb-team-outcomes { position: absolute; top: 394px; right: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lb-team-outcomes .lb-team-node { min-height: 70px; padding: 10px 6px; }
.lb-team-outcomes .lb-team-node strong { font-size: 14px; letter-spacing: .01em; }
.lb-team-approved { border-color: var(--lb-signal); }
.lb-team-stopped { border-color: var(--lb-coral); }
.lb-team-route-label { position: absolute; z-index: 2; padding: 4px 7px; color: #fff; background: var(--lb-navy); font: 800 11px/1 'JetBrains Mono',monospace; letter-spacing: .1em; text-transform: uppercase; }
.lb-team-route-pass { top: 31%; left: 74%; color: var(--lb-signal); }
.lb-team-route-redo { bottom: 10%; left: 44%; color: var(--lb-coral); }
.lb-team-route-revise { top: 16%; left: 53%; color: var(--lb-coral); }
.lb-team-route-approve { right: 12.5%; bottom: 27%; color: #49bce8; }
.lb-team-route-stop { right: 3.2%; bottom: 27%; color: var(--lb-coral); }
.lb-team-mobile-routes { display: none; }

/* The team rendered as a dark, technical spider map. */
.lb-team-map[data-diagram-variant='mermaid'] { background: #171717; border: 1px solid #4b5563; box-shadow: none; }
.lb-team-map[data-diagram-variant='mermaid']::after { display: none; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-lines-mermaid { z-index: 2; display: block; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-roster { background: #101a3d; border: 1.5px solid #3157e3; border-radius: 0; box-shadow: none; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-roster h3 { z-index: 4; color: #e5e7eb; font: 500 13px/1.2 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing: 0; text-transform: uppercase; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-node { z-index: 3; color: #f3f4f6; background: #3a3a3a; border: 1.5px solid #3157e3; border-radius: 8px; box-shadow: none; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-node strong { font: 500 clamp(15px,1.25vw,18px)/1.16 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing: 0; text-transform: uppercase; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-goal { color: #f3f4f6; background: #242424; border-color: #e5e7eb; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-chief { background: #3d402d; border-color: #64748b; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-research,
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-strategy,
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-production { border-color: #3157e3; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-quality { background: #3a3a3a; border-color: #ef684d; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-output { background: #3a3a3a; border-color: #f28c45; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-human { color: #f3f4f6; background: #202a4d; border-color: #e5e7eb; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-approved,
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-stopped { background: #202020; border-color: #b7dc3d; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-lines path:not([class^='lb-arrow']) { stroke: #b8bec9; stroke-width: 1.5; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-lines .lb-mermaid-loop { stroke: #9ca3af; stroke-dasharray: 5 4; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-lines .lb-mermaid-outcome { stroke: #b8bec9; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-arrow-mermaid { fill: #b8bec9; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-arrow-mermaid-lime { fill: #b7dc3d; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-arrow-mermaid-coral { fill: #9ca3af; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-label { z-index: 4; color: #d1d5db; background: #171717; font: 500 11px/1 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing: 0; text-transform: uppercase; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-redo,
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-revise { color: #e5e7eb; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-approve,
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-stop { color: #b7dc3d; }
.lb-team-map[data-diagram-variant='mermaid'] .lb-team-mobile-routes span { color: #d1d5db; background: #202020; border-color: #6b7280; font-family: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing: 0; text-transform: uppercase; }

@media (min-width: 1180px) {
  .lb-team-map[data-diagram-variant='mermaid'] { min-height: 576px; display: block; padding: 0; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-goal { position: absolute; top: 240px; left: 20px; width: 130px; min-height: 76px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-roster { position: absolute; top: 30px; left: 170px; width: 600px; min-height: 510px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-roster h3 { top: 8px; right: 0; left: 0; text-align: center; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-chief { top: 60px; left: 210px; width: 180px; min-height: 76px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-specialists { top: 190px; left: 40px; width: 520px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-specialists .lb-team-node { min-height: 76px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-quality { top: 350px; right: auto; left: 240px; width: 120px; min-height: 120px; transform: rotate(45deg); border-radius: 0; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-quality strong { transform: rotate(-45deg); }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-result { position: absolute; inset: 0; min-height: 0; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-output { top: 240px; right: auto; left: 790px; width: 145px; min-height: 70px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-human { top: 220px; right: auto; left: 955px; width: 110px; min-height: 110px; transform: rotate(45deg); border-radius: 0; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-human strong { transform: rotate(-45deg); }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-outcomes { top: 150px; right: auto; left: 1065px; width: 100px; height: 280px; display: flex; flex-direction: column; justify-content: space-between; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-outcomes .lb-team-node { width: 100px; min-height: 56px; padding: 8px 4px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-outcomes .lb-team-node strong { font-size: 12px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-pass { top: 43%; left: 63%; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-redo { bottom: 8%; left: 58%; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-revise { top: 58%; left: 74%; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-approve { top: 29%; right: 10.5%; bottom: auto; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-stop { right: 10.5%; bottom: 29%; }
}

@media (min-width: 1500px) {
  .lb-team-map[data-diagram-variant='mermaid'] { width: min(1450px,calc(100vw - 96px)); min-height: 600px; margin-left: 50%; transform: translateX(-50%); }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-lines-mermaid { display: none; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-lines-mermaid-wide { z-index: 2; display: block; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-goal { top: 260px; left: 30px; width: 150px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-roster { top: 40px; left: 230px; width: 720px; min-height: 520px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-roster h3 { top: 10px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-chief { top: 70px; left: 260px; width: 200px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-specialists { top: 210px; left: 50px; width: 620px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 55px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-quality { top: 390px; left: 310px; width: 100px; min-height: 100px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-output { top: 265px; left: 1000px; width: 170px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-human { top: 245px; left: 1210px; width: 110px; min-height: 110px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-outcomes { top: 170px; left: 1345px; width: 90px; height: 255px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-outcomes .lb-team-node { width: 90px; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-pass { top: 46%; left: 66.5%; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-redo { top: 20%; left: 61%; bottom: auto; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-revise { top: 62%; left: 75%; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-approve { top: 31%; right: 8.5%; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-route-stop { right: 8.5%; bottom: 31%; }
}

/* Agent Workforce Blueprint prompt */
.lb-skill-section { padding: 94px 0; color: #fff; background: var(--lb-navy); border-top: 10px solid var(--lb-signal); }
.lb-skill-section h2 { color: #fff; }
.lb-skill-section .lb-kicker { color: var(--lb-signal); }
.lb-skill-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 66px; align-items: start; }
#workspace,#blueprint-copy { scroll-margin-top: 88px; }
.lb-skill-grid > div:first-child > p { color: #ccd2df; font-size: 18px; line-height: 1.55; }
.lb-skill-includes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 27px 0; padding: 0; list-style: none; }
.lb-skill-includes li { padding: 13px; color: #fff; border: 1px solid #59627b; }
.lb-save-note { padding-left: 17px; border-left: 5px solid var(--lb-coral); }
.lb-copy-station { padding: 29px; background: #fff; color: #15171c; border: 2px solid #15171c; box-shadow: 8px 8px 0 var(--lb-coral); }
.lb-copy-station .lb-mini-label { color: #3157e3; }
.lb-copy-station h3 { margin: 12px 0 8px; font: 700 32px/1.05 'Space Grotesk',sans-serif; }
.lb-copy-station > p { color: #4c5159; line-height: 1.5; }
.lb-copy-station .btn { width: 100%; margin-top: 9px; }
.lb-copy-station .btn:disabled { cursor: wait; opacity: .72; }
.lb-copy-station textarea { width: 100%; min-height: 220px; margin-top: 16px; padding: 13px; resize: vertical; }
.lb-copy-status { min-height: 22px; margin: 12px 0 0; color: #4c5159; font-size: 13px; }
.lb-prompt-details { margin-top: 18px; border-top: 1px solid #c9c5bb; }
.lb-prompt-details summary { padding: 15px 0 0; color: #15171c; font-weight: 800; cursor: pointer; }
.lb-prompt-details pre { max-height: 380px; overflow: auto; margin: 14px 0 0; padding: 15px; white-space: pre-wrap; overflow-wrap: anywhere; color: #292d34; background: #f3f0e8; border: 1px solid #c9c5bb; font: 600 11px/1.55 'JetBrains Mono',monospace; }
.lb-save-choice { margin-top: 20px; padding: 17px; background: #e9edff; border: 1px solid #3157e3; }
.lb-save-choice strong { display: block; margin: 7px 0 5px; font: 700 19px/1.15 'Space Grotesk',sans-serif; }
.lb-save-choice p { margin: 0; color: #3c4350; font-size: 13px; line-height: 1.55; }
.lb-transcript-details { grid-column: 1 / -1; color: #15171c; background: #fff; border: 2px solid #15171c; box-shadow: 8px 8px 0 var(--lb-signal); }
.lb-transcript-details > summary { display: flex; padding: 22px 25px; cursor: pointer; list-style-position: inside; }
.lb-transcript-details > summary span { display: inline-flex; flex-direction: column; gap: 4px; margin-left: 7px; }
.lb-transcript-details > summary strong { font: 700 23px/1.1 'Space Grotesk',sans-serif; }
.lb-transcript-details > summary small { color: #555d69; font-size: 13px; line-height: 1.45; }
.lb-transcript-actions { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 16px 25px; background: #e9edff; border-top: 1px solid #c9c5bb; border-bottom: 1px solid #c9c5bb; font: 700 11px/1.4 'JetBrains Mono',monospace; }
.lb-transcript-actions a { color: #233da4; }
.lb-transcript-actions span { color: #555d69; }
.lb-transcript-details pre { margin: 0; padding: 28px 25px 34px; white-space: pre-wrap; overflow-wrap: anywhere; color: #292d34; background: #fffdf8; font: 500 13px/1.7 'JetBrains Mono',monospace; }

.lb-final-section { padding: 78px 0; color: var(--lb-ink); background: var(--lb-blue-pale); }
.lb-final-grid { display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: center; }
.lb-final-grid p { max-width: 690px; color: var(--lb-muted); font-size: 18px; }
.lb-final-grid .btn { max-width: 330px; text-align: center; }
.lb-boundary-line { padding: 17px 24px; color: #bfc3cc; background: #15171c; font: 600 11px/1.45 'JetBrains Mono',monospace; text-align: center; }

/* Hub keeps a restrained index treatment. */
.lb-hub-hero { padding: 145px 0 80px; }
.lb-hub-hero h1 { margin: 22px 0; color: var(--white); font: 700 clamp(54px,7vw,92px)/.94 'Space Grotesk',sans-serif; letter-spacing: -.05em; }
.lb-section { padding: 82px 0; }
.lb-section-head { display: grid; grid-template-columns: 190px 1fr; gap: 40px; margin-bottom: 38px; }
.lb-section-head h2,.lb-callout h2 { margin: 0; color: var(--white); font: 700 clamp(34px,4vw,54px)/1 'Space Grotesk',sans-serif; }
.lb-episode-grid { display: grid; grid-template-columns: minmax(0,780px); }
.lb-episode-card { padding: 32px; color: var(--white); background: var(--dark); border: 2px solid var(--white); text-decoration: none; box-shadow: 6px 6px 0 var(--white); }
.lb-episode-card h2 { margin: 24px 0 12px; font: 700 38px/1 'Space Grotesk',sans-serif; }
.lb-episode-card p { color: var(--gray); }
.lb-meta { display: flex; flex-wrap: wrap; gap: 9px; font: 700 10px/1 'JetBrains Mono',monospace; text-transform: uppercase; }
.lb-card-link { color: var(--neon); font-weight: 800; }
.lb-decision-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.lb-decision-card { padding: 24px; border: 2px solid var(--white); }
.lb-card-tag { color: var(--blue); font: 700 10px/1 'JetBrains Mono',monospace; }
.lb-callout { padding: 60px 0; background: var(--neon); color: #111; }
.lb-callout-grid { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 35px; }
.lb-callout h2 { color: #111; }

@media (max-width: 1179px) {
  .lb-team-map { min-height: 0; grid-template-columns: 1fr; grid-template-areas: 'goal' 'team' 'result' 'routes'; gap: 22px; padding: 30px; }
  .lb-team-lines,.lb-team-route-label { display: none; }
  .lb-team-map[data-diagram-variant='mermaid'] .lb-team-lines-mermaid { display: none; }
  .lb-team-goal { justify-self: stretch; min-height: 72px; }
  .lb-team-roster { min-height: 0; display: grid; grid-template-columns: minmax(140px,1fr) minmax(420px,3fr) minmax(140px,1fr); grid-template-areas: 'team-label team-label team-label' 'chief specialists quality'; gap: 20px; align-items: center; padding: 26px; }
  .lb-team-roster h3 { position: static; grid-area: team-label; }
  .lb-team-chief,.lb-team-specialists,.lb-team-quality { position: static; width: auto; }
  .lb-team-chief { grid-area: chief; }
  .lb-team-specialists { grid-area: specialists; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
  .lb-team-quality { grid-area: quality; }
  .lb-team-result { position: static; min-height: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .lb-team-output,.lb-team-human,.lb-team-outcomes { position: static; }
  .lb-team-outcomes { grid-column: 1 / -1; }
  .lb-team-mobile-routes { grid-area: routes; display: flex; flex-wrap: wrap; gap: 9px; }
  .lb-team-mobile-routes span { padding: 8px 10px; color: #fff; border: 1px dashed #8795ba; font: 800 10px/1.25 'JetBrains Mono',monospace; letter-spacing: .06em; text-transform: uppercase; }
}

@media (max-width: 900px) {
  .lb-wrap { width: min(100% - 36px,var(--lb-max)); }
  .lb-proof-hero { padding-top: 88px; }
  .lb-proof-hero-grid,.lb-skill-grid { grid-template-columns: 1fr; gap: 42px; }
  .lb-proof-copy h1 { max-width: 820px; font-size: clamp(50px,10vw,76px); }
  .lb-packet-hero { grid-template-columns: 160px 1fr; }
  .lb-result-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lb-result-summary div:last-child { grid-column: 1 / -1; }
  .lb-packet-value,.lb-behind-grid,.lb-evidence-grid { grid-template-columns: 1fr; }
  .lb-final-grid { grid-template-columns: 1fr; align-items: start; }
  .lb-section-head { grid-template-columns: 1fr; }
  .lb-team-roster { grid-template-columns: minmax(125px,1fr) minmax(360px,3fr) minmax(125px,1fr); }
}

@media (max-width: 620px) {
  .lb-wrap { width: min(100% - 24px,var(--lb-max)); }
  .lb-proof-hero { padding: 70px 0 50px; }
  .lb-eyebrow { align-items: flex-start; font-size: 9px; }
  .lb-eyebrow::before { flex-basis: 26px; width: 26px; }
  .lb-proof-copy h1 { font-size: clamp(42px,13vw,54px); }
  .lb-lede { font-size: 17px; }
  .lb-replay-embed { box-shadow: 5px 5px 0 #15171c; }
  .lb-workspace-section,.lb-skill-section { padding: 64px 0; }
  .lb-workspace-heading h2,.lb-skill-section h2,.lb-final-section h2 { font-size: 39px; }
  .lb-workbench { box-shadow: 4px 4px 0 var(--lb-ink); }
  .lb-workbench-bar { align-items: flex-start; padding: 13px; }
  .lb-workbench-mode { display: none; }
  .lb-run-spine { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 3px; padding: 13px 8px; text-align: center; font-size: 7px; }
  .lb-run-spine i { display: none; }
  .lb-tablist button { min-height: 62px; gap: 5px; padding: 8px 4px; font-size: 9px; }
  .lb-tablist button span { font-size: 7px; }
  .lb-tabpanel { padding: 22px 14px; }
  .lb-panel-intro { display: block; }
  .lb-result-callout { grid-template-columns: 1fr; gap: 12px; }
  .lb-packet-details .lb-packet-artifact { margin: 0 10px 10px; }
  .lb-panel-fact { display: inline-block; margin-top: 14px; }
  .lb-packet-mast { flex-direction: column; gap: 6px; }
  .lb-packet-hero { grid-template-columns: 1fr; }
  .lb-guest-cover { width: 150px; }
  .lb-episode-bridges,.lb-skill-includes { grid-template-columns: 1fr; }
  .lb-episode-bridges article { grid-template-columns: 82px 1fr; }
  .lb-episode-bridges img { width: 82px; height: 82px !important; }
  .lb-producer-ask { align-items: flex-start; flex-direction: column; }
  .lb-email-sheet { margin: 12px; }
  .lb-email-sheet dl div,.lb-repair-list li,.lb-human-boundary { grid-template-columns: 1fr; }
  .lb-email-body { padding: 23px 20px; }
  .lb-funnel-line { grid-template-columns: 1fr 1fr; }
  .lb-internal-rollup dl div { grid-template-columns: 90px 1fr; }
  .lb-team-section { padding: 58px 0 64px; }
  .lb-team-heading h2 { font-size: 39px; }
  .lb-team-heading p { font-size: 16px; }
  .lb-team-map { gap: 16px; padding: 22px 14px; box-shadow: 5px 5px 0 var(--lb-signal); }
  .lb-team-map[data-diagram-variant='mermaid'] { box-shadow: none; }
  .lb-team-roster { grid-template-columns: 1fr; grid-template-areas: 'team-label' 'chief' 'specialists' 'quality'; gap: 14px; padding: 20px; }
  .lb-team-specialists { grid-template-columns: 1fr; gap: 12px; }
  .lb-team-result { grid-template-columns: 1fr; gap: 14px; }
  .lb-team-outcomes { grid-column: auto; }
  .lb-team-node,.lb-team-specialists .lb-team-node { min-height: 72px; }
  .lb-team-mobile-routes { display: grid; grid-template-columns: 1fr; }
  .lb-copy-station { padding: 22px; box-shadow: 5px 5px 0 var(--lb-coral); }
  .lb-prompt-details pre { max-height: 300px; }
  .lb-transcript-details { box-shadow: 5px 5px 0 var(--lb-signal); }
  .lb-transcript-details > summary,.lb-transcript-details pre { padding-left: 17px; padding-right: 17px; }
  .lb-transcript-actions { padding-left: 17px; padding-right: 17px; }
}

@media (max-width: 340px) {
  .lb-wrap { width: min(100% - 18px,var(--lb-max)); }
  .lb-proof-copy h1 { font-size: 39px; }
  .lb-tablist button { font-size: 8px; letter-spacing: -.02em; }
  .lb-tabpanel { padding: 18px 10px; }
  .lb-packet-artifact { padding: 13px; box-shadow: 3px 3px 0 #cfd2da; }
  .lb-email-preview { box-shadow: 3px 3px 0 #c8cbd2; }
  .lb-copy-station { padding: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .lb-proof-page * { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Small evidence labels must remain legible in the terminal theme. */
html[data-design="terminal"] .lb-page { --lb-blue: #91abff; --lb-ink: #f6f4ec; --lb-muted: #b6bbc4; }
html[data-design="terminal"] .lb-proof-page :is(.lb-episode-bridges span,.lb-episode-bridges a) { color: #3157e3; }
.lb-tablist button[aria-selected="true"] span { color: #2546bb; }
html[data-design="terminal"] .lb-proof-copy h1 span { background: none; color: var(--lb-signal); }