/* Floor marketplace header + menu sheet, shared by the marketplace (/, /coins, …) and coin pages
   (explore.html). Tokens are scoped to the header so this file can load next to the board's own
   stylesheet, which defines --line/--ink/… on :root with different values. Markup: mk-shell.js. */
.mk-hdr,.mk-sheet{
  --paper:#FBFBF8; --ink:#17150D; --ink2:#3d3a31; --mute:#77746A; --line:#E6E4DD; --frame:#EFEEE8;
  --raise:#FFFFFF; --floor:#F5D130; --chip:#F2F1EC;
  --serif:Newsreader,'Iowan Old Style',Georgia,serif; --sans:Archivo,system-ui,-apple-system,sans-serif;
  --gut:48px; --max:1360px;
  font:15px/1.5 var(--sans); color:var(--ink); box-sizing:border-box;
}
:root[data-theme="dark"] .mk-hdr,:root[data-theme="dark"] .mk-sheet{
  --paper:#121210; --ink:#F3F1EA; --ink2:#CFCBBF; --mute:#9D998D; --line:#2A2923; --frame:#1E1D19; --raise:#1A1915; --chip:#201F1B;
}
@media (max-width:760px){.mk-hdr,.mk-sheet{--gut:20px}}
.mk-hdr *,.mk-sheet *{box-sizing:border-box}
.mk-hdr a,.mk-sheet a{color:inherit}
.mk-hdr :focus-visible,.mk-sheet :focus-visible{outline:2px solid var(--floor);outline-offset:2px;border-radius:6px}
/* ── header ─────────────────────────────────────────────────────────── */
.mk-hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}
.mk-hdr-in{max-width:var(--max);margin:0 auto;padding:0 var(--gut);height:64px;display:flex;align-items:center;gap:20px}
.mk-logo{display:inline-flex;height:28px;color:var(--ink);text-decoration:none;flex:0 0 auto}
.mk-logo [data-fl-logo]{display:block;height:100%}
.mk-nav{display:flex;gap:22px}
.mk-nav a{text-decoration:none;font-weight:500;font-size:14.5px;color:var(--ink2);padding:6px 0;border-bottom:2px solid transparent}
.mk-nav a:hover{color:var(--ink)}
.mk-nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--floor)}
.mk-search{position:relative;flex:1 1 auto;max-width:460px;margin-left:auto}
.mk-search>svg{position:absolute;left:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);fill:none;stroke:var(--mute);stroke-width:1.8;stroke-linecap:round}
.mk-search input{width:100%;height:38px;border-radius:10px;border:1px solid transparent;background:var(--chip);color:var(--ink);font:14px var(--sans);padding:0 12px 0 36px;outline:none}
.mk-search input:focus{border-color:var(--line);background:var(--raise)}
.mk-search input::placeholder{color:var(--mute)}
.mk-qres{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--raise);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(20,18,10,.14);padding:6px;max-height:70vh;overflow:auto}
.mk-qres h4{margin:8px 10px 4px;font:600 12px var(--sans);color:var(--mute)}
.mk-qres a{display:flex;gap:10px;align-items:center;padding:7px 10px;border-radius:10px;text-decoration:none}
.mk-qres a:hover,.mk-qres a.on{background:var(--chip)}
.mk-qres img,.mk-qres .ph{width:30px;height:30px;border-radius:8px;object-fit:cover;background:var(--frame);flex:0 0 30px}
.mk-qres .ph.round,.mk-qres img.round{border-radius:50%}
.mk-qres small{color:var(--mute);margin-left:auto}
.mk-qres .none{padding:12px;color:var(--mute);font-size:14px}
.mk-searchbtn,.mk-burger{display:none;width:38px;height:38px;border:0;background:none;color:var(--ink);padding:0;cursor:pointer;border-radius:10px}
.mk-searchbtn svg,.mk-burger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mk .fl-theme-tgl{--fl-tgl-fg:var(--ink);--fl-tgl-line:var(--line);--fl-tgl-hover:var(--chip)}
.mk-launch{font-weight:600;font-size:14px;text-decoration:none;padding:9px 16px;border-radius:999px;border:1px solid var(--ink);color:var(--ink);white-space:nowrap}
.mk-launch:hover{background:var(--ink);color:var(--paper)}
.mk-connect,.mk-hdr .cx-btn{font:600 14px var(--sans);padding:10px 18px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;white-space:nowrap}
.mk-connect:hover{opacity:.88}
.mk-sheet{position:fixed;inset:64px 0 0;z-index:49;background:var(--paper);padding:12px var(--gut) 40px;overflow:auto}
.mk-sheet nav{display:flex;flex-direction:column}
.mk-sheet a,.mk-sheet-tgl{font:italic 500 30px/1.25 var(--serif);text-decoration:none;padding:10px 0;color:var(--ink);background:none;border:0;text-align:left;cursor:pointer}
.mk-sheet hr{border:0;border-top:1px solid var(--line);margin:14px 0}
.mk-sheet-tgl{width:auto;height:auto;border-radius:0;display:block}
@media (max-width:1100px){.mk-nav{gap:16px}.mk-launch{display:none}}
@media (max-width:900px){
  .mk-hdr-in{gap:8px;height:58px}
  .mk-nav,.mk-search,.mk-tgl{display:none}
  .mk-burger,.mk-searchbtn{display:inline-grid;place-items:center}
  .mk-hdr .mk-logo{position:absolute;left:50%;transform:translateX(-50%);height:24px}
  .mk-connect,.mk-hdr .cx-btn{margin-left:auto;padding:8px 14px;font-size:13.5px}
  .mk-hdr-in{position:relative}
  .mk-sheet{inset:58px 0 0}
  body.mk-searching .mk-search{display:block;position:absolute;left:var(--gut);right:var(--gut);top:10px;max-width:none;z-index:2}
  body.mk-searching .mk-search input{background:var(--raise);border-color:var(--line)}
}

/* 0.1.0-dev.25 (QA audit) */
.mk-connect{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;max-width:190px}
.mk-connect>span:last-child{overflow:hidden;text-overflow:ellipsis}
.mk-connect .fd-mark{flex:0 0 14px}
.mk-burger .x{display:none}
.mk-burger[aria-expanded="true"] .bars{display:none}
.mk-burger[aria-expanded="true"] .x{display:block}
.mk-search-x{display:none}
@media (max-width:900px){
  body.mk-searching .mk-search-x{display:inline-grid;place-items:center;position:absolute;right:calc(var(--gut) + 4px);top:13px;z-index:61;width:32px;height:32px;border:0;border-radius:8px;background:none;color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
  body.mk-searching .mk-search input{padding-right:40px}
}