/* Work-page copy review: retain the existing visual system and artwork. */
.work-editorial main [id] { scroll-margin-top: 110px; }
.work-editorial :is(.hero-copy, .section-head, .section-intro, .solution-copy, .transformation-copy, .value-grid > *, .problem-grid > *, .steps > *, .offer-grid > *, .outcomes > *) { min-width: 0; }
.work-editorial :is(h1, h2, h3) { overflow-wrap: break-word; }
.work-editorial .offer-grid--case { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.work-editorial .offer-grid--case .offer-card { min-height: 240px; }
.work-editorial .offer-grid--case .offer-card:last-child { grid-column: auto; }
.work-editorial .offer-layout .section-intro { margin-bottom: 32px; }
.work-editorial :is(.btn-primary, .link-cta):focus-visible { outline: 3px solid #245b8f; outline-offset: 5px; }
@media (max-width: 820px) {
  .work-editorial .offer-grid--case { grid-template-columns: minmax(0, 1fr); }
  .work-editorial .offer-grid--case .offer-card { min-height: 0; }
}
/* Keep long German labels inside the existing intersection graphic. */
.work-editorial :is(.growth-core, .growth-circle strong) { min-width: 0; overflow-wrap: anywhere; hyphens: auto; }

/* Shared numbered process component on all five work pages. */
.work-editorial .steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
  min-height: 335px;
}
.work-editorial .steps .work-step {
  min-width: 0;
  min-height: 220px;
  padding: 25px;
  border: 1px solid rgba(36,91,143,.23);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(36,91,143,.11);
}
.work-editorial .steps .work-step:nth-child(1) { margin-top: 112px; }
.work-editorial .steps .work-step:nth-child(2) { margin-top: 84px; }
.work-editorial .steps .work-step:nth-child(3) { margin-top: 56px; }
.work-editorial .steps .work-step:nth-child(4) { margin-top: 28px; }
.work-editorial .steps .work-step:nth-child(5) { margin-top: 0; }
.work-editorial .steps .number { color: #245b8f; font-size: .7rem; font-weight: 800; letter-spacing: .16em; }
.work-editorial .steps h3 { margin: 25px 0 12px; font-size: 1rem; line-height: 1.2; letter-spacing: -.045em; }
.work-editorial .steps p { margin: 0 0 1em; color: #566273; font-size: .83rem; line-height: 1.65; }
/* Wide heading, readable body copy. Do not inherit the legacy 520px limit. */
.work-editorial #praxisbeispiel .section-intro { width: 100%; max-width: none; }
.work-editorial #praxisbeispiel .section-intro h2 { width: 100%; max-width: none; }
.work-editorial #praxisbeispiel .section-intro > p:not(.eyebrow) { max-width: 780px; }
.work-editorial .case-heading-line { display: block; }
@media (min-width: 1101px) {
  .work-editorial .case-heading-line { white-space: nowrap; }
}
@media (max-width: 1100px) {
  .work-editorial .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 0; }
  .work-editorial .steps .work-step { margin-top: 0; min-height: 185px; }
  .work-editorial .steps .work-step:last-child { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .work-editorial .steps { grid-template-columns: minmax(0, 1fr); }
  .work-editorial .steps .work-step { min-height: 0; }
  .work-editorial .steps .work-step:last-child { grid-column: auto; }
}