/* Bosigo Omega v1.4 — targeted experience repairs.
   This file only corrects issues observed in the 2026-08-08 review screenshots. */

/* 1) Digital Headquarters: mixed bridge journeys must never place dark text on the dark visual field. */
.journey-detail[data-tone="bridge"]{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#fffdf8;
  color:var(--ink);
}
.journey-detail[data-tone="bridge"]::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0 0 0 auto;
  width:29%;
  background:
    radial-gradient(circle at 70% 28%,rgba(112,229,242,.14),transparent 26%),
    radial-gradient(circle at 86% 68%,rgba(155,130,255,.12),transparent 30%),
    linear-gradient(155deg,#172338 0,#0a1019 58%,#06080d 100%);
  clip-path:polygon(48% 0,100% 0,100% 100%,0 100%);
  pointer-events:none;
}
.journey-detail[data-tone="bridge"]::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:6%;
  top:12%;
  width:8.5rem;
  aspect-ratio:1;
  border:1px solid rgba(112,229,242,.23);
  border-radius:50%;
  box-shadow:
    0 0 0 2rem rgba(112,229,242,.025),
    0 0 0 4.6rem rgba(155,130,255,.018),
    0 0 3rem rgba(112,229,242,.08);
  pointer-events:none;
}
.journey-detail[data-tone="bridge"] .journey-detail__head,
.journey-detail[data-tone="bridge"] > h3,
.journey-detail[data-tone="bridge"] .journey-audience,
.journey-detail[data-tone="bridge"] .journey-detail__grid,
.journey-detail[data-tone="bridge"] .journey-evidence,
.journey-detail[data-tone="bridge"] > .button,
.journey-detail[data-tone="bridge"] > .prototype-note{
  width:min(69%,48rem);
  max-width:min(69%,48rem);
}
.journey-detail[data-tone="bridge"] > h3{
  font-size:clamp(2.5rem,4.15vw,4.65rem);
  max-width:11.5ch;
}
.journey-detail[data-tone="bridge"] .journey-detail__grid{
  grid-template-columns:1fr;
  gap:1.25rem;
}
.journey-detail[data-tone="bridge"] .journey-evidence{
  background:rgba(255,255,255,.66);
  border-color:rgba(23,25,20,.24);
  opacity:1;
}
.journey-detail[data-tone="bridge"] .prototype-note{opacity:.72}

/* World cards visually promise navigation, so the anchors must look and behave like the original cards. */
a.world-card{color:inherit;text-decoration:none}
.world-card.is-active{transform:translateY(-.6rem);box-shadow:0 28px 90px rgba(245,196,0,.24)}
.world-card--dark.is-active{box-shadow:0 28px 90px rgba(112,229,242,.24)}

/* 2) Readiness reflection: programmatic focus should announce the new question without drawing a giant browser focus rectangle. */
.assessment-main [data-question-root]:focus,
.assessment-main [data-question-root]:focus-visible{outline:none!important;box-shadow:none!important}
.question-card{
  min-height:340px;
  align-content:center;
}
.question-card h2{
  font-size:clamp(2rem,3.25vw,3.35rem);
  line-height:.98;
  letter-spacing:-.045em;
  max-width:19ch;
  margin:.65rem 0 1.6rem;
  text-wrap:balance;
}
.answer-list{padding:.5rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.34)}
.answer-option label{min-height:58px;align-items:center}

@media (max-width:1100px){
  .journey-detail[data-tone="bridge"]::before{width:22%;opacity:.75}
  .journey-detail[data-tone="bridge"] .journey-detail__head,
  .journey-detail[data-tone="bridge"] > h3,
  .journey-detail[data-tone="bridge"] .journey-audience,
  .journey-detail[data-tone="bridge"] .journey-detail__grid,
  .journey-detail[data-tone="bridge"] .journey-evidence,
  .journey-detail[data-tone="bridge"] > .button,
  .journey-detail[data-tone="bridge"] > .prototype-note{width:min(78%,48rem);max-width:min(78%,48rem)}
}
@media (max-width:820px){
  .journey-detail[data-tone="bridge"]::before{
    width:100%;height:.42rem;inset:0 0 auto 0;clip-path:none;
    background:linear-gradient(90deg,var(--gold),var(--cyan),var(--violet));
  }
  .journey-detail[data-tone="bridge"]::after{display:none}
  .journey-detail[data-tone="bridge"] .journey-detail__head,
  .journey-detail[data-tone="bridge"] > h3,
  .journey-detail[data-tone="bridge"] .journey-audience,
  .journey-detail[data-tone="bridge"] .journey-detail__grid,
  .journey-detail[data-tone="bridge"] .journey-evidence,
  .journey-detail[data-tone="bridge"] > .button,
  .journey-detail[data-tone="bridge"] > .prototype-note{width:100%;max-width:100%}
  .question-card h2{font-size:clamp(2rem,6vw,3rem);max-width:22ch}
}
@media (max-width:560px){
  .question-card{min-height:0}
  .question-card h2{font-size:clamp(2rem,9vw,2.65rem);margin-bottom:1.25rem}
  .answer-list{padding:.35rem}
  .answer-option label{min-height:56px;padding:.9rem}
}
a.world-card.world-card--warm{color:var(--ink)}
a.world-card.world-card--dark{color:var(--night-ink)}