/* =====================================================================
   Devta blog page — clean unified redesign (overlay on top of legacy CSS)
   Goal: silence visual noise, unify card style, clarify hierarchy,
         improve mobile reading. Pure CSS — no markup changes.
   ===================================================================== */

body.post-cat-45-devta {
  --d-ink:      #0f172a;
  --d-mid:      #475569;
  --d-muted:    #94a3b8;
  --d-line:     #e7e2d6;
  --d-line-s:   #f3efe5;
  --d-card:     #ffffff;
  --d-page:     #fbf9f4;
  --d-accent:   #b85c00;
  --d-accent-d: #7a4a00;
  --d-accent-s: #fef3c7;
  --d-gold:     #b07f2e;
  --d-mint:     #16a34a;
  --d-mint-s:   #dcfce7;
  --d-rose:     #be123c;
  --d-rose-s:   #ffe4e6;
  --d-shadow:   0 1px 2px rgba(15,23,42,.04), 0 4px 16px rgba(15,23,42,.05);
  --d-shadow-h: 0 4px 14px rgba(15,23,42,.08), 0 18px 40px rgba(15,23,42,.06);
  --d-radius:   16px;
  --d-radius-s: 10px;
  --d-pad:      20px;
  --d-pad-s:    14px;
  --d-gap:      18px;
  --d-gap-l:    28px;
  background: var(--d-page);
  font-family: "Lora", "Noto Sans Devanagari", system-ui, sans-serif;
}

/* ── Page background — gentle warm paper, no busy gradients ───────────── */
body.post-cat-45-devta .devta-vastu-shell,
body.post-cat-45-devta .wrap {
  background: var(--d-page) !important;
}

/* ── Universal card style for every devta-* block ─────────────────────── */
body.post-cat-45-devta .devta-premium-facts,
body.post-cat-45-devta .devta-premium-facts__card,
body.post-cat-45-devta .devta-tree-premium,
body.post-cat-45-devta .devta-mandala-layers,
body.post-cat-45-devta .devta-intel-core,
body.post-cat-45-devta .devta-sidebar-card,
body.post-cat-45-devta .devta-sidebar-intel,
body.post-cat-45-devta .devta-question-form,
body.post-cat-45-devta .devta-question-suggest,
body.post-cat-45-devta .devta-question-prompts,
body.post-cat-45-devta .devta-tree-hierarchy,
body.post-cat-45-devta .devta-tree-sibling-links,
body.post-cat-45-devta .devta-related-block,
body.post-cat-45-devta .devta-hub__block,
body.post-cat-45-devta .devta-link-card {
  background: var(--d-card) !important;
  border: 1px solid var(--d-line) !important;
  border-radius: var(--d-radius) !important;
  box-shadow: var(--d-shadow) !important;
}

/* ── Premium hero — calmer, brand-aligned ─────────────────────────────── */
body.post-cat-45-devta .devta-premium-hero {
  background: linear-gradient(180deg, #fff8ec 0%, #fcf1d8 100%) !important;
  border: 1px solid #e7d5a8 !important;
  border-radius: var(--d-radius) !important;
  padding: clamp(20px, 4vw, 32px) !important;
  margin-bottom: var(--d-gap-l) !important;
  box-shadow: var(--d-shadow) !important;
}
body.post-cat-45-devta .devta-premium-hero__kicker {
  display: inline-block;
  background: rgba(184,92,0,.08);
  color: var(--d-accent-d) !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  letter-spacing: .8px !important;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 14px !important;
}
body.post-cat-45-devta .devta-premium-hero__title {
  font-family: "Lora", serif !important;
  font-weight: 700 !important;
  color: var(--d-ink) !important;
  font-size: clamp(22px, 4.4vw, 34px) !important;
  line-height: 1.25 !important;
  margin: 0 0 14px !important;
  letter-spacing: -.3px;
}
body.post-cat-45-devta .devta-premium-hero__seo-subline {
  color: var(--d-mid) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-family: system-ui, sans-serif !important;
  margin: 0 0 18px !important;
  max-width: 60ch;
}
body.post-cat-45-devta .devta-premium-hero__meta {
  display: flex; flex-wrap: wrap; gap: 8px 14px;
  font-size: 12px; color: var(--d-mid);
  margin: 0 0 14px;
}
body.post-cat-45-devta .devta-premium-hero__chips {
  display: flex; flex-wrap: wrap; gap: 6px;
  margin: 0 0 16px;
}
body.post-cat-45-devta .devta-premium-hero__chips > * {
  background: rgba(184,92,0,.06) !important;
  color: var(--d-accent-d) !important;
  border: 1px solid rgba(184,92,0,.18) !important;
  padding: 4px 11px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}
body.post-cat-45-devta .devta-premium-hero__actions {
  display: flex; flex-wrap: wrap; gap: 8px;
}
body.post-cat-45-devta .devta-premium-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: transform .15s, box-shadow .15s !important;
  background: #fff !important;
  border: 1.5px solid var(--d-line) !important;
  color: var(--d-ink) !important;
}
body.post-cat-45-devta .devta-premium-btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--d-shadow);
}
body.post-cat-45-devta .devta-premium-btn--primary {
  background: linear-gradient(135deg, var(--d-accent), var(--d-accent-d)) !important;
  color: #fff !important;
  border-color: var(--d-accent-d) !important;
  box-shadow: 0 6px 16px rgba(184,92,0,.32) !important;
}

