/* Site2-only informational UI, independent of theme rebuilds. */
.wa-beta {
    --wa-beta-surface: #f1f0fb;
    --wa-beta-ink: #25223b;
    --wa-beta-accent: #493695;
    color: var(--wa-beta-ink);
    background: var(--wa-beta-surface);
    font: 400 14px/1.5 var(--font-body, system-ui, sans-serif);
    position: relative;
    z-index: 51;
    border-bottom: 1px solid #dcd7ee;
    width: 100%;
}
.wa-beta [hidden], .wa-beta dialog:not([open]) { display: none !important; }
.wa-beta__bar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .35rem 1.25rem;
    padding: .65rem 1rem;
}
.wa-beta p { margin: 0; }
.wa-beta__bar strong { margin-inline-end: .5rem; }
.wa-beta a, .wa-beta__reopen, .wa-beta summary {
    color: var(--wa-beta-accent);
    text-decoration: underline;
    text-underline-offset: .18em;
    font-weight: 600;
}
.wa-beta button, .wa-beta summary, .wa-beta a { touch-action: manipulation; }
.wa-beta button { font: inherit; cursor: pointer; }
.wa-beta__reopen { background: transparent; border: 0; padding: .35rem .25rem; }
.wa-beta :is(a, button, summary, [tabindex]):focus-visible {
    outline: 3px solid #684fcb;
    outline-offset: 4px;
    border-radius: 3px;
}
.wa-beta nav { display: flex; flex-wrap: wrap; gap: .65rem 1.25rem; }
.wa-beta nav a { display: inline-block; padding-block: .25rem; }
.wa-beta__fallback { max-width: 60rem; }
.wa-beta__fallback summary { cursor: pointer; padding: .35rem 0; }
.wa-beta__fallback[open] { flex-basis: 100%; }
.wa-beta__fallback[open] p { margin-block: .5rem; }
.wa-beta__dialog {
    color: var(--wa-beta-ink);
    background: #fff;
    border: 1px solid #ded9ed;
    border-radius: 1.25rem;
    box-shadow: 0 20px 70px #16112540;
    width: min(36rem, calc(100% - 2rem));
    max-height: calc(100dvh - 2rem);
    padding: 0;
    margin: auto;
    overflow: auto;
    overscroll-behavior: contain;
    font: inherit;
}
.wa-beta__dialog::backdrop { background: #161125a6; }
.wa-beta__dialog-content { padding: clamp(1.25rem, 4vw, 2rem); }
.wa-beta__eyebrow { color: var(--wa-beta-accent); font-weight: 700; letter-spacing: .04em; }
.wa-beta h2 { font: 600 clamp(1.3rem, 4vw, 1.75rem)/1.25 var(--font-heading, system-ui, sans-serif); margin: .5rem 0 1rem; color: inherit; }
.wa-beta__dialog nav { margin-block: 1rem; }
.wa-beta .wa-beta__note { color: #514b63; font-size: .875em; margin-block: 1rem; }
.wa-beta__continue { border: 1px solid var(--wa-beta-accent); border-radius: .55rem; background: var(--wa-beta-accent); color: #fff; font-weight: 600; min-height: 44px; padding: .65rem 1.1rem; }
@media (max-width: 480px) {
    .wa-beta__bar { justify-content: flex-start; }
    .wa-beta__bar strong, .wa-beta__bar span { display: block; }
    .wa-beta__continue { width: 100%; }
}
@media (forced-colors: active) {
    .wa-beta, .wa-beta__dialog, .wa-beta__continue { border: 1px solid CanvasText; }
    .wa-beta :is(a, button, summary, [tabindex]):focus-visible { outline-color: Highlight; }
}