:root {
  color-scheme: dark;
  --future-bg: #03070d;
  --future-ink: #eef7f5;
  --future-soft: rgba(238, 247, 245, 0.84);
  --future-muted: rgba(226, 241, 237, 0.58);
  --future-line: rgba(150, 216, 204, 0.18);
  --future-line-strong: rgba(150, 216, 204, 0.36);
  --future-accent: #8ee8d7;
  --future-bright-accent: #00f2ff;
  --future-warm: #f4c86d;
  --future-danger: #ffb0a8;
  --future-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
  --future-font: "Segoe UI", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;
  --future-sans: "Pretendard Variable", "SUIT Variable", "Noto Sans KR", "Segoe UI Variable Text", "Malgun Gothic", system-ui, sans-serif;
  --future-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --future-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}

/* Compact header settings: keep optional AI controls out of the primary surface. */
body[data-aya-page="future-ai"] .future-settings-menu {
  position: relative;
}

body[data-aya-page="future-ai"] .future-settings-menu > summary {
  list-style: none;
}

body[data-aya-page="future-ai"] .future-settings-menu > summary::-webkit-details-marker {
  display: none;
}

body[data-aya-page="future-ai"] .future-settings-trigger {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(150, 216, 204, 0.2);
  border-radius: 50%;
  background: rgba(5, 12, 18, 0.54);
  color: rgba(226, 241, 237, 0.68);
  cursor: pointer;
}

body[data-aya-page="future-ai"] .future-settings-trigger svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

body[data-aya-page="future-ai"] .future-settings-trigger:hover,
body[data-aya-page="future-ai"] .future-settings-trigger:focus-visible,
body[data-aya-page="future-ai"] .future-settings-menu[open] .future-settings-trigger {
  border-color: rgba(142, 232, 215, 0.6);
  color: var(--future-accent);
  outline: none;
}

body[data-aya-page="future-ai"] .future-settings-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 50;
  width: min(252px, calc(100vw - 20px));
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(150, 216, 204, 0.2);
  border-radius: 8px;
  background: rgba(5, 13, 18, 0.96);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(18px);
}

body[data-aya-page="future-ai"] .future-settings-popover .key-action {
  width: 100% !important;
  height: auto !important;
  min-height: 44px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 9px;
  padding: 7px 8px;
  border-radius: 6px;
  text-align: left;
  cursor: pointer;
}

body[data-aya-page="future-ai"] .future-settings-popover .key-action span {
  display: grid;
  gap: 2px;
}

body[data-aya-page="future-ai"] .future-settings-popover .key-action strong {
  color: rgba(238, 247, 245, 0.9);
  font-size: 0.75rem;
}

body[data-aya-page="future-ai"] .future-settings-popover .key-action small {
  color: rgba(190, 215, 212, 0.55);
  font-size: 0.62rem;
}

body[data-aya-page="future-ai"] .settings-precision {
  min-height: 44px;
  padding: 7px 8px;
  border-radius: 6px;
  cursor: pointer;
}

body[data-aya-page="future-ai"] .future-settings-popover .translation-select {
  min-height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(88px, 108px);
  gap: 8px;
  align-items: center;
  padding: 7px 8px;
  border: 1px solid rgba(150, 216, 204, 0.16);
  border-radius: 8px;
  color: rgba(238, 247, 245, 0.9);
}

body[data-aya-page="future-ai"] .future-settings-popover .data-region-select {
  grid-template-columns: 1fr;
  border-color: rgba(88, 183, 223, 0.28);
  background: rgba(15, 46, 56, 0.2);
}

body[data-aya-page="future-ai"] .data-region-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

body[data-aya-page="future-ai"] .data-region-options label {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 4px;
  border: 1px solid rgba(150, 216, 204, 0.16);
  border-radius: 5px;
  color: rgba(202, 225, 220, 0.78);
  cursor: pointer;
  font-size: 0.57rem;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .data-region-options input {
  width: 11px;
  height: 11px;
  margin: 0;
  accent-color: var(--future-accent);
}

body[data-aya-page="future-ai"] .data-region-options label:has(input:checked) {
  border-color: rgba(88, 183, 223, 0.55);
  background: rgba(33, 112, 128, 0.28);
  color: rgba(238, 247, 245, 0.96);
}

body[data-aya-page="future-ai"] .data-region-major {
  justify-self: start;
  min-height: 24px;
  padding: 4px 7px;
  border: 1px solid rgba(112, 224, 211, 0.28);
  border-radius: 5px;
  background: rgba(7, 31, 37, 0.72);
  color: rgba(169, 244, 235, 0.88);
  font: 800 0.58rem/1 var(--future-sans);
  cursor: pointer;
}

body[data-aya-page="future-ai"] .data-region-major:hover,
body[data-aya-page="future-ai"] .data-region-major:focus-visible {
  border-color: rgba(117, 238, 223, 0.68);
  background: rgba(17, 65, 71, 0.72);
  color: #effffb;
  outline: none;
}

body[data-aya-page="future-ai"] .translation-select > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

body[data-aya-page="future-ai"] .translation-select strong,
body[data-aya-page="future-ai"] .translation-select small {
  display: block;
}

body[data-aya-page="future-ai"] .translation-select strong {
  font-size: 0.75rem;
}

body[data-aya-page="future-ai"] .translation-select small {
  overflow: hidden;
  color: rgba(190, 215, 212, 0.58);
  font-size: 0.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .translation-select select {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(150, 216, 204, 0.28);
  border-radius: 6px;
  background: rgba(2, 10, 14, 0.56);
  color: inherit;
  font: inherit;
  font-size: 0.68rem;
  line-height: 1.2;
  padding: 6px 5px;
}

body[data-aya-page="future-ai"] .translation-select select:focus-visible {
  border-color: var(--future-accent);
  outline: none;
}

body[data-aya-page="future-ai"] .future-settings-popover .future-build-version {
  justify-self: end;
  margin: 2px 2px 0;
  padding: 0;
  border: 0;
  font-size: 0.48rem;
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .future-brand-stack {
    max-width: calc(100% - 46px);
  }

  body[data-aya-page="future-ai"] .topline-actions {
    flex-basis: 38px;
  }

  body[data-aya-page="future-ai"] .future-settings-trigger {
    width: 32px;
    height: 32px;
  }
}


* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-x: none;
  background: var(--future-bg);
  color: var(--future-ink);
  font-family: var(--future-font);
}

a,
button {
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

a {
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

.future-scene {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 28%, rgba(142, 232, 215, 0.2), transparent 30%),
    radial-gradient(circle at 82% 72%, rgba(244, 200, 109, 0.1), transparent 34%),
    radial-gradient(circle at 18% 86%, rgba(115, 24, 255, 0.09), transparent 38%),
    linear-gradient(150deg, #03070d 0%, #07141c 48%, #050a12 100%);
}

.future-starfield {
  position: absolute;
  inset: 0;
  opacity: 0.34;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.5) 0 1px, transparent 1.6px),
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 122px 122px, 58px 58px, 58px 58px;
  mask-image: radial-gradient(circle at center, #000 0 58%, transparent 84%);
}

.future-horizon {
  position: absolute;
  left: 50%;
  top: 42%;
  width: min(1040px, 154vw);
  height: 300px;
  border: 1px solid rgba(142, 232, 215, 0.16);
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-8deg);
  box-shadow:
    0 0 82px rgba(142, 232, 215, 0.08),
    inset 0 0 80px rgba(142, 232, 215, 0.035);
}

.future-topline {
  position: fixed;
  inset: 0 0 auto;
  z-index: 12;
  box-sizing: border-box;
  width: 100%;
  max-width: 100vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px clamp(16px, 3vw, 30px);
  background: linear-gradient(180deg, rgba(3, 7, 13, 0.96), rgba(3, 7, 13, 0.72) 72%, transparent);
  border-bottom: 1px solid rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(14px);
}

.future-brand-stack {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.future-brand {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  color: var(--future-ink);
  font-size: 0.88rem;
  font-weight: 820;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
}

.future-build-version {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid rgba(142, 232, 215, 0.25);
  color: rgba(142, 232, 215, 0.62);
  font-family: var(--future-mono);
  font-size: 0.54rem;
  font-weight: 720;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

.future-live-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(0, 242, 255, 0.8);
  font-family: var(--future-mono);
  font-size: 0.56rem;
  font-weight: 760;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.future-live-status span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--future-bright-accent);
  box-shadow: 0 0 10px rgba(0, 242, 255, 0.9);
}

/* A short, infrequent teaching prompt. It deliberately is not a permanent
   second navigation control: clicking it uses the same hard refresh as the
   radar icon immediately above it. */
body[data-aya-page="future-ai"] .future-radar-refresh-nudge {
  border: 1px solid rgba(112, 231, 224, 0.3);
  color: rgba(190, 245, 239, 0.9);
  font-family: var(--future-mono);
  font-weight: 760;
  letter-spacing: 0.035em;
  cursor: pointer;
}

body[data-aya-page="future-ai"] .future-radar-refresh-nudge {
  position: absolute;
  top: calc(100% - 3px);
  left: clamp(10px, 3vw, 30px);
  z-index: 2;
  width: min(270px, calc(100vw - 24px));
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(7, 26, 33, 0.96);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34);
  font-size: 0.58rem;
  line-height: 1.38;
  text-align: center;
}

body[data-aya-page="future-ai"] .future-radar-refresh-nudge:hover,
body[data-aya-page="future-ai"] .future-radar-refresh-nudge:focus-visible {
  border-color: rgba(117, 255, 241, 0.72);
  color: #effffc;
  outline: none;
}

.future-brand:focus-visible {
  outline: 1px solid rgba(142, 232, 215, 0.52);
  outline-offset: 6px;
  border-radius: 8px;
}

.topline-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin-left: auto;
}

.key-action {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(150, 216, 204, 0.18);
  border-radius: 50%;
  background: rgba(5, 12, 18, 0.46);
  color: rgba(226, 241, 237, 0.7);
  cursor: default;
  backdrop-filter: blur(16px);
}

.key-action svg,
.key-close svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.key-action:hover,
.key-action:focus-visible,
.key-action.is-ready {
  border-color: rgba(142, 232, 215, 0.58);
  color: var(--future-accent);
  outline: none;
}

.key-action.is-ready {
  background: rgba(142, 232, 215, 0.1);
  box-shadow: 0 0 26px rgba(142, 232, 215, 0.1);
}

.key-panel {
  position: fixed;
  top: 66px;
  right: clamp(14px, 3vw, 30px);
  z-index: 40;
  width: min(420px, calc(100vw - 28px));
}

.key-panel[hidden] {
  display: none;
}

.key-card {
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid var(--future-line);
  border-radius: 20px;
  background: rgba(5, 12, 18, 0.9);
  box-shadow: 0 20px 72px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(22px);
}