/* ── Progress bar inside hero ────────────────────────────────────────── */
body.post-cat-45-devta .devta-premium-progress {
  background: rgba(255,255,255,.5);
  border: 1px solid rgba(184,92,0,.18);
  border-radius: 10px;
  padding: 10px 14px;
  margin: 0 0 14px;
}
body.post-cat-45-devta .devta-premium-progress__head {
  font-size: 11px; font-weight: 700; color: var(--d-accent-d);
  letter-spacing: .4px; text-transform: uppercase;
  margin-bottom: 6px;
}
body.post-cat-45-devta .devta-premium-progress__bar {
  height: 6px; background: rgba(184,92,0,.12) !important;
  border-radius: 999px; overflow: hidden;
}
body.post-cat-45-devta .devta-premium-progress__bar > span {
  display: block; height: 100%;
  background: linear-gradient(90deg, var(--d-accent), var(--d-gold)) !important;
  border-radius: 999px;
  width: var(--p, 30%);
  transition: width .8s ease-out;
}

/* ── Quick-facts grid: even, calm ────────────────────────────────────── */
body.post-cat-45-devta .devta-premium-facts {
  padding: var(--d-pad) !important;
  margin-bottom: var(--d-gap-l) !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 10px !important;
}
body.post-cat-45-devta .devta-premium-facts__card {
  background: var(--d-page) !important;
  border: 1px solid var(--d-line-s) !important;
  padding: 14px !important;
  box-shadow: none !important;
  border-radius: var(--d-radius-s) !important;
}
body.post-cat-45-devta .devta-premium-facts__card-label {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: var(--d-muted) !important;
  text-transform: uppercase;
  letter-spacing: .5px;
}
body.post-cat-45-devta .devta-premium-facts__card-value {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--d-ink) !important;
  margin-top: 3px;
  line-height: 1.3;
}

/* ── Mandala compass map ──────────────────────────────────────────────── */
body.post-cat-45-devta .devta-tree-premium {
  padding: var(--d-pad) !important;
  margin-bottom: var(--d-gap-l) !important;
}
body.post-cat-45-devta .devta-mandala-map {
  background:
    radial-gradient(circle at 50% 50%, var(--d-accent-s) 0, transparent 70%),
    #fffdf6 !important;
  border-radius: var(--d-radius-s);
  padding: 24px 12px;
  margin: 6px 0 14px;
}
body.post-cat-45-devta .devta-mandala-map__node {
  border: 1.5px solid var(--d-line) !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  color: var(--d-ink) !important;
  transition: all .15s !important;
}
body.post-cat-45-devta .devta-mandala-map__node:hover {
  border-color: var(--d-accent) !important;
  color: var(--d-accent) !important;
  transform: scale(1.04);
}
body.post-cat-45-devta .devta-mandala-map__node.is-active {
  background: var(--d-accent) !important;
  color: #fff !important;
  border-color: var(--d-accent-d) !important;
  box-shadow: 0 4px 12px rgba(184,92,0,.35);
}
body.post-cat-45-devta .devta-mandala-map__node--center {
  background: linear-gradient(135deg, var(--d-accent), var(--d-accent-d)) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 800 !important;
  padding: 14px 16px !important;
  box-shadow: 0 6px 18px rgba(184,92,0,.4) !important;
}

