/* SparkBon Robotics — modular responsive.css. Base design rules remain in style.css. */

/* Free Workshops feature — responsive rules */
@media(max-width:1000px){
  .workshop-grid{grid-template-columns:repeat(2,1fr)}
  .fw-intro{grid-template-columns:1fr;gap:35px}
  .fw-hero-media{height:240px;font-size:90px}
}
@media(max-width:680px){
  .workshop-grid{grid-template-columns:1fr}
  .step-body{grid-template-columns:1fr}
  .step-media{width:70px;height:70px;font-size:32px}
  .step-card{padding:22px 20px}
  .code-panel-head{flex-direction:column;align-items:flex-start;gap:10px}
  .code-actions{width:100%}
  .copy-btn,.download-btn{flex:1}
}