.qnx-layer{--qnx-ink:#1f1a17;--qnx-paper:#f3ead8;--qnx-paper-2:#e9dcc4;--qnx-muted:#5b4a3a;--qnx-ochre:#dda63c;--qnx-top:max(14px, env(safe-area-inset-top));--qnx-bottom:max(18px, env(safe-area-inset-bottom));--qnx-side:max(14px, env(safe-area-inset-right));z-index:7;pointer-events:none;color:var(--qnx-ink);font:400 15px / 1.5 var(--font-body,"Hanken Grotesk", system-ui, sans-serif);position:absolute;inset:0}.qnx-panel{top:calc(var(--qnx-top) + 84px);right:var(--qnx-side);width:min(380px, calc(100vw - 2 * var(--qnx-side)));max-height:calc(100dvh - var(--qnx-top) - 84px - var(--qnx-bottom) - 80px);border:2.5px solid var(--qnx-ink);background:var(--qnx-paper);box-shadow:5px 5px 0 var(--qnx-ink), 0 18px 40px -18px #1f1a1780;pointer-events:auto;transform-origin:100% 0;border-radius:10px;flex-direction:column;display:flex;position:absolute}.qnx-panel[hidden]{display:none}.qnx-panel.is-open{animation:.42s cubic-bezier(.16,1,.3,1) both qnx-unfold}@keyframes qnx-unfold{0%{clip-path:inset(0 0 100% round 10px);transform:translateY(-6px)rotate(.6deg)}to{clip-path:inset(0 round 10px);transform:none}}.qnx-panel:before{content:"";border-bottom:2px solid var(--qnx-ink);background:var(--qnx-dye,var(--qnx-ochre));border-radius:7px 7px 0 0;flex:none;height:10px}.qnx-head{padding:14px 58px 6px 18px}.qnx-kicker{font:800 .78rem / 1 var(--font-display,"Archivo", sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--qnx-muted);margin:0 0 4px;font-stretch:75%}.qnx-title{font:800 1.5rem / 1.05 var(--font-display,"Archivo", sans-serif);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-stretch:68%}.qnx-title:focus{outline:none}.qnx-title:focus-visible{outline:3px solid var(--qnx-ochre);outline-offset:3px}.qnx-close{border:2.5px solid var(--qnx-ink);background:var(--qnx-paper);width:36px;height:36px;color:var(--qnx-ink);box-shadow:2px 2px 0 var(--qnx-ink);cursor:pointer;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:18px;right:10px}.qnx-close svg{width:18px;height:18px}.qnx-close:hover{background:#fff7e6}.qnx-close:focus-visible{outline:3px solid var(--qnx-ochre);outline-offset:2px}.qnx-body{padding:4px 18px 18px;overflow:auto}.qnx-tech{font:600 .8rem / 1.35 var(--font-mono,"JetBrains Mono", monospace);color:var(--qnx-muted);margin:0 0 10px}.qnx-metric{align-items:baseline;gap:10px;margin:6px 0 4px;display:flex}.qnx-metric b{font:800 2.6rem / 1 var(--font-display,"Archivo", sans-serif);color:var(--qnx-ink);border:2.5px solid var(--qnx-ink);background:var(--qnx-dye,var(--qnx-ochre));box-shadow:3px 3px 0 var(--qnx-ink);border-radius:6px;padding:2px 10px 4px;font-stretch:70%}.qnx-text{text-wrap:pretty;margin:8px 0 12px;font-size:1.02rem}.qnx-meta{background:var(--qnx-paper-2);border:2px dashed #1f1a1773;border-radius:8px;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;padding:10px 12px;font-size:.9rem;display:grid}.qnx-meta dt{font:800 .72rem / 1.6 var(--font-display,"Archivo", sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--qnx-muted);font-stretch:75%}.qnx-meta dd{margin:0}.qnx-h3{font:800 .78rem / 1 var(--font-display,"Archivo", sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--qnx-muted);margin:14px 0 6px;font-stretch:75%}.qnx-legend{gap:6px;margin:0;padding:0;list-style:none;display:grid}.qnx-legend li{align-items:center;gap:10px;font-size:.92rem;display:flex}.qnx-sw{border:2px solid var(--qnx-ink);border-radius:3px;flex:none;width:22px;height:16px}.qnx-sw.is-arrow{border-width:0;border-top:3px solid var(--qnx-ink);border-radius:0;height:0;position:relative}.qnx-sw.is-arrow:after{content:"";border:5px solid #0000;border-left:8px solid var(--qnx-ink);position:absolute;top:-7px;right:-2px}.qnx-sw.is-boundary{background:0 0;border-style:dashed}.qnx-legend small{color:var(--qnx-muted)}.qnx-hint{color:var(--qnx-muted);margin:12px 0 0;font-size:.82rem}@media (width<=640px){.qnx-panel{top:auto;bottom:calc(var(--qnx-bottom) + 64px);width:auto;max-height:52dvh;left:10px;right:10px}.qnx-title{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.qnx-panel.is-open{animation:none}}@media (width<=640px){.qn-xpanel-open .qn-panel{visibility:hidden}}