/* Open, unboxed symbols: colour follows the project; copy remains the label. */
.section-symbol {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  color: var(--case-accent, var(--c, #254bff));
}
.section-symbol-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 48px;
  margin: 0 0 24px;
}
.section-symbol-heading > .eyebrow {
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 1.5;
  text-align: right;
}
.has-section-symbol > :is(h3, h4) { margin-top: 0; }
.case-main .case-deep-process li.has-section-symbol { display: block; }
.case-main .case-deep-process .has-section-symbol h4 { margin-top: 0; }
.case-brief-facts .section-symbol-heading {
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 18px;
}
.case-brief-facts .section-symbol { width: 32px; height: 32px; flex-basis: 32px; }
.case-context-notes .section-symbol-heading { margin-bottom: 20px; }
.case-context-notes .has-section-symbol h4 { margin-top: 0; }
.has-inline-symbol { display: flex; align-items: flex-start; gap: 16px; }
.has-inline-symbol > .section-symbol { width: 26px; height: 26px; flex-basis: 26px; }
.dd-identity-principles.has-inline-symbol { align-items: flex-start; }
.dd-identity-principles > .has-inline-symbol > span { padding-top: 4px; }
.skill-label.has-section-symbol { display: block; }
.skill-label .section-symbol-heading { max-width: 180px; }
.skill-label.has-section-symbol h3 { margin-top: 0; }
.career-label .section-symbol-heading { justify-content: flex-start; }
.career-label .section-symbol-heading .eyebrow { text-align: left; }
.pricing-service-heading .section-symbol-heading { justify-content: flex-start; }
.pricing-service-heading .section-symbol-heading .eyebrow { text-align: left; }
.service-symbol-number { display: flex; flex-direction: column; gap: 12px; align-items: center; }
.service-symbol-number .section-symbol { width: 28px; height: 28px; flex-basis: 28px; }
.skills-ai-steps { display: grid; grid-template-columns: 1fr; gap: 0; }
.skills-ai-steps > div.has-section-symbol {
  grid-column: auto;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px 24px;
  padding: 24px 0;
}
.skills-ai-steps .section-symbol-heading {
  grid-column: 1;
  grid-row: 1 / 3;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
  margin: 0;
}
.skills-ai-steps .section-symbol,
.account-entry .has-inline-symbol .section-symbol { color: var(--m); }
.skills-ai-steps .has-section-symbol > h3,
.skills-ai-steps .has-section-symbol > p { grid-column: 2; margin: 0; }
@media (max-width: 760px) {
  .section-symbol { width: 40px; height: 40px; flex-basis: 40px; }
  .section-symbol-heading { min-height: 40px; margin-bottom: 20px; gap: 16px; }
  .case-main .case-brief-facts .section-symbol-heading { margin-bottom: 14px; }
  .case-main .case-deep-process li.has-section-symbol { padding-top: 22px; }
  .skills-ai-steps > div.has-section-symbol { grid-template-columns: 40px minmax(0, 1fr); gap: 10px 20px; }
  .career-label .section-symbol-heading { margin-bottom: 22px; }
  .service-symbol-number .section-symbol { width: 24px; height: 24px; flex-basis: 24px; }
}