/* MyWork shared tokens + top bar. Tools may define more tokens of their own. */
[hidden]{display:none!important}
body{margin:0}
img{max-width:100%}
:root{
  --mw-bg:#f3f5f4; --mw-paper:#ffffff; --mw-ink:#15211d; --mw-muted:#5d6b66; --mw-line:#d9e0dd; --mw-soft:#e9eeec;
  --mw-accent:#0d6b57; --mw-accent-ink:#ffffff; --mw-accent-soft:#dcefe8;
  --mw-warn:#9a5b00; --mw-warn-soft:#fdf0d9; --mw-red:#b42318; --mw-red-soft:#fde8e6;
  --mw-bar:#11211c; --mw-bar-ink:#e6efeb; --mw-bar-muted:#93a8a0;
  --mw-display:"Schibsted Grotesk","Segoe UI",system-ui,sans-serif;
  --mw-body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --mw-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root{
  --mw-bg:#0f1513; --mw-paper:#161e1b; --mw-ink:#e4ebe8; --mw-muted:#97a6a0; --mw-line:#2a3632; --mw-soft:#1d2723;
  --mw-accent:#45b897; --mw-accent-ink:#06231b; --mw-accent-soft:#16342b;
  --mw-warn:#f2b85b; --mw-warn-soft:#372a14; --mw-red:#ff8a7d; --mw-red-soft:#3a1c19;
  --mw-bar:#0a110e; --mw-bar-ink:#e4ebe8; --mw-bar-muted:#7f948c; color-scheme:dark}}

#mw-bar{background:var(--mw-bar);color:var(--mw-bar-ink);position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top,0px)}
.mw-bar-in{max-width:1060px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:10px;font:500 14px/1.2 var(--mw-body)}
.mw-brand{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font:700 15px/1 var(--mw-display);letter-spacing:.01em}
.mw-mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--mw-accent);color:var(--mw-accent-ink);font:700 13px/1 var(--mw-display)}
.mw-sep{color:var(--mw-bar-muted)}
.mw-tool{font-weight:600}
.mw-sp{flex:1}
.mw-user{color:var(--mw-bar-muted);max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mw-out{background:transparent;border:1px solid color-mix(in srgb,var(--mw-bar-ink) 25%,transparent);color:inherit;border-radius:7px;padding:5px 10px;font:inherit;cursor:pointer}
.mw-out:hover{border-color:var(--mw-bar-ink)}
.mw-brand:focus-visible,.mw-out:focus-visible{outline:2px solid var(--mw-accent);outline-offset:2px}
@media (max-width:480px){.mw-user{display:none}}