/* Preview-only navigation; independent of each website's design. */
.preview-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 10px 6%;
    background: #e9e9e6;
    color: #20211f;
    border-bottom: 1px solid #d4d4ce;
    font:
        500 11px/1.5 Arial,
        sans-serif;
}
.preview-navigation a {
    color: #20211f;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 24px;
}
.preview-navigation a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.preview-navigation a:focus-visible {
    outline: 2px solid #20211f;
    outline-offset: 4px;
}
.preview-navigation > span {
    color: #62635e;
    white-space: nowrap;
}
@media (max-width: 480px) {
    .preview-version-name {
        display: none;
    }
}