/* standort.css — the three things the location pages need that no existing CEx
   page needed. Loaded only by them, after the shared cascade.

   Everything else they use — the card grids, the method rail, the accordion, the
   proof grid, the trust strip — is already defined in cx-template.css,
   cx-components.css and polish.css and is deliberately not repeated here. The FAQ
   question sits in an <h3> inside its <summary>; cx-components.css already resets
   `summary > h3` to the summary's own type, so that needs nothing either.

   1. .local-prose      the "how we work in this city" section is prose, not cards
   2. .method-step__result  each phase names what it hands over
   3. .cross-links__intro   one line above the same-city link row
   4. .cex-page-visual__caption  the city photograph says which city, in words
   5. .section__outro       the closing line under a card grid
   6. .cx-proof__aside      the "and what does not happen" line in the proof block
*/

/* 1 ------------------------------------------------------------------------
   Two columns of running text under the section head. Cards would be wrong
   here: the three paragraphs are one argument, not three parallel items. The
   column count drops to one well before the measure gets uncomfortably short. */
.cex-migrated-page .local-prose {
  margin-top: clamp(28px, 3vw, 40px);
  columns: 2;
  column-gap: clamp(32px, 4vw, 64px);
  max-width: 96ch;
}

.cex-migrated-page .local-prose p {
  margin: 0 0 1.1em;
  break-inside: avoid;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--cx-charcoal-2);
  hyphens: auto;
  hyphenate-limit-chars: 12 5 4;
}

.cex-migrated-page .local-prose p:last-child { margin-bottom: 0; }

@media (max-width: 900px) {
  .cex-migrated-page .local-prose { columns: 1; max-width: none; }
}

/* 2 ------------------------------------------------------------------------
   The phase result. The label is generated rather than written into the page:
   five paragraphs that all begin with the same word are five sentences with the
   same opening, and Yoast's readability check counts them. The value itself is
   the sentence, which is also how it reads aloud. */
.cex-migrated-page .method-step__result {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--line-on-dark, rgba(255, 255, 255, 0.16));
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.62);
}

.cex-migrated-page .method-step__result::before {
  content: "Ergebnis";
  display: block;
  margin-bottom: 4px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cx-accent-soft, #ff9433);
}

/* 3 ------------------------------------------------------------------------
   The same-city link row sits under the FAQ. .cross-links already draws its own
   rule above itself, so the intro line has to come before that rule, not after. */
.cex-migrated-page .cross-links__intro {
  margin: 64px 0 -48px;
  padding-top: 48px;
  border-top: 1px solid var(--line);
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--cx-charcoal-3);
}

.cex-migrated-page .cross-links__intro + .cross-links {
  margin-top: 24px;
  padding-top: 0;
  border-top: 0;
}

@media (max-width: 820px) {
  .cex-migrated-page .cross-links__intro { text-align: center; }
}


/* 4 ------------------------------------------------------------------------
   The city photograph. A picture of a skyline is not self-explanatory: the
   caption says which city it is and what we actually do there, which is the
   question the picture raises. */
.cex-migrated-page .cex-page-visual__caption {
  margin-top: 14px;
  max-width: 68ch;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--cx-charcoal-3);
  hyphens: auto;
  hyphenate-limit-chars: 12 5 4;
}

/* 5 ------------------------------------------------------------------------
   A closing line under a card grid. The cards are parallel items; the outro is
   the sentence that says how they relate to each other, so it sits below the
   rule rather than inside the grid. */
.cex-migrated-page .section__outro {
  margin: clamp(28px, 3vw, 40px) 0 0;
  padding-top: clamp(20px, 2vw, 28px);
  border-top: 1px solid var(--line);
  max-width: 80ch;
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--cx-charcoal-3);
  hyphens: auto;
  hyphenate-limit-chars: 12 5 4;
}

.cex-migrated-page .section__outro--on-dark {
  border-top-color: var(--line-on-dark, rgba(255, 255, 255, 0.16));
  color: rgba(255, 255, 255, 0.62);
}

/* 6 ------------------------------------------------------------------------
   The proof block already ends on its own note. This line goes above it and
   says the other half — what we do not do — so the two read as a pair. */
.cex-migrated-page .cx-proof__aside {
  margin: clamp(28px, 3vw, 40px) 0 0;
  max-width: 78ch;
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--cx-charcoal-3);
  hyphens: auto;
  hyphenate-limit-chars: 12 5 4;
}

.cex-migrated-page .cx-proof__aside + .cx-proof__note { margin-top: 14px; }