/* Goal100 Learning · Weather Lab styles (assets/g100-wx.css) · Nov 14, 2026, job "weather". Loaded after g100-rlab.css. */
.wx-main{overflow-x:hidden}
.wx-hero{background:radial-gradient(120% 140% at 85% 0%,#2E7DD1 0%,#123A6B 48%,#0B1730 100%)}
.wx-hero .rl-bubbles i{bottom:auto;top:-30px;width:3px;height:22px;border-radius:3px;background:rgba(160,215,255,.6);animation:wxRain 1.9s linear infinite}
.wx-hero .rl-bubbles i:nth-child(2n){background:rgba(160,215,255,.45);width:2px;height:16px;animation-duration:2.4s}
.wx-hero .rl-bubbles i:nth-child(3n){background:rgba(255,255,255,.5);width:2px;height:26px;animation-duration:1.6s}
@keyframes wxRain{from{transform:translateY(0)}to{transform:translateY(420px)}}
@media (prefers-reduced-motion:reduce){.wx-hero .rl-bubbles i{animation:none;display:none}}
.wx-sim{border-left:4px solid #2E7DD1;padding:6px 10px;background:#EEF5FD;border-radius:10px}
.wx-steps{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.wx-steps .rl-btn{flex:1 1 150px}
.wx-say{border-radius:18px;padding:12px 16px;margin:10px 0;background:#F2F7FD;border:2px solid #D6E6F7}
.wx-say b{display:block;font-size:1.1rem;margin-bottom:4px}
.wx-big-idea{font-size:1.15rem;font-weight:800;margin:6px 0 10px}
.wx-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:.97rem}
.wx-table th,.wx-table td{border:1px solid #D9DBEA;padding:8px;text-align:left;vertical-align:top}
.wx-table th{background:#EEF2FA}
.wx-table tr.on td{background:#FFF2D9;font-weight:700}
.wx-tablewrap{max-width:100%;overflow-x:auto}
.wx-slider-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:10px 0}
.wx-slider-row label{font-weight:700}
.wx-read{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.wx-read span{border-radius:12px;padding:6px 12px;background:#EEF2FA;font-weight:700}
.wx-read span.hot{background:#FFE6D6}.wx-read span.cold{background:#DDEBFF}
.wx-inst{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:12px 0}
.wx-inst .rl-card{margin:0}
.wx-gauge{display:block;width:100%;max-width:240px;height:auto;margin:6px auto}
.wx-unit{font-size:.92rem;background:#F6F5FF;border-radius:12px;padding:8px 10px;margin:8px 0}
.wx-unit b{color:#2B2A8C}
.wx-input{font-size:16px;min-height:44px;padding:6px 10px;border-radius:12px;border:2px solid #C8CAE0;width:7em;max-width:100%}
.wx-calc{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:10px 0}
.wx-calc label{display:flex;flex-direction:column;gap:4px;font-weight:700}
.wx-src li{margin:6px 0;overflow-wrap:anywhere}
.wx-clouds{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0}
.wx-cloud{border-radius:16px;border:2px solid #D9DBEA;padding:10px;background:var(--card,#fff);min-height:44px}
.wx-cloud b{display:block}.wx-cloud small{opacity:.85}
.wx-cloud .lvl{display:inline-block;font-size:.78rem;font-weight:800;border-radius:999px;padding:1px 8px;margin:4px 0;background:#E9E7FF;color:#2B2A8C}
.wx-svg{display:block;width:100%;height:auto;max-width:520px;margin:6px auto;border-radius:16px;background:#F2F7FD}
.wx-map{display:block;width:100%;height:auto;border-radius:18px;background:#DCEBFA;touch-action:pan-y}
.wx-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:.9rem;margin:6px 0}
.wx-legend span{display:inline-flex;align-items:center;gap:6px}
.wx-legend i{display:inline-block;width:22px;height:6px;border-radius:3px}
.wx-flash{position:absolute;inset:0;pointer-events:none;background:rgba(220,230,255,.0);transition:background .12s}
.wx-flash.on{background:rgba(220,230,255,.28)}
.wx-count{font-size:2rem;font-weight:800;text-align:center;margin:6px 0}
.wx-pill{display:inline-block;border-radius:999px;padding:2px 10px;font-weight:800;font-size:.85rem;color:#fff;background:#2B2A8C}
.wx-pill.TD{background:#3D7BFF}.wx-pill.TS{background:#1D9F5F}.wx-pill.HU{background:#C0392B}.wx-pill.EX{background:#6B6F80}.wx-pill.LO{background:#8A8FA3}
.wx-cat{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:8px 0}
.wx-cat button{min-height:52px;border-radius:14px;border:2px solid #D9DBEA;background:var(--card,#fff);font:800 1rem inherit;cursor:pointer;color:#16163A}
.wx-cat button[aria-pressed=true]{border-color:#C0392B;background:#FDECEA}
.wx-ens{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.wx-ens span{min-width:44px;text-align:center;border-radius:10px;padding:4px 6px;background:#EEF2FA;font-weight:700}
.wx-ens span.rain{background:#DDEBFF}
.wx-score{font-size:1.6rem;font-weight:800}
.rl-board .wx-say{font-size:1.15rem}.rl-board .wx-table{font-size:1.1rem}
@media (max-width:420px){.wx-cat{grid-template-columns:repeat(3,minmax(0,1fr))}.wx-table{font-size:.88rem}.wx-table th,.wx-table td{padding:6px}}