/* ═══════════════════════════════════════════════════════════════════
   METEOR TRACKER · page styles (on top of library-styles.css)
   Site fonts only: Orbitron for figures and labels, JetBrains Mono for text.
   ═══════════════════════════════════════════════════════════════════ */
/* Controls and links take the font of where they sit. Zero specificity on purpose (:where): any class rule beats it, so
   the site's own top bar, footer, related cards and donation strip render exactly as on every other page, and so do the
   button classes below. (As .mt-body button it outranked the top bar's own rules and drew its menu in the text face.) */
:where(.mt-body) :where(button,input,select,a){font-family:inherit}
.mt-wrap{max-width:1180px;margin:0 auto;padding:0 28px;box-sizing:border-box}
.mt-num{font-family:'Orbitron',monospace;font-weight:700}
.mt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mt-hero{position:relative;background:#03050c;border-bottom:1px solid rgba(255,224,96,0.12)}
.mt-stage{position:relative;height:720px;overflow:hidden;background:#03050c}
.mt-sky{position:absolute;left:0;top:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}
.mt-sky:active{cursor:grabbing}
.mt-shade{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,5,12,0.8) 0%,rgba(3,5,12,0.4) 28%,rgba(3,5,12,0) 46%),linear-gradient(0deg,rgba(3,5,12,0.7) 0%,rgba(3,5,12,0) 20%),linear-gradient(180deg,rgba(3,5,12,0.45) 0%,rgba(3,5,12,0) 12%)}
.mt-hero-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding-top:44px;pointer-events:none}
.mt-hero-inner > *{pointer-events:auto}
.mt-copy{max-width:500px}
.mt-eyebrow{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;letter-spacing:2.4px;color:#ffd23f;text-transform:uppercase}
.mt-h1{margin:14px 0;font-family:'Orbitron',monospace;font-weight:800;font-size:42px;line-height:1.1;color:#ffe060;text-shadow:0 2px 30px rgba(0,0,0,0.7)}
.mt-lede{margin:0;font-size:15px;line-height:1.7;color:rgba(255,255,255,0.9);max-width:520px;text-shadow:0 1px 12px rgba(0,0,0,0.85)}
.mt-loc{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.mt-ico{width:16px;height:16px;stroke:#ffe060;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mt-search input{min-height:44px;width:270px;box-sizing:border-box;padding:0 16px;border-radius:999px;border:1px solid rgba(255,224,96,0.35);background:rgba(7,10,24,0.72);color:#fff;font-size:13px;outline:none;backdrop-filter:blur(8px)}
.mt-search input::placeholder{color:rgba(255,255,255,0.55)}
.mt-search input:focus{border-color:rgba(96,234,254,0.75)}
.mt-loc-list{position:absolute;left:0;top:50px;z-index:20;width:min(420px,100%);margin:0;padding:6px;list-style:none;border-radius:12px;background:rgba(7,10,24,0.96);border:1px solid rgba(255,224,96,0.3);box-shadow:0 18px 40px rgba(0,0,0,0.5)}
.mt-loc-list li{padding:10px 12px;border-radius:8px;font-size:13px;color:rgba(255,255,255,0.9);cursor:pointer}
.mt-loc-list li[aria-selected="true"],.mt-loc-list li:hover{background:rgba(255,224,96,0.12);color:#ffe060}
.mt-loc-list li.none{cursor:default;color:rgba(255,255,255,0.6)}
.mt-hint{margin-top:10px;font-size:12px;color:rgba(255,255,255,0.72);text-shadow:0 1px 10px rgba(0,0,0,0.9)}
/* Buttons in the site's action-button style (Orbitron, as on ISS Visible Tonight, the aurora forecast and the top bar) */
.mt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;font-family:'Orbitron',monospace;font-size:12px;font-weight:700;letter-spacing:.6px;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap}
.mt-btn-gold{background:#ffe060;color:#070a18}
.mt-btn-gold:hover{background:#ffd23f;color:#070a18}
.mt-btn-ghost{background:rgba(7,10,24,0.6);border-color:rgba(255,255,255,0.22);color:#fff}
.mt-btn-ghost:hover{border-color:rgba(255,224,96,0.55);color:#ffe060}
.mt-panel-wrap{position:absolute;left:0;right:0;top:44px;z-index:3;display:flex;justify-content:flex-end;pointer-events:none}
.mt-panel{pointer-events:auto;width:350px;flex:none;box-sizing:border-box;padding:22px 22px 18px;border-radius:16px;background:rgba(7,10,24,0.7);border:1px solid rgba(255,224,96,0.22);backdrop-filter:blur(12px);box-shadow:0 20px 60px rgba(0,0,0,0.45)}
.mt-panel-k{font-family:'Orbitron',monospace;font-size:10.5px;letter-spacing:2px;color:rgba(255,224,96,0.88);text-transform:uppercase;font-weight:700}
.mt-panel-big{margin:8px 0 4px;color:#ffe060}
.mt-panel-big .mt-num{font-size:50px;line-height:1}
.mt-unit{font-family:'Orbitron',monospace;font-size:13px;color:rgba(255,224,96,0.75);letter-spacing:1px}
.mt-panel-rate{font-size:14px;line-height:1.5;color:rgba(255,255,255,0.9)}
.mt-panel-rate b{color:#60eafe;font-family:'Orbitron',monospace}
.mt-dl{margin:16px 0 0;display:grid;gap:9px}
.mt-dl div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;font-size:12.5px;line-height:1.45}
.mt-dl dt{font-family:'Orbitron',monospace;font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,0.55);padding-top:2px}
.mt-dl dd{margin:0;color:rgba(255,255,255,0.9)}
.mt-seg{display:inline-flex;border:1px solid rgba(255,224,96,0.3);border-radius:999px;overflow:hidden}
.mt-seg button{min-height:38px;padding:0 13px;background:transparent;border:0;color:rgba(255,255,255,0.75);font-family:'Orbitron',monospace;font-weight:700;font-size:11px;letter-spacing:.5px;cursor:pointer}
.mt-seg button.on{background:#ffe060;color:#070a18;font-weight:700}
.mt-seg-panel{display:flex;margin-top:14px}
.mt-seg-panel button{flex:1;white-space:nowrap;padding:0 8px}
.mt-cal{width:100%;margin-top:16px;font-size:12px}
.mt-readout{position:absolute;left:0;right:0;bottom:22px;z-index:2;pointer-events:none}
.mt-clock{color:#fff}
.mt-clock .mt-num{font-size:40px;letter-spacing:1px;text-shadow:0 2px 20px rgba(0,0,0,0.85)}
.mt-read-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:13.5px;color:rgba(255,255,255,0.9);text-shadow:0 1px 10px rgba(0,0,0,0.95)}
.mt-read-row b{color:#60eafe;font-family:'Orbitron',monospace}
.mt-dot{color:rgba(255,224,96,0.65)}
.mt-tlband{background:linear-gradient(180deg,#03050c 0%,#070a18 100%);padding:16px 0 26px;border-top:1px solid rgba(255,224,96,0.1)}
.mt-nights{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.mt-night{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:48px;padding:7px 16px;border-radius:12px;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.8);cursor:pointer;text-align:left}
.mt-night b{font-family:'Orbitron',monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:inherit}
.mt-night span{font-size:11.5px;color:rgba(255,255,255,0.6)}
.mt-night:hover{border-color:rgba(255,224,96,0.5)}
.mt-night.on{border-color:#ffe060;background:rgba(255,224,96,0.1);color:#ffe060}
.mt-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
/* the sky key: pills like the buttons beside them, so in the same style */
.mt-lg{display:inline-flex;align-items:center;gap:7px;font-family:'Orbitron',monospace;font-weight:700;font-size:11px;letter-spacing:.5px;color:rgba(255,255,255,0.78);padding:4px 10px;border-radius:999px;background:rgba(7,10,24,0.6);border:1px solid rgba(255,255,255,0.12)}
.mt-lg::before{content:"";width:8px;height:8px;border-radius:50%}
.mt-lg-rad::before{border:1.5px solid #60eafe;width:7px;height:7px}
.mt-lg-pl::before{background:#fff6de;box-shadow:0 0 6px #ffe060}
.mt-lg-sat::before{background:#9fe8ff}
.mt-lg-x::before{background:linear-gradient(90deg,rgba(255,214,150,0),#d6ffe8);border-radius:2px;width:16px;height:3px}
.mt-tl{padding:12px 16px 10px;border-radius:16px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,224,96,0.16)}
.mt-tl-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
#mt-chips{display:contents}
.mt-spacer{flex:1}
.mt-chipbtn{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.86);font-family:'Orbitron',monospace;font-weight:700;font-size:11px;letter-spacing:.5px;cursor:pointer}
.mt-chipbtn:hover{border-color:rgba(255,224,96,0.5);color:#ffe060}
.mt-chipbtn-gold{border-color:rgba(255,224,96,0.55);color:#ffe060}
.mt-toggle{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.18);background:transparent;color:rgba(255,255,255,0.65);font-family:'Orbitron',monospace;font-weight:700;font-size:11px;letter-spacing:.5px;cursor:pointer}
.mt-toggle.on{border-color:rgba(96,234,254,0.6);color:#60eafe;background:rgba(96,234,254,0.08)}
.mt-toggle:hover{border-color:rgba(255,224,96,0.5)}
.mt-short{display:none}
.mt-toggle-red{border-color:rgba(255,92,92,0.5);color:#ff7a7a;background:rgba(120,10,16,0.18)}
.mt-toggle-red:hover{border-color:rgba(255,92,92,0.8);color:#ff9a9a}
.mt-tl-chart{position:relative;height:64px;border-radius:8px}
.mt-tl-chart:focus-within{outline:2px solid #ffe060;outline-offset:2px}
.mt-tl-svg{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px;background:rgba(255,255,255,0.025)}
.mt-tw1{fill:rgba(120,150,230,0.12)}.mt-tw2{fill:rgba(150,165,235,0.22)}.mt-tw3{fill:rgba(255,170,110,0.28)}
.mt-moonband{fill:rgba(230,236,255,0.22)}.mt-ratearea{fill:rgba(96,234,254,0.2)}
.mt-rateline{fill:none;stroke:#60eafe;stroke-width:2;vector-effect:non-scaling-stroke}
.mt-radline{fill:none;stroke:rgba(255,224,96,0.8);stroke-width:1.5;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.mt-bestline{stroke:#ffe060;stroke-width:2;vector-effect:non-scaling-stroke}
.mt-nowline{stroke:#ffffff;stroke-width:2;vector-effect:non-scaling-stroke}
.mt-range{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.mt-tl-ticks{position:relative;height:16px;margin-top:6px;font-size:10.5px;color:rgba(255,255,255,0.6)}
.mt-tl-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.mt-tl-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px;font-size:10.5px;color:rgba(255,255,255,0.6)}
.mt-tl-key span::before{content:"";display:inline-block;width:12px;height:3px;margin-right:6px;vertical-align:middle}
.mt-tl-key .k-rate::before{background:#60eafe}
.mt-tl-key .k-rad::before{background:repeating-linear-gradient(90deg,#ffe060 0 4px,transparent 4px 7px)}
.mt-tl-key .k-moon::before{background:rgba(230,236,255,0.5);height:8px}
.mt-tl-key .k-tw::before{background:rgba(255,170,110,0.6);height:8px}
.mt-tl-key .k-drag{margin-left:auto;color:rgba(255,255,255,0.5)}
.mt-tl-key .k-drag::before{display:none}
/* the page body sits above the site's fixed starfield layers (.or-lib-bg / .or-lib-stars, z-index 0), like .or-lib-wrap */
.mt-main,.ms-main{position:relative;z-index:1}
/* The site adds its "Related in the Library" block straight before the footer, which on these pages is outside <main>:
   give the block and the footer the page column and the stacking that .or-lib-wrap gives them on a standard page */
.mt-body>.or-lib-related,.mt-body>.or-lib-footer{position:relative;z-index:1;box-sizing:border-box;width:calc(100% - 56px);max-width:1124px;margin-left:auto;margin-right:auto}
.mt-body>.or-lib-footer{max-width:1120px;margin-bottom:80px}
/* On standard pages library-styles' .or-lib-wrap * rule draws these in the text face, with its fallbacks */
.mt-body .or-lib-related-title,.mt-body .or-lib-related-head,.mt-body .or-lib-faq-q{font-family:'JetBrains Mono','Fira Mono','Consolas',monospace}
/* The donation strip sits inside .or-lib-wrap on a standard page, whose catch-all font rule reaches the strip's unclassed
   text; zero specificity, so the strip's own rules still win */
:where(.mt-body #or-fuel-strip) *{font-family:'JetBrains Mono','Fira Mono','Consolas',monospace}
.mt-main{padding-top:60px}
.mt-sec{margin:0 0 76px}
.mt-p{font-size:14.5px;line-height:1.75;color:rgba(255,255,255,0.86);max-width:860px;margin:0 0 18px}
.mt-p b{color:#ffffff}
.mt-bars{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:10px;align-items:end;height:270px;padding:16px 16px 0;border-radius:14px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,224,96,0.08)}
.mt-bar{display:flex;flex-direction:column;align-items:center;height:100%}
.mt-bar-val{font-family:'Orbitron',monospace;font-size:11px;color:rgba(255,255,255,0.78);height:18px}
.mt-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;border-radius:6px 6px 0 0}
.mt-bar-fill{width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#60eafe,rgba(96,234,254,0.22));min-height:2px}
.mt-bar.best .mt-bar-fill{background:linear-gradient(180deg,#ffe060,rgba(255,224,96,0.3));box-shadow:0 0 26px rgba(255,224,96,0.35)}
.mt-bar.best .mt-bar-val{color:#ffe060}
.mt-bar.tw .mt-bar-track{background:rgba(255,170,110,0.07)}
.mt-bar-moon{width:100%;height:5px;margin-top:6px;border-radius:3px;background:rgba(255,255,255,0.04)}
.mt-bar-moon.up{background:rgba(230,236,255,0.55)}
.mt-bar-lbl{font-size:11px;color:rgba(255,255,255,0.62);padding:6px 0 10px}
.mt-bar.best .mt-bar-lbl{color:#ffe060;font-weight:700}
.mt-bars-key{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px;font-size:11px;color:rgba(255,255,255,0.6)}
.mt-bars-key span::before{content:"";display:inline-block;width:12px;height:8px;margin-right:6px;vertical-align:middle;border-radius:2px}
.mt-bars-key .k1::before{background:#60eafe}.mt-bars-key .k2::before{background:#ffe060}
.mt-bars-key .k3::before{background:rgba(230,236,255,0.55);height:4px}.mt-bars-key .k4::before{background:rgba(255,170,110,0.35)}
.mt-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}
.mt-stat{padding:16px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,224,96,0.1)}
.mt-stat-v{font-family:'Orbitron',monospace;font-weight:700;font-size:22px;color:#ffe060}
.mt-stat-l{margin-top:4px;font-size:11.5px;color:rgba(255,255,255,0.62)}
.mt-look{display:grid;grid-template-columns:300px minmax(0,1fr);gap:44px;align-items:center}
.mt-cmp{width:300px;height:300px;display:block}
.mt-cmp-ring{fill:rgba(96,234,254,0.03);stroke:rgba(255,224,96,0.4);stroke-width:1.2}
.mt-cmp-ring2{fill:none;stroke:rgba(255,255,255,0.09);stroke-width:1}
.mt-cmp-path{fill:none;stroke:rgba(255,224,96,0.6);stroke-width:2;stroke-dasharray:3 4}
.mt-cmp-dot{fill:#60eafe}.mt-cmp-halo{fill:rgba(96,234,254,0.18)}
.mt-cmp-t{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;fill:rgba(255,224,96,0.9);text-anchor:middle;dominant-baseline:middle}
.mt-cmp-lab{font-family:'JetBrains Mono',monospace;font-size:10px;fill:#60eafe;text-anchor:middle}
.mt-cmp-cap{font-family:'JetBrains Mono',monospace;font-size:9px;fill:rgba(255,255,255,0.45);text-anchor:middle}
.mt-tips{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.mt-tips li{font-size:14px;line-height:1.65;color:rgba(255,255,255,0.84);padding-left:18px;position:relative}
.mt-tips li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#ffe060}
.mt-tips b{color:#ffffff}
.mt-space{position:relative;height:600px;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 62% 50%,#0c1433 0%,#04060f 70%);border:1px solid rgba(255,224,96,0.12)}
.mt-spacecv{position:absolute;left:0;top:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}
.mt-space-cap{position:absolute;left:28px;top:26px;max-width:400px;pointer-events:none}
.mt-space-cap p{margin:10px 0 0;font-size:13px;line-height:1.7;color:rgba(255,255,255,0.84);text-shadow:0 1px 10px rgba(0,0,0,0.95)}
.mt-space-date{display:flex;align-items:center;gap:12px;margin-top:8px;min-height:40px}
.mt-space-date .mt-num{font-size:30px;color:#ffffff}
.mt-badge{font-family:'Orbitron',monospace;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#070a18;background:#ffe060;border-radius:999px;padding:5px 10px;font-weight:700}
.mt-space-ctl{position:absolute;left:28px;right:28px;bottom:20px;display:flex;align-items:center;gap:16px}
.mt-space-range{position:relative;flex:1;padding-bottom:18px}
.mt-range2{width:100%;accent-color:#ffe060;margin:0}
.mt-space-ticks{position:relative;height:14px;margin-top:4px;font-size:10.5px;color:rgba(255,255,255,0.6)}
.mt-space-ticks span{position:absolute;white-space:nowrap}
.mt-space .mt-hint{margin:0;font-size:11px;color:rgba(255,255,255,0.55);white-space:nowrap;text-shadow:none}
.mt-space-legend{position:absolute;right:24px;top:26px;display:grid;gap:7px;font-size:11px;color:rgba(255,255,255,0.74);pointer-events:none}
.mt-space-legend span::before{content:"";display:inline-block;width:14px;height:3px;margin-right:8px;vertical-align:middle;border-radius:2px}
.mt-space-legend .l-sun::before{background:#ffd27a;height:10px;width:10px;border-radius:50%;box-shadow:0 0 10px #ffd27a}
.mt-space-legend .l-earth::before{background:#5fd0ff;height:8px;width:8px;border-radius:50%}
.mt-space-legend .l-eo::before{background:rgba(96,234,254,0.75)}
.mt-space-legend .l-ho::before{background:repeating-linear-gradient(90deg,#ffe060 0 4px,transparent 4px 7px)}
.mt-space-legend .l-st::before{background:linear-gradient(90deg,#ffd696,#fff1d0)}
.mt-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mt-card{cursor:default}
.mt-card .or-lib-card-body{padding-right:0}
.mt-card-badge{margin:6px 0}
.mt-cards .or-lib-card-type{position:static;display:inline-block;margin:0;float:none}
.mt-card-moon{margin-top:6px;font-size:11px;color:rgba(255,255,255,0.6)}
.mt-card-cal{margin-top:12px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,224,96,0.4);background:transparent;color:#ffe060;font-family:'Orbitron',monospace;font-weight:700;font-size:11px;letter-spacing:.5px;cursor:pointer}
.mt-card-cal:hover{background:rgba(255,224,96,0.1)}
.mt-main .or-lib-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mt-asof{margin-top:22px;font-size:12px;color:rgba(255,255,255,0.5);letter-spacing:.5px;line-height:1.6}
.mt-cite{margin-top:8px;font-size:12px;color:rgba(255,255,255,0.55);line-height:1.6;overflow-wrap:anywhere}
.mt-cite b{color:rgba(255,224,96,0.85)}
.mt-xbar{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 16px 22px;background:linear-gradient(180deg,rgba(3,5,12,0.88) 0%,rgba(3,5,12,0) 100%)}
.mt-xbar[hidden]{display:none}
.mt-xclose{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(7,10,24,0.66);border:1px solid rgba(255,255,255,0.2);color:#fff;cursor:pointer}
.mt-xclose svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.mt-xclose:hover{color:#ffe060;border-color:rgba(255,224,96,0.5)}
.mt-xhead{margin-top:3px;font-size:12.5px;color:#fff}

/* ── tonight around the world / the peak night around the world ── */
.mt-wt-wrap{border-radius:14px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,224,96,0.1);overflow:hidden}
.mt-wt{width:100%;border-collapse:collapse;font-size:13px;line-height:1.45}
.mt-wt th,.mt-wt td{padding:11px 16px;text-align:left;vertical-align:top;border-top:1px solid rgba(255,255,255,0.06)}
.mt-wt thead th{border-top:0;font-family:'Orbitron',monospace;font-size:9.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,224,96,0.85);background:rgba(255,224,96,0.04)}
.mt-wt thead th span{display:block;margin-top:2px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:400;letter-spacing:0;text-transform:none;color:rgba(255,255,255,0.5)}
.mt-wt tbody th{font-weight:600;color:#ffffff}
.mt-wt tbody th span{display:block;font-weight:400;font-size:11.5px;color:rgba(255,255,255,0.5)}
.mt-wt td{color:rgba(255,255,255,0.85)}
.mt-wt td b{font-family:'Orbitron',monospace;font-weight:700;color:#ffe060}
.mt-wt td span{display:block;font-size:11.5px;color:rgba(255,255,255,0.55)}
.mt-wt tbody tr:hover{background:rgba(255,224,96,0.04)}
.mt-card-more{display:inline-block;margin-top:10px;font-size:12px;color:#60eafe;text-decoration:none}
.mt-card-more:hover{color:#ffe060}
.mt-card-more + .mt-card-cal{display:block}

/* ── a shower page (/meteor-showers/<id>) ── */
.ms-main{padding-top:22px}
.ms-crumbs{margin:0 0 26px;font-size:12px}
.ms-hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start;margin:0 0 70px}
.ms-h1{font-size:44px;margin:14px 0 16px}
.ms-lede{margin:0;font-size:16px;line-height:1.75;color:rgba(255,255,255,0.9);max-width:640px}
.ms-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ms-panel{width:auto}
.ms-facts div{grid-template-columns:104px minmax(0,1fr)}
.ms-about{max-width:880px}

/* ── full screen sky ── */
body.mt-xmode{overflow:hidden}
body.mt-xmode .mt-stage{position:fixed;left:0;top:0;right:0;bottom:0;z-index:3000;height:auto}
body.mt-xmode .mt-hero-inner,body.mt-xmode .mt-readout,body.mt-xmode .mt-panel-wrap{display:none}
body.mt-xmode .mt-shade{background:linear-gradient(180deg,rgba(3,5,12,0.5) 0%,rgba(3,5,12,0) 14%)}
body.mt-xmode .mt-sky{touch-action:none}
body.mt-xmode .mt-tlband{position:fixed;left:0;right:0;bottom:0;z-index:3001;max-height:46vh;overflow:auto;padding:12px 0 14px;border-radius:18px 18px 0 0;background:rgba(7,10,24,0.82);border-top:1px solid rgba(255,224,96,0.24);backdrop-filter:blur(14px)}
body.mt-xmode .mt-legend,body.mt-xmode .mt-tl-key,body.mt-xmode #mt-explore{display:none}
body.mt-xmode .mt-tl{background:transparent;border:0;padding:0}

/* ── field mode: dim red light ── */
.mt-fm{position:fixed;left:0;top:0;right:0;bottom:0;z-index:4000;overflow:auto;background:#000;color:rgba(255,58,46,0.92)}
.mt-fm[hidden]{display:none}
body.mt-fm-open{overflow:hidden}
.mt-fm-in{max-width:520px;min-height:100%;box-sizing:border-box;margin:0 auto;padding:16px 18px 20px;display:flex;flex-direction:column}
.mt-fm-top{display:flex;align-items:center;gap:10px}
.mt-fm-mode{display:inline-flex;align-items:center;gap:8px;font-family:'Orbitron',monospace;font-size:11px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:#ff3a2e}
.mt-fm-mode i{width:8px;height:8px;border-radius:50%;background:#ff2a1e;box-shadow:0 0 10px #ff2a1e}
.mt-fm-clock{margin-left:auto;font-family:'Orbitron',monospace;font-size:15px;font-weight:700;color:#ff3a2e}
.mt-fm-clock span:last-child{font-size:9px;margin-left:4px;color:rgba(255,58,46,0.6)}
.mt-fm-exit{min-width:64px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,58,46,0.4);background:transparent;color:#ff3a2e;font-family:'Orbitron',monospace;font-weight:700;font-size:11px;letter-spacing:.5px;cursor:pointer}
.mt-fm-where{margin-top:8px;font-size:11.5px;color:rgba(255,58,46,0.6)}
.mt-fm-cd{margin-top:30px;text-align:center}
.mt-fm-k{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,58,46,0.65)}
.mt-fm-big{margin-top:6px;font-family:'Orbitron',monospace;font-size:56px;font-weight:800;line-height:1.05;color:#ff3326;text-shadow:0 0 26px rgba(255,40,30,0.35)}
.mt-fm-sub{margin-top:10px;font-size:12.5px;color:rgba(255,58,46,0.78)}
.mt-fm-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:28px 0 0}
.mt-fm-fact{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,58,46,0.2);background:rgba(90,0,0,0.18)}
.mt-fm-fact dt{font-family:'Orbitron',monospace;font-size:8.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,58,46,0.6)}
.mt-fm-fact dd{margin:3px 0 0;font-size:14px;color:#ff4a3e}
.mt-fm-foot{margin-top:auto;padding-top:28px;display:grid;gap:12px}
.mt-fm-row{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:rgba(255,58,46,0.85)}
.mt-fm-row input{width:20px;height:20px;accent-color:#c81a10}
.mt-fm-dim{display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(255,58,46,0.7)}
.mt-fm-dim input{flex:1;accent-color:#c81a10;margin:0}
.mt-fm-note{font-size:11px;color:rgba(255,58,46,0.55)}
.mt-fm-brand{display:flex;align-items:center;gap:7px;font-family:'Orbitron',monospace;font-size:8.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,58,46,0.45)}
.mt-fm-brand img{width:15px;height:15px;filter:grayscale(1) brightness(0.55) sepia(1) hue-rotate(-50deg) saturate(9)}

@media (max-width:1100px){.mt-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mt-main .or-lib-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ms-hero{grid-template-columns:1fr;gap:26px}.ms-h1{font-size:32px}.mt-panel-wrap{position:relative;top:auto;display:block;margin-top:-26px;padding:0 12px}.mt-panel{width:auto;max-width:620px;margin:0 auto;padding:16px}.mt-look{grid-template-columns:1fr}.mt-cmp{margin:0 auto}.mt-bars{gap:4px;padding:10px 8px 0}.mt-space-cap{max-width:none;right:28px}.mt-space-legend{display:none}}
/* phones: the sky fills the top of the screen, the best-time card sits under it */
@media (max-width:760px){
  .mt-wrap{padding:0 16px}
  .mt-body>.or-lib-related,.mt-body>.or-lib-footer{width:calc(100% - 32px)}
  .mt-body>.or-lib-footer{margin-bottom:60px}
  .mt-stage{height:560px}
  .mt-shade{background:linear-gradient(180deg,rgba(3,5,12,0.84) 0%,rgba(3,5,12,0.4) 24%,rgba(3,5,12,0) 36%),linear-gradient(0deg,rgba(3,5,12,0.85) 0%,rgba(3,5,12,0) 22%)}
  .mt-hero-inner{display:block;padding-top:16px}
  .mt-eyebrow{font-size:10px;letter-spacing:2px}
  .mt-h1{font-size:24px;margin:8px 0 10px}
  .mt-lede{display:none}
  .mt-loc{margin-top:0;flex-wrap:nowrap}
  .mt-search{flex:1;min-width:0}
  .mt-search input{width:100%}
  .mt-loc .mt-btn{padding:0 12px;font-size:0;gap:0}
  .mt-loc .mt-btn .mt-ico{width:18px;height:18px}
  .mt-hint{margin-top:6px;font-size:11px}
  .mt-readout{bottom:36px}
  .mt-panel-wrap{margin-top:-16px}
  .mt-clock .mt-num{font-size:26px}
  .mt-read-row{font-size:11.5px;gap:6px;flex-wrap:nowrap;white-space:nowrap}
  .mt-r-moon{display:none}
  .mt-panel-big .mt-num{font-size:38px}
  .mt-tlband{padding-top:14px}
  .mt-night{flex:1;min-width:0}
  .mt-legend,.mt-tl-key{display:none}
  .mt-tl{padding:10px}
  .mt-tl-controls .mt-chipbtn{display:none}
  .mt-tl-controls .mt-spacer{display:none}
  .mt-tl-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mt-tl-controls .mt-btn,.mt-tl-controls .mt-toggle{width:100%;min-height:44px;padding:0 6px}
  .mt-long{display:none}.mt-short{display:inline}
  .mt-cards{grid-template-columns:1fr}
  .mt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-bar-val,.mt-bar-lbl{font-size:9px}
  .mt-bars{height:200px}
  .mt-space{height:520px}
  .mt-space-cap{left:16px;right:16px;top:14px}
  .mt-space-cap p{display:none}
  .mt-space-ctl{left:14px;right:14px;bottom:12px}
  .mt-space .mt-hint{display:none}
  .mt-main .or-lib-related-grid{grid-template-columns:1fr}
  .mt-main{padding-top:40px}
  .mt-sec{margin-bottom:56px}
  .mt-cmp{width:240px;height:250px}
  /* the city tables become one card per city */
  .mt-wt thead{display:none}
  .mt-wt,.mt-wt tbody,.mt-wt tr,.mt-wt th,.mt-wt td{display:block}
  .mt-wt tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;padding:12px 14px;border-top:1px solid rgba(255,255,255,0.06)}
  .mt-wt tbody tr:first-child{border-top:0}
  .mt-wt th,.mt-wt td{padding:0;border:0}
  .mt-wt tbody th{grid-column:1 / -1;margin-bottom:4px}
  .mt-wt tbody th span{display:inline;margin-left:6px}
  .mt-wt td{font-size:12.5px}
  .mt-wt td::before{content:attr(data-l);display:block;font-family:'Orbitron',monospace;font-size:8.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-bottom:2px}
  .mt-wt5 tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ms-crumbs{margin-bottom:18px}
  .ms-hero{margin-bottom:50px}
  .ms-h1{font-size:26px;margin:8px 0 12px}
  .ms-lede{font-size:14.5px}
  .ms-cta .mt-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.mt-night,.mt-btn{transition:none}}