@import "root.css";

body {
    margin: 0;
    font: 1.125rem/1.6 system-ui, sans-serif;
    color: var(--color-text-strong);
    background: var(--color-surface-page);
}

.video-player {
    max-width: 64rem;
    margin: 2rem auto;
    padding: 0 1rem;
}

h1 {
    font-size: 1.75rem;
    overflow-wrap: anywhere;
}

iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
}

[hidden] {
    display: none;
}

a {
    color: var(--color-text-link);
    text-underline-offset: .2em;
}

a:focus-visible {
    outline: 2px dashed var(--color-focus-default);
    outline-offset: 3px;
}