:root {
  --mushna-bg: #fbfaf7;
  --mushna-card: #ffffff;
  --mushna-ink: #1f2933;
  --mushna-muted: #65727f;
  --mushna-border: #e8e2d7;
  --mushna-soft: #f4efe6;
  --mushna-accent: #1f6f5b;
  --mushna-accent-soft: #e8f4ef;
  --mushna-gold-soft: #fbf4df;
  --mushna-shadow: 0 14px 40px rgba(31, 41, 51, 0.08);
}

.mushna-dua-library,
.mushna-dua-category,
.mushna-dua-detail {
  color: var(--mushna-ink);
  font-family: inherit;
  max-width: 1180px;
  margin: 0 auto;
  padding: 16px;
}

.mushna-hero,
.mushna-detail-header {
  background: radial-gradient(circle at top left, #edf8f4 0, transparent 32%), linear-gradient(135deg, #fff 0%, var(--mushna-bg) 100%);
  border: 1px solid var(--mushna-border);
  border-radius: 28px;
  padding: clamp(28px, 5vw, 56px);
  box-shadow: var(--mushna-shadow);
  margin-bottom: 34px;
  text-align: center;
}

.mushna-hero-logo {
  display: block;
  height: 54px;
  width: auto;
  margin: 0 auto 18px;
  object-fit: contain;
}

.mushna-eyebrow {
  color: var(--mushna-accent);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.78rem;
  font-weight: 750;
  margin: 0 0 10px;
}

.mushna-hero h1,
.mushna-detail-header h1 {
  font-size: clamp(2rem, 6vw, 4rem);
  line-height: 1.05;
  margin: 0 auto 16px;
  max-width: 820px;
}

.mushna-hero-copy,
.mushna-section-head p,
.mushna-card-translation,
.mushna-card-ref,
.mushna-category-card p,
.mushna-category-meta {
  color: var(--mushna-muted);
}

.mushna-hero-copy {
  font-size: clamp(1rem, 2vw, 1.2rem);
  max-width: 760px;
  margin: 0 auto 26px;
}

.mushna-search-wrap {
  max-width: 760px;
  margin: 0 auto 18px;
}

.mushna-dua-search {
  width: 100%;
  border: 1px solid var(--mushna-border);
  border-radius: 999px;
  padding: 16px 22px;
  font-size: 1rem;
  background: #fff;
  outline: none;
  box-shadow: 0 8px 24px rgba(31, 41, 51, 0.06);
}

.mushna-dua-search:focus {
  border-color: var(--mushna-accent);
  box-shadow: 0 0 0 4px var(--mushna-accent-soft);
}

.mushna-quick-chips,
.mushna-chip-grid,
.mushna-tags,
.mushna-card-badges,
.mushna-card-actions,
.mushna-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.mushna-quick-chips,
.mushna-chip-grid {
  justify-content: center;
}

.mushna-quick-chips button,
.mushna-chip-grid button,
.mushna-copy-btn,
.mushna-view-btn {
  border: 1px solid var(--mushna-border);
  background: #fff;
  color: var(--mushna-ink);
  border-radius: 999px;
  padding: 10px 15px;
  line-height: 1;
  font-weight: 650;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.mushna-quick-chips button:hover,
.mushna-chip-grid button:hover,
.mushna-copy-btn:hover,
.mushna-view-btn:hover {
  transform: translateY(-1px);
  border-color: var(--mushna-accent);
  background: var(--mushna-accent-soft);
}

.mushna-section {
  margin: 42px 0;
}

.mushna-section-head {
  margin-bottom: 18px;
}

.mushna-section-head h2,
.mushna-detail-panel h2,
.mushna-detail-translit h2,
.mushna-detail-translation h2 {
  font-size: clamp(1.5rem, 3vw, 2.15rem);
  line-height: 1.15;
  margin: 0 0 8px;
}

.mushna-dua-grid,
.mushna-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.mushna-dua-card,
.mushna-category-card,
.mushna-detail-panel,
.mushna-dua-main-block,
.mushna-empty-state {
  background: var(--mushna-card);
  border: 1px solid var(--mushna-border);
  border-radius: 22px;
  padding: 20px;
  box-shadow: 0 8px 28px rgba(31, 41, 51, 0.055);
}

.mushna-dua-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.mushna-dua-card h3,
.mushna-category-card h3 {
  font-size: 1.25rem;
  line-height: 1.25;
  margin: 12px 0 10px;
}

.mushna-dua-card h3 a,
.mushna-category-card {
  color: inherit;
  text-decoration: none;
}

.mushna-card-arabic {
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: 2;
  text-align: right;
  margin: 14px 0;
  color: #111827;
}

.mushna-card-translation {
  margin: 0 0 12px;
}

.mushna-card-ref {
  font-size: 0.9rem;
  margin: 0 0 12px;
}

.mushna-badge {
  display: inline-flex;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 0.78rem;
  font-weight: 750;
  background: var(--mushna-soft);
  color: var(--mushna-ink);
}

.mushna-badge.source {
  background: var(--mushna-accent-soft);
  color: var(--mushna-accent);
}

.mushna-badge.auth {
  background: var(--mushna-gold-soft);
}

.mushna-tags {
  margin: 12px 0;
}

.mushna-tags span {
  border-radius: 999px;
  background: var(--mushna-soft);
  color: var(--mushna-muted);
  padding: 7px 10px;
  font-size: 0.78rem;
  font-weight: 650;
}

.mushna-card-actions {
  margin-top: auto;
  padding-top: 14px;
}

.mushna-view-btn {
  background: var(--mushna-accent);
  color: #fff;
  border-color: var(--mushna-accent);
}

.mushna-category-card {
  display: block;
  min-height: 150px;
}

.mushna-category-count {
  display: inline-flex;
  color: var(--mushna-accent);
  background: var(--mushna-accent-soft);
  border-radius: 999px;
  padding: 6px 10px;
  font-weight: 750;
  font-size: 0.8rem;
}

.mushna-chip-grid {
  justify-content: flex-start;
}

.mushna-dua-main-block {
  margin-bottom: 24px;
}

.mushna-detail-arabic {
  direction: rtl;
  text-align: right;
  font-size: clamp(2rem, 5vw, 3.25rem);
  line-height: 2.05;
  color: #111827;
  margin-bottom: 24px;
}

.mushna-detail-translit,
.mushna-detail-translation {
  border-top: 1px solid var(--mushna-border);
  padding-top: 18px;
  margin-top: 18px;
}

.mushna-detail-translit p,
.mushna-detail-translation p,
.mushna-detail-panel p {
  font-size: 1.05rem;
  line-height: 1.75;
}

.mushna-detail-actions {
  margin-top: 22px;
}

.mushna-detail-panel {
  margin: 20px 0;
}

.mushna-detail-tag-group {
  margin: 14px 0;
}

.mushna-auth-note {
  background: var(--mushna-soft);
  border-radius: 16px;
  padding: 14px 16px;
}

.mushna-empty-state,
.mushna-no-results {
  text-align: center;
  padding: 28px;
  color: var(--mushna-muted);
}

.mushna-copy-toast {
  position: fixed;
  z-index: 99999;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  background: var(--mushna-ink);
  color: #fff;
  padding: 12px 16px;
  border-radius: 999px;
  box-shadow: var(--mushna-shadow);
  font-weight: 700;
}

@media (max-width: 980px) {
  .mushna-dua-grid,
  .mushna-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .mushna-dua-library,
  .mushna-dua-category,
  .mushna-dua-detail {
    padding: 10px;
  }

  .mushna-hero,
  .mushna-detail-header {
    border-radius: 22px;
    padding: 24px 16px;
  }

  .mushna-dua-grid,
  .mushna-category-grid {
    grid-template-columns: 1fr;
  }

  .mushna-chip-grid {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }

  .mushna-chip-grid button,
  .mushna-quick-chips button {
    white-space: nowrap;
  }

  .mushna-card-arabic {
    font-size: 1.55rem;
  }

  .mushna-detail-arabic {
    font-size: 2rem;
  }
}

/* v1.1 layout refinements */
.mushna-dua-library,
.mushna-dua-category,
.mushna-dua-detail {
  width: min(100%, 1120px);
  padding: clamp(18px, 3vw, 34px) 16px;
}

.mushna-hero,
.mushna-detail-header {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}

.mushna-dua-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr));
  gap: 22px;
}

.mushna-category-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr));
  gap: 18px;
}

.mushna-featured-grid {
  align-items: stretch;
}

.mushna-dua-card {
  overflow: hidden;
}

.mushna-card-arabic {
  max-height: 8.3em;
  overflow: hidden;
  position: relative;
  font-size: clamp(1.55rem, 2.1vw, 1.95rem);
}

.mushna-card-translation {
  line-height: 1.65;
}

.mushna-card-actions {
  gap: 8px;
}

.mushna-copy-btn,
.mushna-view-btn,
.mushna-clear-search {
  min-height: 36px;
}

.mushna-section {
  margin: clamp(34px, 5vw, 58px) 0;
}

.mushna-search-results-section {
  background: linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
  border: 1px solid var(--mushna-border);
  border-radius: 28px;
  padding: clamp(18px, 3vw, 28px);
  box-shadow: 0 12px 34px rgba(31, 41, 51, 0.055);
  scroll-margin-top: 96px;
}

.mushna-results-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}

.mushna-clear-search {
  border: 1px solid var(--mushna-border);
  background: #fff;
  color: var(--mushna-accent);
  border-radius: 999px;
  padding: 10px 15px;
  font-weight: 750;
  cursor: pointer;
}

.mushna-all-toggle {
  background: #fff;
  border: 1px solid var(--mushna-border);
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(31, 41, 51, 0.045);
  overflow: hidden;
}

.mushna-all-toggle summary {
  list-style: none;
  cursor: pointer;
  padding: 20px 22px;
  color: var(--mushna-accent);
  font-weight: 800;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.mushna-all-toggle summary::-webkit-details-marker {
  display: none;
}

.mushna-all-toggle summary::after {
  content: '+';
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--mushna-accent-soft);
}

.mushna-all-toggle[open] summary::after {
  content: '–';
}

.mushna-all-toggle .mushna-all-duas {
  padding: 0 22px 22px;
}

.mushna-chip-grid {
  gap: 10px;
}

.mushna-chip-grid button,
.mushna-quick-chips button {
  font-size: 0.92rem;
}

@media (min-width: 980px) {
  .mushna-featured-grid .mushna-dua-card:first-child {
    grid-column: span 2;
  }
}

@media (max-width: 640px) {
  .mushna-results-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .mushna-dua-grid,
  .mushna-category-grid {
    gap: 14px;
  }

  .mushna-card-arabic {
    max-height: none;
  }

  .mushna-all-toggle summary {
    padding: 18px;
  }

  .mushna-all-toggle .mushna-all-duas {
    padding: 0 14px 18px;
  }
}

/* v1.2 simplified hub */
.mushna-dua-library [hidden],
.mushna-dua-category [hidden],
.mushna-dua-detail [hidden] {
  display: none !important;
}

.mushna-dua-library {
  width: min(100%, 980px);
}

.mushna-hero-simple {
  max-width: 920px;
  padding: clamp(30px, 5vw, 54px) clamp(18px, 4vw, 48px);
  margin-bottom: clamp(28px, 5vw, 48px);
}

.mushna-hero-logo {
  height: 48px;
}

.mushna-hero h1 {
  font-size: clamp(2.35rem, 5vw, 4.4rem);
  letter-spacing: -0.035em;
  max-width: 760px;
}

.mushna-hero-copy {
  max-width: 700px;
}

.mushna-search-wrap {
  max-width: 690px;
}

.mushna-dua-search {
  border-radius: 14px;
  min-height: 54px;
  box-shadow: none;
  border-color: #d9ceb9;
}

.mushna-quick-chips {
  max-width: 720px;
  margin: 12px auto 0;
}

.mushna-quick-chips button,
.mushna-pill-row button,
.mushna-pathway-card,
.mushna-clear-search,
.mushna-copy-btn,
.mushna-view-btn {
  -webkit-appearance: none;
  appearance: none;
}

.mushna-section {
  margin: clamp(28px, 4vw, 46px) 0;
}

