

  .wxc{ background:transparent; border:0; border-radius:0; overflow:hidden; box-shadow:none; min-width:0; width:100%; }
  

  .livewx[data-live="loading"] .wxc{ min-height:750px; }
  @media (min-width:820px){ .livewx[data-live="loading"] .wxc{ min-height:796px; } }
  .wxc-in{ display:flex; flex-direction:column; }
  

  .wxc-eyebrow{ font-size:10.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--text-dim);
                padding:14px var(--inset) 0; display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .wxc-eyebrow .eb{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
   
  

   
  .wxc-dots{ display:inline-flex; gap:7px; flex:0 0 auto; }
  .wxc-dots .dot{ width:8px; height:8px; border-radius:50%; border:0; padding:0; cursor:pointer; background:rgba(255,255,255,.26); transition:background .2s, transform .2s; }
  .wxc-dots .dot.on{ background:var(--accent); transform:scale(1.15); }
  .wxc-dots .dot:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
  .wxc-in{ transition:opacity .32s ease; }
  .wxc-in.out, .wxc-in.in{ opacity:0; }
  @media (prefers-reduced-motion: reduce){ .wxc-in{ transition:none; } }
  .wxc-eyebrow b{ color:var(--text); font-weight:700; }
  .wxc-eyebrow .sep{ color:var(--text-dim); margin:0 2px; }
  .wxc-eyebrow .ev{ color:var(--warn); }
  .wxc-eyebrow .tx{ font-family:var(--mono); text-transform:none; letter-spacing:0; color:var(--text-faint); margin-left:6px; }
  .wxs{ display:flex; align-items:center; gap:12px; width:100%; padding:6px var(--inset) 9px; border:0; background:transparent;
        color:var(--text); font:inherit; text-align:left; cursor:pointer; min-height:52px; }
  .wxs:focus-visible{ outline:2px solid var(--accent); outline-offset:-2px; border-radius:12px; }
   
  

  .wxs-ic{ flex:0 0 56px; border-radius:10px; background:0; border:0; box-shadow:none; }
  .wxs-t{ font-size:30px; font-weight:600; letter-spacing:-.04em; font-variant-numeric:tabular-nums; line-height:1; flex:0 0 auto; }
  .wxs-t i{ font-style:normal; font-weight:300; font-size:18px; color:color-mix(in srgb, var(--text) 70%, transparent); vertical-align:top; margin-left:1px; }
  .wxs-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1 1 auto; }
  .wxs-txt b{ font-size:13px; font-weight:500; color:color-mix(in srgb, var(--text) 90%, transparent); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .wxs-txt span{ font-size:12px; color:var(--text-dim); font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .wxs-go{ display:inline-flex; align-items:center; gap:6px; flex:0 0 auto; padding:7px 12px; border-radius:999px;
           font-size:12px; font-weight:650; color:#0a1a2b; background:rgba(255,255,255,.92); letter-spacing:.01em; transition:.15s; }
  .wxs:hover .wxs-go{ background:#fff; }
  .wxs-go svg{ width:13px; height:13px; transition:transform .2s; }
  .wxs-go .close{ display:none; }
  .wxc.open .wxs-go .close{ display:inline; } .wxc.open .wxs-go .open{ display:none; }
  .wxc.open .wxs-go svg{ transform:rotate(180deg); }
  .wxs-note{ margin:0; padding:9px var(--inset) 12px; font-size:12.5px; line-height:1.5; color:var(--text-dim); }
   
  .wxx{ padding:0 var(--inset) 12px; display:flex; flex-direction:column; gap:10px; max-width:1180px; margin:0 auto; width:100%; box-sizing:border-box; }
  .wxc-foot{ margin:0; font-size:11px; line-height:1.5; color:var(--text-faint); padding:0 4px; }
  .livewx .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

   
  .wxh{ position:relative; overflow:hidden; border-radius:12px; border:1px solid var(--border);
        background:linear-gradient(180deg,#0d1622,#070b12); }
  .wxh-scene{ position:absolute; inset:0; pointer-events:none; }
  .wxh-scene canvas{ display:block; width:100%; height:100%; object-fit:cover; }
  .wxh-scrim1{ position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,#070b1233,#070b12b3,#070b12ee); }
  .wxh-scrim2{ position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#070b12cc,#070b1266,transparent); }
  .wxh-body{ position:relative; padding:10px 16px 8px; }
  .wxh-temp{ display:flex; align-items:flex-start; line-height:1; }
  .wxh-temp .t{ font-size:46px; font-weight:600; letter-spacing:-.04em; font-variant-numeric:tabular-nums; color:var(--text); }
  .wxh-temp .deg{ font-size:22px; font-weight:300; color:color-mix(in srgb, var(--text) 70%, transparent); margin:3px 0 0 1px; }
  .wxh-temp .hl{ margin:6px 0 0 12px; font-size:13px; font-weight:500; font-variant-numeric:tabular-nums; color:var(--text-dim); }
  .wxh-temp .hi{ color:color-mix(in srgb, var(--text) 85%, transparent); }
  .wxh-temp .sl{ margin:0 4px; color:color-mix(in srgb, var(--text-dim) 50%, transparent); }
  .wxh-line{ margin-top:4px; font-size:12.5px; font-variant-numeric:tabular-nums; }
  .wxh-line .c{ font-weight:500; color:color-mix(in srgb, var(--text) 90%, transparent); }
  .wxh-line .dot{ margin:0 6px; color:color-mix(in srgb, var(--text-dim) 40%, transparent); }
  .wxh-line .d{ color:var(--text-dim); }
  .wxh-line .v{ color:color-mix(in srgb, var(--text) 85%, transparent); }
  .wxh-narr-w{ margin-top:8px; padding-top:8px; border-top:1px solid rgba(255,255,255,.05); }
   
  .wxh-day{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; font-size:10.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--text-dim); }
  .wxh-narr{ font-size:12px; line-height:1.625; color:var(--text-dim); }
  .wxh-narr.clamp{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .wxh-more{ margin-top:2px; padding:0; border:0; background:none; font:inherit; font-size:11px; font-weight:500; cursor:pointer;
             color:color-mix(in srgb, var(--text) 70%, transparent); transition:color .15s; }
  .wxh-more:hover{ color:var(--text); }
  .wxh-legend{ margin-top:6px; }
  .wxh-legend:empty{ display:none; }
  .wxh-notes{ display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
  .wxh-note{ display:flex; align-items:center; gap:4px; padding:2px 6px; border-radius:999px; border:1px solid var(--border);
             background:rgba(0,0,0,.2); color:var(--text-dim); font:inherit; font-size:9.5px; font-weight:500; line-height:1; cursor:pointer; transition:color .15s; }
  .wxh-note:hover{ color:color-mix(in srgb, var(--text) 80%, transparent); }
  .wxh-note[aria-expanded="true"]{ border-color:color-mix(in srgb, var(--text) 25%, transparent); background:color-mix(in srgb, var(--text) 10%, transparent); color:var(--text); }
  .wxh-note span{ max-width:92px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .wxh-note-d{ margin:4px 0 0; font-size:10.5px; line-height:1.45; color:var(--text-dim); }
  .wxh-chips{ margin-top:8px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; border-top:1px solid rgba(255,255,255,.07); padding-top:6px; }
  .wxh-chip{ display:flex; flex-direction:column; align-items:center; gap:1px; min-width:0; }
  .wxh-chip .v{ font-size:16px; font-weight:600; font-variant-numeric:tabular-nums; line-height:1; }
  .wxh-chip .l{ font-size:9.5px; font-weight:500; text-transform:uppercase; letter-spacing:.06em; color:color-mix(in srgb, var(--text-dim) 75%, transparent);
                white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
   
  .wxh-alert{ margin:-14px -16px 10px; border-radius:12px 12px 0 0; overflow:hidden; border-bottom:1px solid color-mix(in srgb, var(--ac) 33%, transparent);
              background:linear-gradient(90deg, color-mix(in srgb, var(--ac) 15%, transparent), transparent 70%); }
  .wxh-alert-b{ width:100%; display:flex; align-items:flex-start; gap:10px; padding:10px 16px; border:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; }
  .wxh-dot{ position:relative; margin-top:3px; flex:0 0 8px; width:8px; height:8px; display:flex; }
  .wxh-dot .ping{ position:absolute; inset:0; border-radius:50%; background:var(--ac); opacity:.7; }
  .wxh-dot .core{ position:relative; width:8px; height:8px; border-radius:50%; background:var(--ac); }
  @media (prefers-reduced-motion: no-preference){
    .wxh-dot .ping{ animation:wxping 1s cubic-bezier(0,0,.2,1) infinite; }
    @keyframes wxping{ 75%,100%{ transform:scale(2); opacity:0; } }
  }
  .wxh-alert-t{ flex:1 1 auto; min-width:0; display:block; }
  .wxh-alert-t .row{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
  .wxh-alert-t .ev{ font-size:13px; font-weight:600; color:var(--text); line-height:1.25; }
  .wxh-alert-t .tag{ font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.025em; padding:1px 6px; border-radius:4px;
                     color:var(--ac); background:color-mix(in srgb, var(--ac) 13%, transparent); }
  .wxh-alert-t .where{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:2px;
                       font-size:11.5px; line-height:1.375; color:var(--text-dim); }
  .wxh-alert-t .more{ display:block; margin-top:2px; font-size:10px; color:var(--text-faint); }
  .wxh-alert-d{ padding:10px 16px 12px; border-top:1px solid color-mix(in srgb, var(--ac) 20%, transparent); font-size:11.5px; line-height:1.625;
                color:var(--text-dim); white-space:pre-line; max-height:192px; overflow-y:auto; }

   

   
  @media (max-width:520px){
    .wxs{ gap:9px; padding:5px var(--inset) 8px; }
    .wxc-eyebrow{ padding-top:12px; }
    .wxs-go .open, .wxs-go .close{ display:none; }
    .wxc.open .wxs-go .close{ display:none; }
    .wxs-go{ padding:7px; }
    .wxs-t{ font-size:26px; }
    .wxh-chips{ gap:4px; }
  }
