.instruction-box{
  background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--teal);
  border-radius:10px;padding:20px 24px;font-size:14.5px;color:var(--text);line-height:1.6;
}
.instruction-box p{margin:0 0 12px;}
.instruction-box p:last-child{margin-bottom:0;}
.instruction-box code{background:var(--bg-panel-2);padding:1px 6px;border-radius:4px;font-size:.92em;}

/* Video embeds (YouTube/Vimeo iframe embed codes work directly in the
   instruction text) - constrained to a normal 16:9 box and centered,
   rather than whatever raw pixel width/height the embed code specifies,
   which would otherwise overflow on mobile or look arbitrarily sized. */
.instruction-box iframe{
  display:block; width:100%; max-width:640px; aspect-ratio:16/9; height:auto;
  margin:14px auto; border:1px solid var(--border); border-radius:8px;
}
.instruction-box a{color:var(--teal);}
.instruction-box strong{color:var(--text);}