/* ==========================================================
   TEACHIX — Single Post Styles
   File: teachix-single.css | Astra child theme
   Self-contained: includes all variables + font imports.
   All rules scoped to body.single-post — safe override.
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

/* ── CSS variables (mirrors teachix-home.css :root) ─────── */
:root {
  --tx-bg:             #0a0b14;
  --tx-bg-card:        #111225;
  --tx-bg-card-hover:  #181a32;
  --tx-surface:        #14152a;
  --tx-border:         rgba(99, 102, 241, 0.10);
  --tx-text:           #e2e4f0;
  --tx-text-dim:       #8b8fa8;
  --tx-text-muted:     #5c5f7a;
  --tx-blue:           #3b82f6;
  --tx-purple:         #8b5cf6;
  --tx-indigo:         #6366f1;
  --tx-cyan:           #22d3ee;
  --tx-snow:           #29B5E8;
  --tx-gradient:       linear-gradient(135deg, #3b82f6, #8b5cf6);
  --tx-font-head:      'Sora', sans-serif;
  --tx-font-body:      'DM Sans', sans-serif;
  --tx-font-mono:      'JetBrains Mono', monospace;
  --tx-radius:         12px;
  --tx-radius-lg:      16px;
  --tx-max-w:          1120px;
}

/* ── Sticky nav glass effect (same as homepage) ─────────── */
#mysticky-nav.wrapfixed {
  background-color: rgba(13, 9, 25, 0.75) !important;
  border-bottom: 1px solid var(--tx-border) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* ==========================================================
   TEACHIX — Single Post Styles
   ========================================================== */

/* ============================
   PAGE BACKGROUND
   ============================ */
body.single-post {
  background: var(--tx-bg) !important;
  color: var(--tx-text) !important;
  
}

body.single-post #content,
body.single-post .site-content,
body.single-post #primary,
body.single-post .content-area,
body.single-post .site-main,
body.single-post article,
body.single-post .ast-article-single,
body.single-post .ast-post-format- {
  background: var(--tx-bg) !important;
  box-shadow: none !important;
}

/* Constrain content width + horizontal padding */


/* ============================
   BREADCRUMBS
   ============================ */
body.single-post .ast-breadcrumbs-wrapper,
body.single-post .rank-math-breadcrumb,
body.single-post nav.ast-breadcrumbs {
  font-family: var(--tx-font-mono) !important;
  font-size: .68rem !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--tx-text-muted) !important;
  padding-top: 20px;
}
body.single-post .ast-breadcrumbs-wrapper a,
body.single-post .rank-math-breadcrumb a {
  color: var(--tx-text-muted) !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
body.single-post .ast-breadcrumbs-wrapper a:hover,
body.single-post .rank-math-breadcrumb a:hover {
  color: var(--tx-indigo) !important;
}

/* ============================
   POST HEADER
   ============================ */
body.single-post .entry-header {
  padding-top: 32px;
  margin-bottom: 28px;
}

/* Title */
body.single-post h1.entry-title {
  

  font-weight: 800 !important;
  color: #fff !important;
  letter-spacing: -.032em !important;
  line-height: 1.15 !important;
  margin-bottom: 16px !important;
}

/* Meta row: date, author, categories */
body.single-post .entry-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 12px !important;
  font-family: var(--tx-font-mono) !important;
  font-size: .68rem !important;
  color: var(--tx-text-muted) !important;
}
body.single-post .entry-meta .sep { display: none !important; }
body.single-post .entry-meta a {
  color: var(--tx-indigo) !important;
  background: rgba(99, 102, 241, .08) !important;
  border: 1px solid var(--tx-border) !important;
  border-radius: 4px !important;
  padding: 3px 9px !important;
  text-decoration: none !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  transition: background .2s, color .2s !important;
}
body.single-post .entry-meta a:hover {
  background: rgba(99, 102, 241, .15) !important;
  color: #a5b4fc !important;
}

