/*
Theme Name: XplainXR
Theme URI: http://example.com
Author: Your Name
Description: XplainXR — Tailwind-based custom theme
Version: 1.0
Text Domain: xplainxr
*/
:root{
  --accent:#0072CE;
  --accentHover:#005bb5;
  --cardBg: rgba(255,255,255,0.02);
  --cardAltBg: rgba(255,255,255,0.015);
  --primary: #ffffff;
  --secondary: rgba(255,255,255,0.72);
  --theme-border: rgba(255,255,255,0.06);
  --bg: #0f1724;
  --bgSecondary: #131544;
}
body { background:var(--bg); color:var(--primary); }
.card{ background:var(--cardBg); border-radius:0.75rem; padding:1rem; border:1px solid var(--theme-border); }

/* Single Research Item */

/* ===========
   ARTICLE CONTENT STYLING
   =========== */
.xr-content {
  color: var(--primary);
  line-height: 1.75;
  font-size: 1.05rem;
}

/* HEADINGS */
.xr-content h1,
.xr-content h2,
.xr-content h3,
.xr-content h4,
.xr-content h5,
.xr-content h6 {
  color: var(--textPrimary) !important ;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 2.2rem;
  margin-bottom: 1rem;
}

.xr-content h1 { font-size: 2.2rem; }
.xr-content h2 { font-size: 1.9rem; }
.xr-content h3 { font-size: 1.5rem; }
.xr-content h4 { font-size: 1.25rem; }
.xr-content h5 { font-size: 1.15rem; }
.xr-content h6 { font-size: 1rem; }

/* PARAGRAPH */
.xr-content p {
  margin: 1rem 0;
  color: var(--textPrimary);
}

/* LINKS */
.xr-content a {
  color: var(--accent);
  text-decoration: underline;
}
.xr-content a:hover {
  color: var(--accentHover);
}

/* LISTS */
.xr-content ul,
.xr-content ol {
  margin-left: 1.5rem;
  margin-bottom: 1.2rem;
  color: var(--textPrimary);
}

.xr-content ul li {
  list-style: disc;
  margin-bottom: 0.4rem;
}

.xr-content ol li {
  list-style: decimal;
  margin-bottom: 0.4rem;
}

/* BLOCKQUOTE */
.xr-content blockquote {
  border-left: 4px solid var(--accent);
  padding-left: 1rem;
  margin: 1.5rem 0;
  color: var(--secondary);
  font-style: italic;
}

/* IMAGES */
.xr-content img {
  border-radius: 0.75rem;
  margin: 1.5rem 0;
  max-width: 100%;
  height: auto;
  border: 1px solid var(--theme-border);
}

/* HR */
.xr-content hr {
  border: none;
  height: 1px;
  background: var(--theme-border);
  margin: 2rem 0;
}

/* CODE */
.xr-content pre,
.xr-content code {
  background: var(--cardAltBg);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  color: var(--primary);
}


/* Community */


.btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.25rem; border-radius: 0.5rem; font-weight: 600; transition: all 0.3s; cursor: pointer; white-space: nowrap; } /* .btn-primary { color: var(--primary); background: var(--theme); box-shadow: 0 2px 10px rgba(0,0,0,0.12); } */ .btn-primary:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.18); transform: translateY(-2px); } .btn-outline { border: 1px solid var(--theme); color: var(--primary); } .btn-outline:hover { transform: translateY(-2px); background: var(--theme); color: var(--bgPrimary); } .btn-soft { background: rgba(var(--secondary-rgb), 0.1); color: var(--secondary); } .btn-soft:hover { background: rgba(var(--secondary-rgb), 0.2); } .chip-btn { border-radius: 9999px; padding: 0.4rem 0.9rem; font-size: 0.75rem; border: 1px solid var(--theme, rgba(148,163,184,0.6)); background: rgba(15, 23, 42, 0.02); color: var(--textSecondary, #94a3b8); display: inline-flex; align-items: center; gap: 0.35rem; cursor: pointer; transition: all 0.25s; } .chip-btn:hover { border-color: var(--theme); color: var(--theme); transform: translateY(-1px); } .chip-btn.active { background: linear-gradient(90deg, #0ea5e9, #06b6d4); color: #0f172a; border-color: transparent; transform: translateY(-2px) scale(1.03); font-weight: 600; }


.custom-posts-box {
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    padding: 20px;
    margin-top: 30px;
    border-radius: 8px;
}

.custom-posts-box h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

.custom-posts-box ul {
    list-style-type: none;
    padding: 0;
}

.custom-posts-box ul li {
    margin-bottom: 10px;
}

.custom-posts-box .post-excerpt {
    font-size: 14px;
    color: #666;
}