/* Services Section Styles */

.section__services {
  padding: 8rem 0 0;
  position: relative;
  justify-content: flex-start;
}

.section__services .content {
  text-align: justify;
}

/* Desktop triangle bullets - directional */
@media (min-width: 768px) {
  /* Left column triangles point right */
  .section__services .column__left ul li::before {
    content: "▶";
    color: var(--muted);
    margin-right: 0.5rem;
  }

  /* Right column triangles point left */
  .section__services .column__right ul li::before {
    content: "◀";
    color: var(--muted);
    margin-left: 0.5rem;
    margin-right: 0;
    float: right;
    position: absolute;
    right: -1rem;
  }

  /* Adjust right column list items for left-pointing triangles */
  .section__services .column__right ul li {
    position: relative;
    padding-right: 1.5rem;
  }
}

/* Mobile styles for services section */
@media (max-width: 767px) {

  .section__services .content {
    text-align: justify;
  }

  .section__services .column .subhead br {
    display: none;
  }

  .section__services .column ul {
    font-size: var(--font-size-xs);
    position: static;
    display: block;
    color: var(--bg);
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    width: auto;
    max-width: none;
    transform: none;
    top: auto;
    left: auto;
  }

  .section__services .column ul li {
    margin-bottom: 0.5rem;
  }

  /* Triangle bullets for mobile - all point right */
  .section__services .column ul li::before {
    content: "▶";
    color: var(--bg);
    margin-right: 0.5rem;
  }

  .section__services .column .subhead {
    font-size: var(--font-size-s);
    text-align: left;
    color: var(--bg);
  }
}