/* Shared page width: settings, header, footer, archives and new homepage. */
.legal-shell {
  max-width: min(var(--container, 1400px), 1120px) !important;
}
.mcp-home-2026 .h26-wrap {
  width: min(var(--container, 1400px), calc(100% - var(--gutter, 24px) * 2));
  max-width: var(--container, 1400px);
  margin-inline: auto;
}

.mcp-home-2026 .h26-logo-rail {
  width: 100%;
  min-width: 0;
  overflow: clip;
  user-select: none;
}
.mcp-home-2026 .h26-logo-track {
  display: flex;
  width: max-content;
  animation: h26-logo-scroll 160s linear infinite;
}
.mcp-home-2026 .h26-logo-sequence {
  display: flex;
  flex: none;
  align-items: center;
  gap: 24px;
  padding-right: 24px;
}
.mcp-home-2026 .h26-logo-sequence .h26-collaboration-logo {
  flex: 0 0 auto;
  width: 340px;
  aspect-ratio: 600 / 340;
  background: #fff;
}
.mcp-home-2026 .h26-logo-sequence .h26-collaboration-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@keyframes h26-logo-scroll { to { transform: translateX(-50%); } }
@media (max-width: 1024px) {
  .mcp-home-2026 .h26-logo-sequence .h26-collaboration-logo { width: 300px; }
}
@media (max-width: 600px) {
  .mcp-home-2026 .h26-logo-sequence .h26-collaboration-logo { width: 260px; }
  .mcp-home-2026 .h26-logo-sequence { gap: 16px; padding-right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .mcp-home-2026 .h26-logo-track { animation: none; width: 100%; display: block; }
  .mcp-home-2026 .h26-logo-sequence {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    padding: 0 18px;
  }
  .mcp-home-2026 .h26-logo-sequence .h26-collaboration-logo { width: 100%; }

  .mcp-home-2026 .h26-logo-sequence[aria-hidden="true"] { display: none; }
}

/* Automatic-only strips: no scroll container and no pointer/drag interaction.
 * Apply to both the current homepage and the retained legacy homepage. */
.mcp-home-2026 .h26-logo-controls,
.mcp-home-2026 .h26-logo-toggle { display: none !important; }
.mcp-home-2026 #collaborazioni,
.mcp-client-logos { touch-action: pan-y; }
.mcp-home-2026 .h26-logo-rail,
.mcp-logo-marquee {
  overflow: clip !important;
  overflow-x: clip !important;
  overflow-y: clip !important;
  pointer-events: none !important;
  touch-action: pan-y !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  scrollbar-width: none !important;
}
.mcp-home-2026 .h26-logo-rail *,
.mcp-logo-marquee * {
  pointer-events: none !important;
  -webkit-user-drag: none !important;
  user-select: none !important;
}
.mcp-home-2026 .h26-logo-rail::-webkit-scrollbar,
.mcp-logo-marquee::-webkit-scrollbar { display: none !important; }
.mcp-logo-marquee:hover .mcp-logo-marquee__track,
.mcp-logo-marquee:focus-within .mcp-logo-marquee__track { animation-play-state: running; }