/* ============================================================================
   NEXORA · LISTING PAGE (product.html) — V2026.200
   Loads after market.css (which keeps the shared buy box, cards and tokens).
   Brand v1.0: Black / Paper, square, 1px hairlines, no shadows, no gradients.
   ========================================================================== */

/* preview bar: purple leads on seller surfaces */
.nxp-preview{background:var(--nx-purple-10);border-bottom:1px solid var(--nx-purple);color:var(--nx-black)}
.nxp-preview[hidden]{display:none}
.nxp-preview .nxm-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:14px 0;font-size:14.5px;line-height:1.5}
.nxp-preview b{font:500 11px/1 var(--nx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nx-paper);background:var(--nx-purple-deep);padding:7px 9px}
.nxp-preview span{flex:1 1 320px;color:var(--nx-carbon)}
.nxp-preview a{color:var(--nx-black);font-weight:500;text-decoration:underline;text-decoration-color:var(--nx-purple);text-underline-offset:3px}

/* header band */
.nxp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:500 11px/1.4 var(--nx-mono);letter-spacing:.14em;text-transform:uppercase}
.nxp-crumbs a{color:var(--nx-ash);text-decoration:none;min-height:28px;display:inline-flex;align-items:center}
.nxp-crumbs a:first-child{gap:10px}
.nxp-crumbs a:first-child::before{content:"";width:8px;height:8px;background:var(--nx-lime)}
.nxp-crumbs a:hover{color:var(--nx-paper)}
.nxp-crumbs span{color:var(--nx-steel)}
.nxp-meta .nxm-type{color:var(--nx-paper);font-size:11px}
.nxm-dark .nxm-type.is-download::before{background:var(--nx-paper)}
.nxm-dark .nxm-type.is-hosted::before{border-color:var(--nx-lime)}

/* main column */
.nxp-main{min-width:0}
.nxp-nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px;padding:12px 0;border-top:1px solid var(--nx-black);border-bottom:1px solid var(--nx-hairline)}
.nxp-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid transparent;font:500 11px/1 var(--nx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nx-graphite);text-decoration:none;
  transition:border-color 120ms var(--m-ease),color 120ms var(--m-ease)}
.nxp-nav a:hover{border-color:var(--nx-hairline);color:var(--nx-black)}
.nxp-block{scroll-margin-top:96px}
.nxp-block.is-panel{margin-top:40px;padding:28px 28px 30px;border:1px solid var(--nx-black);background:var(--nx-pure)}
.nxp-block.is-panel + .nxp-block{border-top:0}
.nxp-block.is-panel > .nxm-label{display:inline-flex;align-items:center;gap:10px}
.nxp-block.is-panel > .nxm-label::before{content:"";width:8px;height:8px;background:var(--nx-lime);border:1px solid var(--nx-black)}
.nxp-need{display:grid;grid-template-columns:200px minmax(0,1fr);margin:0;border-top:1px solid var(--nx-hairline)}
.nxp-need > *{margin:0;padding:14px 0;border-bottom:1px solid var(--nx-hairline)}
.nxp-need dt{font:500 11px/1.8 var(--nx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nx-steel);padding-right:16px}
.nxp-need dd{font:400 15.5px/1.55 var(--nx-text);color:var(--nx-carbon);overflow-wrap:anywhere}
.nxp-need dd b{font-weight:500;color:var(--nx-black)}
.nxp-dots{list-style:none;margin:0;padding:0}
.nxp-dots li{display:grid;grid-template-columns:16px 1fr;padding:2px 0}
.nxp-dots li::before{content:"";width:6px;height:6px;margin-top:9px;background:var(--nx-black)}
.nxm-na{color:var(--nx-steel)}
.nxp-sub{margin:28px 0 12px;font:600 17px/1.3 var(--nx-display);letter-spacing:-.01em}
.nxp-block h2 + .nxp-sub,.nxp-block h2 + .nxp-desc + .nxp-sub{margin-top:8px}
.nxp-sub-note{margin:-6px 0 16px;font-size:14px;color:var(--nx-graphite)}
.nxp-desc ol{margin:0 0 14px;padding-left:22px}
.nxp-desc li{margin:4px 0}
.nxp-steps ol{list-style:none;padding:0;counter-reset:step;border-top:1px solid var(--nx-hairline)}
.nxp-steps ol li{counter-increment:step;position:relative;margin:0;padding:12px 0 12px 40px;border-bottom:1px solid var(--nx-hairline);overflow-wrap:anywhere}
.nxp-steps ol li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:12px;font:500 12px/1.9 var(--nx-mono);color:var(--nx-steel)}
.nxp-desc code{white-space:normal;overflow-wrap:anywhere}
.nxp-chips.is-static span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--nx-hairline);background:var(--nx-pure);font:500 12.5px var(--nx-mono);color:var(--nx-carbon)}
.nxp-kv{margin:20px 0 0}

/* sample: public preview, clearly labelled */
.nxp-sample{position:relative;padding:26px 24px 8px;border:1px solid var(--nx-hairline);background:var(--nx-pure)}
.nxp-sample-tag{position:absolute;top:-1px;left:-1px;padding:7px 10px;background:var(--nx-black);color:var(--nx-lime);font:500 11px/1 var(--nx-mono);letter-spacing:.16em;text-transform:uppercase}
.nxp-sample-note{margin:10px 0 14px;font-size:13.5px;color:var(--nx-graphite)}

