.development-notice[hidden]{display:none!important}.development-notice{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px}.development-notice-backdrop{position:absolute;inset:0;border:0;border-radius:0;background:rgba(2,15,23,.72);backdrop-filter:blur(5px)}.development-notice-card{position:relative;width:min(560px,calc(100vw - 28px));border:1px solid #f3c758;border-radius:18px;background:#fffdf7;padding:28px;box-shadow:0 28px 90px rgba(2,15,23,.42);color:#152934}.development-notice-card>span{color:#8a6200;font-size:.7rem;font-weight:950;letter-spacing:.15em}.development-notice-card h2{margin:8px 42px 12px 0;font-size:1.55rem;line-height:1.15;font-weight:950;letter-spacing:-.025em}.development-notice-card p{margin:10px 0;color:#52636a;font-size:.92rem;line-height:1.55}.development-notice-close{position:absolute;right:14px;top:12px;display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:transparent;color:#243941;font-size:2rem;line-height:1;cursor:pointer}.development-notice-close:hover,.development-notice-close:focus-visible{color:#8a6200;text-decoration:underline;outline:0}.development-notice-acknowledge{margin-top:10px;border:0;border-radius:10px;background:#0b766d;padding:11px 17px;color:#fff;font-weight:900;cursor:pointer}.development-notice-acknowledge:hover,.development-notice-acknowledge:focus-visible{background:#075f58;outline:0;text-decoration:underline}@media(max-width:600px){.development-notice{padding:10px}.development-notice-card{padding:22px 18px}.development-notice-card h2{font-size:1.25rem}}

/* A non-modal notice must never cover or dim a page during navigation. */
.development-notice{inset:auto 16px 16px auto;display:block;width:min(440px,calc(100vw - 32px));padding:0;pointer-events:none;background:transparent;backdrop-filter:none}
.development-notice-card{box-sizing:border-box;width:100%;padding:18px 20px;pointer-events:auto;box-shadow:0 8px 28px rgba(2,15,23,.14)}
.development-notice-card h2{font-size:1.05rem;line-height:1.3}
.development-notice-card p{font-size:.8rem;line-height:1.45;margin:8px 0}
.development-notice-acknowledge{margin-top:4px;padding:9px 14px}
@media(max-width:600px){.development-notice{inset:auto 12px 12px;width:auto;max-width:none;padding:0}.development-notice-card{padding:16px}.development-notice-card h2{font-size:1rem}}