/* styles/whats-new.css — v1381. What's new (modules/tools/whats-new.js), inside the mode window: one card per feature,
   its head opens its changes. Colours only from the window's tokens (--mw-*), so light and dark follow the window. */
.mw.wn .wn-f { padding:0; }
.mw.wn .wn-hd { display:flex; align-items:center; gap:12px; width:100%; min-height:60px; padding:8px 14px; border:0; background:none; color:var(--mw-ink); text-align:left; cursor:pointer; font:inherit; }
.mw.wn .wn-hd .mw-rt { flex:1; min-width:0; display:grid; gap:2px; }
.mw.wn .wn-hd .mw-rt b { font-weight:600; }
.mw.wn .wn-hd .mw-rt small { color:var(--mw-mut); font-size:.86em; }
.mw.wn .wn-hd:focus-visible { outline:2px solid var(--mw-on); outline-offset:-2px; border-radius:inherit; }
.mw.wn .wn-chev { flex:none; display:grid; place-items:center; color:var(--mw-mut); transition:transform .2s; }
.mw.wn .wn-hd[aria-expanded="true"] .wn-chev { transform:rotate(180deg); }
.mw.wn .wn-new { flex:none; padding:3px 9px; border-radius:999px; background:var(--mw-on); color:#fff; font:600 12px/1.3 var(--mk-ui, inherit); }
.mw.wn .wn-body { padding:0 14px 12px; display:grid; gap:10px; }
.mw.wn .wn-body[hidden] { display:none; }
.mw.wn .wn-e { padding:10px 0 0; border-top:.5px solid var(--mw-sep); }
.mw.wn .wn-e b { display:block; font-weight:600; margin:2px 0 3px; }
.mw.wn .wn-e p { margin:0; color:var(--mw-ink); opacity:.86; line-height:1.45; }
.mw.wn .wn-v { display:flex; gap:10px; font:600 12px/1.3 var(--mk-ui, inherit); color:var(--mw-mut); font-variant-numeric:tabular-nums; }
.mw.wn .wn-e.fresh .wn-v span:first-child { color:var(--mw-on); }
.mw.wn .wn-go { display:inline-flex; align-items:center; gap:8px; justify-self:start; min-height:44px; padding:0 16px; border:0; border-radius:999px; background:var(--mw-fill); color:var(--mw-on); font:600 16px/1 var(--mk-ui, inherit);   /* v1503: the text floor (16) — Flow is the first feature with an Open key at the top */ cursor:pointer; }
.mw.wn .wn-go:focus-visible { outline:2px solid var(--mw-on); outline-offset:2px; }
.mw.wn .wn-how { display:flex; align-items:center; gap:8px; margin:2px 0 0; color:var(--mw-mut); font-size:.92em; }
/* v1385 — something new: a gold dot (--dot-gold, al.css) on the round button, the Menu key and the Menu row;
   the Menu row's dot pulses and its "N new" is gold. A look clears them (whats-new.js). */
#dock-fab.wn-has, #dock-menu.wn-has, .hub-new .al-ic { position:relative; }
.wn-dot { position:absolute; top:4px; right:4px; width:10px; height:10px; border-radius:50%; background:var(--dot-gold); box-shadow:0 0 0 2px var(--al-surf, var(--mw-glass, transparent)); pointer-events:none; z-index:2; }
.hub-new .al-ic .wn-dot { top:-3px; right:-3px; animation:wn-pulse 1.8s ease-in-out infinite; }
@keyframes wn-pulse { 0%, 100% { transform:scale(1); box-shadow:0 0 0 2px var(--al-surf, transparent), 0 0 0 0 var(--ms-gold-rim); } 50% { transform:scale(1.2); box-shadow:0 0 0 2px var(--al-surf, transparent), 0 0 0 7px transparent; } }
@media (prefers-reduced-motion:reduce) { .hub-new .al-ic .wn-dot { animation:none; } }
.hub-new.has-new .rt { color:var(--ms-gold); font-weight:700; }   /* text: the theme's readable gold */