/* IQAI Risk — Provenance Fold
   An inline claim-to-disposition chain that expands information exactly where the
   reviewer is already working. */

.iq-provenance-fold{
  margin:22px 0 4px;
  border-top:1px solid #222;
  border-bottom:1px solid #ddd;
}

.iq-provenance-fold-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  padding:12px 0 10px;
}

.iq-provenance-fold-head strong{
  font-size:10px;
  font-weight:500;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#222;
}

.iq-provenance-fold-head span{
  font-size:11px;
  color:#666;
}

.iq-provenance-fold-chain{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  position:relative;
}

.iq-provenance-fold-chain::before{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  top:26px;
  height:1px;
  background:#cfcfcf;
  z-index:0;
}

.iq-provenance-step{
  appearance:none;
  position:relative;
  z-index:1;
  border:0;
  background:transparent;
  min-height:92px;
  padding:11px 12px 14px;
  text-align:left;
  cursor:pointer;
  color:#555;
}

.iq-provenance-step::before{
  content:"";
  display:block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff;
  border:1px solid #777;
  margin:11px 0 15px;
  transition:transform 180ms cubic-bezier(.22,1,.36,1),background 180ms ease,border-color 180ms ease;
}

.iq-provenance-step + .iq-provenance-step{
  border-left:1px solid #ececec;
}

.iq-provenance-step small{
  display:block;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#777;
  margin-bottom:4px;
}

.iq-provenance-step strong{
  display:block;
  font-size:12px;
  font-weight:500;
  line-height:1.35;
  color:#222;
}

.iq-provenance-step:hover::before,
.iq-provenance-step:focus-visible::before,
.iq-provenance-step[aria-pressed="true"]::before{
  transform:scale(1.45);
  background:#111;
  border-color:#111;
}

.iq-provenance-step:focus-visible{
  outline:1px solid #111;
  outline-offset:-1px;
}

.iq-provenance-fold-chain.iq-fold-inspecting .iq-provenance-step{
  opacity:.34;
  transition:opacity 150ms ease;
}

.iq-provenance-fold-chain.iq-fold-inspecting .iq-provenance-step[aria-pressed="true"]{
  opacity:1;
}

.iq-provenance-fold-detail{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:22px;
  min-height:68px;
  padding:14px 0 16px;
  border-top:1px solid #ddd;
}

.iq-provenance-fold-detail span{
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#777;
}

.iq-provenance-fold-detail p{
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:#444;
  max-width:78ch;
}

.iq-page-risk #interactive-example.iq-fold-inspecting svg > *{
  transition:opacity 150ms ease;
}

.iq-page-risk #interactive-example.iq-fold-inspecting svg > *{
  opacity:.18;
}

.iq-page-risk #interactive-example.iq-fold-inspecting svg .iq-fold-svg-active,
.iq-page-risk #interactive-example.iq-fold-inspecting svg .iq-fold-svg-active *{
  opacity:1!important;
}

@media(max-width:760px){
  .iq-provenance-fold-chain{grid-template-columns:1fr}
  .iq-provenance-fold-chain::before{display:none}
  .iq-provenance-step{
    min-height:auto;
    display:grid;
    grid-template-columns:16px 76px 1fr;
    gap:8px;
    align-items:center;
    padding:10px 0;
    border-left:0!important;
    border-top:1px solid #eee;
  }
  .iq-provenance-step::before{margin:0}
  .iq-provenance-step small{margin:0}
  .iq-provenance-fold-detail{grid-template-columns:1fr;gap:6px}
}

@media(prefers-reduced-motion:reduce){
  .iq-provenance-step::before,
  .iq-provenance-fold-chain.iq-fold-inspecting .iq-provenance-step{
    transition:none!important;
  }
}