/* Weitergeben-Kasten am Ende jeder Seite (static/js/page-share.js).
 *
 * NEU am 02.10.2026, Ansage des Inhabers: andere Seiten verlinken uns nicht
 * von selbst, also geben wir jedem Besucher die Mittel, es zu tun. Der Kasten
 * steht vor der Fusszeile und ist bewusst ruhig: eine Zeile Ueberschrift,
 * eine Reihe Knoepfe, alles Weitere klappt erst auf, wenn man es braucht.
 *
 * Eigene Klassen statt .btn: seite.css ist nicht auf jeder Seite geladen,
 * dieser Kasten muss aber ueberall gleich aussehen. Farben nur ueber die
 * Tokens aus styles.css, mit Rueckfall fuer Seiten ohne sie.
 */
.nmps{max-width:1320px;margin:56px auto 40px;padding:0 clamp(20px,5vw,72px);box-sizing:border-box;font-family:var(--font-body,system-ui,sans-serif);color:var(--color-text,#e9e9ed)}
.nmps-box{border:1px solid var(--color-neutral-800,#3f424d);padding:clamp(18px,2.4vw,26px);background:color-mix(in srgb,var(--color-neutral-900,#292b31) 45%,transparent)}
.nmps-kopf{font-family:var(--font-heading,Georgia,serif);font-weight:500;font-size:clamp(18px,2vw,22px);line-height:1.3;margin:0 0 6px}
.nmps-unter{margin:0 0 16px;font-size:15.5px;line-height:24px;max-width:70ch;color:color-mix(in srgb,var(--color-text,#e9e9ed) 74%,transparent)}
.nmps-reihe{display:flex;flex-wrap:wrap;gap:8px}
.nmps .nmps-k{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid var(--color-neutral-700,#595d6c);background:transparent;color:inherit;font:inherit;font-size:15.5px;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease}
.nmps a.nmps-k,.nmps a.nmps-k:visited{text-decoration:none;color:inherit}
.nmps-k:hover{border-color:var(--color-accent,#9184d9);background:color-mix(in srgb,var(--color-accent,#9184d9) 12%,transparent)}
.nmps-k:focus-visible{outline:2px solid var(--color-accent,#9184d9);outline-offset:2px}
.nmps-k[aria-expanded="true"]{border-color:var(--color-accent,#9184d9);background:color-mix(in srgb,var(--color-accent,#9184d9) 16%,transparent)}
.nmps-k[hidden],.nmps-panel[hidden]{display:none!important}
.nmps-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-neutral-800,#3f424d);display:grid;gap:10px}
.nmps-panel p{margin:0;font-size:15.5px;line-height:24px;max-width:72ch;color:color-mix(in srgb,var(--color-text,#e9e9ed) 80%,transparent)}
.nmps-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14.5px;line-height:21px;white-space:pre-wrap;word-break:break-word;margin:0;padding:12px 14px;max-height:200px;overflow:auto;border:1px solid var(--color-neutral-800,#3f424d);background:color-mix(in srgb,var(--color-neutral-900,#292b31) 70%,transparent);color:color-mix(in srgb,var(--color-text,#e9e9ed) 82%,transparent)}
.nmps-fuss{margin:14px 0 0;font-size:15px;line-height:23px;color:color-mix(in srgb,var(--color-text,#e9e9ed) 68%,transparent)}
.nmps-fuss a{color:inherit;text-decoration:underline}
.nmps-status{min-height:1px;font-size:15px;color:var(--color-accent,#9184d9)}
@media print{.nmps{display:none}}
