/* Spike 3 – Testseite. Groß und schlicht, damit sie auf dem iPhone lesbar ist. */
.w4d-s3 { font: 16px/1.45 system-ui, -apple-system, sans-serif; max-width: 960px; margin: 0 auto; padding: 0 16px; color: #1b1b1b; }
.w4d-s3 h1 { font-size: 1.6em; margin: .5em 0; }
.w4d-s3-intro { background: #fff8dc; padding: .75em 1em; border-radius: 6px; }
.w4d-s3-big { font-size: 1.15em; font-weight: 600; }
.w4d-s3-status, .w4d-s3-controls, .w4d-s3-player { border: 1px solid #ccc; border-radius: 6px; padding: .75em 1em; margin: 1em 0; background: #fff; }
.w4d-s3-controls { display: flex; flex-wrap: wrap; gap: .75em 1.25em; align-items: center; }
.w4d-s3 select, .w4d-s3 button, .w4d-s3-button { font: inherit; padding: .45em .8em; border-radius: 6px; border: 1px solid #888; background: #f4f4f4; color: inherit; text-decoration: none; display: inline-block; }
.w4d-s3-button { background: #1d5fbf; color: #fff; border-color: #1d5fbf; }
.w4d-s3 video { width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: 4px; }
.w4d-s3-row { display: flex; flex-wrap: wrap; gap: .5em; margin: .6em 0; }
.w4d-s3-info { display: grid; grid-template-columns: max-content 1fr; gap: .2em 1em; margin: .5em 0; }
.w4d-s3-info dt { color: #555; }
.w4d-s3-info dd { margin: 0; word-break: break-word; }
.w4d-s3-checks { padding-left: 1.2em; }
.w4d-s3-events { font: 12px/1.4 ui-monospace, monospace; max-height: 22em; overflow: auto; background: #f7f7f7; padding: .5em 2.5em; word-break: break-all; }
.w4d-s3 textarea { width: 100%; font: 12px ui-monospace, monospace; }