/* video: nothing loads from the video site until play is pressed */
.nxp-video{margin-top:12px;border:1px solid var(--nx-black);background:var(--nx-black)}
.nxp-video.is-playing{aspect-ratio:16/9}
.nxp-video iframe{display:block;width:100%;height:100%;border:0}
.nxp-play{display:flex;align-items:center;gap:16px;width:100%;min-height:76px;padding:14px 20px;border:0;background:var(--nx-black);color:var(--nx-paper);cursor:pointer;text-align:left}
.nxp-play .ic{flex:none;width:44px;height:44px;background:var(--nx-lime);clip-path:polygon(28% 18%,28% 82%,80% 50%)}
.nxp-play b{display:block;font:600 19px/1.2 var(--nx-display)}
.nxp-play small{display:block;margin-top:4px;font-size:13px;color:var(--nx-ash)}
.nxp-play:hover b{text-decoration:underline;text-decoration-color:var(--nx-lime);text-underline-offset:4px}
.nxp-vlink{margin:12px 0 0;font-size:14.5px;color:var(--nx-graphite)}

/* released versions */
.nxp-vers{list-style:none;margin:0;padding:0;border-top:1px solid var(--nx-hairline)}
.nxp-vers li{padding:14px 0;border-bottom:1px solid var(--nx-hairline)}
.nxp-vers .h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.nxp-vers b{font:500 15px var(--nx-mono)}
.nxp-vers .nxp-log{margin-top:10px}

/* FAQ accordion (native details) */
.nxp-faq{border-top:1px solid var(--nx-hairline)}
.nxp-faq details{border-bottom:1px solid var(--nx-hairline)}
.nxp-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font:500 16px/1.4 var(--nx-text);color:var(--nx-black)}
.nxp-faq summary::-webkit-details-marker{display:none}
.nxp-faq summary::after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--nx-hairline);font:400 18px/1 var(--nx-mono)}
.nxp-faq details[open] summary::after{content:"\2212";border-color:var(--nx-black)}
.nxp-faq details .nxp-desc{padding:0 44px 12px 0;font-size:15px}

/* reviews */
.nxp-verified{display:inline-block;margin-top:6px;font:500 10.5px/1 var(--nx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--nx-ok)}
.nxp-hidden{display:inline-block;margin:6px 0 0 12px;font-size:12.5px;color:var(--nx-pending)}
.nxp-reply{margin:12px 0 4px;padding:12px 14px;border-left:3px solid var(--nx-black);background:var(--nx-pure)}
.nxp-reply p{margin:6px 0 0;font-size:14.5px}

/* hire band + report link */
.nxp-hire{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:40px;padding:28px 0;border-top:1px solid var(--nx-black);border-bottom:1px solid var(--nx-hairline)}
.nxp-hire h2{margin:8px 0 6px;font:600 22px/1.2 var(--nx-display);letter-spacing:-.015em}
.nxp-hire p{margin:0;max-width:56ch;color:var(--nx-graphite);font-size:15px}
.nxp-block + .nxp-hire{margin-top:-1px}
.nxp-report{margin:20px 0 0}
.nxp-report .nxm-clear{font-size:13.5px;color:var(--nx-graphite)}

/* aside */
.nxp-buy .per{display:block;margin-top:10px;font:500 12px/1.4 var(--nx-mono);letter-spacing:.06em;color:var(--nx-graphite)}
.nxp-save{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 18px;border:1px solid var(--nx-hairline);background:var(--nx-pure);color:var(--nx-black);
  font:500 15px var(--nx-text);cursor:pointer;transition:border-color 120ms var(--m-ease),background-color 120ms var(--m-ease),color 120ms var(--m-ease)}
.nxp-save:hover{border-color:var(--nx-black)}
.nxp-save[aria-pressed=true]{background:var(--nx-black);border-color:var(--nx-black);color:var(--nx-paper)}
.nxp-save[aria-pressed=true] svg{color:var(--nx-lime)}
.nxp-save[aria-pressed=true] path{fill:currentColor}
.nxp-save[aria-busy=true]{opacity:.6}
.nxp-seller-l{margin:14px 0 0;font-size:14px}

/* report dialog */
.nxp-rdlg{width:min(560px,calc(100vw - 32px))}
.nxp-rdlg .bd > p{margin:0 0 16px;font-size:15px;line-height:1.55;color:var(--nx-carbon)}
.nxp-rdlg fieldset{margin:0 0 16px;padding:0;border:0}
.nxp-rdlg legend{padding:0;margin-bottom:8px}
.nxp-field{display:grid;gap:6px;margin:0 0 14px;font:500 14px var(--nx-text)}
.nxp-field textarea,.nxp-field input{width:100%;padding:12px;border:1px solid var(--nx-hairline);background:var(--nx-pure);font:400 15px/1.5 var(--nx-text);color:var(--nx-black)}
.nxp-field textarea{min-height:110px;resize:vertical}
.nxp-rmsg{margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--nx-error);background:var(--nx-pure);font-size:14px;color:var(--nx-carbon)}
.nxp-rmsg[hidden]{display:none}
.nxp-ract{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:8px}

@media (max-width:767px){
  .nxp-nav{flex-wrap:nowrap;overflow-x:auto;margin:24px -16px 0;padding:10px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .nxp-nav::-webkit-scrollbar{display:none}
  .nxp-nav a{flex:0 0 auto}
  .nxp-block.is-panel{padding:22px 18px 24px}
  .nxp-need{grid-template-columns:minmax(0,1fr)}
  .nxp-need dt{padding:14px 0 0;border-bottom:0}
  .nxp-need dd{padding-top:4px}
  .nxp-faq details .nxp-desc{padding-right:0}
}
@media (prefers-reduced-motion:reduce){.nxp-nav a,.nxp-save{transition:none}}