/* AppBuilder page (/appbuilder/). The page reuses css/pagebuilder.css for its
   sections; this file only holds what is specific to AppBuilder. */

/* Two-product note: PageBuilder for pages, AppBuilder for applications. */
.ab-page .pb-old-way {
  padding: clamp(56px, 7vw, 96px) 0;
}

.ab-page .pb-old-way a {
  text-underline-offset: 4px;
}

/* The "Going live" feature row sits on the navy publish section, so its copy is light. */
.ab-page .pb-export .fr .fr-title,
.ab-page .pb-export .fr .fr-link {
  color: #fff;
}

.ab-page .pb-export .fr .fr-text {
  color: rgba(255, 255, 255, 0.65);
}

.ab-page .pb-export .fr .fr-link:focus-visible {
  outline-color: #fff;
}

/* AppBuilder's cards carry a little more text than PageBuilder's. */
.ab-page .pb-safety-card p {
  font-size: 14px;
}

.ab-page .pb-catalog-card h3 {
  max-width: 17ch;
  font-size: clamp(26px, 3vw, 40px);
}