/* The Notice (web/notice-core.js): the one block for every failure and empty state. A title, one sentence, one action,
   no icon. It reads the board's working tokens where the page has them (--t1 .. --ln2, which the dark theme swaps) and
   the public site's where it does not, so it is right in both themes on every page. Win and loss colours belong to
   graded results alone, so no tone is red or green: calm is plain, late and slow carry the amber, failed a firmer line.
   Loaded after the page's own stylesheets and just before the slip's motion, which stays last (edgefinder/site.py _head, web/board.html). */
.notice{--n-t1:var(--t1,var(--ink,#0D1320));--n-t2:var(--t2,var(--ink-2,#4B566B));--n-ln:var(--ln2,var(--line-2,rgba(13,19,32,.13)));
  --n-bg:var(--surface,#FFFFFF);--n-tone:var(--n-ln);--n-go:var(--solid,var(--ink,#0D1320));--n-go-ink:var(--solid-ink,#FFFFFF);
  display:flex;flex-direction:column;align-items:center;gap:6px;max-width:560px;margin:0 auto;padding:40px 24px;text-align:center;
  color:var(--n-t1);background:var(--n-bg);border:1px solid var(--n-ln);border-radius:var(--r-pane,20px)}
.notice[data-tone="late"],.notice[data-tone="slow"]{--n-tone:var(--amber,var(--warn,#9A6100));border-color:var(--n-tone)}
.notice[data-tone="failed"]{--n-tone:var(--n-t2);border-color:var(--n-t2)}
.notice-t{margin:0;font:500 20px/1.3 var(--sans,system-ui,sans-serif);letter-spacing:-.02em;overflow-wrap:anywhere}
h1.notice-t{font-size:clamp(26px,5vw,36px);line-height:1.15}
.notice-b{margin:0;max-width:44ch;font:400 15px/1.55 var(--sans,system-ui,sans-serif);color:var(--n-t2);overflow-wrap:anywhere}
.notice-a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin-top:14px;padding:0 22px;border:0;border-radius:999px;
  background:var(--n-go);color:var(--n-go-ink);font:500 15px/1 var(--sans,system-ui,sans-serif);text-decoration:none;cursor:pointer}
.notice-a:hover{opacity:.88}
.notice-a:focus-visible{outline:2px solid var(--accent,var(--cyan-day,#007A96));outline-offset:3px}
/* the board's list gives an empty state its own rows' padding: a Notice inside it needs none of that */
#rows>.notice,.dvlist>.notice{margin-top:32px}
:root[data-theme="dark"] .notice{--n-bg:var(--surface,#0D1321);--n-t1:var(--t1,#EEF1F6);--n-t2:var(--t2,#9BA5B7);--n-ln:var(--ln2,rgba(255,255,255,.12));
  --n-go:var(--solid,#EEF1F6);--n-go-ink:var(--solid-ink,#060910)}
@media (max-width:480px){.notice{padding:32px 18px;border-radius:16px}.notice-a{width:100%}}
@media (prefers-reduced-motion:no-preference){.notice-a{transition:opacity .15s var(--ease-ui,ease)}}