/* Statische Zusatz-Styles der Site (C-6): Autor-Zeile, Chrome-Telefon und
 * das Print-Stylesheet. Als eigenes statisches CSS geladen (Muster
 * fonts.css, f:asset.css im Default-Layout) — bewusst ausserhalb des
 * Vite-Bundles, damit Print/Autor-Zeile auch ohne Frontend-Build greifen.
 *
 * ACHTUNG (C-6-Fund, docs/STATE.md): dist/assets im Vite-Ordner ist ein
 * VERALTETER Commit-Stand und wird nie ausgeliefert — das Image baut das
 * Bundle bei jedem Docker-Build frisch aus styles/**. Neue Bundle-Styles
 * gehoeren nach styles/sections/*.css (siehe article.css). */

/* --- Autor-/Stand-Zeile der Ratgeber-LPs (E-E-A-T) --------------------- */

.wk-authorline {
    max-width: var(--wk-container);
    margin: 0 auto;
    padding: 0 var(--wk-pad-x) 48px;
}

.wk-authorline__text {
    max-width: 760px;
    margin: 0;
    font-family: var(--wk-font-mono);
    font-size: 13px;
    letter-spacing: 0.04em;
    color: var(--wk-label);
    border-top: 1px solid var(--wk-line-mid);
    padding-top: 16px;
}

.wk-authorline__text a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* --- Weiterlesen-Absatz in LP-Bodies ----------------------------------- */

.wk-readnext {
    font-size: 0.95em;
}

/* --- Chrome-Telefonkontakt --------------------------------------------- */

.wk-header__phone {
    white-space: nowrap;
}

.wk-footer__contact {
    margin-top: 4px;
}

.wk-footer__contact a {
    color: inherit;
}

/* --- Print (Audit MITTEL "kein Print-Stylesheet"):
 *     B2B-Entscheider drucken /preise und Unterlagen. Navigation, CTAs und
 *     Interaktives verschwinden, dunkle Flaechen drucken schwarz auf weiss,
 *     externe Linkziele werden ausgeschrieben. ------------------------- */

@media print {
    .wk-header,
    .wk-footer,
    .wk-skip-link,
    .wk-demobar,
    .wk-cta,
    .wk-nav-toggle,
    .contact-form,
    .wk-authorline {
        display: none !important;
    }

    * {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body {
        font-size: 11pt;
        line-height: 1.45;
    }

    main {
        padding: 0 !important;
    }

    a {
        text-decoration: underline;
    }

    a[href^="http"]::after {
        content: " (" attr(href) ")";
        font-size: 0.85em;
        word-break: break-all;
    }

    section,
    .wk-refs__card,
    .wk-faq__item {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }
}

/* Neutrales PIN-Gate des Lead-Entwurfs (Masterplan §2 Vor-/Nach-PIN). Bewusst
   im statischen site.css und NICHT im lead-spezifischen CSS: der Zustand vor
   der PIN darf nichts Individualisiertes laden, auch keine Formatierung. */
.wk-draft__gate-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    max-width: 36rem;
}

.wk-draft__gate-form label {
    display: block;
    width: 100%;
    font-size: 15px;
    margin-bottom: 4px;
}

.wk-draft__gate-form input[type="text"] {
    font: inherit;
    font-size: 20px;
    letter-spacing: 0.3em;
    padding: 12px 14px;
    width: 8ch;
    border: 1px solid var(--wk-line-mid, #d9d7cd);
    background: var(--wk-paper-bright, #f6f5f0);
    color: var(--wk-ink, #131210);
}

.wk-draft__hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.wk-draft__gate-error {
    font-weight: 700;
    margin: 0 0 16px;
}