/* Core Belief Observatory v2
   Presentation-only layer. It consumes canonical thesis and evidence data from
   observatory_ui.js and does not change Research, Thesis, Evidence or filters. */

.obs-belief-observatory{
  --belief-cyan:#28dff4;
  --belief-mint:#37e1b5;
  --belief-amber:#f1aa36;
  position:relative;
  container:beliefObservatory / inline-size;
  min-width:0;
  padding:18px 20px 20px;
  overflow:hidden;
  isolation:isolate;
  border-color:rgba(61,176,218,.28);
  background:
    radial-gradient(760px 310px at 50% 48%,rgba(18,91,119,.15),transparent 68%),
    linear-gradient(145deg,rgba(5,18,31,.98),rgba(2,10,18,.99));
}
.obs-belief-observatory:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(35,219,239,.025),transparent 34%,transparent 66%,rgba(240,166,45,.025)),
    radial-gradient(circle at 50% 45%,rgba(30,172,211,.08),transparent 25%);
}
.obs-belief-observatory:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(rgba(103,179,207,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(103,179,207,.024) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,transparent,black 20%,black 82%,transparent);
}
.obs-belief-space{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.obs-belief-space:before,.obs-belief-space:after{
  content:"";
  position:absolute;
  left:50%;
  top:48%;
  width:74%;
  height:180%;
  border:1px solid rgba(56,169,207,.09);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-7deg);
}
.obs-belief-space:after{width:53%;height:132%;border-color:rgba(238,169,57,.06);transform:translate(-50%,-50%) rotate(9deg)}
.obs-belief-space>i{position:absolute;width:3px;height:3px;border-radius:50%;background:#a8edfa;box-shadow:0 0 7px rgba(97,222,247,.72);opacity:.62}
.obs-belief-space>i:nth-child(1){left:7%;top:32%}.obs-belief-space>i:nth-child(2){left:38%;top:16%}
.obs-belief-space>i:nth-child(3){right:9%;top:24%;background:#f4b64d}.obs-belief-space>i:nth-child(4){right:31%;bottom:12%}
.obs-belief-space>span{position:absolute;width:6px;height:6px;border:1px solid rgba(105,216,239,.42);border-radius:50%}
.obs-belief-space>span:nth-of-type(1){left:18%;bottom:18%}.obs-belief-space>span:nth-of-type(2){right:18%;top:45%;border-color:rgba(241,170,54,.38)}

.obs-belief-header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px}
.obs-belief-identity,.obs-belief-status{display:flex;align-items:center;gap:12px;min-width:0}
.obs-belief-identity>.obs-instrument-label{color:#afc5d6;font:700 8px 'JetBrains Mono',monospace;letter-spacing:1.7px;white-space:nowrap}
.obs-belief-identity>b{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:0 11px;
  border:1px solid rgba(44,205,234,.38);
  border-radius:7px;
  background:rgba(10,47,65,.46);
  color:#54dbf0;
  font:700 7px 'JetBrains Mono',monospace;
  letter-spacing:1px;
  text-transform:uppercase;
  white-space:nowrap;
}
.obs-belief-identity>b>i{position:relative;width:17px;height:8px;background:linear-gradient(90deg,transparent 0 8%,#54dbf0 8% 16%,transparent 16% 30%,#54dbf0 30% 39%,transparent 39% 54%,#54dbf0 54% 62%,transparent 62%);clip-path:polygon(0 46%,22% 46%,31% 0,43% 100%,54% 27%,63% 65%,73% 46%,100% 46%,100% 58%,75% 58%,61% 80%,55% 55%,42% 100%,31% 33%,25% 58%,0 58%)}
.obs-belief-status{justify-content:flex-end}
.obs-belief-status>em{color:#8da3b4;font:700 7px 'JetBrains Mono',monospace;font-style:normal;letter-spacing:.85px;text-transform:uppercase;white-space:nowrap}
.obs-belief-status>em:first-letter{color:#e8f1f6}
.obs-belief-observatory .obs-read-full{margin:0;padding:7px 10px;color:#46dff5;font:700 7.5px 'JetBrains Mono',monospace;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}

.obs-belief-observatory .obs-belief-question{
  position:relative;
  z-index:3;
  display:block;
  max-width:none;
  margin:20px auto 7px;
  overflow:visible;
  color:#edf3f7;
  font:600 clamp(23px,2.45vw,39px)/1.08 'Space Grotesk',sans-serif;
  letter-spacing:-.9px;
  text-align:center;
  text-wrap:balance;
  -webkit-line-clamp:unset;
  -webkit-box-orient:initial;
}
.obs-belief-question>b,.obs-belief-question>strong{font-weight:650;text-transform:uppercase}
.obs-belief-question>b{color:var(--belief-cyan);text-shadow:0 0 20px rgba(40,223,244,.22)}
.obs-belief-question>strong{color:var(--belief-amber);text-shadow:0 0 20px rgba(241,170,54,.18)}
.obs-belief-tension{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  width:min(820px,88%);
  height:12px;
  margin:0 auto;
}
.obs-belief-tension>span,.obs-belief-tension>b{height:1px}
.obs-belief-tension>span{background:linear-gradient(90deg,transparent,var(--belief-cyan))}
.obs-belief-tension>b{background:linear-gradient(90deg,var(--belief-amber),transparent)}
.obs-belief-tension>i{
  position:absolute;
  left:50%;
  top:50%;
  width:7px;
  height:7px;
  border:1px solid #dffaff;
  border-radius:50%;
  background:#65e7fa;
  box-shadow:0 0 5px #65e7fa,0 0 14px rgba(77,220,247,.74);
  transform:translate(-50%,-50%);
  animation:obsBeliefTension 4.6s ease-in-out infinite;
}
.obs-belief-context{
  position:relative;
  z-index:3;
  max-width:1040px;
  margin:1px auto 15px;
  color:#aabfcd;
  font:500 clamp(9px,1vw,12px)/1.48 'Space Grotesk',sans-serif;
  text-align:center;
  text-wrap:balance;
}

.obs-belief-stage{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) 154px minmax(0,1fr);
  align-items:stretch;
  gap:12px;
}
.obs-belief-stage:before,.obs-belief-stage:after{
  content:"";
  position:absolute;
  top:50%;
  z-index:0;
  width:18%;
  height:1px;
  pointer-events:none;
}
.obs-belief-stage:before{left:33%;background:linear-gradient(90deg,transparent,var(--belief-cyan))}
.obs-belief-stage:after{right:33%;background:linear-gradient(90deg,var(--belief-amber),transparent)}
.obs-belief-lane{
  position:relative;
  z-index:1;
  min-width:0;
  padding:14px;
  overflow:hidden;
  border:1px solid rgba(75,183,214,.24);
  border-radius:12px;
  background:rgba(3,17,28,.7);
  box-shadow:inset 0 1px rgba(181,235,248,.025);
}
.obs-belief-supports{border-color:rgba(55,225,181,.42);background:linear-gradient(105deg,rgba(13,74,68,.24),rgba(3,17,28,.74) 72%)}
.obs-belief-challenges{border-color:rgba(241,170,54,.43);background:linear-gradient(255deg,rgba(103,62,12,.21),rgba(3,17,28,.74) 72%)}
.obs-belief-lane:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,transparent,var(--lane),transparent);
  box-shadow:0 0 12px color-mix(in srgb,var(--lane) 48%,transparent);
}
.obs-belief-supports{--lane:var(--belief-mint)}.obs-belief-challenges{--lane:var(--belief-amber)}
.obs-belief-lane>h3{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  color:var(--lane);
  font:700 8px 'JetBrains Mono',monospace;
  letter-spacing:1px;
  text-transform:uppercase;
}
.obs-belief-lane>h3>i{display:grid;width:20px;height:20px;place-items:center;border:1px solid currentColor;border-radius:50%;font:500 12px sans-serif;font-style:normal}
.obs-belief-lane>div{display:grid;gap:7px}
.obs-belief-signal{
  display:grid;
  grid-template-columns:27px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-width:0;
  min-height:39px;
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--lane) 30%,rgba(85,143,168,.18));
  border-radius:8px;
  background:rgba(5,19,30,.72);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.obs-belief-signal:hover{transform:translateX(2px);border-color:color-mix(in srgb,var(--lane) 68%,transparent);background:color-mix(in srgb,var(--lane) 6%,rgba(5,19,30,.86))}
.obs-belief-signal-icon{position:relative;width:24px;height:24px;display:grid;place-items:center;color:var(--lane)}
.obs-belief-signal-icon:before{content:"";position:absolute;inset:2px;border:1px solid color-mix(in srgb,var(--lane) 58%,transparent);transform:rotate(45deg)}
.obs-belief-supports .obs-belief-signal-icon>i{width:9px;height:5px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg)}
.obs-belief-challenges .obs-belief-signal-icon>i{position:relative;width:11px;height:1px;background:currentColor;transform:rotate(43deg)}
.obs-belief-challenges .obs-belief-signal-icon>i:after{content:"";position:absolute;right:-1px;top:-3px;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor}
.obs-belief-signal p{min-width:0;margin:0;color:#d1dde5;font:550 clamp(8px,.82vw,10px)/1.35 'Space Grotesk',sans-serif;overflow-wrap:anywhere}
.obs-belief-empty{display:grid;min-height:85px;place-items:center;margin:0;border:1px dashed color-mix(in srgb,var(--lane) 24%,transparent);border-radius:8px;color:#748b9b;font:500 8px/1.45 'Space Grotesk',sans-serif;text-align:center}

.obs-belief-core-wrap{
  position:relative;
  z-index:2;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.obs-belief-core{
  position:relative;
  width:132px;
  height:132px;
  display:grid;
  place-items:center;
  border:1px solid rgba(93,207,232,.38);
  border-radius:50%;
  background:
    radial-gradient(circle at 42% 34%,rgba(55,197,226,.15),transparent 29%),
    radial-gradient(circle,rgba(6,30,45,.98),rgba(2,11,20,.99) 70%);
  box-shadow:inset 0 0 25px rgba(50,190,219,.11),0 0 24px rgba(42,198,226,.08);
}
.obs-belief-core:before,.obs-belief-core:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.obs-belief-core:before{inset:8px;border:1px solid rgba(90,221,242,.53);border-right-color:rgba(241,170,54,.62);animation:obsBeliefCoreSpin 22s linear infinite}
.obs-belief-core:after{inset:-7px;border:1px dashed rgba(100,187,212,.25);animation:obsBeliefCoreSpin 32s linear infinite reverse}
.obs-belief-core>p{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;text-transform:uppercase}
.obs-belief-core>p>b,.obs-belief-core>p>strong{font:700 11px 'JetBrains Mono',monospace;letter-spacing:1px}
.obs-belief-core>p>b{color:var(--belief-cyan)}.obs-belief-core>p>strong{color:var(--belief-amber)}
.obs-belief-core>p>i{color:#eff7fa;font:500 15px sans-serif;font-style:normal}
.obs-belief-core>u{
  position:absolute;
  left:18px;
  right:18px;
  top:50%;
  z-index:1;
  height:1px;
  background:linear-gradient(90deg,var(--belief-cyan),#e7f7fa 50%,var(--belief-amber));
  text-decoration:none;
}
.obs-belief-core>u:before,.obs-belief-core>u:after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;box-shadow:0 0 7px currentColor}
.obs-belief-core>u:before{left:0;color:var(--belief-cyan);background:currentColor}.obs-belief-core>u:after{right:0;color:var(--belief-amber);background:currentColor}
.obs-belief-core>u>i{position:absolute;left:50%;top:-4px;width:9px;height:9px;border:1px solid #edfaff;border-radius:50%;background:#91a3ad;box-shadow:0 0 10px rgba(255,255,255,.48);transform:translateX(-50%)}
.obs-belief-orbit{position:absolute;inset:-1px;border-radius:50%;animation:obsBeliefCoreSpin 13s linear infinite}
.obs-belief-orbit>i,.obs-belief-orbit>b,.obs-belief-orbit>em{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 8px currentColor}
.obs-belief-orbit>i{left:13px;top:26px;color:var(--belief-cyan);background:currentColor}
.obs-belief-orbit>b{right:10px;bottom:31px;color:var(--belief-amber);background:currentColor}
.obs-belief-orbit>em{left:51%;top:-2px;color:#e9fbff;background:currentColor}
.obs-belief-core-wrap>em{
  position:relative;
  z-index:3;
  min-width:64px;
  margin-top:-13px;
  padding:4px 9px;
  border:1px solid rgba(100,198,222,.38);
  border-radius:999px;
  background:#06131e;
  color:#e7f3f7;
  font:700 9px 'JetBrains Mono',monospace;
  font-style:normal;
  letter-spacing:1px;
  text-align:center;
  text-transform:uppercase;
  box-shadow:0 0 12px rgba(31,170,202,.11);
}

.obs-belief-answer{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:43px minmax(0,1fr);
  align-items:center;
  gap:13px;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(86,158,187,.28);
  border-radius:11px;
  background:linear-gradient(100deg,rgba(8,31,46,.87),rgba(4,16,27,.94));
}
.obs-belief-answer-pulse{
  position:relative;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(54,211,239,.54);
  border-radius:50%;
  color:var(--belief-cyan);
}
.obs-belief-answer-pulse:before{content:"";position:absolute;inset:7px;border:1px solid rgba(53,205,232,.19);border-radius:50%}
.obs-belief-answer-pulse>i{width:22px;height:9px;background:currentColor;clip-path:polygon(0 48%,18% 48%,28% 0,42% 100%,54% 22%,65% 70%,74% 48%,100% 48%,100% 57%,77% 57%,64% 86%,55% 49%,41% 100%,28% 25%,21% 57%,0 57%)}
.obs-belief-answer small{display:block;color:var(--belief-cyan);font:700 7px 'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase}
.obs-belief-answer p{margin:5px 0 0;color:#d7e3ea;font:550 clamp(9px,.92vw,11px)/1.45 'Space Grotesk',sans-serif}
.obs-belief-answer em{display:block;margin-top:5px;color:#7f98aa;font:500 clamp(7px,.72vw,8.5px)/1.4 'Space Grotesk',sans-serif;font-style:normal}

@keyframes obsBeliefTension{
  0%,100%{transform:translate(-50%,-50%)}
  35%{transform:translate(calc(-50% - 22px),-50%)}
  68%{transform:translate(calc(-50% + 17px),-50%)}
}
@keyframes obsBeliefCoreSpin{to{transform:rotate(360deg)}}

@container beliefObservatory (max-width:760px){
  .obs-belief-header{align-items:flex-start}
  .obs-belief-status{align-items:flex-end;flex-direction:column;gap:4px}
  .obs-belief-observatory .obs-belief-question{font-size:clamp(21px,5.7vw,32px);line-height:1.13}
  .obs-belief-context{font-size:10px}
  .obs-belief-stage{grid-template-columns:1fr 122px 1fr;gap:8px}
  .obs-belief-core{width:112px;height:112px}
  .obs-belief-signal{grid-template-columns:22px minmax(0,1fr);gap:7px;padding:6px 7px}
  .obs-belief-signal-icon{width:20px;height:20px}
}
@container beliefObservatory (max-width:570px){
  .obs-belief-observatory{padding:15px 14px 16px}
  .obs-belief-header{flex-wrap:wrap}
  .obs-belief-identity{width:100%;justify-content:space-between}
  .obs-belief-status{width:100%;align-items:center;flex-direction:row;justify-content:space-between}
  .obs-belief-observatory .obs-belief-question{margin-top:15px}
  .obs-belief-stage{grid-template-columns:1fr}
  .obs-belief-core-wrap{grid-row:1;min-height:124px}
  .obs-belief-supports{grid-row:2}.obs-belief-challenges{grid-row:3}
  .obs-belief-stage:before,.obs-belief-stage:after{display:none}
  .obs-belief-lane>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .obs-belief-supports .obs-belief-signal:last-child:nth-child(odd){grid-column:1/-1}
}
@container beliefObservatory (max-width:390px){
  .obs-belief-identity>b{display:none}
  .obs-belief-status>em{font-size:6px}
  .obs-belief-observatory .obs-read-full{font-size:6.5px}
  .obs-belief-lane>div{grid-template-columns:1fr}
  .obs-belief-supports .obs-belief-signal:last-child:nth-child(odd){grid-column:auto}
  .obs-belief-answer{grid-template-columns:1fr}.obs-belief-answer-pulse{display:none}
}

@media(prefers-reduced-motion:reduce){
  .obs-belief-tension>i,.obs-belief-core:before,.obs-belief-core:after,.obs-belief-orbit{animation:none!important}
  .obs-belief-signal{transition:none}
}