/* WILDLIFE channels + TODAY IN THE WILD (wow/wildx.js) */
#lc-slow-zones,#lc-seal-tags{display:none!important}
#wx-today{margin:0 0 10px;border:1px solid var(--line);border-left:2px solid var(--m-lime);background:linear-gradient(180deg,color-mix(in srgb,var(--m-lime) 7%,transparent),var(--panel));padding:8px 8px 6px}
.wx-today-h{display:flex;align-items:center;justify-content:space-between;font:700 12px var(--hd);letter-spacing:.22em;color:var(--m-lime);margin-bottom:6px}
.wx-pulse{width:7px;height:7px;border-radius:50%;background:var(--m-lime);box-shadow:0 0 8px var(--m-lime);animation:wxp 1.8s ease-in-out infinite}
@keyframes wxp{50%{opacity:.25}}
.wx-load{font:10px var(--mono);letter-spacing:.1em;color:var(--dim);padding:8px 2px}
.wx-it{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:1px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line2);border-left:2px solid var(--cy);color:inherit;padding:6px 8px;margin:0 0 5px;cursor:pointer;min-height:40px}
.wx-it:hover{background:color-mix(in srgb,var(--cy) 8%,transparent)}
.wx-it b{grid-row:1;font:600 10px var(--mono);letter-spacing:.14em;color:var(--cy2);align-self:center;white-space:nowrap}
.wx-it .wx-h{grid-row:1;font:600 12px var(--hd);letter-spacing:.07em;color:var(--m-hi);overflow-wrap:anywhere}
.wx-it small{grid-column:1/-1;font-size:10px;line-height:1.3;color:var(--dim);letter-spacing:.03em}
.wx-it.red{border-left-color:var(--red)}.wx-it.red b{color:var(--red2,var(--red))}
.wx-it.amber{border-left-color:var(--m-amber)}.wx-it.amber b{color:var(--m-amber)}
.wx-it.grn{border-left-color:var(--m-lime)}.wx-it.grn b{color:var(--m-lime)}
.wx-it.dim{border-left-color:var(--mute,#667);opacity:.8}.wx-it.dim b{color:var(--mute,#99a)}
.wx-ch{margin:0 0 7px;border:1px solid var(--line2);border-left:2px solid var(--wc,var(--cy));background:var(--panel)}
.wx-ch[hidden]{display:none}
.wx-hd{display:flex;align-items:stretch}
.wx-fold{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;border:0;color:inherit;text-align:left;padding:8px;min-height:44px;cursor:pointer}
.wx-chev{width:14px;height:14px;flex:none;color:var(--wc,var(--cy));transition:transform .15s}
.wx-chev svg{width:14px;height:14px;display:block}
.wx-ch.open .wx-chev{transform:rotate(90deg)}
.wx-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wx-tt b{font:700 12px var(--hd);letter-spacing:.16em;color:var(--m-hi)}
.wx-tt small{font-size:10px;letter-spacing:.07em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wx-fold em{font:600 10px var(--mono);font-style:normal;letter-spacing:.08em;color:var(--wc,var(--cy2));white-space:nowrap}
.wx-ms{padding:0 10px;border-left:1px solid var(--line2);display:flex;align-items:center}
.wx-body{display:none;padding:6px 6px 0}
.wx-ch.open .wx-body{display:block}
.lcard .wx-stale{margin:0 8px 8px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--m-amber) 50%,transparent);background:color-mix(in srgb,var(--m-amber) 8%,transparent);color:var(--m-amber);font:9.5px var(--mono);letter-spacing:.06em;line-height:1.35}
@media (max-width:760px),(max-height:500px) and (pointer:coarse){
  #wx-today{margin-bottom:8px}
  .wx-row{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:4px}
  .wx-it{flex:0 0 74%;min-height:44px;margin:0;scroll-snap-align:start;align-content:start}
  .wx-tt small{white-space:normal}
  .wx-fold{padding:8px 6px}
  .wx-body{padding:5px 4px 0}
}
/* light mode (CJ 10/13 polish): channel colors are data, pulled toward ink on paper */
html[data-theme="light"] :is(.wx-chev,.wx-fold em){color:color-mix(in srgb,var(--wc) 58%,var(--ink))}

.wx-stale{opacity:1} /* CJ 10/13 QA */