/* ============================================================
   FAQ accordions: progressive enhancement, all posts.
   Purely additive: uses the theme's own CSS custom properties so it
   inherits brand colours, fonts and radii. Extracted from
   enhance.css (the .nx-btn base plus the FAQ block) so every post
   gets this without loading the rest of the name-idea interactive
   bundle's styles.
   ============================================================ */
.nx-btn{
  border:1px solid var(--dm-border,#3a3a3a);
  background:var(--dm-bg,#1d1d1d);color:inherit;
  padding:11px 15px;border-radius:10px;cursor:pointer;
  font:500 14px var(--dm-font-body,Inter,system-ui,sans-serif);
  transition:.15s;white-space:nowrap;
}
.nx-btn:hover{border-color:var(--dm-accent,#fe7c5d);color:var(--dm-accent,#fe7c5d)}
.nx-btn.nx-primary{
  background:var(--dm-accent,#fe7c5d);border-color:var(--dm-accent,#fe7c5d);color:#1d1d1d;
}
.nx-btn.nx-primary:hover{opacity:.9;color:#1d1d1d}
.nx-btn.nx-on{
  background:rgba(254,124,93,.14);
  border-color:var(--dm-accent,#fe7c5d);color:var(--dm-accent,#fe7c5d);
}

/* ---------------------------------------------- FAQ accordions --------- */
.nx-faqbar{display:flex;justify-content:flex-end;margin:0 0 12px}
details.nx-faq{
  border:1px solid var(--dm-border,#3a3a3a);
  border-radius:10px;
  background:var(--dm-surface-2,#262626);
  margin:0 0 10px;
  overflow:hidden;
}
details.nx-faq > summary{
  cursor:pointer;list-style:none;
  padding:15px 48px 15px 18px;
  position:relative;transition:.15s;
}
details.nx-faq > summary::-webkit-details-marker{display:none}
details.nx-faq > summary::after{
  content:"";position:absolute;right:19px;top:50%;
  width:11px;height:11px;margin-top:-6px;
  border-right:2px solid var(--dm-accent,#fe7c5d);
  border-bottom:2px solid var(--dm-accent,#fe7c5d);
  transform:rotate(45deg);transform-origin:70% 70%;
  transition:transform .2s ease;
}
details.nx-faq[open] > summary::after{transform:rotate(-135deg)}
details.nx-faq > summary:hover{background:rgba(254,124,93,.05)}
details.nx-faq > summary h3,
details.nx-faq > summary p{
  display:inline;margin:0;
  font-size:16.5px;line-height:1.45;
}
details.nx-faq[open] > summary h3,
details.nx-faq[open] > summary p{color:var(--dm-accent,#fe7c5d)}
details.nx-faq .nx-ans{padding:0 18px 16px}
details.nx-faq .nx-ans > *:first-child{margin-top:0}
details.nx-faq .nx-ans > *:last-child{margin-bottom:0}