.key-head,
.key-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.key-head span {
  color: var(--future-ink);
  font-size: 0.78rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.key-field {
  display: grid;
  gap: 6px;
}

.key-field span {
  color: rgba(142, 232, 215, 0.62);
  font-size: 0.66rem;
  font-weight: 840;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.key-close,
.key-secondary,
.key-primary {
  border: 1px solid rgba(150, 216, 204, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--future-soft);
  cursor: pointer;
  font-weight: 800;
}

.key-close {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
}

.key-select,
.key-input {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(150, 216, 204, 0.2);
  border-radius: 14px;
  background: rgba(2, 7, 11, 0.68);
  color: var(--future-ink);
  outline: none;
  padding: 11px 12px;
}

.key-select {
  appearance: none;
  cursor: pointer;
}

.key-model-input {
  font-size: 0.82rem;
}

.key-model-input[hidden] {
  display: none;
}

.precision-switch {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 9px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid rgba(150, 216, 204, 0.14);
  border-radius: 16px;
  background: rgba(7, 18, 24, 0.36);
  color: rgba(226, 241, 237, 0.72);
}

.precision-switch input {
  grid-row: 1 / span 2;
  width: 18px;
  height: 18px;
  accent-color: var(--future-accent);
}

.precision-switch span {
  color: rgba(238, 247, 245, 0.84);
  font-size: 0.78rem;
  font-weight: 860;
}

.precision-switch em {
  color: rgba(226, 241, 237, 0.5);
  font-size: 0.66rem;
  font-style: normal;
  line-height: 1.25;
}

.precision-switch input:disabled + span,
.precision-switch input:disabled ~ em {
  opacity: 0.46;
}

.topbar-precision {
  min-height: 38px;
  display: inline-flex;
  grid-template-columns: none;
  gap: 8px;
  align-items: center;
  width: auto;
  padding: 6px 10px;
  border-radius: 999px;
  border-color: rgba(150, 216, 204, 0.2);
  background: rgba(7, 18, 24, 0.44);
}

.topbar-precision input {
  appearance: none;
  position: relative;
  width: 30px;
  height: 16px;
  border: 1px solid rgba(150, 216, 204, 0.34);
  border-radius: 999px;
  background: rgba(4, 12, 16, 0.75);
  accent-color: initial;
}

.topbar-precision input::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(226, 241, 237, 0.54);
  transition: transform 160ms ease, background 160ms ease;
}

.topbar-precision input:checked {
  border-color: rgba(142, 232, 215, 0.72);
  background: rgba(142, 232, 215, 0.16);
}

.topbar-precision input:checked::after {
  transform: translateX(14px);
  background: var(--future-accent);
}

.topbar-precision span {
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.04em;
}

.topbar-precision input:checked + span {
  color: var(--future-accent);
}

.key-select option {
  background: #071017;
  color: var(--future-ink);
}

.key-select:focus,
.key-input:focus {
  border-color: rgba(142, 232, 215, 0.68);
  box-shadow: 0 0 0 3px rgba(142, 232, 215, 0.1);
}

.key-secondary,
.key-primary {
  min-height: 36px;
  padding: 0 13px;
  font-size: 0.8rem;
}

.key-primary {
  border-color: rgba(142, 232, 215, 0.58);
  background: rgba(142, 232, 215, 0.16);
  color: var(--future-accent);
}

.key-close:hover,
.key-secondary:hover,
.key-primary:hover,
.key-close:focus-visible,
.key-secondary:focus-visible,
.key-primary:focus-visible {
  border-color: rgba(142, 232, 215, 0.64);
  color: var(--future-ink);
  outline: none;
}

.key-status {
  min-height: 1.25em;
  margin: 0;
  color: var(--future-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.future-app {
  position: relative;
  z-index: 2;
  width: min(980px, calc(100vw - 28px));
  min-height: 100svh;
  margin: 0 auto;
}

.future-stage {
  position: relative;
  min-height: 100svh;
  display: grid;
  grid-template-rows: auto auto;
  gap: clamp(8px, 1.4svh, 14px);
  align-content: start;
  padding: 74px 0 calc(104px + env(safe-area-inset-bottom));
}

.future-graph-stage {
  position: relative;
  justify-self: center;
  box-sizing: border-box;
  width: 100%;
  min-height: clamp(184px, 30svh, 318px);
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  margin: 0;
  border: 1px solid rgba(101, 208, 214, 0.14);
  border-radius: 16px;
  background: rgba(8, 14, 19, 0.94);
  backdrop-filter: blur(24px);
  box-shadow: 0 0 40px -16px rgba(0, 242, 255, 0.16);
}

.future-graph-stage.is-dense-map {
  min-height: clamp(300px, 38svh, 380px);
}

.future-graph-stage::before,
.future-graph-stage::after {
  display: none;
  position: absolute;
  top: 44px;
  z-index: 2;
  color: rgba(0, 242, 255, 0.64);
  font-family: var(--future-mono);
  font-size: clamp(0.44rem, 1.4vw, 0.56rem);
  font-weight: 860;
  letter-spacing: 0.04em;
  line-height: 1.25;
  pointer-events: none;
  text-transform: uppercase;
  white-space: pre;
}

.future-graph-stage::before {
  content: "INTENT.01\A EMERGENCY DESC.";
  left: clamp(16px, 5vw, 38px);
}

.future-graph-stage::after {
  content: "TRACE_02\A EXPANSION ZONE";
  right: clamp(16px, 5vw, 38px);
  color: rgba(199, 219, 224, 0.34);
  text-align: right;
}

.future-core {
  position: relative;
  z-index: 6;
  justify-self: center;
  width: clamp(104px, 18vw, 142px);
  height: clamp(104px, 18vw, 142px);
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(5, 15, 20, 0.34);
  cursor: pointer;
  margin: 0;
  filter: none;
  animation: none;
}

.core-aura,
.core-ring,
.core-light {
  position: absolute;
  border-radius: 50%;
}

.core-aura {
  inset: -34%;
  background:
    radial-gradient(circle, rgba(0, 242, 255, 0.08), transparent 64%);
  filter: blur(10px);
}

.core-ring {
  inset: -7%;
  border: 1px solid rgba(0, 242, 255, 0.28);
  box-shadow:
    0 0 28px rgba(0, 242, 255, 0.08),
    inset 0 0 26px rgba(0, 242, 255, 0.04);
}

.core-light {
  inset: 0;
  background:
    radial-gradient(circle, rgba(0, 242, 255, 0.06), rgba(4, 16, 22, 0.68) 66%, rgba(2, 8, 12, 0.84));
  border: 1px solid rgba(0, 242, 255, 0.18);
  box-shadow:
    inset 0 0 26px rgba(0, 242, 255, 0.045),
    0 0 18px rgba(0, 242, 255, 0.06);
}

body[data-phase="thinking"] .future-core {
  animation-duration: 2.4s;
}

body[data-phase="thinking"] .core-aura {
  opacity: 0.96;
}

body[data-phase="error"] .core-aura {
  background:
    radial-gradient(circle, rgba(255, 176, 168, 0.28), rgba(142, 232, 215, 0.1) 38%, transparent 72%);
}

.conversation-surface {
  position: relative;
  z-index: 4;
  justify-self: center;
  align-self: start;
  width: min(900px, calc(100vw - 34px));
  min-height: 0;
  max-height: none;
  display: grid;
  grid-template-rows: auto auto auto;
  gap: clamp(18px, 3svh, 34px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  overflow: visible;
  isolation: isolate;
}

.conversation-surface::before {
  display: none;
}

.conversation-stream {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 14px;
  overflow: visible;
  overscroll-behavior: contain;
  padding: 0 2px 0;
  scrollbar-gutter: stable;
}

.core-network {
  position: absolute;
  inset: 18px;
  z-index: 8;
  overflow: visible;
  pointer-events: none;
}

.core-network::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  width: min(210px, 50vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle, transparent 0 43%, rgba(0, 242, 255, 0.18) 44% 45%, transparent 46% 66%, rgba(0, 242, 255, 0.1) 67% 68%, transparent 69%),
    radial-gradient(circle, rgba(0, 242, 255, 0.08), transparent 62%);
  transform: translate(-50%, -50%);
  animation: none;
}

.core-network::after {
  content: "⊙ MAP RENDERED: V2.4.0";
  position: absolute;
  left: clamp(10px, 4vw, 28px);
  bottom: clamp(8px, 3vw, 18px);
  color: rgba(0, 242, 255, 0.48);
  font-family: var(--future-mono);
  font-size: clamp(0.46rem, 1.4vw, 0.58rem);
  font-weight: 820;
  letter-spacing: 0.08em;
  pointer-events: none;
  text-transform: uppercase;
}

.core-network[hidden] {
  display: none;
}

.future-core.is-map-rendered {
  opacity: 0;
  pointer-events: none;
}

.core-network.is-thought-map {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.core-network.is-thought-map::before,
.core-network.is-thought-map::after {
  display: none;
}

.thought-map-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.62;
  pointer-events: none;
}

.thought-map-axis,
.thought-map-link {
  fill: none;
  stroke: rgba(0, 242, 255, 0.42);
  stroke-width: 0.5;
  stroke-dasharray: 4 4;
  vector-effect: non-scaling-stroke;
}

.thought-map-axis {
  opacity: 0.18;
  stroke-width: 0.35;
  stroke-dasharray: 2 8;
}

.thought-map-link {
  opacity: 0.58;
  animation: thought-map-flow 7.2s linear infinite;
}

.thought-map-link-primary {
  stroke: rgba(255, 197, 67, 0.58);
  opacity: 0.76;
}

.thought-map-link-branch {
  stroke: rgba(0, 242, 255, 0.48);
  opacity: 0.64;
}

.thought-map-link-context {
  stroke: rgba(150, 216, 204, 0.22);
  opacity: 0.4;
}

.thought-map-dot {
  fill: var(--future-bright-accent);
  filter: drop-shadow(0 0 7px rgba(0, 242, 255, 0.78));
}

.thought-map-dot-primary {
  fill: var(--future-warm);
  filter: drop-shadow(0 0 7px rgba(244, 200, 109, 0.68));
}

.thought-core-node,
.thought-keyword-node {
  position: absolute;
  z-index: 3;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  pointer-events: auto;
}

.thought-core-node {
  left: 50%;
  top: 50%;
  width: clamp(104px, 18vw, 132px);
  height: clamp(104px, 18vw, 132px);
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.thought-core-pulse {
  position: absolute;
  inset: -26%;
  border-radius: 50%;
  background: rgba(0, 242, 255, 0.11);
  opacity: 0.42;
  animation: thought-core-pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.thought-core-card {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 15px;
  border: 1px solid rgba(0, 242, 255, 0.3);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(0, 242, 255, 0.12), rgba(5, 16, 22, 0.82) 67%, rgba(5, 12, 18, 0.92));
  box-shadow:
    0 0 30px rgba(0, 242, 255, 0.1),
    inset 0 0 26px rgba(0, 242, 255, 0.055);
  text-align: center;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.thought-core-node:hover .thought-core-card,
.thought-core-node:focus-visible .thought-core-card {
  border-color: rgba(0, 242, 255, 0.74);
  box-shadow:
    0 0 36px rgba(0, 242, 255, 0.18),
    inset 0 0 28px rgba(0, 242, 255, 0.08);
  transform: scale(1.045);
}

.thought-core-node:focus-visible {
  outline: none;
}

.thought-core-card em {
  color: rgba(0, 242, 255, 0.68);
  font-family: var(--future-mono);
  font-size: clamp(0.42rem, 1.1vw, 0.52rem);
  font-style: normal;
  font-weight: 820;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

.thought-core-card strong {
  max-width: 100%;
  color: var(--future-primary, #e1fdff);
  font-family: var(--future-serif);
  font-size: clamp(1rem, 2.7vw, 1.38rem);
  font-weight: 760;
  line-height: 1.04;
  overflow-wrap: anywhere;
  text-shadow: 0 0 10px rgba(0, 242, 255, 0.18);
}

.thought-core-card i {
  display: inline-flex;
  gap: 3px;
  margin-top: 2px;
  font-style: normal;
}

.thought-core-card b {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(0, 242, 255, 0.86);
}

.thought-core-card b:nth-child(n + 2) {
  opacity: 0.38;
}

.thought-keyword-cloud {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.thought-keyword-node {
  left: calc(var(--kx) * 1%);
  top: calc(var(--ky) * 1%);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 22px;
  max-width: min(180px, 27vw);
  padding: 3px 5px;
  border-radius: 8px;
  color: rgba(226, 226, 232, 0.74);
  cursor: pointer;
  text-align: left;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  transition: color 160ms ease, opacity 160ms ease, transform 160ms ease, text-shadow 160ms ease;
}

.thought-keyword-node:hover,
.thought-keyword-node:focus-visible {
  color: var(--future-ink);
  outline: none;
  text-shadow: 0 0 12px rgba(0, 242, 255, 0.28);
  transform: translate(-50%, -50%) scale(1.04);
}

.thought-keyword-side-right {
  text-align: right;
  justify-content: flex-end;
}

.thought-keyword-side-center {
  text-align: center;
  justify-content: center;
}

.thought-keyword-dot {
  width: 4px;
  height: 4px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--node-accent, var(--future-bright-accent));
  box-shadow: 0 0 8px rgba(var(--node-glow, 0, 242, 255), 0.82);
}

.thought-keyword-primary .thought-keyword-dot {
  background: var(--node-accent, var(--future-warm));
  box-shadow: 0 0 10px rgba(var(--node-glow, 244, 200, 109), 0.88);
}

.thought-keyword-family-geopolitics { --node-accent: #f2c56d; --node-glow: 242, 197, 109; }
.thought-keyword-family-markets { --node-accent: #70d6a7; --node-glow: 112, 214, 167; }
.thought-keyword-family-technology { --node-accent: #5fd4f5; --node-glow: 95, 212, 245; }
.thought-keyword-family-climate { --node-accent: #79c98b; --node-glow: 121, 201, 139; }
.thought-keyword-family-policy { --node-accent: #cf9df4; --node-glow: 207, 157, 244; }
.thought-keyword-family-science { --node-accent: #8faef5; --node-glow: 143, 174, 245; }
.thought-keyword-family-society { --node-accent: #e59aa8; --node-glow: 229, 154, 168; }
.thought-keyword-family-culture { --node-accent: #f0b879; --node-glow: 240, 184, 121; }

.thought-keyword-side-right .thought-keyword-dot {
  order: 3;
}

.thought-keyword-label {
  min-width: 0;
  color: currentColor;
  font-size: calc(0.56rem + (var(--kw) * 0.22rem));
  font-weight: calc(650 + (var(--kw) * 220));
  letter-spacing: 0;
  line-height: 1.02;
  overflow-wrap: anywhere;
  text-transform: none;
}

.thought-keyword-score {
  display: none;
  color: rgba(0, 242, 255, 0.54);
  font-family: var(--future-mono);
  font-size: 0.5rem;
  font-weight: 760;
  letter-spacing: 0.02em;
  line-height: 1;
}

.thought-keyword-primary {
  color: rgba(244, 231, 195, 0.92);
}

.thought-keyword-primary .thought-keyword-score {
  color: rgba(244, 200, 109, 0.84);
}

.thought-keyword-secondary {
  color: rgba(226, 241, 237, 0.8);
}

.thought-keyword-support {
  opacity: 0.72;
  color: rgba(199, 219, 224, 0.56);
}

.thought-keyword-quality-verified {
  opacity: 1;
}

.thought-keyword-quality-verified .thought-keyword-label {
  font-weight: 840;
}

.thought-keyword-quality-supported {
  opacity: 0.84;
}

.thought-keyword-quality-watch {
  opacity: 0.5;
  filter: saturate(0.72);
}

.thought-keyword-quality-watch .thought-keyword-label {
  font-weight: 620;
}

.thought-keyword-quality-watch:hover,
.thought-keyword-quality-watch:focus-visible {
  opacity: 1;
  filter: none;
}

.core-network.is-dense-map .thought-map-link-context {
  opacity: 0.26;
}

.core-network.is-dense-map .thought-keyword-node {
  max-width: min(142px, 16vw);
  gap: 4px;
  padding: 2px 4px;
}

.core-network.is-dense-map .thought-keyword-label {
  font-size: calc(0.5rem + (var(--kw) * 0.16rem));
  line-height: 1.06;
}

.thought-keyword-branch,
.thought-keyword-descendant {
  color: rgba(0, 242, 255, 0.82);
}

.thought-keyword-node:focus-visible {
  outline: 1px solid rgba(0, 242, 255, 0.32);
  outline-offset: 6px;
  border-radius: 8px;
}

.thought-map-footer {
  position: absolute;
  left: clamp(14px, 4vw, 32px);
  bottom: clamp(14px, 4vw, 26px);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(0, 242, 255, 0.58);
  font-family: var(--future-mono);
  font-size: clamp(0.5rem, 1.3vw, 0.62rem);
  font-weight: 780;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  pointer-events: none;
}

.thought-map-footer span {
  font-size: 0.82em;
}

.core-network.is-settled .insight-node {
  opacity: 1;
  animation: none;
  animation-delay: var(--float-delay, 0ms);
}

.core-network.is-settled .insight-node.is-active {
  animation: insight-node-active-float var(--float-speed, 5200ms) ease-in-out infinite;
}

.core-network.is-settled .insight-node.is-new {
  opacity: 0;
  animation:
    insight-node-emerge 520ms cubic-bezier(0.16, 0.9, 0.2, 1) forwards,
    insight-node-float var(--float-speed, 5200ms) ease-in-out infinite;
  animation-delay: var(--appear-delay, 0ms), calc(var(--appear-delay, 0ms) + var(--float-delay, 0ms));
}

.core-network.is-settled .insight-line-core {
  stroke-dashoffset: 0;
  animation: insight-link-breathe 5.8s ease-in-out infinite;
  animation-delay: 0ms;
}

.core-network.is-settled .insight-line-core.is-new-flow {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation:
    insight-link-draw 620ms cubic-bezier(0.2, 0.84, 0.24, 1) forwards,
    insight-link-breathe 5.8s ease-in-out infinite;
  animation-delay: 180ms, 820ms;
}

.core-network.is-settled .insight-line-pulse.is-new-flow {
  opacity: 0;
  animation:
    insight-link-flow var(--flow-speed, 6200ms) linear infinite,
    insight-pulse-reveal 360ms ease forwards;
  animation-delay: 560ms, 420ms;
}

.scan-field {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.scan-field span {
  position: absolute;
  width: clamp(150px, 34vw, 250px);
  aspect-ratio: 1;
  border: 1px solid rgba(142, 232, 215, 0.16);
  border-radius: 50%;
  opacity: 0.62;
  transform: scale(0.68);
  animation: scan-ring-expand 2.8s ease-in-out infinite;
}

.scan-field span:nth-child(2) {
  animation-delay: 0.7s;
}

.scan-field span:nth-child(3) {
  animation-delay: 1.4s;
}

.insight-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  filter: none;
}

.insight-line {
  fill: none;
  stroke: rgba(0, 242, 255, 0.22);
  stroke-width: 0.38;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.insight-line-core {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation:
    insight-link-draw 820ms cubic-bezier(0.2, 0.84, 0.24, 1) forwards,
    insight-link-breathe 5.8s ease-in-out infinite;
  animation-delay: var(--draw-delay, 0ms), calc(var(--draw-delay, 0ms) + 620ms);
}

.insight-line-pulse {
  stroke-width: 0.5;
  stroke: rgba(0, 242, 255, 0.22);
  stroke-dasharray: 3 15;
  stroke-dashoffset: 0;
  opacity: 0.32;
  filter: none;
  animation: insight-link-flow var(--flow-speed, 6200ms) linear infinite;
  animation-delay: var(--flow-delay, 0ms);
}

.insight-line-action {
  stroke: rgba(255, 197, 67, 0.24);
}

.insight-line-source {
  stroke-width: 0.46;
  stroke-dasharray: 2 4;
  opacity: 0.68;
}

.insight-line.is-route-flow {
  stroke: rgba(255, 197, 67, 0.52);
  stroke-width: 0.5;
  opacity: 0.72;
  filter: none;
}

.insight-line-pulse.is-route-flow {
  stroke: rgba(255, 197, 67, 0.5);
  stroke-width: 0.58;
  stroke-dasharray: 5 13;
}

.insight-line.is-branch-flow {
  stroke: var(--family-line, rgba(142, 232, 215, 0.38));
  opacity: 0.9;
}

.insight-line-pulse.is-branch-flow {
  stroke: var(--family-pulse, rgba(185, 255, 242, 0.62));
  stroke-dasharray: 4 10;
}

.insight-line.is-descendant-flow {
  stroke: var(--family-line, rgba(142, 232, 215, 0.24));
  stroke-width: 0.38;
  opacity: 0.58;
}

.insight-line-pulse.is-descendant-flow {
  stroke: var(--family-pulse, rgba(185, 255, 242, 0.36));
  stroke-width: 0.72;
  stroke-dasharray: 2.5 12;
  opacity: 0.46;
}

.insight-line.is-context-flow {
  stroke: rgba(150, 216, 204, 0.13);
  stroke-width: 0.42;
  opacity: 0.46;
}

.insight-line-pulse.is-context-flow {
  opacity: 0.22;
}

.insight-spark {
  fill: url(#insight-spark-gradient);
  opacity: 0.42;
  filter: drop-shadow(0 0 3px rgba(0, 242, 255, 0.28));
}

.insight-spark-action,
.insight-spark-watch {
  filter: drop-shadow(0 0 7px rgba(244, 200, 109, 0.58));
}

.insight-depth-1 {
  opacity: 0.82;
}

.insight-depth-2 {
  opacity: 0.62;
}

.insight-node {
  position: absolute;
  left: calc(var(--x) * 1%);
  top: calc(var(--y) * 1%);
  max-width: 112px;
  min-height: 26px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 197, 67, 0.32);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(24, 31, 31, 0.88), rgba(8, 12, 16, 0.86));
  color: rgba(229, 241, 238, 0.74);
  cursor: pointer;
  font: inherit;
  font-size: clamp(0.52rem, 1.35vw, 0.62rem);
  font-weight: 820;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  transform: translate(-50%, -50%);
  backdrop-filter: blur(8px);
  pointer-events: auto;
  will-change: transform, box-shadow, border-color;
  opacity: 0;
  animation:
    insight-node-emerge 720ms cubic-bezier(0.16, 0.9, 0.2, 1) forwards,
    insight-node-float var(--float-speed, 5200ms) ease-in-out infinite;
  animation-delay: var(--appear-delay, 0ms), calc(var(--appear-delay, 0ms) + var(--float-delay, 0ms));
}

.insight-node:hover,
.insight-node:focus-visible {
  border-color: rgba(0, 242, 255, 0.54);
  background: rgba(8, 20, 25, 0.9);
  color: var(--future-ink);
  outline: none;
  box-shadow: 0 0 18px rgba(0, 242, 255, 0.1);
}

.insight-node.is-active {
  z-index: 3;
  width: clamp(84px, 19vw, 112px);
  height: clamp(84px, 19vw, 112px);
  max-width: none;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 12px;
  border-color: rgba(0, 242, 255, 0.38);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(0, 242, 255, 0.07), rgba(5, 16, 22, 0.94) 72%);
  color: var(--future-ink);
  font-family: var(--future-font);
  font-size: clamp(0.76rem, 2.3vw, 0.96rem);
  font-weight: 900;
  line-height: 1.12;
  box-shadow:
    0 0 0 10px rgba(0, 242, 255, 0.025),
    0 0 28px rgba(0, 242, 255, 0.1);
  animation-name: insight-node-emerge, insight-node-active-float;
}

.insight-node.is-active::before {
  content: "CORE : ANALYSIS";
  color: rgba(0, 242, 255, 0.68);
  font-family: var(--future-mono);
  font-size: clamp(0.42rem, 1.2vw, 0.52rem);
  font-weight: 860;
  letter-spacing: 0.08em;
  line-height: 1;
}

.insight-node.is-active::after {
  content: "•••";
  color: rgba(0, 242, 255, 0.82);
  font-family: var(--future-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  line-height: 1;
}

.insight-node.is-route {
  z-index: 2;
  border-color: rgba(244, 200, 109, 0.42);
  background:
    linear-gradient(135deg, rgba(244, 200, 109, 0.12), rgba(7, 18, 24, 0.64)),
    rgba(7, 18, 24, 0.68);
  color: rgba(244, 231, 195, 0.86);
  box-shadow: 0 0 18px rgba(244, 200, 109, 0.08);
}

.insight-node.is-context {
  z-index: 1;
  border-color: rgba(150, 216, 204, 0.13);
  background: rgba(7, 18, 24, 0.46);
  color: rgba(226, 241, 237, 0.44);
  box-shadow: none;
}

.insight-node.is-descendant {
  max-width: 106px;
  min-height: 25px;
  padding: 5px 7px;
  font-size: 0.59rem;
}

.insight-node.is-descendant-2 {
  max-width: 92px;
  min-height: 23px;
  border-color: color-mix(in srgb, var(--family-border, rgba(142, 232, 215, 0.26)) 72%, transparent);
  background:
    linear-gradient(135deg, var(--family-bg, rgba(142, 232, 215, 0.045)), rgba(7, 18, 24, 0.76)),
    rgba(7, 18, 24, 0.64);
  color: rgba(226, 241, 237, 0.62);
  font-size: 0.54rem;
}

.insight-node.is-descendant-3 {
  max-width: 78px;
  min-height: 21px;
  padding: 4px 6px;
  border-color: rgba(150, 216, 204, 0.12);
  background: rgba(7, 18, 24, 0.5);
  color: rgba(226, 241, 237, 0.42);
  font-size: 0.5rem;
}

.insight-family-geopolitics,
.radar-family-geopolitics {
  --family-border: rgba(244, 200, 109, 0.48);
  --family-strong: rgba(255, 218, 127, 0.86);
  --family-bg: rgba(244, 200, 109, 0.08);
  --family-bg-strong: rgba(244, 200, 109, 0.2);
  --family-line: rgba(244, 200, 109, 0.3);
  --family-pulse: rgba(255, 218, 127, 0.54);
  --family-glow: rgba(244, 200, 109, 0.16);
}

.insight-family-markets,
.radar-family-markets {
  --family-border: rgba(111, 197, 255, 0.46);
  --family-strong: rgba(138, 216, 255, 0.86);
  --family-bg: rgba(111, 197, 255, 0.08);
  --family-bg-strong: rgba(111, 197, 255, 0.19);
  --family-line: rgba(111, 197, 255, 0.3);
  --family-pulse: rgba(138, 216, 255, 0.54);
  --family-glow: rgba(111, 197, 255, 0.15);
}

.insight-family-technology,
.radar-family-technology {
  --family-border: rgba(142, 232, 215, 0.54);
  --family-strong: rgba(185, 255, 242, 0.9);
  --family-bg: rgba(142, 232, 215, 0.09);
  --family-bg-strong: rgba(142, 232, 215, 0.22);
  --family-line: rgba(142, 232, 215, 0.32);
  --family-pulse: rgba(185, 255, 242, 0.58);
  --family-glow: rgba(142, 232, 215, 0.16);
}

.insight-family-climate,
.radar-family-climate {
  --family-border: rgba(143, 229, 157, 0.48);
  --family-strong: rgba(175, 247, 184, 0.84);
  --family-bg: rgba(143, 229, 157, 0.08);
  --family-bg-strong: rgba(143, 229, 157, 0.18);
  --family-line: rgba(143, 229, 157, 0.28);
  --family-pulse: rgba(175, 247, 184, 0.5);
  --family-glow: rgba(143, 229, 157, 0.14);
}

.insight-family-policy,
.radar-family-policy {
  --family-border: rgba(214, 167, 255, 0.42);
  --family-strong: rgba(226, 194, 255, 0.82);
  --family-bg: rgba(214, 167, 255, 0.075);
  --family-bg-strong: rgba(214, 167, 255, 0.17);
  --family-line: rgba(214, 167, 255, 0.26);
  --family-pulse: rgba(226, 194, 255, 0.48);
  --family-glow: rgba(214, 167, 255, 0.13);
}

.insight-family-science,
.radar-family-science {
  --family-border: rgba(255, 154, 128, 0.42);
  --family-strong: rgba(255, 184, 158, 0.82);
  --family-bg: rgba(255, 154, 128, 0.07);
  --family-bg-strong: rgba(255, 154, 128, 0.16);
  --family-line: rgba(255, 154, 128, 0.25);
  --family-pulse: rgba(255, 184, 158, 0.46);
  --family-glow: rgba(255, 154, 128, 0.12);
}

.insight-family-society,
.radar-family-society {
  --family-border: rgba(255, 210, 110, 0.44);
  --family-strong: rgba(255, 226, 148, 0.86);
  --family-bg: rgba(255, 210, 110, 0.075);
  --family-bg-strong: rgba(255, 210, 110, 0.17);
  --family-line: rgba(255, 210, 110, 0.27);
  --family-pulse: rgba(255, 226, 148, 0.48);
  --family-glow: rgba(255, 210, 110, 0.13);
}

.insight-family-culture,
.radar-family-culture {
  --family-border: rgba(255, 139, 190, 0.42);
  --family-strong: rgba(255, 179, 214, 0.84);
  --family-bg: rgba(255, 139, 190, 0.07);
  --family-bg-strong: rgba(255, 139, 190, 0.16);
  --family-line: rgba(255, 139, 190, 0.25);
  --family-pulse: rgba(255, 179, 214, 0.46);
  --family-glow: rgba(255, 139, 190, 0.12);
}

.insight-node-topic,
.insight-node-entity {
  border-color: var(--family-border, rgba(142, 232, 215, 0.32));
}

.insight-node-live {
  border-color: rgba(255, 197, 67, 0.36);
  background:
    linear-gradient(180deg, rgba(29, 34, 29, 0.9), rgba(9, 13, 15, 0.86));
  color: rgba(238, 247, 245, 0.88);
}

.insight-node-keyword {
  border-color: rgba(0, 242, 255, 0.34);
  background: rgba(8, 19, 24, 0.88);
  color: rgba(238, 247, 245, 0.92);
}

.insight-node-watch {
  border-color: rgba(255, 197, 67, 0.28);
  background: rgba(13, 16, 17, 0.88);
  color: rgba(244, 231, 195, 0.82);
}

.insight-node-context {
  border-color: rgba(150, 216, 204, 0.2);
  color: rgba(226, 241, 237, 0.58);
}

.insight-node-action {
  border-color: var(--family-border, rgba(244, 200, 109, 0.34));
  color: rgba(244, 231, 195, 0.82);
}

.insight-node-branch {
  border-color: rgba(255, 197, 67, 0.3);
  background: rgba(13, 17, 18, 0.88);
  color: rgba(226, 241, 237, 0.72);
  font-size: clamp(0.5rem, 1.25vw, 0.6rem);
}

.insight-node-leaf {
  border-color: rgba(180, 190, 206, 0.18);
  background: rgba(7, 18, 24, 0.58);
  color: rgba(226, 241, 237, 0.56);
  font-size: 0.62rem;
}

.insight-node-source {
  max-width: 104px;
  min-height: 26px;
  border-color: rgba(0, 242, 255, 0.22);
  background: rgba(8, 16, 19, 0.86);
  color: rgba(226, 241, 237, 0.66);
  font-size: clamp(0.5rem, 1.2vw, 0.58rem);
}


.radar-brief,
.explore-card {
  min-width: 0;
}

.radar-brief {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: end;
  padding: 2px 2px 0;
}

.radar-brief-head {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.radar-brief-head span {
  color: var(--future-accent);
  font-size: 0.68rem;
  font-weight: 860;
  letter-spacing: 0.1em;
}

.radar-brief-head strong {
  color: var(--future-ink);
  font-size: 1rem;
  line-height: 1.18;
}

.radar-brief p {
  grid-column: 1 / -1;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: rgba(226, 241, 237, 0.58);
  background: transparent;
  font-size: 0.73rem;
  font-weight: 760;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.radar-focus-line {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: min(320px, 42vw);
  min-width: 0;
  padding: 6px 9px;
  border: 1px solid rgba(142, 232, 215, 0.18);
  border-radius: 999px;
  background: rgba(7, 18, 24, 0.36);
  color: rgba(226, 241, 237, 0.7);
}

.radar-focus-line span {
  flex: 0 0 auto;
  color: var(--future-accent);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.radar-focus-line strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(238, 247, 245, 0.86);
  font-size: 0.74rem;
  font-weight: 840;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radar-route-line {
  grid-column: 1 / -1;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  color: rgba(244, 231, 195, 0.58);
  font-size: 0.67rem;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radar-controls {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 2px;
}

.radar-controls button {
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid rgba(150, 216, 204, 0.18);
  border-radius: 999px;
  background: rgba(5, 12, 18, 0.38);
  color: rgba(226, 241, 237, 0.68);
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 850;
}

.radar-controls button:hover,
.radar-controls button:focus-visible,
.radar-controls button.is-active {
  border-color: rgba(142, 232, 215, 0.58);
  background: rgba(142, 232, 215, 0.1);
  color: var(--future-accent);
  outline: none;
}

.radar-stats {
  grid-column: 1 / -1;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  color: rgba(142, 232, 215, 0.58);
  font-size: 0.62rem;
  font-weight: 860;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.radar-stats span {
  padding: 3px 0;
}

.radar-detail-panel {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding-top: 4px;
}

.radar-detail-panel section {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(150, 216, 204, 0.11);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(142, 232, 215, 0.05), transparent 62%),
    rgba(5, 14, 20, 0.26);
}

.radar-detail-sources {
  grid-column: span 2;
}

.radar-detail-panel section > span {
  color: rgba(142, 232, 215, 0.68);
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.radar-detail-note {
  margin: 0;
  color: rgba(226, 241, 237, 0.7);
  font-size: 0.72rem;
  font-weight: 720;
  line-height: 1.42;
}

.radar-detail-chips,
.radar-source-links {
  display: grid;
  gap: 6px;
}

.radar-detail-sources .radar-source-links {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.radar-detail-chips button,
.radar-source-links button {
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid rgba(150, 216, 204, 0.14);
  border-radius: 999px;
  background: rgba(7, 18, 24, 0.42);
  color: rgba(226, 241, 237, 0.68);
  cursor: pointer;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 780;
  line-height: 1.22;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radar-source-links button {
  border-radius: 12px;
  color: rgba(244, 231, 195, 0.68);
  display: grid;
  gap: 3px;
  white-space: normal;
}

.radar-source-links button strong,
.radar-source-links button em {
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.radar-source-links button strong {
  color: rgba(238, 247, 245, 0.78);
  font-size: 0.7rem;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.radar-source-links button em {
  color: rgba(142, 232, 215, 0.48);
  font-size: 0.58rem;
  font-style: normal;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.radar-detail-chips button:hover,
.radar-detail-chips button:focus-visible,
.radar-source-links button:hover,
.radar-source-links button:focus-visible {
  outline: none;
  border-color: rgba(142, 232, 215, 0.42);
  background: rgba(142, 232, 215, 0.08);
  color: rgba(238, 247, 245, 0.9);
}

.radar-source-links button:not([data-source-citation-index]) {
  cursor: default;
  border-color: rgba(244, 231, 195, 0.12);
}

.radar-detail-panel ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.radar-detail-panel li {
  position: relative;
  min-width: 0;
  padding-left: 11px;
  color: rgba(226, 241, 237, 0.62);
  font-size: 0.68rem;
  font-weight: 720;
  line-height: 1.32;
}

.radar-detail-panel li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(142, 232, 215, 0.62);
}

.intent-hub {
  display: grid;
  gap: 14px;
  min-width: 0;
  width: min(880px, 100%);
  padding: 4px 4px 0;
  max-width: 100%;
  box-sizing: border-box;
}

.intent-support {
  display: grid;
  gap: 14px;
  min-width: 0;
  width: min(820px, 100%);
  margin-top: 20px;
  max-width: 100%;
  box-sizing: border-box;
}

.intent-narrative {
  position: relative;
  display: grid;
  gap: 8px;
  padding-left: clamp(20px, 3vw, 34px);
  max-width: 100%;
  box-sizing: border-box;
}

.intent-narrative::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  bottom: -54px;
  width: 2px;
  background: linear-gradient(180deg, rgba(0, 242, 255, 0.7), rgba(0, 242, 255, 0.04));
}

.intent-kicker,
.intent-section-title,
.intent-logic-head span,
.intent-judgment span,
.intent-sources-head span {
  color: rgba(0, 242, 255, 0.8);
  font-family: var(--future-mono);
  font-size: 0.62rem;
  font-weight: 820;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

.intent-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.intent-kicker span {
  width: 24px;
  height: 1px;
  background: rgba(0, 242, 255, 0.28);
}

.intent-narrative p {
  max-width: 780px;
  margin: 0;
  color: rgba(225, 253, 255, 0.95);
  font-family: var(--future-font);
  font-size: clamp(0.78rem, 1.28vw, 0.96rem);
  font-weight: 820;
  line-height: 1.28;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

.intent-answer {
  width: min(880px, 100%);
}

.intent-answer .message-text {
  max-width: 780px;
}

.intent-expansion,
.intent-logic,
.intent-sources {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.intent-expansion,
.intent-logic {
  padding-left: clamp(20px, 3vw, 34px);
}

.intent-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(226, 241, 237, 0.7);
}

.intent-section-title::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(0, 242, 255, 0.82);
  box-shadow: 0 0 12px rgba(0, 242, 255, 0.55);
}

.intent-expansion-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: 12px;
}

.intent-gauge,
.intent-bars,
.intent-judgment,
.intent-sources {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(17, 19, 24, 0.42);
  backdrop-filter: blur(24px);
  box-shadow: 0 0 40px -16px rgba(0, 242, 255, 0.22);
}

.intent-gauge {
  position: relative;
  min-height: 158px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  padding: 18px;
  text-align: center;
}

.intent-gauge-ring {
  position: absolute;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background:
    conic-gradient(from -90deg, var(--future-bright-accent) calc(var(--severity) * 1%), rgba(255, 255, 255, 0.07) 0),
    radial-gradient(circle, rgba(17, 19, 24, 0.98) 0 56%, transparent 58%);
  mask-image: radial-gradient(circle, transparent 0 52%, #000 54%);
  box-shadow: 0 0 20px rgba(0, 242, 255, 0.18);
}

.intent-gauge strong {
  position: relative;
  color: var(--future-bright-accent);
  font-family: var(--future-mono);
  font-size: 1.05rem;
  font-weight: 900;
}

.intent-gauge span,
.intent-gauge em {
  position: relative;
  font-style: normal;
}

.intent-gauge span {
  color: rgba(238, 247, 245, 0.88);
  font-size: 0.72rem;
  font-weight: 820;
}

.intent-gauge em {
  color: rgba(226, 241, 237, 0.48);
  font-family: var(--future-mono);
  font-size: 0.55rem;
}

.intent-bars {
  display: grid;
  align-content: center;
  gap: 10px;
  min-height: 158px;
  padding: 18px;
}

.intent-bar-row {
  display: grid;
  gap: 5px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.intent-bar-row:hover,
.intent-bar-row:focus-visible {
  outline: none;
}

.intent-bar-row:hover div,
.intent-bar-row:focus-visible div {
  color: rgba(225, 253, 255, 0.94);
}

.intent-bar-row div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: rgba(226, 241, 237, 0.74);
  font-size: 0.68rem;
  font-weight: 760;
}

.intent-bar-row b {
  color: var(--future-bright-accent);
  font-family: var(--future-mono);
  font-size: 0.62rem;
}

.intent-bar-row i,
.intent-confidence i {
  position: relative;
  display: block;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.intent-bar-row i::after,
.intent-confidence i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(var(--value) * 1%);
  border-radius: inherit;
  background: var(--future-bright-accent);
  box-shadow: 0 0 10px rgba(0, 242, 255, 0.72);
}

.intent-bars > strong {
  margin-top: 4px;
  color: rgba(238, 247, 245, 0.9);
  font-size: 0.72rem;
  font-weight: 840;
}

.intent-scoreline {
  margin-top: 0;
  color: rgba(226, 241, 237, 0.5);
  font-family: var(--future-mono);
  font-size: 0.55rem;
  font-style: normal;
  font-weight: 760;
  letter-spacing: 0.02em;
}

.intent-logic-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.intent-logic-head > div:first-child {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.intent-logic-head strong {
  min-width: 0;
  color: rgba(238, 247, 245, 0.9);
  font-family: var(--future-serif);
  font-size: 1.18rem;
  font-weight: 580;
  line-height: 1.2;
}

.intent-confidence {
  width: 112px;
  display: grid;
  gap: 4px;
  justify-items: end;
  flex: 0 0 auto;
}

.intent-confidence span {
  color: rgba(0, 242, 255, 0.78);
  font-family: var(--future-mono);
  font-size: 0.58rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.intent-confidence strong {
  color: var(--future-bright-accent);
  font-family: var(--future-mono);
  font-size: 1rem;
}

.intent-confidence i {
  width: 100%;
}

.intent-judgment {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 15px 16px;
  border-left: 4px solid var(--future-bright-accent);
  overflow: hidden;
}

.intent-judgment p {
  margin: 0;
  color: rgba(238, 247, 245, 0.88);
  font-family: var(--future-font);
  font-size: clamp(0.84rem, 1.35vw, 0.98rem);
  font-weight: 720;
  line-height: 1.48;
}

.intent-brief-lines {
  display: grid;
  gap: 8px;
}

.intent-brief-lines p {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.intent-brief-lines b {
  color: rgba(0, 242, 255, 0.78);
  font-family: var(--future-mono);
  font-size: 0.58rem;
  font-weight: 860;
  letter-spacing: 0.08em;
}

.intent-brief-lines span {
  min-width: 0;
}

.intent-brief-axes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}

.intent-brief-axes button {
  min-height: 26px;
  padding: 5px 8px;
  border: 1px solid rgba(0, 242, 255, 0.18);
  border-radius: 999px;
  background: rgba(0, 242, 255, 0.045);
  color: rgba(226, 241, 237, 0.74);
  cursor: pointer;
  font: inherit;
  font-size: 0.62rem;
  font-weight: 780;
}

.intent-brief-axes button:hover,
.intent-brief-axes button:focus-visible {
  outline: none;
  border-color: rgba(0, 242, 255, 0.36);
  color: rgba(225, 253, 255, 0.94);
}

.intent-judgment em {
  width: fit-content;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(0, 242, 255, 0.18);
  border-radius: 6px;
  background: rgba(0, 242, 255, 0.05);
  color: rgba(0, 242, 255, 0.74);
  font-family: var(--future-mono);
  font-size: 0.56rem;
  font-style: normal;
  text-transform: uppercase;
}

.intent-sources {
  gap: 9px;
  padding: 12px;
}

.intent-sources-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.intent-sources-head span {
  color: rgba(255, 186, 32, 0.9);
}

.intent-sources-head strong {
  flex: 0 0 auto;
  padding: 3px 7px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(226, 241, 237, 0.58);
  font-family: var(--future-mono);
  font-size: 0.58rem;
  font-weight: 760;
  text-transform: uppercase;
}

.intent-source-list {
  display: grid;
  gap: 8px;
}

.intent-source-list button,
.intent-source-list p {
  min-width: 0;
  margin: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  color: rgba(226, 241, 237, 0.72);
  font: inherit;
  text-align: left;
}

.intent-source-list button {
  display: grid;
  gap: 4px;
  cursor: pointer;
}

.intent-source-list button:hover,
.intent-source-list button:focus-visible {
  outline: none;
  border-color: rgba(0, 242, 255, 0.24);
  background: rgba(0, 242, 255, 0.045);
}

.intent-source-list span {
  color: rgba(0, 242, 255, 0.7);
  font-family: var(--future-mono);
  font-size: 0.58rem;
  font-weight: 760;
}

.intent-source-list strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(238, 247, 245, 0.82);
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.32;
  text-overflow: ellipsis;
}

.intent-followups {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px;
}

.intent-followups button {
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid rgba(150, 216, 204, 0.2);
  border-radius: 999px;
  background: rgba(7, 18, 24, 0.34);
  color: rgba(226, 241, 237, 0.72);
  cursor: pointer;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 820;
}

.intent-followups button:hover,
.intent-followups button:focus-visible {
  outline: none;
  border-color: rgba(0, 242, 255, 0.42);
  color: rgba(225, 253, 255, 0.94);
}

.explore-card {
  padding: 0;
}

.analysis-progress {
  padding: 16px;
  border: 1px solid rgba(150, 216, 204, 0.12);
  border-radius: 22px;
  background: rgba(5, 14, 20, 0.32);
}

.analysis-progress-head {
  display: grid;
  gap: 4px;
}

.analysis-progress-head strong {
  color: var(--future-ink);
  font-size: 1rem;
}

.analysis-progress-head span {
  color: rgba(226, 241, 237, 0.5);
  font-size: 0.82rem;
}

.analysis-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.analysis-steps span {
  padding: 6px 8px;
  border: 1px solid rgba(150, 216, 204, 0.14);
  border-radius: 999px;
  color: rgba(226, 241, 237, 0.58);
  font-size: 0.7rem;
  font-weight: 760;
}

.analysis-step.is-done {
  border-color: rgba(142, 232, 215, 0.2);
  color: rgba(142, 232, 215, 0.72);
}

.analysis-step.is-active {
  border-color: rgba(142, 232, 215, 0.62);
  background: rgba(142, 232, 215, 0.14);
  color: var(--future-ink);
  box-shadow: 0 0 18px rgba(142, 232, 215, 0.1);
}

.conversation-stream::-webkit-scrollbar {
  width: 8px;
}

.conversation-stream::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(150, 216, 204, 0.22);
}

.message {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.message-label {
  color: var(--future-accent);
  font-size: 0.72rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.message.is-assistant {
  position: relative;
  display: grid;
  gap: 28px;
  width: min(880px, 100%);
  padding-left: 0;
}

.message.is-assistant::before {
  display: none;
}

.message.is-assistant .message-label {
  display: none;
}

.message.is-assistant .message-label::before {
  display: none;
}

.message-title {
  margin: 0;
  color: var(--future-ink);
  font-size: clamp(1.2rem, 2.7vw, 1.8rem);
  line-height: 1.18;
  letter-spacing: 0;
}

.message-text {
  display: grid;
  gap: 10px;
  color: var(--future-soft);
  font-size: 1.02rem;
  line-height: 1.62;
}

.message-text p {
  margin: 0;
}

.message.is-user {
  justify-items: end;
}

.message.is-user .message-text {
  max-width: min(680px, 86%);
  padding: 12px 15px;
  border: 1px solid rgba(150, 216, 204, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}

.message.is-assistant .message-text {
  max-width: 780px;
  color: rgba(225, 253, 255, 0.94);
  font-family: var(--future-font);
  font-size: clamp(0.9rem, 1.45vw, 1.08rem);
  font-weight: 760;
  line-height: 1.56;
  letter-spacing: 0;
  text-wrap: pretty;
}

.message.is-assistant .citation-ref {
  color: rgba(255, 186, 32, 0.94);
  font-family: var(--future-mono);
  font-size: 0.72em;
  font-weight: 820;
}

.message.is-empty .message-title {
  max-width: 13em;
}

.thinking-line {
  position: relative;
  width: min(440px, 100%);
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(150, 216, 204, 0.08);
}

.thinking-line::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 46%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(142, 232, 215, 0.38), transparent);
  animation: thinking-scan 1.45s ease-in-out infinite;
}

.thinking-direction {
  color: rgba(226, 241, 237, 0.5);
  font-size: 0.82rem;
  line-height: 1.45;
}

.usage-meta {
  margin-top: 0;
  color: rgba(226, 241, 237, 0.32);
  font-size: 0.62rem;
  font-weight: 760;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.evidence-strip {
  display: grid;
  gap: 6px;
  margin-top: 14px;
}

.evidence-strip button {
  display: grid;
  grid-template-columns: minmax(70px, 0.3fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid rgba(150, 216, 204, 0.13);
  border-radius: 12px;
  background: rgba(7, 18, 24, 0.34);
  color: rgba(226, 241, 237, 0.7);
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.evidence-strip button:hover,
.evidence-strip button:focus-visible {
  outline: none;
  border-color: rgba(142, 232, 215, 0.42);
  background: rgba(142, 232, 215, 0.08);
}

.evidence-strip strong,
.evidence-strip span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evidence-strip strong {
  color: rgba(142, 232, 215, 0.82);
  font-size: 0.68rem;
}

.evidence-strip span {
  color: rgba(226, 241, 237, 0.58);
  font-size: 0.66rem;
}

.insight-map-panel {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(150, 216, 204, 0.14);
}

.insight-map-focus {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.insight-map-focus span,
.insight-map-block > span {
  color: rgba(142, 232, 215, 0.86);
  font-size: 0.64rem;
  font-weight: 920;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.insight-map-focus strong {
  min-width: 0;
  color: rgba(238, 247, 245, 0.9);
  font-size: 0.95rem;
  font-weight: 880;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.insight-map-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.insight-map-block {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(150, 216, 204, 0.15);
  border-radius: 15px;
  background:
    linear-gradient(135deg, rgba(142, 232, 215, 0.06), rgba(7, 18, 24, 0.34)),
    rgba(5, 14, 20, 0.34);
}

.insight-map-block p {
  margin: 0;
  color: rgba(226, 241, 237, 0.76);
  font-size: 0.82rem;
  font-weight: 710;
  line-height: 1.55;
}

.insight-evidence-links {
  display: grid;
  gap: 6px;
}

.insight-evidence-links a,
.insight-evidence-links button {
  display: grid;
  grid-template-columns: minmax(72px, 0.28fr) minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(150, 216, 204, 0.14);
  border-radius: 12px;
  background: rgba(2, 10, 15, 0.34);
  color: rgba(226, 241, 237, 0.72);
  font: inherit;
  text-align: left;
}

.insight-evidence-links button {
  cursor: pointer;
}

.insight-evidence-links a:hover,
.insight-evidence-links a:focus-visible,
.insight-evidence-links button:hover,
.insight-evidence-links button:focus-visible {
  outline: none;
  border-color: rgba(142, 232, 215, 0.48);
  background: rgba(142, 232, 215, 0.08);
}

.insight-evidence-links span,
.insight-evidence-links strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.insight-evidence-links span {
  color: rgba(142, 232, 215, 0.78);
  font-size: 0.66rem;
  font-weight: 860;
}

.insight-evidence-links strong {
  color: rgba(226, 241, 237, 0.7);
  font-size: 0.72rem;
  font-weight: 720;
}

.insight-expansion-rail {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.insight-expansion-rail button {
  max-width: 100%;
  min-height: 31px;
  padding: 5px 10px;
  border: 1px solid rgba(142, 232, 215, 0.24);
  border-radius: 999px;
  background: rgba(7, 18, 24, 0.44);
  color: rgba(226, 241, 237, 0.78);
  cursor: pointer;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 820;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.insight-expansion-rail button:hover,
.insight-expansion-rail button:focus-visible {
  outline: none;
  border-color: rgba(244, 200, 109, 0.5);
  color: rgba(238, 247, 245, 0.94);
}

.intelligence-panel {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(150, 216, 204, 0.13);
}

.intelligence-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.intelligence-head span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border: 1px solid rgba(142, 232, 215, 0.24);
  border-radius: 999px;
  color: rgba(142, 232, 215, 0.86);
  font-size: 0.63rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.intelligence-panel.is-ai .intelligence-head span {
  border-color: rgba(244, 200, 109, 0.36);
  color: rgba(244, 200, 109, 0.9);
}

.intelligence-head strong {
  min-width: 0;
  color: rgba(226, 241, 237, 0.52);
  font-size: 0.72rem;
  font-weight: 760;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.active-axis-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(142, 232, 215, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(142, 232, 215, 0.075), rgba(244, 200, 109, 0.035) 58%, transparent),
    rgba(5, 14, 20, 0.34);
}

.active-axis-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.active-axis-head span {
  color: rgba(142, 232, 215, 0.9);
  font-size: 0.66rem;
  font-weight: 920;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.active-axis-head strong {
  min-width: 0;
  color: rgba(238, 247, 245, 0.9);
  font-size: 1rem;
  font-weight: 880;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.active-axis-panel p {
  margin: 0;
  color: rgba(226, 241, 237, 0.72);
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.62;
}

.active-axis-panel b {
  color: rgba(244, 200, 109, 0.86);
}

.active-axis-route {
  color: rgba(226, 241, 237, 0.42);
  font-size: 0.66rem;
  font-weight: 760;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.active-axis-rationale {
  padding: 7px 9px;
  border-left: 2px solid rgba(244, 200, 109, 0.52);
  color: rgba(226, 241, 237, 0.58);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.42;
}

.active-axis-insight {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.active-axis-insight li {
  position: relative;
  padding-left: 11px;
  color: rgba(226, 241, 237, 0.7);
  font-size: 0.8rem;
  font-weight: 690;
  line-height: 1.5;
}

.active-axis-insight li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(142, 232, 215, 0.76);
}

.active-axis-evidence {
  display: grid;
  gap: 6px;
}

.active-axis-evidence-note {
  color: rgba(226, 241, 237, 0.42);
  font-size: 0.62rem;
  font-weight: 760;
}

.active-axis-evidence > a,
.active-axis-evidence > div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(150, 216, 204, 0.14);
  border-radius: 11px;
  background: rgba(5, 14, 20, 0.36);
}

.active-axis-evidence > a {
  cursor: pointer;
}

.active-axis-evidence > a:hover,
.active-axis-evidence > a:focus-visible {
  outline: none;
  border-color: rgba(142, 232, 215, 0.54);
  background: rgba(142, 232, 215, 0.08);
}

.active-axis-evidence span {
  color: rgba(142, 232, 215, 0.78);
  font-size: 0.62rem;
  font-weight: 850;
}

.active-axis-evidence strong {
  min-width: 0;
  color: rgba(226, 241, 237, 0.72);
  font-size: 0.72rem;
  font-weight: 720;
  line-height: 1.35;
}

.active-axis-children {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.active-axis-children button {
  min-width: 0;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid rgba(150, 216, 204, 0.15);
  border-radius: 999px;
  background: rgba(7, 18, 24, 0.36);
  color: rgba(226, 241, 237, 0.56);
  cursor: pointer;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 760;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.active-axis-children button:hover,
.active-axis-children button:focus-visible {
  outline: none;
  border-color: rgba(142, 232, 215, 0.48);
  color: rgba(226, 241, 237, 0.9);
}

.axis-followup {
  justify-self: start;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(142, 232, 215, 0.34);
  border-radius: 999px;
  background: rgba(142, 232, 215, 0.08);
  color: rgba(185, 255, 242, 0.9);
  cursor: pointer;
  font: inherit;
  font-size: 0.7rem;
  font-weight: 860;
}

.axis-followup:hover,
.axis-followup:focus-visible {
  outline: none;
  border-color: rgba(142, 232, 215, 0.62);
  background: rgba(142, 232, 215, 0.14);
}

.intelligence-axis-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.intelligence-axis,
.intelligence-sources button {
  min-width: 0;
  border: 1px solid rgba(150, 216, 204, 0.14);
  background:
    linear-gradient(135deg, rgba(142, 232, 215, 0.055), rgba(7, 18, 24, 0.34)),
    rgba(7, 18, 24, 0.34);
  color: rgba(226, 241, 237, 0.74);
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.intelligence-axis {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 999px;
}

.intelligence-axis strong {
  min-width: 0;
  max-width: 17ch;
  color: rgba(238, 247, 245, 0.86);
  font-size: 0.78rem;
  font-weight: 860;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intelligence-axis em {
  min-width: 0;
  max-width: 8ch;
  color: rgba(226, 241, 237, 0.44);
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 720;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intelligence-sources {
  display: grid;
  gap: 6px;
}

.intelligence-sources button {
  display: grid;
  grid-template-columns: minmax(84px, 0.34fr) minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-height: 34px;
  padding: 7px 9px;
  border-radius: 12px;
}

.intelligence-sources span,
.intelligence-sources strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intelligence-sources span {
  color: rgba(142, 232, 215, 0.72);
  font-size: 0.64rem;
  font-weight: 840;
}

.intelligence-sources strong {
  color: rgba(226, 241, 237, 0.62);
  font-size: 0.66rem;
  font-weight: 720;
}

.intelligence-axis:hover,
.intelligence-axis:focus-visible,
.intelligence-axis.is-selected,
.intelligence-sources button:hover,
.intelligence-sources button:focus-visible {
  outline: none;
  border-color: rgba(142, 232, 215, 0.42);
  background:
    linear-gradient(135deg, rgba(142, 232, 215, 0.11), rgba(7, 18, 24, 0.38)),
    rgba(7, 18, 24, 0.46);
}

.citation-ref {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 1px;
  border: 0;
  background: none;
  color: var(--future-warm);
  cursor: pointer;
  font-size: 0.78em;
  font-weight: 850;
  line-height: 1;
  vertical-align: super;
}

.citation-ref:focus-visible {
  outline: 2px solid rgba(244, 200, 109, 0.48);
  outline-offset: 2px;
}

.citation-popover {
  position: fixed;
  z-index: 30;
  width: min(340px, calc(100vw - 24px));
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid var(--future-line-strong);
  border-radius: 16px;
  background: rgba(5, 12, 18, 0.94);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(18px);
}

.citation-popover[hidden] {
  display: none;
}

.citation-popover a {
  color: var(--future-ink);
  font-weight: 780;
}

.citation-popover span {
  color: var(--future-muted);
  font-size: 0.8rem;
  line-height: 1.45;
}

.query-dock {
  position: fixed;
  left: 50%;
  bottom: max(14px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 10;
  justify-self: center;
  width: min(760px, calc(100vw - 34px));
  padding: 11px;
  border: 1px solid rgba(150, 216, 204, 0.22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(17, 19, 24, 0.86), rgba(12, 14, 18, 0.78)),
    rgba(12, 14, 18, 0.72);
  backdrop-filter: blur(22px);
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.42), 0 0 34px -18px rgba(0, 242, 255, 0.45);
}

.composer-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.query-input {
  min-width: 0;
  width: 100%;
  border: 0;
  border-radius: 10px;
  background: rgba(2, 7, 11, 0.42);
  color: var(--future-ink);
  outline: none;
  padding: 12px 14px;
}

.query-input::placeholder {
  color: rgba(226, 241, 237, 0.46);
}

.send-action {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(142, 232, 215, 0.44);
  border-radius: 12px;
  background: rgba(0, 242, 255, 0.14);
  color: rgba(225, 253, 255, 0.94);
  cursor: pointer;
}

.send-action svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.send-action:hover,
.send-action:focus-visible {
  border-color: rgba(142, 232, 215, 0.78);
  background: rgba(142, 232, 215, 0.2);
  color: var(--future-ink);
  outline: none;
}

.send-action:disabled {
  cursor: wait;
  opacity: 0.52;
}

@keyframes core-breathe {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.045);
  }
}

@keyframes thinking-scan {
  0% {
    transform: translateX(-110%);
  }
  100% {
    transform: translateX(250%);
  }
}

@keyframes network-core-field {
  0%,
  100% {
    opacity: 0.52;
    transform: translate(-50%, -50%) scale(0.92) rotate(0deg);
  }
  50% {
    opacity: 0.92;
    transform: translate(-50%, -50%) scale(1.08) rotate(18deg);
  }
}

@keyframes insight-node-emerge {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.64);
    filter: blur(4px);
  }
  66% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.06);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    filter: blur(0);
  }
}

@keyframes insight-node-float {
  0%,
  100% {
    transform: translate(-50%, -50%) translate(0, 0);
  }
  45% {
    transform: translate(-50%, -50%) translate(var(--float-x, 1px), var(--float-y, -1px));
  }
  72% {
    transform: translate(-50%, -50%) translate(calc(var(--float-x, 1px) * -0.42), calc(var(--float-y, -1px) * 0.54));
  }
}

@keyframes insight-node-active-float {
  0%,
  100% {
    transform: translate(-50%, -50%) translate(0, 0) scale(1);
  }
  48% {
    transform: translate(-50%, -50%) translate(calc(var(--float-x, 1px) * 0.62), calc(var(--float-y, -1px) * 0.62)) scale(1.025);
  }
}

@keyframes insight-link-flow {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -34;
  }
}

@keyframes insight-link-draw {
  0% {
    stroke-dashoffset: 1;
    opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes insight-link-breathe {
  0%,
  100% {
    stroke-opacity: 0.34;
  }
  50% {
    stroke-opacity: 0.72;
  }
}

@keyframes insight-pulse-reveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.74;
  }
}

@keyframes scan-ring-expand {
  0% {
    opacity: 0;
    transform: scale(0.55);
  }
  38% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  .core-network::before,
  .insight-node,
  .insight-line,
  .scan-field span {
    animation: none;
    opacity: 1;
  }

  .insight-spark {
    display: none;
  }
}

@media (max-width: 760px) {
  .future-stage {
    grid-template-rows: minmax(0, 1fr) auto;
    padding-top: 72px;
    padding-bottom: calc(118px + env(safe-area-inset-bottom));
  }

  .future-graph-stage {
    min-height: clamp(230px, 34svh, 360px);
  }

  .future-core {
    width: 96px;
    height: 96px;
  }

  .conversation-surface {
    width: calc(100vw - 28px);
    min-height: 0;
    max-height: none;
    padding: 0;
    border-radius: 0;
  }

  .message.is-assistant .message-text {
    font-size: clamp(0.86rem, 3.1vw, 0.98rem);
    line-height: 1.58;
  }

  .intent-hub {
    gap: 24px;
  }

  .intent-support {
    gap: 24px;
  }

  .intent-narrative,
  .intent-expansion,
  .intent-logic {
    padding-left: 20px;
  }

  .intent-narrative p {
    font-size: clamp(0.86rem, 3.1vw, 0.98rem);
    line-height: 1.36;
  }

  .intent-expansion-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .intent-gauge,
  .intent-bars {
    min-height: 128px;
  }

  .intent-logic-head {
    align-items: flex-start;
  }

  .radar-focus-line {
    max-width: 46vw;
  }

  .radar-detail-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .radar-detail-sources,
  .radar-detail-sources .radar-source-links {
    grid-column: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .intelligence-axis-grid,
  .intelligence-sources button {
    grid-template-columns: minmax(0, 1fr);
  }

  .intelligence-sources button {
    gap: 2px;
  }

  .insight-node {
    max-width: 112px;
    font-size: 0.61rem;
  }

  .query-dock {
    width: calc(100vw - 28px);
  }
}

@media (orientation: landscape) and (min-aspect-ratio: 4 / 3) {
  .future-topline {
    padding: 9px 14px;
  }

  .future-brand {
    min-height: 24px;
    font-size: 0.78rem;
  }

  .future-live-status {
    font-size: 0.48rem;
  }

  .key-action {
    width: 34px;
    height: 34px;
  }

  .topbar-precision {
    min-height: 34px;
    padding: 5px 8px;
  }

  .future-app {
    width: min(1240px, calc(100vw - 24px));
  }

  .future-stage {
    gap: 14px;
    padding-top: 58px;
    padding-bottom: calc(32px + env(safe-area-inset-bottom));
  }

  .future-graph-stage {
    min-height: clamp(176px, 46svh, 260px);
    border-radius: 14px;
  }

  .conversation-surface {
    width: min(1120px, calc(100vw - 56px));
    gap: 18px;
  }

  .intent-hub,
  .intent-support {
    width: 100%;
    gap: 18px;
  }

  .intent-narrative,
  .intent-expansion,
  .intent-logic {
    padding-left: 16px;
  }

  .intent-narrative::before {
    top: 18px;
    bottom: -34px;
  }

  .intent-narrative p {
    max-width: none;
    font-size: 0.88rem;
    line-height: 1.34;
  }

  .intent-expansion-grid {
    grid-template-columns: minmax(126px, 0.24fr) minmax(0, 1.76fr);
    gap: 10px;
  }

  .intent-gauge,
  .intent-bars {
    min-height: 86px;
    padding: 10px 12px;
  }

  .intent-gauge-ring {
    width: 58px;
    height: 58px;
  }

  .intent-gauge strong,
  .intent-confidence strong {
    font-size: 0.9rem;
  }

  .intent-gauge em {
    display: none;
  }

  .intent-bars {
    gap: 5px;
  }

  .intent-bar-row {
    gap: 4px;
  }

  .intent-bar-row div {
    font-size: 0.6rem;
  }

  .intent-bar-row i,
  .intent-confidence i {
    height: 3px;
  }

  .intent-logic-head strong {
    font-size: 1rem;
  }

  .intent-judgment,
  .intent-sources {
    padding: 14px;
  }

  .intent-judgment p {
    font-size: 0.84rem;
    line-height: 1.42;
  }

  .intent-source-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .intent-source-list button,
  .intent-source-list p {
    padding: 9px 10px;
  }

  .intent-source-list strong {
    font-size: 0.7rem;
    line-height: 1.28;
  }

  .intent-followups {
    padding-bottom: 2px;
  }

  .intent-followups button {
    min-height: 28px;
    padding: 5px 9px;
    font-size: 0.64rem;
  }

  .thought-core-node {
    width: 86px;
    height: 86px;
  }

  .thought-core-card {
    padding: 11px;
  }

  .thought-core-card strong {
    font-size: 0.9rem;
  }

  .thought-core-card em {
    font-size: 0.48rem;
  }

  .thought-keyword-node {
    width: min(160px, 36vw);
    max-width: none;
    gap: 4px;
  }

  .thought-keyword-side-left {
    transform: translate(0, -50%);
  }

  .thought-keyword-side-right {
    transform: translate(-100%, -50%);
  }

  .thought-keyword-side-left:hover,
  .thought-keyword-side-left:focus-visible {
    transform: translate(0, -50%) scale(1.03);
  }

  .thought-keyword-side-right:hover,
  .thought-keyword-side-right:focus-visible {
    transform: translate(-100%, -50%) scale(1.03);
  }

  .thought-keyword-label {
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(0.5rem + (var(--kw) * 0.18rem));
    line-height: 1.08;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .thought-map-footer {
    left: 12px;
    bottom: 10px;
    font-size: 0.46rem;
  }

  .query-dock {
    position: sticky;
    left: auto;
    bottom: max(8px, env(safe-area-inset-bottom));
    transform: none;
    width: min(620px, 58vw);
    margin: 0 auto;
    padding: 8px;
    border-radius: 14px;
  }

  .query-input {
    padding: 9px 12px;
  }

  .send-action {
    width: 40px;
    height: 40px;
  }
}

@media (orientation: landscape) and (min-aspect-ratio: 4 / 3) and (min-width: 900px) {
  .intent-hub,
  .intent-support {
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    align-items: start;
  }

  .intent-narrative {
    grid-column: 1;
  }

  .intent-expansion {
    grid-column: 2;
    grid-row: 1;
  }

  .intent-logic {
    grid-column: 1;
  }

  .intent-sources {
    grid-column: 2;
    grid-row: 2;
    align-self: stretch;
  }

  .intent-expansion {
    gap: 10px;
    padding-left: 0;
  }

  .intent-expansion-grid {
    grid-template-columns: minmax(96px, 0.34fr) minmax(0, 1.66fr);
    gap: 8px;
  }

  .intent-gauge,
  .intent-bars {
    min-height: 78px;
    padding: 9px 10px;
  }

  .intent-gauge-ring {
    width: 52px;
    height: 52px;
  }

  .intent-section-title {
    min-height: 18px;
  }

  .intent-bars > strong {
    margin-top: 1px;
    font-size: 0.62rem;
  }

  .intent-judgment {
    min-height: 0;
  }

  .intent-source-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .intent-followups {
    grid-column: 1 / -1;
  }
}

@media (max-width: 440px) {
  .future-topline {
    gap: 8px;
    padding: 13px 10px;
  }

  .topline-actions {
    gap: 6px;
  }

  .topbar-precision {
    min-height: 34px;
    padding: 5px 7px;
  }

  .topbar-precision span {
    display: none;
  }

  .future-brand {
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    white-space: nowrap;
  }

  .key-action {
    width: 34px;
    height: 34px;
  }

  .future-live-status {
    font-size: 0.5rem;
  }

  .future-app {
    width: calc(100vw - 18px);
  }

  .future-stage {
    grid-template-rows: minmax(0, 1fr) auto;
    padding: 68px 0 calc(112px + env(safe-area-inset-bottom));
  }

  .future-graph-stage {
    min-height: clamp(210px, 32svh, 320px);
  }

  .thought-core-node {
    width: 94px;
    height: 94px;
  }

  .thought-core-card {
    padding: 12px;
  }

  .thought-core-card strong {
    font-size: 1rem;
  }

  .thought-keyword-node {
    max-width: 96px;
    gap: 4px;
    padding: 2px 3px;
  }

  .thought-keyword-label {
    font-size: calc(0.5rem + (var(--kw) * 0.18rem));
  }

  .thought-keyword-score {
    display: none;
  }

  .thought-map-footer {
    left: 14px;
    bottom: 13px;
    font-size: 0.48rem;
  }

  .future-core {
    width: 86px;
    height: 86px;
  }

  .conversation-surface {
    width: calc(100vw - 18px);
    min-height: 0;
    max-height: none;
    padding: 0;
  }

  .insight-node {
    max-width: 96px;
    min-height: 25px;
    padding: 5px 7px;
    font-size: 0.56rem;
  }

  .radar-brief {
    grid-template-columns: minmax(0, 1fr);
    padding: 0 2px;
  }

  .radar-focus-line {
    justify-self: start;
    max-width: 100%;
  }

  .radar-detail-panel section {
    padding: 9px;
  }

  .explore-card,
  .analysis-progress {
    padding: 12px;
  }

  .explore-card {
    padding: 0;
  }

  .message.is-user .message-text {
    max-width: 94%;
  }

  .intent-hub {
    padding: 0 2px;
  }

  .intent-support {
    margin-top: 18px;
  }

  .intent-narrative,
  .intent-expansion,
  .intent-logic {
    padding-left: 18px;
  }

  .intent-narrative::before {
    bottom: -42px;
  }

  .intent-narrative p {
    font-size: clamp(0.84rem, 3.4vw, 0.94rem);
  }

  .intent-logic-head {
    display: grid;
  }

  .intent-confidence {
    width: 118px;
    justify-items: start;
  }

  .intent-judgment,
  .intent-sources {
    padding: 16px;
  }

  .intent-judgment p {
    font-size: 0.86rem;
  }

  .query-dock {
    width: calc(100vw - 18px);
    border-radius: 14px;
  }

  .send-action {
    width: 42px;
    height: 42px;
  }
}

/* Final answer-mode override: keep the main decision path in one viewport. */
body[data-phase="answer"] .future-stage {
  align-content: start;
  gap: 6px;
  padding-top: 50px;
  padding-bottom: calc(78px + env(safe-area-inset-bottom));
}

body[data-phase="answer"] .conversation-surface {
  width: min(880px, calc(100vw - 12px));
  gap: 6px;
}

body[data-phase="answer"] .future-graph-stage {
  min-height: clamp(184px, 29svh, 252px);
}

body[data-phase="answer"] .intent-support {
  display: grid;
  gap: 6px;
  margin-top: 0;
}

body[data-phase="answer"] .intent-answer,
body[data-phase="answer"] .intent-section-title {
  display: none;
}

body[data-phase="answer"] .intent-narrative,
body[data-phase="answer"] .intent-expansion,
body[data-phase="answer"] .intent-logic {
  padding-left: 12px;
}

body[data-phase="answer"] .intent-narrative p {
  display: -webkit-box;
  overflow: hidden;
  font-size: clamp(0.74rem, 2.7vw, 0.86rem);
  line-height: 1.24;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-phase="answer"] .intent-expansion-grid {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: stretch;
  gap: 5px;
  max-width: none;
}

body[data-phase="answer"] .intent-gauge {
  min-height: 56px;
  padding: 4px;
  border-radius: 10px;
  box-shadow: none;
}

body[data-phase="answer"] .intent-gauge-ring {
  width: 34px;
  height: 34px;
}

body[data-phase="answer"] .intent-gauge strong {
  font-size: 0.6rem;
}

body[data-phase="answer"] .intent-gauge span {
  font-size: 0.48rem;
}

body[data-phase="answer"] .intent-gauge em {
  display: none;
}

body[data-phase="answer"] .intent-bars {
  min-height: 56px;
  gap: 3px;
  padding: 6px 8px;
  border-radius: 10px;
  box-shadow: none;
}

body[data-phase="answer"] .intent-bar-row:nth-of-type(n + 3) {
  display: none;
}

body[data-phase="answer"] .intent-bar-row div {
  font-size: 0.54rem;
}

body[data-phase="answer"] .intent-bar-row i,
body[data-phase="answer"] .intent-confidence i {
  height: 3px;
}

body[data-phase="answer"] .intent-bars > strong {
  display: none;
}

body[data-phase="answer"] .intent-scoreline {
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.48rem;
  line-height: 1.18;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-phase="answer"] .intent-logic-head {
  display: flex;
}

body[data-phase="answer"] .intent-logic-head strong {
  font-size: 0.88rem;
}

body[data-phase="answer"] .intent-confidence {
  width: 82px;
  justify-items: end;
}

body[data-phase="answer"] .intent-judgment {
  padding: 10px 12px;
}

body[data-phase="answer"] .intent-judgment p {
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.7rem;
  line-height: 1.28;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-phase="answer"] .intent-sources {
  display: grid;
  gap: 6px;
  padding: 10px;
}

body[data-phase="answer"] .intent-expansion,
body[data-phase="answer"] .intent-logic,
body[data-phase="answer"] .intent-sources {
  position: relative;
}

body[data-phase="answer"] .intent-logic::before,
body[data-phase="answer"] .intent-sources::before {
  content: "";
  position: absolute;
  left: 12px;
  top: -7px;
  width: 1px;
  height: 7px;
  background: rgba(0, 242, 255, 0.28);
}

body[data-phase="answer"] .intent-sources-head span {
  font-size: 0.54rem;
}

body[data-phase="answer"] .intent-sources-head strong {
  padding: 2px 6px;
  font-size: 0.5rem;
}

body[data-phase="answer"] .intent-source-list {
  gap: 5px;
}

body[data-phase="answer"] .intent-source-list button,
body[data-phase="answer"] .intent-source-list p {
  padding: 7px 8px;
  border-radius: 9px;
}

body[data-phase="answer"] .intent-source-list button:nth-of-type(n + 4) {
  display: none;
}

body[data-phase="answer"] .intent-source-list span {
  font-size: 0.5rem;
}

body[data-phase="answer"] .intent-source-list strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.62rem;
  line-height: 1.22;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-phase="answer"] .intent-followups {
  display: none;
}

body[data-phase="answer"] .query-dock {
  width: min(660px, calc(100vw - 14px));
  padding: 7px;
}

@media (min-width: 620px) {
  body[data-phase="answer"] .intent-support {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 0.58fr);
    align-items: start;
  }

  body[data-phase="answer"] .intent-expansion {
    grid-column: 1;
  }

  body[data-phase="answer"] .intent-logic {
    grid-column: 1;
  }

  body[data-phase="answer"] .intent-sources {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}

@media (max-width: 440px) {
  body[data-phase="answer"] .intent-expansion-grid {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
  }

  body[data-phase="answer"] .intent-gauge,
  body[data-phase="answer"] .intent-bars {
    min-height: 52px;
  }

  body[data-phase="answer"] .intent-gauge-ring {
    width: 30px;
    height: 30px;
  }
}

/* Metrics component: compact by construction, independent of answer/media overrides. */
.intent-metrics {
  gap: 4px;
  padding-left: clamp(12px, 2vw, 20px);
}

.intent-metrics .intent-section-title {
  display: none;
}

.intent-metrics-strip {
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 8px !important;
  max-width: none !important;
}

.intent-metrics .intent-gauge,
.intent-metrics .intent-bars {
  min-height: 54px !important;
  padding: 7px 9px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.intent-metrics .intent-gauge-ring {
  display: none !important;
}

.intent-metrics .intent-gauge {
  place-items: start !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 1px !important;
  text-align: left !important;
}

.intent-metrics .intent-gauge strong {
  font-size: 0.76rem !important;
  line-height: 1 !important;
}

.intent-metrics .intent-gauge span {
  color: rgba(0, 242, 255, 0.72) !important;
  font-family: var(--future-mono) !important;
  font-size: 0.48rem !important;
  font-weight: 820 !important;
  letter-spacing: 0.04em !important;
}

.intent-metrics .intent-bars > strong {
  display: none !important;
}

.intent-metrics .intent-gauge em {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: rgba(226, 241, 237, 0.48) !important;
  font-family: var(--future-mono) !important;
  font-size: 0.46rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.intent-metrics .intent-bars {
  gap: 4px !important;
}

.intent-metrics .intent-bar-row:nth-of-type(n + 3) {
  display: none !important;
}

.intent-metrics .intent-bar-row div {
  font-size: 0.54rem !important;
}

.intent-metrics .intent-bar-row i {
  height: 3px !important;
}

.intent-metrics .intent-scoreline {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 0.48rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Reader-first answer layout: keep labels, confidence, and judgement compact. */
body[data-phase="answer"] .intent-support {
  gap: 5px !important;
  margin-top: 0 !important;
}

body[data-phase="answer"] .intent-narrative,
body[data-phase="answer"] .intent-metrics,
body[data-phase="answer"] .intent-logic {
  padding-left: 8px !important;
}

body[data-phase="answer"] .intent-narrative::before {
  left: 0 !important;
  top: 18px !important;
  bottom: -28px !important;
}

body[data-phase="answer"] .intent-narrative p {
  font-size: clamp(0.78rem, 2.65vw, 0.9rem) !important;
  line-height: 1.25 !important;
  -webkit-line-clamp: 2 !important;
}

body[data-phase="answer"] .intent-logic {
  gap: 5px !important;
}

body[data-phase="answer"] .intent-logic-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 8px !important;
}

body[data-phase="answer"] .intent-logic-head > div:first-child {
  gap: 3px !important;
}

body[data-phase="answer"] .intent-logic-head strong {
  font-size: clamp(0.88rem, 3.4vw, 1.02rem) !important;
  line-height: 1.12 !important;
}

body[data-phase="answer"] .intent-confidence {
  width: 74px !important;
  gap: 2px !important;
  justify-items: end !important;
}

body[data-phase="answer"] .intent-confidence span {
  font-size: 0.48rem !important;
}

body[data-phase="answer"] .intent-confidence strong {
  font-size: 0.78rem !important;
  line-height: 1 !important;
}

body[data-phase="answer"] .intent-judgment {
  gap: 7px !important;
  padding: 11px 12px !important;
  border-left-width: 3px !important;
  border-radius: 12px !important;
}

body[data-phase="answer"] .intent-judgment p {
  font-size: clamp(0.72rem, 2.75vw, 0.84rem) !important;
  line-height: 1.34 !important;
  -webkit-line-clamp: 3 !important;
}

body[data-phase="answer"] .intent-brief-lines {
  gap: 5px !important;
}

body[data-phase="answer"] .intent-brief-lines p {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 7px !important;
}

body[data-phase="answer"] .intent-brief-lines p:nth-of-type(n + 4) {
  display: none !important;
}

body[data-phase="answer"] .intent-brief-lines b {
  font-size: 0.5rem !important;
}

body[data-phase="answer"] .intent-brief-axes {
  gap: 5px !important;
}

body[data-phase="answer"] .intent-brief-axes button {
  min-height: 24px !important;
  padding: 4px 7px !important;
  font-size: 0.55rem !important;
}

body[data-phase="answer"] .intent-brief-axes button:nth-of-type(n + 3) {
  display: none !important;
}

body[data-phase="answer"] .intent-judgment em {
  display: none !important;
}

/* Compact decision surface: metrics support the judgement instead of dominating it. */
.intent-metrics {
  padding-left: clamp(14px, 2vw, 22px);
}

.intent-metrics-strip {
  display: grid !important;
  grid-template-columns: minmax(78px, 0.18fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.intent-score-chip,
.intent-mini-bars {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 12px;
  background: rgba(13, 17, 22, 0.5);
  box-shadow: none;
}

.intent-score-chip {
  display: grid;
  align-content: center;
  gap: 1px;
  min-height: 52px;
  padding: 7px 8px;
}

.intent-score-chip span,
.intent-score-chip em,
.intent-mini-bars .intent-scoreline {
  overflow: hidden;
  color: rgba(226, 241, 237, 0.52);
  font-family: var(--future-mono);
  font-size: 0.48rem;
  font-style: normal;
  font-weight: 760;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intent-score-chip span {
  color: rgba(0, 242, 255, 0.72);
}

.intent-score-chip strong {
  color: var(--future-bright-accent);
  font-family: var(--future-mono);
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1;
}

.intent-mini-bars {
  display: grid;
  gap: 4px;
  min-height: 52px;
  padding: 7px 9px;
}

.intent-signal-row {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.intent-signal-row div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  min-width: 0;
  color: rgba(238, 247, 245, 0.78);
  font-size: 0.58rem;
  font-weight: 830;
}

.intent-signal-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intent-signal-row b {
  color: var(--future-bright-accent);
  font-family: var(--future-mono);
  font-size: 0.54rem;
}

.intent-signal-row i {
  position: relative;
  display: block;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
}

.intent-signal-row i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(var(--value) * 1%);
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(0, 242, 255, 0.95), rgba(0, 242, 255, 0.62));
}

body[data-phase="answer"] .intent-support,
body[data-phase="answer"] .intent-hub {
  gap: 6px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body[data-phase="answer"] .conversation-surface,
body[data-phase="answer"] .intent-narrative,
body[data-phase="answer"] .intent-metrics,
body[data-phase="answer"] .intent-logic,
body[data-phase="answer"] .intent-sources {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body[data-phase="answer"] .future-graph-stage {
  height: clamp(144px, 22svh, 188px) !important;
  min-height: 0 !important;
  max-height: 188px !important;
}

body[data-phase="answer"] .future-stage {
  grid-template-rows: auto auto !important;
  min-height: 100svh !important;
}

body[data-phase="answer"] .insight-node {
  max-width: min(136px, 33vw) !important;
}

body[data-phase="answer"] .intent-metrics {
  padding-left: 8px !important;
}

body[data-phase="answer"] .intent-metrics-strip {
  grid-template-columns: minmax(58px, 0.15fr) minmax(0, 1fr) !important;
  gap: 5px !important;
}

body[data-phase="answer"] .intent-score-chip {
  min-height: 40px !important;
  padding: 5px 6px !important;
  border-radius: 10px !important;
}

body[data-phase="answer"] .intent-score-chip strong {
  font-size: 0.68rem !important;
}

body[data-phase="answer"] .intent-score-chip span,
body[data-phase="answer"] .intent-score-chip em,
body[data-phase="answer"] .intent-mini-bars .intent-scoreline {
  font-size: 0.42rem !important;
}

body[data-phase="answer"] .intent-mini-bars {
  min-height: 40px !important;
  gap: 3px !important;
  padding: 5px 7px !important;
  border-radius: 10px !important;
}

body[data-phase="answer"] .intent-signal-row:nth-of-type(n + 3) {
  display: none !important;
}

body[data-phase="answer"] .intent-signal-row div {
  font-size: 0.5rem !important;
}

body[data-phase="answer"] .intent-signal-row b {
  font-size: 0.48rem !important;
}

body[data-phase="answer"] .intent-signal-row i {
  height: 2px !important;
}

body[data-phase="answer"] .intent-logic-head {
  align-items: center !important;
}

body[data-phase="answer"] .intent-logic-head span,
body[data-phase="answer"] .intent-judgment span,
body[data-phase="answer"] .intent-kicker {
  font-size: 0.48rem !important;
  letter-spacing: 0.12em !important;
}

body[data-phase="answer"] .intent-logic-head strong {
  font-size: clamp(0.82rem, 3vw, 0.96rem) !important;
  overflow-wrap: anywhere !important;
}

body[data-phase="answer"] .intent-confidence {
  width: 62px !important;
}

body[data-phase="answer"] .intent-confidence i {
  height: 3px !important;
}

body[data-phase="answer"] .intent-judgment {
  padding: 10px 11px !important;
}

body[data-phase="answer"] .intent-narrative {
  gap: 6px !important;
}

body[data-phase="answer"] .intent-narrative p {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  font-size: clamp(0.7rem, 2.35vw, 0.82rem) !important;
  line-height: 1.22 !important;
  -webkit-line-clamp: 3 !important;
}

body[data-phase="answer"] .intent-brief-lines p {
  grid-template-columns: 30px minmax(0, 1fr) !important;
}

body[data-phase="answer"] .intent-brief-lines span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-phase="answer"] .intent-sources {
  gap: 7px !important;
  padding: 10px !important;
  border-radius: 12px !important;
}

body[data-phase="answer"] .intent-source-list {
  gap: 5px !important;
}

body[data-phase="answer"] .intent-source-list button,
body[data-phase="answer"] .intent-source-list p {
  padding: 6px 7px !important;
}

@media (min-width: 740px) {
  body[data-phase="answer"] .intent-support {
    grid-template-columns: minmax(0, 1.05fr) minmax(240px, 0.82fr) !important;
    align-items: start !important;
  }

  body[data-phase="answer"] .intent-narrative,
  body[data-phase="answer"] .intent-metrics,
  body[data-phase="answer"] .intent-logic {
    grid-column: 1 !important;
  }

  body[data-phase="answer"] .intent-sources {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
  }
}

@media (max-width: 560px) {
  .future-stage,
  body[data-phase="answer"] .future-stage {
    grid-template-rows: auto auto !important;
    gap: 7px !important;
    align-content: start !important;
    padding-top: 72px !important;
  }

  .future-graph-stage,
  body[data-phase="answer"] .future-graph-stage {
    height: clamp(166px, 27svh, 210px) !important;
    min-height: 0 !important;
    max-height: 210px !important;
  }

  .future-core {
    width: clamp(82px, 24vw, 104px) !important;
    height: clamp(82px, 24vw, 104px) !important;
  }

  .insight-node {
    max-width: min(118px, 29vw) !important;
    font-size: 0.58rem !important;
    line-height: 1.1 !important;
  }

  .intent-hub,
  .intent-support {
    width: 100% !important;
    max-width: 100% !important;
    gap: 9px !important;
  }

  .message.is-assistant,
  .message.is-assistant .message-text,
  .intent-answer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .message.is-assistant {
    gap: 10px !important;
  }

  .message.is-assistant .message-text {
    overflow-wrap: anywhere !important;
    font-size: 0.82rem !important;
    line-height: 1.34 !important;
  }

  .intent-hub .intent-narrative p,
  .intent-support .intent-narrative p {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  .intent-hub .intent-signal-row:nth-of-type(n + 3),
  .intent-support .intent-signal-row:nth-of-type(n + 3) {
    display: none !important;
  }

  .intent-hub .intent-judgment,
  .intent-support .intent-judgment {
    gap: 7px !important;
    padding: 10px 11px !important;
    border-radius: 12px !important;
  }

  .intent-hub .intent-brief-lines,
  .intent-support .intent-brief-lines {
    gap: 4px !important;
  }

  .intent-hub .intent-brief-lines p,
  .intent-support .intent-brief-lines p {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  .intent-hub .intent-brief-lines p:nth-of-type(n + 5),
  .intent-support .intent-brief-lines p:nth-of-type(n + 5) {
    display: none !important;
  }

  .intent-hub .intent-brief-lines span,
  .intent-support .intent-brief-lines span {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    font-size: 0.66rem !important;
    line-height: 1.24 !important;
  }

  .intent-hub .intent-judgment em,
  .intent-support .intent-judgment em {
    display: none !important;
  }

  .intent-hub .intent-logic-head span,
  .intent-support .intent-logic-head span {
    display: none !important;
  }

  .intent-hub .intent-logic-head,
  .intent-support .intent-logic-head {
    align-items: center !important;
    gap: 6px !important;
  }

  .intent-hub .intent-brief-axes button:nth-of-type(n + 3),
  .intent-support .intent-brief-axes button:nth-of-type(n + 3) {
    display: none !important;
  }

  .intent-hub .intent-sources,
  .intent-support .intent-sources {
    gap: 6px !important;
    padding: 9px !important;
    border-radius: 12px !important;
  }

  .intent-hub .intent-source-list,
  .intent-support .intent-source-list {
    gap: 5px !important;
  }

  .intent-hub .intent-source-list button,
  .intent-hub .intent-source-list p,
  .intent-support .intent-source-list button,
  .intent-support .intent-source-list p {
    padding: 6px 7px !important;
  }

  .intent-hub .intent-source-list button:nth-of-type(n + 3),
  .intent-support .intent-source-list button:nth-of-type(n + 3) {
    display: none !important;
  }

  .intent-narrative,
  .intent-metrics,
  .intent-logic {
    padding-left: 8px !important;
  }
}

/* Drilldown-first answer surface: keep the graph readable, then show decision, sources, and search coverage in one compact view. */
.intent-brief-matrix {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  min-width: 0;
}

.intent-brief-matrix button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 6px;
  min-width: 0;
  min-height: 32px;
  padding: 6px 7px;
  border: 1px solid rgba(142, 232, 215, 0.16);
  border-radius: 9px;
  background: rgba(7, 11, 15, 0.42);
  color: rgba(232, 248, 246, 0.86);
  cursor: pointer;
  text-align: left;
}

.intent-brief-matrix button.is-missing {
  border-color: rgba(255, 195, 77, 0.2);
}

.intent-brief-matrix b,
.intent-brief-matrix span,
.intent-brief-matrix i {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intent-brief-matrix b {
  color: rgba(0, 242, 255, 0.82);
  font-family: var(--future-mono);
  font-size: 0.5rem;
  font-weight: 850;
  letter-spacing: 0.08em;
}

.intent-brief-matrix span {
  grid-column: 1 / -1;
  color: rgba(226, 241, 237, 0.68);
  font-size: 0.6rem;
  font-weight: 720;
  line-height: 1.18;
}

.intent-brief-matrix i {
  justify-self: end;
  color: rgba(255, 204, 92, 0.86);
  font-family: var(--future-mono);
  font-size: 0.48rem;
  font-style: normal;
  font-weight: 850;
}

body[data-phase="answer"] .intent-hub,
body[data-phase="answer"] .intent-support {
  gap: 7px !important;
}

body[data-phase="answer"] .intent-metrics-strip {
  grid-template-columns: minmax(48px, 64px) minmax(0, 1fr) !important;
  gap: 5px !important;
}

body[data-phase="answer"] .intent-score-chip,
body[data-phase="answer"] .intent-mini-bars {
  min-height: 34px !important;
  border-radius: 9px !important;
}

body[data-phase="answer"] .intent-score-chip {
  padding: 4px 5px !important;
}

body[data-phase="answer"] .intent-score-chip span,
body[data-phase="answer"] .intent-score-chip em,
body[data-phase="answer"] .intent-mini-bars .intent-scoreline {
  font-size: 0.4rem !important;
}

body[data-phase="answer"] .intent-score-chip strong {
  font-size: 0.62rem !important;
}

body[data-phase="answer"] .intent-mini-bars {
  gap: 2px !important;
  padding: 4px 6px !important;
}

body[data-phase="answer"] .intent-signal-row div {
  font-size: 0.49rem !important;
}

body[data-phase="answer"] .intent-signal-row i {
  height: 2px !important;
}

body[data-phase="answer"] .intent-logic-head {
  gap: 8px !important;
}

body[data-phase="answer"] .intent-judgment {
  gap: 6px !important;
}

body[data-phase="answer"] .intent-brief-lines {
  gap: 4px !important;
}

body[data-phase="answer"] .intent-source-list button,
body[data-phase="answer"] .intent-source-list p {
  min-height: 0 !important;
}

@media (min-width: 740px) {
  body[data-phase="answer"] .intent-hub,
  body[data-phase="answer"] .intent-support {
    display: grid !important;
    grid-template-columns: minmax(0, 0.96fr) minmax(260px, 0.72fr) !important;
    align-items: start !important;
    column-gap: 12px !important;
  }

  body[data-phase="answer"] .intent-hub .intent-narrative,
  body[data-phase="answer"] .intent-support .intent-narrative,
  body[data-phase="answer"] .intent-hub .intent-metrics,
  body[data-phase="answer"] .intent-support .intent-metrics {
    grid-column: 1 / -1 !important;
  }

  body[data-phase="answer"] .intent-hub .intent-logic,
  body[data-phase="answer"] .intent-support .intent-logic {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body[data-phase="answer"] .intent-hub .intent-sources,
  body[data-phase="answer"] .intent-support .intent-sources {
    grid-column: 2 !important;
    grid-row: auto !important;
    max-height: 252px !important;
    overflow: hidden !important;
  }

  body[data-phase="answer"] .intent-hub .intent-source-list button:nth-of-type(n + 5),
  body[data-phase="answer"] .intent-support .intent-source-list button:nth-of-type(n + 5) {
    display: none !important;
  }
}

@media (max-width: 560px) {
  body[data-phase="answer"] .intent-brief-matrix {
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }

  body[data-phase="answer"] .intent-brief-matrix button {
    min-height: 28px;
    padding: 5px 6px;
  }

  body[data-phase="answer"] .intent-brief-matrix span {
    display: none;
  }

  body[data-phase="answer"] .intent-brief-matrix b {
    font-size: 0.47rem;
  }

  body[data-phase="answer"] .intent-brief-matrix i {
    font-size: 0.44rem;
  }

  body[data-phase="answer"] .intent-brief-matrix button:nth-of-type(n + 3) {
    display: none;
  }
}

/* Final decision surface pass: one compact view, no oversized metric boxes. */
body[data-phase="answer"] .intent-answer {
  padding-left: 14px !important;
}

body[data-phase="answer"] .intent-answer::before {
  top: 18px !important;
  bottom: -18px !important;
}

body[data-phase="answer"] .intent-answer .message-text,
body[data-phase="answer"] .intent-answer-text {
  max-width: 100% !important;
}

body[data-phase="answer"] .intent-answer-text p {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 0 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  color: rgba(225, 253, 255, 0.96) !important;
  font-size: clamp(0.78rem, 1.5vw, 0.92rem) !important;
  line-height: 1.26 !important;
}

body[data-phase="answer"] .intent-support {
  margin-top: 8px !important;
}

body[data-phase="answer"] .intent-metrics {
  padding-left: 14px !important;
}

body[data-phase="answer"] .intent-metrics-strip {
  display: grid !important;
  grid-template-columns: minmax(92px, 118px) minmax(0, 1fr) !important;
  gap: 7px !important;
  align-items: stretch !important;
}

body[data-phase="answer"] .intent-score-chip,
body[data-phase="answer"] .intent-mini-bars {
  min-height: 42px !important;
  border-radius: 10px !important;
  background: rgba(13, 17, 22, 0.42) !important;
}

body[data-phase="answer"] .intent-score-chip {
  padding: 6px 8px !important;
}

body[data-phase="answer"] .intent-score-chip span {
  font-size: 0.44rem !important;
}

body[data-phase="answer"] .intent-score-chip strong {
  font-size: 0.76rem !important;
}

body[data-phase="answer"] .intent-score-chip em {
  font-size: 0.43rem !important;
}

body[data-phase="answer"] .intent-mini-bars {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
  padding: 6px 7px !important;
}

body[data-phase="answer"] .intent-signal-row {
  min-width: 0 !important;
  gap: 3px !important;
}

body[data-phase="answer"] .intent-signal-row:nth-of-type(n + 4) {
  display: none !important;
}

body[data-phase="answer"] .intent-signal-row div {
  font-size: 0.5rem !important;
  line-height: 1.1 !important;
}

body[data-phase="answer"] .intent-signal-row b {
  font-size: 0.47rem !important;
}

body[data-phase="answer"] .intent-signal-row i {
  height: 2px !important;
}

body[data-phase="answer"] .intent-mini-bars .intent-scoreline {
  grid-column: 1 / -1 !important;
  font-size: 0.42rem !important;
  line-height: 1.15 !important;
}

body[data-phase="answer"] .intent-logic {
  gap: 7px !important;
  padding-left: 14px !important;
}

body[data-phase="answer"] .intent-logic-head strong {
  font-family: var(--future-font) !important;
  font-size: clamp(0.92rem, 1.75vw, 1.08rem) !important;
  font-weight: 760 !important;
}

body[data-phase="answer"] .intent-confidence {
  width: 86px !important;
}

body[data-phase="answer"] .intent-confidence span {
  display: block !important;
  font-size: 0.42rem !important;
  letter-spacing: 0.08em !important;
}

body[data-phase="answer"] .intent-confidence strong {
  font-size: 0.76rem !important;
}

body[data-phase="answer"] .intent-judgment {
  padding: 12px 13px !important;
}

body[data-phase="answer"] .intent-judgment > span {
  display: block !important;
  color: rgba(0, 242, 255, 0.84) !important;
}

body[data-phase="answer"] .intent-brief-lines span {
  -webkit-line-clamp: 2 !important;
  font-size: clamp(0.7rem, 1.35vw, 0.82rem) !important;
}

body[data-phase="answer"] .intent-sources {
  max-height: 220px !important;
  overflow: hidden !important;
}

@media (min-width: 740px) {
  body[data-phase="answer"] .intent-hub,
  body[data-phase="answer"] .intent-support {
    grid-template-columns: minmax(0, 0.9fr) minmax(250px, 0.68fr) !important;
    column-gap: 14px !important;
  }

  body[data-phase="answer"] .intent-hub .intent-metrics,
  body[data-phase="answer"] .intent-support .intent-metrics {
    grid-column: 1 / -1 !important;
  }

  body[data-phase="answer"] .intent-hub .intent-sources,
  body[data-phase="answer"] .intent-support .intent-sources {
    max-height: 238px !important;
  }
}

@media (max-width: 560px) {
  body[data-phase="answer"] .intent-metrics-strip {
    grid-template-columns: minmax(74px, 86px) minmax(0, 1fr) !important;
  }

  body[data-phase="answer"] .intent-mini-bars {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-phase="answer"] .intent-signal-row:nth-of-type(n + 3) {
    display: none !important;
  }
}

/* Decision surface contract: narrative first, metrics as a small support strip. */
body[data-phase="answer"] .intent-hub,
body[data-phase="answer"] .intent-support {
  row-gap: 8px !important;
}

body[data-phase="answer"] .intent-narrative,
body[data-phase="answer"] .intent-metrics,
body[data-phase="answer"] .intent-logic {
  padding-left: 10px !important;
}

body[data-phase="answer"] .intent-narrative p,
body[data-phase="answer"] .intent-answer-text p {
  max-width: 680px !important;
  font-size: clamp(0.76rem, 1.45vw, 0.9rem) !important;
  line-height: 1.28 !important;
  -webkit-line-clamp: 2 !important;
}

body[data-phase="answer"] .intent-metrics {
  width: min(100%, 480px) !important;
  max-width: 480px !important;
}

body[data-phase="answer"] .intent-metrics-strip {
  width: min(100%, 480px) !important;
  grid-template-columns: 68px minmax(0, 1fr) !important;
}

body[data-phase="answer"] .intent-score-chip,
body[data-phase="answer"] .intent-mini-bars {
  min-height: 38px !important;
}

body[data-phase="answer"] .intent-mini-bars {
  grid-template-columns: minmax(0, 1fr) !important;
}

body[data-phase="answer"] .intent-signal-row:nth-of-type(n + 3) {
  display: none !important;
}

body[data-phase="answer"] .intent-logic {
  margin-top: 0 !important;
  gap: 6px !important;
}

body[data-phase="answer"] .intent-logic-head {
  align-items: end !important;
  margin-bottom: 0 !important;
}

body[data-phase="answer"] .intent-logic-head span,
body[data-phase="answer"] .intent-confidence span,
body[data-phase="answer"] .intent-judgment > span,
body[data-phase="answer"] .intent-kicker {
  text-transform: none !important;
  letter-spacing: 0.08em !important;
}

body[data-phase="answer"] .intent-confidence {
  width: 68px !important;
}

body[data-phase="answer"] .intent-judgment {
  padding: 10px 11px !important;
}

body[data-phase="answer"] .intent-brief-lines p {
  grid-template-columns: 38px minmax(0, 1fr) !important;
}

body[data-phase="answer"] .intent-sources {
  max-height: 180px !important;
}

@media (min-width: 740px) {
  body[data-phase="answer"] .intent-hub .intent-metrics,
  body[data-phase="answer"] .intent-support .intent-metrics {
    grid-column: 1 !important;
  }

  body[data-phase="answer"] .intent-hub .intent-sources,
  body[data-phase="answer"] .intent-support .intent-sources {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
  }
}

/* Phase 51: compact decision board. This is the final answer-layout contract. */
body[data-phase="answer"] .future-stage {
  gap: 8px !important;
  padding-bottom: 84px !important;
}

body[data-phase="answer"] .future-graph-stage {
  height: clamp(132px, 19svh, 168px) !important;
  max-height: 168px !important;
}

body[data-phase="answer"] .intent-hub,
body[data-phase="answer"] .intent-support {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
}

body[data-phase="answer"] .intent-narrative,
body[data-phase="answer"] .intent-metrics,
body[data-phase="answer"] .intent-logic,
body[data-phase="answer"] .intent-sources {
  min-width: 0 !important;
  max-width: 100% !important;
  padding-left: 10px !important;
}

body[data-phase="answer"] .intent-narrative {
  gap: 5px !important;
}

body[data-phase="answer"] .intent-narrative p,
body[data-phase="answer"] .intent-answer-text p {
  max-width: 760px !important;
  font-size: clamp(0.74rem, 1.35vw, 0.88rem) !important;
  font-weight: 760 !important;
  line-height: 1.26 !important;
  -webkit-line-clamp: 2 !important;
}

body[data-phase="answer"] .intent-metrics {
  width: min(100%, 390px) !important;
  max-width: 390px !important;
}

body[data-phase="answer"] .intent-metrics-strip {
  width: 100% !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 5px !important;
}

body[data-phase="answer"] .intent-score-chip,
body[data-phase="answer"] .intent-mini-bars {
  min-height: 34px !important;
  border-radius: 9px !important;
}

body[data-phase="answer"] .intent-score-chip {
  padding: 4px 5px !important;
}

body[data-phase="answer"] .intent-score-chip span,
body[data-phase="answer"] .intent-score-chip em {
  display: none !important;
}

body[data-phase="answer"] .intent-score-chip strong {
  font-size: 0.66rem !important;
}

body[data-phase="answer"] .intent-mini-bars {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 2px !important;
  padding: 4px 6px !important;
}

body[data-phase="answer"] .intent-signal-row:nth-of-type(n + 3) {
  display: none !important;
}

body[data-phase="answer"] .intent-signal-row div {
  font-size: 0.48rem !important;
  line-height: 1.05 !important;
}

body[data-phase="answer"] .intent-signal-row i {
  height: 2px !important;
}

body[data-phase="answer"] .intent-mini-bars .intent-scoreline {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 0.4rem !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-phase="answer"] .intent-logic {
  gap: 5px !important;
  margin-top: 0 !important;
}

body[data-phase="answer"] .intent-logic-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 8px !important;
}

body[data-phase="answer"] .intent-logic-head strong {
  font-size: clamp(0.88rem, 1.45vw, 1.02rem) !important;
  line-height: 1.12 !important;
}

body[data-phase="answer"] .intent-confidence {
  width: 58px !important;
  justify-items: end !important;
}

body[data-phase="answer"] .intent-confidence span {
  display: none !important;
}

body[data-phase="answer"] .intent-confidence strong {
  font-size: 0.68rem !important;
}

body[data-phase="answer"] .intent-confidence i {
  height: 2px !important;
}

body[data-phase="answer"] .intent-judgment {
  gap: 5px !important;
  padding: 9px 10px !important;
  border-left-width: 3px !important;
  border-radius: 11px !important;
}

body[data-phase="answer"] .intent-brief-lines {
  gap: 4px !important;
}

body[data-phase="answer"] .intent-brief-lines p {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 6px !important;
}

body[data-phase="answer"] .intent-brief-lines p:nth-of-type(n + 4) {
  display: none !important;
}

body[data-phase="answer"] .intent-brief-lines b {
  font-size: 0.48rem !important;
}

body[data-phase="answer"] .intent-brief-lines span {
  font-size: clamp(0.66rem, 1.2vw, 0.78rem) !important;
  line-height: 1.25 !important;
  -webkit-line-clamp: 2 !important;
}

body[data-phase="answer"] .intent-brief-matrix {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

body[data-phase="answer"] .intent-brief-matrix-head {
  display: flex !important;
  grid-column: 1 / -1 !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  color: rgba(0, 242, 255, 0.82) !important;
  font-family: var(--future-mono) !important;
  font-size: 0.48rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
}

body[data-phase="answer"] .intent-brief-matrix-head i {
  color: rgba(255, 204, 92, 0.9) !important;
  font-style: normal !important;
}

body[data-phase="answer"] .intent-brief-matrix button,
body[data-phase="answer"] .intent-brief-matrix button:nth-of-type(n + 3) {
  display: grid !important;
  min-height: 30px !important;
  padding: 5px 6px !important;
}

body[data-phase="answer"] .intent-brief-matrix b {
  font-size: 0.47rem !important;
}

body[data-phase="answer"] .intent-brief-matrix span {
  display: block !important;
  font-size: 0.54rem !important;
  line-height: 1.12 !important;
}

body[data-phase="answer"] .intent-brief-matrix i {
  font-size: 0.43rem !important;
}

body[data-phase="answer"] .intent-sources {
  display: grid !important;
  gap: 5px !important;
  max-height: 150px !important;
  overflow: hidden !important;
  padding: 9px !important;
  border-radius: 11px !important;
}

body[data-phase="answer"] .intent-source-list {
  gap: 4px !important;
}

body[data-phase="answer"] .intent-source-list button,
body[data-phase="answer"] .intent-source-list p {
  min-height: 0 !important;
  padding: 6px 7px !important;
}

body[data-phase="answer"] .intent-source-list button:nth-of-type(n + 4) {
  display: none !important;
}

body[data-phase="answer"] .intent-source-list strong {
  font-size: 0.6rem !important;
  line-height: 1.18 !important;
  -webkit-line-clamp: 1 !important;
}

@media (min-width: 760px) {
  body[data-phase="answer"] .intent-hub,
  body[data-phase="answer"] .intent-support {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 0.72fr) !important;
    column-gap: 12px !important;
    row-gap: 7px !important;
  }

  body[data-phase="answer"] .intent-narrative {
    grid-column: 1 / -1 !important;
  }

  body[data-phase="answer"] .intent-metrics,
  body[data-phase="answer"] .intent-logic {
    grid-column: 1 !important;
  }

  body[data-phase="answer"] .intent-sources {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
    max-height: 184px !important;
  }
}

@media (max-width: 560px) {
  body[data-phase="answer"] .future-stage {
    gap: 6px !important;
    padding-bottom: 82px !important;
  }

  body[data-phase="answer"] .future-graph-stage {
    height: clamp(126px, 22svh, 158px) !important;
    max-height: 158px !important;
  }

  body[data-phase="answer"] .intent-metrics {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-phase="answer"] .intent-metrics-strip {
    grid-template-columns: 50px minmax(0, 1fr) !important;
  }

  body[data-phase="answer"] .intent-sources {
    max-height: 132px !important;
  }
}

/* Phase 56: readable compact judgement surface. Keep analytics, focus, confidence, and sources in one tight flow. */
body[data-phase="answer"] .future-stage {
  gap: 6px !important;
  padding-bottom: 76px !important;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body[data-phase="answer"] .future-topline,
body[data-phase="answer"] .future-app,
body[data-phase="answer"] .future-stage,
body[data-phase="answer"] .conversation-surface {
  box-sizing: border-box !important;
  max-width: 100vw !important;
}

body[data-phase="answer"] .future-app,
body[data-phase="answer"] .conversation-surface {
  width: min(100%, calc(100vw - 16px)) !important;
}

body[data-phase="answer"] .future-topline {
  width: 100% !important;
  min-width: 0 !important;
  padding-left: max(10px, env(safe-area-inset-left)) !important;
  padding-right: max(10px, env(safe-area-inset-right)) !important;
}

body[data-phase="answer"] .topline-actions {
  min-width: 0 !important;
  gap: 6px !important;
}

body[data-phase="answer"] .topbar-precision {
  min-width: 0 !important;
  min-height: 32px !important;
  padding: 4px 7px !important;
}

body[data-phase="answer"] .topbar-precision span {
  max-width: 44px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-phase="answer"] .key-action {
  width: 32px !important;
  height: 32px !important;
}

body[data-phase="answer"] .future-graph-stage {
  height: clamp(124px, 18svh, 154px) !important;
  max-height: 154px !important;
}

body[data-phase="answer"] .thought-keyword-node {
  max-width: min(112px, 27vw) !important;
}

body[data-phase="answer"] .thought-keyword-label {
  font-size: calc(0.52rem + (var(--kw) * 0.18rem)) !important;
  line-height: 1.02 !important;
}

body[data-phase="answer"] .intent-hub,
body[data-phase="answer"] .intent-support {
  gap: 6px !important;
}

body[data-phase="answer"] .intent-answer,
body[data-phase="answer"] .intent-narrative,
body[data-phase="answer"] .intent-metrics,
body[data-phase="answer"] .intent-logic,
body[data-phase="answer"] .intent-sources {
  padding-left: 8px !important;
}

body[data-phase="answer"] .intent-kicker {
  font-size: 0.46rem !important;
  letter-spacing: 0.1em !important;
}

body[data-phase="answer"] .intent-answer-text p,
body[data-phase="answer"] .intent-narrative p {
  max-width: 720px !important;
  font-size: clamp(0.72rem, 1.25vw, 0.84rem) !important;
  line-height: 1.24 !important;
  -webkit-line-clamp: 2 !important;
}

body[data-phase="answer"] .intent-metrics {
  width: min(100%, 340px) !important;
  max-width: 340px !important;
}

body[data-phase="answer"] .intent-metrics-strip {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 4px !important;
}

body[data-phase="answer"] .intent-score-chip,
body[data-phase="answer"] .intent-mini-bars {
  min-height: 30px !important;
  border-radius: 8px !important;
}

body[data-phase="answer"] .intent-score-chip {
  padding: 3px 4px !important;
}

body[data-phase="answer"] .intent-score-chip strong {
  font-size: 0.58rem !important;
}

body[data-phase="answer"] .intent-mini-bars {
  gap: 2px !important;
  padding: 3px 5px !important;
}

body[data-phase="answer"] .intent-signal-row:nth-of-type(n + 3) {
  display: none !important;
}

body[data-phase="answer"] .intent-signal-row div {
  font-size: 0.46rem !important;
  line-height: 1 !important;
}

body[data-phase="answer"] .intent-signal-row i {
  height: 2px !important;
}

body[data-phase="answer"] .intent-mini-bars .intent-scoreline {
  font-size: 0.38rem !important;
  line-height: 1 !important;
}

body[data-phase="answer"] .intent-logic {
  gap: 4px !important;
}

body[data-phase="answer"] .intent-logic-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

body[data-phase="answer"] .intent-logic-head span,
body[data-phase="answer"] .intent-confidence span,
body[data-phase="answer"] .intent-judgment > span {
  display: none !important;
}

body[data-phase="answer"] .intent-logic-head strong {
  font-size: clamp(0.84rem, 1.35vw, 0.98rem) !important;
  line-height: 1.08 !important;
}

body[data-phase="answer"] .intent-confidence {
  width: 54px !important;
  gap: 2px !important;
}

body[data-phase="answer"] .intent-confidence strong {
  font-size: 0.62rem !important;
}

body[data-phase="answer"] .intent-confidence i {
  height: 2px !important;
}

body[data-phase="answer"] .intent-judgment {
  gap: 4px !important;
  padding: 8px 9px !important;
  border-radius: 10px !important;
}

body[data-phase="answer"] .intent-brief-lines {
  gap: 3px !important;
}

body[data-phase="answer"] .intent-brief-lines p {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 6px !important;
}

body[data-phase="answer"] .intent-brief-lines p:nth-of-type(n + 4) {
  display: none !important;
}

body[data-phase="answer"] .intent-brief-lines b {
  font-size: 0.46rem !important;
}

body[data-phase="answer"] .intent-brief-lines span {
  font-size: clamp(0.64rem, 1.1vw, 0.74rem) !important;
  line-height: 1.22 !important;
  -webkit-line-clamp: 2 !important;
}

body[data-phase="answer"] .intent-brief-matrix {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 3px !important;
}

body[data-phase="answer"] .intent-brief-matrix button {
  min-height: 26px !important;
  padding: 4px 5px !important;
}

body[data-phase="answer"] .intent-brief-matrix span {
  display: none !important;
}

body[data-phase="answer"] .intent-brief-matrix button:nth-of-type(n + 3) {
  display: none !important;
}

body[data-phase="answer"] .intent-sources {
  max-height: 150px !important;
  padding: 8px !important;
}

body[data-phase="answer"] .intent-source-list button:nth-of-type(n + 4) {
  display: none !important;
}

@media (min-width: 760px) {
  body[data-phase="answer"] .intent-hub,
  body[data-phase="answer"] .intent-support {
    grid-template-columns: minmax(0, 0.92fr) minmax(240px, 0.58fr) !important;
    column-gap: 10px !important;
    row-gap: 6px !important;
  }

  body[data-phase="answer"] .intent-hub .intent-narrative,
  body[data-phase="answer"] .intent-support .intent-narrative {
    grid-column: 1 / -1 !important;
  }

  body[data-phase="answer"] .intent-hub .intent-metrics,
  body[data-phase="answer"] .intent-support .intent-metrics,
  body[data-phase="answer"] .intent-hub .intent-logic,
  body[data-phase="answer"] .intent-support .intent-logic {
    grid-column: 1 !important;
  }

  body[data-phase="answer"] .intent-hub .intent-sources,
  body[data-phase="answer"] .intent-support .intent-sources {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
    max-height: 170px !important;
  }
}

@media (max-width: 560px) {
  body[data-phase="answer"] .future-stage {
    gap: 5px !important;
    padding-bottom: 74px !important;
  }

  body[data-phase="answer"] .future-topline {
    gap: 8px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  body[data-phase="answer"] .future-brand {
    font-size: 0.76rem !important;
    letter-spacing: 0.1em !important;
  }

  body[data-phase="answer"] .future-live-status {
    font-size: 0.46rem !important;
  }

  body[data-phase="answer"] .topbar-precision {
    width: 34px !important;
    height: 32px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  body[data-phase="answer"] .topbar-precision span {
    display: none !important;
  }

  body[data-phase="answer"] .future-graph-stage {
    height: clamp(116px, 20svh, 146px) !important;
    max-height: 146px !important;
  }

  body[data-phase="answer"] .intent-metrics {
    width: min(100%, 320px) !important;
    max-width: 320px !important;
  }

  body[data-phase="answer"] .intent-answer-text p,
  body[data-phase="answer"] .intent-narrative p {
    font-size: 0.72rem !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-phase="answer"] .intent-sources {
    max-height: 118px !important;
  }

  body[data-phase="answer"] .query-dock {
    width: calc(100vw - 24px) !important;
    padding: 8px !important;
  }

  body[data-phase="answer"] .query-input {
    padding: 10px 11px !important;
  }

  body[data-phase="answer"] .send-action {
    width: 38px !important;
    height: 38px !important;
  }
}

/* Phase 59: readability reset. Drop tiny HUD styling and make the answer readable first. */
body[data-phase="answer"] {
  --readable-small: 0.72rem;
  --readable-body: 0.86rem;
  --readable-title: 1.08rem;
}

body[data-phase="answer"] .thought-map-footer,
body[data-phase="answer"] .usage-meta {
  display: none !important;
}

body[data-phase="answer"] .future-stage {
  gap: 10px !important;
  padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
}

body[data-phase="answer"] .future-graph-stage {
  height: clamp(176px, 26svh, 224px) !important;
  max-height: 224px !important;
}

body[data-phase="answer"] .thought-core-node {
  width: clamp(98px, 24vw, 126px) !important;
  height: clamp(98px, 24vw, 126px) !important;
}

body[data-phase="answer"] .thought-core-card em {
  display: none !important;
}

body[data-phase="answer"] .thought-core-card strong {
  font-family: var(--future-font) !important;
  font-size: clamp(1.05rem, 3.8vw, 1.42rem) !important;
  font-weight: 820 !important;
  line-height: 1.1 !important;
}

body[data-phase="answer"] .thought-keyword-node {
  max-width: min(136px, 34vw) !important;
  min-height: 24px !important;
  padding: 3px 5px !important;
}

body[data-phase="answer"] .thought-keyword-label {
  font-family: var(--future-font) !important;
  font-size: clamp(0.68rem, 2.35vw, 0.86rem) !important;
  font-weight: 820 !important;
  line-height: 1.14 !important;
  text-shadow: 0 0 8px rgba(0, 242, 255, 0.22);
}

body[data-phase="answer"] .intent-kicker,
body[data-phase="answer"] .intent-logic-head span,
body[data-phase="answer"] .intent-confidence span,
body[data-phase="answer"] .intent-judgment > span,
body[data-phase="answer"] .intent-sources-head span {
  color: rgba(0, 242, 255, 0.82) !important;
  font-family: var(--future-font) !important;
  font-size: 0.72rem !important;
  font-weight: 820 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

body[data-phase="answer"] .intent-answer-text p,
body[data-phase="answer"] .intent-narrative p {
  max-width: 100% !important;
  font-size: var(--readable-body) !important;
  font-weight: 760 !important;
  line-height: 1.42 !important;
  -webkit-line-clamp: 3 !important;
}

body[data-phase="answer"] .intent-metrics {
  width: 100% !important;
  max-width: 100% !important;
}

body[data-phase="answer"] .intent-metrics-strip {
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 8px !important;
}

body[data-phase="answer"] .intent-score-chip,
body[data-phase="answer"] .intent-mini-bars {
  min-height: 54px !important;
  border-radius: 10px !important;
}

body[data-phase="answer"] .intent-score-chip {
  padding: 8px !important;
}

body[data-phase="answer"] .intent-score-chip strong {
  font-size: 0.9rem !important;
}

body[data-phase="answer"] .intent-mini-bars {
  gap: 6px !important;
  padding: 8px 10px !important;
}

body[data-phase="answer"] .intent-signal-row:nth-of-type(n + 4) {
  display: none !important;
}

body[data-phase="answer"] .intent-signal-row div {
  font-size: var(--readable-small) !important;
  line-height: 1.18 !important;
}

body[data-phase="answer"] .intent-signal-row b {
  font-size: 0.68rem !important;
}

body[data-phase="answer"] .intent-signal-row i {
  height: 4px !important;
}

body[data-phase="answer"] .intent-mini-bars .intent-scoreline {
  font-size: 0.68rem !important;
  line-height: 1.25 !important;
}

body[data-phase="answer"] .intent-logic-head {
  align-items: end !important;
}

body[data-phase="answer"] .intent-logic-head span,
body[data-phase="answer"] .intent-confidence span,
body[data-phase="answer"] .intent-judgment > span {
  display: block !important;
}

body[data-phase="answer"] .intent-logic-head strong {
  font-family: var(--future-font) !important;
  font-size: var(--readable-title) !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
}

body[data-phase="answer"] .intent-confidence {
  width: 84px !important;
}

body[data-phase="answer"] .intent-confidence strong {
  font-size: 0.88rem !important;
}

body[data-phase="answer"] .intent-confidence i {
  height: 4px !important;
}

body[data-phase="answer"] .intent-judgment {
  gap: 10px !important;
  padding: 14px !important;
  border-radius: 12px !important;
}

body[data-phase="answer"] .intent-brief-lines {
  gap: 8px !important;
}

body[data-phase="answer"] .intent-brief-lines p {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 10px !important;
}

body[data-phase="answer"] .intent-brief-lines p:nth-of-type(n + 5) {
  display: grid !important;
}

body[data-phase="answer"] .intent-brief-lines b {
  color: rgba(0, 242, 255, 0.86) !important;
  font-family: var(--future-font) !important;
  font-size: var(--readable-small) !important;
  letter-spacing: 0 !important;
}

body[data-phase="answer"] .intent-brief-lines span {
  display: block !important;
  overflow: visible !important;
  color: rgba(234, 248, 247, 0.92) !important;
  font-size: var(--readable-body) !important;
  line-height: 1.4 !important;
  -webkit-line-clamp: unset !important;
}

body[data-phase="answer"] .intent-brief-matrix {
  gap: 8px !important;
}

body[data-phase="answer"] .intent-brief-matrix button,
body[data-phase="answer"] .intent-brief-matrix button:nth-of-type(n + 3) {
  display: grid !important;
  min-height: 44px !important;
  padding: 8px !important;
}

body[data-phase="answer"] .intent-brief-matrix b {
  font-size: 0.7rem !important;
  letter-spacing: 0 !important;
}

body[data-phase="answer"] .intent-brief-matrix span {
  display: block !important;
  font-size: 0.72rem !important;
  line-height: 1.24 !important;
  white-space: normal !important;
}

body[data-phase="answer"] .intent-brief-matrix i {
  font-size: 0.66rem !important;
}

body[data-phase="answer"] .intent-sources {
  max-height: none !important;
  padding: 12px !important;
}

body[data-phase="answer"] .intent-source-list {
  gap: 8px !important;
}

body[data-phase="answer"] .intent-source-list button,
body[data-phase="answer"] .intent-source-list p {
  padding: 10px !important;
}

body[data-phase="answer"] .intent-source-list button:nth-of-type(n + 4) {
  display: grid !important;
}

body[data-phase="answer"] .intent-source-list span {
  font-size: 0.68rem !important;
  letter-spacing: 0 !important;
}

body[data-phase="answer"] .intent-source-list strong {
  font-size: 0.84rem !important;
  line-height: 1.32 !important;
  -webkit-line-clamp: 2 !important;
}

body[data-phase="answer"] .query-input {
  font-size: 0.98rem !important;
}

@media (min-width: 760px) {
  body[data-phase="answer"] .intent-hub,
  body[data-phase="answer"] .intent-support {
    grid-template-columns: minmax(0, 0.98fr) minmax(280px, 0.68fr) !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
  }

  body[data-phase="answer"] .intent-hub .intent-sources,
  body[data-phase="answer"] .intent-support .intent-sources {
    max-height: none !important;
  }
}

@media (max-width: 560px) {
  body[data-phase="answer"] .future-stage {
    gap: 9px !important;
    padding-bottom: calc(90px + env(safe-area-inset-bottom)) !important;
  }

  body[data-phase="answer"] .future-graph-stage {
    height: clamp(168px, 27svh, 210px) !important;
    max-height: 210px !important;
  }

  body[data-phase="answer"] .intent-metrics-strip {
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }

  body[data-phase="answer"] .intent-answer-text p,
  body[data-phase="answer"] .intent-narrative p,
  body[data-phase="answer"] .intent-brief-lines span {
    font-size: 0.84rem !important;
  }

  body[data-phase="answer"] .intent-sources {
    max-height: none !important;
  }
}

/* Phase 60: no horizontal spill while keeping the readable type scale. */
body[data-phase="answer"] .conversation-stream,
body[data-phase="answer"] .message,
body[data-phase="answer"] .message-text,
body[data-phase="answer"] .intent-hub,
body[data-phase="answer"] .intent-support,
body[data-phase="answer"] .intent-narrative,
body[data-phase="answer"] .intent-metrics,
body[data-phase="answer"] .intent-logic,
body[data-phase="answer"] .intent-judgment,
body[data-phase="answer"] .intent-sources,
body[data-phase="answer"] .intent-metrics-strip,
body[data-phase="answer"] .intent-mini-bars,
body[data-phase="answer"] .intent-source-list,
body[data-phase="answer"] .intent-brief-lines,
body[data-phase="answer"] .intent-brief-matrix {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body[data-phase="answer"] .conversation-stream,
body[data-phase="answer"] .intent-hub,
body[data-phase="answer"] .intent-support {
  overflow-x: hidden !important;
}

body[data-phase="answer"] .intent-signal-row,
body[data-phase="answer"] .intent-source-list button,
body[data-phase="answer"] .intent-brief-matrix button {
  min-width: 0 !important;
}

body[data-phase="answer"] .intent-signal-row div {
  grid-template-columns: minmax(0, 1fr) max-content !important;
}

body[data-phase="answer"] .intent-signal-row span,
body[data-phase="answer"] .intent-source-list strong,
body[data-phase="answer"] .intent-source-list span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 560px) {
  body[data-phase="answer"] .thought-keyword-node {
    max-width: min(112px, 30vw) !important;
  }

  body[data-phase="answer"] .thought-keyword-label {
    font-size: clamp(0.62rem, 2.2vw, 0.78rem) !important;
  }

  body[data-phase="answer"] .intent-metrics-strip {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  body[data-phase="answer"] .intent-score-chip {
    padding: 7px 5px !important;
  }

  body[data-phase="answer"] .intent-score-chip strong {
    font-size: 0.82rem !important;
  }

  body[data-phase="answer"] .intent-mini-bars {
    padding: 7px !important;
  }
}

/* Phase 61: unified advisor brief. The graph stays primary; the answer becomes a compact expert-team brief. */
body[data-phase="answer"] .message.is-assistant {
  width: min(1120px, 100%);
  max-width: 100%;
  margin-inline: auto;
}

body[data-phase="answer"] .advisor-panel {
  display: grid;
  gap: 12px;
  width: min(1120px, 100%);
  max-width: 100%;
  margin: 0 auto;
  padding: clamp(14px, 2vw, 20px);
  border: 1px solid rgba(150, 216, 204, 0.18);
  border-left: 3px solid rgba(0, 242, 255, 0.78);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(13, 22, 29, 0.9), rgba(10, 17, 22, 0.72)),
    rgba(10, 17, 22, 0.82);
  box-shadow: 0 18px 42px -32px rgba(0, 242, 255, 0.42);
  color: rgba(236, 248, 247, 0.94);
  font-family: var(--future-font);
  letter-spacing: 0;
  overflow: hidden;
}

body[data-phase="answer"] .advisor-panel *,
body[data-phase="answer"] .advisor-panel *::before,
body[data-phase="answer"] .advisor-panel *::after {
  box-sizing: border-box;
  min-width: 0;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: none;
}

body[data-phase="answer"] .advisor-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(150, 216, 204, 0.13);
}

body[data-phase="answer"] .advisor-title {
  display: grid;
  gap: 4px;
}

body[data-phase="answer"] .advisor-title span,
body[data-phase="answer"] .advisor-confidence span,
body[data-phase="answer"] .advisor-sources-head span {
  color: rgba(0, 242, 255, 0.78);
  font-size: 0.78rem;
  font-weight: 780;
}

body[data-phase="answer"] .advisor-title strong {
  color: rgba(246, 252, 251, 0.96);
  font-size: clamp(1.08rem, 2.2vw, 1.42rem);
  font-weight: 820;
  line-height: 1.16;
}

body[data-phase="answer"] .advisor-confidence {
  display: grid;
  justify-items: end;
  gap: 2px;
  flex: 0 0 auto;
}

body[data-phase="answer"] .advisor-confidence strong {
  color: var(--future-bright-accent);
  font-size: 1.06rem;
  font-weight: 860;
}

body[data-phase="answer"] .advisor-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.54fr);
  gap: 12px;
  align-items: start;
}

body[data-phase="answer"] .advisor-brief {
  display: grid;
  gap: 10px;
}

body[data-phase="answer"] .advisor-brief p {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  margin: 0;
  align-items: start;
}

body[data-phase="answer"] .advisor-brief b {
  color: rgba(0, 242, 255, 0.82);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.34;
}

body[data-phase="answer"] .advisor-brief span {
  color: rgba(236, 248, 247, 0.91);
  font-size: clamp(0.92rem, 1.4vw, 1.02rem);
  font-weight: 690;
  line-height: 1.46;
  overflow-wrap: anywhere;
}

body[data-phase="answer"] .advisor-basis,
body[data-phase="answer"] .advisor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-phase="answer"] .advisor-basis span,
body[data-phase="answer"] .advisor-actions button {
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid rgba(150, 216, 204, 0.18);
  border-radius: 999px;
  background: rgba(0, 242, 255, 0.045);
  color: rgba(226, 241, 237, 0.82);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 740;
}

body[data-phase="answer"] .advisor-actions button {
  cursor: pointer;
}

body[data-phase="answer"] .advisor-actions button:hover,
body[data-phase="answer"] .advisor-actions button:focus-visible {
  outline: none;
  border-color: rgba(0, 242, 255, 0.42);
  color: rgba(245, 253, 252, 0.96);
  background: rgba(0, 242, 255, 0.08);
}

body[data-phase="answer"] .advisor-sources {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(150, 216, 204, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
}

body[data-phase="answer"] .advisor-sources-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body[data-phase="answer"] .advisor-sources-head strong {
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(226, 241, 237, 0.66);
  font-size: 0.72rem;
  font-weight: 760;
}

body[data-phase="answer"] .advisor-source-list {
  display: grid;
  gap: 7px;
}

body[data-phase="answer"] .advisor-source-list button,
body[data-phase="answer"] .advisor-source-list p {
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 10px;
  background: rgba(7, 14, 20, 0.42);
  color: rgba(226, 241, 237, 0.82);
  font: inherit;
  text-align: left;
}

body[data-phase="answer"] .advisor-source-list button {
  cursor: pointer;
}

body[data-phase="answer"] .advisor-source-list button:hover,
body[data-phase="answer"] .advisor-source-list button:focus-visible {
  outline: none;
  border-color: rgba(0, 242, 255, 0.32);
  background: rgba(0, 242, 255, 0.055);
}

body[data-phase="answer"] .advisor-source-list span {
  color: rgba(0, 242, 255, 0.76);
  font-size: 0.72rem;
  font-weight: 780;
}

body[data-phase="answer"] .advisor-source-list strong {
  color: rgba(238, 247, 245, 0.9);
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  body[data-phase="answer"] .advisor-body {
    grid-template-columns: 1fr;
  }

  body[data-phase="answer"] .advisor-head {
    align-items: start;
  }

  body[data-phase="answer"] .advisor-brief p {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 9px;
  }
}

/* Phase 65: advisor styles must apply on starter radar too, not only answered conversations. */
body[data-aya-page="future-ai"] .thought-map-footer,
body[data-aya-page="future-ai"] .usage-meta {
  display: none !important;
}

body[data-aya-page="future-ai"] .message.is-assistant {
  width: min(1120px, 100%);
  max-width: 100%;
  margin-inline: auto;
}

body[data-aya-page="future-ai"] .advisor-panel {
  display: grid !important;
  box-sizing: border-box !important;
  gap: 12px !important;
  width: min(1120px, 100%) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(14px, 2vw, 20px) !important;
  border: 1px solid rgba(150, 216, 204, 0.18) !important;
  border-left: 3px solid rgba(0, 242, 255, 0.78) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(13, 22, 29, 0.9), rgba(10, 17, 22, 0.72)),
    rgba(10, 17, 22, 0.82) !important;
  box-shadow: 0 18px 42px -32px rgba(0, 242, 255, 0.42) !important;
  color: rgba(236, 248, 247, 0.94) !important;
  font-family: var(--future-font) !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
}

body[data-aya-page="future-ai"] .advisor-panel *,
body[data-aya-page="future-ai"] .advisor-panel *::before,
body[data-aya-page="future-ai"] .advisor-panel *::after {
  box-sizing: border-box !important;
  min-width: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

body[data-aya-page="future-ai"] .advisor-head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(150, 216, 204, 0.13) !important;
}

body[data-aya-page="future-ai"] .advisor-signal-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border-bottom: 1px solid rgba(150, 216, 204, 0.13) !important;
  background: rgba(0, 242, 255, 0.018) !important;
}

body[data-aya-page="future-ai"] .advisor-signal-strip > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 9px 12px !important;
  border-left: 1px solid rgba(150, 216, 204, 0.11) !important;
}

body[data-aya-page="future-ai"] .advisor-signal-strip > div:first-child {
  border-left: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-signal-strip span {
  color: rgba(166, 195, 194, 0.68) !important;
  font-size: 0.68rem !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
}

body[data-aya-page="future-ai"] .advisor-signal-strip strong {
  color: rgba(238, 249, 247, 0.94) !important;
  font-size: 0.88rem !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

body[data-aya-page="future-ai"] .advisor-title {
  display: grid !important;
  gap: 4px !important;
}

body[data-aya-page="future-ai"] .advisor-title span,
body[data-aya-page="future-ai"] .advisor-confidence span,
body[data-aya-page="future-ai"] .advisor-sources-head span {
  color: rgba(0, 242, 255, 0.78) !important;
  font-size: 0.78rem !important;
  font-weight: 780 !important;
}

body[data-aya-page="future-ai"] .advisor-title strong {
  color: rgba(246, 252, 251, 0.96) !important;
  font-size: clamp(1.08rem, 2.2vw, 1.42rem) !important;
  font-weight: 820 !important;
  line-height: 1.16 !important;
}

body[data-aya-page="future-ai"] .advisor-confidence {
  display: grid !important;
  justify-items: end !important;
  gap: 2px !important;
  flex: 0 0 auto !important;
}

body[data-aya-page="future-ai"] .advisor-confidence strong {
  color: var(--future-bright-accent) !important;
  font-size: 1.06rem !important;
  font-weight: 860 !important;
}

body[data-aya-page="future-ai"] .advisor-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.54fr) !important;
  gap: 12px !important;
  align-items: start !important;
}

body[data-aya-page="future-ai"] .advisor-brief {
  display: grid !important;
  gap: 10px !important;
}

body[data-aya-page="future-ai"] .advisor-brief p {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 0 !important;
  align-items: start !important;
}

body[data-aya-page="future-ai"] .advisor-brief b {
  color: rgba(0, 242, 255, 0.82) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1.34 !important;
}

body[data-aya-page="future-ai"] .advisor-brief span {
  color: rgba(236, 248, 247, 0.91) !important;
  font-size: clamp(0.92rem, 1.4vw, 1.02rem) !important;
  font-weight: 690 !important;
  line-height: 1.46 !important;
  overflow-wrap: anywhere !important;
}

body[data-aya-page="future-ai"] .advisor-basis,
body[data-aya-page="future-ai"] .advisor-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

body[data-aya-page="future-ai"] .advisor-basis span,
body[data-aya-page="future-ai"] .advisor-actions button {
  min-height: 28px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(150, 216, 204, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(0, 242, 255, 0.045) !important;
  color: rgba(226, 241, 237, 0.82) !important;
  font: inherit !important;
  font-size: 0.78rem !important;
  font-weight: 740 !important;
}

body[data-aya-page="future-ai"] .advisor-actions button {
  cursor: pointer !important;
}

body[data-aya-page="future-ai"] .advisor-actions button:hover,
body[data-aya-page="future-ai"] .advisor-actions button:focus-visible {
  outline: none !important;
  border-color: rgba(0, 242, 255, 0.42) !important;
  color: rgba(245, 253, 252, 0.96) !important;
  background: rgba(0, 242, 255, 0.08) !important;
}

body[data-aya-page="future-ai"] .advisor-sources {
  display: grid !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid rgba(150, 216, 204, 0.12) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

body[data-aya-page="future-ai"] .advisor-sources-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body[data-aya-page="future-ai"] .advisor-sources-head strong {
  padding: 3px 7px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(226, 241, 237, 0.66) !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
}

body[data-aya-page="future-ai"] .advisor-source-list {
  display: grid !important;
  gap: 7px !important;
  max-height: 324px !important;
  overflow-y: auto !important;
  padding-right: 3px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0, 242, 255, 0.24) transparent !important;
}

body[data-aya-page="future-ai"] .advisor-source-list button,
body[data-aya-page="future-ai"] .advisor-source-list p {
  display: grid !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.065) !important;
  border-radius: 10px !important;
  background: rgba(7, 14, 20, 0.42) !important;
  color: rgba(226, 241, 237, 0.82) !important;
  font: inherit !important;
  text-align: left !important;
}

/* V2 visual hierarchy v310: keep the map legible before adding more information. */
body[data-aya-page="future-ai"][data-graph-renderer="v2"] .future-graph-stage {
  background-color: #08131a !important;
  background-image:
    linear-gradient(rgba(92, 210, 221, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92, 210, 221, 0.028) 1px, transparent 1px),
    radial-gradient(ellipse at 50% 48%, rgba(23, 189, 199, 0.1), transparent 36%) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head,
body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer {
  background: rgba(7, 23, 29, 0.56) !important;
}

body[data-aya-page="future-ai"] .advisor-judgement-grid > section {
  min-height: 74px;
}

body[data-aya-page="future-ai"] .advisor-judgement-grid p {
  line-height: 1.46 !important;
}

body[data-aya-page="future-ai"][data-graph-renderer="v2"] .graph-v2-canvas {
  filter: saturate(0.88) contrast(1.04);
}

body[data-aya-page="future-ai"] .advisor-source-list button {
  cursor: pointer !important;
}

body[data-aya-page="future-ai"] .advisor-source-list button:hover,
body[data-aya-page="future-ai"] .advisor-source-list button:focus-visible {
  outline: none !important;
  border-color: rgba(0, 242, 255, 0.32) !important;
  background: rgba(0, 242, 255, 0.055) !important;
}

body[data-aya-page="future-ai"] .advisor-source-list span {
  color: rgba(0, 242, 255, 0.76) !important;
  font-size: 0.72rem !important;
  font-weight: 780 !important;
}

body[data-aya-page="future-ai"] .advisor-source-list strong {
  color: rgba(238, 247, 245, 0.9) !important;
  font-size: 0.86rem !important;
  font-weight: 760 !important;
  line-height: 1.32 !important;
  overflow-wrap: anywhere !important;
}

body[data-aya-page="future-ai"] .advisor-issue-digest {
  display: grid !important;
  gap: 7px !important;
  margin-top: 2px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(150, 216, 204, 0.13) !important;
}

body[data-aya-page="future-ai"] .advisor-issue-digest-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body[data-aya-page="future-ai"] .advisor-issue-digest-head strong {
  color: rgba(0, 242, 255, 0.82) !important;
  font-size: 0.8rem !important;
  font-weight: 850 !important;
}

body[data-aya-page="future-ai"] .advisor-issue-digest-head span {
  color: rgba(226, 241, 237, 0.56) !important;
  font-size: 0.72rem !important;
  font-weight: 720 !important;
}

body[data-aya-page="future-ai"] .advisor-issue-digest-list {
  display: grid !important;
}

body[data-aya-page="future-ai"] .advisor-issue-digest-list button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
}

body[data-aya-page="future-ai"] .advisor-issue-digest-list button:first-child {
  border-top: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-issue-digest-list button:hover,
body[data-aya-page="future-ai"] .advisor-issue-digest-list button:focus-visible {
  outline: none !important;
  background: rgba(0, 242, 255, 0.035) !important;
}

body[data-aya-page="future-ai"] .advisor-issue-copy {
  display: grid !important;
  gap: 3px !important;
}

body[data-aya-page="future-ai"] .advisor-issue-copy strong {
  color: rgba(241, 250, 248, 0.94) !important;
  font-size: 0.88rem !important;
  font-weight: 820 !important;
  line-height: 1.28 !important;
}

body[data-aya-page="future-ai"] .advisor-issue-copy small {
  color: rgba(215, 230, 227, 0.68) !important;
  font-size: 0.77rem !important;
  font-weight: 620 !important;
  line-height: 1.34 !important;
  overflow-wrap: anywhere !important;
}

body[data-aya-page="future-ai"] .advisor-issue-digest-list em {
  color: rgba(0, 242, 255, 0.68) !important;
  font-size: 0.72rem !important;
  font-style: normal !important;
  font-weight: 780 !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  body[data-aya-page="future-ai"] .advisor-signal-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-aya-page="future-ai"] .advisor-signal-strip > div {
    padding: 8px 9px !important;
  }

  body[data-aya-page="future-ai"] .advisor-signal-strip > div:nth-child(odd) {
    border-left: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-signal-strip > div:nth-child(n + 3) {
    border-top: 1px solid rgba(150, 216, 204, 0.11) !important;
  }

  body[data-aya-page="future-ai"] .advisor-body {
    grid-template-columns: 1fr !important;
  }

  body[data-aya-page="future-ai"] .advisor-head {
    align-items: start !important;
  }

  body[data-aya-page="future-ai"] .advisor-brief p {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  body[data-aya-page="future-ai"] .advisor-source-list {
    max-height: 252px !important;
  }

  body[data-aya-page="future-ai"] .advisor-issue-digest-list button {
    gap: 8px !important;
    padding: 8px 0 !important;
  }
}

/* Keep the expanded brief readable: the composer follows the result instead of covering it. */
body[data-aya-page="future-ai"][data-phase="answer"] .future-stage {
  padding-bottom: calc(22px + env(safe-area-inset-bottom)) !important;
}

body[data-aya-page="future-ai"][data-phase="answer"] .query-dock {
  position: sticky !important;
  left: auto !important;
  bottom: max(8px, env(safe-area-inset-bottom)) !important;
  transform: none !important;
  width: min(760px, calc(100vw - 24px)) !important;
  margin: 14px auto 0 !important;
}

/* Mobile graph containment: pin edge columns inside the graph after all phase overrides. */
@media (max-width: 760px) {
  body[data-aya-page="future-ai"] .future-graph-stage.is-dense-map {
    min-height: clamp(360px, 48svh, 430px) !important;
  }

  body[data-aya-page="future-ai"] .thought-keyword-cloud {
    inset: 8px !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .thought-keyword-node {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: min(76px, 19vw) !important;
    min-width: 0 !important;
    left: calc(var(--kx) * 1%) !important;
    top: calc(var(--ky) * 1%) !important;
    gap: 3px !important;
    padding: 2px !important;
  }

  body[data-aya-page="future-ai"] .thought-keyword-side-left {
    right: auto !important;
    justify-content: flex-start !important;
    text-align: left !important;
    transform: translate(-50%, -50%) !important;
  }

  body[data-aya-page="future-ai"] .thought-keyword-side-right {
    right: auto !important;
    justify-content: flex-end !important;
    text-align: right !important;
    transform: translate(-50%, -50%) !important;
  }

  body[data-aya-page="future-ai"] .thought-keyword-side-center {
    right: auto !important;
    transform: translate(-50%, -50%) !important;
  }

  body[data-aya-page="future-ai"] .thought-keyword-side-left:hover,
  body[data-aya-page="future-ai"] .thought-keyword-side-left:focus-visible,
  body[data-aya-page="future-ai"] .thought-keyword-side-right:hover,
  body[data-aya-page="future-ai"] .thought-keyword-side-right:focus-visible {
    transform: translate(-50%, -50%) scale(1.02) !important;
  }

  body[data-aya-page="future-ai"] .thought-keyword-dot {
    width: 3px !important;
    height: 3px !important;
  }

  body[data-aya-page="future-ai"] .thought-keyword-label {
    display: -webkit-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    font-size: calc(0.47rem + (var(--kw) * 0.12rem)) !important;
    line-height: 1.08 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

/* The composer follows the committed brief in every radar/result phase. */
body[data-aya-page="future-ai"] .future-stage {
  grid-template-rows: auto auto !important;
  padding-bottom: calc(22px + env(safe-area-inset-bottom)) !important;
}

body[data-aya-page="future-ai"][data-phase="answer"] .query-dock,
body[data-aya-page="future-ai"] .query-dock {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  justify-self: center !important;
  width: min(760px, calc(100vw - 24px)) !important;
  margin: 14px auto 0 !important;
}

@media (max-width: 760px) {
  body[data-aya-page="future-ai"] .query-dock {
    width: calc(100vw - 18px) !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 420px) {
  .future-build-version {
    margin-left: 6px;
    padding-left: 6px;
    font-size: 0.47rem;
  }
}

/* Expert brief v2: analysis first, evidence on demand. */
body[data-aya-page="future-ai"] .advisor-panel-v2 {
  gap: 14px !important;
  border-radius: 8px !important;
  background: rgba(8, 17, 23, 0.9) !important;
  box-shadow: 0 16px 36px -32px rgba(0, 242, 255, 0.48) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-body-v2 {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-brief {
  gap: 11px !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-brief > p {
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-brief > p b {
  padding-top: 2px !important;
  color: rgba(75, 225, 229, 0.9) !important;
  font-size: 0.76rem !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-brief > p span {
  max-width: 900px !important;
  color: rgba(235, 244, 242, 0.91) !important;
  font-size: clamp(0.9rem, 1.3vw, 1rem) !important;
  font-weight: 650 !important;
  line-height: 1.5 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-issue-digest {
  margin-top: 3px !important;
  padding-top: 12px !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-issue-digest-list {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  background: rgba(154, 205, 197, 0.1) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-issue-digest-list button {
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 5px !important;
  min-height: 96px !important;
  padding: 11px !important;
  border: 0 !important;
  background: rgba(8, 17, 23, 0.96) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-issue-digest-list em {
  justify-self: start !important;
  white-space: normal !important;
}

body[data-aya-page="future-ai"] .advisor-evidence-drawer {
  display: grid !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(150, 216, 204, 0.13) !important;
}

body[data-aya-page="future-ai"] .advisor-evidence-drawer > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 32px !important;
  color: rgba(222, 239, 236, 0.76) !important;
  cursor: pointer !important;
  list-style: none !important;
}

body[data-aya-page="future-ai"] .advisor-evidence-drawer > summary::-webkit-details-marker {
  display: none !important;
}

body[data-aya-page="future-ai"] .advisor-evidence-drawer > summary span {
  color: rgba(0, 242, 255, 0.8) !important;
  font-size: 0.78rem !important;
  font-weight: 820 !important;
}

body[data-aya-page="future-ai"] .advisor-evidence-drawer > summary strong {
  color: rgba(204, 224, 221, 0.58) !important;
  font-size: 0.72rem !important;
  font-weight: 680 !important;
}

body[data-aya-page="future-ai"] .advisor-evidence-drawer[open] > summary {
  margin-bottom: 9px !important;
}

body[data-aya-page="future-ai"] .advisor-evidence-drawer .advisor-source-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-evidence-empty {
  margin: 0 !important;
  padding-top: 9px !important;
  border-top: 1px solid rgba(150, 216, 204, 0.12) !important;
  color: rgba(204, 224, 221, 0.54) !important;
  font-size: 0.76rem !important;
}

.thought-map-link-observed {
  stroke: rgba(0, 242, 255, 0.8);
  stroke-width: 1.1;
  stroke-dasharray: none;
  opacity: 0.9;
}

.thought-map-link-inferred {
  stroke: rgba(244, 200, 109, 0.72);
  stroke-width: 0.9;
  stroke-dasharray: 5 5;
  opacity: 0.76;
}

.thought-keyword-relation {
  opacity: 1 !important;
  color: rgba(224, 250, 247, 0.95) !important;
}

.thought-keyword-relation .thought-keyword-dot {
  width: 5px;
  height: 5px;
}

.thought-core-kind-event .thought-core-card strong,
.thought-core-kind-chain .thought-core-card strong {
  font-family: var(--future-font) !important;
  font-size: clamp(0.78rem, 1.65vw, 1.02rem) !important;
  font-weight: 820 !important;
  line-height: 1.14 !important;
  word-break: keep-all !important;
}

@media (max-width: 760px) {
  body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-head {
    align-items: end !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-title strong {
    font-size: 1.03rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-brief > p {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-issue-digest-list,
  body[data-aya-page="future-ai"] .advisor-evidence-drawer .advisor-source-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v2 .advisor-issue-digest-list button {
    min-height: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-evidence-drawer > summary {
    align-items: flex-start !important;
  }

  body[data-aya-page="future-ai"] .advisor-evidence-drawer > summary strong {
    max-width: 64% !important;
    text-align: right !important;
  }
}

/* Expert cockpit v3: lead with judgement, then expose the event network. */
body[data-aya-page="future-ai"][data-surface="radar"] .future-app {
  width: min(1420px, calc(100vw - 24px)) !important;
}

body[data-aya-page="future-ai"][data-surface="radar"] .future-stage {
  gap: 10px !important;
  padding-top: 72px !important;
}

body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 2.35fr) minmax(320px, 0.85fr) !important;
  grid-template-areas: "map brief" !important;
  grid-template-rows: auto !important;
  align-items: start !important;
  gap: 14px !important;
}

body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
  grid-area: map !important;
  height: clamp(620px, calc(100svh - 108px), 760px) !important;
  min-height: 620px !important;
  max-height: 760px !important;
  border-radius: 8px !important;
}

body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
  grid-area: brief !important;
  width: 100% !important;
  max-height: clamp(620px, calc(100svh - 108px), 760px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 3px 0 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0, 242, 255, 0.22) transparent !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 {
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(150, 216, 204, 0.2) !important;
  border-left: 3px solid rgba(0, 242, 255, 0.78) !important;
  border-radius: 8px !important;
  background: rgba(7, 15, 21, 0.94) !important;
  box-shadow: 0 24px 52px -42px rgba(0, 242, 255, 0.5) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 > * {
  margin-inline: clamp(16px, 2vw, 24px) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
  align-items: start !important;
  margin: 0 !important;
  padding: 18px clamp(16px, 2vw, 24px) 14px !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title {
  gap: 6px !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title span {
  font-family: var(--future-mono) !important;
  font-size: 0.64rem !important;
  letter-spacing: 0.08em !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title strong {
  max-width: 36ch !important;
  font-size: clamp(1.08rem, 1.75vw, 1.38rem) !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence span {
  font-size: 0.66rem !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence strong {
  font-size: 0.92rem !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  gap: 5px !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls button {
  min-height: 28px !important;
  padding: 5px 9px !important;
  border-radius: 6px !important;
  font-size: 0.64rem !important;
}

body[data-aya-page="future-ai"] .advisor-command-brief {
  display: grid !important;
  gap: 9px !important;
  margin-inline: 0 !important;
  padding: 15px clamp(16px, 2vw, 24px) !important;
  border-top: 1px solid rgba(150, 216, 204, 0.12) !important;
  border-bottom: 1px solid rgba(150, 216, 204, 0.12) !important;
  background: rgba(0, 242, 255, 0.035) !important;
}

body[data-aya-page="future-ai"] .advisor-command-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body[data-aya-page="future-ai"] .advisor-command-meta span {
  color: var(--future-bright-accent) !important;
  font-family: var(--future-mono) !important;
  font-size: 0.62rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
}

body[data-aya-page="future-ai"] .advisor-command-meta em {
  color: rgba(214, 234, 231, 0.58) !important;
  font-size: 0.68rem !important;
  font-style: normal !important;
  font-weight: 720 !important;
}

body[data-aya-page="future-ai"] .advisor-command-brief > p {
  margin: 0 !important;
  color: rgba(241, 249, 248, 0.96) !important;
  font-size: clamp(0.94rem, 1.25vw, 1.04rem) !important;
  font-weight: 760 !important;
  line-height: 1.48 !important;
}

body[data-aya-page="future-ai"] .advisor-fact-strip {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding-block: 12px !important;
  border-bottom: 1px solid rgba(150, 216, 204, 0.12) !important;
}

body[data-aya-page="future-ai"] .advisor-fact-strip > span {
  align-self: center !important;
  color: rgba(0, 242, 255, 0.8) !important;
  font-size: 0.7rem !important;
  font-weight: 850 !important;
}

body[data-aya-page="future-ai"] .advisor-fact-strip dl {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(124px, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-fact-strip dl > div {
  min-width: 0 !important;
  padding: 2px 10px !important;
  border-left: 1px solid rgba(150, 216, 204, 0.1) !important;
}

body[data-aya-page="future-ai"] .advisor-fact-strip dt {
  color: rgba(177, 207, 202, 0.56) !important;
  font-size: 0.61rem !important;
  font-weight: 760 !important;
}

body[data-aya-page="future-ai"] .advisor-fact-strip dd {
  margin: 3px 0 0 !important;
}

body[data-aya-page="future-ai"] .advisor-fact-strip button,
body[data-aya-page="future-ai"] .advisor-impact-flow li button {
  all: unset !important;
  box-sizing: border-box !important;
  width: 100% !important;
  color: rgba(235, 245, 243, 0.9) !important;
  cursor: pointer !important;
}

body[data-aya-page="future-ai"] .advisor-fact-strip button {
  font-size: 0.74rem !important;
  font-weight: 780 !important;
  line-height: 1.3 !important;
}

body[data-aya-page="future-ai"] .advisor-fact-strip button:hover,
body[data-aya-page="future-ai"] .advisor-impact-flow li button:hover {
  color: var(--future-bright-accent) !important;
}

body[data-aya-page="future-ai"] .advisor-judgement-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important;
  gap: 0 !important;
  margin-top: 3px !important;
  border-bottom: 1px solid rgba(150, 216, 204, 0.12) !important;
}

body[data-aya-page="future-ai"] .advisor-judgement-grid > section {
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  padding: 14px 12px 14px 0 !important;
  border-left: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
  padding-left: 14px !important;
  padding-right: 0 !important;
  border-left: 1px solid rgba(150, 216, 204, 0.1) !important;
}

body[data-aya-page="future-ai"] .advisor-judgement-grid span,
body[data-aya-page="future-ai"] .advisor-impact-flow > div span {
  color: rgba(0, 242, 255, 0.8) !important;
  font-size: 0.7rem !important;
  font-weight: 850 !important;
}

body[data-aya-page="future-ai"] .advisor-judgement-grid p {
  margin: 0 !important;
  color: rgba(226, 240, 237, 0.84) !important;
  font-size: 0.84rem !important;
  font-weight: 650 !important;
  line-height: 1.46 !important;
}

body[data-aya-page="future-ai"] .advisor-watch-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

body[data-aya-page="future-ai"] .advisor-watch-list button {
  padding: 4px 6px !important;
  border: 1px solid rgba(150, 216, 204, 0.15) !important;
  border-radius: 4px !important;
  color: rgba(226, 240, 237, 0.78) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  font-size: 0.68rem !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
  cursor: pointer !important;
  transition: border-color 120ms ease, color 120ms ease, background 120ms ease !important;
}

body[data-aya-page="future-ai"] .advisor-watch-list button:hover {
  border-color: rgba(0, 242, 255, 0.42) !important;
  color: rgba(235, 255, 252, 0.96) !important;
  background: rgba(0, 242, 255, 0.07) !important;
}

body[data-aya-page="future-ai"] .advisor-impact-flow {
  display: grid !important;
  gap: 9px !important;
  padding-block: 14px !important;
  border-bottom: 1px solid rgba(150, 216, 204, 0.12) !important;
}

body[data-aya-page="future-ai"] .advisor-impact-flow > div {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body[data-aya-page="future-ai"] .advisor-impact-flow > div em {
  color: rgba(214, 234, 231, 0.5) !important;
  font-size: 0.66rem !important;
  font-style: normal !important;
  font-weight: 720 !important;
}

body[data-aya-page="future-ai"] .advisor-impact-flow ol {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body[data-aya-page="future-ai"] .advisor-impact-flow li {
  position: relative !important;
  display: grid !important;
  align-items: center !important;
  min-height: 38px !important;
  color: rgba(235, 245, 243, 0.9) !important;
  font-size: 0.7rem !important;
  font-weight: 790 !important;
  line-height: 1.25 !important;
}

body[data-aya-page="future-ai"] .advisor-impact-flow li button {
  min-height: 38px !important;
  display: grid !important;
  align-items: center !important;
  font: inherit !important;
  text-align: left !important;
}

body[data-aya-page="future-ai"] .advisor-watch-list button:focus-visible,
body[data-aya-page="future-ai"] .advisor-impact-flow li button:focus-visible,
body[data-aya-page="future-ai"] .advisor-fact-strip button:focus-visible {
  outline: 1px solid rgba(0, 242, 255, 0.72) !important;
  outline-offset: 2px !important;
}

body[data-aya-page="future-ai"] .advisor-impact-flow li:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: -11px !important;
  width: 7px !important;
  height: 7px !important;
  border-top: 1px solid rgba(0, 242, 255, 0.48) !important;
  border-right: 1px solid rgba(0, 242, 255, 0.48) !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

body[data-aya-page="future-ai"] .advisor-impact-flow > p,
body[data-aya-page="future-ai"] .advisor-relation-note {
  margin: 0 !important;
  color: rgba(190, 215, 211, 0.68) !important;
  font-size: 0.72rem !important;
  line-height: 1.4 !important;
}

body[data-aya-page="future-ai"] .advisor-relation-note b {
  margin-right: 8px !important;
  color: rgba(244, 200, 109, 0.82) !important;
}

body[data-aya-page="future-ai"] .advisor-priority-queue {
  display: grid !important;
  gap: 5px !important;
  padding-block: 13px 10px !important;
  border-bottom: 1px solid rgba(150, 216, 204, 0.12) !important;
}

body[data-aya-page="future-ai"] .advisor-priority-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body[data-aya-page="future-ai"] .advisor-priority-head strong {
  color: rgba(236, 248, 247, 0.9) !important;
  font-size: 0.76rem !important;
}

body[data-aya-page="future-ai"] .advisor-priority-head span {
  color: rgba(199, 219, 215, 0.46) !important;
  font-size: 0.66rem !important;
  font-weight: 740 !important;
}

body[data-aya-page="future-ai"] .advisor-priority-list {
  display: grid !important;
}

body[data-aya-page="future-ai"] .advisor-priority-list button {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 7px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.055) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
}

body[data-aya-page="future-ai"] .advisor-priority-list button:hover,
body[data-aya-page="future-ai"] .advisor-priority-list button:focus-visible {
  outline: none !important;
  background: rgba(0, 242, 255, 0.035) !important;
}

body[data-aya-page="future-ai"] .advisor-priority-rank {
  color: rgba(0, 242, 255, 0.55) !important;
  font-family: var(--future-mono) !important;
  font-size: 0.62rem !important;
  font-weight: 820 !important;
}

body[data-aya-page="future-ai"] .advisor-issue-copy {
  display: grid !important;
  gap: 2px !important;
}

body[data-aya-page="future-ai"] .advisor-issue-copy strong {
  color: rgba(237, 247, 245, 0.9) !important;
  font-size: 0.76rem !important;
  line-height: 1.25 !important;
}

body[data-aya-page="future-ai"] .advisor-issue-copy small {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: rgba(191, 213, 210, 0.56) !important;
  font-size: 0.66rem !important;
  line-height: 1.28 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}

body[data-aya-page="future-ai"] .advisor-priority-list button > em {
  max-width: 92px !important;
  color: rgba(244, 200, 109, 0.72) !important;
  font-size: 0.62rem !important;
  font-style: normal !important;
  font-weight: 760 !important;
  text-align: right !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-actions {
  margin-block: 10px 0 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-actions button {
  border-radius: 5px !important;
  font-size: 0.68rem !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-evidence-drawer {
  margin-bottom: 14px !important;
}

body[data-aya-page="future-ai"] .thought-keyword-rank {
  order: 1 !important;
  color: var(--node-accent, rgba(0, 242, 255, 0.72)) !important;
  font-family: var(--future-mono) !important;
  font-size: 0.48rem !important;
  font-weight: 880 !important;
  line-height: 1 !important;
  opacity: 0.78 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-label {
  order: 2 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-dot {
  order: 0 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-side-right .thought-keyword-rank {
  order: 2 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-side-right .thought-keyword-label {
  order: 1 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-side-right .thought-keyword-dot {
  order: 3 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-primary .thought-keyword-label {
  color: rgba(247, 238, 211, 0.96) !important;
  font-weight: 850 !important;
}

body[data-aya-page="future-ai"] .thought-map-status {
  position: absolute !important;
  left: 18px !important;
  top: 16px !important;
  display: grid !important;
  gap: 2px !important;
  color: rgba(197, 222, 218, 0.48) !important;
  pointer-events: none !important;
}

body[data-aya-page="future-ai"] .thought-map-status span {
  color: rgba(0, 242, 255, 0.58) !important;
  font-family: var(--future-mono) !important;
  font-size: 0.48rem !important;
  font-weight: 860 !important;
  letter-spacing: 0.12em !important;
}

body[data-aya-page="future-ai"] .thought-map-status strong {
  max-width: 30ch !important;
  font-size: 0.62rem !important;
  font-weight: 720 !important;
}

body[data-aya-page="future-ai"] .thought-map-status small {
  color: rgba(197, 222, 218, 0.38) !important;
  font-size: 0.52rem !important;
  font-weight: 680 !important;
}

body[data-aya-page="future-ai"] .thought-map-legend {
  position: absolute !important;
  right: 16px !important;
  bottom: 16px !important;
  display: flex !important;
  gap: 12px !important;
  color: rgba(197, 222, 218, 0.5) !important;
  font-size: 0.54rem !important;
  font-weight: 720 !important;
  pointer-events: none !important;
}

body[data-aya-page="future-ai"] .thought-map-legend span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

body[data-aya-page="future-ai"] .thought-map-legend i {
  width: 14px !important;
  height: 0 !important;
  border-top: 1px solid rgba(0, 242, 255, 0.72) !important;
}

body[data-aya-page="future-ai"] .thought-map-legend i.is-inferred {
  border-top-color: rgba(244, 200, 109, 0.65) !important;
  border-top-style: dashed !important;
}

body[data-aya-page="future-ai"] .thought-map-legend i.is-retained {
  border-top-color: rgba(197, 222, 218, 0.3) !important;
  border-top-style: dotted !important;
}

body[data-aya-page="future-ai"] .thought-map-link-watch,
body[data-aya-page="future-ai"] .thought-map-link-inferred {
  stroke: rgba(244, 200, 109, 0.6) !important;
  stroke-dasharray: 4 7 !important;
}

body[data-aya-page="future-ai"] .thought-map-link-visited {
  stroke: rgba(197, 222, 218, 0.28) !important;
  stroke-dasharray: 2 8 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-kind-fact {
  --node-accent: #47e8ff !important;
  --node-glow: 71, 232, 255 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-kind-actor {
  --node-accent: #8fe0bb !important;
  --node-glow: 143, 224, 187 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-kind-signal {
  --node-accent: #f4c86d !important;
  --node-glow: 244, 200, 109 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-kind-inference {
  --node-accent: #cf9df4 !important;
  --node-glow: 207, 157, 244 !important;
}

body[data-aya-page="future-ai"] .thought-keyword-node.is-retained {
  opacity: 0.46 !important;
  filter: saturate(0.62) !important;
}

body[data-aya-page="future-ai"] .thought-keyword-node.is-retained:hover,
body[data-aya-page="future-ai"] .thought-keyword-node.is-retained:focus-visible,
body[data-aya-page="future-ai"] .thought-keyword-node.is-visited {
  opacity: 0.88 !important;
  filter: none !important;
}

body[data-aya-page="future-ai"] .thought-keyword-node.is-breaking .thought-keyword-dot,
body[data-aya-page="future-ai"] .thought-core-node.is-breaking .thought-core-card {
  border-color: rgba(255, 106, 101, 0.72) !important;
  box-shadow: 0 0 16px rgba(255, 106, 101, 0.46) !important;
}

body[data-aya-page="future-ai"] .thought-keyword-node.is-breaking .thought-keyword-dot {
  background: #ff6a65 !important;
  animation: future-breaking-pulse 1.8s ease-in-out infinite !important;
}

@keyframes future-breaking-pulse {
  0%, 100% { opacity: 0.58; transform: scale(0.88); }
  50% { opacity: 1; transform: scale(1.45); }
}

body[data-aya-page="future-ai"] .thought-keyword-side-left {
  justify-content: flex-start !important;
  transform: translate(0, -50%) !important;
}

body[data-aya-page="future-ai"] .thought-keyword-side-right {
  justify-content: flex-end !important;
  transform: translate(-100%, -50%) !important;
}

body[data-aya-page="future-ai"] .thought-keyword-side-left:hover,
body[data-aya-page="future-ai"] .thought-keyword-side-left:focus-visible {
  transform: translate(0, -50%) scale(1.04) !important;
}

body[data-aya-page="future-ai"] .thought-keyword-side-right:hover,
body[data-aya-page="future-ai"] .thought-keyword-side-right:focus-visible {
  transform: translate(-100%, -50%) scale(1.04) !important;
}

@media (min-width: 1081px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .thought-core-node {
    width: 154px !important;
    height: 154px !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .thought-core-card strong {
    font-size: 1.3rem !important;
  }
}

@media (max-width: 1080px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .future-app {
    width: min(920px, calc(100vw - 18px)) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .future-stage {
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .query-dock {
    position: fixed !important;
    left: 50% !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    z-index: 40 !important;
    width: min(760px, calc(100vw - 18px)) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 18px 44px -24px rgba(0, 0, 0, 0.9) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "map" "brief" !important;
    gap: 12px !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    height: clamp(360px, 48svh, 520px) !important;
    min-height: 360px !important;
    max-height: 520px !important;
  }
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .future-topline {
    gap: 6px !important;
    padding-inline: 8px !important;
  }

  body[data-aya-page="future-ai"] .future-brand {
    font-size: 0.72rem !important;
    letter-spacing: 0.1em !important;
  }

  body[data-aya-page="future-ai"] .future-build-version {
    margin-left: 5px !important;
    padding-left: 5px !important;
    font-size: 0.43rem !important;
  }

  body[data-aya-page="future-ai"] .future-live-status {
    font-size: 0.44rem !important;
  }

  body[data-aya-page="future-ai"] .topline-actions {
    gap: 4px !important;
  }

  body[data-aya-page="future-ai"] .key-action {
    width: 32px !important;
    height: 32px !important;
  }

  body[data-aya-page="future-ai"] .topbar-precision {
    min-width: 36px !important;
    min-height: 32px !important;
    gap: 0 !important;
    padding: 3px !important;
  }

  body[data-aya-page="future-ai"] .topbar-precision input {
    width: 28px !important;
    height: 15px !important;
  }

  body[data-aya-page="future-ai"] .topbar-precision input:checked::after {
    transform: translateX(12px) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .future-stage {
    padding-top: 68px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
    padding: 14px 12px 12px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 > * {
    margin-inline: 12px !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-brief {
    margin-inline: 0 !important;
    padding: 13px 12px !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip dl {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip dl > div:nth-child(odd) {
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section,
  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    padding: 12px 0 !important;
    border-left: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    border-top: 1px solid rgba(150, 216, 204, 0.1) !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow ol {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 6px !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow li:nth-child(2)::after {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-priority-list button {
    grid-template-columns: 24px minmax(0, 1fr) !important;
  }

  body[data-aya-page="future-ai"] .advisor-priority-list button > em {
    display: none !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    height: 410px !important;
    min-height: 410px !important;
    max-height: 410px !important;
  }

  body[data-aya-page="future-ai"] .future-graph-stage .thought-keyword-node {
    max-width: min(104px, 27vw) !important;
  }

  body[data-aya-page="future-ai"] .thought-map-status strong,
  body[data-aya-page="future-ai"] .thought-map-status small,
  body[data-aya-page="future-ai"] .thought-map-footer,
  body[data-aya-page="future-ai"] .thought-map-legend {
    display: none !important;
  }
}

/* Semantic Constellation Graph v256: topology first, briefing second. */
body[data-aya-page="future-ai"] .core-network.is-living-graph {
  inset: 6px 10px 8px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  pointer-events: auto !important;
  container-type: size !important;
}

body[data-aya-page="future-ai"] .core-network.is-living-graph::before,
body[data-aya-page="future-ai"] .core-network.is-living-graph::after {
  display: none !important;
}

body[data-aya-page="future-ai"] .intelligence-graph-field {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-links {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-edge path {
  fill: none;
  stroke: rgba(174, 207, 205, 0.2);
  stroke-width: 0.8;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  opacity: 0.62;
  animation: intelligence-edge-reveal 560ms ease both;
}

body[data-aya-page="future-ai"] .intelligence-graph-edge.is-active path {
  stroke-width: 1.35;
  opacity: 0.92;
  filter: drop-shadow(0 0 4px rgba(75, 225, 229, 0.18));
}

body[data-aya-page="future-ai"] .intelligence-graph-edge-observed path {
  stroke: rgba(75, 225, 229, 0.68);
}

body[data-aya-page="future-ai"] .intelligence-graph-edge-inferred path {
  stroke: rgba(207, 157, 244, 0.58);
  stroke-dasharray: 6 7;
}

body[data-aya-page="future-ai"] .intelligence-graph-edge-watch path {
  stroke: rgba(244, 200, 109, 0.62);
  stroke-dasharray: 3 7;
}

body[data-aya-page="future-ai"] .intelligence-graph-edge-visited path {
  stroke: rgba(171, 191, 194, 0.3);
  stroke-dasharray: 2 8;
}

body[data-aya-page="future-ai"] .intelligence-graph-edge text {
  fill: rgba(184, 214, 211, 0.56);
  font-family: var(--future-mono);
  font-size: 8px;
  font-weight: 720;
  letter-spacing: 0;
  paint-order: stroke;
  stroke: rgba(4, 12, 17, 0.92);
  stroke-width: 3px;
  stroke-linejoin: round;
}

body[data-aya-page="future-ai"] .intelligence-graph-nodes {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-node {
  --graph-accent: #9eb9ba;
  --graph-glow: 158, 185, 186;
  --node-scale: 1;
  --drift-x: 0px;
  --drift-y: 0px;
  position: absolute;
  left: calc(var(--gx) * 1%);
  top: calc(var(--gy) * 1%);
  z-index: 4;
  width: max-content;
  max-width: min(190px, 22cqw);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(226, 239, 237, 0.76);
  font: inherit;
  text-align: left;
  cursor: pointer;
  touch-action: none;
  pointer-events: auto;
  transform: translate(-50%, -50%) translate(var(--drift-x), var(--drift-y)) scale(var(--node-scale));
  transform-origin: center;
  transition: color 160ms ease, filter 160ms ease, opacity 160ms ease;
}

body[data-aya-page="future-ai"] .intelligence-graph-content-profile {
  --graph-accent: #c4b7ff;
  --graph-glow: 196, 183, 255;
}

body[data-aya-page="future-ai"] .intelligence-graph-content-current_news {
  --graph-accent: #6ff4df;
  --graph-glow: 111, 244, 223;
}

body[data-aya-page="future-ai"] .intelligence-graph-content-recent_news {
  --graph-accent: #9bd1ff;
  --graph-glow: 155, 209, 255;
}

body[data-aya-page="future-ai"] .intelligence-graph-content-archive_news {
  --graph-accent: #e7bd78;
  --graph-glow: 231, 189, 120;
}

body[data-aya-page="future-ai"] .intelligence-graph-content-related {
  --graph-accent: #a7e5c4;
  --graph-glow: 167, 229, 196;
}

body[data-aya-page="future-ai"] .intelligence-graph-content-profile_detail {
  --graph-accent: #9c92c9;
  --graph-glow: 156, 146, 201;
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-new {
  animation: intelligence-node-arrive 620ms cubic-bezier(0.16, 0.88, 0.22, 1) both;
  animation-delay: var(--node-delay, 0ms);
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-relocating:not(.is-new) {
  animation: intelligence-node-relocate 820ms cubic-bezier(0.2, 0.76, 0.22, 1) both;
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-fading-in {
  animation: intelligence-node-fade 420ms ease both;
  animation-delay: var(--node-delay, 0ms);
}

body[data-aya-page="future-ai"] .intelligence-graph-node:hover,
body[data-aya-page="future-ai"] .intelligence-graph-node:focus-visible {
  --node-scale: 1.055;
  z-index: 14;
  outline: none;
  color: rgba(247, 253, 251, 0.98);
  filter: saturate(1.14);
}

body[data-aya-page="future-ai"] .intelligence-graph-node-shell {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid rgba(var(--graph-glow), 0.14);
  border-radius: 6px;
  background: rgba(7, 16, 21, 0.76);
  box-shadow: 0 9px 22px -20px rgba(var(--graph-glow), 0.8);
  backdrop-filter: blur(4px);
}

body[data-aya-page="future-ai"] .intelligence-graph-node:hover .intelligence-graph-node-shell,
body[data-aya-page="future-ai"] .intelligence-graph-node:focus-visible .intelligence-graph-node-shell {
  border-color: rgba(var(--graph-glow), 0.54);
  background: rgba(9, 21, 27, 0.94);
  box-shadow: 0 12px 30px -20px rgba(var(--graph-glow), 0.92);
}

body[data-aya-page="future-ai"] .intelligence-graph-node-mark {
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border: 1px solid rgba(var(--graph-glow), 0.92);
  border-radius: 50%;
  background: rgba(var(--graph-glow), 0.34);
  box-shadow: 0 0 10px rgba(var(--graph-glow), 0.48);
}

body[data-aya-page="future-ai"] .intelligence-graph-node-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body[data-aya-page="future-ai"] .intelligence-graph-node-copy small {
  color: rgba(var(--graph-glow), 0.72);
  font-family: var(--future-mono);
  font-size: 0.48rem;
  font-weight: 780;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}

body[data-aya-page="future-ai"] .intelligence-graph-node-copy strong {
  display: block;
  max-width: 100%;
  overflow: visible;
  color: currentColor;
  font-size: calc(0.62rem + var(--importance) * 0.14rem);
  font-weight: calc(650 + var(--importance) * 170);
  line-height: 1.14;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

body[data-aya-page="future-ai"] .intelligence-graph-node-original {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  color: rgba(187, 211, 211, 0.58);
  font: 560 0.48rem/1.2 var(--future-sans);
  letter-spacing: 0;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-active .intelligence-graph-node-original,
body[data-aya-page="future-ai"] .intelligence-graph-mode-primary .intelligence-graph-node-original {
  color: rgba(208, 229, 228, 0.68);
  font-size: 0.53rem;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient .intelligence-graph-node-original,
body[data-aya-page="future-ai"] .intelligence-graph-mode-history .intelligence-graph-node-original {
  display: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-node-event,
body[data-aya-page="future-ai"] .intelligence-graph-node-headline,
body[data-aya-page="future-ai"] .intelligence-graph-node-chain,
body[data-aya-page="future-ai"] .intelligence-graph-node-related {
  max-width: min(210px, 25cqw);
}

body[data-aya-page="future-ai"] .intelligence-graph-node-event .intelligence-graph-node-shell,
body[data-aya-page="future-ai"] .intelligence-graph-node-headline .intelligence-graph-node-shell,
body[data-aya-page="future-ai"] .intelligence-graph-node-chain .intelligence-graph-node-shell,
body[data-aya-page="future-ai"] .intelligence-graph-node-related .intelligence-graph-node-shell {
  min-height: 42px;
  padding: 7px 9px;
  border-color: rgba(var(--graph-glow), 0.26);
  background: rgba(9, 20, 26, 0.88);
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-active {
  z-index: 12;
  min-width: min(220px, 28cqw);
  max-width: min(246px, 32cqw);
  color: rgba(248, 255, 253, 0.98);
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-active .intelligence-graph-node-shell {
  width: 100%;
  min-height: 86px;
  justify-content: center;
  padding: 13px 15px;
  border-color: rgba(75, 225, 229, 0.68);
  background: rgba(7, 23, 28, 0.96);
  box-shadow:
    0 0 0 8px rgba(75, 225, 229, 0.035),
    0 0 0 20px rgba(75, 225, 229, 0.018),
    0 20px 46px -24px rgba(75, 225, 229, 0.76);
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-active .intelligence-graph-node-mark {
  width: 9px;
  height: 9px;
  background: rgba(75, 225, 229, 0.72);
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-active .intelligence-graph-node-copy {
  gap: 5px;
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-active .intelligence-graph-node-copy strong {
  font-size: clamp(0.94rem, 1.55vw, 1.2rem);
  font-weight: 840;
  line-height: 1.15;
}

body[data-aya-page="future-ai"] .intelligence-graph-node-actor { --graph-accent: #8fe0bb; --graph-glow: 143, 224, 187; }
body[data-aya-page="future-ai"] .intelligence-graph-node-action { --graph-accent: #55ddea; --graph-glow: 85, 221, 234; }
body[data-aya-page="future-ai"] .intelligence-graph-node-object { --graph-accent: #8faef5; --graph-glow: 143, 174, 245; }
body[data-aya-page="future-ai"] .intelligence-graph-node-place { --graph-accent: #79c98b; --graph-glow: 121, 201, 139; }
body[data-aya-page="future-ai"] .intelligence-graph-node-metric { --graph-accent: #f4c86d; --graph-glow: 244, 200, 109; }
body[data-aya-page="future-ai"] .intelligence-graph-node-fact { --graph-accent: #47e8ff; --graph-glow: 71, 232, 255; }
body[data-aya-page="future-ai"] .intelligence-graph-node-evidence { --graph-accent: #a8b7c2; --graph-glow: 168, 183, 194; }
body[data-aya-page="future-ai"] .intelligence-graph-node-signal { --graph-accent: #f0b879; --graph-glow: 240, 184, 121; }
body[data-aya-page="future-ai"] .intelligence-graph-node-inference { --graph-accent: #cf9df4; --graph-glow: 207, 157, 244; }
body[data-aya-page="future-ai"] .intelligence-graph-node-trend {
  --graph-accent: #ffd878;
  --graph-glow: 255, 216, 120;
  color: rgba(255, 239, 193, 0.94);
  max-width: min(190px, 24cqw);
}

body[data-aya-page="future-ai"] .intelligence-graph-node-trend .intelligence-graph-node-shell {
  border-color: rgba(255, 216, 120, 0.38);
  background: rgba(27, 23, 12, 0.78);
  box-shadow: 0 10px 28px -22px rgba(255, 216, 120, 0.92);
}

body[data-aya-page="future-ai"] .intelligence-graph-node-trend .intelligence-graph-node-mark {
  border-color: rgba(255, 216, 120, 0.96);
  background: rgba(255, 216, 120, 0.62);
  box-shadow: 0 0 11px rgba(255, 216, 120, 0.72);
}

body[data-aya-page="future-ai"] .intelligence-graph-node-trend .intelligence-graph-node-copy small,
body[data-aya-page="future-ai"] .intelligence-graph-node-trend.intelligence-graph-depth-mid .intelligence-graph-node-copy small,
body[data-aya-page="future-ai"] .intelligence-graph-node-trend.intelligence-graph-depth-far .intelligence-graph-node-copy small {
  display: block;
  color: rgba(255, 216, 120, 0.9);
  font-size: 0.52rem;
  font-weight: 820;
  line-height: 1.1;
}

body[data-aya-page="future-ai"] .intelligence-graph-node-trend .intelligence-graph-node-copy strong {
  color: rgba(255, 244, 210, 0.98);
  font-weight: 780;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient {
  max-width: min(168px, 20cqw);
  color: rgba(205, 221, 219, calc(0.48 + var(--importance) * 0.32));
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient .intelligence-graph-node-shell {
  gap: 5px;
  min-height: 0;
  padding: 2px 3px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient .intelligence-graph-node-copy small,
body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient .intelligence-graph-branch-count {
  display: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient .intelligence-graph-node-mark {
  width: 4px;
  height: 4px;
  opacity: 0.76;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient .intelligence-graph-node-copy strong {
  font-size: calc(0.58rem + var(--importance) * 0.19rem);
  font-weight: calc(600 + var(--importance) * 190);
  line-height: 1.08;
  text-shadow: 0 1px 6px rgba(2, 8, 12, 0.94);
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient .intelligence-graph-expand {
  position: absolute;
  right: -13px;
  width: 14px;
  height: 14px;
  border-color: transparent;
  opacity: 0;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient:hover .intelligence-graph-node-shell,
body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient:focus-visible .intelligence-graph-node-shell {
  border-color: rgba(var(--graph-glow), 0.34);
  background: rgba(7, 17, 22, 0.92);
  box-shadow: 0 10px 26px -20px rgba(var(--graph-glow), 0.9);
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient:hover .intelligence-graph-expand,
body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient:focus-visible .intelligence-graph-expand {
  border-color: rgba(var(--graph-glow), 0.34);
  opacity: 1;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-branch {
  min-width: 74px;
  max-width: min(166px, 20cqw);
  color: rgba(232, 246, 242, 0.9);
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-branch .intelligence-graph-node-shell {
  min-height: 32px;
  border-color: rgba(var(--graph-glow), 0.34);
  background: rgba(8, 22, 27, 0.9);
  box-shadow: 0 12px 28px -22px rgba(var(--graph-glow), 0.92);
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-relation .intelligence-graph-node-shell {
  border-color: rgba(244, 200, 109, 0.38);
  background: rgba(18, 22, 23, 0.88);
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-relation .intelligence-graph-node-mark {
  border-color: rgba(244, 200, 109, 0.92);
  background: rgba(244, 200, 109, 0.5);
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-history:not(.is-active) {
  opacity: 0.46;
  max-width: min(148px, 19cqw);
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-history .intelligence-graph-node-shell {
  gap: 5px;
  min-height: 0;
  padding: 2px 3px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-history .intelligence-graph-node-copy small,
body[data-aya-page="future-ai"] .intelligence-graph-mode-history .intelligence-graph-branch-count {
  display: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-history .intelligence-graph-node-mark {
  width: 4px;
  height: 4px;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-history .intelligence-graph-node-copy strong {
  font-size: calc(0.56rem + var(--importance) * 0.16rem);
  font-weight: calc(590 + var(--importance) * 170);
  line-height: 1.08;
  text-shadow: 0 1px 6px rgba(2, 8, 12, 0.94);
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-history .intelligence-graph-expand {
  position: absolute;
  right: -13px;
  width: 14px;
  height: 14px;
  border-color: transparent;
  opacity: 0;
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-history:hover .intelligence-graph-node-shell,
body[data-aya-page="future-ai"] .intelligence-graph-mode-history:focus-visible .intelligence-graph-node-shell {
  border-color: rgba(var(--graph-glow), 0.3);
  background: rgba(7, 17, 22, 0.9);
}

body[data-aya-page="future-ai"] .intelligence-graph-mode-history:hover .intelligence-graph-expand,
body[data-aya-page="future-ai"] .intelligence-graph-mode-history:focus-visible .intelligence-graph-expand {
  border-color: rgba(var(--graph-glow), 0.3);
  opacity: 1;
}

body[data-aya-page="future-ai"] .intelligence-graph-node-signal .intelligence-graph-node-shell,
body[data-aya-page="future-ai"] .intelligence-graph-node-inference .intelligence-graph-node-shell {
  border-style: dashed;
}

body[data-aya-page="future-ai"] .intelligence-graph-quality-watch:not(.is-active) {
  opacity: 0.66;
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-retained:not(.is-active) {
  opacity: 0.38;
  filter: saturate(0.58);
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-visited:not(.is-active) {
  opacity: 0.78;
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-breaking .intelligence-graph-node-mark {
  border-color: #ff6a65;
  background: #ff6a65;
  box-shadow: 0 0 14px rgba(255, 106, 101, 0.8);
  animation: future-breaking-pulse 1.8s ease-in-out infinite;
}

body[data-aya-page="future-ai"] .intelligence-graph-branch-count,
body[data-aya-page="future-ai"] .intelligence-graph-expand {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(var(--graph-glow), 0.28);
  border-radius: 50%;
  color: rgba(var(--graph-glow), 0.74);
  font-family: var(--future-mono);
  font-size: 0.52rem;
  font-weight: 800;
  line-height: 1;
}

body[data-aya-page="future-ai"] .intelligence-graph-expand {
  width: 16px;
  height: 16px;
  margin-left: -4px;
  opacity: 0.5;
}

body[data-aya-page="future-ai"] .intelligence-graph-node:hover .intelligence-graph-expand,
body[data-aya-page="future-ai"] .intelligence-graph-node:focus-visible .intelligence-graph-expand {
  opacity: 1;
}

body[data-aya-page="future-ai"] .intelligence-graph-status,
body[data-aya-page="future-ai"] .graph-v2-status {
  position: absolute;
  top: 12px;
  left: 14px;
  z-index: 18;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(188, 213, 211, 0.56);
  font-family: var(--future-mono);
  font-size: 0.57rem;
  font-weight: 720;
  line-height: 1;
  letter-spacing: 0.01em;
  pointer-events: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-status strong {
  color: #61e3dc;
  font-weight: 820;
}

body[data-aya-page="future-ai"] .intelligence-graph-status .graph-status-mark,
body[data-aya-page="future-ai"] .graph-v2-status .graph-status-mark {
  display: inline-grid;
  width: 0.9rem;
  height: 0.9rem;
  place-items: center;
  color: #8de8dd;
  font-size: 0.82rem;
  line-height: 1;
  text-shadow: 0 0 8px rgba(97, 227, 220, 0.72);
}

body[data-aya-page="future-ai"] .intelligence-graph-status span {
  color: rgba(165, 198, 198, 0.56);
}

body[data-aya-page="future-ai"] .intelligence-graph-status .is-breaking {
  color: #ff948d;
  font-weight: 820;
}

body[data-aya-page="future-ai"] .intelligence-graph-status small {
  font-size: inherit;
}

body[data-aya-page="future-ai"] .intelligence-graph-legend {
  position: absolute;
  right: 16px;
  bottom: 14px;
  z-index: 18;
  display: flex;
  gap: 11px;
  padding: 5px 7px;
  border-radius: 5px;
  background: rgba(5, 13, 18, 0.64);
  color: rgba(190, 215, 212, 0.52);
  font-size: 0.52rem;
  font-weight: 720;
  pointer-events: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

body[data-aya-page="future-ai"] .intelligence-graph-legend i {
  width: 15px;
  border-top: 1px solid rgba(75, 225, 229, 0.72);
}

body[data-aya-page="future-ai"] .intelligence-graph-legend i.is-inferred {
  border-top-color: rgba(207, 157, 244, 0.68);
  border-top-style: dashed;
}

body[data-aya-page="future-ai"] .intelligence-graph-legend i.is-watch {
  border-top-color: rgba(244, 200, 109, 0.72);
  border-top-style: dotted;
}

@keyframes intelligence-node-arrive {
  from {
    left: calc(var(--from-x) * 1%);
    top: calc(var(--from-y) * 1%);
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.72);
  }
  to {
    left: calc(var(--gx) * 1%);
    top: calc(var(--gy) * 1%);
    opacity: 1;
    transform: translate(-50%, -50%) translate(var(--drift-x), var(--drift-y)) scale(var(--node-scale));
  }
}

@keyframes intelligence-node-relocate {
  from {
    left: calc(var(--from-x) * 1%);
    top: calc(var(--from-y) * 1%);
  }
  to {
    left: calc(var(--gx) * 1%);
    top: calc(var(--gy) * 1%);
  }
}

@keyframes intelligence-node-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes intelligence-edge-reveal {
  from { opacity: 0; }
  to { opacity: 0.72; }
}

@media (max-width: 1080px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    height: clamp(460px, 58svh, 590px) !important;
    min-height: 460px !important;
    max-height: 590px !important;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node {
    max-width: min(156px, 30cqw);
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node.is-active {
    min-width: min(184px, 38cqw);
    max-width: min(206px, 42cqw);
  }
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .future-brand-stack {
    flex: 1 1 auto;
    max-width: calc(100% - 78px);
    overflow: hidden;
  }

  body[data-aya-page="future-ai"] .future-brand {
    max-width: 100%;
  }

  body[data-aya-page="future-ai"] .topline-actions {
    flex: 0 0 72px;
    justify-content: flex-end;
    margin-right: 2px;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
    gap: 8px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title strong {
    max-width: 100% !important;
    font-size: 0.98rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence {
    min-width: 64px !important;
    max-width: 64px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    height: clamp(520px, 66svh, 600px) !important;
    min-height: 520px !important;
    max-height: 600px !important;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node {
    max-width: min(156px, 40cqw);
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node.intelligence-graph-mode-ambient {
    max-width: min(148px, 38cqw);
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node.intelligence-graph-mode-branch {
    min-width: 62px;
    max-width: min(160px, 41cqw);
  }

  body[data-aya-page="future-ai"] .intelligence-graph-mode-ambient .intelligence-graph-node-copy strong {
    font-size: calc(0.64rem + var(--importance) * 0.16rem);
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node-shell {
    gap: 4px;
    min-height: 27px;
    padding: 4px 5px;
    border-radius: 5px;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node-event,
  body[data-aya-page="future-ai"] .intelligence-graph-node-headline,
  body[data-aya-page="future-ai"] .intelligence-graph-node-chain,
  body[data-aya-page="future-ai"] .intelligence-graph-node-related {
    max-width: min(136px, 36cqw);
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node-copy small {
    font-size: 0.42rem;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node-copy strong {
    font-size: calc(0.66rem + var(--importance) * 0.12rem);
    line-height: 1.1;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node.is-active {
    min-width: min(150px, 43cqw);
    max-width: min(176px, 48cqw);
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node.is-active .intelligence-graph-node-shell {
    min-height: 72px;
    padding: 10px;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node.is-active .intelligence-graph-node-copy strong {
    font-size: 0.94rem;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-branch-count {
    display: none;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-status {
    top: 8px;
    left: 8px;
    gap: 5px;
    padding: 4px 5px;
    font-size: 0.45rem;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-status small,
  body[data-aya-page="future-ai"] .intelligence-graph-legend,
  body[data-aya-page="future-ai"] .intelligence-graph-edge text {
    display: none;
  }

}

@media (prefers-reduced-motion: reduce) {
  body[data-aya-page="future-ai"] .intelligence-graph-node,
  body[data-aya-page="future-ai"] .intelligence-graph-edge path,
  body[data-aya-page="future-ai"] .intelligence-graph-node-mark {
    animation: none !important;
    transition: none !important;
  }
}

/* Viewport cockpit v260: denser graph field and a compact secondary brief. */
body[data-aya-page="future-ai"][data-surface="radar"] .future-stage {
  gap: 8px !important;
  padding-top: 68px !important;
}

body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
  grid-template-columns: minmax(0, 2.15fr) minmax(360px, 0.95fr) !important;
  gap: 10px !important;
}

body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
  height: clamp(560px, calc(100svh - 96px), 720px) !important;
  min-height: 560px !important;
  max-height: 720px !important;
  background: rgba(6, 14, 19, 0.96) !important;
}

body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
  max-height: clamp(560px, calc(100svh - 96px), 720px) !important;
}

body[data-aya-page="future-ai"] .intelligence-graph-node {
  transition: color 160ms ease, filter 160ms ease, opacity 160ms ease;
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-focus {
  --node-scale: 1;
  z-index: 12;
  opacity: 1;
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-near {
  --node-scale: 1;
  z-index: 9;
  opacity: 0.96;
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-mid {
  --node-scale: 0.94;
  z-index: 6;
  opacity: 0.76;
  filter: saturate(0.82);
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-far.intelligence-graph-node:not(.is-active),
body[data-aya-page="future-ai"] .intelligence-graph-depth-far.intelligence-graph-node.is-retained:not(.is-active) {
  --node-scale: 0.84;
  z-index: 2;
  opacity: 0.46;
  filter: saturate(0.62);
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-mid .intelligence-graph-node-shell {
  min-height: 28px;
  padding: 4px 6px;
  border-color: rgba(var(--graph-glow), 0.16);
  background: rgba(7, 17, 22, 0.56);
  box-shadow: none;
  backdrop-filter: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-mid .intelligence-graph-node-copy small {
  display: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-far .intelligence-graph-node-shell {
  gap: 4px;
  min-height: 0;
  padding: 2px 3px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-far .intelligence-graph-node-copy small,
body[data-aya-page="future-ai"] .intelligence-graph-depth-far .intelligence-graph-branch-count,
body[data-aya-page="future-ai"] .intelligence-graph-depth-far .intelligence-graph-expand {
  display: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-far .intelligence-graph-node-copy strong {
  font-size: calc(0.58rem + var(--importance) * 0.15rem);
  font-weight: calc(590 + var(--importance) * 150);
  line-height: 1.05;
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-far .intelligence-graph-node-mark {
  width: 3px;
  height: 3px;
  opacity: 0.62;
  box-shadow: none;
}

body[data-aya-page="future-ai"] .intelligence-graph-depth-mid:hover,
body[data-aya-page="future-ai"] .intelligence-graph-depth-mid:focus-visible,
body[data-aya-page="future-ai"] .intelligence-graph-depth-far:hover,
body[data-aya-page="future-ai"] .intelligence-graph-depth-far:focus-visible {
  --node-scale: 1.04;
  z-index: 14;
  opacity: 1;
  filter: saturate(1.08);
}

body[data-aya-page="future-ai"] .intelligence-graph-node.is-active .intelligence-graph-node-shell::after {
  content: "";
  position: absolute;
  inset: -8px;
  z-index: -1;
  border: 1px solid rgba(75, 225, 229, 0.18);
  border-radius: 9px;
  pointer-events: none;
  animation: intelligence-focus-breathe 4.8s ease-in-out infinite;
}

body[data-aya-page="future-ai"] .intelligence-graph-edge-inferred path,
body[data-aya-page="future-ai"] .intelligence-graph-edge-watch path {
  animation:
    intelligence-edge-reveal 560ms ease both,
    intelligence-edge-flow 18s linear infinite;
}

@keyframes intelligence-edge-flow {
  to { stroke-dashoffset: -56; }
}

@keyframes intelligence-focus-breathe {
  0%, 100% { opacity: 0.28; transform: scale(0.985); }
  50% { opacity: 0.72; transform: scale(1.025); }
}

@media (min-width: 1081px) {
  body[data-aya-page="future-ai"] .advisor-panel-v3 > * {
    margin-inline: 16px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
    padding: 14px 16px 11px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 1.12rem !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls {
    flex-wrap: nowrap !important;
    gap: 4px !important;
    margin: 8px 16px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls::-webkit-scrollbar,
  body[data-aya-page="future-ai"] .advisor-fact-strip dl::-webkit-scrollbar {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls button {
    flex: 0 0 auto !important;
    min-height: 26px !important;
    padding: 4px 7px !important;
    font-size: 0.58rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-brief {
    gap: 6px !important;
    padding: 11px 16px !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-brief > p {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 0.88rem !important;
    line-height: 1.36 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip {
    display: block !important;
    padding-block: 7px !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip > span {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip dl {
    display: flex !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip dl > div {
    flex: 0 0 50% !important;
    padding-block: 1px !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section {
    padding-block: 10px !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid p {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 0.76rem !important;
    line-height: 1.38 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow {
    padding-block: 10px !important;
  }

  body[data-aya-page="future-ai"] .conversation-surface.is-radar-overview .advisor-priority-queue {
    display: none !important;
  }
}

@media (max-width: 1080px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .future-stage {
    padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "map" "brief" !important;
    gap: 8px !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    height: clamp(390px, 48svh, 500px) !important;
    min-height: 390px !important;
    max-height: 500px !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
    max-height: none !important;
  }
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .future-topline {
    padding-block: 9px !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .future-stage {
    gap: 6px !important;
    padding-top: 60px !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    gap: 6px !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    height: clamp(440px, 52svh, 480px) !important;
    min-height: 440px !important;
    max-height: 480px !important;
    border-radius: 7px !important;
  }

  body[data-aya-page="future-ai"] .core-network.is-living-graph {
    inset: 3px 5px 4px !important;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-depth-near {
    --node-scale: 0.98;
    max-width: min(138px, 36cqw) !important;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-depth-mid {
    --node-scale: 0.88;
    max-width: min(126px, 33cqw) !important;
    opacity: 0.8;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-depth-far.intelligence-graph-node:not(.is-active),
  body[data-aya-page="future-ai"] .intelligence-graph-depth-far.intelligence-graph-node.is-retained:not(.is-active) {
    --node-scale: 0.74;
    max-width: min(112px, 29cqw) !important;
    opacity: 0.62;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 {
    border-left-width: 2px !important;
    border-radius: 7px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 > * {
    margin-inline: 9px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
    padding: 9px 9px 8px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title {
    gap: 3px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title span {
    font-size: 0.5rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 0.88rem !important;
    line-height: 1.15 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence {
    min-width: 58px !important;
    max-width: 58px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence span {
    font-size: 0.52rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence strong {
    font-size: 0.76rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls {
    flex-wrap: nowrap !important;
    gap: 4px !important;
    margin: 6px 8px !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls::-webkit-scrollbar,
  body[data-aya-page="future-ai"] .advisor-fact-strip dl::-webkit-scrollbar,
  body[data-aya-page="future-ai"] .advisor-watch-list::-webkit-scrollbar,
  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-actions::-webkit-scrollbar {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls button {
    flex: 0 0 auto !important;
    min-height: 25px !important;
    padding: 4px 7px !important;
    font-size: 0.57rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-brief {
    gap: 5px !important;
    margin-inline: 0 !important;
    padding: 8px 9px !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-meta span {
    font-size: 0.5rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-meta em {
    max-width: 55% !important;
    overflow: hidden !important;
    font-size: 0.56rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-brief > p {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 0.79rem !important;
    line-height: 1.32 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip {
    display: block !important;
    padding-block: 6px !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip > span {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip dl {
    display: flex !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip dl > div,
  body[data-aya-page="future-ai"] .advisor-fact-strip dl > div:nth-child(odd) {
    flex: 0 0 min(42vw, 156px) !important;
    padding: 1px 8px !important;
    border-left: 1px solid rgba(150, 216, 204, 0.1) !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip dl > div:first-child {
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip dt {
    font-size: 0.52rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip dd {
    margin-top: 1px !important;
  }

  body[data-aya-page="future-ai"] .advisor-fact-strip button {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 0.63rem !important;
    line-height: 1.2 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(118px, 0.92fr) !important;
    margin-top: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section,
  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    gap: 4px !important;
    padding: 7px 7px 7px 0 !important;
    border-top: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    padding-right: 0 !important;
    padding-left: 8px !important;
    border-left: 1px solid rgba(150, 216, 204, 0.1) !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid span,
  body[data-aya-page="future-ai"] .advisor-impact-flow > div span {
    font-size: 0.58rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid p {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 0.67rem !important;
    line-height: 1.32 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  body[data-aya-page="future-ai"] .advisor-watch-list {
    flex-wrap: nowrap !important;
    gap: 3px !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-watch-list button {
    flex: 0 0 auto !important;
    max-width: 122px !important;
    padding: 3px 5px !important;
    overflow: hidden !important;
    font-size: 0.58rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow {
    gap: 4px !important;
    padding-block: 7px !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow > div em {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow ol {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow li,
  body[data-aya-page="future-ai"] .advisor-impact-flow li button {
    min-height: 27px !important;
    font-size: 0.58rem !important;
    line-height: 1.18 !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow li:nth-child(2)::after {
    display: block !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow li:not(:last-child)::after {
    right: -6px !important;
    width: 5px !important;
    height: 5px !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow > p,
  body[data-aya-page="future-ai"] .advisor-relation-note {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 0.61rem !important;
    line-height: 1.25 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-aya-page="future-ai"] .advisor-priority-queue {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    margin-block: 6px 0 !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-actions button {
    flex: 0 0 auto !important;
    min-height: 26px !important;
    padding: 4px 7px !important;
    font-size: 0.58rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-evidence-drawer {
    margin-block: 6px 8px !important;
  }

  body[data-aya-page="future-ai"] .advisor-evidence-drawer > summary {
    min-height: 30px !important;
    padding-block: 5px !important;
    font-size: 0.62rem !important;
  }

  body[data-aya-page="future-ai"] .query-dock {
    bottom: calc(6px + env(safe-area-inset-bottom)) !important;
    width: calc(100vw - 14px) !important;
    padding: 6px !important;
    border-radius: 12px !important;
  }

  body[data-aya-page="future-ai"] .query-input {
    padding: 9px 10px !important;
    font-size: 0.8rem !important;
  }

  body[data-aya-page="future-ai"] .send-action {
    width: 39px !important;
    height: 39px !important;
    border-radius: 9px !important;
  }
}

@media (max-width: 380px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
  }
}

@media (max-width: 740px) {
  body[data-aya-page="future-ai"] .query-input,
  body[data-aya-page="future-ai"] .key-input,
  body[data-aya-page="future-ai"] .key-select {
    font-size: 16px !important;
  }
}

@media (max-height: 600px) and (orientation: landscape) {
  body[data-aya-page="future-ai"][data-surface="radar"] .future-stage {
    padding-top: 54px !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    height: 278px !important;
    min-height: 278px !important;
    max-height: 278px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-aya-page="future-ai"] .intelligence-graph-node.is-active .intelligence-graph-node-shell::after {
    animation: none !important;
  }
}

/* Continuous knowledge canvas v267: persistent branches, direct collapse, readable hierarchy. */
body[data-aya-page="future-ai"] .graph-renderer-control {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, 34px) 42px;
  height: 32px;
  padding: 2px;
  border: 1px solid rgba(141, 205, 207, 0.22);
  border-radius: 7px;
  background: rgba(5, 13, 17, 0.88);
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
}

body[data-aya-page="future-ai"] .graph-session-control {
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 140;
  display: flex;
  gap: 4px;
}

body[data-aya-page="future-ai"] .graph-session-control[hidden],
body[data-aya-page="future-ai"] .graph-session-control button[hidden] {
  display: none;
}

body[data-aya-page="future-ai"] .graph-session-control button {
  display: grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(141, 205, 207, 0.24);
  border-radius: 5px;
  background: rgba(5, 13, 17, 0.88);
  color: rgba(205, 236, 232, 0.78);
  font: 800 1rem/1 var(--future-sans);
  cursor: pointer;
}

body[data-aya-page="future-ai"] .graph-session-control button:hover,
body[data-aya-page="future-ai"] .graph-session-control button:focus-visible {
  border-color: rgba(111, 226, 219, 0.68);
  color: #dffffa;
}

body[data-aya-page="future-ai"] .graph-session-control:not([hidden]) ~ .core-network .intelligence-graph-status,
body[data-aya-page="future-ai"] .graph-session-control:not([hidden]) ~ .core-network.is-spatial-v2 .graph-v2-status {
  left: 84px;
}

body[data-aya-page="future-ai"] .graph-renderer-control button {
  width: 34px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: rgba(190, 211, 213, 0.55);
  font: 800 0.62rem/1 var(--future-mono);
  letter-spacing: 0;
  cursor: pointer;
}

body[data-aya-page="future-ai"] .graph-renderer-control button[data-graph-renderer="globe"] {
  width: 42px;
  color: rgba(171, 231, 225, 0.7);
  font-size: 0.55rem;
  letter-spacing: 0.035em;
}

body[data-aya-page="future-ai"] .graph-renderer-control button[aria-pressed="true"] {
  background: rgba(91, 216, 208, 0.16);
  color: #bafff5;
  box-shadow: inset 0 0 0 1px rgba(111, 226, 219, 0.28);
}

body[data-aya-page="future-ai"][data-graph-renderer="v2"] .future-graph-stage {
  background: #061015 !important;
  backdrop-filter: none !important;
}

/* Globe is a primary spatial reading surface, not a miniature decoration on
 * top of Radar. Its canvas owns more of the graph field, while the existing
 * briefing and composer continue to use the shared application layout. */
body[data-aya-page="future-ai"][data-graph-renderer="globe"] .future-graph-stage {
  background:
    radial-gradient(circle at 50% 48%, rgba(49, 186, 177, 0.16), transparent 31%),
    radial-gradient(circle at 50% 48%, rgba(5, 33, 40, 0.64), transparent 64%),
    linear-gradient(rgba(124, 248, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 248, 255, 0.022) 1px, transparent 1px),
    #061015 !important;
  background-size: 100% 100%, 100% 100%, 36px 36px, 36px 36px, 100% 100% !important;
  border-color: rgba(116, 235, 225, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(161, 255, 242, 0.04), inset 0 -62px 112px rgba(3, 10, 16, 0.46) !important;
}

body[data-aya-page="future-ai"] .core-network.is-globe-v2 {
  inset: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(31, 117, 115, 0.28) 0%, rgba(9, 51, 59, 0.36) 36%, rgba(4, 24, 32, 0.82) 72%, #031017 100%),
    linear-gradient(135deg, #061b22 0%, #04141b 54%, #061820 100%);
  cursor: grab;
  touch-action: none;
}

body[data-aya-page="future-ai"] .core-network.is-globe-v2:active {
  cursor: grabbing;
}

body[data-aya-page="future-ai"] .core-network.is-globe-v2::before,
body[data-aya-page="future-ai"] .core-network.is-globe-v2::after {
  display: none !important;
}

body[data-aya-page="future-ai"] .globe-v2-canvas {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  display: block;
  height: 100%;
  outline: none;
  touch-action: none;
}

body[data-aya-page="future-ai"] .globe-v2-label-layer {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 8;
  pointer-events: none;
}

/* Geographic pins are rendered in Three.js, while labels are deliberately
 * collision-resolved in the DOM. This projected layer keeps the visible line
 * attached to the label's final position through every rotation frame. */
body[data-aya-page="future-ai"] .globe-v2-label-link-layer {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

/* Selected-node media belongs to the semantic root, not to a country point on
 * the Earth. It is a small screen-space V2-style card anchored immediately
 * above the active label and never captures drag or search-icon input. */
body[data-aya-page="future-ai"] .globe-v2-focus-media {
  position: absolute;
  z-index: 7;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border: 1px solid rgba(116, 239, 222, 0.52);
  border-radius: 11px;
  background: rgba(3, 22, 28, 0.9);
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.32), 0 0 20px rgba(68, 220, 201, 0.12);
  pointer-events: none;
  transform: translate(-50%, -100%);
}

body[data-aya-page="future-ai"] .globe-v2-focus-media[hidden] {
  display: none;
}

body[data-aya-page="future-ai"] .globe-v2-focus-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .globe-v2-focus-media {
    width: 46px;
    height: 46px;
    border-radius: 9px;
  }
}

body[data-aya-page="future-ai"] .globe-v2-label-connector {
  stroke: rgba(110, 225, 213, 0.36);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  transition: opacity 180ms linear;
}

body[data-aya-page="future-ai"] .globe-v2-label-connector.is-strong {
  stroke: rgba(142, 247, 232, 0.68);
  stroke-width: 1.35;
}

body[data-aya-page="future-ai"] .globe-v2-label-connector.is-grouped {
  stroke-width: 1.18;
  stroke-opacity: 0.78;
}

body[data-aya-page="future-ai"] .globe-v2-label-connector.is-quiet {
  stroke: rgba(142, 191, 185, 0.18);
}

/* A selected Live Radar node is a V2 semantic branch, not a geographic
 * marker.  It stays in this quiet central layer so its child evidence remains
 * readable while the Earth below is dragged, zoomed, or auto-rotated. */
body[data-aya-page="future-ai"] .globe-v2-focus-overlay {
  position: absolute;
  inset: 56px 8px 50px;
  z-index: 10;
  pointer-events: none;
}

body[data-aya-page="future-ai"] .globe-v2-focus-overlay[hidden] {
  display: none;
}

body[data-aya-page="future-ai"] .globe-v2-focus-links {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

body[data-aya-page="future-ai"] .globe-v2-focus-link {
  stroke: rgba(106, 228, 214, 0.42);
  stroke-width: 0.36;
  vector-effect: non-scaling-stroke;
}

body[data-aya-page="future-ai"] .globe-v2-focus-node {
  position: absolute;
  max-width: min(172px, 34vw);
  overflow: hidden;
  padding: 4px 7px;
  border: 1px solid rgba(104, 220, 205, 0.23);
  border-radius: 9px;
  background: rgba(3, 21, 27, 0.78);
  color: rgba(219, 251, 245, 0.93);
  font: 800 clamp(0.64rem, 1.32vw, 0.84rem)/1.18 var(--future-sans);
  letter-spacing: -0.018em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: 0 3px 13px rgba(0, 5, 8, 0.34);
  cursor: pointer;
  pointer-events: auto;
  transform: translate(-50%, -50%);
}

body[data-aya-page="future-ai"] .globe-v2-focus-node.is-root {
  z-index: 1;
  max-width: min(214px, 44vw);
  border-color: rgba(107, 245, 226, 0.66);
  background: rgba(6, 43, 47, 0.9);
  color: #effffb;
  font-size: clamp(0.74rem, 1.55vw, 0.98rem);
  box-shadow: 0 0 22px rgba(61, 223, 204, 0.22);
}

body[data-aya-page="future-ai"] .globe-v2-focus-overlay.has-centered-media .globe-v2-focus-node.is-root {
  top: calc(50% + clamp(58px, 10vh, 78px)) !important;
}

body[data-aya-page="future-ai"] .globe-v2-focus-node:hover,
body[data-aya-page="future-ai"] .globe-v2-focus-node:focus-visible {
  overflow: visible;
  border-color: rgba(151, 255, 238, 0.88);
  outline: none;
  white-space: normal;
}

body[data-aya-page="future-ai"] .globe-v2-label {
  position: absolute;
  top: 0;
  left: 0;
  max-width: min(184px, 46vw);
  overflow: hidden;
  padding: 2px 4px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(231, 252, 247, 0.94);
  font: 820 clamp(0.74rem, 1.46vw, 0.96rem)/1.1 var(--future-sans);
  letter-spacing: -0.015em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: auto;
  cursor: pointer;
  text-shadow: 0 2px 9px rgba(0, 0, 0, 0.98), 0 0 14px rgba(0, 0, 0, 0.9);
  transition: opacity 180ms linear, color 180ms ease, border-color 180ms ease;
}

body[data-aya-page="future-ai"] .globe-v2-label.is-approaching {
  color: color-mix(in srgb, var(--globe-node-color, #70c9c0) 34%, #d9eeea);
  font-size: clamp(0.61rem, 1.06vw, 0.75rem);
  font-weight: 720;
}

/* A front-facing distant region remains legible as a quiet geographic cue.
 * The centred region keeps the primary reading weight; only the far side of
 * the globe is actually removed by the renderer. */
body[data-aya-page="future-ai"] .globe-v2-label.is-ambient {
  color: rgba(181, 214, 208, 0.58);
  font-size: clamp(0.6rem, 1.04vw, 0.72rem);
  font-weight: 700;
  opacity: 0.76;
}

body[data-aya-page="future-ai"] .globe-v2-label.is-near {
  color: rgba(236, 255, 250, 0.97);
}

/* Countries neighbouring the viewport centre remain readable, but never get
 * the same visual weight as the country actually under the reader's focus. */
body[data-aya-page="future-ai"] .globe-v2-label.is-adjacent {
  color: rgba(194, 228, 222, 0.76);
  font-size: clamp(0.64rem, 1.08vw, 0.78rem);
  font-weight: 730;
  opacity: 0.78;
}

body[data-aya-page="future-ai"] .globe-v2-label.is-country-field.is-adjacent {
  color: color-mix(in srgb, var(--globe-node-color, #70c9c0) 30%, #ddf7f2) !important;
  font-weight: 760;
}

/* Centre-country changes during rotation are a visual priority change only.
 * Keeping this treatment in CSS avoids rebuilding the 3D scene to redraw an
 * outline whenever the camera crosses a nearby national boundary. */
body[data-aya-page="future-ai"] .globe-v2-label.is-country-current {
  border-color: color-mix(in srgb, var(--globe-node-color, #70c9c0) 68%, #dffff8) !important;
  box-shadow: inset 2px 0 0 color-mix(in srgb, var(--globe-node-color, #70c9c0) 92%, transparent), 0 0 14px color-mix(in srgb, var(--globe-node-color, #70c9c0) 22%, transparent);
}

/* Direct V2 children inherit the selected node's geographic root. They are
 * visually a compact local branch, never a fresh country headline fan. */
body[data-aya-page="future-ai"] .globe-v2-label.is-focus-branch {
  max-width: min(168px, 35vw);
  padding: 3px 6px;
  border-color: rgba(103, 231, 217, 0.25);
  border-radius: 8px;
  background: rgba(3, 24, 29, 0.62);
  color: rgba(204, 248, 241, 0.94);
  font-size: clamp(0.66rem, 1.16vw, 0.8rem);
  font-weight: 800;
}

/* A country-reading headline carries the same colour as its surface pin.
 * The small leading stem is an explicit end-cap for the 3D tether, so text
 * remains recognizably connected even when the line fades at distance. */
body[data-aya-page="future-ai"] .globe-v2-label.is-country-field {
  color: color-mix(in srgb, var(--globe-node-color, #70c9c0) 44%, #f0fffb) !important;
  font-weight: 840;
}

body[data-aya-page="future-ai"] .globe-v2-label.is-country-field::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 2px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  border-radius: 99px;
  background: var(--globe-node-color, #70c9c0);
  box-shadow: 0 0 7px color-mix(in srgb, var(--globe-node-color, #70c9c0) 68%, transparent);
}

body[data-aya-page="future-ai"] .globe-v2-label.is-trend {
  color: #ffd77d;
  font-weight: 900;
}

body[data-aya-page="future-ai"] .globe-v2-label.is-surface-country {
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(196, 243, 234, 0.52);
  font: 780 clamp(0.54rem, 0.95vw, 0.66rem)/1 var(--future-mono);
  letter-spacing: 0.025em;
  pointer-events: none;
  text-shadow: 0 1px 5px rgba(0, 8, 12, 0.92);
}

body[data-aya-page="future-ai"] .globe-v2-label.is-orbit-left,
body[data-aya-page="future-ai"] .globe-v2-label.is-orbit-right {
  max-width: min(152px, 22vw);
  color: rgba(195, 225, 221, 0.88);
  font-size: clamp(0.54rem, 1.02vw, 0.68rem);
}

body[data-aya-page="future-ai"] .globe-v2-label.is-orbit-left {
  text-align: left;
}

body[data-aya-page="future-ai"] .globe-v2-label.is-orbit-right {
  text-align: right;
}

body[data-aya-page="future-ai"] .globe-v2-label.is-active {
  color: #eafff8;
  border-color: rgba(95, 236, 221, 0.42);
  border-radius: 999px;
  background: rgba(6, 31, 37, 0.72);
  box-shadow: 0 0 22px rgba(62, 221, 207, 0.22);
}

body[data-aya-page="future-ai"] .globe-v2-label:hover,
body[data-aya-page="future-ai"] .globe-v2-label:focus-visible {
  overflow: visible;
  max-width: min(240px, 52vw);
  border-color: rgba(133, 245, 230, 0.54);
  border-radius: 5px;
  background: rgba(5, 20, 26, 0.88);
  color: #ecfffb;
  outline: none;
}

body[data-aya-page="future-ai"] .globe-v2-status {
  position: absolute;
  top: 13px;
  left: 13px;
  z-index: 14;
  display: flex;
  gap: 7px;
  align-items: baseline;
  color: rgba(188, 219, 214, 0.6);
  font: 720 0.57rem/1 var(--future-mono);
  pointer-events: none;
}

body[data-aya-page="future-ai"] .globe-v2-status strong {
  color: #74eee1;
  font-weight: 900;
  letter-spacing: 0.1em;
}

body[data-aya-page="future-ai"] .globe-v2-reading-rail {
  position: absolute;
  inset: 43px 8px 46px auto;
  z-index: 14;
  display: grid;
  grid-template-rows: minmax(92px, 1.25fr) minmax(76px, 1fr) minmax(68px, 0.82fr);
  gap: 7px;
  min-width: 132px;
  overflow: hidden;
  pointer-events: auto;
}

/* Trend is one self-contained card: its header is the toggle and its list
 * expands inside the same bordered surface. */
body[data-aya-page="future-ai"] .globe-v2-trend-overlay {
  position: absolute;
  top: 57px;
  right: 8px;
  z-index: 15;
  min-width: 0;
  max-width: min(204px, calc(100% - 18px));
  max-height: min(252px, calc(100% - 112px));
  pointer-events: auto;
}

body[data-aya-page="future-ai"] .globe-v2-deck-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 24px;
  overflow: hidden;
  padding: 4px 7px;
  border: 0;
  border-bottom: 1px solid rgba(244, 200, 109, 0.14);
  background: transparent;
  cursor: pointer;
}

body[data-aya-page="future-ai"] .globe-v2-deck-toggle:hover,
body[data-aya-page="future-ai"] .globe-v2-deck-toggle:focus-visible,
body[data-aya-page="future-ai"] .globe-v2-deck-toggle[aria-expanded="true"] {
  background: rgba(22, 38, 31, 0.54);
  outline: none;
}

body[data-aya-page="future-ai"] .globe-v2-trend-overlay .globe-v2-deck {
  max-height: min(252px, calc(100% - 112px));
  border-color: rgba(244, 200, 109, 0.23);
  background: linear-gradient(145deg, rgba(7, 27, 31, 0.92), rgba(4, 17, 23, 0.84));
}

body[data-aya-page="future-ai"] .globe-v2-trend-overlay .globe-v2-deck > header {
  display: none;
}

body[data-aya-page="future-ai"] .globe-v2-deck-toggle strong {
  min-width: 0;
  overflow: hidden;
  color: #ffd77d;
  font: 850 clamp(0.55rem, 1.05vw, 0.68rem)/1.15 var(--future-sans);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .globe-v2-deck-toggle span {
  flex: 0 0 auto;
  color: rgba(255, 215, 125, 0.7);
  font: 700 0.52rem/1 var(--future-mono);
}

body[data-aya-page="future-ai"] .globe-v2-trend-overlay .globe-v2-deck-list {
  max-height: 214px;
}

/* Source gateways are not locations on the planet.  They occupy small,
 * screen-fixed atmospheric lanes at the edge of the reading field, so a
 * Mastodon/Hacker News/Cross source never disappears with globe rotation. */
body[data-aya-page="future-ai"] .globe-v2-submain-lane {
  position: absolute;
  inset: 0;
  z-index: 13;
  pointer-events: none;
}

body[data-aya-page="future-ai"] .globe-v2-submain-node {
  position: absolute;
  width: min(158px, 24vw);
  overflow: hidden;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: rgba(255, 190, 201, 0.94);
  font: 850 clamp(0.58rem, 1vw, 0.71rem)/1.15 var(--future-sans);
  letter-spacing: -0.015em;
  text-overflow: ellipsis;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.98), 0 0 12px rgba(0, 0, 0, 0.92);
  white-space: nowrap;
  pointer-events: auto;
  cursor: pointer;
}

body[data-aya-page="future-ai"] .globe-v2-submain-node::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 18px;
  border-top: 1px solid rgba(255, 177, 191, 0.42);
  transform: translateY(-50%);
}

body[data-aya-page="future-ai"] .globe-v2-submain-node.is-left {
  left: 10px;
  padding-left: 22px;
  text-align: left;
}

body[data-aya-page="future-ai"] .globe-v2-submain-node.is-left::after {
  left: 0;
}

body[data-aya-page="future-ai"] .globe-v2-submain-node.is-right {
  right: 10px;
  padding-right: 22px;
  text-align: right;
}

body[data-aya-page="future-ai"] .globe-v2-submain-node.is-right::after {
  right: 0;
}

body[data-aya-page="future-ai"] .globe-v2-submain-node:hover,
body[data-aya-page="future-ai"] .globe-v2-submain-node:focus-visible,
body[data-aya-page="future-ai"] .globe-v2-submain-node.is-active {
  overflow: visible;
  color: #fff0f2;
  outline: none;
}

body[data-aya-page="future-ai"] .globe-v2-submain-node:hover::after,
body[data-aya-page="future-ai"] .globe-v2-submain-node:focus-visible::after,
body[data-aya-page="future-ai"] .globe-v2-submain-node.is-active::after {
  border-color: rgba(255, 211, 219, 0.92);
  box-shadow: 0 0 9px rgba(255, 157, 178, 0.4);
}

body[data-aya-page="future-ai"] .globe-v2-deck {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(111, 222, 211, 0.14);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(5, 24, 30, 0.92), rgba(4, 17, 23, 0.78));
  box-shadow: 0 8px 24px rgba(0, 5, 9, 0.2);
}

body[data-aya-page="future-ai"] .globe-v2-deck > header {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 7px 8px 5px;
  border-bottom: 1px solid rgba(107, 218, 207, 0.1);
}

body[data-aya-page="future-ai"] .globe-v2-deck > header strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(213, 248, 242, 0.82);
  font: 850 clamp(0.55rem, 1.05vw, 0.68rem)/1.15 var(--future-sans);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .globe-v2-deck.is-trends > header strong {
  color: #ffd77d;
}

body[data-aya-page="future-ai"] .globe-v2-deck.is-sources > header strong {
  color: #ffbac2;
}

body[data-aya-page="future-ai"] .globe-v2-deck > header span {
  flex: 0 0 auto;
  color: rgba(148, 207, 199, 0.56);
  font: 700 0.52rem/1 var(--future-mono);
}

body[data-aya-page="future-ai"] .globe-v2-deck-list {
  min-height: 0;
  overflow: hidden auto;
  padding: 3px 4px 5px;
  scrollbar-width: thin;
  scrollbar-color: rgba(95, 211, 200, 0.24) transparent;
}

body[data-aya-page="future-ai"] .globe-v2-deck-item {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 5px 5px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: rgba(218, 244, 239, 0.78);
  font: 760 clamp(0.57rem, 1.12vw, 0.7rem)/1.15 var(--future-sans);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

body[data-aya-page="future-ai"] .globe-v2-deck-item.is-trend {
  color: #f7ce77;
}

body[data-aya-page="future-ai"] .globe-v2-deck-item.is-source {
  color: #efb8c4;
}

body[data-aya-page="future-ai"] .globe-v2-deck-item.is-pinned {
  color: #bffdf5;
}

body[data-aya-page="future-ai"] .globe-v2-deck-item:hover,
body[data-aya-page="future-ai"] .globe-v2-deck-item:focus-visible,
body[data-aya-page="future-ai"] .globe-v2-deck-item.is-active {
  overflow: visible;
  background: rgba(78, 207, 195, 0.12);
  color: #effffa;
  outline: none;
  white-space: normal;
}

body[data-aya-page="future-ai"] .globe-v2-deck-empty {
  display: block;
  padding: 8px 6px;
  color: rgba(166, 204, 198, 0.48);
  font: 700 0.56rem/1.25 var(--future-sans);
}

/* Zoom is explicit because label-dense regions make trackpad gestures hard to
 * target. It stays separate from the globe canvas and never changes the graph
 * viewport itself. */
body[data-aya-page="future-ai"] .globe-v2-zoom-control {
  position: absolute;
  right: 48px;
  bottom: 12px;
  z-index: 16;
  display: grid;
  grid-template-columns: 12px minmax(66px, 94px) 12px;
  gap: 4px;
  align-items: center;
  min-height: 26px;
  padding: 0 6px;
  border: 1px solid rgba(104, 229, 216, 0.3);
  border-radius: 7px;
  background: rgba(4, 20, 27, 0.82);
  color: rgba(170, 239, 230, 0.86);
  font: 800 0.68rem/1 var(--future-mono);
  user-select: none;
}

body[data-aya-page="future-ai"] .globe-v2-zoom-control input {
  width: 100%;
  margin: 0;
  accent-color: #64d9cf;
  cursor: ew-resize;
}

body[data-aya-page="future-ai"] .globe-v2-zoom-control:focus-within {
  border-color: rgba(132, 245, 231, 0.72);
  box-shadow: 0 0 0 1px rgba(77, 214, 201, 0.12);
}

body[data-aya-page="future-ai"] .globe-v2-recenter {
  position: absolute;
  bottom: 12px;
  z-index: 16;
  display: grid;
  width: 28px;
  height: 26px;
  place-items: center;
  border: 1px solid rgba(104, 229, 216, 0.3);
  border-radius: 7px;
  background: rgba(4, 20, 27, 0.82);
  color: #83eee2;
  font: 800 0.82rem/1 var(--future-mono);
  cursor: pointer;
}

body[data-aya-page="future-ai"] .globe-v2-recenter:hover,
body[data-aya-page="future-ai"] .globe-v2-recenter:focus-visible {
  border-color: rgba(132, 245, 231, 0.72);
  color: #effffb;
  outline: none;
}

body[data-aya-page="future-ai"] .globe-v2-focus-readout {
  position: absolute;
  left: 13px;
  bottom: 11px;
  z-index: 14;
  max-width: calc(100% - 26px);
  overflow: hidden;
  padding: 5px 7px;
  border: 1px solid rgba(117, 230, 219, 0.18);
  border-radius: 5px;
  background: rgba(4, 16, 22, 0.62);
  color: rgba(221, 250, 245, 0.76);
  font: 750 0.6rem/1.1 var(--future-sans);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

body[data-aya-page="future-ai"] .globe-v2-focus-readout[data-can-go-back="1"] {
  border-color: rgba(103, 236, 222, 0.48);
  color: #cffff8;
  cursor: pointer;
  pointer-events: auto;
}

@media (min-width: 760px) {
  body[data-aya-page="future-ai"][data-graph-renderer="globe"] .conversation-surface.is-radar-overview > .future-graph-stage {
    min-height: clamp(400px, 56vh, 610px) !important;
  }
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .graph-renderer-control {
    grid-template-columns: repeat(2, 30px) 36px;
    height: 30px;
  }

  body[data-aya-page="future-ai"] .graph-renderer-control button {
    width: 30px;
    height: 22px;
    font-size: 0.55rem;
  }

  body[data-aya-page="future-ai"] .graph-renderer-control button[data-graph-renderer="globe"] {
    width: 36px;
    font-size: 0.5rem;
  }

  body[data-aya-page="future-ai"] .globe-v2-label {
    max-width: 148px;
    padding: 2px 4px;
    font-size: 0.8rem;
  }

  body[data-aya-page="future-ai"] .globe-v2-status {
    top: 10px;
    left: 10px;
  }

  body[data-aya-page="future-ai"] .globe-v2-reading-rail {
    inset: 39px 6px 44px auto;
    gap: 5px;
    grid-template-rows: minmax(90px, 1.3fr) minmax(72px, 1fr) minmax(66px, 0.86fr);
  }

  body[data-aya-page="future-ai"] .globe-v2-trend-overlay {
    top: 50px;
    right: 6px;
    max-width: 132px;
  }

  body[data-aya-page="future-ai"] .globe-v2-zoom-control {
    right: 44px;
    bottom: 10px;
    grid-template-columns: 10px minmax(56px, 76px) 10px;
    min-height: 24px;
    padding-inline: 5px;
  }

  body[data-aya-page="future-ai"] .globe-v2-trend-overlay .globe-v2-deck {
    max-height: min(238px, calc(100% - 96px));
  }

  body[data-aya-page="future-ai"] .globe-v2-trend-overlay .globe-v2-deck-list {
    max-height: 202px;
  }

  body[data-aya-page="future-ai"] .globe-v2-deck-item {
    padding-block: 4px;
    font-size: 0.59rem;
  }
}

body[data-aya-page="future-ai"] .core-network.is-spatial-v2 {
  inset: 0 !important;
  overflow: hidden !important;
  background: #061015;
  cursor: grab;
  touch-action: pan-y;
}

body[data-aya-page="future-ai"] .core-network.is-spatial-v2:active {
  cursor: grabbing;
}

body[data-aya-page="future-ai"] .core-network.is-spatial-v2::before,
body[data-aya-page="future-ai"] .core-network.is-spatial-v2::after {
  display: none !important;
}

body[data-aya-page="future-ai"] .graph-v2-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

body[data-aya-page="future-ai"] .graph-v2-canvas {
  z-index: 1;
  display: block;
  outline: none;
  touch-action: pan-y;
}

body[data-aya-page="future-ai"] .graph-v2-status {
  position: absolute;
  left: 13px;
  top: 12px;
  z-index: 18;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 0;
  color: rgba(188, 213, 211, 0.56);
  font: 720 0.57rem/1 var(--future-mono);
  letter-spacing: 0.01em;
  pointer-events: none;
}

body[data-aya-page="future-ai"] .graph-v2-status strong {
  color: #61e3dc;
  font-weight: 850;
}

body[data-aya-page="future-ai"] .graph-v2-status .graph-status-mark {
  position: relative;
  flex: 0 0 11px;
  width: 11px;
  height: 11px;
  padding: 0;
  border: 1px solid rgba(141, 232, 221, 0.9);
  border-radius: 50%;
  color: transparent;
  font-size: 0;
  text-shadow: none;
  box-shadow: 0 0 8px rgba(97, 227, 220, 0.42);
}

body[data-aya-page="future-ai"] .intelligence-graph-status .graph-status-meta,
body[data-aya-page="future-ai"] .graph-v2-status .graph-status-meta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

body[data-aya-page="future-ai"] .intelligence-graph-status .graph-status-meta i,
body[data-aya-page="future-ai"] .graph-v2-status .graph-status-meta i {
  color: rgba(129, 226, 211, 0.84);
  font-style: normal;
  font-size: 0.6rem;
}

body[data-aya-page="future-ai"] .intelligence-graph-status .graph-status-mark {
  position: relative;
  flex: 0 0 11px;
  width: 11px;
  height: 11px;
  padding: 0;
  border: 1px solid rgba(141, 232, 221, 0.9);
  border-radius: 50%;
  color: transparent;
  font-size: 0;
  text-shadow: none;
  box-shadow: 0 0 8px rgba(97, 227, 220, 0.42);
}

body[data-aya-page="future-ai"] .intelligence-graph-status .graph-status-mark::before,
body[data-aya-page="future-ai"] .graph-v2-status .graph-status-mark::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: #8de8dd;
  box-shadow: 0 0 5px rgba(141, 232, 221, 0.9);
}

body[data-aya-page="future-ai"] .graph-v2-status .is-breaking {
  color: #ff948d;
  font-weight: 850;
}

body[data-aya-page="future-ai"] .graph-v2-status em {
  padding-left: 7px;
  border-left: 1px solid rgba(97, 227, 220, 0.24);
  color: #efc27f;
  font-style: normal;
  animation: future-status-pulse 1.1s ease-in-out infinite alternate;
}

@keyframes future-status-pulse {
  from { opacity: 0.42; }
  to { opacity: 1; }
}

body[data-aya-page="future-ai"] .graph-v2-focus-readout {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 5;
  display: grid;
  max-width: min(720px, calc(100% - 24px));
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid rgba(111, 218, 211, 0.18);
  border-radius: 5px;
  background: rgba(4, 14, 18, 0.76);
  color: rgba(205, 228, 228, 0.72);
  font-family: var(--future-sans);
  pointer-events: none;
  backdrop-filter: blur(8px);
}

body[data-aya-page="future-ai"] .graph-v2-focus-readout[hidden] {
  display: none;
}

body[data-aya-page="future-ai"] .graph-v2-focus-readout span {
  color: #5de1d8;
  font: 800 0.52rem/1 var(--future-mono);
  text-transform: uppercase;
}

body[data-aya-page="future-ai"] .graph-v2-focus-readout strong {
  display: -webkit-box;
  overflow: hidden;
  color: #efffff;
  font-size: 0.78rem;
  line-height: 1.28;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-aya-page="future-ai"] .graph-v2-focus-readout small {
  color: rgba(178, 205, 206, 0.56);
  font: 700 0.52rem/1 var(--future-mono);
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .graph-v2-tooltip {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  display: grid;
  width: min(224px, calc(100% - 16px));
  gap: 3px;
  padding: 7px 9px;
  border: 1px solid rgba(112, 224, 216, 0.3);
  border-radius: 5px;
  background: rgba(3, 13, 17, 0.94);
  color: #eaffff;
  font-family: var(--future-sans);
  pointer-events: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.34);
}

body[data-aya-page="future-ai"] .graph-v2-tooltip[hidden] {
  display: none;
}

body[data-aya-page="future-ai"] .graph-v2-tooltip strong {
  overflow: hidden;
  font-size: 0.72rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .graph-v2-tooltip span {
  color: rgba(163, 196, 197, 0.64);
  font: 700 0.54rem/1.2 var(--future-mono);
  white-space: pre-line;
}

body[data-aya-page="future-ai"] .graph-v2-signal-legend {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 6;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px 8px;
  max-width: min(430px, calc(100% - 24px));
  padding: 5px 7px;
  border: 1px solid rgba(115, 174, 171, 0.14);
  border-radius: 5px;
  background: rgba(4, 14, 18, 0.64);
  color: rgba(185, 210, 209, 0.64);
  font: 700 0.5rem/1 var(--future-mono);
  letter-spacing: 0.01em;
  pointer-events: none;
  backdrop-filter: blur(7px);
}

body[data-aya-page="future-ai"] .graph-v2-signal-legend[hidden] {
  display: none;
}

body[data-aya-page="future-ai"] .graph-v2-signal-legend span {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .graph-v2-signal-legend i {
  color: #ffcf66;
  font-style: normal;
  font-weight: 900;
}

body[data-aya-page="future-ai"] .graph-v2-signal-legend [data-signal-family="discourse"] i {
  color: #8bc9ff;
}

body[data-aya-page="future-ai"] .graph-v2-signal-legend [data-signal-family="community"] i {
  color: #5ff4df;
}

body[data-aya-page="future-ai"] .graph-v2-signal-legend [data-signal-family="video"] i {
  color: #b6a8ff;
}

body[data-aya-page="future-ai"] .graph-v2-signal-legend [data-signal-family="cross"] i {
  color: #ff7b73;
}

body[data-aya-page="future-ai"] .graph-v2-signal-legend b {
  font: inherit;
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .graph-renderer-control {
    height: 30px;
    grid-template-columns: repeat(2, 30px) 36px;
  }

  body[data-aya-page="future-ai"] .graph-renderer-control button {
    width: 30px;
    height: 24px;
  }

  body[data-aya-page="future-ai"] .graph-renderer-control button[data-graph-renderer="globe"] {
    width: 36px;
  }

  body[data-aya-page="future-ai"] .graph-v2-status {
    left: 8px;
    top: 8px;
    gap: 5px;
    padding: 4px 5px;
    font-size: 0.45rem;
  }

  body[data-aya-page="future-ai"] .graph-v2-signal-legend {
    right: 8px;
    bottom: 8px;
    gap: 4px 6px;
    max-width: calc(100% - 16px);
    padding: 4px 6px;
    font-size: 0.46rem;
  }

  body[data-aya-page="future-ai"] .graph-v2-focus-readout {
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 16px);
    grid-template-columns: auto minmax(0, 1fr);
  }

  body[data-aya-page="future-ai"] .graph-v2-focus-readout small {
    display: none;
  }

}

@media (prefers-reduced-motion: reduce) {
  body[data-aya-page="future-ai"] .graph-v2-status em {
    animation: none !important;
  }
}

/* Readable knowledge cockpit v270: translated labels, 7:3 mobile canvas, compact brief. */
body[data-aya-page="future-ai"] .graph-v2-status {
  font-size: 0.6rem;
}

body[data-aya-page="future-ai"] .graph-v2-focus-readout strong {
  font-size: 0.86rem;
}

body[data-aya-page="future-ai"] .graph-v2-tooltip strong {
  font-size: 0.78rem;
}

body[data-aya-page="future-ai"] .advisor-evidence-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 6px;
  padding: 8px 0;
}

body[data-aya-page="future-ai"] .advisor-evidence-facts button {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(150, 216, 204, 0.12);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.018);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

body[data-aya-page="future-ai"] .advisor-evidence-facts span {
  color: rgba(0, 242, 255, 0.66);
  font-size: 0.6rem;
  font-weight: 800;
}

body[data-aya-page="future-ai"] .advisor-evidence-facts strong {
  overflow: hidden;
  color: rgba(234, 247, 244, 0.86);
  font-size: 0.7rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"][data-surface="radar"] {
    height: 100svh !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .future-stage {
    min-height: 0 !important;
    padding-top: 58px !important;
    padding-bottom: calc(68px + env(safe-area-inset-bottom)) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    display: grid !important;
    height: calc(100svh - 126px - env(safe-area-inset-bottom)) !important;
    min-height: 0 !important;
    grid-template-rows: minmax(0, 7fr) minmax(0, 3fr) !important;
    grid-template-areas: "map" "brief" !important;
    align-items: stretch !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
    align-self: stretch !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body[data-aya-page="future-ai"] .core-network.is-spatial-v2 {
    width: auto !important;
    height: auto !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 {
    display: flex !important;
    height: 100% !important;
    min-height: 0 !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
    flex: 0 0 auto !important;
    min-height: 39px !important;
    padding: 7px 8px 6px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title span {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title strong {
    display: block !important;
    overflow: hidden !important;
    font-size: 0.91rem !important;
    line-height: 1.18 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence {
    min-width: 64px !important;
    max-width: 64px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls {
    flex: 0 0 auto !important;
    min-height: 27px !important;
    margin: 3px 7px 4px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls button {
    min-height: 24px !important;
    padding: 3px 6px !important;
    font-size: 0.56rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-brief {
    flex: 0 0 auto !important;
    gap: 2px !important;
    padding: 5px 8px !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-meta span {
    font-size: 0.52rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-brief > p {
    font-size: 0.7rem !important;
    line-height: 1.25 !important;
    -webkit-line-clamp: 1 !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(110px, 0.85fr) !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section,
  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    gap: 3px !important;
    min-height: 0 !important;
    padding: 5px 6px 5px 0 !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    padding-left: 7px !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid p {
    font-size: 0.65rem !important;
    line-height: 1.26 !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-aya-page="future-ai"] .advisor-watch-list button:nth-child(n + 3) {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow,
  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-actions,
  body[data-aya-page="future-ai"] .advisor-priority-queue,
  body[data-aya-page="future-ai"] .advisor-fact-strip {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-evidence-drawer {
    flex: 0 0 auto !important;
    margin: 0 8px 5px !important;
  }

  body[data-aya-page="future-ai"] .advisor-evidence-drawer > summary {
    min-height: 25px !important;
    padding-block: 3px !important;
    font-size: 0.58rem !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-stream:has(.advisor-evidence-drawer[open]) {
    overflow-y: auto !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-stream:has(.advisor-evidence-drawer[open]) .advisor-panel-v3 {
    height: auto !important;
    min-height: 100% !important;
    overflow: visible !important;
  }

  body[data-aya-page="future-ai"] .graph-v2-status {
    font-size: 0.57rem;
  }

  body[data-aya-page="future-ai"] .graph-v2-focus-readout {
    min-height: 32px;
  }

  body[data-aya-page="future-ai"] .graph-v2-focus-readout strong {
    font-size: 0.82rem;
  }
}

@media (max-width: 620px) and (max-height: 690px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    grid-template-rows: minmax(0, 6.8fr) minmax(0, 3.2fr) !important;
  }
}

@media (max-height: 600px) and (orientation: landscape) {
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    height: calc(100svh - 112px - env(safe-area-inset-bottom)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    grid-template-columns: minmax(0, 7fr) minmax(250px, 3fr) !important;
    grid-template-areas: "map brief" !important;
  }
}

/* Text-node performance cockpit v271: event-driven graph, dense mobile brief, desktop sidecar composer. */
@media (min-width: 1081px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    height: clamp(620px, calc(100svh - 108px), 760px) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "map brief"
      "map query" !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    grid-area: map !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
    grid-area: brief !important;
    max-height: calc(clamp(620px, calc(100svh - 108px), 760px) - 72px) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .query-dock {
    position: static !important;
    grid-area: query !important;
    align-self: start !important;
    left: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 8px !important;
    transform: none !important;
    border-radius: 10px !important;
    background: rgba(7, 15, 21, 0.9) !important;
    box-shadow: 0 14px 34px -28px rgba(0, 242, 255, 0.52) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .query-dock .query-input {
    padding-block: 10px !important;
    font-size: 0.82rem !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .query-dock .send-action {
    width: 42px !important;
    height: 42px !important;
    border-radius: 8px !important;
  }
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    grid-template-rows: minmax(0, 1fr) auto !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
    align-self: end !important;
    height: auto !important;
    max-height: 35svh !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 {
    height: auto !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
    min-height: 35px !important;
    padding-block: 5px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls {
    min-height: 24px !important;
    margin-block: 2px 3px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls button {
    min-height: 21px !important;
    padding-block: 2px !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-brief {
    padding-block: 4px !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid {
    flex: 0 0 auto !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section,
  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    padding-block: 4px !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow {
    display: grid !important;
    flex: 0 0 auto !important;
    grid-template-columns: 43px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 8px !important;
    padding: 4px 0 !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow > div {
    display: block !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow > div span {
    font-size: 0.52rem !important;
    white-space: nowrap !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow > div em,
  body[data-aya-page="future-ai"] .advisor-impact-flow > p,
  body[data-aya-page="future-ai"] .advisor-impact-flow .advisor-relation-note {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow ol {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
    min-width: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow li,
  body[data-aya-page="future-ai"] .advisor-impact-flow li button {
    min-width: 0 !important;
    min-height: 22px !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow li button {
    display: block !important;
    width: 100% !important;
    padding: 2px 3px !important;
    overflow: hidden !important;
    font-size: 0.52rem !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-aya-page="future-ai"] .advisor-impact-flow li::after {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    min-height: 24px !important;
    margin: 3px 8px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-actions button {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    min-height: 22px !important;
    padding: 2px 5px !important;
    overflow: hidden !important;
    font-size: 0.52rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-evidence-drawer {
    margin-bottom: 3px !important;
  }
}

@media (max-width: 620px) and (max-height: 600px) and (orientation: landscape) {
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    height: calc(100svh - 112px - env(safe-area-inset-bottom)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    grid-template-columns: minmax(0, 7fr) minmax(250px, 3fr) !important;
    grid-template-areas: "map brief" !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream,
  body[data-aya-page="future-ai"] .advisor-panel-v3 {
    align-self: stretch !important;
    height: 100% !important;
    max-height: none !important;
  }
}

/* Mobile viewport contract: keep the application surface still. The graph and
   brief must not create a second document-sized drag area below the fixed header. */
@media (max-width: 620px) {
  html:has(body[data-aya-page="future-ai"]),
  body[data-aya-page="future-ai"] {
    width: 100%;
    height: 100dvh;
    min-height: 0;
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  body[data-aya-page="future-ai"] .future-app,
  body[data-aya-page="future-ai"] .future-stage {
    width: min(100%, calc(100vw - 10px)) !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .future-stage {
    padding-bottom: calc(4px + env(safe-area-inset-bottom)) !important;
  }

  body[data-aya-page="future-ai"] .conversation-stream {
    min-height: 0 !important;
    overscroll-behavior: contain;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

/* Shared V1/V2 trend intelligence overlay. */
body[data-aya-page="future-ai"] .graph-trend-signal {
  position: absolute;
  top: 10px;
  left: 12px;
  right: auto;
  z-index: 10;
  width: fit-content;
  max-width: min(272px, 36%);
  max-height: min(238px, calc(100% - 74px));
  overflow: auto;
  padding: 4px 0 4px 8px;
  border: 0;
  border-left: 1px solid rgba(111, 226, 219, 0.36);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  scrollbar-width: thin;
  touch-action: none;
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-trend-focus {
  border-color: rgba(240, 201, 122, 0.3);
  box-shadow: 0 14px 32px -28px rgba(240, 201, 122, 0.66);
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-dragged {
  right: auto;
  bottom: auto;
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-dragging {
  cursor: grabbing;
  user-select: none;
}

body[data-aya-page="future-ai"] .graph-trend-signal[hidden] {
  display: none;
}

body[data-aya-page="future-ai"] .graph-trend-signal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  color: #72e6db;
  cursor: grab;
  font: 800 0.58rem/1.2 var(--future-mono);
  touch-action: none;
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-trend-focus .graph-trend-signal-head {
  color: #f0c97a;
}

body[data-aya-page="future-ai"] .graph-trend-signal-head strong {
  color: rgba(229, 242, 239, 0.62);
  font-weight: 700;
}

body[data-aya-page="future-ai"] .graph-trend-signal:hover {
  background: transparent;
}

body[data-aya-page="future-ai"] .graph-trend-metrics,
body[data-aya-page="future-ai"] .graph-trend-signal section > div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

body[data-aya-page="future-ai"] .graph-trend-metrics {
  margin-bottom: 7px;
}

body[data-aya-page="future-ai"] .graph-trend-metrics span {
  padding: 3px 5px;
  border: 1px solid rgba(111, 226, 219, 0.2);
  color: rgba(190, 244, 238, 0.88);
  font: 750 0.58rem/1.2 var(--future-mono);
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-trend-focus .graph-trend-metrics span {
  border-color: rgba(240, 201, 122, 0.2);
  color: rgba(247, 224, 174, 0.88);
}

body[data-aya-page="future-ai"] .graph-trend-signal section + section {
  margin-top: 6px;
}

body[data-aya-page="future-ai"] .graph-trend-signal section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

body[data-aya-page="future-ai"] .graph-trend-signal section > header small,
body[data-aya-page="future-ai"] .graph-trend-definition small {
  display: block;
  color: rgba(111, 226, 219, 0.72);
  font: 800 0.55rem/1.2 var(--future-mono);
}

body[data-aya-page="future-ai"] .graph-trend-signal section > header em {
  min-width: 16px;
  padding: 1px 4px;
  border: 1px solid rgba(240, 201, 122, 0.24);
  border-radius: 99px;
  color: rgba(247, 224, 174, 0.82);
  font: 800 0.56rem/1.2 var(--future-mono);
  font-style: normal;
  text-align: center;
}

body[data-aya-page="future-ai"] .graph-trend-definition small {
  margin-bottom: 4px;
}

body[data-aya-page="future-ai"] .graph-trend-signal button {
  min-width: 0;
  padding: 4px 6px;
  border: 1px solid rgba(111, 226, 219, 0.2);
  border-radius: 4px;
  color: rgba(226, 242, 239, 0.9);
  background: rgba(11, 35, 39, 0.7);
  font: 700 0.64rem/1.25 var(--future-sans);
  text-align: left;
}

body[data-aya-page="future-ai"] .graph-trend-signal button:hover,
body[data-aya-page="future-ai"] .graph-trend-signal button:focus-visible {
  border-color: rgba(240, 201, 122, 0.62);
  color: #fff3d2;
  background: rgba(62, 49, 24, 0.72);
}

body[data-aya-page="future-ai"] .graph-trend-definition {
  display: block;
  margin-top: 7px;
  padding-top: 6px;
  border-top: 1px solid rgba(111, 226, 219, 0.12);
  color: rgba(195, 215, 211, 0.72);
  font-size: 0.61rem;
  line-height: 1.35;
  text-decoration: none;
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .graph-trend-signal {
    top: 42px;
    left: 9px;
    right: auto;
    bottom: auto;
    width: fit-content;
    max-width: min(252px, calc(100% - 18px));
    max-height: min(224px, calc(100% - 70px));
    padding: 6px 7px;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: normal;
  }

  body[data-aya-page="future-ai"] .graph-trend-signal-head {
    margin-bottom: 4px;
  }

  body[data-aya-page="future-ai"] .graph-trend-metrics {
    margin-bottom: 4px;
    gap: 4px;
  }

  body[data-aya-page="future-ai"] .graph-trend-signal section + section {
    margin-top: 4px;
    margin-left: 0;
  }

  body[data-aya-page="future-ai"] .graph-trend-signal section > header {
    margin: 0 0 3px;
  }

  body[data-aya-page="future-ai"] .graph-trend-signal section > div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 4px;
  }

  body[data-aya-page="future-ai"] .graph-trend-signal button {
    width: 100%;
    max-width: none;
    overflow: hidden;
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-aya-page="future-ai"] .graph-trend-definition {
    display: none;
  }
}

/* Node-selected context: a short-lived, movable reading layer. */
body[data-aya-page="future-ai"] .graph-trend-signal.is-peek {
  width: fit-content;
  max-width: min(272px, 36%);
  max-height: min(188px, calc(100% - 74px));
  overflow-x: visible;
  overflow-y: auto;
  padding: 3px 0 4px 8px;
  border: 0;
  border-left: 1px solid rgba(111, 226, 219, 0.38);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-peek:hover {
  background: transparent;
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-minimized {
  width: auto;
  max-height: none;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-aya-page="future-ai"] .graph-context-restore {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: min(196px, calc(100vw - 36px));
  min-height: 26px;
  padding: 5px 7px;
  overflow: hidden;
  border: 1px solid rgba(111, 226, 219, 0.34);
  border-radius: 4px;
  color: rgba(216, 243, 239, 0.92);
  background: rgba(5, 17, 22, 0.72);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
  font: 700 0.61rem/1 var(--future-mono);
  letter-spacing: 0;
  text-align: left;
  cursor: pointer;
}

body[data-aya-page="future-ai"] .graph-context-restore > span {
  flex: 0 0 auto;
  color: rgba(111, 226, 219, 0.82);
  font-size: 0.5rem;
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-trend-focus .graph-context-restore > span {
  color: rgba(240, 201, 122, 0.9);
}

body[data-aya-page="future-ai"] .graph-context-restore > strong {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .graph-context-restore:hover,
body[data-aya-page="future-ai"] .graph-context-restore:focus-visible {
  border-color: rgba(111, 226, 219, 0.7);
  color: #ffffff;
  background: rgba(7, 27, 33, 0.9);
}

body[data-aya-page="future-ai"] .graph-context-summary {
  display: flex;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
  margin-bottom: 4px;
  color: rgba(111, 226, 219, 0.82);
  cursor: grab;
  font: 800 0.54rem/1.2 var(--future-mono);
  touch-action: none;
}

body[data-aya-page="future-ai"] .graph-context-summary > strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(225, 242, 239, 0.74);
  font: 700 0.58rem/1.2 var(--future-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-trend-focus .graph-context-summary {
  color: rgba(240, 201, 122, 0.88);
}

body[data-aya-page="future-ai"] .graph-context-items {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
}

body[data-aya-page="future-ai"] .graph-context-section > small {
  display: block;
  margin: 0 0 3px;
  color: rgba(111, 226, 219, 0.72);
  font: 800 0.5rem/1.2 var(--future-mono);
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-trend-focus .graph-context-section > small {
  color: rgba(240, 201, 122, 0.82);
}

body[data-aya-page="future-ai"] .graph-trend-signal .graph-context-label {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding: 1px 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  color: rgba(224, 242, 239, 0.88);
  background: transparent;
  font: 700 0.66rem/1.24 var(--future-sans);
  letter-spacing: 0;
  text-align: left;
  text-overflow: clip;
  white-space: normal;
}

body[data-aya-page="future-ai"] .graph-trend-signal .graph-context-label i {
  flex: 0 0 auto;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(111, 226, 219, 0.76);
  box-shadow: 0 0 8px rgba(111, 226, 219, 0.42);
}

body[data-aya-page="future-ai"] .graph-trend-signal.is-trend-focus .graph-context-label i {
  background: rgba(240, 201, 122, 0.84);
  box-shadow: 0 0 8px rgba(240, 201, 122, 0.4);
}

body[data-aya-page="future-ai"] .graph-trend-signal .graph-context-label span {
  min-width: 0;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

body[data-aya-page="future-ai"] .graph-trend-signal .graph-context-label:hover,
body[data-aya-page="future-ai"] .graph-trend-signal .graph-context-label:focus-visible {
  color: #ffffff;
  background: transparent;
  text-decoration: underline;
  text-decoration-color: rgba(111, 226, 219, 0.7);
  text-underline-offset: 3px;
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .graph-trend-signal.is-peek {
    width: fit-content;
    max-width: min(252px, calc(100% - 18px));
    max-height: min(190px, calc(100% - 70px));
    padding: 5px 7px 6px;
  }

  body[data-aya-page="future-ai"] .graph-context-items {
    gap: 3px 8px;
  }

  body[data-aya-page="future-ai"] .graph-trend-signal .graph-context-label {
    width: auto;
    max-width: none;
    font-size: 0.7rem;
  }
}

/* Context-preserving graph and compact evidence rail v281. */
body[data-aya-page="future-ai"] .graph-v2-focus-readout[data-can-go-back="1"] {
  pointer-events: auto;
  cursor: pointer;
  border-color: rgba(111, 226, 219, 0.42);
  background: rgba(5, 18, 22, 0.9);
}

body[data-aya-page="future-ai"] .graph-v2-focus-readout[data-can-go-back="1"]::after {
  content: "\2190";
  color: #77e7df;
  font: 800 0.78rem/1 var(--future-mono);
}

body[data-aya-page="future-ai"] .graph-v2-focus-readout[data-can-go-back="1"]:hover,
body[data-aya-page="future-ai"] .graph-v2-focus-readout[data-can-go-back="1"]:focus-visible {
  border-color: rgba(111, 226, 219, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(111, 226, 219, 0.08);
}

body[data-aya-page="future-ai"] .advisor-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(145px, 0.82fr);
  min-width: 0;
  min-height: 0;
  border-top: 1px solid rgba(150, 216, 204, 0.1);
}

body[data-aya-page="future-ai"] .advisor-summary-stack {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer {
  min-width: 0;
  min-height: 0;
  align-content: start;
  margin: 0 !important;
  padding: 6px 7px 7px !important;
  overflow: hidden;
  border-top: 0 !important;
  border-left: 1px solid rgba(150, 216, 204, 0.13) !important;
}

body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer > summary {
  min-height: 25px !important;
  padding: 2px 0 5px !important;
  gap: 5px !important;
}

body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer > summary span {
  font-size: 0.62rem !important;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer > summary strong {
  max-width: 68%;
  overflow: hidden;
  font-size: 0.55rem !important;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .advisor-content-grid .advisor-evidence-facts {
  grid-template-columns: minmax(0, 1fr);
  padding: 2px 0 5px;
}

body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list {
  grid-template-columns: minmax(0, 1fr) !important;
  max-height: 184px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
}

body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button {
  min-height: 46px;
  padding: 6px 7px;
}

body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button span {
  font-size: 0.56rem;
}

body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.65rem;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-empty {
  min-width: 0;
  margin: 0 !important;
  padding: 9px !important;
  border-top: 0 !important;
  border-left: 1px solid rgba(150, 216, 204, 0.13);
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    grid-template-rows: minmax(0, 7.3fr) minmax(0, 2.7fr) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream,
  body[data-aya-page="future-ai"] .advisor-panel-v3 {
    align-self: stretch !important;
    height: 100% !important;
    max-height: none !important;
  }

  body[data-aya-page="future-ai"] .graph-v2-focus-readout {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid {
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1.15fr) minmax(132px, 0.85fr);
    overflow: hidden;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-command-brief {
    border-top: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-evidence-facts {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list {
    max-height: 112px !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button {
    min-height: 42px;
    padding: 5px;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button:nth-child(n + 3) {
    display: none;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer {
    margin: 0 !important;
    padding: 4px 5px !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer > summary {
    margin-bottom: 2px !important;
  }
}

/* Unified mobile evidence and graph progress v283. */
body[data-aya-page="future-ai"] .graph-query-overlay {
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 11;
  min-width: 0;
  max-width: min(48%, 420px);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 2px 7px;
  padding: 6px 9px;
  transform: translateX(-50%);
  border: 1px solid rgba(111, 226, 219, 0.2);
  border-radius: 7px;
  background: rgba(4, 14, 19, 0.86);
  box-shadow: 0 10px 28px -22px rgba(0, 242, 255, 0.72);
  backdrop-filter: blur(12px);
  pointer-events: none;
}

body[data-aya-page="future-ai"] .graph-query-overlay[hidden] {
  display: none;
}

body[data-aya-page="future-ai"] .graph-query-overlay > span {
  color: rgba(0, 242, 255, 0.72);
  font: 800 0.54rem/1.2 var(--future-mono);
}

body[data-aya-page="future-ai"] .graph-query-overlay > strong {
  overflow: hidden;
  color: rgba(235, 249, 247, 0.9);
  font-size: 0.72rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .graph-query-overlay > em {
  display: none;
  grid-column: 1 / -1;
  overflow: hidden;
  color: rgba(182, 218, 215, 0.62);
  font: 700 0.53rem/1.25 var(--future-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .graph-query-overlay > i {
  display: none;
  grid-column: 1 / -1;
  height: 2px;
  overflow: hidden;
  border-radius: 2px;
  background: rgba(111, 226, 219, 0.1);
}

body[data-aya-page="future-ai"] .graph-query-overlay > i::after {
  content: "";
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: #6fe2db;
  animation: graph-query-progress 1.1s ease-in-out infinite;
}

body[data-aya-page="future-ai"] .graph-query-overlay[data-processing="1"] > em,
body[data-aya-page="future-ai"] .graph-query-overlay[data-processing="1"] > i {
  display: block;
}

body[data-aya-page="future-ai"] .core-network[data-graph-v2-loading="1"] .graph-v2-status em {
  color: #f0c97a;
}

@keyframes graph-query-progress {
  from { transform: translateX(-115%); }
  to { transform: translateX(250%); }
}

@media (prefers-reduced-motion: reduce) {
  body[data-aya-page="future-ai"] .graph-query-overlay > i::after {
    animation: none;
    transform: none;
  }
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .graph-query-overlay {
    top: 38px;
    max-width: calc(100% - 142px);
    padding: 5px 7px;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
    min-height: 42px !important;
    padding: 6px 8px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title strong {
    display: -webkit-box !important;
    font-size: 0.78rem !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence {
    min-width: 46px !important;
    max-width: 46px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence span {
    font-size: 0.52rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence strong {
    font-size: 0.72rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid {
    grid-template-columns: minmax(0, 1fr) minmax(142px, 0.9fr) !important;
  }

  body[data-aya-page="future-ai"] .advisor-command-brief,
  body[data-aya-page="future-ai"] .advisor-impact-flow,
  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-actions {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section,
  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    padding: 5px 7px !important;
    border-left: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid p {
    -webkit-line-clamp: 2 !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer {
    display: flex !important;
    min-height: 0 !important;
    flex-direction: column !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list {
    flex: 1 1 auto !important;
    max-height: 128px !important;
    overflow-y: auto !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button:nth-child(n + 3) {
    display: grid !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer > summary strong {
    max-width: 64% !important;
  }
}

/* Readable mobile graph cockpit and evidence grid v286. */
@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .graph-v2-focus-readout {
    left: 7px;
    bottom: 6px;
    min-height: 34px;
    gap: 7px;
    padding: 5px 8px;
  }

  body[data-aya-page="future-ai"] .graph-v2-focus-readout strong {
    font-size: 0.94rem !important;
  }

  body[data-aya-page="future-ai"] .graph-v2-focus-readout small {
    display: none;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
    min-height: 40px !important;
    padding: 6px 9px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title strong {
    display: block !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence {
    min-width: auto !important;
    max-width: none !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence span,
  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence strong {
    font-size: 0.72rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls {
    display: flex !important;
    min-height: 34px !important;
    margin: 3px 7px 4px !important;
    gap: 5px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls::-webkit-scrollbar {
    display: none;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls button {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: 4px 8px !important;
    font-size: 0.7rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid {
    grid-template-columns: minmax(0, 0.82fr) minmax(186px, 1.18fr) !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section,
  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    padding: 7px 9px !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid span {
    font-size: 0.68rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid p {
    font-size: 0.8rem !important;
    line-height: 1.38 !important;
  }

  body[data-aya-page="future-ai"] .advisor-watch-list button {
    min-height: 27px !important;
    padding: 4px 6px !important;
    font-size: 0.7rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer {
    padding: 3px 4px 4px !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer > summary {
    min-height: 27px !important;
    padding: 2px 1px 4px !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer > summary span,
  body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer > summary strong {
    font-size: 0.66rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    max-height: 142px !important;
    overflow-y: auto !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button {
    min-height: 64px !important;
    padding: 6px 7px !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button span {
    font-size: 0.62rem !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button strong {
    font-size: 0.72rem !important;
    line-height: 1.28 !important;
  }

  body[data-aya-page="future-ai"] .graph-query-overlay > span {
    font-size: 0.66rem;
  }

  body[data-aya-page="future-ai"] .graph-query-overlay > strong {
    font-size: 0.88rem;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node small {
    font-size: 0.62rem !important;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node strong {
    font-size: 0.82rem !important;
  }

  body[data-aya-page="future-ai"] .intelligence-graph-node.is-active strong {
    font-size: 1.02rem !important;
  }
}

/* Compact three-column mobile brief v288. */
@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .advisor-content-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(198px, 1.1fr) !important;
  }

  body[data-aya-page="future-ai"] .advisor-summary-stack {
    height: 100%;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid {
    height: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section,
  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    min-width: 0;
    padding: 5px 6px !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    border-left: 1px solid rgba(150, 216, 204, 0.13) !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid p {
    margin-top: 4px !important;
    font-size: 0.72rem !important;
    line-height: 1.32 !important;
    -webkit-line-clamp: 3 !important;
  }

  body[data-aya-page="future-ai"] .advisor-watch-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
    margin-top: 4px !important;
  }

  body[data-aya-page="future-ai"] .advisor-watch-list button {
    min-height: 23px !important;
    padding: 3px 5px !important;
    overflow: hidden;
    font-size: 0.64rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list {
    max-height: 96px !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button {
    min-height: 44px !important;
    padding: 5px 6px !important;
  }

  body[data-aya-page="future-ai"] .future-topline .future-brand-stack {
    max-width: calc(100% - 46px) !important;
  }

  body[data-aya-page="future-ai"] .future-topline .topline-actions {
    flex: 0 0 38px !important;
  }
}

/* V2 readability polish v325: Stitch-inspired, constrained to visual surfaces. */
body[data-aya-page="future-ai"][data-graph-renderer="v2"] .future-graph-stage {
  background:
    linear-gradient(rgba(124, 248, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 248, 255, 0.026) 1px, transparent 1px),
    radial-gradient(circle at 50% 48%, rgba(0, 242, 255, 0.07), transparent 38%),
    #061015 !important;
  background-size: 32px 32px, 32px 32px, 100% 100%, 100% 100% !important;
  border-color: rgba(123, 245, 239, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.014), inset 0 -40px 84px rgba(3, 10, 16, 0.3) !important;
}

body[data-aya-page="future-ai"][data-graph-renderer="v2"] .core-network.is-thought-map {
  filter: saturate(0.88) contrast(1.06);
}

body[data-aya-page="future-ai"] .advisor-panel-v3 {
  overflow: hidden !important;
  border: 1px solid rgba(118, 226, 218, 0.22) !important;
  border-top: 2px solid rgba(0, 242, 255, 0.72) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(7, 18, 25, 0.985), rgba(7, 15, 21, 0.975)),
    #071117 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.028) !important;
  font-family: var(--future-sans) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
  border-bottom-color: rgba(156, 231, 223, 0.15) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title {
  gap: 3px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title > span {
  color: rgba(82, 225, 216, 0.9) !important;
  font: 720 0.58rem/1.1 var(--future-mono) !important;
  letter-spacing: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title strong {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(240, 251, 250, 0.97) !important;
  font-family: var(--future-sans) !important;
  font-size: clamp(0.96rem, 1.35vw, 1.1rem) !important;
  font-weight: 720 !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence {
  gap: 2px !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence span {
  color: rgba(116, 207, 202, 0.66) !important;
  font-size: 0.56rem !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-confidence strong {
  color: #64eee5 !important;
  font-size: 0.8rem !important;
  font-weight: 760 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls {
  min-height: 38px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  gap: 5px !important;
  border-bottom: 1px solid rgba(156, 231, 223, 0.12) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls button {
  min-height: 26px !important;
  padding: 4px 8px !important;
  border-color: rgba(157, 217, 211, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.014) !important;
  color: rgba(205, 225, 223, 0.66) !important;
  font-family: var(--future-sans) !important;
  font-size: 0.66rem !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls button.is-active {
  border-color: rgba(152, 255, 240, 0.48) !important;
  background: rgba(130, 255, 239, 0.12) !important;
  color: #dbfffb !important;
  box-shadow: 0 0 0 1px rgba(152, 255, 240, 0.18) inset !important;
}

body[data-aya-page="future-ai"] .advisor-content-grid {
  gap: 0 !important;
  background: rgba(255, 255, 255, 0.008) !important;
}

body[data-aya-page="future-ai"] .advisor-judgement-grid > section,
body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section,
body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer {
  border-color: rgba(156, 231, 223, 0.13) !important;
}

body[data-aya-page="future-ai"] .advisor-judgement-grid span,
body[data-aya-page="future-ai"] .advisor-content-grid > .advisor-evidence-drawer > summary span {
  color: rgba(0, 242, 255, 0.88) !important;
  font: 720 0.62rem/1.15 var(--future-sans) !important;
  letter-spacing: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-judgement-grid p,
body[data-aya-page="future-ai"] .advisor-source-list strong {
  color: rgba(231, 244, 243, 0.92) !important;
  font-family: var(--future-sans) !important;
  font-weight: 620 !important;
  letter-spacing: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-source-list button,
body[data-aya-page="future-ai"] .advisor-source-list p {
  border-radius: 5px !important;
  background: rgba(13, 27, 36, 0.58) !important;
  box-shadow: inset 0 0 0 1px rgba(160, 225, 218, 0.055) !important;
}

body[data-aya-page="future-ai"] .advisor-source-list button span {
  font-family: var(--future-sans) !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-source-list .advisor-source-original {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 3px;
  color: rgba(171, 198, 198, 0.58);
  font: 540 0.6rem/1.24 var(--future-sans);
  letter-spacing: 0;
  text-align: left;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-aya-page="future-ai"] .advisor-source-list button:hover,
body[data-aya-page="future-ai"] .advisor-source-list button:focus-visible {
  background: rgba(19, 43, 52, 0.76) !important;
  box-shadow: inset 2px 0 0 rgba(0, 242, 255, 0.66) !important;
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"][data-graph-renderer="v2"] .future-graph-stage {
    background-size: 28px 28px, 28px 28px, 100% 100%, 100% 100% !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-head {
    min-height: 44px !important;
    padding: 7px 9px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .advisor-title strong {
    font-size: 0.94rem !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v3 .radar-controls {
    min-height: 36px !important;
    margin: 0 !important;
    padding: 5px 8px !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(174px, 1.1fr) !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid > section,
  body[data-aya-page="future-ai"] .advisor-judgement-grid > section + section {
    padding: 6px 7px !important;
  }

  body[data-aya-page="future-ai"] .advisor-judgement-grid p {
    font-size: 0.74rem !important;
    font-weight: 580 !important;
    line-height: 1.36 !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list {
    gap: 4px !important;
    max-height: 104px !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button {
    min-height: 46px !important;
    padding: 5px 6px !important;
  }

  body[data-aya-page="future-ai"] .advisor-content-grid .advisor-source-list button strong {
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    line-height: 1.24 !important;
  }
}

/* Brief v326: one taxonomy, two readable information zones. */
body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-head {
  min-height: 56px !important;
  padding: 9px 13px !important;
  background: linear-gradient(90deg, rgba(25, 99, 103, 0.12), transparent 52%) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-title strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: clamp(1rem, 1.45vw, 1.18rem) !important;
  font-weight: 740 !important;
  line-height: 1.22 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .radar-controls {
  scrollbar-width: none !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .radar-controls button {
  flex: 0 0 auto !important;
  border-radius: 4px !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  grid-template-columns: minmax(230px, 0.88fr) minmax(300px, 1.12fr) !important;
  align-items: stretch !important;
  min-height: 148px !important;
  background: rgba(2, 10, 15, 0.42) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-summary {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  border-right: 1px solid rgba(149, 229, 220, 0.13) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-insights {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-width: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-insights > section,
body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-insights > section + section {
  min-width: 0 !important;
  padding: 9px 11px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(149, 229, 220, 0.1) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-insights > section > span {
  display: block !important;
  margin-bottom: 6px !important;
  color: #54e7df !important;
  font-size: 0.65rem !important;
  font-weight: 760 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-insights p {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: rgba(237, 248, 247, 0.94) !important;
  font-size: 0.82rem !important;
  font-weight: 610 !important;
  line-height: 1.42 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-watch-list {
  display: flex !important;
  gap: 5px !important;
  overflow: hidden !important;
  flex-wrap: wrap !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-watch-list button {
  min-height: 25px !important;
  padding: 4px 7px !important;
  border: 1px solid rgba(130, 224, 216, 0.18) !important;
  border-radius: 4px !important;
  background: rgba(24, 48, 55, 0.42) !important;
  color: rgba(223, 239, 237, 0.86) !important;
  font-size: 0.66rem !important;
  line-height: 1.15 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence {
  position: relative !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  padding: 8px 10px 9px !important;
  border: 0 !important;
  background: linear-gradient(180deg, rgba(12, 28, 35, 0.66), rgba(7, 18, 24, 0.4)) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence > summary {
  position: absolute !important;
  z-index: 2 !important;
  top: 7px !important;
  right: 8px !important;
  min-height: 18px !important;
  padding: 0 !important;
  border: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  max-height: 118px !important;
  overflow: auto !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list button {
  min-height: 52px !important;
  padding: 7px 8px !important;
  border: 1px solid rgba(133, 214, 207, 0.12) !important;
  border-radius: 5px !important;
  background: rgba(6, 16, 22, 0.72) !important;
  text-align: left !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list button span {
  color: #43ddd5 !important;
  font-size: 0.62rem !important;
  line-height: 1.15 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list button strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin-top: 4px !important;
  color: rgba(240, 249, 248, 0.94) !important;
  font-size: 0.74rem !important;
  font-weight: 620 !important;
  line-height: 1.28 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-head {
    min-height: 50px !important;
    padding: 7px 9px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-title strong {
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .radar-controls {
    padding: 5px 7px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid {
    grid-template-columns: minmax(145px, 0.78fr) minmax(190px, 1.22fr) !important;
    min-height: 132px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-insights > section,
  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-insights > section + section {
    padding: 7px 8px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-insights p {
    font-size: 0.76rem !important;
    line-height: 1.36 !important;
    -webkit-line-clamp: 3 !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-watch-list button:nth-child(n + 3) {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence {
    padding: 7px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list {
    grid-template-columns: minmax(0, 1fr) !important;
    max-height: 104px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list button {
    min-height: 49px !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list button:nth-child(n + 3) {
    display: none !important;
  }
}

/* Responsive cockpit v330: aligned focus and compact evidence brief. */
body[data-aya-page="future-ai"][data-surface="radar"] {
  overflow-x: hidden !important;
}

body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview,
body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > *,
body[data-aya-page="future-ai"] .advisor-panel-v4,
body[data-aya-page="future-ai"] .advisor-panel-v4 > *,
body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid > * {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid {
  flex: 1 1 auto !important;
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 {
  --brief-accent: #61d9d2;
  display: flex !important;
  flex-direction: column !important;
  border-color: color-mix(in srgb, var(--brief-accent) 46%, transparent) !important;
  border-left-color: var(--brief-accent) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="security"] {
  --brief-accent: #ef9a8f;
}

body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="policy"] {
  --brief-accent: #b7a8e8;
}

body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="markets"],
body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="business"] {
  --brief-accent: #e7c17c;
}

body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="technology"],
body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="science"] {
  --brief-accent: #7ccbe8;
}

body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="health"],
body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="climate"] {
  --brief-accent: #79d7a9;
}

body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="society"],
body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="sports"],
body[data-aya-page="future-ai"] .advisor-panel-v4[data-brief-tone="culture"] {
  --brief-accent: #df9fb8;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-head {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 9px !important;
  border-bottom-color: color-mix(in srgb, var(--brief-accent) 24%, transparent) !important;
  background: linear-gradient(90deg, color-mix(in srgb, var(--brief-accent) 10%, transparent), transparent 64%) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-title {
  min-width: 0 !important;
  display: flex !important;
  gap: 7px !important;
  align-items: center !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-title span {
  color: var(--brief-accent) !important;
  font-size: 0.61rem !important;
  font-weight: 820 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
}

body[data-aya-page="future-ai"] .radar-category-menu {
  position: relative !important;
  z-index: 20 !important;
  min-width: 0 !important;
  border-bottom: 1px solid rgba(149, 229, 220, 0.1) !important;
}

body[data-aya-page="future-ai"] .advisor-head .radar-category-menu {
  margin-left: auto !important;
  border-bottom: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-brief-summary > .radar-category-menu {
  flex: 0 0 auto !important;
  border-bottom-color: rgba(149, 229, 220, 0.13) !important;
}

body[data-aya-page="future-ai"] .radar-category-menu > summary {
  min-height: 29px !important;
  display: flex !important;
  gap: 7px !important;
  align-items: center !important;
  padding: 4px 9px !important;
  color: rgba(226, 241, 239, 0.82) !important;
  cursor: pointer !important;
  list-style: none !important;
}

body[data-aya-page="future-ai"] .advisor-head .radar-category-menu > summary {
  min-height: 24px !important;
  padding: 2px 5px 2px 7px !important;
  border: 1px solid color-mix(in srgb, var(--brief-accent) 24%, transparent) !important;
  border-radius: 5px !important;
  background: rgba(4, 16, 21, 0.46) !important;
}

body[data-aya-page="future-ai"] .advisor-brief-summary > .radar-category-menu > summary {
  min-height: 28px !important;
  padding: 4px 8px !important;
}

body[data-aya-page="future-ai"] .radar-category-menu > summary::-webkit-details-marker {
  display: none !important;
}

body[data-aya-page="future-ai"] .radar-category-menu > summary::after {
  content: "\2304";
  margin-left: auto;
  color: var(--brief-accent, #61d9d2);
  font-size: 0.72rem;
}

body[data-aya-page="future-ai"] .radar-category-menu[open] > summary::after {
  transform: rotate(180deg);
}

body[data-aya-page="future-ai"] .radar-category-menu > summary span {
  color: rgba(170, 194, 193, 0.58) !important;
  font-size: 0.58rem !important;
  font-weight: 720 !important;
}

body[data-aya-page="future-ai"] .radar-category-menu > summary strong {
  color: var(--brief-accent, #61d9d2) !important;
  font-size: 0.68rem !important;
  font-weight: 760 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .radar-controls {
  position: absolute !important;
  top: calc(100% + 2px) !important;
  left: 6px !important;
  right: 6px !important;
  z-index: 30 !important;
  max-width: 100% !important;
  flex-wrap: wrap !important;
  max-height: 142px !important;
  overflow: auto !important;
  padding: 7px !important;
  border: 1px solid rgba(112, 217, 210, 0.24) !important;
  border-radius: 6px !important;
  background: rgba(5, 16, 22, 0.98) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.48) !important;
  white-space: normal !important;
}

body[data-aya-page="future-ai"] .advisor-head .radar-controls {
  left: auto !important;
  right: 0 !important;
  width: min(360px, calc(100vw - 32px)) !important;
}

body[data-aya-page="future-ai"] .advisor-brief-summary > .radar-category-menu .radar-controls {
  left: 5px !important;
  right: 5px !important;
  width: auto !important;
}

/* The boot gate belongs to the document shell, not to a particular graph
 * renderer.  It prevents a partially refreshed HTML/CSS/JS set from exposing
 * a usable-looking but incomplete Radar while the current build settles. */
body[data-aya-page="future-ai"].is-future-booting {
  overflow: hidden;
}

body[data-aya-page="future-ai"] .future-boot-gate {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 28px;
  color: rgba(230, 249, 245, 0.96);
  background:
    radial-gradient(circle at 50% 43%, rgba(53, 197, 185, 0.14), transparent 25rem),
    linear-gradient(155deg, #06181d 0%, #071217 48%, #03080c 100%);
  opacity: 1;
  visibility: visible;
  transition: opacity 280ms ease, visibility 280ms ease;
}

body[data-aya-page="future-ai"].is-future-ready .future-boot-gate {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body[data-aya-page="future-ai"] .future-boot-mark {
  position: relative;
  width: 92px;
  aspect-ratio: 1;
  margin-bottom: 10px;
  border: 1px solid rgba(103, 231, 217, 0.28);
  border-radius: 50%;
  box-shadow: 0 0 0 12px rgba(74, 214, 199, 0.025), 0 0 42px rgba(68, 221, 204, 0.12);
}

body[data-aya-page="future-ai"] .future-boot-mark::before,
body[data-aya-page="future-ai"] .future-boot-mark::after,
body[data-aya-page="future-ai"] .future-boot-mark i {
  position: absolute;
  inset: 50%;
  display: block;
  box-sizing: border-box;
  border: 1px solid rgba(108, 236, 221, 0.48);
  border-radius: 50%;
  content: "";
  transform: translate(-50%, -50%);
}

body[data-aya-page="future-ai"] .future-boot-mark::before { width: 66px; height: 66px; }
body[data-aya-page="future-ai"] .future-boot-mark::after { width: 36px; height: 36px; border-color: rgba(155, 255, 240, 0.8); }
body[data-aya-page="future-ai"] .future-boot-mark i { width: 8px; height: 8px; border: 0; background: #a8fff1; box-shadow: 0 0 15px rgba(113, 245, 226, 0.94); }
body[data-aya-page="future-ai"] .future-boot-mark i:nth-child(1) { animation: future-boot-orbit 1.9s linear infinite; transform-origin: 0 0; }
body[data-aya-page="future-ai"] .future-boot-mark i:nth-child(n + 2) { display: none; }

body[data-aya-page="future-ai"] .future-boot-kicker {
  margin: 0;
  color: rgba(100, 232, 220, 0.76);
  font-family: var(--future-mono);
  font-size: 0.62rem;
  font-weight: 780;
  letter-spacing: 0.14em;
}

body[data-aya-page="future-ai"] .future-boot-gate > strong {
  font-size: clamp(1rem, 2.6vw, 1.22rem);
  font-weight: 760;
  letter-spacing: -0.025em;
}

body[data-aya-page="future-ai"] .future-boot-gate > em {
  max-width: min(360px, 82vw);
  color: rgba(174, 208, 202, 0.68);
  font-size: 0.74rem;
  font-style: normal;
  line-height: 1.5;
  text-align: center;
}

body[data-aya-page="future-ai"] .future-boot-progress {
  width: min(196px, 54vw);
  height: 3px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(139, 219, 211, 0.13);
}

body[data-aya-page="future-ai"] .future-boot-progress span {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, #66e3d6, transparent);
  animation: future-bootstrap-track 1.2s ease-in-out infinite;
}

body[data-aya-page="future-ai"] .future-boot-gate [data-future-boot-retry] {
  margin-top: 8px;
  padding: 8px 13px;
  border: 1px solid rgba(110, 235, 219, 0.54);
  border-radius: 7px;
  color: #d9fff8;
  background: rgba(14, 67, 69, 0.72);
  font: 720 0.72rem/1 var(--future-sans);
}

body[data-aya-page="future-ai"] .future-boot-gate[data-state="failed"] .future-boot-progress {
  opacity: 0.22;
}

@keyframes future-boot-orbit {
  0% { transform: rotate(0deg) translateX(42px) rotate(0deg); }
  100% { transform: rotate(360deg) translateX(42px) rotate(-360deg); }
}

body[data-aya-page="future-ai"] .future-bootstrap-status {
  position: absolute;
  top: 51%;
  left: 50%;
  z-index: 6;
  width: min(280px, 72%);
  display: grid;
  gap: 6px;
  justify-items: center;
  transform: translate(-50%, -50%);
  pointer-events: none;
  text-align: center;
}

body[data-aya-page="future-ai"] .conversation-surface:not(.is-bootstrap-loading) .future-bootstrap-status {
  display: none;
}

body[data-aya-page="future-ai"] .conversation-surface.is-bootstrap-loading .future-bootstrap-status span {
  color: rgba(0, 242, 255, 0.72);
  font-family: var(--future-mono);
  font-size: 0.55rem;
  font-weight: 760;
}

body[data-aya-page="future-ai"] .conversation-surface.is-bootstrap-loading .future-bootstrap-status strong {
  color: rgba(232, 249, 246, 0.94);
  font-family: var(--future-sans);
  font-size: clamp(0.92rem, 2.2vw, 1.08rem);
  font-weight: 720;
  letter-spacing: 0;
  line-height: 1.25;
}

body[data-aya-page="future-ai"] .conversation-surface.is-bootstrap-loading .future-bootstrap-status em {
  color: rgba(174, 205, 201, 0.56);
  font-family: var(--future-sans);
  font-size: 0.62rem;
  font-style: normal;
  letter-spacing: 0;
}

body[data-aya-page="future-ai"] .conversation-surface.is-bootstrap-loading .future-bootstrap-status::after {
  content: "";
  width: 82px;
  height: 2px;
  margin-top: 3px;
  background: linear-gradient(90deg, transparent, rgba(0, 242, 255, 0.92), transparent);
  animation: future-bootstrap-scan 1.35s ease-in-out infinite;
  transform-origin: center;
}

body[data-aya-page="future-ai"] .conversation-surface.is-bootstrap-loading .future-core {
  opacity: 0.42;
  pointer-events: none;
}

body[data-aya-page="future-ai"] .future-bootstrap-brief {
  width: 100%;
  min-height: 138px;
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  overflow: hidden;
  border: 1px solid rgba(97, 217, 210, 0.28);
  border-left-color: rgba(97, 217, 210, 0.82);
  border-radius: 6px;
  background: rgba(5, 16, 22, 0.9);
}

body[data-aya-page="future-ai"] .future-bootstrap-brief > div {
  min-width: 0;
  padding: 12px;
}

body[data-aya-page="future-ai"] .future-bootstrap-brief > div:first-child {
  display: grid;
  align-content: center;
  gap: 7px;
  border-right: 1px solid rgba(149, 229, 220, 0.12);
}

body[data-aya-page="future-ai"] .future-bootstrap-brief > div:first-child span {
  color: rgba(84, 231, 223, 0.82);
  font-family: var(--future-mono);
  font-size: 0.56rem;
  font-weight: 760;
}

body[data-aya-page="future-ai"] .future-bootstrap-brief > div:first-child strong {
  color: rgba(233, 246, 244, 0.88);
  font-size: 0.78rem;
  font-weight: 680;
  letter-spacing: 0;
  line-height: 1.35;
}

body[data-aya-page="future-ai"] .future-bootstrap-brief > div:first-child i {
  width: 62%;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(101, 210, 202, 0.12);
}

body[data-aya-page="future-ai"] .future-bootstrap-brief > div:first-child i::after {
  content: "";
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: rgba(97, 217, 210, 0.78);
  animation: future-bootstrap-track 1.25s ease-in-out infinite;
}

body[data-aya-page="future-ai"] .future-bootstrap-evidence {
  display: grid;
  align-content: center;
  gap: 8px;
}

body[data-aya-page="future-ai"] .future-bootstrap-evidence span {
  height: 26px;
  border: 1px solid rgba(133, 214, 207, 0.09);
  border-radius: 4px;
  background: rgba(124, 184, 179, 0.07);
  animation: future-bootstrap-fade 1.5s ease-in-out infinite;
}

body[data-aya-page="future-ai"] .future-bootstrap-evidence span:nth-child(2) {
  animation-delay: 0.18s;
}

body[data-aya-page="future-ai"] .future-bootstrap-evidence span:nth-child(3) {
  animation-delay: 0.36s;
}

@keyframes future-bootstrap-scan {
  0%, 100% { opacity: 0.28; transform: scaleX(0.35); }
  50% { opacity: 1; transform: scaleX(1); }
}

@keyframes future-bootstrap-track {
  0% { transform: translateX(-105%); }
  100% { transform: translateX(245%); }
}

@keyframes future-bootstrap-fade {
  0%, 100% { opacity: 0.38; }
  50% { opacity: 0.86; }
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .future-bootstrap-brief {
    min-height: 112px;
  }

  body[data-aya-page="future-ai"] .future-bootstrap-brief > div {
    padding: 8px;
  }

  body[data-aya-page="future-ai"] .future-bootstrap-evidence {
    gap: 6px;
  }

  body[data-aya-page="future-ai"] .future-bootstrap-evidence span {
    height: 23px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-aya-page="future-ai"] .future-bootstrap-status::after,
  body[data-aya-page="future-ai"] .future-bootstrap-brief i::after,
  body[data-aya-page="future-ai"] .future-bootstrap-evidence span {
    animation: none !important;
  }
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-insights > section > span,
body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence > summary span {
  color: var(--brief-accent) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence > summary {
  min-height: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence > summary strong {
  display: inline-grid !important;
  min-width: 18px !important;
  min-height: 18px !important;
  place-items: center !important;
  padding: 0 5px !important;
  border: 1px solid color-mix(in srgb, var(--brief-accent) 28%, transparent) !important;
  border-radius: 999px !important;
  color: var(--brief-accent) !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-evidence-facts {
  flex: 0 0 auto !important;
  max-height: 72px !important;
  overflow: hidden !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

@media (min-width: 1081px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .future-app {
    width: calc(100vw - 16px) !important;
    max-width: 1600px !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    width: 100% !important;
    height: clamp(620px, calc(100svh - 108px), 760px) !important;
    grid-template-columns: minmax(0, 1.9fr) minmax(360px, 0.95fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "map brief"
      "map query" !important;
    align-content: stretch !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    grid-area: map !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
    grid-area: brief !important;
    display: flex !important;
    align-self: stretch !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .query-dock {
    position: static !important;
    grid-area: query !important;
    align-self: start !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    transform: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list {
    max-height: 260px !important;
  }
}

@media (min-width: 621px) and (max-width: 1080px) {
  body[data-aya-page="future-ai"][data-surface="radar"] .future-app {
    width: calc(100vw - 12px) !important;
    max-width: none !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .future-stage {
    padding-bottom: calc(14px + env(safe-area-inset-bottom)) !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    width: 100% !important;
    height: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "map"
      "brief"
      "query" !important;
    align-items: start !important;
    overflow: visible !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    grid-area: map !important;
    height: clamp(420px, 56svh, 590px) !important;
    min-height: 420px !important;
    max-height: 590px !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
    grid-area: brief !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .query-dock {
    position: static !important;
    grid-area: query !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (min-width: 621px) and (max-width: 1080px) and (orientation: landscape) {
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 1fr) !important;
    height: calc(100svh - 72px) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "map brief"
      "map query" !important;
    gap: 8px !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
    display: flex !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
}

@media (max-width: 620px) {
  body[data-aya-page="future-ai"][data-surface="radar"] {
    height: 100svh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .future-app {
    width: calc(100vw - 10px) !important;
    max-width: none !important;
    height: 100svh !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .future-stage {
    height: 100svh !important;
    min-height: 0 !important;
    padding-top: 56px !important;
    padding-bottom: calc(4px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    width: 100% !important;
    height: calc(100svh - 60px - env(safe-area-inset-bottom)) !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto auto !important;
    grid-template-areas:
      "map"
      "brief"
      "query" !important;
    align-items: stretch !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    grid-area: map !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .conversation-stream {
    grid-area: brief !important;
    display: flex !important;
    align-self: end !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(36svh, 280px) !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 {
    flex: 0 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(36svh, 280px) !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid {
    height: auto !important;
    flex: 0 1 auto !important;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list {
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list button:nth-child(n + 3) {
    display: block !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-evidence-facts {
    display: none !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .query-dock {
    position: static !important;
    grid-area: query !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 620px) and (max-height: 600px) and (orientation: landscape) {
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    height: calc(100svh - 60px - env(safe-area-inset-bottom)) !important;
    grid-template-columns: minmax(0, 0.86fr) minmax(230px, 1.14fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "map brief"
      "map query" !important;
  }

  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview > .future-graph-stage {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-summary {
    display: none !important;
  }
}

/* Final mobile shell: never let the document itself become a second draggable
   canvas. This intentionally applies to search, live, and radar surfaces alike. */
@media (max-width: 620px) {
  html:has(body[data-aya-page="future-ai"]),
  body[data-aya-page="future-ai"] {
    width: 100% !important;
    height: 100svh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body[data-aya-page="future-ai"] .future-app,
  body[data-aya-page="future-ai"] .future-stage {
    width: calc(100vw - 10px) !important;
    height: 100svh !important;
    min-height: 0 !important;
    max-height: 100svh !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .future-stage {
    padding: 56px 0 calc(4px + env(safe-area-inset-bottom)) !important;
  }

  body[data-aya-page="future-ai"] .conversation-surface,
  body[data-aya-page="future-ai"][data-surface="radar"] .conversation-surface.is-radar-overview {
    width: 100% !important;
    height: calc(100svh - 60px - env(safe-area-inset-bottom)) !important;
    min-height: 0 !important;
    max-height: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto auto !important;
    grid-template-areas:
      "map"
      "brief"
      "query" !important;
    align-items: stretch !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .conversation-surface > .future-graph-stage {
    grid-area: map !important;
    align-self: stretch !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body[data-aya-page="future-ai"] .conversation-surface > .conversation-stream {
    grid-area: brief !important;
    display: block !important;
    align-self: start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(33svh, 278px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding: 0 !important;
  }

  body[data-aya-page="future-ai"] .conversation-surface > .conversation-stream > .advisor-panel-v4 {
    height: auto !important;
    min-height: 0 !important;
  }

  body[data-aya-page="future-ai"] .conversation-surface > .query-dock {
    position: static !important;
    grid-area: query !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* The shell is fixed, but the spatial canvas remains directly manipulable. */
  body[data-aya-page="future-ai"] .core-network.is-spatial-v2,
  body[data-aya-page="future-ai"] .graph-v2-canvas {
    touch-action: none !important;
  }
}

/* Evidence stays complete: scroll the source column, never discard later cards. */
body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list {
  min-height: 0 !important;
  max-height: min(29svh, 248px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: thin;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list button:nth-child(n + 3) {
  display: grid !important;
}

body[data-aya-page="future-ai"] .advisor-evidence-background {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 3px 8px;
  margin-top: 6px;
  padding: 6px 7px;
  border: 1px solid color-mix(in srgb, var(--aya-color-border) 62%, transparent);
  border-radius: 5px;
  background: color-mix(in srgb, var(--aya-color-panel-overlay) 70%, transparent);
  color: var(--aya-color-text-muted);
}

body[data-aya-page="future-ai"] .advisor-evidence-background > span {
  grid-row: 1 / span 3;
  color: var(--aya-color-accent);
  font: 680 0.58rem/1.3 var(--future-sans);
  white-space: nowrap;
}

body[data-aya-page="future-ai"] .advisor-evidence-background > small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
  font: 540 0.6rem/1.3 var(--future-sans);
  white-space: nowrap;
}

/* Portrait reading split: keep the decision brief on the left and one
   inspectable related-article rail on the right. Narrow handsets below 390px
   retain the stacked fallback; normal portrait app widths do not collapse. */
@media (min-width: 390px) and (max-width: 620px) {
  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-summary {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Below 390px there is no viable two-column reading width.  Keeping the
 * summary column there squeezed it into a visible sliver and pushed the
 * related-article rail off its own left edge.  Use the article rail alone. */
@media (max-width: 389px) {
  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-summary {
    display: none !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* The evidence rail must shrink with its actual panel, not the browser
 * viewport. The previous fixed 230px + 300px tracks overflowed a narrow
 * embedded/portrait panel and clipped the left edge of every article. */
body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid {
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
}

body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence .advisor-source-list {
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (max-width: 389px) {
  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* The portrait brief is deliberately a 4:6 split at every handset width.
 * Both columns must participate in the same grid; hiding the left column
 * created the clipped vertical fragments seen in the evidence view. */
@media (max-width: 620px) {
  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-summary {
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body[data-aya-page="future-ai"] .advisor-panel-v4 .advisor-brief-evidence {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    overflow: hidden !important;
  }
}