/* LogiDrink SEO landings — harmony 20260818h1
   Scoped to body.seo-pillar / body.ld-alive. Does not touch homepage. */

body.seo-pillar,
body.ld-alive {
  padding-bottom: 0 !important;
}

body.seo-pillar,
body.ld-alive {
  --ld-read: min(1040px, calc(100% - 2.5rem));
  --ld-prose: min(720px, 100%);
}

body.seo-pillar .container,
body.ld-alive .container,
body.seo-pillar section > .container,
body.ld-alive section > .container,
body.seo-pillar .ld-alive-cta .container,
body.ld-alive .ld-alive-cta .container,
body.seo-pillar .ld-alive-dark-cta .container,
body.ld-alive .ld-alive-dark-cta .container {
  max-width: var(--ld-read) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.seo-pillar footer .container,
body.ld-alive footer .container {
  max-width: min(1200px, calc(100% - 2.5rem)) !important;
}

/* ----- Hero: one centered column, tight rhythm ----- */
body.seo-pillar .hero,
body.ld-alive .hero {
  padding: 24px 0 20px !important;
  text-align: center !important;
  background: #fff !important;
}

body.seo-pillar .hero .container,
body.ld-alive .hero .container {
  max-width: min(760px, calc(100% - 2rem)) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.seo-pillar .hero .container > div,
body.ld-alive .hero .container > div {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.seo-pillar .hero .crumb,
body.ld-alive .hero .crumb,
body.seo-pillar .fpage-hero .crumb,
body.ld-alive .fpage-hero .crumb,
.crumb {
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto 14px !important;
  font-size: 0.8rem !important;
}

body.seo-pillar .hero .eyebrow,
body.ld-alive .hero .eyebrow {
  display: inline-flex !important;
  margin: 0 auto 10px !important;
}

body.seo-pillar .hero h1,
body.ld-alive .hero h1 {
  margin: 0 auto 10px !important;
  max-width: 22ch;
  line-height: 1.15 !important;
}

body.seo-pillar .hero .lead,
body.ld-alive .hero .lead,
body.seo-pillar .hero p.lead,
body.ld-alive .hero p.lead {
  margin: 0 auto 8px !important;
  max-width: 46ch !important;
  line-height: 1.55 !important;
}

body.seo-pillar .hero .updated,
body.ld-alive .hero .updated {
  margin: 0 auto 18px !important;
  font-size: 0.78rem !important;
  opacity: 0.55 !important;
}

body.seo-pillar .hero .actions,
body.ld-alive .hero .actions {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
}

body.seo-pillar .hero .actions .btn,
body.ld-alive .hero .actions .btn {
  min-width: 210px;
  justify-content: center !important;
}

@media (max-width: 640px) {
  body.seo-pillar .hero .actions .btn,
  body.ld-alive .hero .actions .btn {
    min-width: 0;
    width: 100%;
  }
}

/* ----- Orange CTA: centered stack, no desert in the middle ----- */
.ld-alive-cta {
  padding: 32px 0 !important;
}

.ld-alive-cta .container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 16px !important;
}

.ld-alive-cta .container > div {
  max-width: 46ch;
}

.ld-alive-cta h2 {
  margin: 0 0 8px !important;
}

.ld-alive-cta p {
  margin: 0 auto !important;
  max-width: 46ch !important;
}

.ld-alive-cta .actions {
  justify-content: center !important;
}

.ld-alive-cta .actions .btn {
  min-width: 210px;
  justify-content: center !important;
}

/* ----- Sections: same vertical rhythm ----- */
body.seo-pillar section,
body.ld-alive section,
body.seo-pillar section.soft,
body.ld-alive section.soft {
  padding: 40px 0 !important;
}

body.seo-pillar .section-head,
body.ld-alive .section-head {
  max-width: min(640px, 100%) !important;
  margin: 0 auto 22px !important;
  text-align: center !important;
}

body.seo-pillar .section-head h2,
body.ld-alive .section-head h2 {
  margin-bottom: 10px !important;
}

body.seo-pillar .section-head h2::after,
body.ld-alive .section-head h2::after {
  margin: 12px auto 0 !important;
}

body.seo-pillar .section-head p,
body.ld-alive .section-head p {
  margin: 0 auto !important;
  line-height: 1.6 !important;
  max-width: 52ch !important;
}

/* ----- Cards: equal height, less dead air ----- */
body.seo-pillar .grid.grid-3,
body.ld-alive .grid.grid-3 {
  max-width: 100% !important;
  margin: 0 auto !important;
  gap: 14px !important;
  align-items: stretch !important;
}

body.seo-pillar .grid.grid-3:has(> :nth-child(4)):not(:has(> :nth-child(5))),
body.ld-alive .grid.grid-3:has(> :nth-child(4)):not(:has(> :nth-child(5))) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 860px !important;
}

body.seo-pillar .feat-card,
body.ld-alive .feat-card {
  padding: 1.1rem 1.15rem !important;
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
}

body.seo-pillar .feat-card h3,
body.ld-alive .feat-card h3 {
  margin: 0 0 6px !important;
  line-height: 1.3 !important;
}

body.seo-pillar .feat-card p,
body.ld-alive .feat-card p {
  margin: 0 !important;
  line-height: 1.55 !important;
  flex: 1 1 auto;
}

/* ----- Audience chips: even rows, not a pyramid ----- */
.ld-chip-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  justify-content: initial !important;
}

