/*
 * Praxiszentrum — Bridge Produkt (Trunk-rendered) Page CSS
 * S2.3-checkups (2026-04-22): Layout für Pages, deren post_content aus dem
 * Cortex-Web-Trunk per WP-Adapter gerendert wird.
 *
 * Selector-Namespace: .pxz-bridge-*
 * Token-Quelle: tokens.css v2 Schicht 2.
 * Typografie: components.css.
 */

.pxz-bridge {
  background: var(--pxz-c-bg);
  color: var(--pxz-c-ink);
}

.pxz-bridge-hero {
  padding: var(--space-11) var(--pxz-space-container-x-desktop) var(--space-9);
  text-align: center;
}
.pxz-bridge-hero-inner {
  max-width: var(--pxz-c2-max);  /* S55d C2 */
  margin: 0 auto;
}
.pxz-bridge-eyebrow {
  color: var(--pxz-c-accent);
  margin: 0 0 var(--space-4);
}
.pxz-bridge-title {
  color: var(--pxz-c-ink);
  margin: 0 0 var(--space-5);
  letter-spacing: -0.01em;
  line-height: 1.15;
}
/* S65d (2026-05-10): Sub auf T5-Token (S65b-Konsistenz). */
.pxz-bridge-sub {
  color: var(--pxz-c-ink-muted);
  max-width: var(--pxz-c1-max);
  margin: 0 auto;
  font-size: var(--pxz-t5-size);
  line-height: var(--pxz-t5-line);
  letter-spacing: var(--pxz-t5-track);
  font-weight: var(--pxz-t5-weight);
}

/* ----------------------------------------------------------------------------
 * Adapter-rendered Content (post_content — Tagline/Beschreibung/Tabelle)
 * ------------------------------------------------------------------------- */
.pxz-bridge-content {
  padding: var(--space-5) var(--pxz-space-container-x-desktop) var(--space-9);
}
.pxz-bridge-content-inner {
  max-width: var(--pxz-c1-max);  /* S55d C1 reading */
  margin: 0 auto;
  color: var(--pxz-c-ink);
  font-size: 16px;
  line-height: 1.6;
}
.pxz-bridge-content-inner p { margin: 0 0 var(--space-5); color: var(--pxz-c-ink-muted); }
.pxz-bridge-content-inner h2,
.pxz-bridge-content-inner h3 {
  color: var(--pxz-c-ink);
  margin: var(--space-7) 0 var(--space-3);
}
.pxz-bridge-content-inner figure.wp-block-table {
  margin: var(--space-5) 0;
  overflow-x: auto;
}
.pxz-bridge-content-inner table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
.pxz-bridge-content-inner th,
.pxz-bridge-content-inner td {
  text-align: left;
  padding: var(--space-2) var(--space-4);
  border-bottom: 1px solid var(--pxz-c-line);
}
.pxz-bridge-content-inner thead th {
  background: var(--pxz-c-surface-alt, #f6f6f3);
  font-weight: 600;
  color: var(--pxz-c-ink);
}

/* The default Gutenberg button block emitted by the adapter — we hide it
   in favor of our richer xbrand card below; keeps the page focused. */
.pxz-bridge-content-inner .wp-block-buttons {
  display: none;
}

/* ----------------------------------------------------------------------------
 * Cross-Brand CTA wrapper
 * ------------------------------------------------------------------------- */
.pxz-bridge-xbrand {
  padding: 0 var(--pxz-space-container-x-desktop) var(--space-11);
}
.pxz-bridge-xbrand-inner {
  max-width: var(--pxz-c2-max);  /* S55d C2 */
  margin: 0 auto;
}