/* Canonical FAQ contract. Explicit compatibility priority over legacy page rules. */
:root body .brand-faq__list{display:block!important;gap:0!important;min-width:0}
:root body details.brand-faq__item{display:block!important;background:transparent!important;border:0!important;border-bottom:1px solid #ccd8d1!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#244140;min-width:0}
:root body details.brand-faq__item:first-of-type{border-top:1px solid #ccd8d1!important}
:root body .course-faq--fiar details.brand-faq__item{color:#033b6d}
:root body details.brand-faq__item>summary.brand-faq__question{display:grid!important;grid-template-columns:minmax(0,1fr) 24px!important;align-items:center!important;gap:20px!important;min-height:60px!important;padding:18px 0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important;font-family:Inter,Arial,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:0!important;text-align:left!important;list-style:none!important;cursor:pointer;position:relative}
:root body details.brand-faq__item>summary.brand-faq__question::before,:root body details.brand-faq__item>summary.brand-faq__question::after{content:none!important;display:none!important}
:root body .brand-faq__question::marker{content:''!important}
:root body .brand-faq__question::-webkit-details-marker{display:none!important}
:root body .brand-faq__question .brand-faq__label{display:block!important;color:inherit!important;font:inherit!important;min-width:0;white-space:normal!important}
:root body .brand-faq__question svg.brand-faq__icon{position:static!important;display:block!important;width:24px!important;height:24px!important;min-width:24px!important;transform:none!important;fill:currentColor!important;stroke:none!important;justify-self:end;pointer-events:none;overflow:visible}
/* Same geometry and motion as disclosure-controls.css and the approved icon library. */
:root body .brand-faq__icon .brand-faq__vertical{display:block!important;transform:rotate(90deg);transform-origin:12px 12px;opacity:1;transition:transform 360ms cubic-bezier(.22,.7,.25,1),opacity 160ms ease-out}
:root body details.brand-faq__item[open]>.brand-faq__question .brand-faq__vertical{transform:rotate(270deg);opacity:0;transition:transform 360ms cubic-bezier(.22,.7,.25,1),opacity 140ms ease-out 190ms}
@media(prefers-reduced-motion:reduce){:root body .brand-faq__icon .brand-faq__vertical{transition:none!important}}
.motion-off body .brand-faq__icon .brand-faq__vertical{transition:none!important}
@media(forced-colors:active){:root body .brand-faq__question svg.brand-faq__icon{fill:ButtonText!important}:root body .brand-faq__icon .brand-faq__vertical{transition:none!important}}
:root body .brand-faq__question:focus-visible{outline:2px solid currentColor!important;outline-offset:4px!important}
:root body details.brand-faq__item>.brand-faq__answer{margin:0!important;padding:0 40px 22px 0!important;border:0!important;background:none!important;color:#526b62!important;font-size:16px!important;line-height:1.65!important;max-width:calc(65ch + 40px);overflow-wrap:anywhere}
:root body .brand-faq__answer>div{margin:0!important;padding:0!important;max-width:none!important}
:root body .brand-faq__answer p{font-size:16px!important;line-height:1.65!important;color:inherit!important;margin:0 0 12px!important;padding:0!important}
:root body .brand-faq__answer p:last-child{margin-bottom:0!important}
:root body .brand-faq__answer ul,:root body .brand-faq__answer ol{font-size:16px;line-height:1.65}
:root body .brand-faq__answer a{font-size:15px!important;line-height:1.5!important}
@media(hover:hover) and (pointer:fine){:root body details.brand-faq__item>summary.brand-faq__question:hover{color:#116955!important}}
@media(max-width:760px){:root body details.brand-faq__item>summary.brand-faq__question{padding:16px 0!important;gap:16px!important;min-height:56px!important}:root body details.brand-faq__item>.brand-faq__answer{padding:0 0 20px!important;max-width:65ch}}
/* Answers open immediately; only the branded icon animates, with no hover dependency. */

/* One FAQ block (owner, 26 Sep 2026). Every question section shares its name, its heading and its grid: heading,
   introduction and helper links on the left, questions on the right, one column below 900px. The heading uses the site's
   section-heading token, the same size as every other section heading (44px on desktop, 32px on phones), and
   always breaks as "Frequently asked / questions". Page rules still set each section's ground and vertical spacing.
   src/content/faq-headings.mjs adds the classes; long-form articles keep their reading flow. */
:root body .faq-block__layout{display:grid!important;grid-template-columns:minmax(0,4fr) minmax(0,7fr)!important;column-gap:clamp(48px,6vw,96px)!important;row-gap:28px!important;align-items:start!important}
:root body .faq-block__head{display:block!important;max-width:400px!important;min-width:0;margin:0!important;padding:0!important}
:root body .faq-block__head>h2{font-size:var(--ds-font-section,clamp(32px,3.1vw,44px))!important;line-height:var(--ds-leading-heading,1.15)!important;font-weight:600!important;letter-spacing:var(--ds-tracking-heading,-.04em)!important;max-width:9.5em!important;margin:0!important;padding:0!important}
:root body .faq-block__head>.faq-block__intro{font-size:16px!important;line-height:1.6!important;max-width:34ch!important;margin:16px 0 0!important}
:root body .faq-block__head>.faq-block__more{margin-top:28px!important}
:root body .faq-block__body{min-width:0;margin:0!important}
@media(max-width:899px){
 :root body .faq-block__layout{grid-template-columns:minmax(0,1fr)!important}
 :root body .faq-block__head{max-width:none!important}
 :root body .faq-block__head>.faq-block__more{margin-top:20px!important}
}