/* Page styling for the installation-video page.
 *
 * Deliberately an EXTERNAL stylesheet instead of a <style> block or style=""
 * attributes: that is what lets the CSP drop `'unsafe-inline'` from style-src
 * (internet.nl flags it, recommendation #6). Keep it that way — any inline
 * style added to the HTML will be blocked by the browser. */

body {
    background-color: #3B1757;
}

/* Visually hidden, but readable by screen readers (WCAG 1.3.1 / 2.4.6). */
.visually-hidden {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* The PingVP player positions its controls/overlay absolutely against this
 * container, so it must be a positioned ancestor. */
.pingvp-player {
    position: relative;
}

.noscript-message {
    color: #fff;
    text-align: center;
    padding: 1rem;
}