/* Shared transactional pages and Word workflow switcher. */
.solution-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; }
.solution-links a { font-size: 14px; font-weight: 600; text-underline-offset: 4px; }
.product-figure { margin: 32px 0 48px; }
.product-figure img { display: block; width: 100%; height: auto; border: 1px solid var(--border); border-radius: 12px; }
.product-figure figcaption { font-size: 13px; line-height: 1.6; color: var(--stone); margin-top: 12px; }
.workflow-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; border-bottom: 1px solid var(--border); padding-bottom: 12px; }
.workflow-tabs button { font: 600 14px 'Manrope', sans-serif; color: var(--ink); background: var(--white); border: 1px solid var(--border); border-radius: 6px; padding: 13px 20px; cursor: pointer; }
.workflow-tabs button[aria-selected="true"] { background: var(--purple); border-color: var(--purple); color: white; }
.workflow-panel[hidden] { display: none; }
.workflow-panel { scroll-margin-top: 100px; }
a:focus-visible, button:focus-visible, [tabindex="0"]:focus-visible { outline: 3px solid var(--purple); outline-offset: 4px; }
.hero-banner a:focus-visible { outline-color: white; }
.solution-faq details { border-top: 1px solid var(--border); padding: 22px 0; }
.solution-faq details:last-child { border-bottom: 1px solid var(--border); }
.solution-faq summary { cursor: pointer; font-size: 16px; font-weight: 600; line-height: 1.5; }
.solution-faq p { font-size: 15px; line-height: 1.8; color: var(--stone); margin-top: 12px; max-width: 760px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
.workflow-tabs[hidden] { display: none; }
.flow-step h3 { font-size: 15px; font-weight: 600; margin-bottom: 8px; }
/* Keep the wordmark legible between the mobile and full desktop navigation. */
nav .logo { flex-shrink: 0; }
@media (min-width: 901px) and (max-width: 1140px) { nav { padding-left: 24px; padding-right: 24px; gap: 20px; } .nav-links { gap: 18px; } }