.sg-media{margin:30px 0;border:1px solid #a28b58;background:#fffdf7;min-width:0}
.sg-media-header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;background:#253d37;color:#f8f3e6;font:13px/1.5 Arial,sans-serif;letter-spacing:.06em}
.sg-media-header strong{font-size:15px}.sg-player-surface{width:100%;min-width:0;background:#101815}
.sg-screen{aspect-ratio:16/9;position:relative;display:grid;place-items:center;background:#101815}
.sg-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sg-load{background:#ece4d3;color:#253d37;border:1px solid #b49a5d;padding:18px 24px;cursor:pointer;font:16px/1.4 Arial,sans-serif}
.sg-transport{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:12px;font:14px/1.4 Arial,sans-serif}
.sg-transport button{min-height:44px;min-width:44px;padding:8px 12px;background:#253d37;color:#fffdf7;border:1px solid #b49a5d;border-radius:4px;cursor:pointer;font:inherit}
.sg-transport button:disabled{opacity:.45;cursor:default}.sg-transport button[aria-pressed=true]{background:#775e2f}
.sg-transport button:focus-visible,.sg-volume-slider:focus-visible,.sg-load:focus-visible{outline:3px solid #d3b573;outline-offset:3px}
.sg-volume-slider{width:100px;max-width:28vw;accent-color:#b49a5d}.sg-transport-note{color:#e8dec7;flex-basis:100%}
.sg-media figcaption{padding:16px 18px;font:14px/1.6 Arial,sans-serif}.sg-media figcaption a{color:#276154;text-decoration:underline}
.sg-player-surface:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#101815}.sg-player-surface:fullscreen .sg-screen{width:100%;max-height:calc(100vh - 130px)}
@media(max-width:640px){.sg-transport{gap:6px;padding:8px}.sg-transport button{padding:8px}.sg-media-header{padding:12px}.sg-media figcaption{padding:12px}}