/* ============================
   FEATURED IMAGE
   ============================ */
body.single-post .ast-featured-image,
body.single-post figure.post-thumbnail {
  margin: 0 0 36px !important;
  border-radius: var(--tx-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid var(--tx-border) !important;
}
body.single-post .ast-featured-image img,
body.single-post figure.post-thumbnail img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: var(--tx-radius-lg) !important;
}

/* ============================
   ENTRY CONTENT — BODY TEXT
   ============================ */
body.single-post .entry-content {
  
  font-size: 1rem !important;
  color: var(--tx-text) !important;
  line-height: 1.85 !important;
}

/* Paragraphs */
body.single-post .entry-content p {
  color: var(--tx-text) !important;
  margin-bottom: 1.4em !important;
margin-left: 0px;
    margin-right: 0px;
}

/* Headings */
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4,
body.single-post .entry-content h5,
body.single-post .entry-content h6 {
  
  color: #fff !important;
  letter-spacing: -.022em !important;
  line-height: 1.25 !important;
  margin-top: 1em !important;
  margin-bottom: .55em !important;
	margin-left: 0px;
    margin-right: 0px;

}


/* Links */
body.single-post .entry-content a {
  color: #818cf8 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-color: rgba(129, 140, 248, .35) !important;
  transition: color .2s, text-decoration-color .2s !important;
}
body.single-post .entry-content a:hover {
  color: #a5b4fc !important;
  text-decoration-color: rgba(165, 180, 252, .6) !important;
}

/* Bold */
body.single-post .entry-content strong,
body.single-post .entry-content b {
  color: #fff !important;
  font-weight: 600 !important;
}

/* Italic */
body.single-post .entry-content em,
body.single-post .entry-content i {
  color: var(--tx-text-dim) !important;
}

/* Inline code */
body.single-post .entry-content :not(pre) > code {
  font-family: var(--tx-font-mono) !important;
  font-size: .84em !important;
  color: #22d3ee !important;
  background: rgba(34, 211, 238, .07) !important;
  border: 1px solid var(--tx-border) !important;
  border-radius: 5px !important;
  padding: 2px 7px !important;
}

/* Code block */
body.single-post .entry-content pre {
  font-family: var(--tx-font-mono) !important;
  font-size: .84rem !important;
  background: #0c0e1c !important;
  border: 1px solid var(--tx-border) !important;
  border-radius: var(--tx-radius) !important;
  padding: 20px 24px !important;
  overflow-x: auto !important;
  margin: 1.6em 0 !important;
  color: #c8d6e8 !important;
  line-height: 1.75 !important;
  tab-size: 2;
}
body.single-post .entry-content pre code {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
}

/* Blockquote */
body.single-post .entry-content blockquote {
  background: var(--tx-surface) !important;
  border: 1px solid var(--tx-border) !important;
  border-left: 3px solid var(--tx-indigo) !important;
  border-radius: 0 var(--tx-radius) var(--tx-radius) 0 !important;
  padding: 18px 24px !important;
  margin: 1.6em 0 !important;
  font-style: normal !important;
}
body.single-post .entry-content blockquote p {
  color: var(--tx-text-dim) !important;
  margin-bottom: 0 !important;
  font-size: .95rem !important;
}
body.single-post .entry-content blockquote cite {
  display: block;
  font-family: var(--tx-font-mono);
  font-size: .68rem;
  color: var(--tx-text-muted);
  font-style: normal;
  margin-top: 8px;
}

/* Lists */
body.single-post .entry-content ul,
body.single-post .entry-content ol {
  padding-left: 1.5em !important;
  margin-bottom: 1.4em !important;
  color: var(--tx-text) !important;
}
body.single-post .entry-content li {
  margin-bottom: .45em !important;
  color: var(--tx-text) !important;
}
body.single-post .entry-content ul > li::marker { color: var(--tx-indigo); }
body.single-post .entry-content ol > li::marker {
  font-family: var(--tx-font-mono);
  font-size: .85em;
  font-weight: 600;
  color: var(--tx-indigo);
}

