/* One public FAQ design, based on /diktory. Scoped priority also neutralizes
 * retained page rules that style generic details with !important. */
:is(body, #start) .site-faq.site-faq {
    --faq-ink: #3b4173;
    --faq-accent: #c1492e;
    --faq-line: rgb(59 65 115 / 18%);
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important; max-width: none !important;
    margin: 0 !important; padding: clamp(58px, 6vw, 88px) 0 !important;
    color: var(--faq-ink) !important; background: #fff !important;
    font: 400 16px/1.5 Roboto, Arial, sans-serif !important;
    text-align: left !important;
}
:is(body, #start) .site-faq.site-faq *,
:is(body, #start) .site-faq.site-faq *::before,
:is(body, #start) .site-faq.site-faq *::after { box-sizing: border-box !important; }
:is(body, #start) .site-faq.site-faq > .site-faq__container {
    width: min(calc(100% - 48px), 1276px) !important; max-width: 1276px !important;
    margin: 0 auto !important; padding: 0 !important;
    display: grid !important; grid-template-columns: minmax(340px, .82fr) minmax(0, 1.28fr) !important;
    align-items: start !important; gap: clamp(46px, 6vw, 92px) !important;
    background: transparent !important;
}
:is(body, #start) .site-faq.site-faq .site-faq__heading { position: static !important; margin: 0 !important; padding: 0 !important; background: none !important; }
:is(body, #start) .site-faq.site-faq .site-faq__kicker {
    display: block !important; margin: 0 0 16px !important; padding: 0 !important;
    color: var(--faq-accent) !important;
    font: 700 12px/1.4 Roboto, Arial, sans-serif !important;
    letter-spacing: .12em !important; text-transform: uppercase !important;
}
:is(body, #start) .site-faq.site-faq .site-faq__heading h2 {
    display: block !important; max-width: none !important; margin: 20px 0 0 !important; padding: 0 !important;
    color: var(--faq-ink) !important; background: none !important;
    font: 700 48px/1.08 Roboto, Arial, sans-serif !important;
    letter-spacing: -.028em !important; text-align: left !important; text-transform: none !important; text-wrap: pretty !important;
}
:is(body, #start) .site-faq.site-faq .site-faq__heading h2::after { content: none !important; display: none !important; }
:is(body, #start) .site-faq.site-faq .site-faq__list { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid var(--faq-line) !important; background: none !important; }
:is(body, #start) .site-faq.site-faq .site-faq__item,
:is(body, #start) .site-faq.site-faq .site-faq__item:is(:hover, [open]) {
    display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-bottom: 1px solid var(--faq-line) !important; border-radius: 0 !important;
    background: none !important; box-shadow: none !important; overflow: visible !important;
}
:is(body, #start) .site-faq.site-faq .site-faq__question {
    position: relative !important; display: flex !important; align-items: center !important;
    min-height: 72px !important; margin: 0 !important; padding: 19px 42px 19px 0 !important;
    border: 0 !important; color: var(--faq-ink) !important; background: none !important;
    font: 650 clamp(16px, 1.2vw, 18.24px)/1.3 Roboto, Arial, sans-serif !important;
    letter-spacing: normal !important; text-transform: none !important; text-align: left !important;
    list-style: none !important; cursor: pointer !important; overflow-wrap: anywhere !important;
}
:is(body, #start) .site-faq.site-faq .site-faq__question::-webkit-details-marker { display: none !important; }
:is(body, #start) .site-faq.site-faq .site-faq__question::before { display: none !important; content: none !important; }
:is(body, #start) .site-faq.site-faq .site-faq__question::after {
    content: "" !important; position: absolute !important; top: 50% !important; right: 8px !important;
    width: 10px !important; height: 10px !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-right: 1.8px solid var(--faq-accent) !important; border-bottom: 1.8px solid var(--faq-accent) !important;
    border-radius: 0 !important; background: none !important;
    transform: translateY(-68%) rotate(45deg) !important;
}
:is(body, #start) .site-faq.site-faq .site-faq__item[open] > .site-faq__question { color: var(--faq-accent) !important; }
:is(body, #start) .site-faq.site-faq .site-faq__item[open] > .site-faq__question::after { transform: translateY(-30%) rotate(225deg) !important; }
:is(body, #start) .site-faq.site-faq .site-faq__answer {
    display: block !important; max-width: 68ch !important; margin: -2px 0 0 !important; padding: 0 42px 24px 0 !important;
    color: var(--faq-ink) !important; background: none !important; border: 0 !important;
}
:is(body, #start) .site-faq.site-faq .site-faq__answer :is(p, li, a, span) {
    color: inherit !important; font-family: Roboto, Arial, sans-serif !important;
    font-size: 15px !important; font-weight: 400 !important; line-height: 1.65 !important;
}
:is(body, #start) .site-faq.site-faq .site-faq__answer p { margin: 0 0 16px !important; padding: 0 !important; max-width: none !important; }
:is(body, #start) .site-faq.site-faq .site-faq__answer > :last-child { margin-bottom: 0 !important; }
:is(body, #start) .site-faq.site-faq .site-faq__answer :is(ul, ol) { margin: 12px 0 !important; padding-left: 24px !important; }
:is(body, #start) .site-faq.site-faq .site-faq__answer a { text-decoration: underline !important; text-underline-offset: 3px !important; }
:is(body, #start) .site-faq.site-faq .site-faq__answer :is(audio, img, video) { max-width: 100% !important; }
:is(body, #start) .site-faq.site-faq :is(summary, a, button):focus-visible { outline: 2px solid var(--faq-accent) !important; outline-offset: 3px !important; }
:is(body, #start) .site-faq.site-faq [id] { scroll-margin-top: 110px !important; }
@media (max-width: 900px) {
    :is(body, #start) .site-faq.site-faq > .site-faq__container { grid-template-columns: minmax(0, 1fr) !important; gap: 34px !important; }
}
@media (max-width: 680px) {
    :is(body, #start) .site-faq.site-faq { padding-block: 46px 54px !important; }
    :is(body, #start) .site-faq.site-faq > .site-faq__container { width: calc(100% - 32px) !important; }
    :is(body, #start) .site-faq.site-faq .site-faq__heading h2 { font-size: 32px !important; }
    :is(body, #start) .site-faq.site-faq .site-faq__question { min-height: 62px !important; padding: 16px 35px 16px 0 !important; font-size: 15px !important; }
    :is(body, #start) .site-faq.site-faq .site-faq__answer { padding: 0 30px 20px 0 !important; }
    :is(body, #start) .site-faq.site-faq .site-faq__answer :is(p, li, a, span) { font-size: 14px !important; }
}
/* The long FAQ document keeps its existing H1 and table of contents. */
:is(body, #start) .site-faq.site-faq--document { padding: 0 !important; }
:is(body, #start) .site-faq.site-faq--document > .site-faq__container { width: 100% !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; }
:is(body, #start) .site-faq.site-faq .site-faq__heading > p { margin: 20px 0 0 !important; color: var(--faq-ink) !important; font-size: 16px !important; line-height: 1.65 !important; }