/* Shared editorial layout: translated casing is preserved in every language. */
html .eyebrow,
html .product-eyebrow-banner .eyebrow,
html .vcro-box .vcro-content .eyebrow {
  text-transform: none;
  letter-spacing: 0.03em;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}

html .section-sub-note {
  margin-block-start: 12px;
  font-size: 0.85em;
  line-height: 1.7;
  opacity: 0.7;
}

/* Keep translated copy within the same responsive cards and grids. */
@media (max-width: 700px) {
  html .hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  html .hero-stats .stat { min-width: 0; padding: 14px 10px; }
  html .hero-stats .stat strong { font-size: 1rem; overflow-wrap: anywhere; }
  html .hero-stats .stat span { font-size: 0.8rem; line-height: 1.4; overflow-wrap: anywhere; }
  html .split-grid,
  html .feature-grid-2x2,
  html .feature-grid-3x2,
  html .segment-grid { grid-template-columns: minmax(0, 1fr); }
  html .split-grid > *,
  html .segment-card,
  html .trust-badge > div { min-width: 0; }
  html .trust-badge { max-width: 100%; }
  html .trust-badge strong,
  html .trust-badge span { overflow-wrap: anywhere; }
  html .article-body table { display: block; max-width: 100%; overflow-x: auto; }
}

/* Both CTA phrases stay on one baseline; only the main action is bold. */
html .partner-cta-label {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35em;
  white-space: nowrap;
}
html .partner-cta-label,
html .partner-cta-label > span { font-size: inherit; line-height: inherit; }
html .partner-cta-main { font-weight: 800; }
html .partner-cta-catalog { font-weight: 400; }
html .btn:has(> .partner-cta-label) { white-space: nowrap; max-inline-size: 100%; }
html .cta-box > :not(.cta-actions) { min-width: 0; }
html .cta-box > .cta-actions:has(.partner-cta-label) {
  flex: 0 0 auto;
  min-width: 0;
  max-inline-size: 100%;
}
/* Partnership CTA groups stack at every viewport; the label itself stays inline. */
html :is(.cta-actions, .hero-actions, .canvas-actions, .wallpaper-actions):has(.partner-cta-label) {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  inline-size: max-content;
  min-inline-size: 0;
  max-inline-size: 100%;
  gap: 12px;
}
html :is(.cta-actions, .hero-actions, .canvas-actions, .wallpaper-actions):has(.partner-cta-label) > .btn {
  flex: 0 0 auto;
  inline-size: 100%;
  min-inline-size: 0;
  justify-content: center;
}
/* The legacy mobile hero rule uses an important percentage flex-basis. */
html .hero-actions:has(.partner-cta-label) > .btn { flex: 0 0 auto !important; }
@media (max-width: 760px) {
  html :is(.cta-actions, .hero-actions, .canvas-actions, .wallpaper-actions):has(.partner-cta-label) {
    inline-size: 100%;
  }
  html .btn:has(> .partner-cta-label) {
    padding-inline: 8px;
    font-size: clamp(0.75rem, 3.4vw, 0.9rem);
  }
}

/* Let CTA buttons use the narrow card's side padding without shrinking the text. */
@media (max-width: 360px) {
  html .cta-box > .cta-actions:has(.partner-cta-label) {
    inline-size: calc(100% + 24px);
    max-inline-size: calc(100% + 24px);
    margin-inline: -12px;
  }
}

/* Brand-reference links remain quiet, but visibly identifiable as links. */
html .footer-brand > p a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(148, 163, 184, 0.5);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}
html .footer-brand > p a:hover,
html .footer-brand > p a:focus-visible {
  color: #f8fafc;
  text-decoration-color: currentColor;
}