/* Day by Day Christianity — mobile garden journey
   All rules are mobile-only so the established desktop design remains intact. */

.dbdc-mobile-mark,
.dbdc-pillar-art,
.dbdc-card-summary,
.dbdc-card-number,
.dbdc-mobile-scripture { display: none; }

.dbdc-pathway-jump-nav { display: none; }

/* Coordinating page artwork beside the opening copy on desktop. */
.dbdc-page-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 27%);
  align-items: center;
  gap: 30px;
  margin: 8px 0 28px;
  padding: 18px 22px 18px 28px;
  background: linear-gradient(135deg, rgba(253, 249, 240, .86), rgba(215, 226, 221, .72));
  border: 1px solid rgba(28, 83, 83, .13);
  border-left: 4px solid #B87A5C;
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(25, 59, 59, .08);
  overflow: hidden;
}

.dbdc-page-intro-copy p:first-child { margin-top: 0; }
.dbdc-page-intro-copy p:last-child { margin-bottom: 0; }

.dbdc-page-intro-art {
  display: block;
  width: 100%;
  max-width: 250px;
  max-height: 190px;
  margin-left: auto;
  object-fit: contain;
  opacity: .92;
  filter: saturate(.84) contrast(.97);
}

/* Desktop homepage artwork: the same visual story used on mobile. */
@media (min-width: 769px) {
  body.dbdc-index .pillar-mini-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px;
    align-items: center;
    gap: 12px;
    min-height: 168px;
    padding: 22px 15px 22px 23px;
    text-align: left;
    overflow: hidden;
  }

  body.dbdc-index .pillar-mini-card strong,
  body.dbdc-index .pillar-mini-card p { position: relative; z-index: 2; }

  body.dbdc-index .dbdc-being-art {
    display: block;
    width: 98px;
    max-width: 98px;
    max-height: 110px;
    object-fit: contain;
    justify-self: end;
    opacity: .9;
    filter: saturate(.82) contrast(.96);
  }

  body.dbdc-index .process-box {
    display: flex;
    flex-direction: column;
    min-height: 490px;
    overflow: hidden;
  }

  body.dbdc-index .dbdc-process-copy { position: relative; z-index: 2; }

  body.dbdc-index .dbdc-pillar-art {
    display: block;
    width: 86%;
    height: 132px;
    margin: auto auto 0;
    object-fit: contain;
    opacity: .88;
    filter: saturate(.8) contrast(.96);
  }
}

/* One calm, readable content surface throughout the site. The boho texture
   remains as a very soft brand detail rather than sitting directly under type. */
body.dbdc-page main > section:not(.journal-spotlight),
body.dbdc-page .content-box,
body.dbdc-page .section-box:not(.journal-spotlight),
body.dbdc-page .garden-spotlight {
  color: #1C5353;
  background-color: #F9F5EA !important;
  background-image:
    linear-gradient(rgba(253, 249, 240, .92), rgba(253, 249, 240, .94)),
    url('bohoback.png') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-blend-mode: normal !important;
  border: 1px solid rgba(28, 83, 83, .12) !important;
  box-shadow: 0 14px 34px rgba(25, 59, 59, .09) !important;
}

body.dbdc-page .pillar-card,
body.dbdc-page .pillar-mini-card,
body.dbdc-page .process-box,
body.dbdc-page .personal-support-box,
body.dbdc-page .scripture-box {
  background-color: rgba(253, 249, 240, .96);
}

body.dbdc-index .dbdc-garden-photo {
  filter: saturate(.78) brightness(1.04) contrast(.92);
}

body.dbdc-index .dbdc-path-photo {
  filter: saturate(.78) brightness(1.035) contrast(.94);
}

.dbdc-mobile-hero-logo { display: none; }

.dbdc-pillar-card-art {
  display: block;
  width: 82%;
  height: 112px;
  margin: auto auto 16px;
  object-fit: contain;
  opacity: .9;
  filter: saturate(.82) contrast(.96);
}

.dbdc-newsletter,
.dbdc-free-resources {
  color: #1C5353;
  background: linear-gradient(145deg, rgba(253, 249, 240, .98), rgba(215, 226, 221, .96));
  border: 1px solid rgba(28, 83, 83, .14);
  border-left: 8px solid #B87A5C;
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(25, 59, 59, .09);
}

