/* Firmensignale — Seiten-Datei zum Leiterbahn-Design (v2.5).
   Kopfleiste, Sprunglink, Fuß, Lese-Rahmen, Hinweisbox und Knopf kommen aus circuit-site.min.css (v1.5). */
.signal-page { margin:0; background:var(--x-bg); color:var(--x-ink); font-family:var(--x-font-ui); font-size:var(--x-fs-body); line-height:var(--x-lh-prose); }
.signal-page main { padding:0 16px; }

/* F4 Seitenpfad: ruhige Zeile über dem Lese-Rahmen, gleiche Breite */
.signal-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; max-width:760px; margin:28px auto 0; font-size:var(--x-fs-ui); color:var(--x-ink-soft); }
.signal-breadcrumb a { color:var(--x-cyan-doc); text-underline-offset:4px; }

/* F5 Lese-Rahmen für den Falltext */
.signal-article.reading-frame { display:block; margin:20px auto 0; overflow-wrap:break-word; }
.signal-article h1 { margin:0 0 18px; font:700 clamp(28px, 4.2vw, var(--x-fs-h1))/var(--x-lh-head) var(--x-font-ui); color:var(--x-ink-bright); text-wrap:balance; }
.signal-meta { margin:0 0 34px; color:var(--x-ink-soft); font-size:var(--x-fs-ui); }
.signal-meta strong { font-weight:600; color:inherit; }
.signal-article section { margin-top:42px; }
.signal-article h2 { margin:0 0 18px; font-size:var(--x-fs-h2); line-height:var(--x-lh-head); color:var(--x-ink-bright); }
.signal-article h3 { margin:32px 0 14px; font-size:var(--x-fs-h3); line-height:var(--x-lh-head); color:var(--x-ink-bright); }
.signal-article p { margin:0 0 20px; line-height:1.7; }
.signal-article strong { color:var(--x-ink-bright); }
.signal-article a:not(.x-btn) { color:var(--x-cyan-doc); text-underline-offset:4px; }

/* F6 Kurzfassung: Innenfläche im Lese-Rahmen, kein Reiter, kein Leuchten */
.signal-article .signal-summary { margin-top:0; padding:24px 26px; background:var(--x-bg-raised); border:1px solid var(--x-line-quiet); border-left:3px solid var(--x-cyan-doc); border-radius:var(--x-radius-sm); }
.signal-summary p:last-child { margin-bottom:0; }

/* F7 Hinweisbox */
.signal-article .x-note p { margin:0; }

/* F9 Rückweg unter dem Lese-Rahmen */
.signal-return { max-width:760px; margin:28px auto 48px; font-size:var(--x-fs-body-sm); }
.signal-return a { display:inline-flex; align-items:center; min-height:44px; color:var(--x-cyan-doc); text-underline-offset:4px; }

@media (max-width:600px) {
  .signal-article.reading-frame { padding:22px 18px; }
  .signal-article .signal-summary { padding:20px 18px; }
  .signal-article section { margin-top:34px; }
  .signal-article .x-btn { width:100%; }
}

/* F13 Druck: hell, ohne Kopfleiste, Fuß und Rückweg */
@media print {
  .signal-page { background:#fff; color:#111; }
  .signal-page main { padding:0; }
  .signal-breadcrumb,.signal-return { display:none !important; }
  .signal-article.reading-frame { max-width:none; margin:0; padding:0; border:0 !important; background:#fff !important; }
  .signal-article h1,.signal-article h2,.signal-article h3,.signal-article p,.signal-article li,.signal-article strong,.signal-article a { color:#111 !important; }
  .signal-article .signal-summary { background:#fff !important; border-color:#999 !important; }
  .signal-article h2,.signal-article h3 { break-after:avoid; }
}