/* ── Intel core (the "next move" suggestion card) ────────────────────── */
body.post-cat-45-devta .devta-intel-core {
  padding: var(--d-pad) !important;
  margin-bottom: var(--d-gap-l) !important;
}
body.post-cat-45-devta .devta-intel-core__head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; margin-bottom: 8px;
}
body.post-cat-45-devta .devta-intel-core__band {
  background: var(--d-accent-s) !important;
  color: var(--d-accent-d) !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .4px;
  text-transform: uppercase;
}
body.post-cat-45-devta .devta-intel-core__score {
  font-size: 11px; color: var(--d-muted); font-weight: 700;
}
body.post-cat-45-devta .devta-intel-core__title,
body.post-cat-45-devta .devta-intel-core h3,
body.post-cat-45-devta .devta-intel-core h2 {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--d-ink) !important;
  margin: 6px 0 8px !important;
  line-height: 1.3;
}
body.post-cat-45-devta .devta-intel-core__text,
body.post-cat-45-devta .devta-intel-core p {
  font-size: 14px !important;
  color: var(--d-mid) !important;
  line-height: 1.65 !important;
  margin: 0 0 14px;
}
body.post-cat-45-devta .devta-intel-core__btn {
  padding: 10px 18px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  border: 1.5px solid var(--d-line) !important;
  color: var(--d-ink) !important;
  background: #fff !important;
}
body.post-cat-45-devta .devta-intel-core__btn--primary {
  background: linear-gradient(135deg, var(--d-accent), var(--d-accent-d)) !important;
  color: #fff !important;
  border-color: var(--d-accent-d) !important;
  box-shadow: 0 4px 12px rgba(184,92,0,.28) !important;
}

/* ── Sidebar cards: visually identical ────────────────────────────────── */
body.post-cat-45-devta .devta-sidebar-card,
body.post-cat-45-devta .devta-sidebar-intel {
  padding: var(--d-pad) !important;
}
body.post-cat-45-devta .devta-sidebar-card__title,
body.post-cat-45-devta .devta-sidebar-intel__title {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--d-ink) !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin: 0 0 10px;
}

/* ── Question form + suggestions: unified ─────────────────────────────── */
body.post-cat-45-devta .devta-question-prompts,
body.post-cat-45-devta .devta-question-form,
body.post-cat-45-devta .devta-question-suggest {
  padding: var(--d-pad) !important;
  margin: var(--d-gap) 0 !important;
}
body.post-cat-45-devta .devta-question-prompts__chip {
  background: var(--d-accent-s) !important;
  color: var(--d-accent-d) !important;
  border: 1px solid rgba(184,92,0,.2) !important;
  border-radius: 999px !important;
  padding: 7px 14px !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  text-decoration: none !important;
  display: inline-block;
  margin: 0 4px 6px 0;
}
body.post-cat-45-devta .devta-question-prompts__chip:hover {
  background: var(--d-accent) !important; color: #fff !important;
}

/* ── Related blocks: cleaner grid ─────────────────────────────────────── */
body.post-cat-45-devta .devta-related-block {
  padding: var(--d-pad) !important;
  margin: var(--d-gap) 0 !important;
}
body.post-cat-45-devta .devta-related-block__head h2,
body.post-cat-45-devta .devta-related-block__head h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--d-ink) !important;
  margin: 0 0 12px;
  text-transform: uppercase;
  letter-spacing: .4px;
}
body.post-cat-45-devta .devta-related-block__group {
  margin-bottom: 14px;
}
body.post-cat-45-devta .devta-related-block__list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 10px !important;
}
body.post-cat-45-devta .devta-related-block__recent-card,
body.post-cat-45-devta .devta-link-card {
  background: var(--d-page) !important;
  border: 1px solid var(--d-line-s) !important;
  border-radius: var(--d-radius-s) !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
  transition: all .15s !important;
  text-decoration: none !important;
  display: block;
}
body.post-cat-45-devta .devta-related-block__recent-card:hover,
body.post-cat-45-devta .devta-link-card:hover {
  background: #fff !important;
  border-color: var(--d-accent) !important;
  transform: translateY(-2px);
  box-shadow: var(--d-shadow) !important;
}
body.post-cat-45-devta .devta-link-card__dir {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: var(--d-accent-d) !important;
  text-transform: uppercase;
  letter-spacing: .6px;
  margin-bottom: 4px;
}