/* Tables */
body.single-post .entry-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1.6em 0 !important;
  font-size: .88rem !important;
  border-radius: var(--tx-radius) !important;
  overflow: hidden !important;
  border: 1px solid var(--tx-border) !important;
}
body.single-post .entry-content thead th {
  background: var(--tx-surface) !important;
  color: #fff !important;
  font-family: var(--tx-font-mono) !important;
  font-size: .68rem !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  padding: 11px 16px !important;
  border-bottom: 1px solid var(--tx-border) !important;
	border-right: 1px solid var(--tx-border) !important;
  text-align: left !important;
}
body.single-post .entry-content tbody td {
  background: var(--tx-bg-card) !important;
  color: var(--tx-text) !important;
  padding: 11px 16px !important;
  border-bottom: 1px solid var(--tx-border) !important;
	border-right: 1px solid var(--tx-border) !important;
  vertical-align: top !important;
}
body.single-post .entry-content tbody tr:hover td {
  background: var(--tx-bg-card-hover) !important;
}
body.single-post .entry-content tbody tr:last-child td {
  border-bottom: none !important;
}

/* HR */
body.single-post .entry-content hr {
  border: none !important;
  border-top: 1px solid var(--tx-border) !important;
  margin: 2.2em 0 !important;
}

/* Images in content */
body.single-post .entry-content img {
  border-radius: var(--tx-radius) !important;
  max-width: 100% !important;
  height: auto !important;
  border: 1px solid var(--tx-border) !important;
	padding: 48px;
    background-color: #ffffff;
}
body.single-post .entry-content figure { margin: 1.6em 0 !important; }
body.single-post .entry-content figcaption {
  font-family: var(--tx-font-mono) !important;
  color: rgba(226, 228, 240, 0.5);
  font-size: 12.5px;
  text-align: center;
  margin-top: 8px;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ============================
   ENTRY FOOTER (tags / cats)
   ============================ */
body.single-post .entry-footer {
  margin-top: 40px !important;
  padding-top: 22px !important;
  border-top: 1px solid var(--tx-border) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  font-family: var(--tx-font-mono) !important;
  font-size: .65rem !important;
  color: var(--tx-text-muted) !important;
}
body.single-post .entry-footer a {
  color: var(--tx-text-dim) !important;
  background: var(--tx-surface) !important;
  border: 1px solid var(--tx-border) !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  transition: border-color .2s, color .2s !important;
}
body.single-post .entry-footer a:hover {
  border-color: var(--tx-border) !important;
  color: #a5b4fc !important;
}

/* ============================
   POST NAVIGATION (prev / next)
   ============================ */
body.single-post .post-navigation {
  max-width: var(--tx-max-w);
  margin: 0;
 border-top:none !important;
	 border-bottom:none !important;
	padding: 2em 0;
}
body.single-post .post-navigation .nav-links {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}
body.single-post .post-navigation .nav-previous,
body.single-post .post-navigation .nav-next {
  background: var(--tx-bg-card) !important;
  
  border-radius: var(--tx-radius) !important;
  padding: 18px 20px !important;
  transition: border-color .25s, transform .25s, box-shadow .25s !important;

}
body.single-post .post-navigation .nav-previous:hover,
body.single-post .post-navigation .nav-next:hover {
  border-color: var(--tx-border) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .2) !important;
}
body.single-post .post-navigation .nav-next { text-align: right !important;margin-left: auto !important; }
body.single-post .post-navigation a {
  text-decoration: none !important;
  color: #ffffff !important;
  display: block !important;
}
body.single-post .post-navigation .nav-subtitle {
  display: block !important;
  font-family: var(--tx-font-mono) !important;
  font-size: .62rem !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  color: var(--tx-text-muted) !important;
  margin-bottom: 6px !important;
}
body.single-post .post-navigation .nav-title {
  display: block !important;
  
  font-size: .9rem !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 1.35 !important;
}
/* Previous always sits in column 1 */
body.single-post .post-navigation .nav-previous { grid-column: 1 !important; }

