/* Training & Audit mobile hero geometry regression.
 * The desktop workshop has three columns. On phones the third column moves
 * below the first two instead of collapsing into a narrow vertical strip.
 * Light-surface foreground ownership is shared in service-responsive.css. */
@media (max-width:600px){
  .a3-training-room{
    height:730px;
    overflow:hidden;
  }
  .a3-training-room__notes{
    height:344px;
    left:14px;
    top:46px;
    width:calc(50% - 21px);
  }
  .a3-training-room__notes article{
    min-height:76px;
  }
  .a3-training-room__synthesis{
    height:344px;
    left:auto;
    right:14px;
    top:46px;
    width:calc(50% - 21px);
  }
  .a3-training-room__synthesis strong{
    font-size:22px;
  }
  .a3-training-room__monday{
    bottom:16px;
    gap:6px;
    height:304px;
    left:14px;
    padding:12px;
    right:14px;
    top:auto;
    width:auto;
  }
  .a3-training-room__monday>strong{
    font-size:18px;
  }
  .a3-training-room__monday article{
    align-items:center;
    display:grid;
    gap:8px;
    grid-template-columns:72px minmax(0,1fr);
    min-height:46px;
    padding:7px 9px;
  }
  .a3-training-room__monday article b,
  .a3-training-room__monday article span{
    min-width:0;
  }
  .a3-training-room__monday em{
    margin-top:auto;
    text-align:center;
  }
}
/* 360 px phones: micro labels inside the hero/board graphic broke mid-word (2026-10-10). */
@media (max-width:400px){.a3-training-room__synthesis strong{font-size:19px}}