/* bs-design — "Bei Google folgen"-Knopf (Google Preferred Sources)
   Zwei Orte, ein Baustein: .bs-ps--blogende (im Blog-Wrapper, hell, nutzt --bsb-Tokens
   mit Fallback) und .bs-ps--fusszeile (im Footer, Cream auf Anthrazit, Ghost wie
   .bs-ft__soc). Magenta bleibt Akzent (Hover-Rand), nie Fläche — Disziplin aus
   design/system/colors_and_type.css. Radius max 2px. PHP: bs-design/preferred-source.php */

.bs-ps{box-sizing:border-box;font-family:'Geist',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.bs-ps *{box-sizing:border-box}
.bs-ps__kicker{display:block;font-family:'JetBrains Mono',Menlo,Monaco,Consolas,monospace;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem}
.bs-ps__h{margin:0 0 .5rem!important;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.bs-ps__p{margin:0!important;line-height:1.55}

/* Knopf: <a>, damit er ohne JS ein Link bleibt. Reset gegen Theme-Hover (transition nie "all"). */
.bs-ps__btn{display:inline-flex;align-items:center;gap:.5rem;margin:1rem 0 0;padding:.75rem 1.4rem;
  border:1.5px solid currentColor!important;border-radius:2px!important;background:transparent!important;
  color:inherit!important;font-family:'JetBrains Mono',Menlo,Monaco,Consolas,monospace!important;font-size:.72rem!important;
  font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;text-decoration:none!important;
  line-height:1!important;transform:none!important;opacity:1!important;box-shadow:none!important;cursor:pointer;
  transition:border-color .15s ease,background-color .15s ease,color .15s ease}
.bs-ps__btn::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#FF00FF;flex:0 0 auto}
.bs-ps__btn:hover,.bs-ps__btn:focus-visible{border-color:#FF00FF!important;outline:none}
.bs-ps__btn:focus-visible{box-shadow:0 0 0 3px rgba(255,0,255,.35)!important}
.bs-ps__btn.is-busy{opacity:.6!important;pointer-events:none}
.bs-ps__btn.is-busy::before{animation:bs-ps-pulse .8s ease-in-out infinite}
@keyframes bs-ps-pulse{0%,100%{transform:scale(1)}50%{transform:scale(.55)}}
@media (prefers-reduced-motion:reduce){.bs-ps__btn.is-busy::before{animation:none}}

/* Ort 1 — Blogende: sitzt im .bsb-wrap vor "Weiterlesen", als Karte auf der Raised-Fläche. */
.bs-ps--blogende{margin:32px 0 0;padding:1.5rem 1.6rem;border:1px solid var(--bsb-border,#E8DDC9);border-radius:2px;
  background:var(--bsb-raised,#FAF6F0);color:var(--bsb-text,#383E42)}
.bs-ps--blogende .bs-ps__kicker{color:var(--bsb-text-3,#8C816C)}
.bs-ps--blogende .bs-ps__h{font-size:1.25rem;color:var(--bsb-text,#383E42)}
.bs-ps--blogende .bs-ps__p{font-size:.95rem;color:var(--bsb-text-2,#6E6452);max-width:40rem}
/* Fallback ohne Anker (Block liegt dann ausserhalb des Blog-Wrappers): eigene Spalte. */
.bs-ps--standalone{max-width:44rem;margin-left:auto;margin-right:auto;margin-top:2rem}

/* Ort 2 — Fusszeile: schmale Zeile unter der Copyright-Zeile, Cream auf Anthrazit. */
.bs-ps--fusszeile{max-width:1200px;margin:0 auto;padding:1.25rem 0 0;border-top:1px solid rgba(244,237,228,.14);
  display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;color:#F4EDE4}
.bs-ps--fusszeile .bs-ps__p{font-size:.85rem;opacity:.78;max-width:34rem}
.bs-ps--fusszeile .bs-ps__btn{margin:0;border-color:rgba(244,237,228,.35)!important;color:#F4EDE4!important}
.bs-ps--fusszeile .bs-ps__btn:hover,.bs-ps--fusszeile .bs-ps__btn:focus-visible{border-color:#FF00FF!important;background:rgba(255,0,255,.08)!important}
@media (max-width:640px){.bs-ps--fusszeile{flex-direction:column;align-items:flex-start}.bs-ps--blogende{padding:1.25rem 1.1rem}}