/* VIOSCANS Robotic Violet - Tools page only (v1).  Shared header/footer untouched.
   All section artwork is true-alpha PNG, sized with object-fit:contain, never cover/crop.
   Card image panels start directly at the upper card border; cables meet top boundary. */
.vt-page.vt-robotic, .vt-page.vt-robotic * { box-sizing: border-box; }
.vt-page.vt-robotic { min-width:0; }
.vt-page.vt-robotic :is(.vt-hero, .vt-rules, .vt-toolbox-card, .vt-final) { min-width:0; }
.vt-page.vt-robotic .vt-robot-picture,
.vt-page.vt-robotic .vt-robot-image { display:block; margin:0!important; padding:0!important; border:0; }
.vt-page.vt-robotic .vt-robot-picture { width:100%; max-width:100%; line-height:0; align-self:start; }
.vt-page.vt-robotic .vt-robot-image { width:100%!important; max-width:100%!important; height:auto!important; max-height:none!important; object-fit:contain!important; object-position:center top!important; }
.vt-page.vt-robotic .vt-hero.card,
.vt-page.vt-robotic .vt-rules.card,
.vt-page.vt-robotic .vt-final.card {
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  align-items:stretch!important;
  gap:clamp(8px,1.5vw,20px)!important;
  padding:0!important;
  isolation:isolate;
  overflow:visible!important;
}
.vt-page.vt-robotic .vt-hero-copy,
.vt-page.vt-robotic .vt-rules-copy,
.vt-page.vt-robotic .vt-final-copy {min-width:0; padding:clamp(24px,3vw,44px)!important; align-self:center;}
.vt-page.vt-robotic .vt-hero-art,
.vt-page.vt-robotic .vt-rules-art,
.vt-page.vt-robotic .vt-final-art,
.vt-page.vt-robotic .vt-toolbox-art {
  display:flex!important; position:relative!important;
  align-items:flex-start!important; justify-content:center!important;
  align-self:stretch!important; justify-self:stretch!important;
  min-width:0!important; width:100%!important;
  padding:0!important; margin:0!important;
  overflow:visible!important; top:0!important; bottom:auto!important;
}
.vt-page.vt-robotic .vt-hero-art .vt-robot-picture { max-width:clamp(250px,32vw,415px); }
.vt-page.vt-robotic .vt-rules-art .vt-robot-picture { max-width:clamp(205px,25vw,315px); }
.vt-page.vt-robotic .vt-final-art .vt-robot-picture { max-width:clamp(205px,25vw,340px); }
.vt-page.vt-robotic .vt-toolbox-card.card {padding:0!important; overflow:visible!important; isolation:isolate;}
.vt-page.vt-robotic .vt-toolbox-intro {
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)!important;
  gap:clamp(8px,2vw,25px)!important;
  align-items:stretch!important;
  min-width:0!important; padding:0!important;
}
.vt-page.vt-robotic .vt-toolbox-intro > div:first-child { min-width:0; align-self:center; padding:clamp(23px,3vw,40px)!important; }
.vt-page.vt-robotic .vt-toolbox-art .vt-robot-picture { max-width:clamp(190px,22vw,280px); }
.vt-page.vt-robotic .vt-details-wrap { min-width:0; padding:clamp(17px,2.8vw,34px)!important; }
.vt-page.vt-robotic .vt-details-wrap details { min-width:0; }
.vt-page.vt-robotic .vt-details-wrap pre { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
.vt-page.vt-robotic .vt-details-wrap code { white-space:pre; }
.vt-page.vt-robotic .vt-rules-list, .vt-page.vt-robotic .vt-chip-row,
.vt-page.vt-robotic .vt-actions, .vt-page.vt-robotic .vt-final-actions { max-width:100%; }
@media (max-width:1050px) {
  .vt-page.vt-robotic .vt-hero.card,
  .vt-page.vt-robotic .vt-rules.card,
  .vt-page.vt-robotic .vt-final.card {grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;}
  .vt-page.vt-robotic .vt-hero-art .vt-robot-picture {max-width:315px;}
  .vt-page.vt-robotic .vt-rules-art .vt-robot-picture {max-width:255px;}
  .vt-page.vt-robotic .vt-toolbox-art .vt-robot-picture {max-width:220px;}
  .vt-page.vt-robotic .vt-final-art .vt-robot-picture {max-width:250px;}
}
@media (max-width:899px) {
  .vt-page.vt-robotic .vt-hero.card,
  .vt-page.vt-robotic .vt-rules.card,
  .vt-page.vt-robotic .vt-final.card,
  .vt-page.vt-robotic .vt-toolbox-intro {grid-template-columns:minmax(0,1fr)!important; gap:0!important;}
  .vt-page.vt-robotic .vt-hero-art,
  .vt-page.vt-robotic .vt-rules-art,
  .vt-page.vt-robotic .vt-final-art,
  .vt-page.vt-robotic .vt-toolbox-art {grid-row:1!important; order:-1!important;}
  .vt-page.vt-robotic .vt-hero-copy,
  .vt-page.vt-robotic .vt-rules-copy,
  .vt-page.vt-robotic .vt-final-copy,
  .vt-page.vt-robotic .vt-toolbox-intro > div:first-child {
    grid-row:2!important; padding:clamp(21px,4vw,35px)!important;
  }
  .vt-page.vt-robotic .vt-hero-art .vt-robot-picture {max-width:min(100%,310px);}
  .vt-page.vt-robotic .vt-rules-art .vt-robot-picture {max-width:min(100%,245px);}
  .vt-page.vt-robotic .vt-toolbox-art .vt-robot-picture {max-width:min(100%,220px);}
  .vt-page.vt-robotic .vt-final-art .vt-robot-picture {max-width:min(100%,310px);}
}
@media(max-width:420px){
 .vt-page.vt-robotic .vt-hero-art .vt-robot-picture {max-width:min(100%,275px);}
 .vt-page.vt-robotic .vt-rules-art .vt-robot-picture {max-width:min(100%,210px);}
 .vt-page.vt-robotic .vt-toolbox-art .vt-robot-picture {max-width:min(100%,195px);}
 .vt-page.vt-robotic .vt-final-art .vt-robot-picture {max-width:min(100%,250px);}
 .vt-page.vt-robotic .vt-hero-copy,
 .vt-page.vt-robotic .vt-rules-copy,
 .vt-page.vt-robotic .vt-final-copy,
 .vt-page.vt-robotic .vt-toolbox-intro > div:first-child {padding:21px 18px!important;}
 .vt-page.vt-robotic .vt-details-wrap {padding:16px!important;}
}