/* Orbital Radar · Satellite Re-entry Tracker (revamp preview)
   Site fonts in their roles: Orbitron 700 for titles, labels, figures, badges, countdown digits and buttons; JetBrains Mono
   for running text, data and inputs. Everything is scoped under .rx so the site's chrome is never restyled; the site's
   catch-all (.or-lib-wrap * = JetBrains Mono) is beaten by explicit, scoped rules wherever Orbitron is wanted. */
.rx{--gold:#ffd23f;--gold2:#ffe060;--cyan:#60eafe;--red:#ff6b6b;--amber:#ffb15c;--green:#4cff8e;--ink:#e9eef7;--dim:rgba(233,238,247,.72);--dim2:rgba(233,238,247,.56);
  --glass:rgba(7,11,24,.72);--line:rgba(255,224,96,.14);--line2:rgba(96,234,254,.16);--card:rgba(13,18,34,.72);color:var(--ink)}
.rx :where(h1,h2,h3,p,ul,ol,table,figure){margin:0}
.rx :where(button:not(.or-lib-faq-q)){font:inherit;color:inherit}   /* the site's own FAQ buttons keep the site's FAQ style */
/* inside Orbitron labels, separators and ± are drawn, not typed: Orbitron has neither glyph (a typed one falls back to
   another face). .rx-sr = text for screen readers and copying only */
.rx .rx-dot{display:inline-block;width:3px;height:3px;margin:0 .42em;border-radius:50%;background:currentColor;opacity:.8;vertical-align:.3em}
.rx .rx-pm{display:inline-block;width:.6em;height:.78em;margin-right:.14em;vertical-align:-.02em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;overflow:visible}
.rx .rx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.rx svg{display:block}
.rx svg text{font-family:'JetBrains Mono',monospace}
.rx svg text.t-or,.rx svg .t-or{font-family:'Orbitron','JetBrains Mono',sans-serif;font-weight:700}
.rx svg tspan{font-family:inherit;font-weight:inherit}
.rx .rx-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rx a{color:var(--cyan);text-decoration:none}
.rx a:hover{text-decoration:underline}

/* ── Orbitron roles (and everything nested in them: the site's own catch-all would otherwise win) ── */
.rx .rx-eyebrow,.rx .rx-eyebrow *,.rx h1,.rx h1 *,.rx h2,.rx h2 *,.rx h3,.rx h3 *,.rx .rx-k,.rx .rx-k *,.rx .rx-cd,.rx .rx-cd *,.rx .rx-cd-l span,.rx .rx-cd-l span *,.rx .rx-btn,
.rx .rx-btn *,.rx .rx-seg-b,.rx .rx-seg-b *,.rx .rx-counter b,.rx .rx-counter b *,.rx .rx-counter span,.rx .rx-counter span *,.rx .rx-key-h,.rx .rx-key-h *,.rx .rx-num,
.rx .rx-num *,.rx .rx-chipbtn,.rx .rx-chipbtn *,.rx .rx-more,.rx .rx-more *,.rx .rx-st,.rx .rx-st *,.rx .rx-rc-k,.rx .rx-rc-k *,.rx .rx-tile-k,.rx .rx-tile-k *,.rx .rx-tile b,
.rx .rx-tile b *,.rx .rx-secnav-b,.rx .rx-secnav-b *,.rx .rx-eyebrow2,.rx .rx-eyebrow2 *,.rx .rx-board th,.rx .rx-board th *,.rx .rx-cc,.rx .rx-cc *,.rx .rx-win,.rx .rx-win *,
.rx .rx-badge-k,.rx .rx-badge-k *,.rx .rx-badge-n,.rx .rx-badge-n *,.rx .rx-badge-cd,.rx .rx-badge-cd *,.rx .rx-surv-r,.rx .rx-surv-r *,.rx .rx-vs caption,.rx .rx-vs caption *,
.rx .rx-vs thead th,.rx .rx-vs thead th *,.rx .rx-dr-k,.rx .rx-dr-k *,.rx .rx-dr-fig b,.rx .rx-dr-fig b *,.rx .rx-or-v,.rx .rx-or-v *,.rx .rx-or-k,.rx .rx-or-k *,.rx .rx-reg,
.rx .rx-reg *,.rx .rxm-call b,.rx .rxm-call b *,.rx .rxm-now,.rx .rxm-now *,.rx .rxm-you,.rx .rxm-you *,.rx .rxm-tip b,.rx .rxm-tip b *,.rx .rx-showing,.rx .rx-showing *,
.rx .rx-alerts h3,.rx .rx-alerts h3 *,.rx .rx-loc label,.rx .rx-loc label *,.rx .rx-lookup label,.rx .rx-lookup label *,.rx .rx-facts b,.rx .rx-facts b *,.rx .rx-live,
.rx .rx-live *,.rx .rx-event-k,.rx .rx-event-k *,.rx .rx-event b,.rx .rx-event-go,.rx .rx-event-go *,.rx .rx-risk-k,.rx .rxm-mk,.rx .rx-f2-k,.rx .rx-ring b,.rx .rx-size-k,.rx .rx-size-fig b,.rx .rx-size-fig b *,.rx .rx-tonnes b,.rx .rx-tonnes b *,.rx .rx-fresh,.rx .rx-fresh *{font-family:'Orbitron','JetBrains Mono',sans-serif}

