/* Salesforce article; the company site's shared theme and shell are unchanged. */
.sf-article { max-width: 800px; margin: 0 auto; padding: 40px 24px 72px; color: var(--color-charcoal); font-size: 16px; font-weight: 400; line-height: 1.9; overflow-wrap: anywhere; }
.sf-article h1 { font-size: 32px; font-weight: 500; line-height: 1.5; margin: 28px 0 20px; }
.sf-article h2 { font-size: 24px; font-weight: 500; line-height: 1.5; margin: 48px 0 20px; }
.sf-article h3 { font-size: 18px; font-weight: 500; line-height: 1.6; margin: 28px 0 12px; }
.sf-article p { margin: 16px 0; }
.sf-article ol, .sf-article ul { padding-left: 24px; margin: 20px 0; }
.sf-article ol { list-style: decimal; }
.sf-article ul { list-style: disc; }
.sf-article li { margin: 8px 0; }
.sf-article a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.sf-article a:hover { text-decoration-thickness: 2px; }
.sf-article a:focus-visible, .sf-table:focus-visible { outline: 2px solid var(--color-charcoal); outline-offset: 4px; }
.sf-article .sf-meta, .sf-article nav { font-size: 14px; }
.sf-article .sf-cta { margin: 28px 0; }
.sf-article .sf-cta a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border: 1px solid var(--color-charcoal); border-radius: var(--radius-frame); font-weight: 500; }
.sf-table { max-width: 100%; overflow-x: auto; margin: 24px 0; }
.sf-table table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 14px; }
.sf-table th, .sf-table td { padding: 12px; border: 1px solid var(--border-color); text-align: left; vertical-align: top; }
.sf-table th { font-weight: 500; background: var(--color-light-bg); }
.sf-video { margin: 28px 0; }
.sf-video figure { margin: 16px 0; }
.sf-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; border: 1px solid var(--border-color); border-radius: var(--radius-frame); background: var(--color-light-bg); }
.sf-video video::cue { font-size: clamp(12px, 1.3vw, 18px); font-weight: 400; color: #fff; background-color: rgba(0, 0, 0, .8); }
.sf-video figcaption, .sf-video-scope, .sf-video-links, .sf-video-time { font-size: 14px; }
.sf-video figcaption { margin-top: 12px; }
.sf-video details { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
.sf-video summary { cursor: pointer; min-height: 44px; padding: 10px 0; }
.sf-video video:focus-visible, .sf-video summary:focus-visible { outline: 2px solid var(--color-charcoal); outline-offset: 4px; }
.sf-video-links a { display: inline-flex; align-items: center; min-height: 44px; }
.sf-setup-example { margin: 24px 0; }
.sf-setup-example img { display: block; width: 100%; height: auto; border: 1px solid var(--border-color); border-radius: var(--radius-frame); }
.sf-setup-example figcaption { margin-top: 12px; font-size: 14px; }
@media (max-width: 600px) {
  .sf-article { padding: 28px 16px 48px; }
  .sf-article h1 { font-size: 26px; }
  .sf-article h2 { font-size: 22px; }
  .sf-article .sf-cta a { width: 100%; }
}