/* /explore "Where it shows up" screens, v2 (2026-10-05). Everything is scoped under .mk2 so nothing leaks
   into the page. Tokens, fonts and the market card (.mk) match the Arbitrum article figures
   (the article figures modalities.html and apps.html); the phone frame is apps.html's verbatim.
   Curves are drawn by mockups.js from the data-* attributes on each svg.mk2-ch. */

.mk2{--bg:#0d0e12;--surface:#131519;--surface-alt:#181b20;--border:#1e2128;--text:#F0F1F3;--text-2:#c0c5ce;--text-3:#8B919A;--muted:#5a6170;--accent:#3B82F6;--accent-sub:rgba(59,130,246,0.10);--accent-bdr:rgba(59,130,246,0.45);--cons:#6b82b8;
  font-family:Inter,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;line-height:normal;font-size:14px;text-align:left}
.mk2,.mk2 *{box-sizing:border-box;margin:0;padding:0}
.mk2 .mono,.mk2 .num{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}
.mk2 .up{color:#5fb98a}
.mk2 .dn{color:#d57a72}

/* ---- the market card, one component everywhere (apps.html .mk) ---- */
.mk2 .mk{background:var(--surface);border:1px solid #262a33;border-radius:12px;padding:14px 16px 12px;color:var(--text);text-align:left}
.mk2 .mk .hd{display:flex;justify-content:space-between;align-items:baseline}
.mk2 .mk .hd b{font-size:12px;font-weight:600;letter-spacing:.06em}
.mk2 .mk .hd .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:1px}
.mk2 .mk .hd span{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-3)}
.mk2 .mk .q{font-size:17px;font-weight:600;line-height:1.3;margin:9px 0 4px;letter-spacing:-.01em}
.mk2 .mk svg.mk2-ch{display:block;width:100%;height:auto}
.mk2 .mk .ax{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-3);margin-top:2px}
.mk2 .mk .opts{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;margin-top:12px}
.mk2 .mk .opt{border:1px solid var(--border);background:var(--surface-alt);border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;white-space:nowrap}
.mk2 .mk .opt.on{border-color:var(--accent-bdr);background:var(--accent-sub);color:#8FB0FF}
.mk2 .mk .opt span{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:13px;color:var(--text-2)}
.mk2 .mk .by{display:flex;align-items:center;gap:8px;margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;color:var(--text-3)}
.mk2 .mk .by img{height:11px;width:auto;display:block;opacity:.95}
/* the standalone card (screen 1) is the same component at the width it has inside a phone */
.mk2.mk2-card{width:343px}
.mk2.mk2-card .mk{padding:14px 16px 12px}

/* ---- phone (apps.html .phone, verbatim) ---- */
.mk2 .phone{width:375px;height:812px;border-radius:56px;background:#15171c;padding:9px;box-shadow:inset 0 0 0 1.5px #30343d;position:relative}
.mk2 .phone .btn{position:absolute;width:3px;background:#2a2e36;border-radius:2px}
.mk2 .phone .btn.l1{left:-3px;top:150px;height:32px}.mk2 .phone .btn.l2{left:-3px;top:200px;height:58px}.mk2 .phone .btn.l3{left:-3px;top:270px;height:58px}.mk2 .phone .btn.r{right:-3px;top:220px;height:90px}
.mk2 .scr{width:100%;height:100%;border-radius:47px;overflow:hidden;position:relative;background:#0f1115}
.mk2 .island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:122px;height:35px;background:#000;border-radius:20px;z-index:5}
.mk2 .status{height:56px;display:flex;justify-content:space-between;align-items:center;padding:4px 34px 0;font-size:15px;font-weight:600;letter-spacing:-.01em}
.mk2 .status svg{display:block}
.mk2 .home{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:134px;height:5px;border-radius:3px;background:currentColor;opacity:.9}
.mk2 .pad{padding:0 16px}

/* ---- wallet ---- */
.mk2 .wl .scr{background:#0f1115}
.mk2 .wl .fade{position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(180deg,rgba(15,17,21,0),#0f1115 70%);pointer-events:none}
.mk2 .wl .top{display:flex;justify-content:space-between;align-items:center;height:32px}
.mk2 .wl .acct{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 6px;border-radius:16px;background:#181b20;border:1px solid #23272f;font-size:13px;font-weight:600}
.mk2 .wl .acct i{width:20px;height:20px;border-radius:50%;background:conic-gradient(from 210deg,#3B82F6,#7ea2ff 40%,#2a4f9a 70%,#3B82F6)}
.mk2 .wl .acct svg{display:block;margin-left:2px}
.mk2 .wl .top .ic{display:flex;gap:6px}
.mk2 .wl .top .ic span{width:32px;height:32px;border-radius:50%;background:#181b20;border:1px solid #23272f;display:flex;align-items:center;justify-content:center;color:var(--text-2)}
.mk2 .wl .bal{margin-top:14px}
.mk2 .wl .bal .k{font-size:12px;font-weight:500;color:var(--text-3);letter-spacing:.04em}
.mk2 .wl .bal .v{font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:0;font-variant-numeric:tabular-nums}
.mk2 .wl .bal .v small{font-size:22px;font-weight:500;color:var(--text-3);letter-spacing:-.01em}
.mk2 .wl .bal .d{font-size:13px;font-weight:500;margin-top:4px;color:var(--text-3)}
.mk2 .wl .acts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.mk2 .wl .act{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-2)}
.mk2 .wl .act i{width:44px;height:44px;border-radius:50%;background:#181b20;border:1px solid #23272f;display:flex;align-items:center;justify-content:center;color:var(--text)}
.mk2 .wl .act.pri i{background:var(--accent);border-color:var(--accent);color:#fff}
.mk2 .wl .seg{display:flex;gap:22px;margin-top:16px;border-bottom:1px solid #1e2128;font-size:14px;font-weight:600;color:var(--text-3)}
.mk2 .wl .seg span{padding:0 2px 8px;position:relative}
.mk2 .wl .seg .on{color:var(--text)}
.mk2 .wl .seg .on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--text);border-radius:1px}
.mk2 .wl .mk{margin-top:12px}
.mk2 .wl .ph{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 2px}
.mk2 .wl .ph b{font-size:13px;font-weight:600}
.mk2 .wl .ph span{font-size:12px;color:var(--text-3)}
.mk2 .wl .tok{display:flex;align-items:center;gap:12px;height:44px}
.mk2 .wl .tok+.tok{border-top:1px solid #171a20}
.mk2 .wl .tok .g{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.02em;flex:none}
.mk2 .wl .tok .n{flex:1;min-width:0}
.mk2 .wl .tok .n b{display:block;font-size:14px;font-weight:600}
.mk2 .wl .tok .n span{display:block;font-size:12px;color:var(--text-3);margin-top:2px}
.mk2 .wl .tok .a{text-align:right}
.mk2 .wl .tok .a b{display:block;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.mk2 .wl .tok .a span{display:block;font-size:12px;margin-top:2px;font-variant-numeric:tabular-nums}
.mk2 .wl .tok .chk{width:18px;height:18px;border-radius:50%;border:1.5px solid #30343d;flex:none;display:flex;align-items:center;justify-content:center}
.mk2 .wl .tok .chk.on{border-color:var(--accent);background:var(--accent)}

/* ---- desktop frames ---- */
.mk2 .desk{width:1180px;border-radius:10px;background:#0f1115;border:1px solid #262a33;overflow:hidden;text-align:left}
.mk2 .desk .mnav{display:flex;align-items:center;height:54px;padding:0 20px;border-bottom:1px solid var(--border);gap:26px}
.mk2 .desk .brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:-.01em;margin-right:6px}
.mk2 .desk .brand svg{display:block}
.mk2 .desk .links{display:flex;gap:22px;font-size:13.5px;font-weight:500;color:var(--text-3);height:54px;align-items:center}
.mk2 .desk .links span{position:relative;height:54px;display:flex;align-items:center}
.mk2 .desk .links .on{color:var(--text)}
.mk2 .desk .links .on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}
.mk2 .desk .search{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:7px;background:#181b20;border:1px solid #23272f;color:var(--text-3);font-size:13px;width:260px}
.mk2 .desk .search kbd{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);border:1px solid #2a2e36;border-radius:4px;padding:1px 5px}
.mk2 .desk .right{margin-left:auto;display:flex;align-items:center;gap:10px}
.mk2 .desk .chip{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:7px;background:#181b20;border:1px solid #23272f;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.mk2 .desk .chip i{width:18px;height:18px;border-radius:50%;background:conic-gradient(from 210deg,#3B82F6,#7ea2ff 40%,#2a4f9a 70%,#3B82F6)}
.mk2 .desk .btn{height:34px;padding:0 14px;border-radius:7px;display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--text)}
.mk2 .desk .btn.ghost{background:#181b20;border:1px solid #23272f}
.mk2 .desk .btn.pri{background:var(--accent);color:#fff}

/* ---- exchange ---- */
.mk2 .ex .body{display:grid;grid-template-columns:272px 1fr 308px;height:764px}
.mk2 .ex .list{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}
.mk2 .ex .list .lh{display:flex;justify-content:space-between;align-items:center;height:44px;padding:0 16px;border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.08em;color:var(--text-3);font-family:'JetBrains Mono',monospace}
.mk2 .ex .row{display:grid;grid-template-columns:1fr auto;column-gap:10px;padding:11px 16px;border-bottom:1px solid #16191f;cursor:default}
.mk2 .ex .row b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}
.mk2 .ex .row small{display:block;font-size:11.5px;color:var(--text-3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk2 .ex .row .p{text-align:right;font-family:'JetBrains Mono',monospace;font-size:13px;font-variant-numeric:tabular-nums}
.mk2 .ex .row .p small{font-size:11px;font-family:'JetBrains Mono',monospace}
.mk2 .ex .row.on{background:var(--accent-sub);box-shadow:inset 2px 0 0 var(--accent)}
.mk2 .ex .main{padding:20px 24px 22px;display:flex;flex-direction:column;overflow:hidden}
.mk2 .ex .ttl{display:flex;align-items:baseline;gap:12px}
.mk2 .ex .ttl h3{font-size:19px;font-weight:600;letter-spacing:-.01em}
.mk2 .ex .ttl .tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--text-3)}
.mk2 .ex .ttl .tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:1px}
.mk2 .ex .sub{font-size:13px;color:var(--text-3);margin-top:5px}
.mk2 .ex .ctl{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:12px;font-weight:500;color:var(--text-3)}
.mk2 .ex .ctl span{height:26px;padding:0 10px;border-radius:5px;display:flex;align-items:center}
.mk2 .ex .ctl .on{background:#181b20;color:var(--text);border:1px solid #23272f}
.mk2 .ex .ctl .sp{flex:1}
.mk2 .ex .ctl .lg{display:flex;gap:14px;font-family:'JetBrains Mono',monospace;font-size:11px}
.mk2 .ex .ctl .lg i{display:inline-block;width:14px;height:3px;border-radius:1px;vertical-align:middle;margin-right:6px}
.mk2 .ex svg.mk2-ch{display:block;width:100%;height:auto;margin-top:8px}
.mk2 .ex .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.mk2 .ex .trades{margin-top:auto;padding-top:18px}
.mk2 .ex .trades .th{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.mk2 .ex .trades .th b{font-size:13px;font-weight:600}
.mk2 .ex .trades .th span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--text-3)}
.mk2 .ex .tr{display:grid;grid-template-columns:64px 1fr 1fr 1fr 1fr;font-family:'JetBrains Mono',monospace;font-size:12px;height:34px;align-items:center;border-top:1px solid #16191f;font-variant-numeric:tabular-nums}
.mk2 .ex .tr.hd{font-size:10.5px;letter-spacing:.06em;color:var(--text-3);border-top:0;height:26px}
.mk2 .ex .tr span:nth-child(n+3){text-align:right}
.mk2 .ex .tr .t{color:var(--text-3)}
.mk2 .ex .stat{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px 14px}
.mk2 .ex .stat .k{font-size:11px;letter-spacing:.06em;color:var(--text-3);font-weight:500}
.mk2 .ex .stat .v{font-family:'JetBrains Mono',monospace;font-size:18px;margin-top:5px;font-variant-numeric:tabular-nums}
.mk2 .ex .stat .v small{font-size:11px;color:var(--text-3);margin-left:6px}
.mk2 .ex .tkt{border-left:1px solid var(--border);padding:18px 20px 20px;display:flex;flex-direction:column;overflow:hidden}
.mk2 .ex .side{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:8px;background:#181b20;border:1px solid #23272f;font-size:13px;font-weight:600;text-align:center}
.mk2 .ex .side span{height:32px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:var(--text-3)}
.mk2 .ex .side .on{background:var(--accent);color:#fff}
.mk2 .ex .fld{margin-top:16px}
.mk2 .ex .fld .k{display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:var(--text-3);margin-bottom:7px}
.mk2 .ex .fld .k em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted)}
.mk2 .ex .in{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px;border-radius:7px;background:#181b20;border:1px solid #23272f;font-family:'JetBrains Mono',monospace;font-size:16px;font-variant-numeric:tabular-nums}
.mk2 .ex .in.on{border-color:var(--accent-bdr)}
.mk2 .ex .in small{font-size:11px;color:var(--text-3);letter-spacing:.06em}
.mk2 .ex .rng{position:relative;height:18px;margin-top:10px}
.mk2 .ex .rng i{position:absolute;left:0;right:0;top:8px;height:2px;background:#2a2e36;border-radius:1px}
.mk2 .ex .rng b{position:absolute;top:8px;height:2px;background:var(--accent);left:0}
.mk2 .ex .rng u{position:absolute;top:2px;width:14px;height:14px;border-radius:50%;background:#0f1115;border:2px solid var(--accent);margin-left:-7px}
.mk2 .ex .rng .lo,.mk2 .ex .rng .hi{position:absolute;top:22px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted)}
.mk2 .ex .rng .lo{left:0}.mk2 .ex .rng .hi{right:0}
.mk2 .ex .fld.after{margin-top:24px}
.mk2 .ex .amt{display:flex;gap:6px;margin-top:8px}
.mk2 .ex .amt span{flex:1;height:26px;border-radius:5px;background:#181b20;border:1px solid #23272f;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-3)}
.mk2 .ex .amt .on{color:var(--text);border-color:#30343d}
.mk2 .ex .kv{display:flex;justify-content:space-between;font-size:13px;color:var(--text-3);padding:7px 0;border-bottom:1px solid #16191f}
.mk2 .ex .kv .num{color:var(--text)}
.mk2 .ex .kv.tot{border-bottom:0;padding-top:10px}
.mk2 .ex .kv.tot span:first-child{color:var(--text-2)}
.mk2 .ex .kv.tot .num{font-size:17px;color:var(--text)}
.mk2 .ex .kvs{margin-top:18px}
.mk2 .ex .go{height:44px;border-radius:7px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:16px}
.mk2 .ex .fine{font-size:11.5px;color:var(--muted);margin-top:10px;line-height:1.5}
.mk2 .ex .pos{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.mk2 .ex .pos .th{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
.mk2 .ex .pos .th b{font-size:13px;font-weight:600}
.mk2 .ex .pos .th span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--text-3)}
.mk2 .ex .pos .pr{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-top:1px solid #16191f}
.mk2 .ex .pos .pr:first-of-type{border-top:0}
.mk2 .ex .pos .pr b{display:block;font-size:13px;font-weight:600}
.mk2 .ex .pos .pr small{display:block;font-size:11.5px;color:var(--text-3);margin-top:2px}
.mk2 .ex .pos .pr .r{text-align:right;font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}
.mk2 .ex .pos .pr .r b{font-weight:500}
.mk2 .ex .pos .pr .r small{font-family:'JetBrains Mono',monospace}
.mk2 .ex .by{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;color:var(--text-3)}
.mk2 .ex .by img{height:11px;width:auto;display:block;opacity:.95}

/* ---- prediction venue ---- */
.mk2 .vn .cats{display:flex;gap:4px;height:50px;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:500;color:var(--text-3);white-space:nowrap}
.mk2 .vn .cats span{height:30px;padding:0 12px;border-radius:6px;display:flex;align-items:center}
.mk2 .vn .cats .on{background:#181b20;color:var(--text);border:1px solid #23272f}
.mk2 .vn .cats .sp{flex:1}
.mk2 .vn .cats .sort{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--text-3);gap:7px}
.mk2 .vn .cats .sort b{color:var(--text-2);font-weight:500}
.mk2 .vn .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 20px 22px}
.mk2 .vn .tile{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:16px 16px 14px;display:flex;flex-direction:column;min-height:258px}
.mk2 .vn .tile.on{border-color:var(--accent-bdr);box-shadow:0 0 0 1px var(--accent-bdr) inset}
.mk2 .vn .th{display:flex;align-items:center;gap:11px}
.mk2 .vn .th .ico{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.mk2 .vn .th .ico svg{display:block}
.mk2 .vn .th .cat{font-size:11px;letter-spacing:.08em;font-weight:600;color:var(--text-3);text-transform:uppercase}
.mk2 .vn .th .cls{font-size:11.5px;color:var(--muted);margin-top:3px}
.mk2 .vn .q{font-size:15px;font-weight:600;line-height:1.3;margin:12px 0 6px;letter-spacing:-.01em;min-height:39px}
.mk2 .vn svg.mk2-ch{display:block;width:100%;height:auto}
.mk2 .vn .pr{display:flex;align-items:baseline;justify-content:space-between;margin-top:8px}
.mk2 .vn .pr .l{font-size:12.5px;color:var(--text-3)}
.mk2 .vn .pr .l b{color:var(--text);font-weight:600}
.mk2 .vn .pr .pct{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:500;color:#8FB0FF;font-variant-numeric:tabular-nums}
.mk2 .vn .bar{height:4px;border-radius:2px;background:#23272f;margin-top:8px;overflow:hidden}
.mk2 .vn .bar i{display:block;height:100%;background:var(--accent);border-radius:2px}
.mk2 .vn .tf{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:11.5px;color:var(--text-3)}
.mk2 .vn .tf .num{font-size:11.5px}
.mk2 .vn .tf .by{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;color:var(--text-3)}
.mk2 .vn .tf .by img{height:10px;width:auto;display:block;opacity:.95}
.mk2 .vn .tile.on .tf{color:var(--text-2)}

/* ---- apps (the article's figure 3, apps.html, ported 2026-10-05): a weather app,
   a cinema app and a news article, each carrying the market card. Phones sit at their natural 375px here;
   the page's .fit scaler sizes them, so the figure's zoom:.8 is gone. ---- */
.mk2 .wx .scr{background:linear-gradient(180deg,#30496b,#12192a)}
.mk2 .wx .wxh{text-align:center;margin-top:10px}
.mk2 .wx .city{font-size:26px;font-weight:600;letter-spacing:-.01em}
.mk2 .wx .temp{font-size:92px;font-weight:200;line-height:1;margin:2px 0 4px;letter-spacing:-.04em}
.mk2 .wx .cond{font-size:17px;font-weight:500}
.mk2 .wx .hl{font-size:15px;color:#b9c4d6;margin-top:4px}
.mk2 .wx .hours{margin:24px 0 16px;padding:12px 8px 10px;border-radius:14px;background:rgba(255,255,255,.09);display:grid;grid-template-columns:repeat(6,1fr);text-align:center;font-size:13px}
.mk2 .wx .hours .t{font-weight:500;color:#dfe6f1}
.mk2 .wx .hours svg{display:block;margin:7px auto 3px}
.mk2 .wx .hours .p{font-size:11px;color:#8fc1ff;height:13px;font-weight:500}
.mk2 .wx .hours .d{font-size:15px;font-weight:600;margin-top:3px}
.mk2 .wx .tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.mk2 .wx .tile{border-radius:14px;background:rgba(255,255,255,.09);padding:13px 13px 14px}
.mk2 .wx .tile .k{font-size:11px;letter-spacing:.06em;color:#b9c4d6;font-weight:500}
.mk2 .wx .tile .v{font-size:22px;font-weight:600;margin-top:4px;letter-spacing:-.02em}
.mk2 .wx .tile .v small{font-size:13px;font-weight:500;color:#b9c4d6;margin-left:2px}
.mk2 .wx .tile .n{font-size:11px;color:#b9c4d6;margin-top:3px}

.mk2 .cn .scr{background:#16131a}
.mk2 .cn .top{display:flex;justify-content:space-between;align-items:baseline;margin-top:2px}
.mk2 .cn .top h3{font-size:28px;font-weight:700;letter-spacing:-.02em}
.mk2 .cn .top span{font-size:13px;color:#a09aae;font-weight:500}
.mk2 .cn .shelf{display:flex;gap:10px;margin:14px 0 0;overflow:hidden;margin-right:-16px}
.mk2 .cn .film{flex:none;width:118px}
.mk2 .cn .film svg{display:block;width:118px;height:158px;border-radius:8px}
.mk2 .cn .film .t{font-size:13px;font-weight:600;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk2 .cn .film .m{font-size:11px;color:#a09aae;margin-top:2px}
.mk2 .cn .lead{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 10px}
.mk2 .cn .lead b{font-size:15px;font-weight:600}
.mk2 .cn .lead span{font-size:12px;color:#a09aae}
.mk2 .cn .tabs{position:absolute;left:0;right:0;bottom:0;height:84px;padding:10px 18px 0;border-top:1px solid #262231;background:#16131a;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:10.5px;font-weight:500;color:#8a8498}
.mk2 .cn .tabs svg{display:block;margin:0 auto 4px}
.mk2 .cn .tabs .on{color:#8FB0FF}

.mk2 .nw .scr{background:#f6f4ee;color:#16181d}
.mk2 .nw .bar{display:flex;justify-content:space-between;align-items:center;height:40px;border-bottom:1px solid #e3dfd3;margin:0 16px}
.mk2 .nw .bar .mast{font-family:'Hedvig Letters Serif',Georgia,serif;font-size:17px;letter-spacing:.14em}
.mk2 .nw .kick{font-size:11px;letter-spacing:.14em;font-weight:700;color:#a1322a;margin-top:16px}
.mk2 .nw h3{font-family:'Hedvig Letters Serif',Georgia,serif;font-size:27px;line-height:1.14;font-weight:400;margin-top:8px;letter-spacing:-.01em}
.mk2 .nw .byline{font-size:12px;color:#6b7280;margin:11px 0 12px}
.mk2 .nw .byline b{font-weight:600;color:#16181d}
.mk2 .nw p.body{font-family:'Hedvig Letters Serif',Georgia,serif;font-size:15px;line-height:1.5;color:#2a2d33}
.mk2 .nw p.body+p.body{margin-top:10px}
.mk2 .nw .mk{margin:12px 0}
.mk2 .nw .actions{position:absolute;left:0;right:0;bottom:0;height:66px;padding:12px 22px 0;border-top:1px solid #e3dfd3;background:#f6f4ee;display:flex;justify-content:space-between;font-size:13px;font-weight:500;color:#4b5563}
.mk2 .nw .actions span{display:flex;align-items:center;gap:7px}

/* ---- DeFi pool (article figure 4, pool.html, ported 2026-10-05): the Pools page of an invented protocol
   with the box office market's pool among ordinary pairs. Fees 7d are volume 7d times the tier. ---- */
.mk2 .pl{width:1120px;background:#0f1116;border:1px solid #262a33;border-radius:8px;overflow:hidden;text-align:left}
.mk2 .pl .mnav{height:60px;display:flex;align-items:center;gap:32px;padding:0 28px;border-bottom:1px solid var(--border)}
.mk2 .pl .brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin-right:12px;letter-spacing:-.01em}
.mk2 .pl .brand svg{display:block}
.mk2 .pl .mnav a,.mk2 .pl .mnav>span{font-size:14px;font-weight:500;color:var(--text-3);text-decoration:none;height:60px;display:flex;align-items:center;border-bottom:2px solid transparent;margin-bottom:-1px}
.mk2 .pl .mnav a.on,.mk2 .pl .mnav>span.on{color:var(--text);border-bottom-color:var(--accent)}
.mk2 .pl .wallet{margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;padding:7px 12px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--text-2)}
.mk2 .pl .wallet i{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#d98a3a,#b8453f)}
.mk2 .pl .body{padding:26px 28px 24px}
.mk2 .pl .head{display:flex;align-items:center;gap:14px}
.mk2 .pl .head h3{font-size:26px;font-weight:600;letter-spacing:-.02em;margin-right:auto}
.mk2 .pl .seg{display:flex;background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;padding:3px;font-size:13px;font-weight:500}
.mk2 .pl .seg span{padding:6px 12px;border-radius:4px;color:var(--text-3)}
.mk2 .pl .seg span.on{background:#262b35;color:var(--text)}
.mk2 .pl .search{display:flex;align-items:center;gap:8px;width:240px;height:36px;padding:0 12px;background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--muted)}
.mk2 .pl .stats{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 24px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}
.mk2 .pl .stats>div{padding:14px 18px 15px;border-left:1px solid var(--border)}
.mk2 .pl .stats>div:first-child{border-left:0}
.mk2 .pl .stats .k{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mk2 .pl .stats .v{font-family:'JetBrains Mono',monospace;font-size:20px;margin-top:5px;color:var(--text)}
.mk2 .pl .stats .v small{font-size:12px;color:var(--text-3);margin-left:8px}
.mk2 .pl table{width:100%;border-collapse:collapse}
.mk2 .pl th{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;text-align:left;padding:0 14px 10px;border-bottom:1px solid var(--border)}
.mk2 .pl td{padding:0 14px;height:64px;border-bottom:1px solid var(--border);font-size:15px;vertical-align:middle}
.mk2 .pl th.n,.mk2 .pl td.n{text-align:right;font-family:'JetBrains Mono',monospace;font-size:14px}
.mk2 .pl th.n{font-size:11px}
.mk2 .pl td.n{color:var(--text-2)}
.mk2 .pl tr:last-child td{border-bottom:0}
.mk2 .pl .pool{display:flex;align-items:center;gap:14px}
.mk2 .pl .coins{display:flex;width:50px;flex:none}
.mk2 .pl .coin{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex:none}
.mk2 .pl .coin+.coin{margin-left:-6px;box-shadow:0 0 0 2px #0f1116}
.mk2 .pl .coin.eth{background:#5b6fa8}.mk2 .pl .coin.usdc{background:#2f6fd0}.mk2 .pl .coin.wbtc{background:#cf7a2e}.mk2 .pl .coin.usdt{background:#2e9a86}
.mk2 .pl .glyph{width:28px;height:28px;border-radius:50%;background:#162034;border:1px solid var(--accent-bdr);display:flex;align-items:center;justify-content:center;flex:none}
.mk2 .pl .glyph svg{display:block}
.mk2 .pl .coins .glyph{margin-left:11px}
.mk2 .pl .name{font-weight:500;line-height:1.25}
.mk2 .pl .name small{display:block;font-size:12px;font-weight:400;color:var(--text-3);margin-top:3px}
.mk2 .pl .tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-3);background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;padding:2px 7px}
.mk2 .pl tr.hi td{background:rgba(59,130,246,0.08)}
.mk2 .pl tr.hi td:first-child{box-shadow:inset 2px 0 0 var(--accent)}
.mk2 .pl tr.hi .tag{color:#8FB0FF;border-color:var(--accent-bdr);background:rgba(59,130,246,.12)}
.mk2 .pl .btn{display:inline-block;font-size:13px;font-weight:600;padding:8px 14px;border-radius:6px;border:1px solid #2c313b;background:var(--surface-alt);color:var(--text);white-space:nowrap}
.mk2 .pl tr.hi .btn{background:var(--accent);border-color:var(--accent);color:#fff}
.mk2 .pl td.act{text-align:right;width:150px}
.mk2 .pl .pager{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-3)}
.mk2 .pl .pager .pages{display:flex;gap:4px;font-family:'JetBrains Mono',monospace;font-size:12px}
.mk2 .pl .pager .pages span{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid transparent}
.mk2 .pl .pager .pages span.on{border-color:var(--border);background:var(--surface-alt);color:var(--text)}