/* ── hero: the full-width stage with the glass panel over the map ── */
.rx .rx-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:6px}
.rx .rx-stage-wrap{position:relative;max-width:1680px;margin:0 auto;min-height:clamp(600px,70vh,740px);overflow:hidden;border-top:1px solid rgba(96,234,254,.10);border-bottom:1px solid rgba(96,234,254,.10);background:#050a17}
.rx [hidden]{display:none!important}
.rx .rx-nw{font:inherit;letter-spacing:inherit;white-space:nowrap}
.rx .rx-mapbox{position:absolute;inset:0}
.rx .rx-stage{position:absolute;inset:0}
.rx .rxm canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.rx .rxm-bg{opacity:0;transition:opacity .9s ease}
.rx .rxm-land .rxm-bg{opacity:1}
.rx .rx-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,10,23,.94) 0,rgba(5,10,23,.86) calc((100% - min(100%,1120px)) / 2 + 400px),rgba(5,10,23,.35) calc((100% - min(100%,1120px)) / 2 + 520px),rgba(5,10,23,0) calc((100% - min(100%,1120px)) / 2 + 640px)),linear-gradient(0deg,rgba(5,10,23,.6) 0,rgba(5,10,23,0) 22%)}
.rx .rx-stage[data-mode=globe]::after{background:linear-gradient(90deg,rgba(5,10,23,.92) 0,rgba(5,10,23,.8) calc((100% - min(100%,1120px)) / 2 + 400px),rgba(5,10,23,0) calc((100% - min(100%,1120px)) / 2 + 600px))}
.rx .rx-watermark{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.2px;color:rgba(233,238,247,.30);pointer-events:none;white-space:nowrap}
.rx .rx-panel{position:relative;z-index:3;margin-left:calc((100% - min(100%,1120px)) / 2 + 28px);width:410px;max-width:calc(100% - 56px);padding:26px 0 30px}
.rx .rx-foot{position:absolute;z-index:3;right:calc((100% - min(100%,1120px)) / 2 + 28px);bottom:16px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100% - (100% - min(100%,1120px)) / 2 - 500px)}
.rx .rx-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--red)}
.rx .rx-live{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:20px;border:1px solid rgba(255,107,107,.35);background:rgba(255,107,107,.08);font-size:10px;letter-spacing:1.6px}
.rx .rx-live-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red);animation:rxPulse 1.8s ease-in-out infinite}
@keyframes rxPulse{50%{opacity:.35}}
.rx h1{font-size:clamp(28px,2.65vw,38px);font-weight:900;line-height:1.08;margin-top:10px;color:#fff;letter-spacing:.3px;text-shadow:0 2px 24px rgba(0,0,0,.6)}
.rx .rx-answer{margin-top:12px;font-size:14px;line-height:1.65;color:var(--dim)}
.rx .rx-answer time{color:var(--ink)}
.rx .rx-next{margin-top:18px;padding:18px 18px 16px;border-radius:16px;background:var(--glass);border:1px solid rgba(255,107,107,.28);box-shadow:0 12px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.rx .rx-k{font-size:10.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold2)}
.rx .rx-next-name{display:flex;align-items:center;gap:9px;margin-top:8px;font-family:'Orbitron','JetBrains Mono',sans-serif;font-size:21px;font-weight:700;letter-spacing:.4px}
.rx .rx-next-name a{color:#fff}
.rx .rx-next-name a{font-family:'Orbitron','JetBrains Mono',sans-serif}
.rx .rx-type-i{display:inline-flex;width:22px;height:22px;flex:none;color:var(--gold)}
.rx .rx-type-i svg{width:100%;height:100%}
.rx .rx-next-sub{margin-top:4px;font-size:12px;color:var(--dim2)}
.rx .rx-cc{display:inline-block;padding:1px 5px;border-radius:4px;border:1px solid rgba(233,238,247,.25);font-size:9.5px;font-weight:700;letter-spacing:.8px;color:var(--ink);vertical-align:1px}
.rx .rx-cd{display:flex;align-items:baseline;gap:2px;margin-top:14px;font-size:clamp(30px,2.9vw,40px);font-weight:700;color:var(--red);text-shadow:0 0 22px rgba(255,107,107,.35)}
.rx .rx-cd-d{display:inline-block;width:1.62em;text-align:center}
.rx .rx-cd-c{opacity:.5;margin:0 -1px}
.rx .rx-cd-l{display:flex;gap:2px;margin-top:2px}
.rx .rx-cd-l span{width:calc(1.62 * clamp(30px,2.9vw,40px) + 4px);text-align:center;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim2)}
.rx .rx-when{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:#fff;font-weight:600}
.rx .rx-when small{font-weight:400;color:var(--dim2);font-size:12px}
.rx .rx-when .rx-lt-b{flex-basis:100%;margin-top:-2px}
.rx .rx-win{display:inline-block;padding:2px 8px;border-radius:12px;background:rgba(255,177,92,.12);border:1px solid rgba(255,177,92,.4);color:var(--amber);font-size:11px;font-weight:700;letter-spacing:.6px}
.rx .rx-where{margin-top:6px;font-size:13px;color:var(--dim)}
.rx .rx-conf{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;line-height:1.6;color:var(--dim)}
.rx .rx-conf b{color:var(--ink)}
.rx .rx-upd{margin-top:8px;font-size:11px;color:var(--dim2)}
.rx .rx-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}

/* buttons: Orbitron 700, the site's button style */
.rx .rx-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;border:1px solid rgba(96,234,254,.32);background:rgba(96,234,254,.07);color:var(--cyan);font-size:11.5px;font-weight:700;letter-spacing:.55px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;white-space:nowrap;text-decoration:none}
.rx .rx-btn:hover{background:rgba(96,234,254,.14);border-color:rgba(96,234,254,.55);text-decoration:none}
.rx .rx-btn:active{transform:translateY(1px)}
.rx .rx-btn svg{width:15px;height:15px;flex:none}
.rx .rx-btn-i{padding:9px 11px}
.rx .rx-btn-pri{background:linear-gradient(135deg,#ff7a5c,#ffb15c);border-color:transparent;color:#140a06}
.rx .rx-btn-pri:hover{background:linear-gradient(135deg,#ff8a6c,#ffc070)}
.rx .rx-btn-ghost{background:rgba(7,11,24,.66);border-color:rgba(233,238,247,.18);color:var(--ink);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rx .rx-btn:focus-visible,.rx .rx-seg-b:focus-visible,.rx .rx-chipbtn:focus-visible,.rx .rx-more:focus-visible,.rx .rx-secnav-b:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* map controls, key, showing chip */
.rx .rx-ui{position:absolute;z-index:3;top:22px;right:calc((100% - min(100%,1120px)) / 2 + 28px);display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.rx .rx-seg{display:inline-flex;padding:3px;border-radius:12px;background:rgba(7,11,24,.72);border:1px solid rgba(233,238,247,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rx .rx-seg-b{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:0;border-radius:9px;background:none;color:var(--dim);font-size:11.5px;font-weight:700;letter-spacing:.55px;cursor:pointer}
.rx .rx-seg-b svg{width:15px;height:15px}
.rx .rx-seg-b[aria-pressed=true]{background:rgba(255,210,63,.14);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(255,210,63,.35)}
.rx .rx-showing{position:absolute;z-index:3;top:132px;right:calc((100% - min(100%,1120px)) / 2 + 28px);display:flex;align-items:center;gap:10px;padding:7px 8px 7px 12px;border-radius:10px;background:rgba(7,11,24,.78);border:1px solid rgba(255,210,63,.3);font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--gold)}
.rx .rx-showing button{padding:5px 9px;font-size:10.5px}
.rx .rx-key{position:relative;padding:10px 12px;border-radius:12px;background:rgba(7,11,24,.70);border:1px solid rgba(233,238,247,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);max-width:410px}
.rx .rx-key-h{font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold2);margin-bottom:7px}
.rx .rx-key ul{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 14px;font-size:11px;color:var(--dim)}
.rx .rx-key li{display:flex;align-items:center;gap:7px;line-height:1.35}
.rx .rx-key li>span:first-child{flex:none}
.rx .rx-key b{color:var(--amber);font-weight:600}
.rx .rx-sw{display:inline-block;flex:none;width:18px;height:8px;border-radius:5px}
.rx .rx-sw-path{background:linear-gradient(90deg,#ff7a3c,#ffe9be 50%,#ff7a3c);box-shadow:0 0 6px rgba(255,190,100,.6)}
.rx .rx-sw-pt{width:10px;height:10px;border-radius:50%;background:radial-gradient(#fff 20%,#ffb15c 55%,#ff5030);box-shadow:0 0 0 2px rgba(6,10,22,1),0 0 0 3px var(--gold)}
.rx .rx-sw-now{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(96,234,254,.9)}
.rx .rx-sw-see{width:14px;height:14px;border-radius:50%;background:radial-gradient(rgba(96,234,254,.45),rgba(96,234,254,0) 70%)}
.rx .rx-sw-num{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--gold);display:inline-flex;align-items:center;justify-content:center;font-family:'Orbitron','JetBrains Mono',sans-serif;font-size:8.5px;font-weight:700;color:var(--gold)}
.rx .rx-facts{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);font-size:11px;color:var(--dim)}
.rx .rx-facts b{color:var(--cyan);font-weight:700}

/* on-map HTML labels (crisp, in the site fonts) */
.rx .rxm-call,.rx .rxm-now,.rx .rxm-you,.rx .rxm-tip{position:absolute;left:0;top:0;z-index:2;pointer-events:none;display:none;will-change:transform}
.rx .rxm-call{padding:8px 11px;border-radius:10px;background:rgba(7,11,24,.86);border:1px solid rgba(255,210,63,.55);box-shadow:0 8px 30px rgba(0,0,0,.45);border-left:3px solid var(--gold)}
.rx .rxm-call b{display:block;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold)}
.rx .rxm-call span{display:block;margin-top:3px;font-size:12px;color:#fff;white-space:nowrap}
.rx .rxm-call i{font-style:normal;color:var(--amber)}
.rx .rxm-call .rxm-call-p{font-size:11px;color:var(--dim);white-space:normal}
.rx .rxm-now{padding:3px 7px;border-radius:6px;background:rgba(7,11,24,.78);border:1px solid rgba(96,234,254,.45);font-size:9.5px;font-weight:700;letter-spacing:.8px;color:var(--cyan);white-space:nowrap}
.rx .rxm-you{padding:3px 7px;border-radius:6px;background:rgba(7,11,24,.8);border:1px solid rgba(255,210,63,.5);font-size:9.5px;font-weight:700;letter-spacing:.8px;color:var(--gold);white-space:nowrap}
.rx .rxm-tip{padding:7px 10px;border-radius:8px;background:rgba(7,11,24,.92);border:1px solid rgba(233,238,247,.2);font-size:11px;color:var(--dim);max-width:230px}
.rx .rxm-tip b{display:block;font-size:10.5px;color:#fff;letter-spacing:.4px;margin-bottom:2px}

/* counters under the stage */
.rx .rx-counters{max-width:1120px;margin:-1px auto 0;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.rx .rx-counter{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border:1px solid rgba(233,238,247,.08);border-top:0;background:rgba(9,13,27,.7);color:var(--ink);text-decoration:none}
.rx .rx-counter:first-child{border-radius:0 0 0 14px}
.rx .rx-counter:last-child{border-radius:0 0 14px 0}
.rx .rx-counter:hover{background:rgba(14,20,40,.85);text-decoration:none}
.rx .rx-counter b{font-size:26px;font-weight:700;color:#fff}
.rx .rx-counter span{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim2)}
.rx .rx-counter-reg b{color:var(--gold)}
.rx .rx-counter-reg span{color:var(--gold2)}
.rx .rx-i-arr{width:14px;height:14px}

/* section nav (scroll buttons, no fragment links) */
.rx .rx-secnav{position:sticky;top:56px;z-index:20;margin:26px 0 0;background:rgba(5,9,20,.86);border:1px solid rgba(233,238,247,.08);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rx .rx-secnav-in{display:flex;gap:4px;padding:5px;overflow-x:auto;scrollbar-width:none}
.rx .rx-secnav-in::-webkit-scrollbar{display:none}
.rx .rx-secnav-b{flex:none;padding:8px 13px;border:0;border-radius:8px;background:none;color:var(--dim);font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer}
.rx .rx-secnav-b:hover,.rx .rx-secnav-b.is-on{background:rgba(255,210,63,.1);color:var(--gold)}

/* sections */
.rx .rx-sec{margin-top:56px;scroll-margin-top:120px}
/* below the fold: the browser skips laying out a section until it is near the screen (the first layout stays small) */
.rx .rx-sec{content-visibility:auto;contain-intrinsic-size:auto 760px}
.rx .rx-sec h2{font-size:clamp(19px,2vw,24px);font-weight:700;color:var(--gold2);letter-spacing:.4px}
.rx .rx-eyebrow2{font-family:'Orbitron','JetBrains Mono',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.rx .rx-lede{margin-top:10px;max-width:820px;font-size:14px;line-height:1.75;color:var(--dim)}
.rx .rx-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.rx .rx-chipbtn{padding:6px 12px;border-radius:20px;border:1px solid rgba(233,238,247,.16);background:rgba(13,18,34,.6);color:var(--dim);font-size:10.5px;font-weight:700;letter-spacing:.5px;cursor:pointer}
.rx .rx-chipbtn[aria-pressed=true]{border-color:rgba(255,210,63,.5);background:rgba(255,210,63,.1);color:var(--gold)}

/* the runway */
.rx .rx-runway{position:relative;margin-top:16px;border-radius:14px;background:linear-gradient(180deg,rgba(13,18,34,.75),rgba(8,12,25,.75));border:1px solid rgba(233,238,247,.08);overflow:hidden}
.rx .rx-runway svg{width:100%;height:100%}
.rx .rx-rw-lane{cursor:pointer}
.rx .rx-rw-lane:hover .rx-rw-hl,.rx .rx-rw-lane.is-sel .rx-rw-hl{opacity:1}
.rx .rx-rw-hl{opacity:0;transition:opacity .2s}
.rx .rx-rw-bar{transition:x .9s cubic-bezier(.2,.8,.2,1),width .9s cubic-bezier(.2,.8,.2,1)}
.rx .rx-rw-dot{transition:cx .9s cubic-bezier(.2,.8,.2,1)}

/* the board */
.rx .rx-board-wrap{margin-top:14px;border-radius:14px;border:1px solid rgba(233,238,247,.08);overflow:hidden;background:rgba(9,13,27,.55)}
.rx .rx-board{width:100%;border-collapse:collapse;font-size:13px}
.rx .rx-board thead th{padding:10px 12px;text-align:left;font-size:9.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim2);border-bottom:1px solid rgba(233,238,247,.08)}
.rx .rx-board .rx-grp th{padding:9px 12px 5px;text-align:left;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold2);background:rgba(255,210,63,.035)}
.rx .rx-board td{padding:10px 12px;border-top:1px solid rgba(233,238,247,.05);vertical-align:middle;color:var(--ink)}
.rx .rx-board tr[data-id]{transition:background .15s}
.rx .rx-board tr[data-id]:hover,.rx .rx-board tr.is-sel{background:rgba(255,210,63,.05)}
.rx .rx-board td small{display:block;margin-top:2px;font-size:11px;color:var(--dim2)}
.rx .rx-board .rx-b-o a{color:#fff;font-weight:600}
.rx .rx-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);font-size:10px;font-weight:700}
.rx .rx-num.is-soon{border-color:var(--red);color:var(--red)}
.rx .rx-b-w{white-space:nowrap;color:var(--amber)}
.rx .rx-wbar{display:block;height:4px;width:70px;margin-bottom:5px;border-radius:2px;background:rgba(255,177,92,.12);position:relative;overflow:hidden}
.rx .rx-wbar::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:var(--w);transform:translateX(-50%);border-radius:2px;background:linear-gradient(90deg,#ff7a3c,#ffe9be,#ff7a3c)}
.rx .rx-b-p{color:var(--dim)}
.rx .rx-more{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid rgba(96,234,254,.25);background:rgba(96,234,254,.05);color:var(--cyan);font-size:10.5px;font-weight:700;letter-spacing:.4px;cursor:pointer;white-space:nowrap}
.rx .rx-more svg{width:13px;height:13px;transition:transform .2s}
.rx .rx-more[aria-expanded=true] svg{transform:rotate(180deg)}

/* the drawer: one object's forecast history */
.rx .rx-drawer{margin-top:12px;padding:18px;border-radius:14px;background:var(--card);border:1px solid rgba(255,210,63,.18)}
.rx .rx-dr-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px}
.rx .rx-dr-h h3{font-size:15px;font-weight:700;color:#fff}
.rx .rx-dr-k{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold2)}
.rx .rx-dr-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;margin-top:12px}
.rx .rx-conv{width:100%;height:240px}
.rx .rx-dr-cap{margin-top:6px;font-size:12px;color:var(--dim);line-height:1.6}
.rx .rx-dr-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rx .rx-dr-fig{padding:10px 11px;border-radius:10px;background:rgba(5,9,20,.55);border:1px solid rgba(233,238,247,.06)}
.rx .rx-dr-fig b{display:block;font-size:14px;font-weight:700;color:#fff}
.rx .rx-dr-fig span{font-size:10.5px;color:var(--dim2)}
.rx .rx-dr-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

/* last 48 hours */
.rx .rx-recent{list-style:none;padding:0;margin-top:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px}
.rx .rx-rc{padding:14px 15px;border-radius:12px;background:var(--card);border:1px solid rgba(233,238,247,.08)}
.rx .rx-rc-h{display:flex;align-items:center;gap:8px}
.rx .rx-rc-h a{color:#fff;font-weight:600;font-size:14px}
.rx .rx-rc-h .rx-type-i{width:17px;height:17px}
.rx .rx-rc-k{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--dim2)}
.rx .rx-rc-t{margin-top:7px;font-size:12px;line-height:1.6;color:var(--dim)}
.rx .rx-rc-s{margin-top:9px}
.rx .rx-reg{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.4px;color:var(--gold)}
.rx .rx-reg svg{width:13px;height:13px}
.rx .rx-st{display:inline-block;padding:3px 9px;border-radius:12px;font-size:9.5px;font-weight:700;letter-spacing:.8px}
.rx .rx-st-wait{border:1px solid rgba(96,234,254,.3);color:var(--cyan);background:rgba(96,234,254,.06)}
.rx .rx-st-ok{border:1px solid rgba(255,210,63,.35);color:var(--gold);background:rgba(255,210,63,.07)}
.rx .rx-bridge{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-top:14px;align-items:stretch}
.rx .rx-bridge-a{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:12px;background:linear-gradient(135deg,rgba(255,210,63,.09),rgba(255,210,63,.02));border:1px solid rgba(255,210,63,.25);color:var(--ink);font-size:13px;line-height:1.55}
.rx .rx-bridge-a b{font-family:'Orbitron','JetBrains Mono',sans-serif;font-size:20px;color:var(--gold)}
.rx .rx-bridge-a svg{width:16px;height:16px;flex:none;color:var(--gold)}
.rx .rx-lookup{padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid rgba(233,238,247,.08)}
.rx .rx-lookup label,.rx .rx-loc label{display:block;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim2);margin-bottom:7px}
.rx .rx-lookup-row,.rx .rx-loc-row{display:flex;gap:8px}
.rx input[type=text],.rx input:not([type]),.rx input[inputmode]{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(233,238,247,.16);background:rgba(5,9,20,.75);color:#fff;font-family:'JetBrains Mono',monospace;font-size:13px}
.rx input:focus{outline:none;border-color:rgba(255,210,63,.6)}

/* is it over me */
.rx .rx-loc{position:relative;max-width:620px;margin-top:18px}
.rx .rx-ac{position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:4px;list-style:none;padding:4px;border-radius:10px;background:#0b1124;border:1px solid rgba(233,238,247,.16);box-shadow:0 14px 40px rgba(0,0,0,.5)}
.rx .rx-ac li{padding:8px 10px;border-radius:7px;font-size:13px;color:var(--ink);cursor:pointer}
.rx .rx-ac li[aria-selected=true],.rx .rx-ac li:hover{background:rgba(255,210,63,.1)}
.rx .rx-over-res{margin-top:16px}
.rx .rx-or{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.rx .rx-or-i{padding:12px 13px;border-radius:12px;background:var(--card);border:1px solid rgba(233,238,247,.08)}
.rx .rx-or-i.is-see{border-color:rgba(76,255,142,.45);box-shadow:0 0 0 1px rgba(76,255,142,.12)}
.rx .rx-or-i.is-near{border-color:rgba(255,210,63,.35)}
.rx .rx-or-n{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff;font-weight:600}
.rx .rx-or-v{margin-top:7px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.rx .rx-or-i.is-see .rx-or-v{color:var(--green)}
.rx .rx-or-i.is-near .rx-or-v{color:var(--gold)}
.rx .rx-or-i.is-not .rx-or-v{color:var(--dim2)}
.rx .rx-or-d{margin-top:5px;font-size:12px;line-height:1.6;color:var(--dim)}
.rx .rx-or-k{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--dim2);text-transform:uppercase}
.rx .rx-alerts{margin-top:22px;padding:18px;border-radius:14px;background:linear-gradient(135deg,rgba(255,122,92,.07),rgba(13,18,34,.7));border:1px solid rgba(255,122,92,.22)}
.rx .rx-alerts h3{font-size:14px;font-weight:700;color:#fff;margin-bottom:10px}
.rx .rx-check{display:flex;align-items:flex-start;gap:9px;margin-top:7px;font-size:13px;color:var(--dim);cursor:pointer}
.rx .rx-check input{margin-top:3px;accent-color:#ffb15c}
.rx .rx-alerts-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rx .rx-note{margin-top:10px;font-size:12px;color:var(--cyan)}

/* forecast accuracy */
.rx .rx-acc-chart{margin-top:16px;height:300px;border-radius:14px;background:linear-gradient(180deg,rgba(13,18,34,.75),rgba(8,12,25,.75));border:1px solid rgba(233,238,247,.08)}
.rx .rx-acc-chart svg{width:100%;height:100%}
.rx .rx-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.rx .rx-tile{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:12px;background:var(--card);border:1px solid rgba(233,238,247,.08)}
.rx .rx-tile-k{font-size:9.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold2)}
.rx .rx-tile b{font-size:24px;font-weight:700;color:#fff;margin-top:4px}
.rx .rx-tile-l{font-size:11px;color:var(--dim2)}
.rx .rx-tile-h{display:flex;flex-direction:column;gap:5px;margin-top:8px;font-size:11.5px;color:var(--dim)}
.rx .rx-tile-h i{display:block;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--green) var(--p),rgba(233,238,247,.1) var(--p))}
.rx .rx-method{margin-top:12px;font-size:12px;color:var(--dim2);line-height:1.6}

/* learn */
.rx .rx-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;margin-top:14px;align-items:start}
.rx .rx-prose p{font-size:14px;line-height:1.8;color:var(--dim);margin-top:12px}
.rx .rx-prose p:first-child{margin-top:0}
.rx .rx-prose strong{color:var(--gold2);font-weight:600}
.rx .rx-prose-w{max-width:860px;margin-top:14px}
.rx .rx-vs{width:100%;border-collapse:collapse;font-size:12.5px;border-radius:12px;overflow:hidden;background:var(--card);border:1px solid rgba(233,238,247,.08)}
.rx .rx-vs caption{text-align:left;padding:0 2px 8px;font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold2)}
.rx .rx-vs th,.rx .rx-vs td{padding:9px 11px;text-align:left;border-top:1px solid rgba(233,238,247,.06)}
.rx .rx-vs thead th{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--dim2);border-top:0}
.rx .rx-vs tbody th{font-weight:600;color:var(--dim2);font-size:11.5px}
.rx .rx-vs td{color:var(--ink)}
.rx .rx-surv{list-style:none;padding:0;margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.rx .rx-surv-i{padding:13px;border-radius:12px;background:var(--card);border:1px solid rgba(233,238,247,.08);border-top:2px solid rgba(255,107,107,.6)}
.rx .rx-surv-i.is-p{border-top-color:rgba(255,210,63,.7)}
.rx .rx-surv-i.is-s{border-top-color:rgba(76,255,142,.7)}
.rx .rx-surv-i b{font-size:13px;color:#fff;font-weight:600}
.rx .rx-surv-r{display:block;margin-top:5px;font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--red)}
.rx .rx-surv-i.is-p .rx-surv-r{color:var(--gold)}
.rx .rx-surv-i.is-s .rx-surv-r{color:var(--green)}
.rx .rx-surv-i p{margin-top:7px;font-size:12px;line-height:1.6;color:var(--dim)}
.rx .or-lib-faq{margin-top:16px}
.rx .or-lib-faq-q .chevron{display:inline-flex;width:16px;height:16px;flex:none;margin-left:12px}
.rx .or-lib-faq-q .chevron svg{width:16px;height:16px}

/* newsrooms */
.rx .rx-embed{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;margin-top:16px;align-items:start}
.rx .rx-badge{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;background:linear-gradient(160deg,#0a0f22,#170b10);border:1px solid rgba(255,107,107,.3);box-shadow:0 10px 40px rgba(0,0,0,.4)}
.rx .rx-badge-k{font-size:9.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold2)}
.rx .rx-badge-n{font-size:17px;font-weight:700;color:#fff}
.rx .rx-badge-cd{display:flex;font-size:26px;font-weight:700;color:var(--red)}
.rx .rx-badge-cd .rx-cd-d{width:1.62em}
.rx .rx-badge-w{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--amber)}
.rx .rx-badge-w i{display:block;width:60px;height:4px;border-radius:2px;background:linear-gradient(90deg,#ff7a3c,#ffe9be,#ff7a3c)}
.rx .rx-badge-by{font-size:9.5px;color:var(--dim2);letter-spacing:.6px}
.rx .rx-embed-r p{font-size:13px;line-height:1.7;color:var(--dim)}
.rx .rx-code{margin-top:10px;padding:12px;border-radius:10px;background:rgba(5,9,20,.8);border:1px solid rgba(233,238,247,.1);font-family:'JetBrains Mono',monospace;font-size:11.5px;line-height:1.6;color:var(--cyan);white-space:pre-wrap;word-break:break-all}
.rx .rx-embed-b{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.rx .rx-cite{margin-top:12px;font-size:12px!important}
.rx .rx-cite b{color:var(--gold2)}
.rx .rx-related{margin-top:56px}
.rx .rx-related .or-lib-card-arrow svg{width:16px;height:16px}

/* ── tablets ── */
@media (max-width:1100px){
  .rx .rx-panel{width:380px}
  .rx .rx-foot{max-width:calc(100% - 460px)}
  .rx .rx-key ul{grid-template-columns:1fr}
  .rx .rx-tiles{grid-template-columns:repeat(2,1fr)}
  .rx .rx-surv{grid-template-columns:repeat(2,1fr)}
  .rx .rx-dr-grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  .rx .rx-cols,.rx .rx-embed,.rx .rx-bridge{grid-template-columns:1fr}
  .rx .rx-counters{grid-template-columns:repeat(2,1fr)}
  .rx .rx-counter:first-child{border-radius:0}.rx .rx-counter:last-child{border-radius:0 0 14px 0}.rx .rx-counter:nth-child(3){border-radius:0 0 0 14px}
}
/* ── phones: the map first, then the panel under it ── */
@media (max-width:760px){
  .rx .rx-hero{width:auto;margin-left:-16px;margin-right:-16px}
  .rx .rx-stage-wrap{height:auto;overflow:visible;border:0;background:none}
  .rx .rx-mapbox{position:relative;inset:auto;order:2;height:72vw;min-height:280px;max-height:440px;border-top:1px solid rgba(96,234,254,.1);border-bottom:1px solid rgba(96,234,254,.1);overflow:hidden;background:#050a17}
  .rx .rx-stage::after{background:linear-gradient(0deg,rgba(5,10,23,.55) 0,rgba(5,10,23,0) 30%)}
  .rx .rx-panel{position:relative;top:auto;left:auto;width:auto;max-width:none;padding:0 16px;margin-top:-1px}
  .rx .rx-stage-wrap{display:flex;flex-direction:column}
  .rx .rx-panel{order:1;padding-top:6px;padding-bottom:16px}
  .rx h1{font-size:28px}
  .rx .rx-ui{top:10px;right:10px;left:10px;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;z-index:4}
  .rx .rx-ui .rx-seg{margin-right:auto}
  .rx .rx-lw{display:none}
  .rx .rx-seg-b,.rx .rx-ui .rx-btn{padding:8px 11px}
  .rx .rx-foot{position:relative;right:auto;bottom:auto;display:block;max-width:none;order:3}
  .rx .rx-key{margin:10px 16px 0;max-width:none}
  .rx .rx-key ul{grid-template-columns:1fr 1fr}
  .rx .rx-watermark{display:none}
  .rx .rx-showing{top:auto;right:auto;left:10px;bottom:10px;max-width:calc(100% - 20px)}
  .rx .rx-key li{white-space:normal}
  .rx .rx-counters{padding:0 16px;margin-top:12px}
  .rx .rx-counter{border-top:1px solid rgba(233,238,247,.08)}
  .rx .rx-counter:first-child{border-radius:14px 0 0 0}.rx .rx-counter:nth-child(2){border-radius:0 14px 0 0}.rx .rx-counter:nth-child(3){border-radius:0 0 0 14px}.rx .rx-counter:last-child{border-radius:0 0 14px 0}
  .rx .rx-counter b{font-size:22px}
  .rx .rx-cd{font-size:32px}
  .rx .rx-cd-l span{width:calc(1.62 * 32px + 4px)}
  .rx .rx-board thead{display:none}
  .rx .rx-board,.rx .rx-board tbody{display:block}
  .rx .rx-board tr[data-id]{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:2px 10px;padding:11px 12px;border-top:1px solid rgba(233,238,247,.06)}
  .rx .rx-board tr.rx-grp{display:block}
  .rx .rx-board .rx-grp th{display:block}
  .rx .rx-board td{padding:0;border:0}
  .rx .rx-b-n{grid-row:1/3}
  .rx .rx-b-o{grid-column:2/4}
  .rx .rx-b-t{grid-column:2}
  .rx .rx-b-w{grid-column:3;text-align:right}
  .rx .rx-b-p{display:none}
  .rx .rx-b-x{grid-column:2/4;margin-top:6px}
  .rx .rx-tiles{grid-template-columns:1fr 1fr}
  .rx .rx-surv{grid-template-columns:1fr 1fr}
  .rx .rx-secnav{top:52px}
  .rx .rx-acc-chart{height:260px}
  .rx .rx-dr-facts{grid-template-columns:1fr 1fr}
  .rx .rx-conv{height:220px}
}
@media (prefers-reduced-motion:reduce){.rx .rx-live-dot{animation:none}.rx .rx-rw-bar,.rx .rx-rw-dot{transition:none}}

/* light mode: the map stage stays dark (it is a picture of Earth); the reading sections follow the site */
html.or-light-mode .rx .rx-sec{--ink:#141a2e;--dim:rgba(20,26,46,.78);--dim2:rgba(20,26,46,.6);--card:rgba(255,255,255,.85)}
html.or-light-mode .rx .rx-sec h2{color:#8a6a00}
html.or-light-mode .rx .rx-board .rx-b-o a,html.or-light-mode .rx .rx-rc-h a,html.or-light-mode .rx .rx-surv-i b,html.or-light-mode .rx .rx-tile b,html.or-light-mode .rx .rx-or-n{color:#141a2e}

/* svg text in the runway and charts (site fonts in their roles) */
.rx .rx-rw-day{font-size:10px;fill:rgba(233,238,247,.62);letter-spacing:.8px}
.rx .rx-rw-now,.rx .rx-ax-now{font-size:9.5px;fill:#60eafe;letter-spacing:1.2px}
.rx .rx-rw-num{font-size:10px;fill:#ffd23f}
.rx .rx-rw-num.is-soon{fill:#ff6b6b}
.rx .rx-rw-name{font-size:12px;fill:#e9eef7}
.rx .rx-rw-name-s{font-size:11px;fill:rgba(233,238,247,.85)}
.rx .rx-rw-t{font-size:10.5px;fill:rgba(255,190,120,.9)}
.rx .rx-rw-lane:focus{outline:none}
.rx .rx-rw-lane:focus-visible .rx-rw-hl{opacity:1;stroke:#ffd23f}
.rx .rx-ax{font-size:10.5px;fill:rgba(233,238,247,.55)}
.rx .rx-ax-l{fill:#ffd23f;font-size:11px}
.rx .rx-ax-v{font-size:12px;fill:#fff}
.rx .rx-ax-c{font-size:10.5px;fill:#ffe060;letter-spacing:.6px}
.rx .rx-ax-h{fill:#4cff8e}
.rx .rx-cd-passed{font-family:'Orbitron','JetBrains Mono',sans-serif;font-size:22px;color:var(--amber);letter-spacing:.5px}
.rx .rx-lt{font-size:11.5px;color:var(--dim2);font-weight:400}
/* the site's own blocks at the foot of this page: laid out when scrolled near, so the first layout stays small */
#or-fuel-strip,.or-lib-footer,.or-lib-related.rx-related{content-visibility:auto;contain-intrinsic-size:auto 520px}
@media (max-width:420px){.rx .rx-key ul{grid-template-columns:1fr}}
.rx .rx-lt-b{display:block;margin-top:2px}
.rx .rx-next{position:relative}
.rx .rx-share{position:absolute;top:12px;right:12px;padding:7px 9px}
@media (max-width:760px){.rx .rx-mapbox{height:96vw;max-height:480px}}
/* the headline-event flag (D9 tier 1) */
.rx .rx-event{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center;margin-bottom:16px;padding:11px 14px;border-radius:12px;background:linear-gradient(135deg,rgba(255,107,107,.16),rgba(255,177,92,.08));border:1px solid rgba(255,107,107,.45);color:var(--ink);box-shadow:0 8px 30px rgba(255,80,60,.12)}
.rx .rx-event:hover{border-color:rgba(255,107,107,.75)}
.rx .rx-event-demo{grid-column:1/-1;font-size:10px;color:var(--dim2);letter-spacing:.4px}
.rx .rx-event-k{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--red)}
.rx .rx-event b{font-size:14px;font-weight:700;color:#fff;letter-spacing:.3px}
.rx .rx-event-s{grid-column:1/-1;font-size:12px;color:var(--dim)}
.rx .rx-event-go{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.5px}
.rx .rx-event-go svg{width:13px;height:13px}
.rx .rx-risk{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:14px 0 4px;padding:12px 14px;border-radius:12px;background:rgba(96,234,254,.05);border:1px solid rgba(96,234,254,.18);font-size:13px;color:var(--dim)}
.rx .rx-risk-k{font-size:13px;font-weight:700;color:var(--cyan);letter-spacing:.3px}
/* the H1 keeps the live page's text exactly (accent line inside it); the LIVE pill sits beside the accent */
.rx .rx-titles{position:relative}
.rx .rx-titles .rx-live{position:absolute;left:0;top:0;color:var(--red);font-weight:700;text-transform:uppercase;line-height:15px}
.rx h1 .re-h1-accent{display:block;padding-left:76px;margin-bottom:12px;font-size:11px;font-weight:700;line-height:23px;letter-spacing:2.2px;text-transform:uppercase;color:var(--red);text-shadow:none}
.rx .rx-titles h1{margin-top:0}
.rx .rx-lookup-more{margin-top:8px;font-size:12px;color:var(--dim2)}
/* the accuracy chart's key, under the chart (wraps on a phone) */
.rx .rx-acc-key{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;font-size:11.5px;color:var(--dim2)}
.rx .rx-acc-key span{display:inline-block;flex:none}
.rx .rx-k-box{width:14px;height:10px;border-radius:3px;background:rgba(255,177,92,.22);border:1px solid rgba(255,177,92,.7)}
.rx .rx-k-dot{width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #ffb15c}
.rx .rx-k-win{width:14px;height:10px;border-radius:3px;border:1px dashed rgba(96,234,254,.55)}
/* the drawer's links may wrap; timeline labels carry a dark outline so dots and lines never cut through them */
.rx .rx-dr-links .rx-btn{white-space:normal;max-width:100%;text-align:left;line-height:1.35}
.rx .rx-rw-t,.rx .rx-rw-day{paint-order:stroke;stroke:#070b18;stroke-width:3.5px;stroke-linejoin:round}
/* the other objects on the map: numbered markers (HTML, so they use the site font), red inside 24 h, gold beyond */
.rx .rxm-mks{position:absolute;inset:0;pointer-events:none;z-index:1}
.rx .rxm-mk{position:absolute;left:-10px;top:-10px;width:20px;height:20px;box-sizing:border-box;border-radius:50%;background:rgba(6,10,22,.82);border:1.6px solid rgba(255,210,63,.95);color:#ffd23f;font-size:10px;font-weight:700;line-height:17px;text-align:center;will-change:transform}
.rx .rxm-mk.is-soon{border-color:rgba(255,107,107,.95);color:#ff6b6b}
/* the light/dark toggle's drawn sun and moon (site chrome: the same change belongs site-wide) */
#or-theme-toggle svg{display:block;margin:auto;color:#ffd23f}
html.or-light-mode #or-theme-toggle svg{color:#3a4a6e}
/* ── the featured card, lighter on text: the window gauge, two fact tiles, two status pills ── */
.rx .rx-gauge{margin-top:12px}
.rx .rx-g-bar{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,rgba(255,122,60,.22),#ffb15c 26%,#ffe9be 50%,#ffb15c 74%,rgba(255,122,60,.22));box-shadow:0 0 16px rgba(255,177,92,.22)}
.rx .rx-g-pt{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,#ffd68c 58%,#ff7a3c 100%);box-shadow:0 0 0 2px #ffd23f,0 0 14px rgba(255,210,63,.75)}
/* now: a full-width layer slid with a transform (the compositor moves it; no layout), its line at the left edge */
.rx .rx-g-track{position:absolute;left:-2px;right:-2px;top:-7px;bottom:-7px;overflow:hidden;pointer-events:none}   /* clips the slid layer: it must never widen the page */
.rx .rx-g-now{position:absolute;top:0;bottom:0;left:2px;right:2px;transition:transform .9s linear;will-change:transform}
.rx .rx-g-now b{position:absolute;left:-1px;top:1px;width:2px;height:18px;border-radius:1px;background:var(--cyan);box-shadow:0 0 8px rgba(96,234,254,.9)}
@media (prefers-reduced-motion:reduce){.rx .rx-g-now{transition:none}}
.rx .rx-g-ends{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:8px;font-size:10.5px;color:var(--dim2)}
.rx .rx-g-st{color:var(--cyan);text-align:center}
.rx .rx-facts2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px;margin-top:14px}
.rx .rx-f2{display:flex;flex-direction:column;gap:7px;min-width:0;padding:10px 11px;border-radius:11px;background:rgba(233,238,247,.035);border:1px solid rgba(233,238,247,.08);color:inherit;text-decoration:none}
.rx .rx-f2-k{font-size:8.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim2)}
.rx .rx-f2-v{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.35;color:var(--ink)}
.rx .rx-f2-v svg{width:18px;height:18px;flex:none;margin-top:-1px;color:var(--cyan)}
.rx .rx-f2-conf{transition:border-color .2s,background .2s}
.rx .rx-f2-row{display:flex;align-items:center;gap:10px}
.rx .rx-f2-v2{font-size:11.5px;line-height:1.3;color:var(--ink)}
.rx .rx-f2-conf:hover{border-color:rgba(76,255,142,.38);background:rgba(76,255,142,.05)}
.rx .rx-f2-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.rx .rx-f2-s{font-size:10.5px;line-height:1.4;color:var(--dim)}
/* the ring: drawn on its own layer, its middle cut out, the figure on top */
.rx .rx-ring{--p:0;position:relative;flex:none;width:40px;height:40px;display:grid;place-items:center}
.rx .rx-ring::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p) * 1%),rgba(233,238,247,.13) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4.5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4.5px),#000 calc(100% - 4px));filter:drop-shadow(0 0 5px rgba(76,255,142,.35))}
.rx .rx-ring b{position:relative;font-size:10px;font-weight:700;color:var(--ink);letter-spacing:.2px}
.rx .rx-upd{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.rx .rx-st2{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:12px;background:rgba(233,238,247,.05);border:1px solid rgba(233,238,247,.1);font-size:10.5px;color:var(--dim)}
.rx .rx-st2 svg{width:12px;height:12px;flex:none}
.rx .rx-st2.is-warn{color:var(--amber);border-color:rgba(255,177,92,.36);background:rgba(255,177,92,.08)}
.rx .rx-st2.is-final{color:var(--green);border-color:rgba(76,255,142,.3);background:rgba(76,255,142,.06)}
.rx .rx-st2.is-wait{color:var(--gold2);border-color:rgba(255,224,96,.32);background:rgba(255,224,96,.07)}
/* phones: the two tiles stacked, each on one or two lines */
@media (max-width:520px){.rx .rx-facts2{grid-template-columns:1fr;gap:7px}.rx .rx-f2{padding:9px 11px}.rx .rx-f2-conf .rx-f2-t{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:8px}
  .rx .rx-upd .rx-st2+.rx-st2{display:none}   /* the data time is already in the answer sentence above */}
/* ── the 7-day section, revamped: chips with counts, the timeline's text, its key, and the list ── */
.rx .rx-cn{display:inline-block;min-width:18px;margin-left:7px;padding:1px 6px;border-radius:9px;background:rgba(233,238,247,.08);font-size:9.5px;line-height:1.5;color:var(--dim);text-align:center}
.rx .rx-chipbtn[aria-pressed=true] .rx-cn{background:rgba(255,210,63,.18);color:var(--gold)}
.rx .rx-chipbtn:disabled{opacity:.4;cursor:default}
.rx .rx-runway{background:radial-gradient(120% 140% at 50% 0,rgba(22,30,58,.55),rgba(8,12,25,.85) 70%),linear-gradient(180deg,rgba(13,18,34,.75),rgba(8,12,25,.75));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 14px 40px rgba(0,0,0,.25)}
.rx .rx-rw-day{font-size:10px;fill:rgba(233,238,247,.68);letter-spacing:1px}
.rx .rx-rw-day.is-today{fill:#60eafe}
.rx .rx-rw-cnt{font-size:9px;fill:#ffd23f}
.rx .rx-rw-now{font-size:8.5px;fill:#60eafe;letter-spacing:1.4px}
.rx .rx-rw-name{font-size:12px;fill:#f2f5fb;font-weight:600}
.rx .rx-rw-sub{font-size:10px;fill:rgba(233,238,247,.5)}
.rx .rx-rw-ic{color:#ffd23f}
.rx .rx-rw-ic.is-soon{color:#ff6b6b}
.rx .rx-rw-t{font-size:10.5px}
.rx .rx-rw-tt{fill:#f2f5fb;font-weight:600}
.rx .rx-rw-tw{fill:#ffb15c}
.rx .rx-rw-acc{opacity:0;transition:opacity .2s}
.rx .rx-rw-lane:hover .rx-rw-acc,.rx .rx-rw-lane.is-sel .rx-rw-acc{opacity:1}
.rx .rx-rw-key{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 4px 0;padding:0;list-style:none;font-size:11px;color:var(--dim)}
.rx .rx-rw-key li{display:inline-flex;align-items:center;gap:8px}
.rx .rx-rw-key a{color:var(--cyan)}
.rx .rx-kk{display:inline-block;flex:none}
.rx .rx-kk-bar{width:30px;height:8px;border-radius:4px;background:linear-gradient(90deg,rgba(255,177,92,.25),#ffe9be,rgba(255,177,92,.25));box-shadow:0 0 9px rgba(255,177,92,.45)}
.rx .rx-kk-bar.is-soon{background:linear-gradient(90deg,rgba(255,107,107,.3),#ffd0a0,rgba(255,107,107,.3));box-shadow:0 0 9px rgba(255,107,107,.45)}
.rx .rx-kk-pt{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #ffd23f,0 0 8px rgba(255,210,63,.6)}
.rx .rx-kk-prev{width:24px;height:8px;background:radial-gradient(circle,rgba(8,12,26,.95) 0 1.8px,rgba(233,238,247,.6) 2.1px 3.1px,transparent 3.4px) 0 50%/12px 8px repeat-x}
.rx .rx-kk-now{width:2px;height:14px;border-radius:1px;background:#60eafe;box-shadow:0 0 6px #60eafe}
.rx .rx-kk-night{width:16px;height:12px;border-radius:3px;background:rgba(52,72,170,.45)}
.rx .rx-board .rx-grp th{display:table-cell}
.rx .rx-grp-n{float:right;font-size:9px;letter-spacing:.9px;color:var(--dim2)}
.rx .rx-b-name{display:flex;align-items:center;gap:8px}
.rx .rx-b-name .rx-type-i{display:inline-flex;width:15px;height:15px;flex:none;color:var(--gold)}
.rx .rx-b-name .rx-type-i.is-soon{color:var(--red)}
.rx .rx-b-name .rx-type-i svg{width:15px;height:15px}
.rx .rx-board .rx-b-o small{margin-left:23px}
.rx .rx-b-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.rx .rx-in{display:inline-block;padding:1px 8px;border-radius:9px;background:rgba(96,234,254,.07);border:1px solid rgba(96,234,254,.22);color:var(--cyan);font-size:10.5px;line-height:1.5}
.rx .rx-inwin{display:inline-flex;align-items:center;gap:6px;padding:1px 8px;border-radius:9px;background:rgba(96,234,254,.16);color:#c6f7ff;font-size:10.5px;line-height:1.5}
.rx .rx-inwin[hidden]{display:none!important}
.rx .rx-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#60eafe;animation:rxPing 1.6s ease-out infinite}
@keyframes rxPing{0%{box-shadow:0 0 0 0 rgba(96,234,254,.6)}100%{box-shadow:0 0 0 7px rgba(96,234,254,0)}}
.rx .rx-b-w{white-space:nowrap}
.rx .rx-wcap{display:block;position:relative;width:86px;height:8px;margin-bottom:7px;border-radius:4px;background:rgba(255,177,92,.08)}
.rx .rx-wcap i{position:absolute;left:50%;top:0;bottom:0;width:var(--w);min-width:8px;transform:translateX(-50%);border-radius:4px;background:linear-gradient(90deg,rgba(255,177,92,.3),#ffe9be,rgba(255,177,92,.3));box-shadow:0 0 9px rgba(255,177,92,.4)}
.rx .rx-wcap.is-soon i{background:linear-gradient(90deg,rgba(255,107,107,.32),#ffd0a0,rgba(255,107,107,.32));box-shadow:0 0 9px rgba(255,107,107,.4)}
.rx .rx-wcap i::after{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #ffd23f}
.rx .rx-wcap.is-soon i::after{box-shadow:0 0 0 1.5px #ff6b6b}
.rx .rx-b-place{display:inline-flex;align-items:flex-start;gap:7px}
.rx .rx-b-place svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--cyan)}
@media (prefers-reduced-motion:reduce){.rx .rx-pulse{animation:none}}
@media (max-width:760px){
  .rx .rx-rw-key{gap:7px 14px;font-size:10.5px}
  .rx .rx-board .rx-grp th{display:block}
  .rx .rx-b-p{display:block;grid-column:2/4;margin-top:6px}
  .rx .rx-board .rx-b-o small{margin-left:0}
}
/* the forecast-history drawer, in the timeline's look */
.rx .rx-cv-key{margin:8px 0 0}
.rx .rx-kk-vbar{width:8px;height:22px;border-radius:4px;background:linear-gradient(180deg,rgba(255,177,92,.25),#ffe9be,rgba(255,177,92,.25));box-shadow:0 0 8px rgba(255,177,92,.45)}
.rx .rx-kk-latest{width:26px;height:0;border-top:1.5px dashed rgba(255,210,63,.75)}
.rx .rx-cv-l{font-size:10.5px}
.rx .rx-cv-lk{fill:rgba(233,238,247,.55)}
.rx .rx-dr-cap b{color:var(--amber);font-weight:600}
.rx .rx-rw-month{font-size:9.5px;fill:rgba(255,224,96,.75);letter-spacing:1.4px}
/* ── size and weight: a simple outline drawn to scale beside a person and a car, the weight, a familiar thing of about the
   same weight, and what happens to it on the way down (the card's last plate, and the forecast-history drawer) ── */
.rx .rx-size{margin-top:14px;padding:10px 11px 8px;border-radius:11px;background:rgba(233,238,247,.035);border:1px solid rgba(233,238,247,.08)}
.rx .rx-size-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.rx .rx-size-k{font-size:8.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim2);white-space:nowrap}
.rx .rx-fate{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 7px;border-radius:10px;border:1px solid;font-size:10px;line-height:1.5;white-space:nowrap;text-decoration:none}
.rx .rx-fate:hover{text-decoration:none;filter:brightness(1.15)}
.rx .rx-fate svg{width:11px;height:11px;flex:none}
.rx .rx-fate.is-ok{color:var(--green);border-color:rgba(76,255,142,.3);background:rgba(76,255,142,.06)}
.rx .rx-fate.is-warn{color:var(--amber);border-color:rgba(255,177,92,.36);background:rgba(255,177,92,.08)}
.rx .rx-size-fig{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:5px}
.rx .rx-size-fig b{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700;letter-spacing:.4px;color:#fff;white-space:nowrap}
.rx .rx-size-fig span{font-size:11.5px;line-height:1.35;color:var(--dim)}
.rx .rx-size .rx-sz-svg{width:100%;max-width:340px;height:auto;margin-top:6px}
.rx .rx-size-est{padding:1px 4px;border-radius:4px;border:1px solid rgba(255,177,92,.45);font-size:7.5px;font-style:normal;letter-spacing:.8px;text-transform:uppercase;color:var(--amber)}
.rx .rx-sz-ground{stroke:rgba(233,238,247,.2);stroke-width:1;stroke-dasharray:2 3}
.rx .rx-sz-body{fill:rgba(255,210,63,.17);stroke:#ffd23f;stroke-width:1.1;stroke-linejoin:round}
.rx .rx-sz-ring{fill:none;stroke:rgba(255,210,63,.55);stroke-width:.8}
.rx .rx-sz-pan{fill:rgba(55,211,236,.15);stroke:rgba(96,234,254,.78);stroke-width:.9}
.rx .rx-sz-cell{fill:none;stroke:rgba(96,234,254,.38);stroke-width:.6}
.rx .rx-sz-boom{fill:rgba(255,210,63,.75)}
.rx .rx-sz-ref{fill:#626b7e}
.rx .rx-sz-wheel{fill:#2b3142;stroke:#626b7e;stroke-width:1}
.rx .rx-sz-dim{fill:none;stroke:rgba(255,210,63,.5);stroke-width:1}
.rx svg .rx-sz-dimt{font-size:10px;fill:var(--gold)}
/* in the drawer: the plate sits under the chart's caption */
.rx .rx-drawer .rx-size{margin-top:14px;max-width:364px}
.rx .rx-dr-fig.is-wide{grid-column:1/-1}
/* the week's total weight, beside the filter chips */
.rx .rx-filters-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:18px}
.rx .rx-filters-row .rx-filters{margin-top:0}
.rx .rx-tonnes{display:inline-flex;align-items:baseline;gap:7px;font-size:11.5px;color:var(--dim)}
.rx .rx-tonnes b{font-size:15px;font-weight:700;color:var(--gold)}
html.or-light-mode .rx .rx-sec .rx-sz-ground{stroke:rgba(20,26,46,.22)}
html.or-light-mode .rx .rx-sec .rx-sz-ref{fill:#7d869a}
html.or-light-mode .rx .rx-sec .rx-sz-wheel{fill:#4a5165;stroke:#7d869a}
html.or-light-mode .rx .rx-sec .rx-sz-dimt{fill:#8a6a00}
html.or-light-mode .rx .rx-sec .rx-sz-dim{stroke:rgba(138,106,0,.5)}
html.or-light-mode .rx .rx-sec .rx-size-fig b{color:#141a2e}
html.or-light-mode .rx .rx-sec .rx-tonnes b{color:#8a6a00}
/* ── end size ── */

/* ── (22 Oct) a newer official prediction: the notice under the answer line, and the share button's "Link copied" ── */
.rx .rx-fresh{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px;padding:7px 8px 7px 12px;border-radius:10px;background:rgba(255,210,63,.07);border:1px solid rgba(255,210,63,.32);font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--gold)}
.rx .rx-fresh button{padding:5px 10px;font-size:10.5px}
.rx .rx-btn.is-said::after{content:attr(data-said);position:absolute;right:0;top:calc(100% + 6px);padding:5px 9px;border-radius:8px;background:rgba(7,11,24,.94);border:1px solid rgba(96,234,254,.35);color:var(--cyan);font-size:10.5px;font-weight:700;letter-spacing:.4px;white-space:nowrap;z-index:5;pointer-events:none}
html.or-light-mode .rx .rx-sec .rx-st-wait{color:#0a6478;border-color:rgba(10,100,120,.4);background:rgba(10,100,120,.06)}
html.or-light-mode .rx .rx-sec .rx-st-ok{color:#7a5a00;border-color:rgba(122,90,0,.4);background:rgba(122,90,0,.06)}

/* ── (22 Oct, second review) a row whose object has left the list: greyed until a refresh. Light mode: the phone's
   stage stays dark (the title and card are drawn for it); the reading sections' accent colours are darkened to read on
   white, and the dark panels inside them (timeline, accuracy chart, forecast history, badge, code) keep the bright ones ── */
.rx .rx-board tr.is-gone{opacity:.55}
.rx .rx-board tr.is-gone .rx-more{cursor:default}
@media (max-width:760px){html.or-light-mode .rx .rx-hero{background:#050a17}}
html.or-light-mode .rx .rx-sec{--gold:#8a6a00;--gold2:#7a5c00;--cyan:#0a6478;--amber:#9a5400;--red:#b8322b}
html.or-light-mode .rx .rx-sec .rx-runway,html.or-light-mode .rx .rx-sec .rx-acc-chart,html.or-light-mode .rx .rx-sec .rx-conv,
html.or-light-mode .rx .rx-sec .rx-badge,html.or-light-mode .rx .rx-sec .rx-code{--gold:#ffd23f;--gold2:#ffe060;--cyan:#60eafe;--amber:#ffb15c;--red:#ff6b6b}
html.or-light-mode .rx .rx-conv{background:linear-gradient(180deg,rgba(13,18,34,.94),rgba(8,12,25,.94));border-radius:10px}
/* the list and the forecast history's fact tiles had see-through dark panels (drawn for the dark page), which turn
   mid-grey on the light one: there they take the light card, with dark figures */
html.or-light-mode .rx .rx-sec .rx-board-wrap{background:var(--card);border-color:rgba(20,26,46,.12)}
html.or-light-mode .rx .rx-sec .rx-board thead th{border-bottom-color:rgba(20,26,46,.1)}
html.or-light-mode .rx .rx-sec .rx-board td{border-top-color:rgba(20,26,46,.07)}
html.or-light-mode .rx .rx-sec .rx-dr-fig{background:rgba(20,26,46,.04);border-color:rgba(20,26,46,.1)}
html.or-light-mode .rx .rx-sec .rx-dr-fig b,html.or-light-mode .rx .rx-sec .rx-dr-h h3{color:#141a2e}
/* (22 Oct, after the deploy) wider than the map's 1,680 px: its left and right edges fade into the page instead of
   stopping in a hard edge. The card, the buttons and the key sit 308 px or more inside those edges, clear of the fade. */
@media (min-width:1681px){
  .rx .rx-stage-wrap{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 160px,#000 calc(100% - 160px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 160px,#000 calc(100% - 160px),transparent 100%)}
}