.xtn-author {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 78px;
  padding: 14px 24px max(14px, env(safe-area-inset-bottom));
  border-top: 3px solid #4a90e8;
  background: #f5f8fc;
  color: #172c38;
  font-family: Barlow, sans-serif;
}
.xtn-author__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 44px;
  max-width: 100%;
  padding: 6px 16px;
  border: 1px solid #cbd7e4;
  border-radius: 999px;
  background: #fff;
  color: #172c38;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  touch-action: manipulation;
  transition: transform 160ms ease-out;
}
.xtn-author__link img {
  display: block;
  width: 62px;
  height: 24px;
  flex: 0 0 auto;
}
.xtn-author__link strong { color: inherit; font-weight: 700; }
.xtn-author__link:hover { color: #172c38; text-decoration: none; transform: scale(1.03); }
.xtn-author__link:focus-visible { outline: 3px solid #033653; outline-offset: 4px; }
@media (max-width: 700px) {
  body:has(.brand-catalogue) .xtn-author { padding-bottom: max(100px, calc(env(safe-area-inset-bottom) + 84px)); }
}
@media (prefers-reduced-motion: reduce) {
  .xtn-author__link { transition: none; }
  .xtn-author__link:hover { transform: none; }
}
@media (forced-colors: active) {
  .xtn-author, .xtn-author__link { border-color: CanvasText; }
  .xtn-author__link:focus-visible { outline-color: Highlight; }
}