@keyframes trjPulse {
  0% {
    box-shadow: 0 0 20px #0693E3;
  }
  50% {
    box-shadow: 0 0 30px #0693E3;
  }
  100% {
    box-shadow: 0 0 20px #0693E3;
  }
}
.single-post .post {
  border: 3px solid #0693E3;
  box-shadow: 0 0 20px #0693E3;
  border-radius: 16px;
  padding: 40px;
  padding-bottom: 100px;
  background: #000;
  color: #D4D7DC;
  font-family: 'Orbitron', sans-serif;
  width: calc(100% + 48px); /* ← adds exactly 1 inch total */
  max-width: none; /* ← removes upstream restriction */
  margin: 40px -24px; /* ← pulls it outward by 24px on both sides */
  box-sizing: border-box;
}
.single-post .post {
  border: 3px solid #0693E3;
  box-shadow: 0 0 20px #0693E3;
  border-radius: 16px;
  padding: 40px;
  padding-bottom: 100px;
  background: #000;
  color: #D4D7DC;
  font-family: 'Orbitron', sans-serif;
  width: calc(100% + 48px);
  max-width: none;
  margin: 40px -24px;
  box-sizing: border-box;

  animation: trjPulse 2.5s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .single-post .post {
    animation: none !important;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');

.trj-kitt-wrapper {
  text-align: center;
  margin: 30px auto 20px auto;
}

.trj-kitt-bar {
  width: 200px;
  height: 8px;
  background: linear-gradient(90deg, #0693E3, #8000C9, #0693E3);
  background-size: 200% 100%;
  animation: kittSlide 2.5s linear infinite;
  border-radius: 10px;
  box-shadow: 0 0 20px #0693E3;
  margin: 0 auto 8px auto;
}

.trj-kitt-label {
  font-family: 'Orbitron', sans-serif;
  font-size: 14px;
  color: #0693E3;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.85;
}

@keyframes kittSlide {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* 🔥 TRJ Global Fix: Stop Spying Eye Code From Shrinking Posts */
html body {
  padding: 0 !important;
  margin: 0 !important;
}

/* Prevent any spying-eye snippet from overwriting page layout */
body[style] {
  padding: 0 !important;
  margin: 0 !important;
}

.trj-ad-slot {
    width: 140px;
    height: 80px;
    border: 2px solid #0693E3;
    border-radius: 6px;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0693E3;
    font-family: Orbitron, sans-serif;
    letter-spacing: 1px;
    transition: 0.25s ease-in-out;
}

.trj-ad-slot:hover {
    transform: scale(1.08);
    box-shadow: 0 0 25px #0693E3;
    border-color: #34b8ff;
    color: #34b8ff;
}

/* TRJ — AVAILABLE button (non-sticky, non-highlight, premium hover) */
.trj-ad-slot {
  display: inline-block;
  padding: 6px 16px;
  margin: 12px auto;
  border: 2px dashed #0693E3;
  border-radius: 6px;
  font-family: 'Orbitron', sans-serif;
  font-size: 14px;
  background: transparent;
  color: #0693E3;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0.25s ease-in-out;
  cursor: pointer;

  /* eliminate ALL selection + focus */
  user-select: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
  border-style: dashed;
}

.trj-ad-slot:hover {
  border-style: solid;
  transform: scale(1.06);
  box-shadow: 0 0 15px #0693E3;
  background: rgba(6,147,227,0.08);
}

.trj-ad-slot:focus,
.trj-ad-slot:active,
.trj-ad-slot:focus-visible {
  outline: none !important;
  border-style: dashed !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove ALL default borders from posts */
.trj-post-frame,
.post-container,
.entry-content,
.post,
article,
.post-border {
    border: none !important;
    box-shadow: none !important;
}

/* Apply ONE unified TRJ neon glow border */
.trj-post-frame,
.post-container,
article.post,
.post {
    border: 2px solid #0693E3 !important;
    box-shadow: 0 0 35px #0693E3 !important;
    border-radius: 12px; /* Adjust if needed */
}

/* Stop the ORB from coloring the post frame */
#trj-orb {
    isolation: isolate;
    z-index: 999999;
}

/* Allow the TRJ console to scroll independently on touch screens */
#trj-output {
  height: 420px;
  max-height: 70vh;              /* Prevents overflow on small iPhones */
  overflow-y: auto;
  overflow-x: hidden;

  -webkit-overflow-scrolling: touch;

	/* Prevent background scroll when TRJ console is open */
body.trj-console-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

  overscroll-behavior: contain;  /* Stops scroll chaining (modern browsers) */
  touch-action: pan-y;

  position: relative;
}

/* Prevent page from swiping when touching inside the console */
#trj-console {
  touch-action: none;       /* Prevent horizontal gestures */
  overscroll-behavior: contain;
}

/* TRJ: make HTML result blocks ignore pre-wrap spacing */
#trj-output .trj-html {
  white-space: normal;
  line-height: 1.25;
}

#trj-output .trj-html div {
  margin: 0 0 10px 0;
}

#trj-output .trj-html a {
  display: inline-block;
  line-height: 1.25;
}