/* Next always sits in column 2, even when alone */
body.single-post .post-navigation .nav-next     { grid-column: 2 !important; }

.comments-area{
	border:none;
}

/* ============================
   AUTHOR BOX
   ============================ */
body.single-post .ast-author-box {
  background: var(--tx-surface) !important;
  border: 1px solid var(--tx-border) !important;
  border-radius: var(--tx-radius-lg) !important;
  padding: 28px !important;
  box-shadow: none !important;
}
body.single-post .ast-author-box .author-title,
body.single-post .ast-author-box .author-title a {
  
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
body.single-post .ast-author-box .author-bio {
  color: var(--tx-text-dim) !important;
  font-size: .88rem !important;
  line-height: 1.7 !important;
}
body.single-post .ast-author-box img {
  border-radius: 50% !important;
  border: 2px solid var(--tx-border) !important;
}

/* ============================
   SIDEBAR WIDGETS
   ============================ */
body.single-post #secondary,
body.single-post .widget-area { background: transparent !important; }

body.single-post .widget {
  margin-bottom: 14px !important;
  box-shadow: none !important;
}
body.single-post .widget-title {
  font-family: var(--tx-font-mono) !important;
  font-size: .65rem !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  color: var(--tx-indigo) !important;
  margin-bottom: 14px !important;
  border: none !important;
  padding: 0 !important;
}
body.single-post .widget a {
  color: var(--tx-text-dim) !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
body.single-post .widget a:hover { color: #a5b4fc !important; }
body.single-post .widget li { border-bottom: 1px solid var(--tx-border) !important; padding: 6px 0 !important; }
body.single-post .widget li:last-child { border-bottom: none !important; }

#ez-toc-container{
	    padding: 28px!important;
  border: 1px solid var(--tx-border) !important;
  border-radius: 12px !important;
	background-image: linear-gradient(135deg, rgb(26, 24, 61) 0%, rgb(12, 9, 22) 100%)!important;
	width: 100%;
}


.ql-img-inline-formula {

    margin: -14px 0 14px 0 !important;
}

@media (min-width: 922px) {
    .ast-left-sidebar #secondary {
        border-right: none !important;
        margin-right: 0px;
    }
    .ast-left-sidebar #primary {
        border-left: none !important;
    }
}
@media (min-width: 993px) {
    .ast-left-sidebar #secondary {
        padding-right: 20px;
    }
}
/* ============================
   RESPONSIVE
   ============================ */
@media (max-width: 768px) {
  body.single-post .post-navigation .nav-links {
    grid-template-columns: 1fr !important;
  }
  body.single-post .post-navigation .nav-next { text-align: left !important; }
}
@media (max-width: 600px) {

  body.single-post .entry-content pre { padding: 14px 16px !important; font-size: .78rem !important; }
}

/*========================================*/

pre {
  background-color: #0d1117 !important;
  border: 1px solid var(--tx-border) !important;
  border-radius: 10px !important;
  padding: 20px 24px !important;
  box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.08), 0 4px 24px rgba(0, 0, 0, 0.4) !important;
  max-height: 500px !important;
  overflow-y: auto !important;
	font-family:var(--tx-font-mono);
}

/* Webkit browsers (Chrome, Safari, Edge) */
pre.EnlighterJSRAW::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

pre.EnlighterJSRAW::-webkit-scrollbar-track {
  background: rgba(99, 102, 241, 0.04);
  border-radius: 0 10px 10px 0;
}

pre.EnlighterJSRAW::-webkit-scrollbar-thumb {
  background: rgba(99, 102, 241, 0.35);
  border-radius: 999px;
  transition: background 180ms ease;
}

pre.EnlighterJSRAW::-webkit-scrollbar-thumb:hover {
  background: rgba(99, 102, 241, 0.6);
}

