/* Events page: race weather modal. Toggled by events.php via the .hidden class. */
.wx-modal { position: fixed; inset: 0; z-index: 80; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.wx-back { position: absolute; inset: 0; background: rgba(7, 9, 12, .86); backdrop-filter: blur(4px); }
.wx-card { position: relative; width: 100%; max-width: 30rem; max-height: 86vh; overflow-y: auto; background: var(--ink-2); border-top: 4px solid var(--accent); padding: 2rem; }
.wx-close { position: absolute; top: .7rem; right: .9rem; width: 2.4rem; height: 2.4rem; background: none; border: 0; color: var(--mute); font-size: 1.3rem; line-height: 1; cursor: pointer; transition: color .2s; }
.wx-close:hover { color: var(--accent); }
.wx-eyebrow { font: 700 .78rem/1.3 var(--display); letter-spacing: .24em; text-transform: uppercase; color: var(--accent-text); }
.wx-title { font-size: 2.4rem; margin-block: .6rem 1.6rem; }
.wx-msg { padding: 2.2rem 0; text-align: center; color: var(--mute); }
.wx-block { padding-top: 1.3rem; margin-top: 1.3rem; border-top: 1px solid var(--line); }
.wx-block:first-child { padding-top: 0; margin-top: 0; border-top: 0; }
.wx-lab { font: 700 .72rem/1.3 var(--display); letter-spacing: .22em; text-transform: uppercase; color: var(--mute); }
.wx-val { margin-top: .3rem; font: 800 1.7rem/1.1 var(--display); text-transform: uppercase; }
.wx-conf { margin: .3rem 0 .6rem; font: 700 .75rem/1 var(--display); letter-spacing: .22em; text-transform: uppercase; color: var(--accent-text); }
.wx-txt { font-size: .95rem; color: #B9C2CE; }
.wx-eta { text-align: center; }
.wx-eta .wx-lab { margin-bottom: .6rem; }
.wx-big { font: 800 3.4rem/1 var(--display); text-transform: uppercase; color: var(--accent); }
.wx-big.sm { font-size: 2.1rem; }
.wx-big.dim { color: #C9D1DB; }
.wx-big.faint { color: var(--mute); }
.wx-note { font-size: .78rem; color: #6d7887; margin-top: .5rem; }
.wx-grid { display: grid; gap: .8rem; }
.wx-grid.two { grid-template-columns: 1fr 1fr; }
.wx-grid.three { grid-template-columns: repeat(3, 1fr); text-align: center; }
.wx-cell { border: 1px solid var(--line); padding: .8rem; }
.wx-cell .wx-lab { margin-bottom: .3rem; }
.wx-cell p:last-child { font-size: .95rem; }
.wx-center { text-align: center; }
.wx-center .wx-txt { color: #C9D1DB; margin-top: .3rem; }
.wx-toggle { width: 100%; margin-top: 1.3rem; background: none; border: 0; text-align: center; font: 700 .85rem/1 var(--display); letter-spacing: .2em; text-transform: uppercase; color: var(--accent-text); cursor: pointer; transition: color .2s; }
.wx-toggle:hover { color: var(--paper); }
.wx-models { display: grid; gap: .6rem; font-size: .8rem; color: var(--mute); }
.wx-model { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.wx-model span:first-child { color: #C9D1DB; }
.wx-foot { margin-top: 1.3rem; font-size: .75rem; color: #5f6b7a; }