.yitm-intent-series-guide {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid #b9d8ec;
  border-radius: 15px;
  background: #eff8fd;
  color: #102b49;
  font-weight: 850;
  line-height: 1.35;
}

/* The shared AI hero owns white text on dark surfaces. This light guide card
 * is an intentional nested exception and must own every descendant colour. */
body[data-yitm-ai-proof-series="A0019281"] .yitm-proof-series-hero .yitm-intent-series-guide,
body[data-yitm-ai-proof-series="A0019281"] .yitm-proof-series-hero .yitm-intent-series-guide :is(span, strong, small) {
  color: #102b49 !important;
  -webkit-text-fill-color: #102b49 !important;
  opacity: 1 !important;
}

body[data-yitm-ai-proof-series="A0019281"] .yitm-proof-series-hero .yitm-intent-series-guide small {
  color: #42566f !important;
  -webkit-text-fill-color: #42566f !important;
  font-weight: 650;
}

.yitm-intent-series-guide svg { width: 46px; height: 46px; flex: 0 0 46px; overflow: visible; }
.yitm-intent-series-guide .robot-head { fill: #e9f6fb; stroke: #123f72; stroke-width: 2; }
.yitm-intent-series-guide .robot-line { fill: none; stroke: #123f72; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.yitm-intent-series-guide .robot-light,
.yitm-intent-series-guide .robot-eye { fill: #0b7554; }
.yitm-intent-series-guide .robot-eyes { transform-origin: center; animation: yitm-series-blink 5.5s ease-in-out infinite; }
.yitm-intent-series-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 14px 0 0; }
.yitm-intent-series-nav a { display: block; padding: 12px 14px; border: 1px solid #d3e3ef; border-radius: 13px; background: #fff; color: #123f72; text-decoration: none; font-weight: 850; }
.yitm-intent-series-nav a[aria-current="page"] { border-color: #0b7554; background: #edf8f2; color: #07583e; }
.yitm-intent-boundary { border-left: 5px solid #0b7554 !important; }
.yitm-intent-boundary--safety { border-left-color: #b13a2f !important; }

@keyframes yitm-series-blink {
  0%, 46%, 50%, 100% { transform: scaleY(1); }
  48% { transform: scaleY(.12); }
}

@media (max-width: 680px) {
  .yitm-intent-series-nav { grid-template-columns: 1fr; }
  .yitm-intent-series-guide { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .yitm-intent-series-guide .robot-eyes { animation: none; }
}