/* ── Tree hierarchy + sibling-links: compact ──────────────────────────── */
body.post-cat-45-devta .devta-tree-hierarchy,
body.post-cat-45-devta .devta-tree-sibling-links {
  padding: var(--d-pad) !important;
  margin: var(--d-gap) 0 !important;
}
body.post-cat-45-devta .devta-tree-hierarchy__group {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-bottom: 10px;
}
body.post-cat-45-devta .devta-tree-hierarchy__group a {
  background: var(--d-page) !important;
  border: 1px solid var(--d-line) !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  text-decoration: none !important;
  color: var(--d-ink) !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  transition: all .15s;
}
body.post-cat-45-devta .devta-tree-hierarchy__group a:hover {
  border-color: var(--d-accent) !important;
  color: var(--d-accent) !important;
}

/* ── Tags / lv2 list items consistency ────────────────────────────────── */
body.post-cat-45-devta .vg-tag {
  background: var(--d-page) !important;
  border: 1px solid var(--d-line) !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--d-ink) !important;
  text-decoration: none !important;
  display: inline-block;
  margin: 2px 4px 2px 0;
}

/* ── Article content rhythm — calmer headings ─────────────────────────── */
body.post-cat-45-devta .devta-premium-main h2[id^="sec-"],
body.post-cat-45-devta .devta-premium-main h2:not(.devta-related-block__head) {
  font-family: "Lora", serif !important;
  font-size: clamp(20px, 3.5vw, 26px) !important;
  font-weight: 700 !important;
  color: var(--d-ink) !important;
  line-height: 1.35 !important;
  margin: 36px 0 14px !important;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--d-line) !important;
}
body.post-cat-45-devta .devta-premium-main h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--d-ink) !important;
  margin: 24px 0 8px !important;
}
body.post-cat-45-devta .devta-premium-main p,
body.post-cat-45-devta .devta-premium-main li {
  color: #2b3543;
  font-size: 16px;
  line-height: 1.75;
  font-family: "Lora", serif;
}
body.post-cat-45-devta .devta-premium-main em.em-soft {
  color: var(--d-accent-d) !important;
  font-style: italic;
}

/* ── Hub blocks: same card treatment ──────────────────────────────────── */
body.post-cat-45-devta .devta-hub__block {
  padding: var(--d-pad) !important;
  margin-bottom: var(--d-gap) !important;
}
body.post-cat-45-devta .devta-hub__block h2,
body.post-cat-45-devta .devta-hub__block h3 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--d-ink) !important;
  margin: 0 0 12px !important;
}

/* ── Mobile-specific tweaks ───────────────────────────────────────────── */
@media (max-width: 768px) {
  body.post-cat-45-devta {
    --d-pad: 14px;
    --d-gap: 14px;
    --d-gap-l: 20px;
  }
  body.post-cat-45-devta .devta-premium-hero {
    padding: 18px 14px !important;
    margin-bottom: 16px !important;
  }
  body.post-cat-45-devta .devta-premium-hero__title { font-size: 22px !important; }
  body.post-cat-45-devta .devta-premium-hero__actions { flex-direction: column; }
  body.post-cat-45-devta .devta-premium-btn { width: 100%; justify-content: center; }
  body.post-cat-45-devta .devta-premium-facts { grid-template-columns: repeat(2, 1fr) !important; }
  body.post-cat-45-devta .devta-related-block__list { grid-template-columns: 1fr !important; }
  body.post-cat-45-devta .devta-mandala-map { padding: 16px 8px; }
  body.post-cat-45-devta .devta-mandala-map__node { font-size: 11px !important; padding: 8px 10px !important; }
  body.post-cat-45-devta .devta-premium-main h2:not(.devta-related-block__head) { font-size: 19px !important; margin: 28px 0 10px !important; }
}
@media (max-width: 380px) {
  body.post-cat-45-devta .devta-premium-facts { grid-template-columns: 1fr !important; }
}

/* ── Premium sidebar: tighter on desktop ──────────────────────────────── */
@media (min-width: 920px) {
  body.post-cat-45-devta .devta-premium-sidebar {
    gap: 12px !important;
  }
  body.post-cat-45-devta .devta-premium-sidebar > * {
    margin: 0 !important;
  }
}

/* ── Reduce motion ────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  body.post-cat-45-devta * { transition: none !important; }
}

/* ── Print friendliness — hide widgets, keep article only ─────────────── */
@media print {
  body.post-cat-45-devta .devta-premium-sidebar,
  body.post-cat-45-devta .devta-tree-premium,
  body.post-cat-45-devta .devta-question-form,
  body.post-cat-45-devta .devta-question-suggest,
  body.post-cat-45-devta .devta-related-block,
  body.post-cat-45-devta .devta-tree-hierarchy,
  body.post-cat-45-devta .devta-tree-sibling-links { display: none !important; }
}