.dbdc-newsletter { padding: 38px 44px; text-align: center; }
.dbdc-newsletter p { max-width: 700px; margin-left: auto; margin-right: auto; }
.dbdc-kit-form { width: 100%; max-width: 680px; margin: 22px auto 0; overflow: hidden; }
.dbdc-free-resources { margin: 34px 0; padding: 28px 32px; }
.dbdc-free-resources small { display: block; margin-top: 14px; color: #829B93; }

/* The path photograph carries both a symbolic sun and the narrow way.
   Give it enough desktop height to show both instead of forcing a shallow crop. */
@media (min-width: 769px) {
  body.dbdc-index .dbdc-garden-photo {
    width: 100%;
    height: clamp(245px, 25vw, 270px);
    max-height: none;
    object-fit: cover;
    object-position: center 52%;
  }

  body.dbdc-index .dbdc-path-photo {
    width: 100%;
    height: clamp(280px, 28vw, 310px);
    max-height: none;
    object-fit: cover;
    object-position: center 47%;
  }

  body.dbdc-me .pillar-card {
    display: flex;
    flex-direction: column;
  }

  /* Continue the copper garden border through the next two feature blocks. */
  body.dbdc-index main > .section-box {
    position: relative;
    overflow: hidden;
  }

  body.dbdc-index .dbdc-copper-edge {
    display: block;
    position: absolute;
    z-index: 3;
    inset: 0 auto 0 0;
    width: 10px;
    background: linear-gradient(135deg, #E8B59E 0%, #C9785C 50%, #9F5337 100%);
    box-shadow: 3px 0 15px rgba(184, 122, 92, 0.5);
    pointer-events: none;
  }

  body.dbdc-index .garden-spotlight > h2,
  body.dbdc-index main > .section-box > h2 {
    font-weight: 500;
  }

  body.dbdc-index .journal-spotlight > h2 {
    font-weight: 600;
  }
}

.dbdc-book-preview {
  position: relative;
  overflow: hidden;
  margin: 34px 0;
  padding: 34px 38px;
  color: #193B3B;
  background:
    radial-gradient(circle at 100% 0, rgba(184, 122, 92, .14), transparent 42%),
    linear-gradient(145deg, #F9F5EA, #D7E2DD);
  border: 1px solid rgba(28, 83, 83, .16);
  border-left: 5px solid #B87A5C;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(25, 59, 59, .09);
}

.dbdc-book-preview::after {
  content: "";
  position: absolute;
  right: -38px;
  bottom: -48px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(28, 83, 83, .12);
  border-radius: 70% 30% 65% 35%;
  transform: rotate(-24deg);
  pointer-events: none;
}

.dbdc-book-kicker,
.dbdc-coming-soon {
  color: #B87A5C;
  font: 700 12px/1.3 Arial, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.dbdc-book-series {
  margin: 12px 0 5px;
  color: #633F56;
  font: italic 20px/1.35 Georgia, serif;
}

.dbdc-book-preview h2 { margin: 0 0 14px; color: #1C5353; }
.dbdc-book-preview-copy > p:last-of-type { max-width: 68ch; }

@media (max-width: 768px) {
  :root {
    --dbdc-teal: #1C5353;
    --dbdc-deep-teal: #193B3B;
    --dbdc-copper: #B87A5C;
    --dbdc-fig: #633F56;
    --dbdc-ivory: #F9F5EA;
    --dbdc-sage-wash: #D7E2DD;
  }

  html { scroll-behavior: smooth; }

  body.dbdc-123 .tab-content { scroll-margin-top: 82px; }

  body.dbdc-page .dbdc-page-intro {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 4px 0 24px;
    padding: 20px 18px 12px;
  }

  body.dbdc-page .dbdc-page-intro-art {
    width: min(72%, 250px);
    max-height: 155px;
    margin: 2px auto 0;
  }

  body.dbdc-123.linked-path-view .key-banner,
  body.dbdc-123.linked-path-view .tabs { display: none !important; }

  body.dbdc-123.linked-path-view .dbdc-pathway-jump-nav {
    display: flex;
    position: sticky;
    top: 66px;
    z-index: 25;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin: 0 0 18px;
    padding: 10px;
    background: rgba(253, 249, 240, .95);
    border: 1px solid rgba(28, 83, 83, .13);
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(25, 59, 59, .09);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  body.dbdc-123 .dbdc-pathway-jump-nav a {
    padding: 8px 11px;
    color: var(--dbdc-teal);
    font: 700 14px/1.2 Georgia, serif;
    text-decoration: none;
    border: 1px solid rgba(28, 83, 83, .18);
    border-radius: 999px;
    background: #F9F5EA;
  }

  body.dbdc-123 .dbdc-pathway-jump-nav .dbdc-pathway-overview {
    flex-basis: 100%;
    color: #9F5337;
    text-align: center;
    border-color: transparent;
    background: transparent;
  }

  body.dbdc-page {
    overflow-x: hidden;
    color: var(--dbdc-deep-teal);
    background:
      radial-gradient(circle at 0 12%, rgba(184, 122, 92, .11), transparent 26rem),
      radial-gradient(circle at 100% 40%, rgba(28, 83, 83, .10), transparent 24rem),
      linear-gradient(180deg, #F9F5EA 0%, var(--dbdc-sage-wash) 48%, #F9F5EA 100%);
    background-attachment: scroll;
  }

  body.dbdc-page > header#top { display: none; }

  .dbdc-mobile-mark {
    position: sticky;
    top: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 62px;
    padding: 9px 18px;
    color: var(--dbdc-deep-teal);
    background: rgba(253, 249, 240, .94);
    border-bottom: 1px solid rgba(184, 122, 92, .28);
    box-shadow: 0 6px 22px rgba(25, 59, 59, .08);
    text-decoration: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .dbdc-mobile-mark img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex: 0 0 40px;
  }

  .dbdc-mobile-mark span {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  .top-nav-container,
  .nav-bar {
    gap: 7px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow-x: auto;
    justify-content: flex-start !important;
    scrollbar-width: none;
  }

  .top-nav-container::-webkit-scrollbar,
  .nav-bar::-webkit-scrollbar { display: none; }

  .top-nav-container .day-by-day-btn,
  .nav-bar .day-by-day-btn {
    flex: 0 0 auto;
    min-width: 92px;
    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    box-shadow: 0 6px 16px rgba(25, 59, 59, .09) !important;
  }

  body.dbdc-index .hero {
    min-height: 510px;
    margin: 0 0 18px;
    padding: 78px 24px 40px !important;
    display: flex;
    align-items: flex-end;
    background:
      linear-gradient(180deg, rgba(25, 59, 59, .22), rgba(25, 59, 59, .82)),
      url("garden.png") center/cover no-repeat !important;
    border-radius: 0 0 34px 34px;
    box-shadow: 0 16px 36px rgba(25, 59, 59, .17);
  }

  body.dbdc-index .hero-title,
  body.dbdc-index .hero-subtitle {
    color: #F9F5EA !important;
    text-shadow: 0 2px 12px rgba(59, 47, 42, .38) !important;
  }

  body.dbdc-index .hero .search-container { background: rgba(253, 249, 240, .94); border-radius: 16px; }

  body.dbdc-me .hero {
    margin: 0 12px 20px !important;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 15px 34px rgba(25, 59, 59, .15);
  }

  body.dbdc-me .hero-image { position: relative; }
  body.dbdc-me .hero-image::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 38%;
    background: linear-gradient(transparent, rgba(25, 59, 59, .22));
    pointer-events: none;
  }

  body.dbdc-page main {
    width: auto !important;
    max-width: none !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.dbdc-page main > section,
  body.dbdc-page main > .content-box,
  body.dbdc-page .container > .content-box,
  body.dbdc-page main article {
    position: relative;
    overflow: hidden;
    margin: 18px 0 !important;
    padding: 30px 21px !important;
    background:
      radial-gradient(circle at 100% 0, rgba(184, 122, 92, .10), transparent 34%),
      linear-gradient(145deg, rgba(253, 249, 240, .98), rgba(215, 226, 221, .97)) !important;
    border: 1px solid rgba(28, 83, 83, .14) !important;
    border-top: 3px solid var(--dbdc-copper) !important;
    border-radius: 21px !important;
    box-shadow: 0 11px 28px rgba(25, 59, 59, .09) !important;
  }

  body.dbdc-page main > section:nth-of-type(even) {
    border-top-color: var(--dbdc-teal) !important;
    background:
      radial-gradient(circle at 0 100%, rgba(99, 63, 86, .08), transparent 34%),
      linear-gradient(145deg, rgba(215, 226, 221, .98), rgba(253, 249, 240, .98)) !important;
  }

  body.dbdc-page main > section::after,
  body.dbdc-page main > .content-box::after {
    content: "";
    position: absolute;
    right: -42px;
    bottom: -48px;
    width: 126px;
    height: 126px;
    border: 1px solid rgba(28, 83, 83, .10);
    border-radius: 68% 32% 61% 39%;
    transform: rotate(-28deg);
    pointer-events: none;
  }

  body.dbdc-page .heading-wrapper::before,
  body.dbdc-page main > section > h2:first-child::before,
  body.dbdc-page main > section > h1:first-child::before {
    display: block;
    margin-bottom: 9px;
    color: var(--dbdc-copper);
    font: 700 12px/1.2 Arial, sans-serif;
    letter-spacing: .18em;
    text-transform: uppercase;
  }

  body.dbdc-index main > section:first-child > h2:first-of-type::before { content: "Welcome to the Garden"; }
  body.dbdc-me main > section:first-child > h2:first-of-type::before { content: "A Guide Beside You"; }
  body.dbdc-123 .heading-wrapper::before { content: "Taking Root in Truth and Choosing Faithful Steps"; }
  body.dbdc-spirit .heading-wrapper::before { content: "Rooted in Holy Truth"; }
  body.dbdc-soul .heading-wrapper::before { content: "Tending the Inner Garden"; }
  body.dbdc-body .heading-wrapper::before { content: "Honoring the Living Temple"; }
  body.dbdc-devotionals .heading-wrapper::before { content: "Truth for Every Season"; }
  body.dbdc-recipes .heading-wrapper::before { content: "Nourishment from the Garden"; }
  body.dbdc-contact .heading-wrapper::before { content: "Walk the Next Step"; }
  body.dbdc-names-of-god .heading-wrapper::before { content: "Holy and Set Apart"; }
  body.dbdc-honoring-the-temple .heading-wrapper::before { content: "Cultivating Faithful Care"; }
  body.dbdc-spiritual-warfare-prayer .heading-wrapper::before { content: "Standing in Holy Truth"; }

  body.dbdc-page h1 { line-height: 1.12 !important; }
  body.dbdc-page h2,
  body.dbdc-page h3 { color: var(--dbdc-teal) !important; line-height: 1.2 !important; }
  body.dbdc-page p,
  body.dbdc-page li { line-height: 1.72 !important; }

  body.dbdc-page .scripture-box,
  body.dbdc-page blockquote {
    position: relative;
    margin: 22px 0 !important;
    padding: 24px 20px 22px !important;
    color: #F9F5EA !important;
    background: linear-gradient(145deg, var(--dbdc-deep-teal), var(--dbdc-teal)) !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(25, 59, 59, .16) !important;
  }

  body.dbdc-page .scripture-box::before,
  body.dbdc-page blockquote::before {
    content: "“";
    display: block;
    height: 24px;
    color: var(--dbdc-copper);
    font: 44px/1 Georgia, serif;
  }

  body.dbdc-page .scripture-ref { color: #E8B59E !important; }

  /* Spirit, Soul, and Body Scripture cards use the site's garden background. */
  body.dbdc-spirit .scripture-box,
  body.dbdc-soul .scripture-box,
  body.dbdc-body .scripture-box {
    color: var(--dbdc-deep-teal) !important;
    background:
      linear-gradient(rgba(253, 249, 240, .86), rgba(215, 226, 221, .9)),
      url('DBD Website background.webp') center/cover no-repeat !important;
    border: 1px solid rgba(28, 83, 83, .16) !important;
    border-left: 4px solid var(--dbdc-copper) !important;
    box-shadow: 0 10px 24px rgba(25, 59, 59, .11) !important;
  }

  body.dbdc-spirit .scripture-box::before,
  body.dbdc-soul .scripture-box::before,
  body.dbdc-body .scripture-box::before { color: var(--dbdc-copper) !important; }

  body.dbdc-spirit .scripture-ref,
  body.dbdc-soul .scripture-ref,
  body.dbdc-body .scripture-ref { color: #9F5337 !important; }

  body.dbdc-page .pillar-grid,
  body.dbdc-page .process-grid,
  body.dbdc-page .pillar-mini-grid { gap: 15px !important; }

  body.dbdc-page .pillar-card,
  body.dbdc-page .process-box,
  body.dbdc-page .pillar-mini-card {
    min-height: 0 !important;
    height: auto !important;
    padding: 28px 20px !important;
    text-align: left !important;
    background: rgba(253, 249, 240, .96) !important;
    border: 1px solid rgba(28, 83, 83, .14) !important;
    border-top: 3px solid var(--dbdc-copper) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 22px rgba(25, 59, 59, .08) !important;
  }

  body.dbdc-page .pillar-card:nth-child(2),
  body.dbdc-page .process-box:nth-child(2),
  body.dbdc-page .pillar-mini-card:nth-child(2) { border-top-color: var(--dbdc-fig) !important; }

  body.dbdc-page .pillar-card:nth-child(3),
  body.dbdc-page .process-box:nth-child(3),
  body.dbdc-page .pillar-mini-card:nth-child(3) { border-top-color: var(--dbdc-teal) !important; }

  body.dbdc-page .btn,
  body.dbdc-page .cta-button,
  body.dbdc-page .personal-support-button,
  body.dbdc-page .next-tab-btn,
  body.dbdc-page .devos-link-btn {
    min-height: 48px;
    padding: 13px 24px !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(25, 59, 59, .12) !important;
  }

  body.dbdc-page footer {
    margin-top: 34px;
    border-top: 3px solid var(--dbdc-copper);
  }

  body.dbdc-page footer .footer-col h2,
  body.dbdc-page footer .footer-col h3 { color: #E8B59E !important; }
}

/* Refined mobile homepage: matches the approved garden-journey concept. */
@media (max-width: 768px) {
  *, *::before, *::after { box-sizing: border-box; }

  html,
  body.dbdc-page {
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden !important;
  }

  .dbdc-mobile-mark {
    width: 100%;
    min-height: 58px;
    padding: 8px 15px;
  }

  .dbdc-mobile-mark img {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  .dbdc-mobile-mark span {
    min-width: 0;
    font-size: clamp(12px, 3.5vw, 15px);
    letter-spacing: .065em;
    white-space: nowrap;
  }

  body.dbdc-page h1 { font-size: clamp(30px, 8vw, 39px) !important; }
  body.dbdc-page h2 { font-size: clamp(26px, 7vw, 33px) !important; }
  body.dbdc-page h3 { font-size: clamp(21px, 5.6vw, 26px) !important; }
  body.dbdc-page p,
  body.dbdc-page li { font-size: 17px !important; line-height: 1.58 !important; }

  .dbdc-book-preview {
    margin: 27px 0 30px;
    padding: 26px 20px;
    border-left-width: 3px;
  }

  .dbdc-book-series { font-size: 18px !important; }
  .dbdc-book-preview h2 { font-size: 29px !important; }

  body.dbdc-index .hero {
    min-height: 430px;
    padding: 54px 20px 26px !important;
    align-items: center;
    background-position: 43% center !important;
  }

  body.dbdc-index .hero-text { width: 100% !important; max-width: 520px !important; }

  body.dbdc-index .hero-title {
    margin: 0 auto 18px !important;
    color: #F9F5EA !important;
    -webkit-text-fill-color: #F9F5EA !important;
    background: none !important;
    animation: none !important;
    font-size: clamp(31px, 8.2vw, 40px) !important;
    line-height: 1.12 !important;
    text-shadow: 0 3px 16px rgba(59, 47, 42, .72) !important;
  }

  body.dbdc-index .hero-subtitle {
    margin: 0 auto 22px !important;
    max-width: 34ch;
    color: #F9F5EA !important;
    -webkit-text-fill-color: #F9F5EA !important;
    font-size: 17px !important;
    line-height: 1.48 !important;
    font-style: normal !important;
    text-shadow: 0 2px 10px rgba(59, 47, 42, .82) !important;
  }

  body.dbdc-index .nav-bar { justify-content: center !important; padding: 0 0 14px !important; }

  body.dbdc-index .search-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 8px !important;
  }

  body.dbdc-index .site-search-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100% !important;
    max-width: 100% !important;
    gap: 7px;
  }

  body.dbdc-index .site-search-input {
    min-width: 0 !important;
    width: 100% !important;
    padding: 12px 13px !important;
    font-size: 15px !important;
  }

  body.dbdc-index .site-search-btn {
    width: auto !important;
    min-width: 78px;
    padding: 11px 15px !important;
    font-size: 14px !important;
  }

  body.dbdc-index main {
    display: flex;
    flex-direction: column;
    padding: 0 12px 22px !important;
  }

  body.dbdc-index .garden-spotlight { order: 1; }
  body.dbdc-index .bg-boho { order: 2; }
  body.dbdc-index main > .section-box:not(.bg-boho) { order: 3; }
  body.dbdc-index .journal-spotlight { order: 4; }

  body.dbdc-index main > section {
    width: 100%;
    margin: 14px 0 !important;
    padding: 24px 18px !important;
  }

  body.dbdc-index .garden-spotlight::after,
  body.dbdc-index .bg-boho::after { display: none; }

  body.dbdc-index .garden-spotlight > h2::before { content: none !important; display: none !important; }

  body.dbdc-index .garden-badge {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 18px auto 20px !important;
    padding: 10px 17px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    letter-spacing: .13em !important;
    text-align: center;
  }

  body.dbdc-index .garden-spotlight > h2 {
    margin: 0 0 16px !important;
    font-size: clamp(28px, 7.5vw, 35px) !important;
    line-height: 1.13 !important;
  }

  body.dbdc-index .box-header-img {
    width: 100% !important;
    max-height: 290px !important;
    margin: 0 !important;
    object-fit: cover !important;
    border-radius: 16px !important;
  }

  body.dbdc-index .pillar-mini-grid { grid-template-columns: 1fr !important; }
  body.dbdc-index .pillar-mini-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(112px, 38%);
    align-items: center;
    gap: 10px;
    padding: 18px 8px 18px 18px !important;
    min-height: 0 !important;
    overflow: hidden;
  }

  body.dbdc-index .pillar-mini-card strong { font-size: 21px !important; }
  body.dbdc-index .pillar-mini-card p { margin: 6px 0 0 !important; font-size: 16px !important; }

  body.dbdc-index .dbdc-being-art {
    display: block;
    width: 100%;
    max-width: 155px;
    max-height: 130px;
    margin-left: auto;
    object-fit: contain;
    opacity: .9;
    filter: saturate(.82) contrast(.96);
  }

  body.dbdc-index .bg-boho {
    background:
      radial-gradient(circle at 100% 0, rgba(184, 122, 92, .11), transparent 38%),
      linear-gradient(150deg, #F9F5EA, #D7E2DD) !important;
  }

  body.dbdc-index .bg-boho > h2 {
    margin: 0 0 20px !important;
    text-align: left !important;
  }

  body.dbdc-index .process-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 13px !important;
  }

  body.dbdc-index .process-box {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(108px, 38%);
    align-items: center;
    gap: 10px;
    width: 100% !important;
    min-height: 178px !important;
    padding: 19px 8px 19px 19px !important;
    overflow: hidden;
    text-decoration: none !important;
  }

  body.dbdc-index .process-box::before,
  body.dbdc-index .process-box::after { content: none !important; display: none !important; }

  body.dbdc-index .dbdc-process-copy { position: relative; z-index: 2; min-width: 0; }

  body.dbdc-index .dbdc-card-number {
    display: block;
    margin-bottom: 3px;
    color: var(--dbdc-copper);
    font: 400 18px/1 Georgia, serif;
  }

  body.dbdc-index .process-box h3 {
    margin: 0 0 9px !important;
    font-size: 23px !important;
  }

  body.dbdc-index .dbdc-desktop-step { display: none; }

  body.dbdc-index .dbdc-card-summary {
    display: block;
    margin: 0 !important;
    color: #1C5353 !important;
    font-size: 15px !important;
    line-height: 1.48 !important;
  }

  body.dbdc-index .process-box em,
  body.dbdc-index .process-box .dbdc-process-copy > span:last-child { display: none !important; }

  body.dbdc-index .dbdc-pillar-art {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 170px;
    max-height: 150px;
    margin-left: auto;
    object-fit: contain;
    opacity: .88;
    filter: saturate(.78) contrast(.95);
  }

  body.dbdc-index .process-box:first-child .dbdc-pillar-art { max-height: 166px; }

  body.dbdc-index .dbdc-mobile-scripture {
    display: block;
    margin-top: 18px;
    padding: 23px 18px;
    color: #F9F5EA;
    text-align: center;
    background: linear-gradient(145deg, var(--dbdc-deep-teal), var(--dbdc-teal));
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(25, 59, 59, .16);
  }

  body.dbdc-index .dbdc-mobile-scripture p {
    margin: 0 0 10px !important;
    color: #F9F5EA !important;
    font: italic 17px/1.5 Georgia, serif !important;
  }

  body.dbdc-index .dbdc-mobile-scripture span {
    color: #E8B59E;
    font: 700 11px/1.2 Arial, sans-serif;
    letter-spacing: .17em;
    text-transform: uppercase;
  }

  body.dbdc-index main > .section-box:not(.bg-boho) h2 {
    font-size: clamp(27px, 7vw, 33px) !important;
  }
}

@media (max-width: 768px) and (prefers-reduced-motion: no-preference) {
  body.dbdc-page main > section,
  body.dbdc-page main > .content-box,
  body.dbdc-page .container > .content-box {
    animation: dbdc-gentle-rise .55s ease both;
  }

  @keyframes dbdc-gentle-rise {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

/* Final surface standardization: every reading-focused box receives the same
   softened boho/ivory treatment, while feature imagery and dark CTAs remain distinct. */
body.dbdc-page :is(
  .scripture-box,
  .personal-support-box,
  .spiritual-practices,
  .soul-resources,
  .recipe-section,
  .template-box,
  .pdf-callout-card,
  .policy-section,
  .payment-box,
  .resource-card,
  .blog-card-preview,
  .accordion-body-content
) {
  color: #1C5353 !important;
  background-color: rgba(253, 249, 240, .96) !important;
  background-image:
    linear-gradient(rgba(253, 249, 240, .94), rgba(253, 249, 240, .96)),
    url('bohoback.png') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-blend-mode: normal !important;
  border-color: rgba(28, 83, 83, .14) !important;
  box-shadow: 0 10px 26px rgba(25, 59, 59, .08) !important;
}

body.dbdc-page :is(.scripture-box, .template-box) .scripture-ref {
  color: #9F5337 !important;
}

@media (max-width: 768px) {
  body.dbdc-page main > section:not(.journal-spotlight),
  body.dbdc-page .content-box,
  body.dbdc-page .section-box:not(.journal-spotlight),
  body.dbdc-page .garden-spotlight {
    background-image:
      linear-gradient(rgba(253, 249, 240, .94), rgba(253, 249, 240, .96)),
      url('bohoback.png') !important;
  }

  /* Let the branded floral background show more clearly on mobile verse cards
     while retaining a calm, high-contrast reading surface. */
  body.dbdc-page .scripture-box {
    color: #193B3B !important;
    background-color: rgba(253, 249, 240, .82) !important;
    background-image:
      linear-gradient(rgba(253, 249, 240, .79), rgba(215, 226, 221, .84)),
      url('DBD Website background.webp') !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-left: 4px solid #B87A5C !important;
    box-shadow: 0 10px 24px rgba(25, 59, 59, .12) !important;
  }

  body.dbdc-page .scripture-box .scripture-ref {
    color: #9F5337 !important;
  }

  /* Final mobile corrections — homepage navigation and search. */
  body.dbdc-index .nav-bar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px 11px !important;
    width: min(100%, 340px) !important;
    max-width: 340px !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.dbdc-index .nav-bar .day-by-day-btn {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 12px !important;
  }

  body.dbdc-index .nav-bar .day-by-day-btn:last-child {
    grid-column: auto;
    justify-self: stretch;
    width: 100% !important;
  }

  body.dbdc-index .dbdc-mobile-hero-logo {
    display: block;
    width: min(88%, 390px);
    max-height: 145px;
    margin: 0 auto 20px;
    object-fit: contain;
    mix-blend-mode: normal;
  }

  body.dbdc-index .search-container {
    width: min(100%, 390px) !important;
    padding: 6px !important;
  }

  /* About page: contain every hero element inside the phone viewport. */
  body.dbdc-me .hero {
    display: flex !important;
    flex-direction: column-reverse !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin: 0 12px 20px !important;
    padding: 22px 16px 28px !important;
    gap: 18px !important;
    text-align: center !important;
  }

  body.dbdc-me .hero-text,
  body.dbdc-me .hero-image {
    flex: none !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.dbdc-me .hero-title,
  body.dbdc-me .hero-subtitle {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }

  body.dbdc-me .hero-text {
    padding: 22px 16px 20px !important;
    background: rgba(253, 249, 240, .9) !important;
    border: 1px solid rgba(184, 122, 92, .35) !important;
    border-left: 4px solid #B87A5C !important;
    border-radius: 20px !important;
    box-shadow: none !important;
  }

  body.dbdc-me .hero-title {
    margin: 0 0 16px !important;
    font-size: clamp(29px, 8vw, 37px) !important;
  }

  body.dbdc-me .hero-subtitle {
    margin: 0 0 20px !important;
    font-size: 17px !important;
    line-height: 1.52 !important;
  }

  body.dbdc-me .nav-bar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px 11px !important;
    width: min(100%, 340px) !important;
    max-width: 340px !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.dbdc-me .nav-bar .day-by-day-btn {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    background: transparent url('WebsiteButton.png') center/contain no-repeat !important;
    box-shadow: none !important;
  }

  body.dbdc-me .nav-bar .day-by-day-btn:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 6px) !important;
  }

  body.dbdc-me .search-container,
  body.dbdc-me .site-search-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.dbdc-me .site-search-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 7px !important;
    padding: 7px !important;
  }

  body.dbdc-me .site-search-input {
    width: 100% !important;
    min-width: 0 !important;
    padding: 11px 12px !important;
    font-size: 15px !important;
  }

  body.dbdc-me .site-search-btn {
    width: auto !important;
    min-width: 76px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
  }

  /* Restore the journal's intended dark feature treatment and compact height. */
  body.dbdc-page main > section.journal-spotlight {
    min-height: 0 !important;
    height: auto !important;
    padding: 30px 20px !important;
    color: #F9F5EA !important;
    background: linear-gradient(145deg, #193B3B, #1C5353) !important;
    border: 1px solid rgba(232, 181, 158, .52) !important;
    border-top: 3px solid #B87A5C !important;
  }

  body.dbdc-page .journal-spotlight h2,
  body.dbdc-page .journal-spotlight p {
    color: #F9F5EA !important;
  }

  body.dbdc-page .journal-spotlight h2 {
    margin: 0 0 20px !important;
  }

  body.dbdc-page .journal-spotlight .journal-img {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    margin: 0 auto 20px !important;
  }

  body.dbdc-page .journal-spotlight p {
    max-width: 34ch;
    margin: 0 auto 18px !important;
    line-height: 1.55 !important;
  }

  body.dbdc-page .journal-spotlight p + div {
    margin-top: 0 !important;
  }

  body.dbdc-me .dbdc-pillar-card-art {
    width: min(78%, 250px);
    height: 145px;
    margin: 14px auto 18px;
  }

  body.dbdc-recipes .heading-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  body.dbdc-recipes .heading-wrapper img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  body.dbdc-recipes .heading-wrapper::before {
    order: 2;
    width: 100%;
    margin: 14px 0 0 !important;
    text-align: center;
  }

  body.dbdc-page footer .footer-col h2,
  body.dbdc-page footer .footer-col h3 { color: #E8B59E !important; }

  body.dbdc-123 .dbdc-pathway-jump-nav {
    position: sticky !important;
    top: 58px !important;
    z-index: 20 !important;
    margin-bottom: 28px !important;
  }

  body.dbdc-123 .tab-content {
    scroll-margin-top: 245px !important;
    padding-top: 8px !important;
  }

  body.dbdc-newsletter,
  body.dbdc-page .dbdc-free-resources {
    margin: 28px 12px !important;
    padding: 28px 20px !important;
    border-left-width: 5px !important;
  }
}