pre.EnlighterJSRAW::-webkit-scrollbar-corner {
  background: transparent;
}

/* Firefox */
pre.EnlighterJSRAW {
  scrollbar-width: thin;
  scrollbar-color: rgba(99, 102, 241, 0.35) rgba(99, 102, 241, 0.04);
}

.ez-toc-wrap-left{
	margin: 0 !important;
}

#ez-toc-container a {
  color: var(--tx-text) !important;
  transition: color 0.2s ease !important;
}

#ez-toc-container a:hover {
  color: rgb(129, 140, 248) !important;
  text-decoration: none !important;
transition: scale(0.1);
}

#ez-toc-container li.active > a {
  color: #22d3ee !important;
  border-left: 2px solid #22d3ee !important;
  padding-left: 8px !important;
  font-weight: 600 !important;
}

.entry-content h3, .entry-content h4, .entry-content h2 {
  border-left: 3px solid #6366f1 !important;
    padding-left: 14px !important;
}



.entry-content figcaption {
  color: rgba(226, 228, 240, 0.5) !important;
  font-size: 12.5px !important;
  text-align: center !important;
  margin-top: 8px !important;
  font-style: italic !important;
  letter-spacing: 0.02em !important;
}

.entry-content p {
  line-height: 1.85 !important;
  color: rgba(226, 228, 240, 0.92) !important;
}

.entry-content h3 + p {
  /* intentionally empty */
}

p:has(+ h3) {
  border-bottom: 1px solid var(--tx-border) !important;
	padding-bottom:1.6em!important;
}

.entry-content p strong {
  font-weight: 700 !important;
}

#comments, #respond, .comments-area, #wpdcom.wpd-dark {
    color: var(--tx-text);
    background: #0c0e1c !important;
    
}

#comments{
		border: 1px solid var(--tx-border) !important;
	  border-radius: var(--tx-radius) !important;
	box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.08), 0 4px 24px rgba(0, 0, 0, 0.4) !important;
	margin: 50px 0px!important;
}

#wpdcom .ql-container {
    background: rgb(0,0,0,0.15)!important;
    border: 1px solid var(--tx-border)!important;
    border-bottom: none!important;
}
#wpdcom.wpd-dark .ql-toolbar {
    background-color: rgb(0,0,0,0.5)!important;
	border: 1px solid var(--tx-border)!important;
}
#wpdcom .ql-editor > *{
	color:var(--tx-text)!important;
}


/* Webkit browsers (Chrome, Safari, Edge) */
.sidebar-main::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.sidebar-main::-webkit-scrollbar-track {
  background: rgba(99, 102, 241, 0.04);
  border-radius: 0 10px 10px 0;
}

.sidebar-main::-webkit-scrollbar-thumb {
  background: rgba(99, 102, 241, 0.35);
  border-radius: 999px;
  transition: background 180ms ease;
}

.sidebar-main::-webkit-scrollbar-thumb:hover {
  background: rgba(99, 102, 241, 0.6);
}

.sidebar-main::-webkit-scrollbar-corner {
  background: transparent;
}

/* Firefox */
.sidebar-main {
  scrollbar-width: thin;
  scrollbar-color: rgba(99, 102, 241, 0.35) rgba(99, 102, 241, 0.04);
}

.ast-container {
        max-width: 90%!important;
    }

/* ══════════════════════════════════════════
   Glassmorphism Post Navigation — Teachix
══════════════════════════════════════════ */

body.single-post .post-navigation .nav-links {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow:
    0 8px 40px rgba(0, 0, 0, 0.5),
    0 2px 8px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

body.single-post .post-navigation .nav-previous,
body.single-post .post-navigation .nav-next {
	width:100%!important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 28px 32px !important;
  min-height: 120px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  backdrop-filter: blur(20px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(200%) !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  transition: background 0.28s ease !important;
}

/* Glow orb — Previous (indigo) */
body.single-post .post-navigation .nav-previous::before {
  content: '' !important;
  position: absolute !important;
  width: 220px !important;
  height: 220px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.7), transparent 70%) !important;
  filter: blur(55px) !important;
  opacity: 0.22 !important;
  top: -70px !important;
  left: -70px !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease !important;
}

