/* Shared bridge for legacy subpage markup under the v3 site shell. */
:is(.download-page, .develop-page, .logs-page) {
  --paper: var(--bg, #f9f7ff);
  --paper-2: var(--bg-2, #ffffff);
  --line: var(--border, rgba(13, 10, 40, 0.1));
  --yellow: #fffae0;
  --max-width: var(--max, 1180px);
  --radius-sm: var(--r-sm, 10px);
  --radius-md: var(--r-md, 16px);
  --blue: var(--clr-b, #4d96ff);
  --page-accent: var(--pjsk-vbs, #ee1166);
  --page-accent-hover: var(--pjsk-vbs-deep, #c90d53);
  --page-accent-text: #fff;
  --page-accent-hover-text: #fff;
  --header-height: var(--header-h, 62px);
  min-width: 320px;
  background: var(--paper);
}

:is(.download-page, .develop-page, .logs-page) .site-header.is-scrolled {
  background: rgba(249, 247, 255, 0.96);
  box-shadow: 0 8px 28px rgba(13, 10, 40, 0.08);
}

:is(.download-page, .develop-page, .logs-page) .section-number {
  color: var(--ink-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

:is(.download-page, .develop-page, .logs-page) .primary-button {
  min-height: 54px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 999px;
  background: var(--page-accent);
  color: var(--page-accent-text);
  font-size: 15px;
  font-weight: 750;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--page-accent) 26%, transparent);
  transition: transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease;
}

:is(.download-page, .develop-page, .logs-page) .primary-button:hover {
  transform: translateY(-2px);
  background: var(--page-accent-hover);
  color: var(--page-accent-hover-text);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--page-accent) 36%, transparent);
}

:is(.download-page, .develop-page, .logs-page) :where(a, button):focus-visible {
  outline-color: var(--page-accent);
}

:is(.download-page, .develop-page, .logs-page) .site-footer { margin-top: 0; }