.service-depth {
  padding: 80px 6%;
  background: var(--paper-1);
  scroll-margin-top: 95px;
  color: var(--ink-1);
}
.depth-heading {
  max-width: 790px;
}
.depth-heading .eyebrow {
  margin-bottom: 24px;
}
.depth-heading > p:last-child {
  font-size: var(--t-body);
  line-height: 1.6;
  color: var(--paper-2);
  max-width: 700px;
}
.depth-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 35px;
  margin-top: 45px;
}
.depth-grid article {
  border-top: 1px solid var(--paper-2);
  padding-top: 24px;
}
.depth-number {
  font-size: var(--t-small);
  color: var(--ink-5);
}
.depth-grid h3 {
  font-size: var(--t-h3);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.025em;
  margin: 23px 0 18px;
}
.depth-grid p {
  font-size: var(--t-body);
  line-height: 1.75;
  color: var(--ink-4);
}
.depth-guide {
  padding: 75px 6%;
  background: var(--ink-2);
  color: var(--ink-7);
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 6%;
  scroll-margin-top: 95px;
}
@media (min-width: 1024px) {
  .depth-guide > div:first-child {
    position: sticky;
    top: 95px;
    align-self: start;
  }
}
@media (max-width: 1023px) {
  .depth-guide {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.depth-guide > div > p {
  font-size: var(--t-body);
  color: var(--ink-6);
  line-height: 1.65;
}
.depth-guide details {
  border-color: var(--ink-5);
}
.depth-guide summary {
  font-size: var(--t-h3);
  line-height: 1.5;
  padding-right: 34px;
  list-style: none;
  position: relative;
}
.depth-guide summary::-webkit-details-marker {
  display: none;
}
.depth-guide summary:after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 0;
  font-size: var(--t-h3);
  font-weight: 400;
  color: var(--ink-5);
}
.depth-guide details[open] summary:after {
  content: "−";
}
.depth-guide details p {
  font-size: var(--t-body);
  line-height: 1.8;
  color: var(--ink-6);
  max-width: 650px;
}
.depth-guide details[open] summary {
  color: var(--ink-7);
}
.depth-guide details:first-child {
  padding-top: 24px;
}
@media (max-width: 800px) {
  .service-depth,
  .depth-guide {
    padding: 48px 20px;
    scroll-margin-top: 85px;
  }
  .depth-grid,
  .depth-guide {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .depth-grid {
    margin-top: 30px;
  }
  .depth-grid article {
    padding-top: 18px;
  }
  .depth-grid h3 {
    margin-top: 15px;
  }
  .depth-grid p,
  .depth-guide details p {
    line-height: 1.75;
  }
  .depth-guide summary {
    font-size: var(--t-h3);
    min-height: 44px;
  }
}
/* /manufacturing/: las secciones secundarias viven dentro del acordeón como
   <details id>; su contenido conserva intro y subtítulos. */
.depth-guide details[id] {
  scroll-margin-top: 95px;
}
.guide-body h3 {
  font-size: var(--t-body);
  font-weight: 500;
  color: var(--ink-7);
  margin: 22px 0 6px;
}
.guide-body > p:first-child {
  margin-top: 12px;
}
.guide-body p {
  font-size: var(--t-body);
  line-height: 1.75;
  color: var(--ink-6);
  max-width: 650px;
}