/* AleXoR Weather — usability pass 2026-09-05
   Clear hierarchy on the home page and fast cross-station navigation. */
:root{
  --ax2-bg:#07131f;--ax2-panel:#0c1d2b;--ax2-panel-2:#0a1824;--ax2-line:rgba(124,180,216,.17);
  --ax2-text:#eef7fc;--ax2-muted:#8eabba;--ax2-cyan:#61d6f4;--ax2-green:#4fe0a0;--ax2-warn:#ffbf5b;
}

/* Site header: do not let the old generic mobile nav rule style station navigation. */
@media(max-width:767px){
  header nav{position:static!important;background:transparent!important;padding:0!important}
  #mobile-menu{position:fixed!important;top:60px!important;left:0!important;right:0!important;margin-top:0!important;background:rgba(7,19,31,.98)!important;padding:.65rem 1rem!important;z-index:45!important}
}

/* Home network panel */
.ax-network-panel{padding:1.5rem!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(14,35,51,.96),rgba(9,25,38,.96))!important;border:1px solid var(--ax2-line)!important;box-shadow:0 20px 55px rgba(0,0,0,.22)!important}
.ax-network-head{align-items:center!important;margin-bottom:1rem!important}.ax-section-title{font-size:clamp(1.55rem,2.4vw,2.15rem)!important;margin:.15rem 0 .3rem!important}.ax-section-copy{font-size:.96rem!important;color:#9bb5c5!important;max-width:760px}
.ax-network-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.75rem!important;margin:1rem 0!important}.ax-summary-card{padding:1rem 1.05rem!important;min-height:96px!important;border-radius:15px!important;background:rgba(3,15,24,.55)!important;border:1px solid rgba(126,184,220,.11)!important}.ax-summary-card span{font-size:.72rem!important;text-transform:uppercase;letter-spacing:.055em;color:#7898ad!important}.ax-summary-card strong{display:block;margin:.3rem 0 .12rem;font-size:1.45rem!important;line-height:1.05;color:#f4fbff}.ax-summary-card small{font-size:.76rem!important;color:#7896aa!important}
.ax-network-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.8rem!important;margin-top:.85rem!important}
.ax-live-card{position:relative;min-width:0;padding:1rem;border-radius:17px;background:linear-gradient(155deg,rgba(10,30,44,.96),rgba(7,23,35,.97));border:1px solid rgba(112,174,211,.16);transition:.18s ease;overflow:hidden}.ax-live-card:hover{transform:translateY(-2px);border-color:rgba(97,214,244,.38);box-shadow:0 14px 34px rgba(0,0,0,.22)}.ax-live-card.is-offline{opacity:.72}.ax-live-mainlink{position:absolute;inset:0;z-index:1}.ax-live-card a:not(.ax-live-mainlink){position:relative;z-index:3}
.ax-live-head,.ax-live-primary,.ax-live-metrics,.ax-live-secondary,.ax-live-footer{position:relative;z-index:2;pointer-events:none}.ax-live-footer a{pointer-events:auto}
.ax-live-head{display:flex;justify-content:space-between;gap:.65rem;align-items:flex-start}.ax-live-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#6e93aa}.ax-live-head h3{font-size:1.12rem;margin:.12rem 0 0;color:#fff}.ax-live-status{display:inline-flex;align-items:center;gap:.32rem;white-space:nowrap;font-size:.67rem;color:#91acbc}.ax-live-status i{width:7px;height:7px;border-radius:50%;background:#71899a}.ax-live-live i{background:#4fe0a0;box-shadow:0 0 0 4px rgba(79,224,160,.08)}.ax-live-delayed i{background:#ffbf5b}.ax-live-stale i,.ax-live-offline i{background:#ff6578}
.ax-live-primary{display:flex;align-items:flex-end;justify-content:space-between;gap:.7rem;margin:.9rem 0}.ax-live-primary strong{font-size:2.5rem;line-height:.92;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.ax-live-primary span{max-width:52%;text-align:right;font-size:.73rem;line-height:1.25;color:#7899ad}
.ax-live-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem}.ax-live-metrics>div{min-width:0;padding:.62rem .52rem;border-radius:10px;background:rgba(0,8,14,.35)}.ax-live-metrics span{display:block;font-size:.62rem;color:#718fa4;margin-bottom:.16rem}.ax-live-metrics strong{display:block;font-size:.82rem;color:#edf7fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ax-live-metrics small{font-size:.64rem;color:#8aa4b5;font-weight:600}
.ax-live-secondary{display:flex;flex-wrap:wrap;gap:.34rem .75rem;margin-top:.72rem;padding-top:.68rem;border-top:1px solid rgba(126,184,220,.09);font-size:.69rem;color:#7695a8}.ax-live-secondary b{color:#dbeaf3;font-weight:700}.ax-live-footer{display:flex;justify-content:space-between;align-items:center;gap:.65rem;margin-top:.65rem;font-size:.65rem;color:#66869a}.ax-live-footer a{color:#70d8f3;text-decoration:none;font-weight:700}.ax-live-footer a:hover{color:white}
.ax-network-analysis{margin-top:.9rem!important;padding-top:.9rem!important}.ax-analysis-title{font-size:.78rem!important;margin-bottom:.55rem!important}.ax-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important}.ax-insight-card{padding:.72rem .85rem!important;min-height:auto!important}.ax-insight-card strong{font-size:.78rem!important}.ax-insight-card p{font-size:.75rem!important;line-height:1.35!important;margin-top:.1rem!important}.ax-insight-symbol{font-size:1rem!important}

/* Existing 'Current weather' area: increase readability and keep it visually related. */
#weather-section{margin-top:2.5rem}.ax-station-page .text-xs{font-size:.78rem!important}.ax-station-page .text-sm{font-size:.9rem!important}.ax-station-page .text-gray-500{color:#819baa!important}.ax-station-page .text-gray-400{color:#9ab0bf!important}.ax-station-page p{line-height:1.5}
#city-list li{border-color:rgba(121,178,213,.17)!important;background:rgba(12,30,44,.82)!important}#city-list .city-name{font-size:1.12rem!important}#city-list .city-desc{font-size:.82rem!important}#city-list .city-temp{font-size:1.6rem!important}
#weather-details{background:rgba(12,30,44,.86)!important;border-color:rgba(121,178,213,.17)!important}#weather-details .text-xs{font-size:.78rem!important}#weather-details .text-sm{font-size:.88rem!important}

/* Cross-station / section navigation. */
.ax-context-nav{position:sticky;top:72px;z-index:32;margin:0 0 1.5rem;padding:.75rem;border-radius:18px;background:rgba(8,24,36,.96);border:1px solid rgba(117,180,217,.18);box-shadow:0 12px 32px rgba(0,0,0,.2);backdrop-filter:blur(14px)}
.ax-context-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ax-context-title{display:flex;align-items:baseline;gap:.55rem;white-space:nowrap}.ax-context-kicker{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#7195aa}.ax-context-title strong{font-size:1rem;color:#fff}
.ax-station-switch{display:flex;gap:.38rem;overflow-x:auto;scrollbar-width:none}.ax-station-switch::-webkit-scrollbar,.ax-section-tabs::-webkit-scrollbar{display:none}.ax-station-switch-item{display:inline-flex;align-items:center;gap:.38rem;flex:0 0 auto;padding:.48rem .7rem;border-radius:10px;border:1px solid rgba(113,171,207,.13);background:rgba(4,16,25,.42);color:#99b1c0;text-decoration:none;font-size:.82rem;font-weight:650}.ax-station-switch-item:hover{color:#fff;border-color:rgba(97,214,244,.35)}.ax-station-switch-item.is-active{color:#07131f;background:#69d7f2;border-color:#69d7f2}.ax-station-switch-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.ax-section-tabs{display:flex;gap:.25rem;overflow-x:auto;margin-top:.65rem;padding-top:.62rem;border-top:1px solid rgba(119,178,214,.11)}.ax-section-tabs a{flex:0 0 auto;padding:.44rem .68rem;border-radius:9px;color:#87a5b7;text-decoration:none;font-size:.79rem;font-weight:650}.ax-section-tabs a:hover{color:#fff;background:rgba(255,255,255,.045)}.ax-section-tabs a.is-active{color:#dff8ff;background:rgba(97,214,244,.12);box-shadow:inset 0 0 0 1px rgba(97,214,244,.2)}

/* UV / solar values: bounded, consistently rounded and impossible to spill out. */
.ax-solar-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem;border-radius:14px;background:rgba(31,41,55,.7);border:1px solid rgba(107,114,128,.5);box-shadow:0 8px 20px rgba(0,0,0,.12)}.ax-solar-metric{min-width:0;padding:.35rem .55rem}.ax-solar-metric+.ax-solar-metric{border-left:1px solid rgba(125,174,205,.12)}.ax-solar-label{display:block;color:#dce9f1;font-size:.95rem;font-weight:700;margin-bottom:.42rem}.ax-solar-value{display:block;max-width:100%;font-size:1.9rem;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ax-solar-value small{font-size:.72rem;color:#8aa4b5;font-weight:650}.ax-solar-radiation{color:#f9c45f}.ax-solar-uv{color:#ffa35b}.ax-solar-meta,.ax-solar-time{display:block;margin-top:.34rem;color:#8da7b7;font-size:.78rem;overflow-wrap:anywhere}.ax-solar-time{margin-top:.15rem;color:#6f8b9e;font-size:.72rem}

/* General station page card values should not look miniature. */
.ax-station-page .bg-gray-800\/70{border-color:rgba(118,174,208,.16)!important}.ax-station-page h1{font-size:clamp(1.85rem,3vw,2.55rem)!important}.ax-station-page h2{letter-spacing:-.018em}.ax-station-page table{font-size:.88rem!important}.ax-station-page table th,.ax-station-page table td{padding:.78rem!important}

@media(max-width:1050px){.ax-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ax-network-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ax-context-top{align-items:flex-start;flex-direction:column}.ax-station-switch{width:100%}}
@media(max-width:640px){.ax-network-panel{padding:1rem!important;border-radius:18px!important}.ax-network-head{display:block!important}.ax-network-badge{display:inline-flex!important;margin-top:.7rem}.ax-network-summary{grid-template-columns:1fr 1fr!important}.ax-summary-card{min-height:86px!important;padding:.78rem!important}.ax-summary-card strong{font-size:1.18rem!important}.ax-network-grid{grid-template-columns:1fr!important}.ax-insight-grid{grid-template-columns:1fr!important}.ax-live-primary strong{font-size:2.25rem}.ax-context-nav{top:62px;margin-left:-.25rem;margin-right:-.25rem;border-radius:14px}.ax-context-title{display:none}.ax-station-switch{width:100%}.ax-station-switch-item{padding:.5rem .62rem}.ax-section-tabs a{padding:.45rem .58rem}.ax-solar-card{grid-template-columns:1fr}.ax-solar-metric+.ax-solar-metric{border-left:0;border-top:1px solid rgba(125,174,205,.12);padding-top:.8rem}.ax-station-page .text-sm{font-size:.86rem!important}}

/* More-weather page: readable at normal desktop distance. */
.ax-more-card-head p{font-size:.86rem!important}.ax-more-label{font-size:.72rem!important}.ax-more-metrics span{font-size:.72rem!important}.ax-more-metrics strong{font-size:.9rem!important}.ax-more-metrics small{font-size:.72rem!important}.ax-more-extra{font-size:.8rem!important}.ax-more-footer{font-size:.77rem!important}.ax-more-comfort{font-size:.84rem!important}
.ax-meta{font-size:.86rem!important}.ax-station-page .ax-signal{font-size:.88rem!important;padding:.48rem .75rem!important}.ax-station-page .ax-pulse-value{font-size:2.15rem!important}