.mushna-centered-head {
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.mushna-pathway-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.mushna-pathway-card {
  display: block;
  text-align: left;
  background: #fff;
  border: 1px solid var(--mushna-border);
  border-radius: 22px;
  padding: 22px;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(31, 41, 51, 0.04);
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.mushna-pathway-card:hover {
  transform: translateY(-2px);
  border-color: var(--mushna-accent);
  box-shadow: 0 12px 28px rgba(31, 41, 51, 0.07);
}

.mushna-pathway-card span {
  display: inline-flex;
  color: var(--mushna-accent);
  background: var(--mushna-accent-soft);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 0.78rem;
  font-weight: 800;
  margin-bottom: 12px;
}

.mushna-pathway-card strong {
  display: block;
  font-size: 1.15rem;
  line-height: 1.35;
  color: var(--mushna-ink);
}

.mushna-featured-grid,
.mushna-results-grid,
.mushna-all-duas {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}

@media (min-width: 980px) {
  .mushna-featured-grid .mushna-dua-card:first-child {
    grid-column: auto;
  }
}

.mushna-dua-card {
  border-radius: 18px;
  padding: 18px;
}

.mushna-dua-card h3 {
  font-size: 1.05rem;
  line-height: 1.35;
}

.mushna-card-arabic {
  display: none;
}

.mushna-card-translation {
  font-size: 0.98rem;
  line-height: 1.65;
}

.mushna-tags span {
  font-size: 0.74rem;
  padding: 6px 9px;
}

.mushna-badge {
  font-size: 0.72rem;
  padding: 6px 9px;
}

.mushna-card-actions {
  padding-top: 10px;
}

.mushna-search-results-section {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.mushna-results-head h2 span {
  color: var(--mushna-muted);
  font-size: 0.65em;
  font-weight: 500;
}

.mushna-browse-section {
  background: #fff;
  border: 1px solid var(--mushna-border);
  border-radius: 28px;
  padding: clamp(18px, 3vw, 30px);
  box-shadow: 0 8px 26px rgba(31, 41, 51, 0.04);
}

.mushna-browse-group {
  border-top: 1px solid var(--mushna-border);
  padding-top: 18px;
  margin-top: 18px;
}

.mushna-browse-group h3 {
  margin: 0 0 12px;
  color: var(--mushna-accent);
  font-size: 1rem;
}

.mushna-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mushna-pill-row button {
  border: 1px solid var(--mushna-border);
  background: var(--mushna-bg);
  color: var(--mushna-ink);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 700;
  cursor: pointer;
}

.mushna-pill-row button:hover {
  border-color: var(--mushna-accent);
  background: var(--mushna-accent-soft);
}

.mushna-adhkar-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  background: var(--mushna-accent);
  color: #fff;
  border-radius: 26px;
  padding: clamp(22px, 4vw, 34px);
}

.mushna-adhkar-strip .mushna-eyebrow,
.mushna-adhkar-strip p {
  color: rgba(255,255,255,0.78);
}

.mushna-adhkar-strip h2 {
  margin: 4px 0 8px;
  color: #fff;
}

.mushna-adhkar-strip a {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #fff;
  color: var(--mushna-accent);
  padding: 12px 18px;
  text-decoration: none;
  font-weight: 800;
}

@media (max-width: 760px) {
  .mushna-pathway-grid {
    grid-template-columns: 1fr;
  }

  .mushna-adhkar-strip {
    align-items: flex-start;
    flex-direction: column;
  }

  .mushna-quick-chips {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 6px;
  }

  .mushna-quick-chips button,
  .mushna-pill-row button {
    white-space: nowrap;
  }
}

/* v1.3 relevance search hard-hide */
.mushna-dua-card[hidden],
.mushna-dua-library .mushna-dua-card[hidden],
.mushna-dua-category .mushna-dua-card[hidden] {
  display: none !important;
}


/* v1.4 readability fixes: show Arabic/transliteration on cards and force readable action buttons despite theme link styles */
.mushna-dua-card .mushna-card-arabic {
  display: block !important;
  direction: rtl;
  text-align: right;
  font-family: "Scheherazade New", "Amiri", "Noto Naskh Arabic", serif;
  font-size: clamp(1.15rem, 2.2vw, 1.55rem);
  line-height: 1.9;
  color: var(--mushna-ink);
  margin: 10px 0 8px;
  max-height: 5.8em;
  overflow: hidden;
}

.mushna-card-transliteration {
  font-size: 0.86rem;
  line-height: 1.55;
  color: var(--mushna-muted);
  margin: 6px 0 8px;
  font-style: italic;
}

.mushna-dua-card .mushna-card-translation {
  color: var(--mushna-muted);
  margin-top: 7px;
}

.mushna-dua-card .mushna-card-ref {
  margin-top: 8px;
}

.mushna-dua-card .mushna-view-btn,
.mushna-view-btn,
.entry-content .mushna-view-btn,
.wp-block-post-content .mushna-view-btn {
  background: var(--mushna-accent) !important;
  border-color: var(--mushna-accent) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

.mushna-dua-card .mushna-view-btn:hover,
.mushna-view-btn:hover,
.entry-content .mushna-view-btn:hover,
.wp-block-post-content .mushna-view-btn:hover {
  background: #155f53 !important;
  border-color: #155f53 !important;
  color: #ffffff !important;
}

.mushna-dua-card .mushna-copy-btn,
.entry-content .mushna-copy-btn,
.wp-block-post-content .mushna-copy-btn {
  color: var(--mushna-ink) !important;
  background: #ffffff !important;
}

@media (max-width: 640px) {
  .mushna-dua-card .mushna-card-arabic {
    font-size: 1.28rem;
    line-height: 1.85;
    max-height: 5.6em;
  }
  .mushna-card-transliteration {
    font-size: 0.82rem;
  }
}

/* v1.5 full text + benefit/background support */
.mushna-dua-card .mushna-card-transliteration,
.mushna-dua-card .mushna-card-translation {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

.mushna-dua-card .mushna-card-transliteration {
  font-size: 0.88rem;
  line-height: 1.65;
  color: #657483;
  font-style: italic;
}

.mushna-dua-card .mushna-card-translation {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #4b5b68;
}

.mushna-card-insight {
  border-top: 1px solid var(--mushna-border);
  border-bottom: 1px solid var(--mushna-border);
  padding: 10px 0;
  margin: 10px 0 12px;
}

.mushna-card-insight strong {
  display: block;
  color: var(--mushna-accent);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 4px;
}

.mushna-card-insight p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #546372;
}

.mushna-meaning-panel p {
  margin-bottom: 0.85rem;
}

.mushna-meaning-panel strong {
  color: var(--mushna-accent);
}


/* v1.6 critical text integrity fixes: never crop dua text on cards */
.mushna-dua-card,
.mushna-card-arabic,
.mushna-dua-card .mushna-card-arabic,
.mushna-card-transliteration,
.mushna-dua-card .mushna-card-transliteration,
.mushna-card-translation,
.mushna-dua-card .mushna-card-translation {
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  text-overflow: clip !important;
}

.mushna-dua-card .mushna-card-arabic {
  white-space: normal !important;
  padding-bottom: 2px;
}

.mushna-card-insight {
  display: block !important;
}

/* v1.7 non-negotiable text integrity: no dua text should ever be cropped */
html body .mushna-dua-library .mushna-dua-card,
html body .mushna-dua-category .mushna-dua-card,
html body .mushna-dua-detail-page .mushna-dua-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
html body .mushna-dua-library .mushna-card-arabic,
html body .mushna-dua-category .mushna-card-arabic,
html body .mushna-dua-detail-page .mushna-card-arabic,
html body .entry-content .mushna-card-arabic,
html body .wp-block-post-content .mushna-card-arabic {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  clip: auto !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  white-space: normal !important;
  text-overflow: clip !important;
  contain: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
html body .mushna-dua-library .mushna-card-transliteration,
html body .mushna-dua-library .mushna-card-translation,
html body .mushna-dua-category .mushna-card-transliteration,
html body .mushna-dua-category .mushna-card-translation,
html body .entry-content .mushna-card-transliteration,
html body .entry-content .mushna-card-translation {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  text-overflow: clip !important;
}

/* v1.8 mobile UX refinements: wider usable space, calmer cards, no horizontal overflow */
.mushna-dua-library,
.mushna-dua-category,
.mushna-dua-detail {
  box-sizing: border-box;
}

.mushna-dua-library *,
.mushna-dua-category *,
.mushna-dua-detail * {
  box-sizing: border-box;
}

@media (max-width: 640px) {
  html body .entry-content:has(.mushna-dua-library),
  html body .wp-block-post-content:has(.mushna-dua-library) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body .mushna-dua-library,
  html body .mushna-dua-category,
  html body .mushna-dua-detail {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  html body .mushna-hero,
  html body .mushna-detail-header {
    border-radius: 18px !important;
    padding: 18px 12px !important;
    margin-bottom: 26px !important;
  }

  html body .mushna-hero-logo {
    height: 38px !important;
    margin-bottom: 12px !important;
  }

  html body .mushna-eyebrow {
    font-size: 0.64rem !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 7px !important;
  }

  html body .mushna-hero h1,
  html body .mushna-detail-header h1 {
    font-size: 1.82rem !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 10px !important;
  }

  html body .mushna-hero-copy {
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
    margin-bottom: 14px !important;
  }

  html body .mushna-search-wrap {
    margin-bottom: 10px !important;
  }

  html body .mushna-dua-search {
    min-height: 44px !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    font-size: 0.92rem !important;
  }

  html body .mushna-quick-chips {
    gap: 6px !important;
    margin-top: 8px !important;
    padding-bottom: 8px !important;
    scrollbar-width: none;
  }

  html body .mushna-quick-chips::-webkit-scrollbar,
  html body .mushna-chip-grid::-webkit-scrollbar {
    display: none;
  }

  html body .mushna-quick-chips button,
  html body .mushna-pill-row button,
  html body .mushna-chip-grid button {
    padding: 8px 10px !important;
    font-size: 0.78rem !important;
    min-height: 34px !important;
  }

  html body .mushna-section {
    margin: 26px 0 !important;
  }

  html body .mushna-section-head {
    margin-bottom: 12px !important;
  }

  html body .mushna-section-head h2,
  html body .mushna-detail-panel h2,
  html body .mushna-detail-translit h2,
  html body .mushna-detail-translation h2 {
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
  }

  html body .mushna-section-head p,
  html body .mushna-centered-head p {
    font-size: 0.88rem !important;
    line-height: 1.55 !important;
  }

  html body .mushna-pathway-grid,
  html body .mushna-dua-grid,
  html body .mushna-category-grid,
  html body .mushna-featured-grid,
  html body .mushna-results-grid,
  html body .mushna-all-duas {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body .mushna-pathway-card,
  html body .mushna-dua-card,
  html body .mushna-category-card,
  html body .mushna-search-results-section,
  html body .mushna-browse-section,
  html body .mushna-dua-main-block,
  html body .mushna-detail-panel {
    border-radius: 16px !important;
    padding: 14px !important;
  }

  html body .mushna-search-results-section {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .mushna-results-head {
    gap: 10px !important;
  }

  html body .mushna-clear-search {
    padding: 8px 12px !important;
    min-height: 34px !important;
    font-size: 0.82rem !important;
  }

  html body .mushna-dua-card h3,
  html body .mushna-category-card h3 {
    font-size: 1rem !important;
    line-height: 1.3 !important;
    margin: 10px 0 8px !important;
  }

  html body .mushna-card-badges {
    gap: 6px !important;
  }

  html body .mushna-badge {
    padding: 5px 8px !important;
    font-size: 0.68rem !important;
  }

  html body .mushna-dua-card .mushna-card-arabic {
    font-size: 1.18rem !important;
    line-height: 1.72 !important;
    margin: 8px 0 8px !important;
  }

  html body .mushna-card-transliteration,
  html body .mushna-dua-card .mushna-card-transliteration {
    font-size: 0.8rem !important;
    line-height: 1.55 !important;
    margin: 6px 0 !important;
  }

  html body .mushna-card-translation,
  html body .mushna-dua-card .mushna-card-translation {
    font-size: 0.86rem !important;
    line-height: 1.55 !important;
  }

  html body .mushna-card-insight {
    padding: 8px 0 !important;
    margin: 8px 0 10px !important;
  }

  html body .mushna-card-insight strong {
    font-size: 0.68rem !important;
  }

  html body .mushna-card-insight p {
    font-size: 0.82rem !important;
    line-height: 1.5 !important;
  }

  html body .mushna-card-ref {
    font-size: 0.82rem !important;
    margin-bottom: 8px !important;
  }

  html body .mushna-tags {
    gap: 6px !important;
    margin: 8px 0 !important;
  }

  html body .mushna-tags span {
    padding: 5px 8px !important;
    font-size: 0.68rem !important;
  }

  html body .mushna-card-actions {
    gap: 8px !important;
    padding-top: 8px !important;
  }

  html body .mushna-copy-btn,
  html body .mushna-view-btn {
    min-height: 34px !important;
    padding: 8px 12px !important;
    font-size: 0.82rem !important;
  }

  html body .mushna-browse-group {
    padding-top: 12px !important;
    margin-top: 12px !important;
  }

  html body .mushna-pill-row {
    gap: 7px !important;
  }

  html body .mushna-adhkar-strip {
    border-radius: 18px !important;
    padding: 18px 14px !important;
    gap: 12px !important;
  }

  html body .mushna-adhkar-strip a {
    width: 100% !important;
    text-align: center !important;
    padding: 11px 14px !important;
  }
}

@media (max-width: 380px) {
  html body .mushna-dua-library,
  html body .mushna-dua-category,
  html body .mushna-dua-detail {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html body .mushna-hero h1,
  html body .mushna-detail-header h1 {
    font-size: 1.58rem !important;
  }

  html body .mushna-dua-card .mushna-card-arabic {
    font-size: 1.08rem !important;
  }
}

/* v1.9: collapsed dua cards on all listing views */
html body .mushna-dua-card.is-collapsed .mushna-card-transliteration,
html body .mushna-dua-card.is-collapsed .mushna-card-insight {
  display: none !important;
}

html body .mushna-dua-card.is-collapsed .mushna-card-arabic {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-height: none !important;
}

html body .mushna-dua-card.is-collapsed .mushna-card-translation {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body .mushna-dua-card.is-expanded .mushna-card-arabic,
html body .mushna-dua-card.is-expanded .mushna-card-transliteration,
html body .mushna-dua-card.is-expanded .mushna-card-translation,
html body .mushna-dua-card.is-expanded .mushna-card-insight {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
}

html body .mushna-expand-btn {
  align-self: flex-start !important;
  appearance: none !important;
  border: 1px solid rgba(31, 111, 98, 0.28) !important;
  background: rgba(31, 111, 98, 0.07) !important;
  color: var(--mushna-green) !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  margin: 2px 0 10px !important;
  box-shadow: none !important;
}

html body .mushna-expand-btn:hover,
html body .mushna-expand-btn:focus {
  background: rgba(31, 111, 98, 0.12) !important;
  color: var(--mushna-green) !important;
  outline: 2px solid rgba(31, 111, 98, 0.18) !important;
  outline-offset: 2px !important;
}

html body .mushna-dua-card.is-expanded .mushna-expand-btn {
  margin-top: 6px !important;
}

@media (max-width: 640px) {
  html body .mushna-dua-card.is-collapsed .mushna-card-arabic {
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
  }
  html body .mushna-dua-card.is-collapsed .mushna-card-translation {
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
  }
  html body .mushna-expand-btn {
    padding: 7px 10px !important;
    font-size: 0.76rem !important;
    margin-bottom: 8px !important;
  }
}


/* v2.3 stability pass: restore breathing room while keeping collapsed cards */
html body .mushna-dua-card {
  padding: 20px !important;
}
html body .mushna-card-actions {
  gap: 10px !important;
}
html body .mushna-card-actions .mushna-copy-btn,
html body .mushna-card-actions .mushna-view-btn {
  padding: 10px 15px !important;
  min-height: 38px !important;
}
html body .mushna-dua-card.is-collapsed .mushna-card-arabic,
html body .mushna-dua-card.is-collapsed .mushna-card-translation {
  position: relative !important;
}
html body .mushna-dua-card.is-collapsed .mushna-card-transliteration,
html body .mushna-dua-card.is-collapsed .mushna-card-insight {
  display: none !important;
}
html body .mushna-dua-card.is-expanded .mushna-card-transliteration,
html body .mushna-dua-card.is-expanded .mushna-card-insight {
  display: block !important;
}
@media (max-width: 640px) {
  html body .mushna-dua-library,
  html body .mushna-dua-category,
  html body .mushna-dua-detail {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  html body .mushna-dua-card,
  html body .mushna-category-card,
  html body .mushna-search-results-section,
  html body .mushna-browse-section {
    padding: 16px !important;
    border-radius: 18px !important;
  }
  html body .mushna-card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  html body .mushna-expand-btn {
    width: 100% !important;
    margin: 6px 0 8px !important;
  }
  html body .mushna-copy-btn,
  html body .mushna-view-btn {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
}


/* v2.5 UX spacing pass only — does not touch search/data logic
   Goals: tighter hero spacing, better mobile side rhythm, balanced recommended cards,
   and preserved card breathing room. */
html body .mushna-dua-library,
html body .mushna-dua-category,
html body .mushna-dua-detail {
  padding-top: clamp(18px, 2.4vw, 28px) !important;
  padding-bottom: clamp(34px, 4vw, 52px) !important;
}

html body .mushna-hero-simple,
html body .mushna-hero,
html body .mushna-detail-header {
  margin-top: 0 !important;
}

/* Keep the hero premium but avoid oversized empty space. */
@media (min-width: 900px) {
  html body .mushna-hero-simple {
    padding-top: clamp(34px, 4vw, 48px) !important;
    padding-bottom: clamp(30px, 3.6vw, 44px) !important;
  }

  html body .mushna-section {
    margin-top: 36px !important;
    margin-bottom: 42px !important;
  }

  /* Four recommended cards look cleaner as a 2x2 grid than a 3+1 layout. */
  html body .mushna-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 22px !important;
  }

  html body .mushna-results-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}

/* Medium screens: avoid cramped 3-column cards. */
@media (min-width: 641px) and (max-width: 899px) {
  html body .mushna-featured-grid,
  html body .mushna-results-grid,
  html body .mushna-dua-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile refinement: use more screen width without removing card padding. */
@media (max-width: 640px) {
  html body .mushna-dua-library,
  html body .mushna-dua-category,
  html body .mushna-dua-detail {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 12px !important;
    padding-bottom: 28px !important;
  }

  html body .mushna-hero-simple,
  html body .mushna-hero,
  html body .mushna-detail-header {
    padding: 18px 14px !important;
    border-radius: 18px !important;
    margin-bottom: 22px !important;
  }

  html body .mushna-hero-logo {
    height: 34px !important;
    margin-bottom: 10px !important;
  }

  html body .mushna-eyebrow {
    margin-bottom: 6px !important;
  }

  html body .mushna-hero h1,
  html body .mushna-detail-header h1 {
    font-size: clamp(1.42rem, 7vw, 1.72rem) !important;
    line-height: 1.08 !important;
    margin-bottom: 9px !important;
  }

  html body .mushna-hero-copy {
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
  }

  html body .mushna-dua-search {
    min-height: 42px !important;
    padding: 9px 11px !important;
    font-size: 0.84rem !important;
  }

  html body .mushna-quick-chips {
    margin-top: 8px !important;
    gap: 6px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  html body .mushna-quick-chips button,
  html body .mushna-pill-row button,
  html body .mushna-chip-grid button {
    min-height: 32px !important;
    padding: 7px 9px !important;
    font-size: 0.74rem !important;
  }

  html body .mushna-section {
    margin: 24px 0 !important;
  }

  html body .mushna-centered-head {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html body .mushna-section-head h2,
  html body .mushna-centered-head h2 {
    font-size: 1.25rem !important;
    line-height: 1.18 !important;
  }

  html body .mushna-section-head p,
  html body .mushna-centered-head p {
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
  }

  html body .mushna-pathway-card,
  html body .mushna-dua-card,
  html body .mushna-category-card,
  html body .mushna-search-results-section,
  html body .mushna-browse-section {
    padding: 15px !important;
    border-radius: 17px !important;
  }

  html body .mushna-pathway-card {
    min-height: auto !important;
  }

  html body .mushna-pathway-card span {
    margin-bottom: 8px !important;
    padding: 5px 8px !important;
    font-size: 0.68rem !important;
  }

  html body .mushna-pathway-card strong {
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
  }

  html body .mushna-dua-grid,
  html body .mushna-featured-grid,
  html body .mushna-results-grid,
  html body .mushna-pathway-grid,
  html body .mushna-category-grid {
    gap: 12px !important;
  }

  html body .mushna-dua-card h3 {
    font-size: 0.95rem !important;
    line-height: 1.25 !important;
    margin: 8px 0 7px !important;
  }

  html body .mushna-dua-card .mushna-card-arabic {
    font-size: 1.16rem !important;
    line-height: 1.68 !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  html body .mushna-dua-card .mushna-card-translation {
    font-size: 0.82rem !important;
    line-height: 1.48 !important;
  }

  html body .mushna-card-ref {
    font-size: 0.78rem !important;
    margin: 8px 0 !important;
  }

  html body .mushna-tags {
    gap: 5px !important;
    margin: 7px 0 !important;
  }

  html body .mushna-tags span {
    font-size: 0.64rem !important;
    padding: 5px 7px !important;
  }

  html body .mushna-card-actions {
    gap: 7px !important;
    padding-top: 7px !important;
  }

  html body .mushna-expand-btn {
    color: var(--mushna-accent) !important;
    min-height: 32px !important;
  }

  html body .mushna-card-actions .mushna-copy-btn,
  html body .mushna-card-actions .mushna-view-btn {
    min-height: 34px !important;
    padding: 8px 10px !important;
    font-size: 0.78rem !important;
  }

  html body .mushna-browse-group {
    padding-top: 11px !important;
    margin-top: 11px !important;
  }

  html body .mushna-adhkar-strip {
    margin-top: 6px !important;
  }
}

@media (max-width: 380px) {
  html body .mushna-dua-library,
  html body .mushna-dua-category,
  html body .mushna-dua-detail {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  html body .mushna-pathway-card,
  html body .mushna-dua-card,
  html body .mushna-category-card,
  html body .mushna-search-results-section,
  html body .mushna-browse-section {
    padding: 14px !important;
  }
}

/* v2.6 hero full-bleed + page-wrapper spacing fix only.
   This section intentionally does not modify search/filter logic or card content. */
html body.mushna-dua-page,
html body.mushna-dua-page #page,
html body.mushna-dua-page .site,
html body.mushna-dua-page .site-content,
html body.mushna-dua-page .content-area,
html body.mushna-dua-page .entry-content,
html body.mushna-dua-page .wp-site-blocks,
html body.mushna-dua-page main,
html body.mushna-dua-page .site-main,
html body.mushna-dua-page .wp-block-post-content {
  background: var(--mushna-bg) !important;
}

html body.mushna-dua-page .entry-header,
html body.mushna-dua-page .page-header,
html body.mushna-dua-page .wp-block-post-title,
html body.mushna-dua-page .wp-block-spacer:empty,
html body.mushna-dua-page .mushna-hide-empty-before-dua {
  display: none !important;
}

html body.mushna-dua-page .entry-content,
html body.mushna-dua-page .wp-block-post-content,
html body.mushna-dua-page main,
html body.mushna-dua-page .site-main,
html body.mushna-dua-page .content-area,
html body.mushna-dua-page .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Make the plugin escape the WordPress content column. */
html body .mushna-dua-library {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 0 clamp(34px, 4vw, 52px) !important;
  background: var(--mushna-bg) !important;
  overflow-x: clip !important;
}

/* Keep all non-hero sections readable and centered after full-bleed wrapper. */
html body .mushna-dua-library > .mushna-section,
html body .mushna-dua-library > .mushna-search-results-section {
  width: min(100% - 32px, 980px) !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Adhkar-style full-width hero. If you later want the exact Adhkar image,
   replace the --mushna-dua-hero-image URL below with that media-library URL. */
html body .mushna-dua-library > .mushna-hero-simple,
html body .mushna-dua-library > .mushna-hero {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 0 clamp(34px, 5vw, 54px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: clamp(430px, 52vw, 640px) !important;
  padding: clamp(70px, 10vw, 128px) 20px clamp(52px, 7vw, 90px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  color: #fff !important;
  background-color: #175f5a !important;
  background-image:
    linear-gradient(180deg, rgba(11, 63, 60, 0.58), rgba(11, 63, 60, 0.78)),
    radial-gradient(circle at 50% 20%, rgba(217, 181, 45, 0.20), transparent 34%),
    linear-gradient(135deg, #1d6f68 0%, #0f4644 55%, #092f31 100%) !important;
  background-size: cover !important;
  background-position: center !important;
}

html body .mushna-dua-library > .mushna-hero-simple .mushna-hero-logo,
html body .mushna-dua-library > .mushna-hero .mushna-hero-logo {
  display: none !important;
}

html body .mushna-dua-library > .mushna-hero-simple .mushna-eyebrow,
html body .mushna-dua-library > .mushna-hero .mushna-eyebrow {
  color: #e5c447 !important;
  letter-spacing: 0.18em !important;
  font-size: 0.88rem !important;
  margin-bottom: 16px !important;
}

html body .mushna-dua-library > .mushna-hero-simple h1,
html body .mushna-dua-library > .mushna-hero h1 {
  color: #d8b531 !important;
  font-size: clamp(3rem, 7.2vw, 6.8rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  max-width: 1120px !important;
  margin: 0 auto 24px !important;
  text-shadow: 0 8px 30px rgba(0,0,0,0.22) !important;
}

html body .mushna-dua-library > .mushna-hero-simple .mushna-hero-copy,
html body .mushna-dua-library > .mushna-hero .mushna-hero-copy {
  color: rgba(255,255,255,0.92) !important;
  font-size: clamp(1.1rem, 2.2vw, 1.55rem) !important;
  line-height: 1.55 !important;
  max-width: 920px !important;
  margin-bottom: 38px !important;
}

html body .mushna-dua-library > .mushna-hero-simple .mushna-search-wrap,
html body .mushna-dua-library > .mushna-hero .mushna-search-wrap {
  width: min(92vw, 900px) !important;
  max-width: 900px !important;
  margin-bottom: 18px !important;
}

html body .mushna-dua-library > .mushna-hero-simple .mushna-dua-search,
html body .mushna-dua-library > .mushna-hero .mushna-dua-search {
  min-height: 72px !important;
  border-radius: 999px !important;
  border: 0 !important;
  padding: 18px 30px !important;
  font-size: 1.2rem !important;
  box-shadow: 0 20px 54px rgba(0,0,0,0.18) !important;
  background: rgba(255,255,255,0.95) !important;
  color: #1f2933 !important;
}

html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips,
html body .mushna-dua-library > .mushna-hero .mushna-quick-chips {
  max-width: 920px !important;
  gap: 10px !important;
}

html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips button,
html body .mushna-dua-library > .mushna-hero .mushna-quick-chips button {
  background: rgba(255,255,255,0.92) !important;
  border-color: rgba(255,255,255,0.55) !important;
  color: #0f4644 !important;
  min-height: 42px !important;
  padding: 11px 18px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
}

@media (max-width: 640px) {
  html body .mushna-dua-library {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }
  html body .mushna-dua-library > .mushna-section,
  html body .mushna-dua-library > .mushna-search-results-section {
    width: min(100% - 18px, 980px) !important;
  }
  html body .mushna-dua-library > .mushna-hero-simple,
  html body .mushna-dua-library > .mushna-hero {
    min-height: 430px !important;
    padding: 54px 14px 42px !important;
    margin-bottom: 24px !important;
  }
  html body .mushna-dua-library > .mushna-hero-simple .mushna-eyebrow,
  html body .mushna-dua-library > .mushna-hero .mushna-eyebrow {
    font-size: 0.68rem !important;
    margin-bottom: 10px !important;
  }
  html body .mushna-dua-library > .mushna-hero-simple h1,
  html body .mushna-dua-library > .mushna-hero h1 {
    font-size: clamp(2.15rem, 11vw, 3.1rem) !important;
    margin-bottom: 14px !important;
  }
  html body .mushna-dua-library > .mushna-hero-simple .mushna-hero-copy,
  html body .mushna-dua-library > .mushna-hero .mushna-hero-copy {
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    margin-bottom: 20px !important;
    max-width: 330px !important;
  }
  html body .mushna-dua-library > .mushna-hero-simple .mushna-search-wrap,
  html body .mushna-dua-library > .mushna-hero .mushna-search-wrap {
    width: min(94vw, 420px) !important;
  }
  html body .mushna-dua-library > .mushna-hero-simple .mushna-dua-search,
  html body .mushna-dua-library > .mushna-hero .mushna-dua-search {
    min-height: 54px !important;
    padding: 13px 18px !important;
    font-size: 0.92rem !important;
  }
  html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips,
  html body .mushna-dua-library > .mushna-hero .mushna-quick-chips {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: min(94vw, 420px) !important;
    padding-bottom: 4px !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips button,
  html body .mushna-dua-library > .mushna-hero .mushna-quick-chips button {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    font-size: 0.78rem !important;
  }
}

/* v2.7 hero image + card visual polish only.
   No changes to search/filter JS, curated search rules, or JSON data. */
html body .mushna-dua-library {
  margin-top: 0 !important;
}

html body .mushna-dua-library > .mushna-hero-simple,
html body .mushna-dua-library > .mushna-hero {
  margin-top: 0 !important;
  margin-bottom: clamp(32px, 4.4vw, 54px) !important;
  background-color: #0d4d49 !important;
  background-image:
    linear-gradient(180deg, rgba(8, 48, 47, 0.58) 0%, rgba(8, 48, 47, 0.72) 52%, rgba(8, 48, 47, 0.86) 100%),
    radial-gradient(circle at 50% 34%, rgba(215, 181, 50, 0.20), transparent 36%),
    url('https://mushna.com/wp-content/uploads/dua-library.webp') !important;
  background-size: cover, cover, cover !important;
  background-position: center center, center center, center center !important;
  background-repeat: no-repeat !important;
  min-height: clamp(500px, 49vw, 660px) !important;
}

html body .mushna-dua-library > .mushna-hero-simple h1,
html body .mushna-dua-library > .mushna-hero h1 {
  text-shadow: 0 10px 34px rgba(0, 0, 0, 0.34) !important;
}

html body .mushna-dua-library > .mushna-hero-simple .mushna-hero-copy,
html body .mushna-dua-library > .mushna-hero .mushna-hero-copy {
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.38) !important;
}

html body .mushna-dua-library > .mushna-hero-simple .mushna-dua-search,
html body .mushna-dua-library > .mushna-hero .mushna-dua-search {
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Visually richer cards while preserving the current padding and collapse behaviour. */
html body .mushna-dua-card {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #fffdf8 0%, #ffffff 58%, #fffdfa 100%) !important;
  border: 1px solid #e5dac8 !important;
  border-top: 4px solid rgba(31, 111, 91, 0.22) !important;
  border-radius: 24px !important;
  padding: 22px !important;
  box-shadow: 0 12px 30px rgba(31, 41, 51, 0.075), inset 0 1px 0 rgba(255,255,255,0.92) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

html body .mushna-dua-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at top left, rgba(31, 111, 91, 0.085), transparent 34%) !important;
}

html body .mushna-dua-card:hover {
  transform: translateY(-3px) !important;
  border-color: #d7c8b1 !important;
  box-shadow: 0 18px 42px rgba(31, 41, 51, 0.105), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

html body .mushna-dua-card > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .mushna-dua-card h3,
html body .mushna-dua-card h3 a {
  color: #145f55 !important;
  font-weight: 750 !important;
}

html body .mushna-dua-card .mushna-card-arabic {
  background: rgba(251, 250, 247, 0.78) !important;
  border: 1px solid #eee6d8 !important;
  border-radius: 18px !important;
  padding: 12px 14px !important;
  margin: 12px 0 10px !important;
}

html body .mushna-dua-card.is-expanded .mushna-card-arabic {
  background: rgba(251, 250, 247, 0.92) !important;
}

html body .mushna-badge.source {
  background: #e5f4ee !important;
  color: #126755 !important;
}

html body .mushna-badge.auth {
  background: #fbf1d8 !important;
  color: #1f2933 !important;
}

html body .mushna-tags span {
  background: #f4efe6 !important;
  border: 1px solid rgba(229, 218, 200, 0.8) !important;
}

html body .mushna-card-actions {
  border-top: 1px solid rgba(229, 218, 200, 0.72) !important;
  margin-top: 8px !important;
  padding-top: 14px !important;
}

html body .mushna-expand-btn {
  width: auto !important;
  background: #eef7f3 !important;
  border-color: #bcd9cf !important;
  color: #145f55 !important;
}

html body .mushna-card-actions .mushna-copy-btn {
  border-color: #e2d7c8 !important;
  background: #fffefa !important;
}

html body .mushna-card-actions .mushna-view-btn {
  box-shadow: 0 8px 18px rgba(31, 111, 91, 0.18) !important;
}

html body .mushna-pathway-card,
html body .mushna-browse-section,
html body .mushna-search-results-section {
  box-shadow: 0 12px 32px rgba(31, 41, 51, 0.055) !important;
}

@media (max-width: 640px) {
  html body .mushna-dua-library > .mushna-hero-simple,
  html body .mushna-dua-library > .mushna-hero {
    min-height: 410px !important;
    padding-top: 44px !important;
    padding-bottom: 36px !important;
    margin-bottom: 22px !important;
    background-position: center center, center center, center center !important;
  }

  html body .mushna-dua-card {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  html body .mushna-dua-card .mushna-card-arabic {
    border-radius: 15px !important;
    padding: 9px 10px !important;
    margin: 9px 0 8px !important;
  }

  html body .mushna-card-actions {
    padding-top: 10px !important;
  }

  html body .mushna-expand-btn {
    width: 100% !important;
  }
}

/* v2.8 precision patch: remove theme-created top gap + premium card polish only.
   Search/filter JS, curated result logic, and JSON data are untouched. */
html body.mushna-dua-page .mushna-dua-ancestor,
html body.mushna-dua-page .mushna-dua-direct-parent {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.mushna-dua-page .entry-content > *:first-child,
html body.mushna-dua-page .wp-block-post-content > *:first-child,
html body.mushna-dua-page main > *:first-child,
html body.mushna-dua-page .site-main > *:first-child {
  margin-top: 0 !important;
}

/* Pull the full-bleed wrapper upward to cancel the theme's page-content spacer.
   This is intentionally scoped to the Dua Library shortcode page only. */
html body.mushna-dua-page .mushna-dua-library {
  margin-top: -52px !important;
}

html body.mushna-dua-page .mushna-dua-library > .mushna-hero-simple,
html body.mushna-dua-page .mushna-dua-library > .mushna-hero {
  margin-top: 0 !important;
  border-top: 0 !important;
}

/* Better crop choice for the mosque hero image while keeping cover behavior. */
html body .mushna-dua-library > .mushna-hero-simple,
html body .mushna-dua-library > .mushna-hero {
  background-position: center 42%, center 42%, center 42% !important;
}

/* Premium card system: clearer hierarchy, calmer surface, distinct content zones. */
html body .mushna-dua-card {
  background: linear-gradient(180deg, #fffdf9 0%, #ffffff 48%, #fffcf5 100%) !important;
  border: 1px solid #e7ddcd !important;
  border-radius: 22px !important;
  padding: 22px !important;
  box-shadow: 0 14px 34px rgba(22, 45, 42, 0.08), 0 1px 0 rgba(255,255,255,0.95) inset !important;
  isolation: isolate !important;
}

html body .mushna-dua-card::before {
  background:
    linear-gradient(90deg, rgba(31,111,91,0.34), rgba(216,181,49,0.34)) top left / 100% 4px no-repeat,
    radial-gradient(circle at 0% 0%, rgba(31,111,91,0.09), transparent 36%) !important;
}

html body .mushna-dua-card:hover {
  transform: translateY(-2px) !important;
  border-color: #d7c8b1 !important;
  box-shadow: 0 20px 46px rgba(22, 45, 42, 0.11), 0 1px 0 rgba(255,255,255,0.96) inset !important;
}

html body .mushna-card-badges {
  gap: 8px !important;
  margin-bottom: 12px !important;
}

html body .mushna-badge {
  border: 1px solid transparent !important;
  letter-spacing: 0.01em !important;
}

html body .mushna-badge.source {
  background: #e7f5ef !important;
  border-color: #cce7dc !important;
  color: #126454 !important;
}

html body .mushna-badge.auth {
  background: #fbf1d8 !important;
  border-color: #f0dfb7 !important;
  color: #23313a !important;
}

html body .mushna-dua-card h3 {
  margin: 0 0 14px !important;
  font-size: clamp(1.08rem, 1.35vw, 1.28rem) !important;
  line-height: 1.28 !important;
}

html body .mushna-dua-card h3 a {
  color: #0f5f55 !important;
  text-decoration: none !important;
}

html body .mushna-dua-card h3 a:hover {
  color: #0b463f !important;
}

html body .mushna-dua-card .mushna-card-arabic {
  background: linear-gradient(180deg, #fffaf0 0%, #fffdf8 100%) !important;
  border: 1px solid #eee2cf !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
  margin: 12px 0 12px !important;
  color: #1d2b34 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

html body .mushna-dua-card.is-collapsed .mushna-card-arabic {
  position: relative !important;
}

html body .mushna-dua-card.is-collapsed .mushna-card-arabic::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 2.1em !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,253,248,0), #fffdf8 82%) !important;
  border-radius: 0 0 18px 18px !important;
}

html body .mushna-card-transliteration {
  color: #677789 !important;
}

html body .mushna-dua-card .mushna-card-translation {
  color: #425264 !important;
  font-size: 0.98rem !important;
}

html body .mushna-card-insight {
  background: #f7fbf8 !important;
  border: 1px solid #dcebe5 !important;
  border-left: 4px solid #1f6f5b !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
}

html body .mushna-card-insight strong {
  color: #126454 !important;
}

html body .mushna-card-ref {
  color: #647385 !important;
  font-weight: 650 !important;
}

html body .mushna-tags span {
  background: #f5efe5 !important;
  border-color: #e6dbcb !important;
  color: #65717e !important;
}

html body .mushna-card-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-top: 1px solid rgba(229, 218, 200, 0.82) !important;
  margin-top: 12px !important;
  padding-top: 14px !important;
}

html body .mushna-expand-btn {
  background: #eef8f4 !important;
  color: #126454 !important;
  border: 1px solid #bfdcd2 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8) !important;
}

html body .mushna-card-actions .mushna-copy-btn {
  background: #fffefa !important;
  border-color: #dfd2bf !important;
  color: #24313b !important;
}

html body .mushna-card-actions .mushna-view-btn {
  background: #166d5d !important;
  border-color: #166d5d !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(22, 109, 93, 0.20) !important;
}

html body .mushna-card-actions .mushna-view-btn:hover {
  background: #0f584c !important;
  border-color: #0f584c !important;
}

/* Slightly more composed cards in desktop search grids. */
@media (min-width: 900px) {
  html body .mushna-results-grid,
  html body .mushna-featured-grid {
    gap: 24px !important;
  }
}

@media (max-width: 640px) {
  html body.mushna-dua-page .mushna-dua-library {
    margin-top: -12px !important;
  }

  html body .mushna-dua-library > .mushna-hero-simple,
  html body .mushna-dua-library > .mushna-hero {
    min-height: 390px !important;
    padding-top: 36px !important;
    padding-bottom: 32px !important;
    background-position: center center, center center, center center !important;
  }

  html body .mushna-dua-card {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  html body .mushna-card-badges {
    margin-bottom: 10px !important;
  }

  html body .mushna-dua-card h3 {
    font-size: 0.98rem !important;
    margin-bottom: 10px !important;
  }

  html body .mushna-dua-card .mushna-card-arabic {
    padding: 10px 11px !important;
    border-radius: 14px !important;
    line-height: 1.72 !important;
  }

  html body .mushna-card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
}

/* v2.9 detail page polish only — no changes to search/filter logic or listing card data. */
html body .mushna-dua-detail {
  width: min(100% - 32px, 980px) !important;
  max-width: 980px !important;
  padding-top: clamp(18px, 3vw, 34px) !important;
}

html body .mushna-detail-hero-card {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(31,111,91,0.12), transparent 34%),
    linear-gradient(135deg, #fffdfa 0%, #ffffff 50%, #fbf7ee 100%) !important;
  border: 1px solid #e6dac7 !important;
  border-top: 4px solid rgba(216,181,49,0.75) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 44px rgba(22,45,42,0.08) !important;
  padding: clamp(30px, 5vw, 54px) clamp(18px, 4vw, 46px) !important;
  margin-bottom: 24px !important;
}

html body .mushna-detail-hero-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 92% 18%, rgba(31,111,91,0.08), transparent 30%) !important;
}

html body .mushna-detail-hero-card > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .mushna-detail-header h1 {
  color: #125f55 !important;
  font-size: clamp(2.1rem, 4.4vw, 3.65rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 10px !important;
}

html body .mushna-detail-subtitle {
  color: #687789 !important;
  font-size: 1.02rem !important;
  line-height: 1.55 !important;
  margin: 0 auto 16px !important;
  max-width: 640px !important;
}

html body .mushna-detail-header .mushna-card-badges {
  justify-content: center !important;
  margin-top: 10px !important;
}

html body .mushna-detail-dua-card,
html body .mushna-detail-panel {
  background: linear-gradient(180deg, #fffdf8 0%, #ffffff 72%, #fffdfa 100%) !important;
  border: 1px solid #e6dac7 !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px rgba(22,45,42,0.065) !important;
}

html body .mushna-detail-dua-card {
  padding: clamp(22px, 4vw, 36px) !important;
}

html body .mushna-detail-arabic-panel {
  background: linear-gradient(180deg, #fffaf0 0%, #fffdf8 100%) !important;
  border: 1px solid #eee1cf !important;
  border-radius: 22px !important;
  padding: clamp(18px, 3vw, 30px) !important;
  margin-bottom: 22px !important;
}

html body .mushna-detail-arabic {
  font-family: "Scheherazade New", "Amiri", "Noto Naskh Arabic", serif !important;
  font-size: clamp(1.75rem, 3.2vw, 2.45rem) !important;
  line-height: 2.05 !important;
  color: #1d2b34 !important;
  text-align: right !important;
  margin: 0 !important;
}

html body .mushna-detail-read-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 6px !important;
}

html body .mushna-detail-read-panel {
  border-top: 0 !important;
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: #fbfaf7 !important;
  border: 1px solid #ece2d4 !important;
}

html body .mushna-detail-read-panel h2,
html body .mushna-detail-panel h2 {
  color: #125f55 !important;
  font-size: clamp(1.25rem, 2.1vw, 1.65rem) !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
}

html body .mushna-detail-read-panel p,
html body .mushna-detail-panel p {
  color: #4a5b68 !important;
  font-size: 1rem !important;
  line-height: 1.78 !important;
  margin: 0 !important;
}

html body .mushna-detail-translit p {
  color: #667789 !important;
  font-style: italic !important;
}

html body .mushna-detail-actions {
  border-top: 1px solid #e9dece !important;
  margin-top: 22px !important;
  padding-top: 18px !important;
  gap: 10px !important;
}

html body .mushna-detail-actions .mushna-copy-btn {
  background: #fffefa !important;
  border-color: #dfd2bf !important;
  color: #23313a !important;
  min-height: 42px !important;
}

html body .mushna-insight-panel {
  padding: clamp(20px, 3vw, 28px) !important;
}

html body .mushna-detail-panel-head {
  margin-bottom: 16px !important;
}

html body .mushna-detail-panel-head .mushna-eyebrow {
  margin-bottom: 6px !important;
}

html body .mushna-insight-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html body .mushna-insight-card {
  background: #f7fbf8 !important;
  border: 1px solid #dcebe5 !important;
  border-left: 4px solid #1f6f5b !important;
  border-radius: 16px !important;
  padding: 16px 17px !important;
}

html body .mushna-insight-card-wide {
  grid-column: 1 / -1 !important;
  background: linear-gradient(180deg, #fffaf0 0%, #fffdf8 100%) !important;
  border-color: #eee1cf !important;
  border-left-color: #d8b531 !important;
}

html body .mushna-insight-card span {
  display: block !important;
  color: #126454 !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 7px !important;
}

html body .mushna-insight-card p {
  margin: 0 !important;
  color: #435363 !important;
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
}

html body .mushna-detail-panel:not(.mushna-insight-panel) {
  padding: clamp(20px, 3vw, 28px) !important;
}

html body .mushna-auth-note {
  background: #f5efe6 !important;
  border: 1px solid #e7dac8 !important;
  border-left: 4px solid #d8b531 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  margin-top: 12px !important;
}

html body .mushna-detail-tag-group > strong {
  color: #125f55 !important;
  display: block !important;
  margin-bottom: 7px !important;
}

html body .mushna-related-adhkar {
  background: linear-gradient(135deg, #f7fbf8 0%, #fffdf8 100%) !important;
}

@media (max-width: 760px) {
  html body .mushna-dua-detail {
    width: min(100% - 16px, 980px) !important;
    padding-top: 10px !important;
  }

  html body .mushna-detail-hero-card {
    border-radius: 18px !important;
    padding: 22px 14px !important;
    margin-bottom: 14px !important;
  }

  html body .mushna-detail-header h1 {
    font-size: clamp(1.65rem, 8vw, 2.2rem) !important;
    margin-bottom: 8px !important;
  }

  html body .mushna-detail-subtitle {
    font-size: 0.88rem !important;
    margin-bottom: 12px !important;
  }

  html body .mushna-detail-dua-card,
  html body .mushna-detail-panel {
    border-radius: 17px !important;
    padding: 15px !important;
  }

  html body .mushna-detail-arabic-panel {
    border-radius: 15px !important;
    padding: 14px 12px !important;
    margin-bottom: 14px !important;
  }

  html body .mushna-detail-arabic {
    font-size: clamp(1.55rem, 8vw, 1.9rem) !important;
    line-height: 1.95 !important;
  }

  html body .mushna-detail-read-grid,
  html body .mushna-insight-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body .mushna-detail-read-panel {
    padding: 13px !important;
    border-radius: 14px !important;
  }

  html body .mushna-detail-read-panel h2,
  html body .mushna-detail-panel h2 {
    font-size: 1.18rem !important;
    margin-bottom: 8px !important;
  }

  html body .mushna-detail-read-panel p,
  html body .mushna-detail-panel p,
  html body .mushna-insight-card p {
    font-size: 0.9rem !important;
    line-height: 1.65 !important;
  }

  html body .mushna-insight-card {
    padding: 13px !important;
    border-radius: 13px !important;
  }

  html body .mushna-detail-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
  }

  html body .mushna-detail-actions .mushna-copy-btn {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* v3.0 detail/category UX finalisation.
   Scope: layout, hero and detail-page visual polish only.
   Search/filter JS, curated result logic, card data, and JSON are untouched. */
html body.mushna-dua-page {
  overflow-x: hidden !important;
  background: var(--mushna-bg) !important;
}

/* Remove the theme/page-template gutters around shortcode pages. */
html body.mushna-dua-page .mushna-dua-ancestor,
html body.mushna-dua-page .mushna-dua-direct-parent,
html body.mushna-dua-page .entry-content,
html body.mushna-dua-page .wp-block-post-content,
html body.mushna-dua-page main,
html body.mushna-dua-page .site-main {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* Detail/category pages should not sit inside the narrow white post column. */
html body .mushna-dua-detail,
html body .mushna-dua-category {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: -28px !important;
  padding: 0 0 clamp(26px, 4vw, 52px) !important;
  background: var(--mushna-bg) !important;
  box-sizing: border-box !important;
}

/* Keep readable content wide, centered, and consistent. */
html body .mushna-dua-detail > .mushna-dua-main-block,
html body .mushna-dua-detail > .mushna-detail-panel,
html body .mushna-dua-detail > .mushna-section,
html body .mushna-dua-category > .mushna-dua-grid,
html body .mushna-dua-category > .mushna-empty-state,
html body .mushna-dua-category > .mushna-no-results {
  width: min(100% - 44px, 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Solid green hero for dua detail and future category pages. */
html body .mushna-dua-detail > .mushna-detail-header,
html body .mushna-dua-category > .mushna-category-hero {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 clamp(24px, 3.4vw, 44px) !important;
  padding: clamp(44px, 6vw, 82px) 20px clamp(40px, 5vw, 74px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(216, 181, 49, 0.20), transparent 32%),
    radial-gradient(circle at 82% 24%, rgba(255,255,255,0.09), transparent 34%),
    linear-gradient(135deg, #0f514b 0%, #145f55 48%, #0a403b 100%) !important;
  color: #fff !important;
}

html body .mushna-dua-detail > .mushna-detail-header::before,
html body .mushna-dua-category > .mushna-category-hero::before {
  content: none !important;
}

html body .mushna-dua-detail > .mushna-detail-header .mushna-eyebrow,
html body .mushna-dua-category > .mushna-category-hero .mushna-eyebrow {
  color: #d8b531 !important;
  letter-spacing: 0.18em !important;
  font-weight: 850 !important;
}

html body .mushna-dua-detail > .mushna-detail-header h1,
html body .mushna-dua-category > .mushna-category-hero h1 {
  color: #f6d45a !important;
  text-shadow: 0 10px 28px rgba(0,0,0,0.22) !important;
  font-size: clamp(2.25rem, 5.5vw, 4.7rem) !important;
  max-width: 980px !important;
}

html body .mushna-dua-detail > .mushna-detail-header .mushna-detail-subtitle,
html body .mushna-dua-category > .mushna-category-hero .mushna-hero-copy,
html body .mushna-dua-category > .mushna-category-hero .mushna-category-meta {
  color: rgba(255,255,255,0.86) !important;
}

html body .mushna-dua-detail > .mushna-detail-header .mushna-card-badges,
html body .mushna-dua-category > .mushna-category-hero .mushna-card-badges {
  justify-content: center !important;
}

/* Main dua block should feel spacious on desktop without the white side bands. */
html body .mushna-detail-dua-card {
  padding: clamp(22px, 3.6vw, 42px) !important;
  border-radius: 26px !important;
}

html body .mushna-detail-arabic-panel {
  padding: clamp(18px, 2.6vw, 28px) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at top left, rgba(216,181,49,0.12), transparent 36%),
    linear-gradient(180deg, #fffaf0 0%, #fffdf8 100%) !important;
}

html body .mushna-detail-arabic {
  font-size: clamp(1.68rem, 2.65vw, 2.12rem) !important;
  line-height: 2.02 !important;
}

/* Cleaner, less heavy explanation section. */
html body .mushna-insight-panel {
  padding: clamp(22px, 3.2vw, 34px) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(31,111,91,0.055), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
}

html body .mushna-insight-panel .mushna-detail-panel-head {
  text-align: center !important;
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 22px !important;
}

html body .mushna-insight-panel .mushna-detail-panel-head h2 {
  font-size: clamp(1.85rem, 3.4vw, 2.65rem) !important;
  color: #125f55 !important;
}

html body .mushna-insight-grid {
  gap: 16px !important;
}

html body .mushna-insight-card {
  position: relative !important;
  padding: 18px 19px 18px 22px !important;
  border: 1px solid #dcebe5 !important;
  border-left: 5px solid #1f6f5b !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #f7fbf8 0%, #ffffff 100%) !important;
  box-shadow: 0 8px 20px rgba(22,45,42,0.045) !important;
}

html body .mushna-insight-card span {
  color: #0f5f55 !important;
  font-size: 0.76rem !important;
  margin-bottom: 9px !important;
}

html body .mushna-insight-card p {
  color: #425264 !important;
  font-size: 0.99rem !important;
  line-height: 1.78 !important;
}

html body .mushna-insight-card-wide {
  background: linear-gradient(180deg, #fffaf0 0%, #ffffff 100%) !important;
  border-left-color: #d8b531 !important;
}

html body .mushna-detail-read-panel {
  background: linear-gradient(180deg, #fbfaf7 0%, #ffffff 100%) !important;
}

/* Wider related card grid on detail pages. */
html body .mushna-dua-detail > .mushna-section .mushna-dua-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (min-width: 1180px) {
  html body .mushna-dua-detail > .mushna-dua-main-block,
  html body .mushna-dua-detail > .mushna-detail-panel,
  html body .mushna-dua-detail > .mushna-section,
  html body .mushna-dua-category > .mushna-dua-grid,
  html body .mushna-dua-category > .mushna-empty-state,
  html body .mushna-dua-category > .mushna-no-results {
    width: min(100% - 72px, 1280px) !important;
    max-width: 1280px !important;
  }
}

@media (max-width: 760px) {
  html body .mushna-dua-detail,
  html body .mushna-dua-category {
    margin-top: -8px !important;
    padding-bottom: 26px !important;
  }

  html body .mushna-dua-detail > .mushna-detail-header,
  html body .mushna-dua-category > .mushna-category-hero {
    padding: 28px 12px 30px !important;
    margin-bottom: 12px !important;
  }

  html body .mushna-dua-detail > .mushna-detail-header h1,
  html body .mushna-dua-category > .mushna-category-hero h1 {
    font-size: clamp(1.8rem, 9vw, 2.45rem) !important;
    line-height: 1.08 !important;
  }

  html body .mushna-dua-detail > .mushna-detail-header .mushna-detail-subtitle,
  html body .mushna-dua-category > .mushna-category-hero .mushna-hero-copy,
  html body .mushna-dua-category > .mushna-category-hero .mushna-category-meta {
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
  }

  html body .mushna-dua-detail > .mushna-dua-main-block,
  html body .mushna-dua-detail > .mushna-detail-panel,
  html body .mushna-dua-detail > .mushna-section,
  html body .mushna-dua-category > .mushna-dua-grid,
  html body .mushna-dua-category > .mushna-empty-state,
  html body .mushna-dua-category > .mushna-no-results {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
  }

  html body .mushna-detail-dua-card,
  html body .mushna-detail-panel {
    border-radius: 15px !important;
    padding: 11px !important;
  }

  html body .mushna-detail-arabic-panel {
    padding: 11px 8px !important;
    border-radius: 13px !important;
    margin-bottom: 10px !important;
  }

  html body .mushna-detail-arabic {
    font-size: clamp(1.34rem, 7.2vw, 1.68rem) !important;
    line-height: 1.92 !important;
  }

  html body .mushna-detail-read-panel {
    padding: 11px !important;
  }

  html body .mushna-insight-panel .mushna-detail-panel-head {
    text-align: left !important;
    margin-bottom: 12px !important;
  }

  html body .mushna-insight-panel .mushna-detail-panel-head h2 {
    font-size: 1.32rem !important;
  }

  html body .mushna-insight-card {
    padding: 12px 12px 12px 14px !important;
    border-left-width: 4px !important;
    border-radius: 12px !important;
  }

  html body .mushna-insight-card p {
    font-size: 0.88rem !important;
    line-height: 1.62 !important;
  }

  html body .mushna-dua-detail > .mushna-section .mushna-dua-grid {
    grid-template-columns: 1fr !important;
  }
}

/* v3.1 Make Your Dua Stronger section.
   Scope: adds educational guide cards after Recommended Start only.
   Search/filter JS, listing card behavior, detail pages, and JSON data are untouched. */
html body .mushna-guidance-section {
  width: min(100% - 32px, 980px) !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .mushna-guidance-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

html body .mushna-guidance-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: 245px !important;
  padding: clamp(20px, 3vw, 30px) !important;
  border-radius: 24px !important;
  border: 1px solid #e4d8c7 !important;
  background:
    radial-gradient(circle at top right, rgba(31,111,91,0.08), transparent 34%),
    linear-gradient(180deg, #fffdf8 0%, #f7fbf8 100%) !important;
  color: var(--mushna-ink) !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(22,45,42,0.07), inset 0 1px 0 rgba(255,255,255,0.95) !important;
  overflow: hidden !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

html body .mushna-guidance-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(31,111,91,0.35), rgba(216,181,49,0.34)) top left / 100% 4px no-repeat !important;
}

html body .mushna-guidance-card > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .mushna-guidance-card:hover {
  transform: translateY(-3px) !important;
  border-color: #d5c5ac !important;
  box-shadow: 0 20px 46px rgba(22,45,42,0.11), inset 0 1px 0 rgba(255,255,255,0.96) !important;
  color: var(--mushna-ink) !important;
}

html body .mushna-guidance-label {
  align-self: flex-start !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  color: #126454 !important;
  background: #e5f4ee !important;
  border: 1px solid #cce7dc !important;
}

html body .mushna-guidance-card h3 {
  margin: 2px 0 0 !important;
  color: #125f55 !important;
  font-size: clamp(1.35rem, 2.1vw, 1.85rem) !important;
  line-height: 1.15 !important;
}

html body .mushna-guidance-card p {
  margin: 0 !important;
  color: #4f6070 !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

html body .mushna-mini-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: auto !important;
}

html body .mushna-mini-tags span {
  border-radius: 999px !important;
  padding: 6px 9px !important;
  font-size: 0.74rem !important;
  font-weight: 750 !important;
  background: #f5efe6 !important;
  border: 1px solid #e7dac8 !important;
  color: #65717e !important;
}

html body .mushna-guidance-card strong {
  display: inline-flex !important;
  align-items: center !important;
  color: #126454 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin-top: 4px !important;
}

html body .mushna-guidance-card-dark {
  background:
    radial-gradient(circle at top right, rgba(216,181,49,0.18), transparent 34%),
    linear-gradient(135deg, #145f55 0%, #0f514b 60%, #0a403b 100%) !important;
  border-color: rgba(216,181,49,0.26) !important;
  color: #ffffff !important;
}

html body .mushna-guidance-card-dark h3,
html body .mushna-guidance-card-dark p,
html body .mushna-guidance-card-dark strong {
  color: #ffffff !important;
}

html body .mushna-guidance-card-dark p {
  color: rgba(255,255,255,0.84) !important;
}

html body .mushna-guidance-card-dark .mushna-guidance-label {
  color: #0f514b !important;
  background: #f6d45a !important;
  border-color: rgba(255,255,255,0.24) !important;
}

html body .mushna-guidance-card-dark .mushna-mini-tags span {
  color: #ffffff !important;
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

@media (max-width: 760px) {
  html body .mushna-guidance-section {
    width: min(100% - 18px, 980px) !important;
  }
  html body .mushna-guidance-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  html body .mushna-guidance-card {
    min-height: auto !important;
    padding: 17px !important;
    border-radius: 18px !important;
    gap: 10px !important;
  }
  html body .mushna-guidance-card h3 {
    font-size: 1.18rem !important;
  }
  html body .mushna-guidance-card p {
    font-size: 0.88rem !important;
    line-height: 1.55 !important;
  }
  html body .mushna-guidance-label {
    font-size: 0.66rem !important;
    padding: 5px 8px !important;
  }
  html body .mushna-mini-tags {
    gap: 6px !important;
  }
  html body .mushna-mini-tags span {
    font-size: 0.64rem !important;
    padding: 5px 7px !important;
  }
  html body .mushna-guidance-card strong {
    font-size: 0.78rem !important;
  }
}

/* v3.2 dynamic detail pages + hero breadcrumbs. No search/card logic changed. */
html body .mushna-breadcrumbs {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 auto 14px !important;
  color: rgba(255,255,255,0.78) !important;
  font-size: 0.86rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.02em !important;
}
html body .mushna-breadcrumbs a {
  color: rgba(255,255,255,0.88) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(216,181,49,0.35) !important;
}
html body .mushna-breadcrumbs a:hover {
  color: #f6d45a !important;
  border-bottom-color: #f6d45a !important;
}
html body .mushna-breadcrumbs span[aria-hidden="true"] {
  color: rgba(246,212,90,0.82) !important;
}
html body .mushna-breadcrumbs .mushna-current-crumb {
  color: rgba(255,255,255,0.70) !important;
}
html body .mushna-virtual-dua-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--mushna-bg) !important;
}
@media (max-width: 640px) {
  html body .mushna-breadcrumbs {
    font-size: 0.76rem !important;
    gap: 6px !important;
    margin-bottom: 10px !important;
  }
}

/* v3.5 dynamic category pages.
   Scope: category landing pages and category links only.
   Search/filter logic, dua card behavior, and JSON content are untouched. */
html body .mushna-pill-row a {
  border: 1px solid var(--mushna-border) !important;
  background: var(--mushna-bg) !important;
  color: var(--mushna-ink) !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.1 !important;
}

html body .mushna-pill-row a:hover {
  border-color: var(--mushna-accent) !important;
  background: var(--mushna-accent-soft) !important;
  color: var(--mushna-accent) !important;
}

html body .mushna-category-intro-panel {
  width: min(100% - 44px, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto clamp(18px, 3vw, 28px) !important;
  padding: clamp(18px, 3vw, 28px) !important;
  background:
    radial-gradient(circle at top right, rgba(31,111,91,0.06), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
  border: 1px solid #e6dac7 !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px rgba(22,45,42,0.06) !important;
}

html body .mushna-category-intro-panel p {
  color: #435363 !important;
  font-size: 1.02rem !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

html body .mushna-related-category-links {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid #eadfce !important;
}

html body .mushna-related-category-links > strong {
  display: block !important;
  color: #125f55 !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

html body .mushna-virtual-category-page .mushna-category-hero .mushna-search-wrap {
  width: min(100% - 24px, 760px) !important;
  margin: 18px auto 0 !important;
}

html body .mushna-virtual-category-page .mushna-category-hero .mushna-dua-search {
  border-radius: 999px !important;
  min-height: 52px !important;
}

@media (min-width: 1180px) {
  html body .mushna-category-intro-panel {
    width: min(100% - 72px, 1280px) !important;
    max-width: 1280px !important;
  }
}

@media (max-width: 760px) {
  html body .mushna-pill-row a,
  html body .mushna-pill-row button {
    min-height: 32px !important;
    padding: 7px 9px !important;
    font-size: 0.74rem !important;
  }

  html body .mushna-category-intro-panel {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    padding: 14px !important;
    border-radius: 15px !important;
    margin-bottom: 12px !important;
  }

  html body .mushna-category-intro-panel p {
    font-size: 0.9rem !important;
    line-height: 1.65 !important;
  }

  html body .mushna-virtual-category-page .mushna-category-hero .mushna-search-wrap {
    width: calc(100% - 16px) !important;
    margin-top: 12px !important;
  }

  html body .mushna-virtual-category-page .mushna-category-hero .mushna-dua-search {
    min-height: 44px !important;
  }
}

/* v3.6 category UX stability patch.
   Scope: dynamic category landing pages only. No search/card/data logic changed. */
html body .mushna-virtual-category-main,
html body main.mushna-virtual-category-main,
html body .mushna-dua-category.mushna-virtual-category-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Pull category hero up to remove the theme's empty band under the header. */
html body .mushna-dua-category.mushna-virtual-category-page {
  margin-top: -92px !important;
}

html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero {
  margin-top: 0 !important;
  margin-bottom: clamp(18px, 3vw, 34px) !important;
  padding-top: clamp(92px, 9vw, 132px) !important;
  padding-bottom: clamp(42px, 5.5vw, 82px) !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(216, 181, 49, 0.18), transparent 30%),
    radial-gradient(circle at 78% 22%, rgba(255,255,255,0.09), transparent 34%),
    linear-gradient(135deg, #11504a 0%, #146054 48%, #083d38 100%) !important;
}

html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero h1 {
  margin-top: 10px !important;
  margin-bottom: 12px !important;
  line-height: 0.98 !important;
}

html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-hero-copy {
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-category-meta {
  margin-top: 18px !important;
  font-weight: 650 !important;
}

/* Category intro panel: cleaner, less oversized, more consistent with hub cards. */
html body .mushna-category-intro-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.8fr) !important;
  gap: clamp(18px, 3vw, 32px) !important;
  align-items: start !important;
  padding: clamp(22px, 3.2vw, 34px) !important;
}

html body .mushna-category-intro-panel > p {
  font-size: clamp(1.02rem, 1.35vw, 1.2rem) !important;
  line-height: 1.72 !important;
  padding: 0 !important;
}

html body .mushna-category-intro-panel .mushna-related-category-links {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  padding-left: clamp(16px, 2vw, 24px) !important;
  border-left: 1px solid #eadfce !important;
}

html body .mushna-category-intro-panel .mushna-related-category-links > strong {
  margin-bottom: 14px !important;
}

html body .mushna-category-intro-panel .mushna-pill-row {
  gap: 9px !important;
}

@media (max-width: 760px) {
  html body .mushna-dua-category.mushna-virtual-category-page {
    margin-top: -72px !important;
  }

  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero {
    padding-top: 104px !important;
    padding-bottom: 34px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero h1 {
    font-size: clamp(2.15rem, 12vw, 3.55rem) !important;
    line-height: 0.98 !important;
  }

  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-hero-copy,
  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-category-meta {
    font-size: 0.98rem !important;
    line-height: 1.5 !important;
  }

  html body .mushna-category-intro-panel {
    display: block !important;
    width: calc(100% - 18px) !important;
    max-width: calc(100% - 18px) !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  html body .mushna-category-intro-panel > p {
    font-size: 0.96rem !important;
    line-height: 1.68 !important;
  }

  html body .mushna-category-intro-panel .mushna-related-category-links {
    margin-top: 16px !important;
    padding-top: 14px !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid #eadfce !important;
  }
}


/* v3.7 category hero gap + visual refinement patch.
   Scope: dynamic category page spacing/design only. No search/card/data logic changed. */
html body .mushna-virtual-category-main,
html body main.mushna-virtual-category-main {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: -74px !important;
  padding-top: 0 !important;
  background: var(--mushna-bg) !important;
  overflow-x: hidden !important;
}

html body .mushna-virtual-category-main > .mushna-dua-category.mushna-virtual-category-page,
html body .mushna-dua-category.mushna-virtual-category-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero {
  margin-top: 0 !important;
  margin-bottom: clamp(20px, 3vw, 34px) !important;
  padding-top: clamp(58px, 5.2vw, 86px) !important;
  padding-bottom: clamp(42px, 5vw, 72px) !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 19% 12%, rgba(216, 181, 49, 0.20), transparent 31%),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,0.10), transparent 30%),
    linear-gradient(135deg, #124f49 0%, #146052 48%, #073c37 100%) !important;
}

html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-breadcrumbs {
  margin-bottom: 16px !important;
}

html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-eyebrow {
  margin-bottom: 12px !important;
}

html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero h1 {
  max-width: 1020px !important;
  margin: 0 auto 16px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.018em !important;
  font-size: clamp(2.75rem, 5.4vw, 5.2rem) !important;
}

html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-hero-copy {
  max-width: 840px !important;
  font-size: clamp(1.02rem, 1.45vw, 1.28rem) !important;
  line-height: 1.58 !important;
}

html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-category-meta {
  margin-top: 18px !important;
  font-size: clamp(1rem, 1.4vw, 1.18rem) !important;
  opacity: 0.9 !important;
}

html body .mushna-virtual-category-page .mushna-category-hero .mushna-search-wrap {
  margin-top: 22px !important;
}

/* Slightly more elegant category intro card. */
html body .mushna-category-intro-panel {
  border-color: #e7d8bf !important;
  box-shadow: 0 18px 42px rgba(22,45,42,0.075) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(31,111,91,0.055), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
}

@media (max-width: 760px) {
  html body .mushna-virtual-category-main,
  html body main.mushna-virtual-category-main {
    margin-top: -58px !important;
  }

  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero {
    padding-top: 34px !important;
    padding-bottom: 28px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-breadcrumbs {
    margin-bottom: 10px !important;
  }

  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-eyebrow {
    margin-bottom: 8px !important;
  }

  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero h1 {
    font-size: clamp(2.05rem, 11vw, 3.2rem) !important;
    line-height: 1.04 !important;
    margin-bottom: 12px !important;
  }

  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-hero-copy,
  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero .mushna-category-meta {
    font-size: 0.9rem !important;
    line-height: 1.46 !important;
  }

  html body .mushna-virtual-category-page .mushna-category-hero .mushna-search-wrap {
    margin-top: 14px !important;
  }
}


/* v3.8 emergency UX stability patch.
   Scope: category hero gap + main hero chip styling only.
   No PHP routing, search/filter logic, JSON data, card markup, or card behavior changed. */

/* Main Dua Library hero: after category links were converted to anchors, keep every quick chip as a real pill. */
html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips a,
html body .mushna-dua-library > .mushna-hero .mushna-quick-chips a,
html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips button,
html body .mushna-dua-library > .mushna-hero .mushna-quick-chips button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 11px 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  color: #0f4644 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
  line-height: 1 !important;
  opacity: 1 !important;
}

html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips a:hover,
html body .mushna-dua-library > .mushna-hero .mushna-quick-chips a:hover,
html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips button:hover,
html body .mushna-dua-library > .mushna-hero .mushna-quick-chips button:hover {
  background: #ffffff !important;
  color: #0a3f3b !important;
  transform: translateY(-1px) !important;
}

/* Category virtual pages: pull the plugin output over the theme's empty band below the header. */
html body .mushna-virtual-category-main,
html body main.mushna-virtual-category-main {
  margin-top: -128px !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  background: var(--mushna-bg) !important;
}

html body .mushna-dua-category.mushna-virtual-category-page,
html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero {
  margin-top: 0 !important;
}

/* Keep hero content safely below the menu even while the hero is pulled upward. */
html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero {
  padding-top: clamp(112px, 8vw, 148px) !important;
  padding-bottom: clamp(48px, 5.2vw, 76px) !important;
}

@media (max-width: 760px) {
  html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips,
  html body .mushna-dua-library > .mushna-hero .mushna-quick-chips {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 0 12px 8px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips a,
  html body .mushna-dua-library > .mushna-hero .mushna-quick-chips a,
  html body .mushna-dua-library > .mushna-hero-simple .mushna-quick-chips button,
  html body .mushna-dua-library > .mushna-hero .mushna-quick-chips button {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 9px 13px !important;
    font-size: 0.78rem !important;
  }

  html body .mushna-virtual-category-main,
  html body main.mushna-virtual-category-main {
    margin-top: -122px !important;
  }

  html body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero {
    padding-top: 108px !important;
    padding-bottom: 34px !important;
  }
}

/* v3.9 category spacer fix.
   Scope: virtual category page body/wrapper spacing only.
   Does not touch search/filter logic, card markup, card padding, hub hero, or JSON data. */
html body.mushna-virtual-category-body,
html body.mushna-virtual-category-body #page,
html body.mushna-virtual-category-body .site,
html body.mushna-virtual-category-body .site-content,
html body.mushna-virtual-category-body .content-area,
html body.mushna-virtual-category-body .wp-site-blocks,
html body.mushna-virtual-category-body main,
html body.mushna-virtual-category-body .site-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: var(--mushna-bg) !important;
}

/* Some Mushna/WordPress templates output a blank spacer row between the header and content.
   On virtual category URLs this was left visible because the category renderer is generated
   outside the normal page-shortcode wrapper. Hide only empty spacer-like siblings before our category main. */
html body.mushna-virtual-category-body header + .wp-block-spacer,
html body.mushna-virtual-category-body header + .entry-header,
html body.mushna-virtual-category-body header + .page-header,
html body.mushna-virtual-category-body .site-header + .wp-block-spacer,
html body.mushna-virtual-category-body .site-header + .entry-header,
html body.mushna-virtual-category-body .site-header + .page-header,
html body.mushna-virtual-category-body .wp-site-blocks > .wp-block-spacer:empty,
html body.mushna-virtual-category-body .wp-site-blocks > .wp-block-spacer[style*="height"],
html body.mushna-virtual-category-body .wp-site-blocks > .entry-header:empty,
html body.mushna-virtual-category-body .wp-site-blocks > .page-header:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Treat category virtual pages the same way the dynamic dua pages are treated: the main element begins immediately. */
html body.mushna-virtual-category-body .mushna-virtual-category-main,
html body.mushna-virtual-category-body main.mushna-virtual-category-main {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: var(--mushna-bg) !important;
  overflow-x: hidden !important;
}

html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 0 clamp(26px, 4vw, 52px) !important;
  background: var(--mushna-bg) !important;
}

html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero {
  margin: 0 0 clamp(22px, 3vw, 36px) !important;
  padding-top: clamp(56px, 5.4vw, 86px) !important;
  padding-bottom: clamp(42px, 5vw, 72px) !important;
}

@media (max-width: 760px) {
  html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero {
    padding-top: 34px !important;
    padding-bottom: 30px !important;
  }
}


/* v4.0 emergency category hero spacer fix.
   The Mushna theme outputs a blank header spacer before virtual category pages.
   Do not touch search, cards, dynamic dua pages, or JSON.
   We pull only the category hero background upward and compensate with padding,
   so the hero begins visually right under the navigation while content remains readable. */
html body.mushna-virtual-category-body main.mushna-virtual-category-main,
html body.mushna-virtual-category-body .mushna-virtual-category-main,
html body.mushna-virtual-category-body .site-main.mushna-virtual-category-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: auto !important;
  transform: none !important;
}

html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page,
html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > section.mushna-category-hero,
html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero:first-child {
  margin-top: -112px !important;
  padding-top: calc(clamp(56px, 5.4vw, 86px) + 112px) !important;
}

@media (max-width: 760px) {
  html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > section.mushna-category-hero,
  html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero:first-child {
    margin-top: -96px !important;
    padding-top: calc(34px + 96px) !important;
  }
}

/* Repair main library hero chips in case earlier category CSS touched generic pill/link styling. */
html body .mushna-dua-library .mushna-quick-chip,
html body .mushna-dua-library .mushna-hero-chip,
html body .mushna-dua-library .mushna-hero .mushna-pill-row a,
html body .mushna-dua-library .mushna-hero a.mushna-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 18px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.96) !important;
  color: #0f3f38 !important;
  border: 1px solid rgba(226,209,168,0.95) !important;
  text-decoration: none !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* v4.1 definitive category gap fix.
   Scope: ONLY virtual category pages. Search, cards, hub hero, dynamic dua pages, SEO, and JSON untouched.
   The theme outputs a white spacer before plugin-rendered category pages. The whole category main is now
   pulled upward; the hero receives equal extra top padding so the green background fills the gap while content
   remains safely below the site header. */
html body.mushna-virtual-category-body .mushna-virtual-category-main,
html body.mushna-virtual-category-body main.mushna-virtual-category-main,
html body.mushna-virtual-category-body .site-main.mushna-virtual-category-main {
  margin-top: -118px !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  transform: none !important;
  top: auto !important;
  background: var(--mushna-bg) !important;
}

html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: var(--mushna-bg) !important;
}

html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero,
html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > section.mushna-category-hero,
html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero:first-child {
  margin-top: 0 !important;
  padding-top: calc(clamp(58px, 5.2vw, 86px) + 118px) !important;
  position: relative !important;
  overflow: visible !important;
}

/* Safety net: if a theme spacer still peeks through because it is outside the plugin main,
   extend the hero's own green background upward as a pseudo layer. */
html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero::after,
html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > section.mushna-category-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -118px !important;
  height: 118px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 19% 12%, rgba(216, 181, 49, 0.20), transparent 31%),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,0.10), transparent 30%),
    linear-gradient(135deg, #124f49 0%, #146052 48%, #073c37 100%) !important;
}

@media (max-width: 760px) {
  html body.mushna-virtual-category-body .mushna-virtual-category-main,
  html body.mushna-virtual-category-body main.mushna-virtual-category-main,
  html body.mushna-virtual-category-body .site-main.mushna-virtual-category-main {
    margin-top: -162px !important;
  }

  html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero,
  html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > section.mushna-category-hero,
  html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero:first-child {
    margin-top: 0 !important;
    padding-top: calc(34px + 162px) !important;
  }

  html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > .mushna-category-hero::after,
  html body.mushna-virtual-category-body .mushna-dua-category.mushna-virtual-category-page > section.mushna-category-hero::after {
    top: -162px !important;
    height: 162px !important;
  }
}

/* v4.3 All Duas Index: internal linking page for every dynamic dua URL. */
.mushna-all-duas-page .mushna-all-duas-intro {
  max-width: 1120px;
}

.mushna-all-duas-index {
  width: min(1120px, calc(100% - 32px));
  margin: clamp(22px, 3vw, 38px) auto clamp(36px, 5vw, 72px);
  display: grid;
  gap: clamp(22px, 3vw, 34px);
}

.mushna-all-duas-group {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(226, 209, 168, 0.92);
  border-radius: 24px;
  box-shadow: 0 18px 44px rgba(18, 58, 52, 0.08);
  padding: clamp(18px, 2.6vw, 30px);
}

.mushna-all-duas-group-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(226, 209, 168, 0.92);
}

.mushna-all-duas-group-head h2 {
  margin: 0;
  color: #125f52;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  line-height: 1.15;
}

.mushna-all-duas-group-head span {
  color: #667586;
  font-weight: 750;
  font-size: .95rem;
  white-space: nowrap;
}

.mushna-all-duas-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.mushna-all-duas-item {
  padding: 18px !important;
  border-radius: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 0 !important;
}

.mushna-all-duas-item h3 {
  margin: 10px 0 8px;
  font-size: 1.06rem;
  line-height: 1.25;
}

.mushna-all-duas-item h3 a {
  color: #125f52 !important;
  text-decoration: none !important;
}

.mushna-all-duas-item h3 a:hover {
  text-decoration: underline !important;
}

.mushna-all-duas-item p {
  margin: 0;
  color: #536475;
  font-size: .94rem;
  line-height: 1.55;
}

.mushna-all-duas-item-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  min-width: 138px;
}

.mushna-all-duas-item-meta span {
  color: #6d7885;
  font-size: .86rem;
  text-align: right;
}

.mushna-all-duas-item-meta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #18765f;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 800;
  padding: 9px 14px;
  box-shadow: 0 8px 18px rgba(24, 118, 95, 0.18);
}

@media (max-width: 860px) {
  .mushna-all-duas-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .mushna-all-duas-index {
    width: min(100% - 18px, 1120px);
    margin-top: 18px;
  }

  .mushna-all-duas-group {
    border-radius: 18px;
    padding: 14px;
  }

  .mushna-all-duas-group-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .mushna-all-duas-item {
    grid-template-columns: 1fr;
    padding: 14px !important;
  }

  .mushna-all-duas-item-meta {
    align-items: flex-start;
    min-width: 0;
  }

  .mushna-all-duas-item-meta span {
    text-align: left;
  }
}


/* v4.5 tier visibility badges */
html body .mushna-badge.review {
  background: #fff3cd !important;
  color: #7a4b00 !important;
  border-color: rgba(180, 120, 0, 0.28) !important;
}
html body .mushna-badge.crosslink {
  background: #eef7f5 !important;
  color: #0A3D35 !important;
  border-color: rgba(10, 61, 53, 0.18) !important;
}

/* v4.7 — Search Intent + Guided Feeling Selector */
html body .mushna-dua-library .mushna-hero-simple h1 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

html body .mushna-state-selector {
  width: min(1040px, calc(100% - 24px));
  margin: 28px auto 0;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 28px;
  background: rgba(255,255,255,.12);
  box-shadow: 0 18px 48px rgba(0,0,0,.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  text-align: left;
}

html body .mushna-state-selector-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  color: #fff;
}

html body .mushna-state-selector-head strong {
  font-size: clamp(1.08rem, 1.8vw, 1.35rem);
  letter-spacing: -.02em;
}

html body .mushna-state-selector-head span {
  color: rgba(255,255,255,.78);
  font-size: .96rem;
}

html body .mushna-state-row {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 14px;
  align-items: start;
  padding-top: 14px;
}

html body .mushna-state-row + .mushna-state-row {
  border-top: 1px solid rgba(255,255,255,.16);
  margin-top: 14px;
}

html body .mushna-state-label {
  color: #fff;
  font-weight: 800;
  line-height: 1.3;
  padding-top: 8px;
}

html body .mushna-state-chips,
html body .mushna-heavy-heart-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

html body .mushna-state-chips button,
html body .mushna-heavy-heart-chips button {
  appearance: none;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  padding: 9px 14px;
  background: rgba(255,255,255,.92);
  color: #123d33;
  font-weight: 800;
  font-size: .94rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,.10);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

html body .mushna-state-chips button:hover,
html body .mushna-heavy-heart-chips button:hover {
  transform: translateY(-1px);
  background: #fff7df;
  box-shadow: 0 12px 26px rgba(0,0,0,.14);
}

html body .mushna-heavy-heart-section {
  padding-top: clamp(22px, 4vw, 44px);
}

html body .mushna-heavy-heart-card {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: clamp(18px, 3vw, 32px);
  align-items: center;
  padding: clamp(22px, 4vw, 38px);
  border-radius: 32px;
  background: linear-gradient(135deg, #fff9ec 0%, #f3ead6 48%, #e8f3eb 100%);
  border: 1px solid rgba(26, 85, 70, .14);
  box-shadow: 0 20px 56px rgba(22, 62, 51, .10);
}

html body .mushna-heavy-heart-card h2 {
  margin: 4px 0 10px;
  color: #133f35;
  font-size: clamp(1.55rem, 2.8vw, 2.35rem);
  letter-spacing: -.035em;
}

html body .mushna-heavy-heart-card p:not(.mushna-eyebrow) {
  margin: 0;
  color: #385f55;
  font-size: 1.03rem;
  line-height: 1.7;
}

html body .mushna-heavy-heart-chips {
  justify-content: flex-start;
}

html body .mushna-heavy-heart-chips button {
  border-color: rgba(26,85,70,.14);
  background: #ffffff;
  color: #174b3f;
}

html body .mushna-result-context {
  margin: 8px 0 0;
  max-width: 760px;
  color: #49685f;
  font-size: 1rem;
  line-height: 1.65;
}

@media (max-width: 780px) {
  html body .mushna-state-selector {
    width: min(100% - 20px, 100%);
    padding: 16px;
    border-radius: 22px;
    margin-top: 20px;
  }

  html body .mushna-state-selector-head {
    display: block;
  }

  html body .mushna-state-selector-head span {
    display: block;
    margin-top: 5px;
    font-size: .9rem;
  }

  html body .mushna-state-row {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  html body .mushna-state-label {
    padding-top: 0;
  }

  html body .mushna-state-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
  }

  html body .mushna-state-chips button {
    flex: 0 0 auto;
    padding: 9px 13px;
    font-size: .9rem;
  }

  html body .mushna-heavy-heart-card {
    width: min(100% - 20px, 100%);
    grid-template-columns: 1fr;
    border-radius: 24px;
    padding: 20px;
  }

  html body .mushna-heavy-heart-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
  }

  html body .mushna-heavy-heart-chips button {
    flex: 0 0 auto;
  }
}

/* v4.8 — deeper emotion search + full feeling selector */
html body .mushna-more-feelings-row {
  align-items: center;
}

html body .mushna-feeling-select-wrap {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

html body .mushna-feeling-select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 999px;
  padding: 9px 42px 9px 15px;
  background: rgba(255,255,255,.96);
  color: #123d33;
  font-weight: 800;
  font-size: .94rem;
  box-shadow: 0 8px 20px rgba(0,0,0,.10);
}

html body .mushna-feeling-select-help {
  color: rgba(255,255,255,.78);
  font-size: .9rem;
  line-height: 1.45;
}

@media (max-width: 780px) {
  html body .mushna-feeling-select-wrap {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  html body .mushna-feeling-select-help {
    font-size: .84rem;
  }
}

/* v5.0 category-page search feedback.
   Scope: dynamic category pages only. Adds a clear count/status panel and keeps cards unchanged. */
html body .mushna-category-search-status {
  width: min(100% - 44px, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto clamp(18px, 2.5vw, 28px) !important;
  padding: clamp(18px, 2.6vw, 28px) !important;
  border: 1px solid #e6dac7 !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at top left, rgba(31,111,91,0.06), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
  box-shadow: 0 12px 30px rgba(22,45,42,0.055) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
}
html body .mushna-category-search-status[hidden] {
  display: none !important;
}
html body .mushna-category-search-status .mushna-eyebrow {
  margin: 0 0 7px !important;
  color: #657384 !important;
}
html body .mushna-category-search-status h2 {
  margin: 0 !important;
  color: #0f5c52 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
}
html body .mushna-category-search-status .mushna-result-context {
  margin: 8px 0 0 !important;
  color: #4c5b6a !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  max-width: 780px !important;
}
html body .mushna-category-search-status .mushna-search-count {
  margin: 8px 0 0 !important;
  color: #657384 !important;
  font-weight: 650 !important;
}
html body .mushna-category-search-status .mushna-clear-search {
  flex: 0 0 auto !important;
  margin-top: 6px !important;
}

@media (min-width: 1180px) {
  html body .mushna-category-search-status {
    width: min(100% - 72px, 1280px) !important;
    max-width: 1280px !important;
  }
}

@media (max-width: 760px) {
  html body .mushna-category-search-status {
    width: calc(100% - 18px) !important;
    max-width: calc(100% - 18px) !important;
    display: block !important;
    padding: 15px !important;
    border-radius: 18px !important;
    margin-bottom: 12px !important;
  }
  html body .mushna-category-search-status[hidden] {
    display: none !important;
  }
  html body .mushna-category-search-status h2 {
    font-size: 1.35rem !important;
  }
  html body .mushna-category-search-status .mushna-result-context {
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
  }
  html body .mushna-category-search-status .mushna-clear-search {
    width: 100% !important;
    margin-top: 12px !important;
  }
}


/* v5.1: make category search feedback robust even when inserted by JS. */
html body .mushna-category-search-status.is-active {
  display: flex !important;
}
@media (max-width: 760px) {
  html body .mushna-category-search-status.is-active {
    display: block !important;
  }
}


/* v5.6: make detail category pills behave like links without changing the visual design. */
html body .mushna-tags a.mushna-tag-link,
html body .mushna-tags a.mushna-tag-link:visited {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  background: #f5efe5 !important;
  border: 1px solid #e6dbcb !important;
  color: #65717e !important;
  padding: 10px 18px !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

html body .mushna-tags a.mushna-tag-link:hover,
html body .mushna-tags a.mushna-tag-link:focus {
  color: #126755 !important;
  border-color: rgba(18, 103, 85, 0.35) !important;
  text-decoration: none !important;
}

/* v5.23: All Duas card cleanup - remove public caution pills from index and improve scanability */
html body .mushna-all-duas-page .mushna-badge-row,
html body .mushna-all-duas-page .mushna-card-badges,
html body .mushna-all-duas-page .mushna-badge.review,
html body .mushna-all-duas-page .mushna-badge.crosslink {
  display: none !important;
}

html body .mushna-all-duas-page .mushna-all-duas-index {
  width: min(1180px, calc(100% - 32px)) !important;
  gap: clamp(18px, 2.5vw, 30px) !important;
}

html body .mushna-all-duas-page .mushna-all-duas-group {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(226, 209, 168, 0.78) !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 36px rgba(18, 58, 52, 0.07) !important;
  padding: clamp(16px, 2.3vw, 28px) !important;
}

html body .mushna-all-duas-page .mushna-all-duas-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body .mushna-all-duas-page .mushna-all-duas-item.mushna-dua-card {
  min-height: 0 !important;
  padding: 16px 16px 15px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  background: #fffdf8 !important;
  border: 1px solid rgba(226, 209, 168, 0.72) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(22, 45, 42, 0.055) !important;
  transform: none !important;
  overflow: hidden !important;
}

html body .mushna-all-duas-page .mushna-all-duas-item.mushna-dua-card::before {
  height: 3px !important;
  background: linear-gradient(90deg, rgba(18,95,82,0.36), rgba(216,181,49,0.28)) !important;
}

html body .mushna-all-duas-page .mushna-all-duas-item.mushna-dua-card:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(199, 177, 131, 0.9) !important;
  box-shadow: 0 14px 30px rgba(22, 45, 42, 0.085) !important;
}

html body .mushna-all-duas-page .mushna-all-duas-kicker {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 7px !important;
  color: #6f7d8b !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

html body .mushna-all-duas-page .mushna-all-duas-kicker span + span::before {
  content: '•' !important;
  margin-right: 6px !important;
  color: #d2bd7a !important;
}

html body .mushna-all-duas-page .mushna-all-duas-item h3 {
  margin: 0 0 6px !important;
  font-size: clamp(1rem, 1.15vw, 1.13rem) !important;
  line-height: 1.25 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
}

html body .mushna-all-duas-page .mushna-all-duas-item h3 a {
  color: #125f52 !important;
  text-decoration: none !important;
}

html body .mushna-all-duas-page .mushna-all-duas-summary {
  margin: 0 !important;
  color: #536475 !important;
  font-size: 0.91rem !important;
  line-height: 1.48 !important;
}

html body .mushna-all-duas-page .mushna-all-duas-reference {
  margin: 8px 0 0 !important;
  color: #7a8794 !important;
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
}

html body .mushna-all-duas-page .mushna-all-duas-view {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  background: #18765f !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 850 !important;
  font-size: 0.88rem !important;
  padding: 9px 14px !important;
  box-shadow: 0 8px 18px rgba(24, 118, 95, 0.17) !important;
}

html body .mushna-all-duas-page .mushna-all-duas-view:hover {
  background: #0f5f52 !important;
  color: #fff !important;
}

@media (max-width: 860px) {
  html body .mushna-all-duas-page .mushna-all-duas-list {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  html body .mushna-all-duas-page .mushna-all-duas-index {
    width: min(100% - 18px, 1180px) !important;
  }

  html body .mushna-all-duas-page .mushna-all-duas-item.mushna-dua-card {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  html body .mushna-all-duas-page .mushna-all-duas-view {
    justify-self: start !important;
  }
}