.article--story .story-route {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: .65rem;
  margin: 1.5rem 0 2.2rem;
}
.story-route__step {
  position: relative;
  padding: .9rem .8rem;
  border: 1px solid rgba(2,132,199,.16);
  border-radius: 14px;
  background: linear-gradient(145deg,#fff,#f3f9fd);
  text-align: center;
}
.story-route__step:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -.58rem;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  color: #089ec0;
  font-weight: 900;
}
.story-route__step strong { display:block; color:#0b4468; font-family:var(--font-display); font-size:.82rem; }
.story-route__step span { display:block; margin-top:.28rem; color:#607489; font-size:.88rem; line-height:1.3; }
.story-infographic { margin:1.4rem 0; }
.story-infographic img { width:100%; aspect-ratio:20/9; object-fit:cover; border-radius:18px; border:1px solid rgba(2,132,199,.14); }
.story-infographic figcaption { margin-top:.6rem; color:#65778a; font-size:.92rem; }
.story-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; margin:1.2rem 0 1.5rem; }
.story-gallery figure { margin:0; overflow:hidden; border:1px solid rgba(2,132,199,.13); border-radius:16px; background:#fff; }
.story-gallery img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:0; }
.story-gallery figcaption { padding:.68rem .8rem; color:#52667b; font-size:.88rem; }
.bridge-choices { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:1rem; align-items:center; margin:1.2rem 0; }
.bridge-card { overflow:hidden; border:1px solid rgba(2,132,199,.13); border-radius:16px; background:#fff; }
.bridge-card img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:0; }
.bridge-card__body { padding:1rem; }
.bridge-card__body strong { color:#0b4468; font-family:var(--font-display); }
.bridge-card__body p { margin:.4rem 0 0; }
.bridge-equals { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#071421; color:#46dfff; font-size:1.8rem; font-weight:900; }
.beta-proof { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.2rem 0; }
.beta-proof figure { margin:0; overflow:hidden; border:1px solid rgba(2,132,199,.13); border-radius:16px; background:#fff; }
.beta-proof img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:0; }
.beta-proof__caption { padding:.75rem .85rem; color:#52667b; font-size:.9rem; }
.beta-proof__caption strong { display:block; color:#0b4468; }
.story-audience { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1rem; }
.story-audience span { padding:.5rem .72rem; border-radius:999px; background:rgba(2,132,199,.1); color:#0b5f89; font-weight:700; }
@media(max-width:760px){
  .article--story .story-route { grid-template-columns:1fr; }
  .story-route__step:not(:last-child)::after { content:"↓"; right:auto; left:50%; top:auto; bottom:-.8rem; transform:translateX(-50%); }
  .story-gallery,.beta-proof,.bridge-choices { grid-template-columns:1fr; }
  .bridge-equals { margin:auto; }
}