@font-face{font-family:"Poppins";font-weight:900;font-style:italic;font-display:swap;src:url(/fonts/poppins-latin-900-italic.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-weight:800;font-style:italic;font-display:swap;src:url(/fonts/poppins-latin-800-italic.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/instrument-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/instrument-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/instrument-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/inter-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2")}
html:root{font-family:"Instrument Sans",Inter,"Helvetica Neue",Arial,sans-serif}
html:root body{--sans:"Instrument Sans",Inter,"Helvetica Neue",Arial,sans-serif;--disp:Poppins,"Instrument Sans",sans-serif}
html:root header.top nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;margin-left:6px;font-size:14px}
html:root header.top .logo{min-height:44px}
html:root footer{font-size:13px}html:root footer a{display:inline-flex;align-items:center;min-height:44px}
.mx{position:relative;padding-bottom:10px}
.mx a{color:inherit}
.mx h1{font-family:var(--disp);font-weight:900;font-style:italic;font-size:clamp(40px,11.5vw,88px);line-height:.95;letter-spacing:-1px;margin-top:12px}
.mx h1 em{color:var(--pink);font-style:italic;background:linear-gradient(transparent 72%,rgba(255,46,136,.35) 72%)}
.mx h2{font-family:var(--disp);font-weight:900;font-style:italic;font-size:clamp(28px,7.4vw,42px);line-height:1.02;letter-spacing:-.5px;margin:60px 0 8px;scroll-margin-top:12px}
.mx h2 em{color:var(--pink);font-style:italic}
.mx h3{font-family:var(--disp);font-weight:900;font-style:italic;font-size:20px;line-height:1.1;margin:0}
.mx p{font-size:16px;line-height:1.5}
.mx .sub{color:var(--muted);font-size:16px;max-width:680px}
.mx .fine{color:var(--muted);font-size:13px;line-height:1.45;margin-top:6px}
.mx .mono{font-family:var(--mono)}
.mx code,.mx .code{font-size:13px}
.mx .tag{font-size:12px;padding:6px 8px}
.mx-kick{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--pink)}
.mx-kick:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink)}
.mx-lede{font-size:clamp(17px,4.6vw,22px)!important;line-height:1.4;color:#E6E2F2;margin-top:14px;max-width:660px}

/* hero: art in a framed manga panel, text never on the art */
.mx-hero{display:grid;gap:20px;padding:22px 0 4px;align-items:center}
.mx-art{position:relative;margin:0;order:-1}
.mx-art .frame{position:relative;border:3px solid #fff;border-radius:22px;overflow:hidden;box-shadow:7px 7px 0 var(--c,var(--pink));background:#000}
.mx-art img{display:block;width:100%;height:260px;object-fit:cover;object-position:var(--pos,50% 25%)}
.mx-art .sak{position:absolute;right:-8px;top:-14px;width:46%;max-width:300px;height:auto;pointer-events:none;mix-blend-mode:screen;opacity:.9}
.mx-art .fx{position:absolute;left:-6px;bottom:-14px;background:var(--yellow);color:#0A0A0F;font:900 italic 16px/1 var(--disp);letter-spacing:.04em;padding:10px 16px 11px;clip-path:polygon(0 18%,9% 0,22% 14%,40% 0,55% 12%,72% 0,86% 14%,100% 4%,94% 50%,100% 96%,82% 86%,64% 100%,48% 88%,30% 100%,14% 86%,0 100%,6% 52%);transform:rotate(-4deg)}
@media(min-width:860px){.mx-hero{grid-template-columns:1.1fr .9fr;padding-top:40px}.mx-art{order:0}.mx-art img{height:440px}}

/* live numbers: white receipt tiles */
.mx-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
@media(min-width:720px){.mx-nums{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mx-num{background:#fff;color:#0A0A0F;border-radius:14px;padding:12px 14px 13px;box-shadow:4px 4px 0 var(--pink)}
.mx-num:nth-child(2){box-shadow:4px 4px 0 var(--cyan)}.mx-num:nth-child(3){box-shadow:4px 4px 0 var(--yellow)}
.mx-num b{display:block;font:900 italic 40px/1 var(--disp);letter-spacing:-1px}
.mx-num span{display:block;font:700 13px/1.25 var(--sans);margin-top:4px;color:#2A2833}
.mx-num-note{font:500 12px var(--mono);color:var(--muted);margin-top:8px}

/* chips and buttons: 44 px targets */
.mx-jump,.mx-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.mx-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.22);background:var(--panel2);color:#fff;text-decoration:none;font:700 14px/1.1 var(--sans);cursor:pointer}
.mx-chip svg{width:18px;height:18px;flex:none}
.mx-chip:hover,.mx-chip:focus-visible{border-color:var(--pink)}
.mx-chip.pink{background:var(--pink);border-color:var(--pink)}.mx-chip.cyan{background:var(--cyan);border-color:var(--cyan);color:#0A0A0F}
.mx-chip.ghost{background:transparent}
.mx :focus-visible{outline:3px solid var(--cyan);outline-offset:2px}

/* the pipeline: a rail of nodes; a pulse walks it */
.mx-pipe{list-style:none;margin:22px 0 0;padding:0;max-width:860px;--d:0.9s;--D:10.8s}
.mx-step{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding-bottom:16px}
.mx-step:before{content:"";position:absolute;left:27px;top:58px;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.35) 0 6px,transparent 6px 10px)}
.mx-step:after{content:"";position:absolute;left:23px;top:58px;width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:0 0 14px 4px rgba(255,46,136,.8);opacity:0;animation:mx-pkt var(--D) linear infinite;animation-delay:calc(var(--i) * var(--d))}
.mx-step:last-child:before,.mx-step:last-child:after{display:none}
.mx-node{position:relative;width:56px;height:56px;border-radius:16px;background:#0A0A0F;border:2px solid var(--c);color:var(--c);display:flex;align-items:center;justify-content:center;animation:mx-glow var(--D) ease-out infinite;animation-delay:calc(var(--i) * var(--d))}
.mx-node svg{width:28px;height:28px}
.mx-node b{position:absolute;top:-9px;right:-9px;background:var(--c);color:#0A0A0F;font:700 12px/1 var(--mono);padding:4px 5px;border-radius:7px}
.mx-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0)),var(--panel);border:1px solid var(--line);border-left:3px solid var(--c);border-radius:6px 16px 16px 6px;padding:11px 14px 13px;min-width:0}
.mx-card p{font-size:15px;color:#E6E2F2;margin-top:4px}
.mx-who{display:inline-block;font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin-bottom:6px}
.mx-card .vals{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mx-card .vals span{font:500 12px/1.2 var(--mono);border:1px solid var(--line);border-radius:8px;padding:6px 8px;color:#fff;background:#000}
.mx-card .vals span.off{color:var(--muted);border-style:dashed}
@keyframes mx-pkt{0%{top:58px;opacity:0}1%{opacity:1}7.83%{top:calc(100% - 10px);opacity:1}8.33%,100%{top:calc(100% - 10px);opacity:0}}
@keyframes mx-glow{0%{box-shadow:0 0 0 0 transparent;transform:scale(1)}3%{box-shadow:0 0 28px 6px var(--c);transform:scale(1.07)}12%,100%{box-shadow:0 0 0 0 transparent;transform:scale(1)}}
.k-you{--c:var(--yellow)}.k-rule{--c:var(--cyan)}.k-machine{--c:#FFFFFF}.k-witness{--c:var(--cyan)}.k-ai{--c:var(--pink)}.k-person{--c:var(--yellow)}.k-company{--c:var(--cyan)}.k-public{--c:var(--pink)}
.mx-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px}
.mx-legend span{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.mx-legend span:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c)}

/* the lock: four conditions as stamped tiles */
.mx-lock{margin-top:8px;border:3px solid #fff;border-radius:10px;padding:16px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 10px,transparent 10px 20px),var(--panel);box-shadow:6px 6px 0 var(--pink);max-width:860px}
.mx-lock .t{display:flex;align-items:center;gap:10px;font:900 italic 22px/1.1 var(--disp)}
.mx-lock .t svg{width:30px;height:30px;color:var(--pink);flex:none}
.mx-conds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
@media(min-width:720px){.mx-conds{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mx-cond{background:#000;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.mx-cond b{display:block;font:900 italic 28px/1 var(--disp);color:var(--cyan)}
.mx-cond span{display:block;font-size:13px;line-height:1.35;margin-top:4px;color:#E6E2F2}

/* areas and evidence families */
.mx-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
@media(min-width:760px){.mx-areas{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mx-area{border:2px solid #fff;border-radius:8px;background:var(--panel);box-shadow:5px 5px 0 var(--c);padding:12px 12px 4px;min-width:0;align-self:start}
.mx-area .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.mx-area .ic{width:40px;height:40px;color:var(--c);flex:none}
.mx-area .n{font:900 italic 38px/1 var(--disp);color:var(--c)}
.mx-area h3{margin-top:8px;font-size:18px}
.mx-area summary{min-height:44px;display:flex;align-items:center;gap:6px;cursor:pointer;font:700 13px var(--sans);color:var(--muted);list-style:none}
.mx-area summary::-webkit-details-marker{display:none}
.mx-area summary:before{content:"+";font:900 18px/1 var(--sans);color:var(--c)}.mx-area[open] summary:before{content:"−"}
.mx-area ul{list-style:none;margin:0 0 8px;padding:0}
.mx-area li{font-size:14px;line-height:1.35;padding:8px 0;border-top:1px dashed var(--line);overflow-wrap:anywhere}
.mx-area li i{display:block;font:500 12px var(--mono);font-style:normal;color:var(--muted);margin-bottom:2px}
.c0{--c:var(--pink)}.c1{--c:var(--cyan)}.c2{--c:var(--yellow)}
.mx-fams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
@media(min-width:900px){.mx-fams{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mx-fam{border-radius:16px;border:1px solid var(--line);background:var(--panel);padding:14px;position:relative;overflow:hidden;min-width:0}
.mx-fam:after{content:"";position:absolute;right:-18px;top:-18px;width:80px;height:80px;background:radial-gradient(circle,var(--c) 1.4px,transparent 1.8px) 0 0/8px 8px;opacity:.35;border-radius:50%}
.mx-fam svg{width:34px;height:34px;color:var(--c)}
.mx-fam h3{font-size:17px;margin-top:8px}
.mx-fam p{font-size:14px!important;color:#E6E2F2;margin-top:4px}
.mx-tiers{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mx-tier{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:10px;font:700 13px var(--sans);border:1.5px solid var(--c);color:var(--c)}
.mx-tier.no{border-style:dashed;text-decoration:line-through;opacity:.8}

/* receipts, never grades */
.mx-vs{display:grid;gap:14px;margin-top:16px}
@media(min-width:820px){.mx-vs{grid-template-columns:.8fr 1.2fr;align-items:stretch}}
.mx-nograde{border:2px dashed rgba(255,255,255,.35);border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:10px;position:relative}
.mx-nograde .letters{display:flex;gap:6px}
.mx-nograde .letters i{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:900 italic 26px/1 var(--disp);font-style:italic;color:#0A0A0F;background:#3a3946;position:relative;overflow:hidden}
.mx-nograde .letters i:after{content:"";position:absolute;left:-10%;top:48%;width:120%;height:3px;background:var(--pink);transform:rotate(-35deg)}
.mx-nograde b{font:900 italic 20px/1.1 var(--disp)}
.mx-paper{background:#fff;color:#0A0A0F;border-radius:6px 6px 0 0;padding:16px 16px 26px;position:relative;font-family:var(--mono);font-size:14px;line-height:1.55;box-shadow:6px 6px 0 var(--pink);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/16px 12px repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/16px 12px repeat-x}
.mx-paper .hd{display:flex;justify-content:space-between;gap:8px;font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:2px dashed #0A0A0F;padding-bottom:8px;margin-bottom:10px}
.mx-paper i{font-style:normal;background:#FFE0EF;color:#B0004F;border-radius:5px;padding:0 4px}
.mx-paper .stamp2{display:inline-block;margin-top:12px;border:3px solid var(--pink);color:var(--pink);font:900 13px/1.1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;transform:rotate(-3deg)}
.mx-states{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px}
.mx-law{margin-top:16px;border-left:4px solid var(--yellow);padding:10px 14px;background:rgba(255,210,63,.07);border-radius:0 12px 12px 0;max-width:760px}

/* panels: conflicts, never-do, templates */
.mx-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:14px}
.mx-groups{display:grid;gap:12px;margin-top:14px}
@media(min-width:820px){.mx-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mx-group h3{font-size:17px;display:flex;gap:8px;align-items:baseline}
.mx-group h3 b{font:900 italic 26px/1 var(--disp);color:var(--c)}
.mx-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mx-pills span{font:500 12px/1 var(--mono);padding:7px 9px;border-radius:999px;border:1px solid var(--c);color:#fff}
.mx-sup{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.mx-sup li{font-size:15px;padding:10px 12px;border-radius:12px;background:#000;border:1px solid var(--line)}
.mx-never{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
@media(min-width:820px){.mx-never{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mx-no{border-radius:14px;border:1px solid var(--line);background:var(--panel);padding:12px;min-width:0}
.mx-no .ic{position:relative;width:40px;height:40px;color:#fff}
.mx-no .ic svg{width:40px;height:40px}
.mx-no .ic:after{content:"";position:absolute;inset:-3px;border:3px solid var(--pink);border-radius:50%;background:linear-gradient(135deg,transparent 46%,var(--pink) 46% 54%,transparent 54%)}
.mx-no b{display:block;font:900 italic 16px/1.15 var(--disp);margin-top:10px}
.mx-no span{display:block;font-size:13px;color:var(--muted);margin-top:4px;line-height:1.4}
details.mx-fold{border:1px solid var(--line);border-radius:16px;background:var(--panel);margin-top:12px}
details.mx-fold>summary{min-height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;cursor:pointer;font:700 15px var(--sans);list-style:none}
details.mx-fold>summary::-webkit-details-marker{display:none}
details.mx-fold>summary:before{content:"+";color:var(--pink);font:900 20px/1 var(--sans)}details.mx-fold[open]>summary:before{content:"−"}
details.mx-fold>div{padding:0 16px 14px}
.mx-tpl{list-style:none;padding:0;margin:0}
.mx-tpl li{padding:10px 0;border-top:1px dashed var(--line);font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.mx-tpl li b{font:700 12px var(--mono);margin-right:8px}
.mx-tpl li i{font-style:normal;color:var(--cyan)}
.mx-tpl li.signed b{color:var(--pink)}
.mx-signed{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--mono);color:#0A0A0F;background:var(--pink);border-radius:6px;padding:4px 7px;margin-left:6px}

/* chain (transparency) */
.mx-seal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;max-width:760px}
.mx-seal div{border:2px solid #fff;border-radius:10px;padding:10px;background:var(--panel);text-align:center;box-shadow:4px 4px 0 var(--c)}
.mx-seal svg{width:32px;height:32px;color:var(--c)}
.mx-seal b{display:block;font:900 italic 15px/1.15 var(--disp);margin-top:6px}
.mx-seal span{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.35}
.mx-chain{list-style:none;padding:0;margin:18px 0 0;max-width:760px}
.mx-block{position:relative;border:2px solid #fff;border-radius:12px;padding:12px 14px;background:var(--panel);margin-bottom:26px;box-shadow:4px 4px 0 var(--cyan)}
.mx-block:after{content:"";position:absolute;left:30px;bottom:-28px;height:26px;width:10px;border:2px solid var(--cyan);border-radius:6px}
.mx-block:last-child:after{display:none}
.mx-block .d{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.mx-block .d b{font:900 italic 22px/1 var(--disp)}
.mx-block .d span{font:700 13px var(--mono);color:var(--cyan)}
.mx-block dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin-top:8px;font-size:13px}
.mx-block dt{color:var(--muted);font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;padding-top:2px}
.mx-block dd{font:500 13px var(--mono);overflow-wrap:anywhere;margin:0}
.mx-block.first{box-shadow:4px 4px 0 var(--pink)}
.mx-leaves{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.mx-leaves span{font:500 12px/1 var(--mono);padding:7px 9px;border-radius:8px;background:#000;border:1px solid var(--line)}

/* receipts list (corrections, fixed, history) */
.mx-list{display:grid;gap:16px;margin-top:20px;max-width:860px}
.mx-rc{position:relative;background:var(--panel);border:2px solid #fff;border-radius:12px;padding:14px 14px 16px;box-shadow:5px 5px 0 var(--c,var(--pink));min-width:0}
.mx-rc .meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font:700 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mx-rc .big{font-size:18px!important;font-weight:700;line-height:1.4;margin-top:10px}
.mx-rc .lbl{display:block;font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c,var(--pink));margin-top:12px}
.mx-rc .lbl+p{margin-top:2px;font-size:15px}
.mx-stamp{position:absolute;right:12px;top:-14px;background:var(--c,var(--pink));color:#0A0A0F;font:900 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;border-radius:6px;transform:rotate(3deg);box-shadow:2px 2px 0 #000}
.mx-time{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:12px;font:700 12px var(--mono)}
.mx-time i{height:2px;background:repeating-linear-gradient(90deg,var(--c,var(--pink)) 0 6px,transparent 6px 10px)}
.mx-time span{display:inline-flex;flex-direction:column;gap:2px}.mx-time span small{font:700 12px var(--mono);color:var(--muted);letter-spacing:.08em}
.mx-time span:last-child{text-align:right}
.mx-q{font-size:16px;line-height:1.5;margin-top:8px;padding:10px 12px;border-radius:10px;background:#000;border:1px solid var(--line);overflow-wrap:anywhere}
.mx-q.was{border-style:dashed;color:#CFCBDD}
.mx-q ins{text-decoration:none;background:rgba(52,224,240,.22);color:#fff;border-radius:4px;padding:0 2px}
.mx-q del{text-decoration:line-through;text-decoration-color:var(--pink);text-decoration-thickness:2px;color:#CFCBDD;background:rgba(255,46,136,.14);border-radius:4px;padding:0 2px}
.mx-q small{display:block;font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.mx-fixed{display:grid;gap:14px}
@media(min-width:760px){.mx-fixed{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}}
.mx-fixed img{width:100%;border-radius:10px;border:1px solid var(--line);display:block}
.mx-empty{border:2px dashed rgba(255,255,255,.3);border-radius:16px;padding:18px;margin-top:20px;max-width:760px;display:flex;gap:14px;align-items:center}
.mx-empty svg{width:40px;height:40px;color:var(--c,var(--pink));flex:none}
.mx-empty p{font-size:16px}

/* hall of fame */
.mx-hof{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:20px;max-width:860px}
.mx-ace{border:2px solid #fff;border-radius:12px;padding:14px;background:var(--panel);box-shadow:5px 5px 0 var(--c);text-align:center;min-width:0}
.mx-ace .h{font:700 15px var(--mono);overflow-wrap:anywhere;margin-top:8px}
.mx-ace b{display:block;font:900 italic 44px/1 var(--disp);color:var(--c)}
.mx-ace span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.mx-ace svg{width:34px;height:34px;color:var(--c)}

/* mini how-to steps */
.mx-mini{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px;counter-reset:mm;max-width:860px}
@media(min-width:760px){.mx-mini{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}}
.mx-mini li{position:relative;border-radius:14px;border:1px solid var(--line);background:var(--panel);padding:12px 12px 12px 54px;min-height:64px;counter-increment:mm}
.mx-mini li:before{content:counter(mm);position:absolute;left:12px;top:12px;width:30px;height:30px;border-radius:9px;background:var(--c,var(--pink));color:#0A0A0F;display:flex;align-items:center;justify-content:center;font:900 italic 17px/1 var(--disp)}
.mx-mini li b{display:block;font:900 italic 16px/1.15 var(--disp)}
.mx-mini li span{display:block;font-size:13px;color:var(--muted);margin-top:3px;line-height:1.4}

/* requests */
.mx-ask{margin-top:20px;max-width:680px;border:3px solid #fff;border-radius:16px;padding:14px;background:var(--panel);box-shadow:6px 6px 0 var(--yellow)}
.mx-ask label{display:block;font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);margin-bottom:8px}
.mx-ask .f{display:grid;gap:10px}
@media(min-width:620px){.mx-ask .f{grid-template-columns:minmax(0,1fr) auto}}
.mx-ask input[type=url]{min-height:52px;font-size:16px;border-radius:12px;padding:12px 14px;background:#000;border:1.5px solid var(--line);color:#fff}
.mx-ask button{min-height:52px;border:0;border-radius:12px;background:var(--pink);color:#fff;font:900 italic 18px/1 var(--disp);padding:0 22px;cursor:pointer;box-shadow:0 10px 30px -10px rgba(255,46,136,.8)}
.mx-thanks{margin-top:18px;max-width:680px;display:flex;gap:12px;align-items:center;border-radius:14px;padding:12px 14px;background:rgba(52,224,240,.1);border:2px solid var(--cyan)}
.mx-thanks svg{width:30px;height:30px;color:var(--cyan);flex:none}
.mx-top{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;max-width:760px}
.mx-top li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:48px;padding:8px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.mx-top li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,rgba(255,46,136,.28),rgba(255,46,136,.08));pointer-events:none}
.mx-top li>*{position:relative}
.mx-top a,.mx-top .n{font-weight:700;font-size:15px;overflow-wrap:anywhere;text-decoration:none}
.mx-top a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:3px}
.mx-top b{font:700 15px var(--mono)}

/* console */
.mx-lamp{display:flex;align-items:center;gap:16px;margin-top:20px;border:3px solid #fff;border-radius:16px;padding:16px;background:var(--panel);max-width:680px;box-shadow:6px 6px 0 var(--c)}
.mx-lamp i{width:46px;height:46px;border-radius:50%;background:var(--c);box-shadow:0 0 26px 4px var(--c);flex:none}
.mx-lamp b{display:block;font:900 italic 32px/1 var(--disp);color:var(--c)}
.mx-lamp span{display:block;font-size:14px;color:#E6E2F2;margin-top:4px}
.mx-runs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:14px;max-width:860px}
.mx-run{border-radius:12px;border:1.5px solid var(--c);padding:10px 12px;background:#000}
.mx-run b{display:block;font:900 italic 24px/1 var(--disp);color:var(--c)}
.mx-run span{display:block;font:500 12px var(--mono);color:var(--muted);margin-top:4px}
.mx-form{display:grid;gap:8px;margin-top:12px;max-width:520px}
.mx-form input{min-height:48px;font-size:16px}
.mx-form button{min-height:48px}
.mx .scroll table{font-size:14px}

/* the family of method pages */
.mx-family{margin-top:64px;border-top:1px solid var(--line);padding-top:18px}
.mx-family .mx-kick{color:var(--cyan)}.mx-family .mx-kick:before{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.mx-family .mx-chip[aria-current="page"]{background:#fff;color:#0A0A0F;border-color:#fff}

@media(max-width:380px){.mx-areas,.mx-fams,.mx-never{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.mx *,.mx *:before,.mx *:after{animation:none!important;transition:none!important}.mx-step:after{display:none}}