.psa-release-update {
    align-items: center;
    background: rgba(255, 255, 255, .98);
    border: 1px solid #dce5f1;
    border-radius: 18px;
    bottom: 1.25rem;
    box-shadow: 0 22px 60px rgba(4, 28, 73, .22);
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    left: 50%;
    max-width: min(760px, calc(100vw - 2rem));
    padding: 1rem;
    position: fixed;
    transform: translateX(-50%);
    width: max-content;
    z-index: 1095;
}

.psa-release-update[hidden] {
    display: none !important;
}

.psa-release-update__mark {
    display: grid;
    gap: 3px;
    grid-template-columns: repeat(2, 10px);
    grid-template-rows: repeat(2, 10px);
}

.psa-release-update__mark span {
    border-radius: 3px;
}

.psa-release-update__mark span:nth-child(1) { background: #073b9a; }
.psa-release-update__mark span:nth-child(2) { background: #16a4e0; }
.psa-release-update__mark span:nth-child(3) { background: #20a83e; }
.psa-release-update__mark span:nth-child(4) { background: #f97300; }

.psa-release-update__content strong {
    color: #071b45;
    display: block;
    font-size: .95rem;
    font-weight: 800;
    line-height: 1.25;
}

.psa-release-update__content p {
    color: #617087;
    font-size: .78rem;
    line-height: 1.45;
    margin: .25rem 0 0;
}

.psa-release-update__actions {
    display: flex;
    gap: .5rem;
}

.psa-release-update__button {
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    font-size: .74rem;
    font-weight: 800;
    min-height: 40px;
    padding: .55rem .8rem;
    white-space: nowrap;
}

.psa-release-update__button:focus-visible {
    outline: 3px solid rgba(22, 164, 224, .35);
    outline-offset: 2px;
}

.psa-release-update__button--primary {
    background: linear-gradient(135deg, #073b9a, #075aa5);
    color: #fff;
}

.psa-release-update__button--secondary {
    background: #f2f5f9;
    border-color: #e0e6ef;
    color: #3e4c61;
}

@media (max-width: 767.98px) {
    .psa-release-update {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
        width: calc(100vw - 1.5rem);
    }

    .psa-release-update__actions {
        grid-column: 1 / -1;
        width: 100%;
    }

    .psa-release-update__button {
        flex: 1 1 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .psa-release-update,
    .psa-release-update * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}