/* Stream Racers - the streamer's setup guide (setup.html), on the player's guide's
   styles (guide.css). What is new here is only the photographs: the Studio and the
   overlay as the site itself shows them, framed like the guide's demos. */

/* a photograph of the Studio in a section's picture box */
.g-demo.s-shot { padding: 16px; }
.s-shot img {
    display: block; max-width: 100%; height: auto;
    border: 3px solid #000; border-radius: 12px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .45);
}

/* 04 · the overlay on a stream: three canvases in a row, one under another on a phone */
.s-wide {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
    padding: 0 20px 20px;
}
.s-wide figure { margin: 0; }
.s-wide img {
    display: block; width: 100%; height: auto;
    border: 3px solid #000; border-radius: 10px;
}
.s-wide figcaption { margin-top: 6px; font-size: 17px; line-height: 1.25; color: var(--dim); }
@media (max-width: 980px) { .s-wide { grid-template-columns: minmax(0, 1fr); } }

/* the notes under the command list */
.g-facts.s-after { margin-top: 16px; }

/* 05 · the CUP tab, shown at the width it is read at */
.s-full { margin: 0; padding: 0 20px 20px; }
.s-full img { display: block; width: 100%; max-width: 1000px; height: auto; margin: 0 auto; border: 3px solid #000; border-radius: 12px; }