/* Zidou V2.6 · Approved legacy AI banner composition, 2026-10-20.
   Only right companion visual; no changes to grid, sticky rail, state, data, nav, or prompt behavior. */
.v21-overview .v22-assistant{overflow:visible;border-radius:14px}
.v21-overview .v26-assistant-visual{
  height:193px;background:#fff;overflow:hidden;border-radius:13px 13px 0 0;
  position:relative;isolation:isolate;
}
.v21-overview .v26-blue-stage{
  position:absolute;inset:24px 0 0;z-index:0;
  background:linear-gradient(115deg,#46b2fb 0%,#319af8 44%,#2681f0 100%);
  border-radius:21px 21px 0 0;
}
.v21-overview .v26-approved-portrait{
  position:absolute;z-index:1;left:-15px;top:0;
  width:238px;height:197px;object-fit:fill;max-width:none;
  pointer-events:none;user-select:none;
}
.v21-overview .v26-intro-bubble{
  position:absolute;z-index:2;left:49%;right:9px;top:73px;min-height:92px;
  padding:12px 10px 10px;background:rgba(255,255,255,.98);
  border:1px solid #cbe4ff;box-shadow:0 6px 20px #1c60a132;
  border-radius:13px;display:flex;flex-direction:column;gap:7px;
  color:#17355b;justify-content:center;
}
.v21-overview .v26-intro-bubble strong{
  font-size:12px;line-height:1.25;font-weight:800;white-space:nowrap;color:#172e50;
}
.v21-overview .v26-intro-bubble span{
  font-size:10px;line-height:1.42;font-weight:500;color:#6c829e;
}
.v21-overview .v26-question{
  position:relative;left:auto;right:auto;bottom:auto;z-index:1;
  display:block;margin:0 9px;padding:10px 12px 9px;
  min-height:55px;border-radius:10px;
  background:#f9fbff;border:1px solid #e3edfc;box-shadow:none;
  transition:background .15s,border-color .15s;
}
.v21-overview .v26-question:hover{background:#eff6ff;border-color:#9cc7fa}
.v21-overview .v26-question .v22-prompt-eyebrow{margin-bottom:3px;font-size:10px}
.v21-overview .v26-question strong{font-size:12px;line-height:1.35;color:#26466d}
.v21-overview .v22-ai-tools{height:35px}
@media (min-width:1101px) and (max-height:850px){
 .v21-overview .v26-assistant-visual{height:166px}
 .v21-overview .v26-approved-portrait{width:206px;height:172px;left:-14px}
 .v21-overview .v26-blue-stage{inset-block-start:21px}
 .v21-overview .v26-intro-bubble{top:59px;min-height:78px;padding:9px 8px;gap:5px}
 .v21-overview .v26-intro-bubble strong{font-size:11px}
 .v21-overview .v26-intro-bubble span{font-size:9px;line-height:1.32}
 .v21-overview .v26-question{min-height:49px;padding:7px 10px}
}
@media (max-width:1100px){
 .v21-overview .v26-assistant-visual{height:206px}
 .v21-overview .v26-approved-portrait{width:249px;height:208px}
 .v21-overview .v26-intro-bubble{top:75px;left:47%;right:12px}
}
@media (max-width:770px){
 .v21-overview .v26-assistant-visual{height:220px}
 .v21-overview .v26-approved-portrait{width:270px;height:226px}
 .v21-overview .v26-intro-bubble{top:85px;min-height:89px}
}
@media (max-width:380px){
 .v21-overview .v26-approved-portrait{left:-22px;width:235px}
 .v21-overview .v26-intro-bubble{left:45%;right:7px;padding:8px}
 .v21-overview .v26-intro-bubble strong{font-size:11px}
 .v21-overview .v26-intro-bubble span{font-size:9px}
}

/* V2.6 mobile rail: stretch existing approved cards to available viewport width. */
@media (max-width:770px){
 .v21-overview .v22-rail{align-items:stretch}
}