/* Gemeinsame Bausteine für alle Tierseiten.
   Nutzt die Farbvariablen der jeweiligen Seite (--ink, --rule-soft, --mono …),
   damit sich die Leiste automatisch an jedes Tier-Design anpasst. */

.site-strip{
  background:var(--rule-soft);
  color:var(--ink-2);
  font-family:var(--mono),ui-monospace,monospace;
  font-size:.72rem;
  letter-spacing:.06em;
}
.site-strip-inner{
  max-width:1180px;
  margin-inline:auto;
  padding:7px var(--gutter,16px);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.site-strip a{color:inherit;text-decoration:none}
.site-strip a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.site-strip-home{font-weight:600;color:var(--ink)!important}
.site-strip-home::before{content:"← ";opacity:.6}

.site-foot-links{
  flex-basis:100%;
  display:flex;
  flex-wrap:wrap;
  gap:6px 22px;
  padding-top:14px;
  border-top:1px solid var(--rule-soft);
  font-family:var(--mono),ui-monospace,monospace;
  font-size:.74rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.site-foot-links a{color:var(--ink-2);text-decoration:none}
.site-foot-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}