@media (min-width: 720px) {
  .ld-chip-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.ld-chip-list li {
  text-align: center !important;
  border-radius: 12px !important;
  padding: 0.7rem 0.9rem !important;
  min-width: 0 !important;
  line-height: 1.35 !important;
}

/* ----- Mid CTA: compact centered card ----- */
.ld-mid-cta {
  max-width: min(760px, calc(100% - 2rem)) !important;
  margin: 8px auto 8px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 14px !important;
  padding: 1.5rem 1.4rem !important;
}

.ld-mid-cta .actions {
  justify-content: center !important;
}

.ld-mid-cta .actions .btn {
  min-width: 210px;
  justify-content: center !important;
}

/* ----- Method: one readable column ----- */
.ld-steps {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}

.ld-steps li {
  padding: 0.95rem 1.1rem 0.95rem 3.1rem !important;
  display: flex !important;
  align-items: center !important;
  min-height: 3.1rem;
  line-height: 1.45 !important;
}

.ld-steps li::before {
  top: 50% !important;
  transform: translateY(-50%);
  left: 0.9rem !important;
}

body.seo-pillar .ld-steps + p,
body.ld-alive .ld-steps + p,
body.seo-pillar ol.ld-steps + p,
body.ld-alive ol.ld-steps + p {
  text-align: center !important;
  max-width: 680px;
  margin: 16px auto 0 !important;
}

/* ----- FAQ ----- */
body.seo-pillar details.faq-item,
body.ld-alive details.faq-item {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding: 14px 0 !important;
  background: #fff !important;
  border: none !important;
  border-bottom: 1px solid #e3e8ee !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.seo-pillar details.faq-item p,
body.ld-alive details.faq-item p {
  margin-top: 8px !important;
  line-height: 1.55 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* ----- Related pages ----- */
.ld-related-grid {
  max-width: 100% !important;
  gap: 12px !important;
}

.ld-related-card {
  padding: 1rem 1.1rem !important;
  height: 100%;
}

.ld-related-card strong {
  margin-bottom: 0.3rem;
}

body.seo-pillar .ld-related-grid + div,
body.ld-alive .ld-related-grid + div {
  margin-top: 1.25rem !important;
  text-align: center !important;
}

/* ----- Dark CTA ----- */
.ld-alive-dark-cta {
  padding: 40px 0 44px !important;
}

.ld-alive-dark-cta .eyebrow {
  display: inline-flex !important;
  margin-bottom: 10px !important;
}

.ld-alive-dark-cta h2 {
  margin: 0 auto 8px !important;
  max-width: 22ch;
}

.ld-alive-dark-cta p {
  margin: 0 auto 18px !important;
}

.ld-alive-dark-cta .actions {
  gap: 10px !important;
}

.ld-alive-dark-cta .actions .btn {
  min-width: 180px;
  justify-content: center !important;
}

/* Footer: hide empty market switch that duplicates the line */
body.seo-pillar .ft-market-switch:empty,
body.ld-alive .ft-market-switch:empty {
  display: none !important;
}

@media (max-width: 640px) {
  body.seo-pillar .hero,
  body.ld-alive .hero,
  body.seo-pillar section,
  body.ld-alive section,
  body.seo-pillar section.soft,
  body.ld-alive section.soft {
    padding: 28px 0 !important;
  }
  .ld-alive-cta,
  .ld-alive-dark-cta {
    padding: 28px 0 !important;
  }
  .ld-chip-list {
    grid-template-columns: 1fr !important;
  }
  .ld-alive-cta .actions .btn,
  .ld-mid-cta .actions .btn,
  .ld-alive-dark-cta .actions .btn {
    width: 100%;
    min-width: 0;
  }
}