#localNotice {
    // width: max-content;
    box-shadow: inset 0 0 6px 6px var(--gold-2);
    background-image: linear-gradient(90deg, var(--gold-1), var(--gold-2) 90%);
    border: 2px solid var(--gold-3);
}

.mw-dismissable-notice {
    text-align: center;
    position: relative;
}

.mw-dismissable-notice-close {
    position: absolute;
    bottom: calc(var(--space) * 1);
    right: calc(var(--space) * 2);
    color: var(--gold-7);
}

.mw-dismissable-notice-body {
    text-wrap: pretty;
}

.sitenotice p {
    color: var(--gold-7);
    text-align: center;
}

@media (min-width: 1201px) {
    .mw-dismissable-notice, #localNotice {
        grid-row: sitenotice;
        grid-column: pagestart / pageend;
        margin-top: var(--space);
    }

    #localNotice {
        padding: calc(var(--space) * 2);
    }
}

@media (max-width: 1200px) {
    #localNotice {
        font-size: .9em;
        padding: calc(var(--space) * 1);
        margin-left: var(--space);
        margin-right: var(--space);
    }

    .mw-dismissable-notice {
        padding-bottom: calc(var(--space) * 4);
        grid-column: 1;
        grid-row: sitenotice;
        margin-top: calc(var(--space) * 1);
    }

    .mw-dismissable-notice-close {
        bottom: calc(var(--space) * 1);
    }

    // @media (prefers-color-scheme: dark){
    //     .mw-dismissable-notice-close {
    //         color: var(--8);
    //     }
    // }

}



@media (max-width: 720px) {

}