/* Glow orb — Next (violet) */
body.single-post .post-navigation .nav-next::before {
  content: '' !important;
  position: absolute !important;
  width: 220px !important;
  height: 220px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(167, 139, 250, 0.7), transparent 70%) !important;
  filter: blur(55px) !important;
  opacity: 0.22 !important;
  bottom: -70px !important;
  right: -70px !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease !important;
}

body.single-post .post-navigation .nav-next {
  border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
  align-items: flex-end !important;
  text-align: right !important;
}

body.single-post .post-navigation .nav-previous:hover,
body.single-post .post-navigation .nav-next:hover {
  background: rgba(255, 255, 255, 0.07) !important;
}

body.single-post .post-navigation .nav-previous:hover::before,
body.single-post .post-navigation .nav-next:hover::before {
  opacity: 0.42 !important;
}

body.single-post .post-navigation .nav-previous a,
body.single-post .post-navigation .nav-next a {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  color: rgba(255, 255, 255, 0.92) !important;
  text-decoration: none !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  height: auto !important;
  line-height: 1.45 !important;
  transition: color 0.22s ease !important;
  position: relative !important;
  z-index: 1 !important;
}

body.single-post .post-navigation .nav-next a {
  align-items: flex-end !important;
}

body.single-post .post-navigation .nav-previous a:hover,
body.single-post .post-navigation .nav-next a:hover {
  color: #c4b5fd !important;
  text-decoration: none !important;
}

/* Direction labels */
body.single-post .post-navigation .nav-previous a::before {
  content: '← PREVIOUS' !important;
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  color: rgba(165, 180, 252, 0.6) !important;
  margin-bottom: 9px !important;
}

body.single-post .post-navigation .nav-next a::before {
  content: 'NEXT →' !important;
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  color: rgba(196, 181, 253, 0.6) !important;
  margin-bottom: 9px !important;
}

body.single-post .post-navigation .ast-left-arrow,
body.single-post .post-navigation .ast-right-arrow {
  display: none !important;
}


body.single-post .site-footer .widget li {
    border-bottom: 0px !important;
}

/* ── Question Transition Animations ── */
@keyframes sf50SlideInRight {
  from { opacity: 0; transform: translateX(28px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes sf50SlideOutLeft {
  from { opacity: 1; transform: translateX(0); }
  to   { opacity: 0; transform: translateX(-28px); }
}
@keyframes sf50SlideInLeft {
  from { opacity: 0; transform: translateX(-28px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes sf50SlideOutRight {
  from { opacity: 1; transform: translateX(0); }
  to   { opacity: 0; transform: translateX(28px); }
}

body.sf50-active .sf50-tq { will-change: transform, opacity; }

body.sf50-active .sf50-tq.sf50-tq--enter-right {
  animation: sf50SlideInRight 0.28s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
body.sf50-active .sf50-tq.sf50-tq--exit-left {
  animation: sf50SlideOutLeft 0.2s ease forwards;
}
body.sf50-active .sf50-tq.sf50-tq--enter-left {
  animation: sf50SlideInLeft 0.28s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
body.sf50-active .sf50-tq.sf50-tq--exit-right {
  animation: sf50SlideOutRight 0.2s ease forwards;
}

body.sf50-active .sf50-tq.sf50-tq--hidden {
  display: none !important;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  body.sf50-active .sf50-tq.sf50-tq--enter-right,
  body.sf50-active .sf50-tq.sf50-tq--exit-left,
  body.sf50-active .sf50-tq.sf50-tq--enter-left,
  body.sf50-active .sf50-tq.sf50-tq--exit-right {
    animation: none;
  }
}