/* GENERATED by scripts/design-system/build.mjs. Approved role projection. */
.is-style-sf-section, .is-style-sf-section * { box-sizing: border-box; }
.is-style-sf-section { width: 100%; max-width: none; }
.is-style-sf-section-inner { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; --sf-role-gap: 3rem; }
.is-style-sf-section-header, .is-style-sf-section-header-start { --sf-role-gap: 0.5rem; }
.is-style-sf-section-header { text-align: center; }
.is-style-sf-section-header-start { text-align: left; }
.is-style-sf-stack, .is-style-sf-stack-centered { --sf-role-gap: 1rem; }
.is-style-sf-stack-centered { text-align: center; }
/* WP 7.1 does not emit flow blockGap for a style variation without layout context.
   These scoped role selectors provide the same measured flow in both canvases. */
:is(.is-style-sf-section-inner,.is-style-sf-section-header,.is-style-sf-section-header-start,.is-style-sf-stack,.is-style-sf-stack-centered).is-layout-flow > * { margin-top: 0; margin-bottom: 0; }
:is(.is-style-sf-section-inner,.is-style-sf-section-header,.is-style-sf-section-header-start,.is-style-sf-stack,.is-style-sf-stack-centered).is-layout-flow > * + * { margin-top: var(--sf-role-gap); }
.is-style-sf-section :where(p,h1,h2,h3,a) { overflow-wrap: anywhere; }
.is-style-sf-section :where(img) { max-width: 100%; height: auto; }
.is-style-sf-section :where(a:not(.wp-block-button__link)) { color: var(--wp--preset--color--sf-action); text-decoration: underline; text-underline-offset: .15em; }
.is-style-sf-section :where(a,button):focus-visible { outline: 3px solid #0073C4; outline-offset: 2px; }
.is-style-sf-grid-three, .is-style-sf-grid-two { display: grid; align-items: stretch; gap: 1.5rem; }
.is-style-sf-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.is-style-sf-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
:is(.is-style-sf-grid-three,.is-style-sf-grid-two).is-layout-flow > * { min-width: 0; margin-top: 0; margin-bottom: 0; }
.is-style-sf-card { display: flex; flex-direction: column; gap: 1rem; }
.is-style-sf-card.is-layout-flow > * { margin-top: 0; margin-bottom: 0; }
.is-style-sf-card.is-layout-flow > .wp-block-buttons { margin-top: auto; }
.is-style-sf-section-header > .is-style-sf-lead { margin-left: auto; margin-right: auto; }
.is-style-sf-primary .wp-block-button__link { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; text-decoration: none; transition: background-color 150ms ease-out, border-color 150ms ease-out; }
.is-style-sf-primary .wp-block-button__link:hover { background: #0064AB; border-color: #0064AB; color: #FFFFFF; }
.is-style-sf-primary .wp-block-button__link:active { background: #00538F; border-color: #00538F; color: #FFFFFF; }
.is-style-sf-primary .wp-block-button__link:focus-visible { outline: 3px solid #0073C4; outline-offset: 2px; }
.is-style-sf-faq > .is-style-sf-faq-item { margin-top: 0; margin-bottom: 0; }
.is-style-sf-faq > .is-style-sf-faq-item + .is-style-sf-faq-item { margin-top: 0.5rem; }
.is-style-sf-faq-question .wp-block-accordion-heading__toggle { font: inherit; color: inherit; gap: 0.75rem; width: 100%; padding: 0.875rem 1rem; min-height: 49px; }
/* Keep the native disclosure glyph unless standard or WebKit masks are supported. */
.is-style-sf-faq-question .wp-block-accordion-heading__toggle-icon { display: inline-block; flex: 0 0 24px; width: 24px; height: 24px; margin-top: -1.5px; margin-bottom: -1.5px; }
@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
  .is-style-sf-faq-question .wp-block-accordion-heading__toggle-icon { overflow: hidden; font-size: 0; line-height: 0; background: currentColor; -webkit-mask-image: url('../images/checkout/chevron-down.svg'); -webkit-mask-position: center; -webkit-mask-size: 24px 24px; -webkit-mask-repeat: no-repeat; mask-image: url('../images/checkout/chevron-down.svg'); mask-position: center; mask-size: 24px 24px; mask-repeat: no-repeat; transform: none; transition: transform 180ms ease; }
  .is-style-sf-faq-question .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon { transform: rotate(180deg); }
  @media (prefers-reduced-motion: reduce) { .is-style-sf-faq-question .wp-block-accordion-heading__toggle-icon { transition: none; } }
}
.is-style-sf-faq-item { overflow: visible; }
.is-style-sf-faq-question .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title { text-decoration: none; }
.is-style-sf-faq-item > .is-style-sf-faq-answer { margin-top: 0; margin-bottom: 0; }
.is-style-sf-faq-question { border-radius: 0.6875rem; }
.is-style-sf-faq-question:has([aria-expanded="true"]) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
/* Keep native hidden-until-found and browser search, without an empty padded panel. */
.is-style-sf-faq-answer[hidden] { padding-top: 0; padding-bottom: 0; }
.is-style-sf-faq-answer p { margin-top: 0; margin-bottom: 0; }
.is-style-sf-faq-answer p + p { margin-top: 1rem; }
@media (max-width: 1024px) { @media not all and (max-width: 767px) { .is-style-sf-section-inner { --sf-role-gap: 2.5rem; } .is-style-sf-grid-three { grid-template-columns: repeat(2,minmax(0,1fr)); } } }
@media (max-width: 767px) { .is-style-sf-section-inner { --sf-role-gap: 2rem; } .is-style-sf-grid-three, .is-style-sf-grid-two { grid-template-columns: minmax(0,1fr); gap: 1rem; } }
@media (prefers-reduced-motion: reduce) { .is-style-sf-primary .wp-block-button__link { transition: none; } }
@supports not selector(:where(*)) {/* GENERATED by scripts/design-system/build.mjs. Approved role projection. */
.is-style-sf-section,
 .is-style-sf-section * { box-sizing: border-box; }
.is-style-sf-section { width: 100%; max-width: none; }
.is-style-sf-section-inner { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; --sf-role-gap: 3rem; }
.is-style-sf-section-header,
 .is-style-sf-section-header-start { --sf-role-gap: 0.5rem; }
.is-style-sf-section-header { text-align: center; }
.is-style-sf-section-header-start { text-align: left; }
.is-style-sf-stack,
 .is-style-sf-stack-centered { --sf-role-gap: 1rem; }
.is-style-sf-stack-centered { text-align: center; }
/* WP 7.1 does not emit flow blockGap for a style variation without layout context.
   These scoped role selectors provide the same measured flow in both canvases. */
.is-style-sf-section-inner.is-layout-flow > *,
.is-style-sf-section-header.is-layout-flow > *,
.is-style-sf-section-header-start.is-layout-flow > *,
.is-style-sf-stack.is-layout-flow > *,
.is-style-sf-stack-centered.is-layout-flow > * { margin-top: 0; margin-bottom: 0; }
.is-style-sf-section-inner.is-layout-flow > * + *,
.is-style-sf-section-header.is-layout-flow > * + *,
.is-style-sf-section-header-start.is-layout-flow > * + *,
.is-style-sf-stack.is-layout-flow > * + *,
.is-style-sf-stack-centered.is-layout-flow > * + * { margin-top: var(--sf-role-gap); }
.is-style-sf-section p,
.is-style-sf-section h1,
.is-style-sf-section h2,
.is-style-sf-section h3,
.is-style-sf-section a { overflow-wrap: anywhere; }
.is-style-sf-section img { max-width: 100%; height: auto; }
.is-style-sf-section a:not(.wp-block-button__link) { color: var(--wp--preset--color--sf-action); text-decoration: underline; text-underline-offset: .15em; }
.is-style-sf-section a:focus-visible,
.is-style-sf-section button:focus-visible { outline: 3px solid #0073C4; outline-offset: 2px; }
.is-style-sf-grid-three,
 .is-style-sf-grid-two { display: grid; align-items: stretch; gap: 1.5rem; }
.is-style-sf-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.is-style-sf-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.is-style-sf-grid-three.is-layout-flow > *,
.is-style-sf-grid-two.is-layout-flow > * { min-width: 0; margin-top: 0; margin-bottom: 0; }
.is-style-sf-card { display: flex; flex-direction: column; gap: 1rem; }
.is-style-sf-card.is-layout-flow > * { margin-top: 0; margin-bottom: 0; }
.is-style-sf-card.is-layout-flow > .wp-block-buttons { margin-top: auto; }
.is-style-sf-section-header > .is-style-sf-lead { margin-left: auto; margin-right: auto; }
.is-style-sf-primary .wp-block-button__link { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; text-decoration: none; transition: background-color 150ms ease-out, border-color 150ms ease-out; }
.is-style-sf-primary .wp-block-button__link:hover { background: #0064AB; border-color: #0064AB; color: #FFFFFF; }
.is-style-sf-primary .wp-block-button__link:active { background: #00538F; border-color: #00538F; color: #FFFFFF; }
.is-style-sf-primary .wp-block-button__link:focus-visible { outline: 3px solid #0073C4; outline-offset: 2px; }
.is-style-sf-faq > .is-style-sf-faq-item { margin-top: 0; margin-bottom: 0; }
.is-style-sf-faq > .is-style-sf-faq-item + .is-style-sf-faq-item { margin-top: 0.5rem; }
.is-style-sf-faq-question .wp-block-accordion-heading__toggle { font: inherit; color: inherit; gap: 0.75rem; width: 100%; padding: 0.875rem 1rem; min-height: 49px; }
/* Keep the native disclosure glyph unless standard or WebKit masks are supported. */
.is-style-sf-faq-question .wp-block-accordion-heading__toggle-icon { display: inline-block; flex: 0 0 24px; width: 24px; height: 24px; margin-top: -1.5px; margin-bottom: -1.5px; }
@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
  .is-style-sf-faq-question .wp-block-accordion-heading__toggle-icon { overflow: hidden; font-size: 0; line-height: 0; background: currentColor; -webkit-mask-image: url('../images/checkout/chevron-down.svg'); -webkit-mask-position: center; -webkit-mask-size: 24px 24px; -webkit-mask-repeat: no-repeat; mask-image: url('../images/checkout/chevron-down.svg'); mask-position: center; mask-size: 24px 24px; mask-repeat: no-repeat; transform: none; transition: transform 180ms ease; }
  .is-style-sf-faq-question .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon { transform: rotate(180deg); }
  @media (prefers-reduced-motion: reduce) { .is-style-sf-faq-question .wp-block-accordion-heading__toggle-icon { transition: none; } }
}
.is-style-sf-faq-item { overflow: visible; }
.is-style-sf-faq-question .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title { text-decoration: none; }
.is-style-sf-faq-item > .is-style-sf-faq-answer { margin-top: 0; margin-bottom: 0; }
.is-style-sf-faq-question { border-radius: 0.6875rem; }
.is-style-sf-faq-question:has([aria-expanded="true"]) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
/* Keep native hidden-until-found and browser search, without an empty padded panel. */
.is-style-sf-faq-answer[hidden] { padding-top: 0; padding-bottom: 0; }
.is-style-sf-faq-answer p { margin-top: 0; margin-bottom: 0; }
.is-style-sf-faq-answer p + p { margin-top: 1rem; }
@media (max-width: 1024px) { @media not all and (max-width: 767px) { .is-style-sf-section-inner { --sf-role-gap: 2.5rem; } .is-style-sf-grid-three { grid-template-columns: repeat(2,minmax(0,1fr)); } } }
@media (max-width: 767px) { .is-style-sf-section-inner { --sf-role-gap: 2rem; } .is-style-sf-grid-three,
 .is-style-sf-grid-two { grid-template-columns: minmax(0,1fr); gap: 1rem; } }
@media (prefers-reduced-motion: reduce) { .is-style-sf-primary .wp-block-button__link { transition: none; } } }

