/* NOCTUARY header extras. Tuned to sit inside the donor's nav pill without fighting it. */
.noct-x{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;min-height:34px;flex:0 0 auto;
  margin:0 .15rem;border-radius:999px;
  border:1px solid rgba(232,228,212,.16);
  background:rgba(232,228,212,.05);
  color:#e8e4d4;cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.noct-x:hover:not(:disabled){background:rgba(232,228,212,.13);transform:translateY(-1px)}
.noct-x:disabled{opacity:.42;cursor:default}

.noct-ca{
  position:absolute;z-index:21;left:50%;top:76px;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.34rem .7rem;border-radius:999px;
  border:1px solid rgba(232,228,212,.14);
  background:rgba(10,9,8,.78);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11px;letter-spacing:.04em;line-height:1;white-space:nowrap;
  color:#e8e4d4;
}
.noct-ca-empty{color:#a8a392;letter-spacing:.14em}
.noct-ca-label{color:#8fb2ac;font-size:10px;letter-spacing:.16em}
.noct-ca-value{font-size:11px}
.noct-ca-copy,.noct-ca-link{
  border:0;background:none;padding:0 0 0 .5rem;margin:0;
  color:#8fb2ac;font:inherit;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;text-decoration:none;cursor:pointer;
  border-left:1px solid rgba(232,228,212,.14);
}
.noct-ca-copy:hover,.noct-ca-link:hover{color:#e8e4d4}

@media (max-width:640px){
  .noct-ca{top:70px;font-size:10px;padding:.3rem .6rem;max-width:calc(100vw - 2.5rem)}
  .noct-ca-value{overflow:hidden;text-overflow:ellipsis}
  .noct-x{width:30px;height:30px;min-height:30px}
}

/* The quoted-post cards sit inside .voices-posts, which is pointer-events:none so the
   torch can track the cursor across the wall. That also made "View original post on X"
   unreachable by mouse: a correct link nobody could click. Re-enable it on the anchor
   only. Safe by construction — the light is centred on the cursor, so whatever the
   pointer is over is lit; there is no way to click a card you cannot see.
   The inline colour set on the anchor is X-blue, which belongs to a different brand;
   !important is the only lever available without touching the vendor stylesheet. */
.x-post-link{
  pointer-events:auto !important;
  color:#8fb2ac !important;
  font-family:'JetBrains Mono',ui-monospace,Menlo,monospace !important;
  font-size:11px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
.x-post-link:hover{color:#e8e4d4 !important;text-decoration:underline !important}