/* ============================================================
   Valentra Tax Advisors — Services Page
   Page-specific styling layered on top of styles.css.
   ============================================================ */

.section{
  padding: 30px;
  padding-bottom: 2px;
}

.srv{
    padding-bottom: 24px;
}
.srv h2 {
  text-align: left;
}
.srv .eyebrow{
  justify-content: flex-start;
}
.srv .grid-2{
  margin-left: 0;
  margin-right: 0;
}
.eyebrow {
  display: flex;
  justify-content: left;
  align-items: left;
  gap: 8px; /* optional */
}

/* Left-align the page-level headings and eyebrows on the Services page. */
.section-title{
  max-width:1200px;
  margin:0 0 35px;
  text-align:left;
}
.section-title h2{
  margin:0;
  text-align:left;
}
.section-title .eyebrow,
.section-title .lede{
  justify-content:flex-start;
  margin:8px 0 8px;
}



.lifecycle-heading{
  max-width:700px; margin:0 0 8px; text-align:left;
}
.lifecycle-heading .eyebrow{ justify-content:flex-start; }
.lifecycle-heading .lede{ max-width:620px; margin:12px 0 0; }

/* ---- Lifecycle layout: image removed, accordion now spans full
   width as a 2-column grid of cards (2 per row). ---- */
.lifecycle-layout{
  margin-top:16px;
  margin-bottom:0;
}

.lifecycle-layout .accordion{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:24px;
  max-width:none;
  margin:0;
}

/* Each accordion item becomes a self-contained card */
.lifecycle-layout .accordion-item{
  border:1px solid var(--line, #e2e2e2);
  border-radius:8px;
  overflow:hidden;
  height:fit-content;
}

.lifecycle-layout .accordion-head{
  padding:18px 16px;
}
.lifecycle-layout .accordion-body{
  padding:0 16px 20px 16px;
}
.lifecycle-layout .subservice{
  margin-bottom:10px;
}

@media (max-width:960px){
  .lifecycle-layout .accordion{
    grid-template-columns:1fr;
  }
}

/* Extra breathing room at the bottom of the lifecycle section */
.lifecycle-layout{
  margin-top:16px;
  margin-bottom:16px;
  
}

section.section-alt{
  padding-bottom:24px;
}

/* A little more gap between the two grid rows now that two cards
   can be open at once in the first row */
.lifecycle-layout .accordion{
  gap:24px 24px;
  row-gap:32px;
}