/* /styles/centre-footer.css?v=shared-footer-legal-9 */ /* Footer direction: the Centre's forest, reverse wordmark and quiet mint emphasis. */ .centre-footer{--cf-ink:#f4f8f2;--cf-muted:#bed1c8;--cf-line:#49615a;background:var(--amlcc-forest);color:var(--cf-ink);font-family:Inter,Arial,sans-serif;border:0;padding:0;margin:0;position:relative;isolation:isolate} .centre-footer *{box-sizing:border-box}.centre-footer .cf-inner{max-width:1440px;margin:0 auto;padding:64px 40px 24px}.centre-footer a{color:inherit;text-decoration:none;transition:color .18s,background .18s,border-color .18s}.centre-footer a:hover{color:#c1f99b}.centre-footer a:focus-visible{outline:2px solid #c1f99b;outline-offset:5px} .centre-footer .cf-directory{display:grid;grid-template-columns:1.5fr 1fr 1.18fr 1fr;gap:40px;padding-bottom:48px}.centre-footer .cf-logo{display:inline-flex}.centre-footer .cf-logo img{display:block;width:232px;height:auto;max-width:100%}.centre-footer .cf-brand p{max-width:285px;margin:24px 0 22px;color:var(--cf-muted);font-size:14px;line-height:1.7;text-wrap:pretty}.centre-footer .cf-contact{display:inline-flex;align-items:center;gap:18px;font-weight:600;font-size:14px;line-height:1.5}.centre-footer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0} .centre-footer h2{color:var(--cf-ink);font-size:15px;line-height:1.4;font-weight:600;letter-spacing:0;margin:0 0 18px}.centre-footer .cf-group ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.centre-footer .cf-group li{margin:0;padding:0}.centre-footer .cf-group a{display:inline-block;padding:6px 0;font-size: 14px;line-height:1.5;font-weight:400;color:var(--cf-muted);min-height: 40px;}.centre-footer .cf-group a:hover{color:#c1f99b;text-decoration:underline;text-underline-offset:5px} .centre-footer .cf-social{margin-top:24px}.centre-footer .cf-social h2{font-size:13px;font-weight:400;color:var(--cf-muted);margin:0 0 8px}.centre-footer .cf-social-links{display:flex;gap:8px;margin-left:-11px}.centre-footer .cf-social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:6px}.centre-footer .cf-social-link .cf-social-logo{width:22px;height:22px;fill:currentColor;stroke:none;stroke-width:0}.centre-footer .cf-social-link:hover{background:#ffffff08} .centre-footer .cf-ai{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;row-gap:4px;align-items:center;border-block:1px solid var(--cf-line);padding:12px 0}.centre-footer .cf-ai h2{font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--cf-muted);margin:0}.centre-footer .cf-ai-tools{display:flex;align-items:center;gap:8px;justify-self:start} .centre-footer .cf-ai-link{display:inline-flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:6px;padding:12px;color:var(--cf-muted);transition:color .18s,background .18s} .centre-footer .cf-ai-link:hover{background:#ffffff08;color:#c1f99b} .centre-footer .cf-ai-link .cf-ai-logo{display:block;width:20px;height:20px;fill:currentColor;stroke:none;stroke-width:0;flex-shrink:0} .centre-footer .cf-ai-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;border:0;padding:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.centre-footer .cf-ai-toggle:focus-visible{outline:2px solid #c1f99b;outline-offset:4px}.centre-footer .cf-ai-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px;transition:transform .18s}.centre-footer .cf-ai-toggle[aria-expanded="true"] .cf-ai-chevron{transform:rotate(225deg)}.centre-footer [hidden]{display:none!important} .centre-footer .cf-ai-name{position:absolute;bottom:calc(100% + 9px);left:50%;z-index:1;transform:translate(-50%,4px);padding:6px 9px;border-radius:5px;background:#f4f8f2;color:#203e3b;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s} .centre-footer .cf-ai-link:is(:hover,:focus-visible) .cf-ai-name{opacity:1;visibility:visible;transform:translate(-50%,0)} .centre-footer .cf-ai-help{grid-column:1/-1;font-size:11px;line-height:1.5;color:var(--cf-muted);margin:0;min-height:17px} .centre-footer .cf-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding-top:24px;font-size: 12px;line-height:1.7;color:var(--cf-muted)}.centre-footer .cf-bottom p{margin:0}.centre-footer .cf-bottom nav{display:flex;flex-wrap:wrap;gap:22px}.centre-footer .cf-top{display:inline-flex;align-items:center;gap:12px}.centre-footer .cf-top span{font-size:19px;line-height:1} @media(max-width:1100px){.centre-footer .cf-directory{grid-template-columns:1.3fr 1fr 1.1fr;gap:28px}.centre-footer .cf-brand{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 40px;align-items:start}.centre-footer .cf-brand .cf-connect{grid-column:2;grid-row:1/3;justify-self:end;min-width:216px}.centre-footer .cf-brand>.cf-logo,.centre-footer .cf-brand>p{grid-column:1}.centre-footer .cf-brand p{margin:0;max-width:300px}.centre-footer .cf-inner{padding-top:44px}} @media(max-width:640px){.centre-footer .cf-inner{padding:36px 24px 22px}.centre-footer .cf-directory{grid-template-columns:1fr 1fr;gap:30px 24px;padding-bottom:30px}.centre-footer .cf-brand{display:block}.centre-footer .cf-brand .cf-connect{margin-top:16px;justify-self:stretch;min-width:0}.centre-footer .cf-brand p{margin:18px 0 16px;max-width:290px}.centre-footer .cf-logo img{width:214px}.centre-footer .cf-group:last-child{grid-column:1/-1}.centre-footer .cf-group:last-child ul{grid-template-columns:1fr 1fr;column-gap:24px}.centre-footer .cf-group h2{margin-bottom:10px;font-size:14px}.centre-footer .cf-group a{font-size: 14px;padding:7px 0;line-height:1.5;min-height: 40px;}.centre-footer .cf-directory .cf-brand{grid-column:1/-1}.centre-footer .cf-ai{grid-template-columns:1fr;gap:0;padding:10px 0}.centre-footer .cf-ai-tools{justify-self:start;margin:4px 0 4px -12px}.centre-footer .cf-ai-help:not(:empty){padding:4px 0 8px}.centre-footer .cf-ai-link:first-child .cf-ai-name{left:0;transform:translateY(4px)}.centre-footer .cf-ai-link:first-child:is(:hover,:focus-visible) .cf-ai-name{transform:translateY(0)}.centre-footer .cf-ai-help{grid-column:1;font-size:11px}.centre-footer .cf-bottom{display:grid;gap:17px;padding-top:22px;font-size: 12px;}.centre-footer .cf-bottom nav{gap:10px 20px}.centre-footer .cf-top{justify-self:start}} @media(prefers-reduced-motion:reduce){.centre-footer *{transition:none!important;scroll-behavior:auto!important}} /* Keep the live feedback region available without an empty visible row. */ .centre-footer .cf-ai-help:empty{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip-path:inset(50%)} body[data-page="home"] .centre-footer .cf-inner { width: min(var(--home-content), calc(100% - 2 * var(--home-gutter))); padding-inline: 0; } .centre-footer .cf-cookie-settings{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;line-height:inherit;transition:color .18s}.centre-footer .cf-cookie-settings:hover{color:#c1f99b}.centre-footer .cf-cookie-settings:focus-visible{outline:2px solid #c1f99b;outline-offset:5px} /* The registry code, CPD provider number and education licence: one small line, centred under everything else (owner, 23 October 2026). */ .centre-footer .cf-legal{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--cf-line);font-size:11px;line-height:1.7;color:var(--cf-muted);text-align:center;text-wrap:balance} /* /styles/law-enforcement-links.css?v=fiar-brand-2 */ /* A dedicated agency route sits alongside the commercial-sector directory. */ [data-page="business"] .sector-discovery-link.sector-discovery-link--agency{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;grid-template-rows:auto;align-items:center;min-height:0;gap:25px;padding:28px;background:var(--fiar-blue);color:#fff} [data-page="business"] .sector-discovery-link.sector-discovery-link--agency h3{grid-column:1;grid-row:1;color:#fff;max-width:none} [data-page="business"] .sector-discovery-link.sector-discovery-link--agency p{grid-column:2;grid-row:1;color:var(--fiar-on-dark);max-width:38ch;align-self:center} [data-page="business"] .sector-discovery-link.sector-discovery-link--agency svg{grid-column:3;grid-row:1;align-self:center;fill:none;stroke:currentColor;stroke-width:1.8} [data-page="business"] .sector-discovery-link.sector-discovery-link--agency:hover{background:var(--fiar-blue-hover)} .fiar-institutional .fiar-agency-link{display:inline-flex;align-items:center;gap:14px;max-width:100%;margin-top:24px;font-size:15px;line-height:1.5;white-space:normal} .fiar-institutional .fiar-agency-link svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8} @media(max-width:650px){[data-page="business"] .sector-discovery-link.sector-discovery-link--agency{grid-template-columns:minmax(0,1fr) 24px;gap:16px;padding:24px}[data-page="business"] .sector-discovery-link.sector-discovery-link--agency h3{grid-column:1/-1}[data-page="business"] .sector-discovery-link.sector-discovery-link--agency p{grid-column:1;grid-row:2}[data-page="business"] .sector-discovery-link.sector-discovery-link--agency svg{grid-column:2;grid-row:2}} /* /styles/shared-institution-proof.css?v=shared-1 */ /* Approved CEPOL feature. This stylesheet is shared across every placement. */ .audit-cepol.institution-proof{position:relative;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important;gap:54px!important;align-items:center;padding:38px 42px!important;border:0;border-radius:14px;background:var(--fiar-blue,#033b6d)!important;color:#fff!important;overflow:hidden;text-align:left} .audit-cepol.institution-proof .audit-cepol-heading{display:flex;gap:24px;align-items:flex-start;min-width:0} .audit-cepol.institution-proof .audit-cepol-heading img{display:block;position:static;width:48px;height:48px;flex:none;margin:4px 0 0;object-fit:contain} .audit-cepol.institution-proof p{margin:0 0 16px!important;font-size:16px;font-weight:400;line-height:1.65;letter-spacing:normal;color:#d8e7f0!important;max-width:none} .audit-cepol.institution-proof .audit-cepol-heading p{font-size:13px;line-height:1.5} .audit-cepol.institution-proof h3{font-size:clamp(25px,2.5vw,34px);font-weight:700;line-height:1.15;margin:0!important;letter-spacing:-.8px;max-width:none;color:#fff!important} .audit-cepol.institution-proof a.text-link{display:inline-flex;align-items:center;gap:18px;margin:0;padding:0;color:#fff!important;white-space:normal;font-size:16px;font-weight:600;line-height:1.45;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px} .audit-cepol.institution-proof a.text-link span{flex:none;font-size:22px;line-height:1;text-decoration:none} .audit-cepol.institution-proof a.text-link:hover{color:#d8e7f0!important} .audit-cepol.institution-proof a:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:2px} @media(max-width:1050px){.audit-cepol.institution-proof{gap:32px!important;padding:32px!important}} @media(max-width:760px){.audit-cepol.institution-proof{grid-template-columns:minmax(0,1fr)!important;gap:26px!important;padding:28px!important}.audit-cepol.institution-proof .audit-cepol-heading{gap:18px}.audit-cepol.institution-proof .audit-cepol-heading img{width:36px;height:36px}.audit-cepol.institution-proof h3{font-size:27px}} /* /styles/photo-effect.css?v=1 */ /* Photos (owner, 26 Sep 2026): the homepage portraits' treatment on every page. src/content/photo-effect.mjs marks the markup. A photo that belongs to a link eases in 2.5% while its card is hovered or focused; the frame stays still. The individual scale property composes with crops that already use transform. */ main [data-photo-card] img[data-photo-zoom]{transition:scale .5s cubic-bezier(.2,.7,.2,1),clip-path .5s cubic-bezier(.2,.7,.2,1)} main [data-photo-card]:is(:hover,:focus-within) img[data-photo-zoom]{scale:1.025} /* A photo that shares its box with text keeps its outline: its clip shrinks by exactly what the scale adds ((1 - 1/1.025) / 2 = 1.2195% a side), so only the picture inside grows. */ main img[data-photo-zoom="clip"]{clip-path:inset(0 round var(--photo-radius,0px))} main [data-photo-card]:is(:hover,:focus-within) img[data-photo-zoom="clip"]{clip-path:inset(1.2195% round calc(var(--photo-radius,0px) / 1.025))} @media(prefers-reduced-motion:reduce){ main [data-photo-card] img[data-photo-zoom]{transition:none} main [data-photo-card]:is(:hover,:focus-within) img[data-photo-zoom]{scale:none;clip-path:inset(0 round var(--photo-radius,0px))} } /* Corner radii of photos that share a box with text, as their pages set them. */ main .ac-hero-photo>img{--photo-radius:4px} main .fiar-person-heading img{--photo-radius:6px} main .in-centre-photo img{--photo-radius:12px} main .org-practice-proof>img{--photo-radius:8px} /* People, face first, on the homepage's dark backing. Expert frames match the homepage and About portraits: 1.18, 12px corners; Andrei's portrait keeps the crop it has on About. */ main img[data-photo-person]{object-position:50% 25%} main .sme-portrait{aspect-ratio:1.18;border-radius:12px;background:#3b3c3d} main .sme-profile[data-sme-person="andrei-sribny"] .sme-portrait img{transform:scale(1.38);transform-origin:50% 18%} /* /styles/programme-page-plan.css?v=6 */ /* Programme page plan (approved 26 Sep 2026 for CASS; rolled out to AML Foundations and CAPS): white for reading, sage for context; forest stays for the hero, the AML Active panel and the closing panel. src/content/programme-page-plan.mjs sets data-ground. */ main [data-ground="white"]{background-color:#fff!important} main [data-ground="sage"]{background-color:#e8efe9!important} /* Expert cards: the name is the link and the whole card answers to it. */ main .sme-team .sme-profile--linked{position:relative} main .sme-team .sme-profile--linked .sme-profile-link{display:inline;min-height:0;margin:0;font:inherit;color:inherit;text-decoration:none} main .sme-team .sme-profile--linked .sme-profile-link::after{content:"";position:absolute;inset:0;border-radius:inherit} main .sme-team .sme-profile--linked:hover .sme-profile-link, main .sme-team .sme-profile--linked .sme-profile-link:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px} main .sme-team .sme-profile--linked .sme-profile-link:focus-visible{outline:none} main .sme-team .sme-profile--linked:has(.sme-profile-link:focus-visible){outline:2px solid currentColor;outline-offset:4px} /* A post-course review names its source without a link; the reviews page explains how feedback is collected. */ #learner-reviews .learner-review-source{color:inherit} /* FIAR (plan approved 26 Sep 2026): white and FIAR's pale blue for the reading blocks; navy for the hero, the case and the close, where the fees now sit with the two main actions. */ main [data-ground="fiar"]{background-color:#e9f0f6!important} main [data-ground="navy"]{background-color:#072f52!important} main .fiar-closing .fiar-section-intro h2{color:#fff} main .fiar-closing .fiar-section-intro p,main .fiar-closing .fiar-price-note{color:#c9d9e8} main .fiar-closing .fiar-price-grid article{background:#e9f0f6} main :is(.fiar-case-section,.fiar-jurisdiction-panel) a.text-link{color:var(--fiar-lime,#ccff85)} main .fiar-institution-layout.fiar-institution-layout--solo{grid-template-columns:minmax(0,1fr)!important} /* Without its demonstration card, the institutional block takes the FAQ blocks' grid: heading left, content right. */ main .fiar-institution-layout--solo>div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:clamp(48px,6vw,96px);align-items:start} main .fiar-institution-layout--solo>div>h2{grid-column:1;grid-row:1/span 4} main .fiar-institution-layout--solo>div>:not(h2){grid-column:2} main .fiar-institution-layout--solo>div>h2+p{margin-top:0} @media(max-width:899px){main .fiar-institution-layout--solo>div{display:block}} /* /styles/certificate-3d.css?v=1 */ /* Certificates (owner, 26 Sep 2026): wherever a certificate appears, the CASS certificate's presentation. It leans back in perspective (rotateY 5deg, rotateZ -1deg) on a soft shadow and, where it is a link, straightens and lifts while hovered or focused. Flat on phones and with reduced motion, as on CASS. The values live here once. */ :root{--cert-tilt:rotateY(5deg) rotateZ(-1deg);--cert-tilt-lift:rotateY(2deg) rotateZ(-.5deg) translateY(-4px);--cert-shadow:10px 18px 32px #173c571a;--cert-shadow-lift:14px 26px 44px #173c5726;--cert-ease:cubic-bezier(.2,.7,.2,1)} /* Showcase certificates. CASS, About certifications, the courses hub and FIAR share .audit-certificate; Recognition and Membership have frames of their own, brought to the same corners, tilt and shadow. */ body .rg-certificate>a{border-radius:14px} body .rg-certificate>a>img{border-radius:12px} body .aml-active-presentation .certificate-feature{perspective:1400px} body .aml-active-presentation a.certificate-image{display:block;padding:0;border-radius:14px;overflow:hidden;transform:var(--cert-tilt);transform-origin:center;box-shadow:var(--cert-shadow)} body .aml-active-presentation a.certificate-image img{transform:none;border-radius:12px;box-shadow:none;outline:none} /* The membership page (since 1 October 2026): its example participation certificate in the same frame. */ body .mp-certificate{perspective:1400px} body .mp-certificate>a{display:block;border-radius:14px;overflow:hidden;transform:var(--cert-tilt);transform-origin:center;box-shadow:var(--cert-shadow)} body .mp-certificate>a>img{border-radius:12px;box-shadow:none} @media(min-width:761px) and (hover:hover) and (prefers-reduced-motion:no-preference){ body :is(.audit-certificate,.rg-certificate,.mp-certificate)>a,body .aml-active-presentation a.certificate-image{transition:transform .35s var(--cert-ease),box-shadow .35s} body :is(.audit-certificate,.rg-certificate,.mp-certificate)>a:is(:hover,:focus-visible),body .aml-active-presentation a.certificate-image:is(:hover,:focus-visible){transform:var(--cert-tilt-lift);box-shadow:var(--cert-shadow-lift)} } /* Certificate thumbnails in the AML Active cards lean the same way, keeping their dark cards' own shadows, and lift with their card. */ body .homepage-page #home-membership .live-benefit>img, body .catalogue-page #catalogue-membership .live-benefit>img, body .cp-active-art--live img{transform:perspective(1400px) var(--cert-tilt)} @media(min-width:761px) and (hover:hover) and (prefers-reduced-motion:no-preference){ body :is(.homepage-page #home-membership,.catalogue-page #catalogue-membership) .live-benefit>img{transition:transform .35s var(--cert-ease)} body :is(.homepage-page #home-membership,.catalogue-page #catalogue-membership) a.live-benefit:is(:hover,:focus-visible)>img{transform:perspective(1400px) var(--cert-tilt-lift)} } @media(max-width:760px),(prefers-reduced-motion:reduce){ body :is(.rg-certificate,.mp-certificate)>a,body .aml-active-presentation a.certificate-image, body .homepage-page #home-membership .live-benefit>img,body .catalogue-page #catalogue-membership .live-benefit>img, body .cp-active-art--live img{transform:none} } /* /styles/learner-reviews.css?v=programme-reviews-3 */ .learner-reviews{padding:clamp(56px,7vw,104px) 0;background:#edf2eb;color:#213d3b;border-block:1px solid #d6e1d8} .learner-reviews .learner-reviews-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px} .learner-reviews .learner-reviews-label{font-size:16px;line-height:1.5;font-weight:600;color:#526e64;margin:0 0 14px} .learner-reviews h2{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-.035em;max-width:700px;margin:0;text-wrap:balance} .learner-reviews .text-link{flex-shrink:0;font-size:16px;gap:14px} .learner-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0} .learner-reviews .learner-review{display:flex;flex-direction:column;min-width:0;margin:0;padding:0 32px;border-left:1px solid #c5d4c9} .learner-reviews .learner-review:first-child{border-left:0;padding-left:0} .learner-reviews .learner-review:last-child{padding-right:0} .learner-reviews .learner-review-programme{margin:0 0 22px;font-size:15px;font-weight:600;line-height:1.4;color:#426157} .learner-reviews blockquote{margin:0 0 32px;padding:0;border:0;font-style:normal} .learner-reviews blockquote p{font-size:clamp(19px,1.7vw,24px);line-height:1.5;letter-spacing:-.018em;margin:0;color:#213d3b} .learner-reviews figcaption{margin-top:auto;font-size:14px;line-height:1.5} .learner-reviews figcaption strong{display:block;font-size:16px;margin-bottom:8px;font-weight:600} .learner-reviews figcaption div{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:16px;row-gap:6px;color:#526e64} .learner-reviews figcaption a{display:inline-flex;gap:6px;align-items:center;min-height:28px;text-decoration:underline;text-underline-offset:4px;color:#426157} /* Source links read at the size of the date beside them (28 Sep 2026); the shared link contract would set 15px. */ .learner-reviews figcaption a.brand-link{--ds-font-action:1em;--link-icon-size:14px;--link-gap:6px;font-weight:400} .learner-reviews a:focus-visible{outline:2px solid #213d3b;outline-offset:6px} .learner-reviews--single>.wrap{display:grid;grid-template-columns:1fr 1.65fr;gap:clamp(32px,6vw,96px)} .learner-reviews--single .learner-reviews-heading{display:block;margin:0} .learner-reviews--single .learner-reviews-grid{display:block} .learner-reviews--single .learner-review{border:0;border-left:2px solid #24b797!important;padding:0 0 0 38px!important} .learner-reviews--single blockquote p{font-size:clamp(23px,2.6vw,34px);line-height:1.4} @media(max-width:900px){.learner-reviews .learner-review{padding:0 22px}.learner-reviews figcaption div{display:grid;gap:4px}} @media(max-width:650px){.learner-reviews .learner-reviews-heading{display:grid;gap:22px;margin-bottom:32px}.learner-reviews-grid{grid-template-columns:1fr}.learner-reviews .learner-review{border-left:0;border-top:1px solid #c5d4c9;padding:28px 0!important}.learner-reviews .learner-review:first-child{border-top:0;padding-top:0!important}.learner-reviews .learner-review:last-child{padding-bottom:0!important}.learner-reviews .learner-review-programme{margin-bottom:14px}.learner-reviews blockquote{margin-bottom:20px}.learner-reviews figcaption div{display:flex;column-gap:16px;row-gap:6px}.learner-reviews--single>.wrap{grid-template-columns:1fr;gap:0}.learner-reviews--single .learner-review{padding:0 0 0 22px!important;border-top:0}.learner-reviews h2{max-width:440px}} .learner-reviews--pair .learner-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .learner-reviews-context{max-width:58ch;margin:20px 0 0;font-size:17px;line-height:1.65;color:#426157} .learner-reviews--single .learner-reviews-heading .text-link{display:inline-flex;margin-top:24px;white-space:normal} .learner-review-note{margin:14px 0 0;max-width:52ch;color:#526e64;font-size:14px;line-height:1.6} .reviews-hero{padding-block:clamp(48px,7vw,104px) 48px} .reviews-hero h1{max-width:1000px;font-size:clamp(40px,6vw,80px);letter-spacing:-.045em;line-height:1.06;margin:22px 0 28px;text-wrap:balance} .reviews-hero>p:not(.lp-kicker){max-width:620px;font-size:clamp(19px,2vw,24px);line-height:1.6;margin:0 0 28px;color:#426157} .reviews-nav{display:flex;flex-wrap:wrap;gap:8px 28px;padding-block:20px 28px;border-top:1px solid #c5d4c9} .reviews-nav a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px;font-size:16px;color:#244140} .reviews-page .reviews-collection{background:transparent;border-block:0;padding-block:56px} .reviews-collection+.reviews-collection{border-top:1px solid #d6e1d8} .reviews-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px} .reviews-collection .learner-review{padding:28px!important;border:0!important;background:#edf2eb;border-radius:16px} .reviews-collection .learner-reviews-context{margin:-16px 0 32px} .reviews-collection .learner-review:only-child{grid-column:1/-1;max-width:880px} .reviews-collection-grid>[data-review-full]{grid-column:1/-1;max-width:880px} .reviews-collection blockquote p{font-size:clamp(20px,1.8vw,26px)} .reviews-partners{padding-block:clamp(48px,6vw,80px);background:#edf2eb;margin-top:24px} .reviews-partners h2,.reviews-method h2,.reviews-next h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.035em;line-height:1.15;margin:12px 0 24px;text-wrap:balance} .reviews-partners .lp-quotes{padding-block:16px 0} .reviews-method{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(32px,6vw,80px);padding-block:clamp(56px,7vw,96px)} .reviews-method p{font-size:17px;line-height:1.7;max-width:65ch;color:#426157;margin:0 0 18px} .reviews-method .lp-kicker{font-size:15px;font-weight:600} .reviews-next{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:40px 64px;border-top:1px solid #d6e1d8} .reviews-next h2{margin:0} .reviews-page a:focus-visible{outline:2px solid #244140;outline-offset:5px} .reviews-page [id^="reviews-"],.reviews-page #organisation-experiences,.reviews-page #how-we-collect-feedback{scroll-margin-top:120px} @media(max-width:760px){.learner-reviews .learner-reviews-heading{align-items:flex-start;flex-direction:column}.learner-reviews .text-link{white-space:normal}.reviews-collection-grid,.reviews-method{grid-template-columns:1fr}.reviews-next{align-items:flex-start;flex-direction:column}.reviews-nav{column-gap:20px}.reviews-collection .learner-reviews-context{margin-top:0}.reviews-page .reviews-collection{padding-block:40px}.reviews-collection .learner-review{padding:24px!important}.reviews-collection-grid{gap:24px}} @media(max-width:650px){.learner-reviews--pair .learner-reviews-grid{grid-template-columns:1fr}.reviews-collection .learner-review:first-child,.reviews-collection .learner-review:last-child{padding:24px!important}.reviews-hero h1{font-size:clamp(38px,10vw,56px)}.reviews-hero .text-link{white-space:normal}.learner-reviews--single .learner-reviews-grid{margin-top:28px}} /* Brief comments are secondary to specific learning experiences. */ .reviews-brief{margin-top:32px;border-top:1px solid #d6e1d8;padding-top:24px} .reviews-brief h3{margin:0 0 20px;font-size:17px;line-height:1.4;font-weight:600;color:#526e64} .reviews-brief-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px} .reviews-brief .learner-review{padding:0 0 20px!important;border-radius:0;background:transparent;border-bottom:1px solid #d6e1d8!important} .reviews-brief .learner-review-programme{font-size:13px;margin-bottom:10px} .reviews-brief blockquote{margin-bottom:16px} .reviews-brief blockquote p{font-size:18px;line-height:1.5} .reviews-brief figcaption strong{font-size:14px;margin-bottom:4px} .reviews-brief figcaption{font-size:13px} @media(max-width:760px){.reviews-brief-list{grid-template-columns:1fr;gap:20px}.reviews-brief .learner-review:first-child,.reviews-brief .learner-review:last-child{padding:0 0 20px!important}} /* Survey results are kept separate from selected individual experiences. */ .learner-feedback-result{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(0,1.4fr);gap:28px;align-items:center;padding:24px 28px;margin:0 0 32px;border:1px solid #cbd9cd;border-radius:12px;background:rgba(255,255,255,.5)} .learner-feedback-value{display:grid;gap:6px;color:#244140} .learner-feedback-value>strong{font-size:42px;line-height:1.1;letter-spacing:-.04em;font-weight:600} .learner-feedback-value>strong>span{font-size:22px;color:#526e64;letter-spacing:0} .learner-feedback-value>span{font-size:13px;line-height:1.5} .learner-feedback-basis>strong{font-size:15px;line-height:1.5;font-weight:600} .learner-feedback-basis>p{font-size:13px;line-height:1.5;margin:4px 0;color:#526e64} .learner-feedback-basis>a{font-size:12px;line-height:1.5;display:inline-flex;align-items:center;gap:8px;min-height:30px;text-underline-offset:4px} .learner-reviews--single:has(.learner-feedback-result)>.wrap{display:block} .learner-reviews--single:has(.learner-feedback-result) .learner-reviews-heading{margin-bottom:28px} .learner-reviews--single:has(.learner-feedback-result) .learner-reviews-grid{margin-top:28px} @media(max-width:650px){.learner-feedback-result{grid-template-columns:1fr;padding:20px;gap:15px}.learner-feedback-value{display:flex;align-items:center;gap:18px}.learner-feedback-value>strong{font-size:36px;white-space:nowrap}.learner-feedback-value>strong>span{font-size:20px}.learner-feedback-value>span{max-width:18ch}.learner-feedback-basis>strong{font-size:14px}} /* /styles/programme-voices.css?v=feedback-reference-4 */ /* Course evidence: two editorial quotes, a single reading column on phones. */ .programme-voices{padding:56px 0 40px;background:#edf2e9;color:#203e3b;border-block:1px solid #d6e1d8;--voice-ink:#203e3b;--voice-muted:#506b62;--voice-line:#c8d7ca;scroll-margin-top:110px} .programme-voices *{box-sizing:border-box} .programme-voices>.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto;padding-inline:0} .programme-voices-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:36px} .programme-voices .voices-kicker{margin:0 0 12px;font-size:14px} .programme-voices h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;line-height:1.15;margin:0;font-weight:600} .programme-voice-mark{width:66px;height:44px;flex:none;fill:#20b79b}.programme-voice-mark path+path{fill:#89b49a} .programme-voices-context{font-size:16px;line-height:1.6;color:#506b62;margin:16px 0 0;max-width:64ch} .programme-voices .voices-track{grid-auto-columns:calc(50% - 24px);gap:48px;overflow:visible;scroll-snap-type:none} .programme-voices .voices-slide{padding:0;position:relative} .programme-voices .voices-slide+ .voices-slide:before{content:'';position:absolute;left:-24px;top:0;bottom:0;width:1px;background:#c8d7ca} .programme-voices .learner-review-programme{margin:0 0 16px;font-size:13px;font-weight:600;line-height:1.5;color:#506b62} .programme-voices .voices-slide blockquote p{font-size:clamp(21px,2vw,27px);line-height:1.5;letter-spacing:-.025em;font-weight:400} .programme-voices .voices-slide blockquote{margin:0 0 24px} .programme-voices .voices-slide:only-child{max-width:760px}.programme-voices .voices-track:has(>.voices-slide:only-child){grid-auto-columns:100%} .programme-voices-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c8d7ca;margin-top:32px;padding-top:20px;gap:24px} .programme-voices .voices-all{margin:0;font-size:15px;white-space:normal;line-height:1.5} .programme-voices .voices-controls{display:none} .programme-voices :focus-visible{outline:2px solid #087b65;outline-offset:4px} .programme-feedback-summary{padding-block:24px 0} .programme-feedback-summary .learner-feedback-result{max-width:none;margin:0;border:0;border-bottom:1px solid #cbd9cd;border-radius:0;padding:0 0 24px;background:transparent;grid-template-columns:auto 1fr;gap:40px} .programme-feedback-summary .learner-feedback-value>strong{font-size:30px}.programme-feedback-summary .learner-feedback-value{display:flex;align-items:center;gap:16px}.programme-feedback-summary .learner-feedback-value>span{max-width:18ch}.programme-feedback-summary .learner-feedback-basis{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 20px}.programme-feedback-summary .learner-feedback-basis>strong{font-size:13px}.programme-feedback-summary .learner-feedback-basis>p{margin:0} .programme-reviews-link{padding-block:28px 40px;border-top:1px solid #cbd9cd}.programme-reviews-link p{font-size:16px;margin:0 0 10px} @media(max-width:650px){ .programme-voices{padding:32px 0 24px}.programme-voices>.wrap{width:calc(100% - 40px)} .programme-voices-heading{gap:16px;margin-bottom:24px}.programme-voices h2{font-size:29px;max-width:17ch}.programme-voice-mark{width:40px;height:28px;margin-top:5px} .programme-voices .voices-kicker{margin:0 0 10px;font-size:13px}.programme-voices-context{font-size:14px} .programme-voices .voices-track{grid-auto-columns:100%;gap:0;overflow-x:auto;scroll-snap-type:x mandatory}.programme-voices .voices-slide{padding:0 4px 4px 0}.programme-voices .voices-slide+ .voices-slide:before{display:none} .programme-voices .voices-slide blockquote p{font-size:22px;line-height:1.45}.programme-voices .voices-slide figcaption strong{font-size:14px} .programme-voices-footer{display:flex;flex-direction:column;align-items:stretch;margin-top:24px;padding-top:0;gap:0} .programme-voices .voices-controls:not([hidden]){display:flex;order:-1;border:0;margin:0;padding:16px 0} .programme-voices .voices-all{display:flex;justify-content:space-between;border:0;padding:14px 0 0;grid-row:auto;font-size:14px}.programme-voices-footer:has(.voices-controls:not([hidden])) .voices-all{border-top:1px solid #c8d7ca} .programme-feedback-summary{padding-block:18px 0}.programme-feedback-summary .learner-feedback-result{grid-template-columns:1fr;gap:12px;padding-bottom:18px}.programme-feedback-summary .learner-feedback-basis{display:block}.programme-feedback-summary .learner-feedback-basis>p{margin:3px 0} .programme-reviews-link .text-link{white-space:normal;font-size:15px} } /* Keep the score prominent; the sample and period are reference information. */ .programme-feedback-summary .learner-feedback-result--rating{display:grid;grid-template-columns:1fr;gap:10px;padding:8px 0 20px;color:#244140} .learner-feedback-result--rating .feedback-kicker{margin:0;font-size:13px;line-height:1.4;font-weight:600;color:#526e64} .learner-feedback-result--rating .feedback-score{display:flex;align-items:baseline;gap:16px} .learner-feedback-result--rating .feedback-score>strong{font-size:48px;line-height:1;letter-spacing:-.045em;font-weight:600;white-space:nowrap} .learner-feedback-result--rating .feedback-score>strong>span{font-size:20px;font-weight:400;letter-spacing:-.02em;color:#526e64} .learner-feedback-result--rating .feedback-score>span{font-size:13px;line-height:1.5;color:#526e64} .learner-feedback-result--rating .feedback-context{display:flex;align-items:center;flex-wrap:wrap;gap:0 20px;color:#526e64} .learner-feedback-result--rating .feedback-context p,.learner-feedback-result--rating .feedback-context time{margin:0;font-size:11px;line-height:1.5;font-weight:400} .learner-feedback-result--rating .feedback-context a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#244140;text-decoration:underline;text-underline-offset:4px;font-size:11px} @media(max-width:700px){ .programme-feedback-summary .learner-feedback-result--rating{gap:10px;padding:6px 0 12px} .learner-feedback-result--rating .feedback-score>strong{font-size:42px} .learner-feedback-result--rating .feedback-context{gap:0 14px} } /* /styles/fiar-context.css?v=3 */ /* FIAR identity follows investigation and law-enforcement content across routes. Keep shared Centre navigation and partner/credential artwork in their own identity. */ main :is(a[href^="/fiar-certification/"],a[href^="/training-for-law-enforcement/"]):not(.btn,.le-link,.sector-discovery-link,.cat-route,.pp-connect-actions a) { color:var(--fiar-blue); } main :is(a[href^="/fiar-certification/"],a[href^="/training-for-law-enforcement/"]):not(.btn,.le-link,.sector-discovery-link,.cat-route,.pp-connect-actions a):hover { color:var(--fiar-blue-hover); } main a.btn[href^="/fiar-certification/"] { background:var(--fiar-blue);border-color:var(--fiar-blue);color:#fff; } main .cat-fiar a.btn { background:var(--fiar-lime);border-color:var(--fiar-lime);color:var(--fiar-blue); } main a.btn[href^="/fiar-certification/"]:hover { background:var(--fiar-blue-hover);border-color:var(--fiar-blue-hover);color:#fff; } main .cat-fiar a.btn:hover { background:#dcffa8;border-color:#dcffa8;color:var(--fiar-blue); } .hp-programme-row-fiar,.cg-route--fiar { --ink:var(--fiar-blue);--muted:var(--fiar-text-secondary); } .hp-programme-row-fiar :is(h3,h4),.cg-route--fiar :is(h2,h3) { color:var(--fiar-blue); } .cg-route--fiar { background:var(--fiar-paper);border-color:var(--fiar-line); } .cg-route--fiar :is(p,li) { color:var(--fiar-text-secondary); } /* Agency page: the shared closing CTA and practitioner dialogue inherit FIAR. */ [data-page="law-enforcement"] .b2b-next-step { background:var(--fiar-paper);color:var(--fiar-blue);border-color:var(--fiar-line); } [data-page="law-enforcement"] .b2b-next-step p { color:var(--fiar-text-secondary); } [data-page="law-enforcement"] .b2b-next-step-primary { background:var(--fiar-blue);border-color:var(--fiar-blue); } [data-page="law-enforcement"] .b2b-next-step-primary:hover { background:var(--fiar-blue-hover); } [data-page="law-enforcement"] .b2b-next-step-secondary { color:var(--fiar-blue); } [data-page="law-enforcement"] .b2b-next-step a:focus-visible { outline-color:var(--fiar-blue); } .le-page .institutional-dialogue { color:var(--fiar-blue); } .le-page .dialogue-cta { background:var(--fiar-blue); } /* The FIAR palette turns link text FIAR blue on hover: the button, which turns that blue too, keeps its white label. */ .le-page .dialogue-cta:hover { background:var(--fiar-blue-hover); color:#fff; } .le-page .dialogue-cta:focus-visible { outline-color:var(--fiar-blue); } .le-page :is(.dialogue-intro>p,.dialogue-feature-copy p,.dialogue-photo figcaption,.dialogue-services p,.dialogue-arrangements) { color:var(--fiar-text-secondary); } .le-page .dialogue-photo-frame { background:var(--fiar-paper); } .le-page .dialogue-services { border-color:var(--fiar-line); } /* Financial-investigation project within the Centre's About page. */ .about-centre .ap-institution { --ap-ink:var(--fiar-blue);--ap-muted:var(--fiar-text-secondary);--ap-line:var(--fiar-line);color:var(--fiar-blue); } .about-centre .ap-project-client { color:var(--fiar-blue); } .about-centre .ap-institution .ap-timeline-connector svg { color:var(--fiar-blue-hover); } @media(forced-colors:active) { main :is(a[href^="/fiar-certification/"],a[href^="/training-for-law-enforcement/"]) { forced-color-adjust:auto; } } /* Shared learning utilities take the programme palette when placed on FIAR. */ .fiar-programme-page .cpd-reference a { color:var(--fiar-blue); } .fiar-programme-page .aml-check-invitation { background-color:var(--fiar-blue); background-image:linear-gradient(#033b6de6,#033b6de6),url('/assets/fiar-frame-field.svg'); } .fiar-programme-page .aml-check-invitation :is(.aml-check-invitation-description,.aml-check-invitation-details,.aml-check-invitation-proof) { color:var(--fiar-on-dark); } .fiar-programme-page .aml-check-invitation .aml-check-invitation-benefits svg { fill:var(--fiar-lime); } .fiar-programme-page .aml-check-invitation .aml-check-invitation-proof strong { color:var(--fiar-lime); } .fiar-programme-page .aml-check-invitation .aml-check-invitation-action .aml-check-invitation-cta { background:var(--fiar-lime);color:var(--fiar-blue)!important; } .fiar-programme-page .aml-check-invitation .aml-check-invitation-action .aml-check-invitation-cta:hover { background:#dcffa8; } main :is(a[href^="/fiar-certification/"],a[href^="/training-for-law-enforcement/"]):focus-visible { outline:2px solid currentColor;outline-offset:5px; } /* /styles/visual-system.css?v=1 */ /* Shared presentation roles. Campaign lettering, diagrams and article reading typography remain explicit exceptions, rather than inheriting display sizes. */ @font-face{font-family:Inter;src:url('/assets/inter-400.woff2?v=b4d8856b') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-01C3,U+01C5-0254,U+0256-027B,U+027E-0284,U+0286-0290,U+0292-02A4,U+02A6-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+0374-0376,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D7,U+03DC-03DD,U+03F0-03F6,U+03F9-03FA,U+03FC-0479,U+0480-049D,U+04A0-04FF,U+052F,U+0E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1E9B,U+1E9D-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852} @font-face{font-family:Inter;src:url('/assets/inter-400-subset.woff2?v=3513f6c8') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-017F,U+0218-021B,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122,U+2161,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2212,U+2248,U+25B6,U+FEFF} @font-face{font-family:Inter;src:url('/assets/inter-500.woff2?v=0e268c2d') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-01C3,U+01C5-0254,U+0256-027B,U+027E-0284,U+0286-0290,U+0292-02A4,U+02A6-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+0374-0376,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D7,U+03DC-03DD,U+03F0-03F6,U+03F9-03FA,U+03FC-0479,U+0480-049D,U+04A0-04FF,U+052F,U+0E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1E9B,U+1E9D-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852} @font-face{font-family:Inter;src:url('/assets/inter-500-subset.woff2?v=814aa667') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-017F,U+0218-021B,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122,U+2161,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2212,U+2248,U+25B6,U+FEFF} @font-face{font-family:Inter;src:url('/assets/inter-600.woff2?v=3544909d') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-01C3,U+01C5-0254,U+0256-027B,U+027E-0284,U+0286-0290,U+0292-02A4,U+02A6-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+0374-0376,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D7,U+03DC-03DD,U+03F0-03F6,U+03F9-03FA,U+03FC-0479,U+0480-049D,U+04A0-04FF,U+052F,U+0E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1E9B,U+1E9D-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852} @font-face{font-family:Inter;src:url('/assets/inter-600-subset.woff2?v=55a6df05') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-017F,U+0218-021B,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122,U+2161,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2212,U+2248,U+25B6,U+FEFF} @font-face{font-family:Inter;src:url('/assets/inter-700.woff2?v=7b45519c') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-01C3,U+01C5-0254,U+0256-027B,U+027E-0284,U+0286-0290,U+0292-02A4,U+02A6-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+0374-0376,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D7,U+03DC-03DD,U+03F0-03F6,U+03F9-03FA,U+03FC-0479,U+0480-049D,U+04A0-04FF,U+052F,U+0E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1E9B,U+1E9D-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852} @font-face{font-family:Inter;src:url('/assets/inter-700-subset.woff2?v=3fbf52ee') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-017F,U+0218-021B,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122,U+2161,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2212,U+2248,U+25B6,U+FEFF} body{font-family:var(--amlcc-font);-webkit-font-smoothing:antialiased} body[data-page] main .wrap{box-sizing:border-box;width:100%;max-width:calc(var(--ds-content) + 2 * var(--ds-gutter));margin-inline:auto;padding-inline:var(--ds-gutter)} body[data-page] main .wrap .wrap{max-width:100%;padding-inline:0} body[data-page] main :is(.section-head,.hp-section-head,.cat-section-head,.offer-section-head,.ab-heading,.mbr-section-head,.lp-section-head,.learner-reviews-heading,.programme-voices-heading,.fiar-section-intro,.fiar-curriculum-intro,.ps-introduction,.fd-syllabus-intro,.cass-curriculum__intro,.cw-intro,.ad-intro,.ll-compact-heading,.org-engagement-heading,.voices-intro,.b2b-next-step) h2, body[data-page] main :is(.fd-section,.mbr-section,.lp-course-overview,.lp-course-syllabus,.lp-course-details,.lp-course-faq,.reviews-method,.home-decision-support,.home-faculty,.hp-final) h2, body[data-page] main :is(.ap-learning>h2,.compare-intro h2){font-size:var(--ds-font-section);line-height:var(--ds-leading-heading);letter-spacing:var(--ds-tracking-heading);font-weight:600} body[data-page] main :is(.section-head,.hp-section-head,.cat-section-head,.offer-section-head,.ab-heading,.mbr-section-head,.lp-section-head,.programme-voices-heading,.fiar-section-intro)>p, body[data-page] main :is(.programme-voices-context,.ap-learning-statements p,.fiar-curriculum-intro>p){font-size:var(--ds-font-body);line-height:var(--ds-leading-body);max-width:var(--ds-reading-width)} body[data-page] main :is(.programme-teachers h3,.ab-team-card h3,.fiar-audience-grid h3,.mbr-benefit h3){font-size:var(--ds-font-title);line-height:1.25;letter-spacing:-.025em;font-weight:600} body[data-page] main :is(.section,.hp-section,.cat-section,.fd-section,.mbr-section,.programme-skills,.learner-reviews,.programme-voices,.lp-course-syllabus,.lp-course-faq):not(.hero,.pc-hero,.ll-hero){padding-block:var(--ds-section-space)} /* About is an editorial story: display mission/origin type stays large. */ body main.about-centre .ap-section{padding-block:var(--ds-section-space)} body main.about-centre :is(.ap-community-title,.ap-project-story) h2{font-size:var(--ds-font-feature);line-height:var(--ds-leading-heading)} body main.about-centre .ap-learning-statements h3{font-size:var(--ds-font-title);line-height:1.25} body[data-page] main :is(.section-head,.cat-section-head,.offer-section-head,.mbr-section-head,.programme-voices-heading){margin-bottom:var(--ds-space-12);gap:var(--ds-space-8)} body[data-page] main :is(.btn,.mbr-button){min-height:var(--ds-button-min);font-size:var(--ds-font-action);line-height:1.4;border-radius:var(--amlcc-radius-control);white-space:normal;text-align:center} body[data-page] main .text-link{display:inline-flex;align-items:center;gap:12px;min-height:var(--ds-control-min);font-size:var(--ds-font-action);line-height:1.5;text-underline-offset:4px} body[data-page] main .text-link svg{flex-shrink:0} body[data-page] main :is(.ab-team-profile,.mbr-text-link,.cat-course-link){min-height:var(--ds-control-min);font-size:var(--ds-font-action);line-height:1.5} body[data-page] main :is(.photo-figure figcaption,.ab-hero-caption,.ap-hero-photo figcaption,.dialogue-photo figcaption){font-size:var(--ds-font-support);line-height:1.5} body[data-page] main :is(.request-form,.pt-enquiry-form) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font:inherit;font-size:16px;line-height:1.5;min-height:48px;border-radius:var(--amlcc-radius-control)} body[data-page] main :is(.request-form,.pt-enquiry-form) :is(input,select,textarea):focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px} body[data-page] main :is(.request-form,.pt-enquiry-form) button:disabled{opacity:.6;cursor:wait} body[data-page] main :is(.cat-method-tabs,.ab-people-tabs,.ps-tabs) button{min-height:var(--ds-control-min);font-size:var(--ds-font-support)} /* Two programme mobile comparison; no nested gutters or prototype page resets. */ .catalogue-comparison{scroll-margin-top:110px} .catalogue-comparison .compare{max-width:calc(var(--ds-content) + 2 * var(--ds-gutter));padding:var(--ds-section-space) var(--ds-gutter);color:var(--ds-text)} .catalogue-comparison .compare-intro{margin-bottom:var(--ds-space-8)} .catalogue-comparison .compare-table :is(th,td){text-align:left} .catalogue-comparison .compare-table thead :is(th,td){z-index:5} .catalogue-comparison .compare-table thead th:last-child{color:var(--fiar-blue);background:var(--fiar-paper)} .catalogue-comparison .compare-table tfoot td:last-child a{color:var(--fiar-blue)} .catalogue-comparison .compare-selector:has([src$="badge-fiar.svg"]){color:var(--fiar-blue)} .catalogue-comparison .compare-selector:has([src$="badge-fiar.svg"]) .compare-picker-trigger{color:var(--fiar-blue)} .catalogue-comparison .compare-sr{padding:0!important;border:0!important} body[data-page] main .compact-client-quote .compact-quote-mark{position:static;opacity:1;margin:0} body[data-page] main .compact-client-quote figcaption a svg{width:14px;height:14px;flex:none} @media(max-width:950px){.catalogue-comparison .compare{max-width:740px}.catalogue-comparison .compare-table{display:none}} @media(max-width:700px){ body[data-page] main :is(.section-head,.cat-section-head,.offer-section-head,.mbr-section-head,.programme-voices-heading){margin-bottom:var(--ds-space-8);gap:var(--ds-space-6)} body[data-page] main .text-link{padding-block:8px} body[data-page] main :is(.section-head,.cat-section-head,.offer-section-head,.mbr-section-head,.programme-voices-heading)>*{min-width:0} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body[data-page] main *,body[data-page] main *:before,body[data-page] main *:after{transition-duration:0ms!important;animation-duration:0ms!important}} /* /styles/fiar-refinements.css?v=1 */ /* FIAR-specific editorial rhythm; retain the shared type scale and approved palette. */ .fiar-programme-page .fiar-editorial-intro{gap:clamp(24px,4vw,56px);margin-bottom:36px;align-items:start} .fiar-programme-page .fiar-editorial-intro h2{margin:0;text-wrap:balance} .fiar-programme-page .fiar-editorial-intro>p{margin:0;padding:0;background:none;border:0;border-radius:0;color:var(--fiar-text-secondary);max-width:52ch} .fiar-programme-page #fiar-faculty .fiar-editorial-intro h2:before{content:"";display:block;width:30px;height:24px;margin-bottom:18px;background:var(--fiar-blue);mask:url('/assets/original/shape-bar.svg') center/contain no-repeat} .fiar-programme-page .fiar-expertise{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding:0;margin:0;align-self:center;color:var(--fiar-blue)} .fiar-programme-page .fiar-expertise li{display:flex;align-items:center;gap:10px;padding:0;margin:0;font-size:15px;font-weight:500;line-height:1.5} .fiar-expertise li:before{content:"";width:6px;height:6px;flex:none;background:var(--fiar-blue)} .fiar-expertise li:nth-child(even):before{background:#4784af} .fiar-programme-page .fiar-faculty-leads{gap:40px} .fiar-person-heading{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:center;margin-bottom:20px} .fiar-person-heading img{width:112px;height:112px;object-fit:cover;border-radius:6px;background:var(--fiar-paper)} .fiar-programme-page .fiar-person-heading h3{font-size:clamp(23px,2.3vw,28px);line-height:1.2;margin:8px 0 0;overflow-wrap:normal} .fiar-programme-page .fiar-person-heading .fiar-faculty-role{margin:0;font-size:13px} .fiar-programme-page .fiar-faculty-more{gap:28px;margin-top:36px} .fiar-programme-page .fiar-faculty-more article{background:none;border-radius:0;padding:20px 0 0;border-top:1px solid var(--fiar-line)} .fiar-programme-page .fiar-institution-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:start} .fiar-programme-page .fiar-institution-layout>.fiar-demo{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:start;gap:22px;padding:36px;background:var(--fiar-blue);color:#fff;border-radius:12px} .fiar-demo:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:url('/assets/fiar-frame-field.svg') right -150px bottom -50px/400px auto no-repeat;opacity:.16} .fiar-programme-page .fiar-demo .audit-kicker{font-size:13px;font-weight:600;color:var(--fiar-lime);margin:0} .fiar-programme-page .fiar-demo h3{font-size:clamp(28px,3vw,36px);line-height:1.15;letter-spacing:-.03em;color:#fff;margin:0;text-wrap:balance} .fiar-programme-page .fiar-demo>p:not(.audit-kicker){font-size:16px;line-height:1.65;color:#dce8f3;margin:0;max-width:44ch} .fiar-programme-page .fiar-demo .btn{background:var(--fiar-lime);border-color:var(--fiar-lime);color:var(--fiar-blue);white-space:normal;justify-content:space-between;gap:16px;min-height:48px;max-width:100%} .fiar-programme-page .fiar-demo .btn:hover{background:#dcffa8} .fiar-programme-page .fiar-demo .text-link{color:#fff;font-size:15px;white-space:normal;min-height:44px;margin:0;gap:14px} .fiar-demo a:focus-visible{outline:2px solid var(--fiar-lime);outline-offset:5px} .fiar-programme-page .fiar-institution-layout .row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px} .fiar-programme-page .fiar-licensing-link{font-size:15px;min-height:44px;gap:14px;white-space:normal;margin:0} .fiar-programme-page .fiar-agency-link{font-size:14px;min-height:44px;margin-top:18px;gap:14px;white-space:normal} .fiar-programme-page .fiar-procurement-note{padding:26px 0 0;margin-top:32px;border-radius:0;border-top:1px solid var(--fiar-line);background:none;align-items:start} .fiar-programme-page .fiar-procurement-note .text-link{white-space:normal;max-width:100%;gap:14px;min-height:44px} @media(max-width:1050px){.fiar-programme-page .fiar-institution-layout{grid-template-columns:1fr;gap:32px}.fiar-programme-page .fiar-faculty-leads{gap:28px}.fiar-person-heading{grid-template-columns:88px minmax(0,1fr);gap:18px}.fiar-person-heading img{width:88px;height:88px}} @media(max-width:700px){ .fiar-programme-page .fiar-editorial-intro{grid-template-columns:1fr;gap:22px;margin-bottom:28px} .fiar-programme-page .fiar-expertise{gap:14px 18px} .fiar-programme-page .fiar-expertise li{font-size:14px;align-items:start} .fiar-expertise li:before{margin-top:7px} .fiar-programme-page .fiar-faculty-leads{grid-template-columns:1fr;gap:32px} .fiar-programme-page .fiar-person-heading h3{font-size:24px} .fiar-programme-page .fiar-institution-layout>.fiar-demo{margin-inline:calc(-1 * var(--ds-gutter));padding:28px var(--ds-gutter);border-radius:0} .fiar-programme-page .fiar-institution-layout .row{align-items:stretch;flex-direction:column;gap:8px} .fiar-programme-page .fiar-institution-layout .row>.btn,.fiar-programme-page .fiar-demo .btn{width:100%;justify-content:space-between} .fiar-programme-page .fiar-procurement-note{flex-direction:column;gap:14px;margin-top:28px} .fiar-programme-page .fiar-procurement-note h3{font-size:23px} } /* /styles/announcement.css?v=promo-right-3 */ .site-announcement{display:flex;align-items:center;justify-content:center;gap:22px;background:#c1f99b;color:#203e3b;padding:8px 24px;font-size:14px;line-height:1.4} .site-announcement .btn{min-height:44px;padding:10px 16px;font-size:14px;white-space:nowrap} .site-announcement--quiz{gap:16px;font-weight:500} .site-announcement--quiz .announcement-message{display:flex;align-items:center;gap:12px;min-width:0} .site-announcement--quiz .announcement-ticket{flex:0 0 22px} .site-announcement--quiz .announcement-mobile{display:none} .site-announcement--quiz .btn{background:#203e3b;color:#f5f8f4;border:1px solid #203e3b;border-radius:8px;font-weight:600} .site-announcement--quiz .btn:hover{background:#31544e;border-color:#31544e} .site-announcement .btn:focus-visible{outline:2px solid #203e3b;outline-offset:3px} @media(max-width:600px){ .site-announcement{gap:10px 14px;font-size:13px;line-height:1.4;padding:10px 16px;justify-content:space-between} .site-announcement .btn{flex-shrink:0;font-size:13px;padding:10px 12px} .site-announcement--quiz{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px} .site-announcement--quiz .announcement-message{gap:10px} .site-announcement--quiz .announcement-desktop{display:none} .site-announcement--quiz .announcement-mobile{display:inline} .site-announcement--quiz .btn{margin-left:0} } /* On laptops and wider the bar stays slim, so each page's first screen keeps its hero (audit, 29 September 2026). */ @media(min-width:1025px){.site-announcement{padding:6px 24px}.site-announcement .btn{min-height:36px;padding:7px 14px}} /* Narrow phones (17 October 2026): a longer translated label ("Organizar una evaluación del equipo") pushed the page 7px wider than a 360px screen. The button now takes at most 62% of the bar and wraps inside it; a label that fits, as in English, keeps its one line, and the message wraps first, as before (18 October 2026: letting the button shrink with the message folded the English label onto three lines). The quiz bar lays out its own short label. */ @media(max-width:420px){.site-announcement:not(.site-announcement--quiz) .btn{flex-shrink:0;max-width:62%;white-space:normal;text-align:left;line-height:1.3}.site-announcement:not(.site-announcement--quiz) .btn .brand-link__label{white-space:normal}} /* /styles/certification-heroes.css?v=shared-forest-3 */ /* Approved certification family. Styles are scoped to avoid legacy course-page collisions. */ .programme-hero{--ph-ground:var(--amlcc-forest,#244140);--ph-accent:#c1f99b;--ph-text:#f4f8f2;--ph-muted:#c5d9ce;--ph-line:#57736c;position:relative;isolation:isolate;overflow:hidden;background:var(--ph-ground);color:var(--ph-text);font-family:Inter,sans-serif;padding:0} .programme-hero--fiar{--ph-ground:#033b6d;--ph-accent:#ccff85;--ph-text:#f4f8fc;--ph-muted:#dbe8f2;--ph-line:#4b779b} .programme-hero :is(h1,p,dl,dd,dt){margin:0;padding:0;max-width:none;color:inherit}.programme-hero *{box-sizing:border-box}.programme-hero a{color:inherit;text-decoration:none}.programme-hero [hidden]{display:none!important}.programme-hero button{font:inherit}.programme-hero :is(a,button):focus-visible,.programme-hero-links a:focus-visible{outline:2px solid var(--ph-accent,#087b65);outline-offset:5px}.programme-hero .ph-anchor{position:absolute;top:0;scroll-margin-top:100px} .programme-hero .ph-inner{max-width:1440px;padding:26px 7% 32px;margin:auto;position:relative}.programme-hero .ph-top{display:flex;justify-content:space-between;align-items:center;color:var(--ph-muted);font-size:13px;line-height:1.5}.programme-hero .ph-back{display:inline-flex;align-items:center;flex-direction:row-reverse;gap:12px;min-height:30px}.programme-hero .ph-back svg{width:16px;transform:rotate(180deg)} .programme-hero .ph-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);gap:0 8%;margin:30px 0 36px;align-items:start}.programme-hero .ph-identity{grid-column:1;grid-row:1;min-width:0}.programme-hero .ph-eyebrow{font-size:13px;font-weight:500;color:var(--ph-accent);display:flex;align-items:center;gap:10px;margin-bottom:12px;line-height:1.5}.programme-hero .ph-eyebrow svg{flex:none;width:17px;height:14px}.programme-hero h1{font-weight:500;letter-spacing:normal;line-height:1.1;text-wrap:initial}.programme-hero .ph-name{font-size:clamp(78px,8.7vw,126px);font-weight:600;line-height:.99;letter-spacing:-.065em;display:block}.programme-hero .ph-dot{color:var(--ph-accent)}.programme-hero .ph-qualification{display:block;font-size:clamp(22px,2.15vw,30px);font-weight:500;line-height:1.28;letter-spacing:-.035em;margin-top:16px}.programme-hero--foundation .ph-name{font-size:clamp(50px,5.6vw,76px);line-height:1.05;max-width:11ch} .programme-hero .ph-introduction{grid-column:1;grid-row:2;margin-top:24px;max-width:540px}.programme-hero .ph-lead{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.035em;max-width:29ch;text-wrap:pretty}.programme-hero .ph-support{font-size:15px;line-height:1.6;max-width:52ch;margin-top:13px;color:var(--ph-muted)} .programme-hero .ph-credential{grid-column:2;grid-row:1/3;align-self:center;display:flex;align-items:center;flex-direction:column;position:relative;isolation:isolate;padding:0 0 12px}.programme-hero .ph-credential:before{content:'';position:absolute;inset:-24px -38px;background:radial-gradient(ellipse,var(--ph-ground) 15%,color-mix(in srgb,var(--ph-ground) 78%,transparent) 40%,transparent 72%);z-index:-1;pointer-events:none}.programme-hero .ph-badge{display:block;width:270px;max-width:85%;height:auto;animation:ph-credential-arrive 560ms cubic-bezier(.22,.61,.36,1) 1000ms both}.programme-hero .ph-credential-link{display:flex;align-items:center;gap:22px;font-size:13px;color:var(--ph-muted);margin-top:24px;animation:ph-caption-arrive 350ms ease-out 1300ms both}.programme-hero .ph-credential-link svg{width:16px;color:var(--ph-accent)} .programme-hero .ph-enrolment{grid-column:1/-1;margin-top:28px;padding-top:22px;border-top:1px solid var(--ph-line);display:grid;grid-template-columns:1fr 1.4fr;gap:8%;align-items:center}.programme-hero .ph-entry-legacy{display:contents}.programme-hero :is(.ph-audience,.pc-audience){display:flex;align-self:start;gap:25px;margin:0;padding:0;border:0;background:none}.programme-hero :is(.ph-audience,.pc-audience) button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--ph-muted);padding:12px 0;min-height:44px;cursor:pointer;font-weight:500;font-size:15px;white-space:nowrap;box-shadow:none}.programme-hero :is(.ph-audience,.pc-audience) button[aria-pressed=true]{color:var(--ph-accent);border-bottom-color:var(--ph-accent)} .programme-hero :is(.pc-offer,.ph-offer-native){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 22px;align-items:center;margin:0;padding:0;background:none;border:0;box-shadow:none;min-width:0;min-height:0}.programme-hero .pc-offer-heading{display:flex;gap:14px;align-items:center;margin:0}.programme-hero .pc-offer-heading strong{font-size:34px;font-weight:600;line-height:1.15;letter-spacing:-.04em;color:var(--ph-text)}.programme-hero .pc-offer-heading>span{font-size:12px;line-height:1.5;color:var(--ph-muted);max-width:13ch}.programme-hero .pc-offer-heading strong:not(:first-child){font-size:23px}.programme-hero .ph-offer-heading strong{display:block;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.035em}.programme-hero .ph-offer-heading span{display:block;font-size:12px;line-height:1.5;color:var(--ph-muted);margin-top:5px}.programme-hero .pc-actions{display:block;margin:0}.programme-hero .pc-actions>a:not(.btn){display:none} .programme-hero :is(.ph-button,.pc-actions .btn){background:var(--ph-accent);color:var(--ph-ground);border:0;border-radius:8px;padding:17px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-size:15px;line-height:1.3;font-weight:600;min-height:54px;white-space:normal;box-shadow:none;text-align:left;margin:0}.programme-hero :is(.ph-button,.pc-actions .btn) svg{width:20px;height:20px;flex:none}.programme-hero :is(.ph-button,.pc-actions .btn):hover{background:color-mix(in srgb,var(--ph-accent) 80%,white)}.programme-hero :is(.pc-offer-note,.ph-offer-note){grid-column:1/-1;font-size:11px;line-height:1.5;color:var(--ph-muted);margin:0;min-height:0}.programme-hero .pc-offer:has(.pc-offer-heading strong:first-child:not(:only-child)){min-width:0} .programme-hero .ph-facts{display:grid;grid-template-columns:1fr 1fr 1.15fr 1.35fr;border-top:1px solid var(--ph-line);padding-top:24px;gap:32px}.programme-hero .ph-facts>div{display:grid;grid-template-rows:62px auto auto;row-gap:6px;min-width:0}.programme-hero .ph-facts dt{grid-row:2;font-size:14px;line-height:1.4;color:var(--ph-text)}.programme-hero .ph-facts dd{display:contents}.programme-hero .ph-value{grid-row:1;font-size:54px;font-weight:500;line-height:62px;letter-spacing:-.065em;color:var(--ph-text);font-variant-numeric:tabular-nums;white-space:nowrap}.programme-hero .ph-value.ph-value-word{font-size:36px;letter-spacing:-.045em}.programme-hero .ph-fact-note{grid-row:3;font-size:11px;line-height:1.5;color:var(--ph-muted)} .programme-hero .ph-extra{margin-top:24px;font-size:12px;line-height:1.6}.programme-hero .ph-existing{display:flex;gap:8px 20px;align-items:baseline;flex-wrap:wrap}.programme-hero .ph-existing :is(p,span){font-size:12px;line-height:1.6;color:var(--ph-muted)}.programme-hero .ph-existing a{color:var(--ph-accent);font-size:12px;display:inline-flex;align-items:center;gap:10px;text-decoration:underline;text-underline-offset:4px}.programme-hero .ph-existing a svg{width:14px;height:14px}.programme-hero .ph-proof{color:var(--ph-muted);font-size:12px;display:inline-flex;gap:12px;align-items:center}.programme-hero .ph-proof svg{width:15px} .programme-hero-links{--ph-accent:#087b65;background:#f6f8f6;color:#244140;padding:22px max(7%,calc((100% - 1240px)/2));display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #d7e0d8}.programme-hero-links--fiar{--ph-accent:#033b6d;background:#f0f4f8;color:#033b6d}.programme-hero-links .ph-link{color:inherit;display:inline-flex;align-items:center;gap:24px;font-size:13px;font-weight:500;min-height:28px;line-height:1.5;text-decoration:none}.programme-hero-links .ph-link svg{flex:none;width:18px;height:18px;color:var(--ph-accent)} .programme-hero .ph-art{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:var(--ph-ground)}.programme-hero .ph-bars{position:absolute;inset:0;mask-image:linear-gradient(90deg,transparent 29%,rgba(0,0,0,.24) 46%,#000 86%);-webkit-mask-image:linear-gradient(90deg,transparent 29%,rgba(0,0,0,.24) 46%,#000 86%)}.programme-hero .ph-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--ph-ground) 2%,color-mix(in srgb,var(--ph-ground) 95%,transparent) 15%,color-mix(in srgb,var(--ph-ground) 35%,transparent) 42%,transparent 70%)}.programme-hero .ph-bar-field{position:absolute;width:1100px;height:720px;max-width:none;top:0;right:0;overflow:visible}.programme-hero .ph-bar-column{animation:ph-bar-assemble 680ms cubic-bezier(.22,.61,.36,1) var(--column-delay) both}.programme-hero .ph-bar-signal{animation:ph-bar-signal 720ms ease-in-out var(--signal-delay) both} @keyframes ph-bar-assemble{from{opacity:0;transform:translate(-10px,18px)}to{opacity:1;transform:translate(0,0)}}@keyframes ph-bar-signal{0%,100%{opacity:var(--rest)}50%{opacity:var(--peak)}}@keyframes ph-credential-arrive{from{opacity:0;transform:translateY(9px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ph-caption-arrive{from{opacity:0}to{opacity:1}} @media(min-width:1500px){.programme-hero .ph-inner{padding-inline:100px}.programme-hero .ph-bar-field{right:calc((100% - 1440px)/2)}} @media(max-width:1000px){.programme-hero .ph-grid{column-gap:5%}.programme-hero .ph-enrolment{grid-template-columns:.75fr 1.7fr;gap:5%}.programme-hero .ph-badge{width:230px}.programme-hero .pc-offer-heading{gap:10px}.programme-hero .ph-facts{gap:20px}.programme-hero-links{gap:20px;flex-wrap:wrap}} @media(max-width:650px){.programme-hero .ph-inner{padding:20px 24px 26px}.programme-hero .ph-top{font-size:11px}.programme-hero .ph-grid{grid-template-columns:minmax(0,1fr) 98px;column-gap:12px;margin:27px 0 25px}.programme-hero .ph-identity{grid-column:1/-1;grid-row:1}.programme-hero .ph-eyebrow{font-size:11px;margin-bottom:15px;max-width:100%}.programme-hero .ph-eyebrow svg{width:14px;height:12px}.programme-hero .ph-name{font-size:76px;line-height:1.05;max-width:230px}.programme-hero .ph-qualification{font-size:25px;line-height:1.25;margin-top:20px;max-width:310px}.programme-hero--foundation .ph-name{font-size:40px;line-height:1.08;max-width:calc(100% - 108px);letter-spacing:-.05em}.programme-hero--foundation .ph-qualification{font-size:23px}.programme-hero .ph-credential{grid-column:2;grid-row:1;align-self:start;padding:0;margin-top:32px;pointer-events:none}.programme-hero .ph-credential:before{inset:-16px}.programme-hero .ph-badge{width:98px;max-width:none}.programme-hero a.ph-credential-link{display:none!important}.programme-hero .ph-introduction{grid-column:1/-1;grid-row:2;margin-top:23px}.programme-hero .ph-lead{font-size:20px;max-width:27ch;line-height:1.3}.programme-hero .ph-support{font-size:14px;line-height:1.55;margin-top:13px}.programme-hero .ph-enrolment{grid-column:1/-1;display:block;margin-top:24px;padding-top:6px}.programme-hero :is(.ph-audience,.pc-audience){gap:25px;margin-bottom:18px}.programme-hero :is(.ph-audience,.pc-audience) button{font-size:13px}.programme-hero :is(.pc-offer,.ph-offer-native){gap:14px 15px}.programme-hero .pc-offer-heading{display:block}.programme-hero .pc-offer-heading strong{font-size:31px}.programme-hero .pc-offer-heading>span{display:block;font-size:10px;max-width:none;margin-top:3px}.programme-hero .ph-offer-heading strong{font-size:22px}.programme-hero .ph-offer-heading span{font-size:11px}.programme-hero :is(.ph-button,.pc-actions .btn){font-size:13px;padding:15px 16px;gap:18px;min-height:50px;max-width:182px}.programme-hero :is(.pc-offer-note,.ph-offer-note){font-size:10px;line-height:1.5}.programme-hero .ph-facts{grid-template-columns:1fr 1fr;gap:24px 20px;padding-top:20px}.programme-hero .ph-facts>div{grid-template-rows:48px auto auto;row-gap:4px}.programme-hero .ph-value{font-size:43px;line-height:48px}.programme-hero .ph-value.ph-value-word{font-size:29px}.programme-hero .ph-facts dt{font-size:12px}.programme-hero .ph-fact-note{font-size:10px;max-width:20ch}.programme-hero-links{padding:10px 24px;display:block}.programme-hero-links .ph-link{padding:14px 0;justify-content:space-between;border-bottom:1px solid #d7e0d8;font-size:12px;display:flex}.programme-hero-links .ph-link:last-child{border:0}.programme-hero .ph-bar-field{width:770px;height:504px;right:calc((100% - 770px)*.31)}.programme-hero .ph-bars{mask-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.58) 52%,#000);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.58) 52%,#000)}.programme-hero .ph-art:after{background:linear-gradient(0deg,var(--ph-ground) 36%,color-mix(in srgb,var(--ph-ground) 90%,transparent) 48%,transparent 83%)}.programme-hero .ph-existing{display:block}.programme-hero .ph-existing>a{margin-block:6px}.programme-hero .ph-existing>span{display:block}} @media(max-width:360px){.programme-hero .ph-inner{padding-inline:20px}.programme-hero .ph-name{font-size:65px}.programme-hero--foundation .ph-name{font-size:34px;max-width:calc(100% - 94px)}.programme-hero .ph-grid{grid-template-columns:minmax(0,1fr) 82px}.programme-hero .ph-badge{width:82px}.programme-hero .ph-qualification{font-size:23px}.programme-hero :is(.ph-button,.pc-actions .btn){gap:10px;padding-inline:12px;max-width:155px}.programme-hero .pc-offer-heading strong{font-size:28px}.programme-hero .ph-facts{gap:22px 14px}.programme-hero .ph-value.ph-value-word{font-size:26px}} @media(prefers-reduced-motion:reduce){.programme-hero :is(.ph-bar-column,.ph-bar-signal,.ph-badge,.ph-credential-link){animation:none!important;transform:none}.programme-hero :is(.ph-badge,.ph-credential-link,.ph-bar-column){opacity:1}.programme-hero .ph-bar-signal{opacity:var(--rest)}} .programme-hero[data-certification="cass"] .ph-qualification{max-width:27ch} /* /styles/course-faq.css?v=1 */ .course-faq{padding:64px 0;background:#f4f7f3;color:#244140}.course-faq--fiar{color:#033b6d;background:#f1f6fa}.course-faq-layout{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:64px}.course-faq header{max-width:30ch}.course-faq .course-faq-kicker{font-size:14px;margin:0 0 12px;color:inherit}.course-faq h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.03em;margin:0 0 16px;color:inherit}.course-faq header>p:last-child{font-size:16px;line-height:1.6;color:#526b62}.course-faq-group+.course-faq-group{margin-top:32px}.course-faq .course-faq-group>h3{font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;margin:0 0 8px;color:#526b62}.course-faq details{border:0;border-bottom:1px solid #ccd8d1;border-radius:0;background:none;box-shadow:none;margin:0;padding:0}.course-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:18px 0;margin:0;font-size:16px;font-weight:600;line-height:1.5;color:inherit;cursor:pointer;background:none;border:0;min-height:48px}.course-faq summary::-webkit-details-marker{display:none}.course-faq summary::before,.course-faq summary::after{display:none!important}.course-faq summary svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.6}.course-faq details[open]>summary svg{transform:rotate(45deg)}.course-faq summary:focus-visible,.course-faq a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.course-faq .course-faq-answer{padding:0 32px 20px 0;max-width:65ch}.course-faq .course-faq-answer p{margin:0;font-size:15px;line-height:1.7;color:#526b62}.course-faq .course-faq-answer a{display:inline-block;margin-top:12px;font-size:15px;line-height:1.5;color:inherit;text-underline-offset:5px}.course-faq .course-faq-answer a span{margin-left:8px}@media(max-width:760px){.course-faq{padding:40px 0}.course-faq-layout{grid-template-columns:minmax(0,1fr);gap:24px}.course-faq header{max-width:none}.course-faq summary{padding:16px 0;gap:16px}.course-faq .course-faq-answer{padding-right:0}.course-faq-group+.course-faq-group{margin-top:28px}} /* The shared marketing accordion draws its own pseudo-element plus sign. */ body[data-page] .course-faq details>summary::before,body[data-page] .course-faq details>summary::after{display:none!important;content:none!important} body[data-page] .course-faq details>summary{padding:18px 0;position:relative} @media(max-width:760px){body[data-page] .course-faq details>summary{padding:16px 0}} /* /styles/course-format.css?v=1 */ /* Quiet delivery information within the existing hero and curriculum. */ .programme-hero .programme-format-line { margin: 18px 0 0; color: var(--ph-muted); font-size: 14px; font-weight: 500; line-height: 1.5; } .programme-format-note { margin: 24px 0; max-width: 65ch; color: var(--amlcc-forest, #244140); } .programme-format-note > h3 { margin: 0 0 6px; color: inherit; font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: normal; } .programme-format-note > p { margin: 0; max-width: 65ch; color: #526b62; font-size: 15px; line-height: 1.65; } .fiar-curriculum .programme-format-note { color: #033b6d; } @media (max-width: 640px) { .programme-hero .programme-format-line { margin-top: 14px; } .programme-format-note { margin: 20px 0; } } /* /styles/exam-preparation.css?v=no-kicker-3 */ .exam-preparation{margin-top:36px;padding:36px 40px 24px;background:var(--exam-surface,#edf2e9);border-radius:12px;color:var(--exam-ink,#244140);scroll-margin-top:112px} .exam-preparation-main{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.65fr);gap:56px} .exam-preparation .exam-preparation-intro h3{font-size:32px;line-height:1.15;letter-spacing:-.035em;margin:0 0 18px;font-weight:600;color:var(--exam-ink,#244140)} .exam-preparation-intro>p:last-child{font-size:13px;line-height:1.65;color:var(--exam-muted,#526e64);max-width:32ch;margin:0} .exam-preparation .exam-preparation-rules{display:block;margin:0} .exam-preparation-rules>div{display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px;padding:20px 0;border-bottom:1px solid var(--exam-line,#cad8cd)} .exam-preparation-rules>div:first-child{padding-top:0}.exam-preparation-rules>div:last-child{border:0;padding-bottom:0} main .exam-preparation .exam-preparation-rules dt{font-size:15px;line-height:1.5;font-weight:600;color:var(--exam-ink,#244140)} .exam-preparation-rules dd{font-size:14px;line-height:1.65;color:var(--exam-muted,#526e64);margin:0;max-width:48ch} .exam-preparation-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 56px;padding-top:22px;margin-top:28px;border-top:1px solid var(--exam-line,#cad8cd);align-items:center} .exam-preparation-footer h4{font-size:13px;line-height:1.4;font-weight:600;margin:0 0 6px;color:var(--exam-ink,#244140)} .exam-preparation-footer p{font-size:12px;line-height:1.6;color:var(--exam-muted,#526e64);margin:0;max-width:78ch} .exam-preparation-footer nav{display:grid;gap:0} .exam-preparation-footer a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;font-size:12px;line-height:1.5;color:var(--exam-ink,#244140);text-decoration:underline;text-underline-offset:4px} .exam-fee-detail{margin:14px 0 0!important;border:0!important;border-top:1px solid #ffffff30!important;padding:0!important;background:transparent!important;color:#eff7ed;scroll-margin-top:112px} .programme-hero .exam-fee-detail summary{font-size:13px!important;line-height:1.5;padding:14px 28px 14px 0!important;min-height:44px;color:#eff7ed} .programme-hero .exam-fee-detail p{font-size:13px;line-height:1.6;max-width:60ch;color:#c4d6cc;margin:0 0 10px} .exam-fee-detail:target{border-top-color:#c1f99b!important} .exam-certificate-validity{padding:16px 0;border-block:1px solid #cbd9cd} .exam-certificate-validity h3{font-size:17px;line-height:1.4;margin:0 0 6px;color:var(--exam-ink,#244140)}.exam-certificate-validity p{font-size:14px;line-height:1.6;color:var(--exam-muted,#526e64);margin:0} /* AML Active on course pages (prototype, 25 Sep 2026): the homepage's membership band at a smaller scale, on the same forest ground, so the offer reads the same wherever it appears. The promise and the benefits sit side by side on wide screens; on phones the benefits come between the promise and the assurance. */ .exam-optional-membership{padding:40px 0;background:transparent;color:#f3f7f3;scroll-margin-top:100px} .wrap .exam-optional-membership{padding:0} .exam-optional-membership>.wrap{display:block} .wrap .exam-optional-membership>.wrap{width:auto;max-width:none;margin:0;padding:0} .cp-active-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px 56px;align-items:center;padding:36px 40px;border-radius:16px;background:#244140;color:#f3f7f3} .cp-active-lockup{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:16px;font-weight:600;line-height:1.3;color:#fff} .cp-active-lockup img{display:block;width:32px;height:32px;flex:none} .exam-optional-membership .cp-active-copy :is(h2,h3){max-width:none;margin:0;font-size:30px;line-height:1.15;letter-spacing:-.03em;color:#fff} .exam-optional-membership .cp-active-lead{max-width:44ch;margin:14px 0 0;font-size:15px;line-height:1.6;color:#c3d5c9} .exam-optional-membership .cp-active-note{max-width:48ch;margin:16px 0 0;font-size:13px;line-height:1.55;color:#9fbaae} .exam-optional-membership a.cp-active-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:10px;color:#c1f99b;font-size:15px;font-weight:600;text-underline-offset:4px} .cp-active-benefits{display:grid;margin:0;padding:0;list-style:none} .cp-active-benefits li{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;margin:0;padding:14px 0;border-top:1px solid rgba(243,247,243,.14)} .cp-active-benefits li:first-child{padding-top:0;border-top:0} .cp-active-benefits li:last-child{padding-bottom:0} .cp-active-benefits strong{display:block;font-size:15px;font-weight:600;line-height:1.35;color:#fff} .exam-optional-membership .cp-active-benefits p{max-width:none;margin:3px 0 0;font-size:13px;line-height:1.5;color:#b8ccc3} .cp-active-art{position:relative;display:grid;place-items:center;width:72px;height:54px;border-radius:9px;overflow:hidden;background:#1a3130;box-shadow:inset 0 0 0 1px rgba(243,247,243,.14)} .cp-active-art img{display:block} .cp-active-art--tools img{width:100%;height:100%;padding:3px;object-fit:contain} /* The certificate sits whole inside its tile (owner, 28 Sep 2026); it was wider than the tile and pushed down. */ .cp-active-art--live img{width:54px;max-width:none;height:auto;margin:0;border-radius:2px;box-shadow:0 4px 10px rgba(0,0,0,.35)} /* One included course credit a year: "+1", not decorative slants (owner, 28 Sep 2026). */ .cp-active-art--course b{font-size:24px;line-height:1;font-weight:600;letter-spacing:-.03em;color:#c1f99b;font-variant-numeric:tabular-nums} @media(max-width:1000px){.exam-preparation-main{grid-template-columns:1fr 1.6fr;gap:32px}.exam-preparation-rules>div{grid-template-columns:1fr;gap:7px}.exam-preparation-footer{gap:24px}} @media(max-width:700px){ .exam-preparation{margin-top:28px;padding:24px 20px 16px;border-radius:10px;scroll-margin-top:92px} .exam-preparation-main{grid-template-columns:1fr;gap:24px} .exam-preparation .exam-preparation-intro h3{font-size:28px;margin-bottom:12px}.exam-preparation h3 br{display:none} .exam-preparation-intro>p:last-child{max-width:none;font-size:13px} .exam-preparation-rules>div{padding:16px 0;gap:6px}main .exam-preparation .exam-preparation-rules dt{font-size:15px}.exam-preparation-rules dd{font-size:14px;line-height:1.6} .exam-preparation-footer{grid-template-columns:1fr;margin-top:22px;padding-top:18px;gap:10px}.exam-preparation-footer p{font-size:12px}.exam-preparation-footer nav{gap:0} .exam-optional-membership{padding:32px 0}.wrap .exam-optional-membership{padding:0}.cp-active-panel{grid-template-columns:minmax(0,1fr);gap:0;padding:26px 20px 22px}.cp-active-copy{display:contents}.cp-active-lockup{order:1;margin-bottom:16px}.cp-active-copy :is(h2,h3){order:2}.exam-optional-membership .cp-active-copy :is(h2,h3){font-size:25px}.exam-optional-membership .cp-active-lead{order:3;margin-top:10px}.cp-active-benefits{order:4;margin-top:22px}.exam-optional-membership .cp-active-note{order:5;margin-top:18px}.exam-optional-membership a.cp-active-link{order:6;margin-top:6px} } .exam-preparation--fiar,.exam-optional-membership--fiar{--exam-ink:#103e5f;--exam-muted:#456078;--exam-line:#c1d2de;--exam-surface:#e3edf4;--exam-accent:#2287bb} .exam-preparation .exam-preparation-rules{padding:0;max-width:none} .exam-preparation .exam-preparation-rules>div{margin:0;background:none;border-radius:0} .lp-course-details>.exam-preparation{grid-column:1/-1} /* /styles/page-navigation.css?v=parent-link-3 */ /* Shared parent navigation. Deliberately independent of legacy page link styles. */ main .page-navigation{display:block;position:relative;z-index:1;margin:0 0 24px;padding:0;border:0;background:none;color:#244140;text-align:left} main .page-navigation>a{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;max-width:100%;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-transform:none;text-decoration:none;white-space:normal;opacity:1} main .page-navigation>a>svg{display:block;flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;transform:none} main .page-navigation>a>span{font:inherit;color:inherit} main .page-navigation>a:hover>span{text-decoration:underline;text-underline-offset:4px} main .page-navigation>a:focus-visible{outline:2px solid currentColor;outline-offset:5px} main .page-navigation-shell{padding-block:0} /* Preserve hero containers while giving the parent link the same breathing room. */ main [data-page-navigation-hero]{padding-top:24px!important} main .programme-hero[data-page-navigation-hero]{padding-top:0!important} main .programme-hero[data-page-navigation-hero] .ph-inner{padding-top:24px} main .page-navigation+:is(.le-hero-grid,.rg-hero-grid,.cg-hero-grid){padding-top:0} main .ph-top{margin-bottom:24px} main .ph-top>.page-navigation{margin-bottom:0} main .ph-top+.ph-grid{margin-top:0} main :is(.le-hero,.ev-detail-hero,.programme-hero,.forest,.active-hero) .page-navigation{color:#d7e6dd} main :is(.le-hero,.programme-hero--fiar,.amlr-hero) .page-navigation{color:#dbe8f2} /* On the FIAR palette, whose links turn FIAR blue when pointed at, a back link keeps its colour and underlines, as it does on every other page; on the navy hero that blue vanished. */ body[data-palette="fiar"] main .page-navigation>a:hover{color:inherit} /* /styles/site-type.css?v=3 */ /* Site type scale (owner, 30 September 2026): every public page outside the organisation pages follows the roles the organisation pages use (organisation-type.css), from the site's tokens (assets-tokens.css). An audit of 113 pages found 50 font sizes at 1440px and 42 at 390px: page headlines from 54 to 94px, section headings from 21 to 58px, labels down to 10px. role desktop → phone token display 88 → 40 --ds-font-display the homepage and AML Active headlines page headline (H1) 56 → 38, fluid --ds-font-page every other page section heading 44 → 32 --ds-font-section statistic 56 → 40 --ds-font-stat one standalone figure in a block figure 36 → 32 --ds-font-figure a price or a fact in a card feature heading 28 → 24 --ds-font-headline one per block; the section headings of articles, policies, guides and event pages card title 24 → 22 --ds-font-title small card title 20 --ds-font-subtitle item title 17 → 16 --ds-font-body, in 600 lead 20 → 18 --ds-font-lead quote 30 → 24 --ds-font-quote label 13, floor 12 --ds-font-label Brand wordmarks keep their own sizes: the programme names in the programme heroes and closing panels (FIAR's hero name now matches CASS and CAPS at 104px), the CASS and FIAR names on the homepage and the catalogue, and the AML Active lockups. Illustrations and product mock-ups keep their interface sizes; the FAQ and the forms keep the site's component sizes; article reading text stays at 18px. Sizes are !important because several page stylesheets set theirs with !important. */ /* Headlines */ main[data-site-type] h1:not(:where(.ph-identity h1,#home-opening-title,#mbr-heading)){font-size:var(--ds-font-page)!important;line-height:1.05!important;letter-spacing:-.045em!important} main[data-site-type] #mbr-heading{font-size:var(--ds-font-display)!important;line-height:1!important} main[data-site-type] h1, main[data-site-type] h2, main[data-site-type] h3, main[data-site-type] h4{text-wrap:balance} /* A heading split by a forced line break: balancing stops at the break, so the last line avoids a single word instead */ main[data-site-type] h1:has(br), main[data-site-type] h2:has(br), main[data-site-type] h3:has(br), main[data-site-type] h4:has(br){text-wrap:pretty} /* Section headings; the brand wordmarks and the headings inside illustrations keep theirs */ main[data-site-type] h2:not(:where(.cp-close-word,.cass-spotlight-copy h2,.lp-callout h2,[class*=scene] h2,[class*=folio] h2,.active-panel h2,[aria-hidden=true] h2)){font-size:var(--ds-font-section)!important;line-height:var(--ds-leading-heading)!important;letter-spacing:var(--ds-tracking-heading)!important} /* Feature headings: one per block, and the section headings inside long reading */ main[data-site-type] .lp-body h2:not(.lp-callout h2), main[data-site-type] .article-body h2, main[data-site-type] .cc-section-heading h2, main[data-site-type] .ev-agenda h2, body[data-page=event] main[data-site-type] section.wrap>article>h2, main[data-site-type] .in-feature h2, main[data-site-type] .mc-access-panel h2, main[data-site-type] .cass-spotlight-copy h3, main[data-site-type] .cass-regulatory-heading h3, main[data-site-type] .exam-preparation-intro h3, main[data-site-type] .cp-active-copy h2, main[data-site-type] .cp-active-copy h3, main[data-site-type] .ps-programme-heading h3, main[data-site-type] .audit-cepol-heading h3, main[data-site-type] .fiar-jurisdiction-panel h3, main[data-site-type] .pp-activity-feature h3, main[data-site-type] .watermark-stage-copy h3, main[data-site-type] .cc-final h3, main[data-site-type] .home-close-echo, main[data-site-type] .cat-price strong, main[data-site-type] .ac-timeline strong, main[data-site-type] .ac-commission strong, main[data-site-type] .cass-curriculum__scope dd, main[data-site-type] .ps-grid-stat strong, main[data-site-type] .cc-identity-row strong, main[data-site-type] .cc-price-name, main[data-site-type] .cw-stage-heading h3, main[data-site-type] .fd-assessment-grid dd, main[data-site-type] .cass-exam-facts dd, body[data-page=fiar] main[data-site-type] .ph-qualification{font-size:var(--ds-font-headline)!important;line-height:1.2!important;letter-spacing:-.03em!important} /* Card titles, and the compact headings of side panels, cards and groups */ main[data-site-type] .lp-body h3, main[data-site-type] .cc-article .cc-section>h3, main[data-site-type] .cat-programme-title h3, main[data-site-type] .sme-caption h3, main[data-site-type] .fiar-price-grid h3, main[data-site-type] .sector-decision-flow h3, main[data-site-type] .sector-course-map h3, main[data-site-type] .ac-person h3, main[data-site-type] .rg-accreditor h3, main[data-site-type] .rg-pack h3, main[data-site-type] .cc-decision h3, main[data-site-type] .in-reading-card h3, main[data-site-type] .in-webinars h3, main[data-site-type] .in-centre-lead h3, main[data-site-type] .in-centre-photo h3, main[data-site-type] .ev-related h3, main[data-site-type] .ev-event-row h3, main[data-site-type] .audit-contact-card h3, main[data-site-type] .pp-work-grid h3, main[data-site-type] .faculty-entry h3, main[data-site-type] .fiar-challenge-grid h3, main[data-site-type] .fiar-framework-list h3, main[data-site-type] .faculty-profile-copy h2, main[data-site-type] .faculty-programme h2, main[data-site-type] .home-insights-heading h2, main[data-site-type] .in-start h2, main[data-site-type] .ev-access-heading h2, main[data-site-type] .mc-learning-detail h2, main[data-site-type] .pt-connection figcaption strong, main[data-site-type] .pt-results-list strong, main[data-site-type] .mbr-section>.wrap>strong, main[data-site-type] .ac-cpd-mark strong, main[data-site-type] .certificate-feature h3, body[data-page=recognition] main[data-site-type] article>div>h3, body[data-page=event] main[data-site-type] section.wrap>aside>h2, body[data-page=tools] main[data-site-type] section.wrap>article>h2, body[data-page=contact] main[data-site-type] section.wrap>article>h2, body[data-page=sitemap] main[data-site-type] section.wrap>section>h2{font-size:var(--ds-font-title)!important;line-height:1.25!important;letter-spacing:-.02em!important} /* Small card titles */ main[data-site-type] .lp-callout h2, main[data-site-type] .hp-programme-name h3, main[data-site-type] .course-benefit h3, main[data-site-type] .cg-route-title h3, main[data-site-type] .cg-steps h3, main[data-site-type] .cc-case-heading h3, main[data-site-type] .cc-faculty h3, main[data-site-type] .cc-eligibility h3, main[data-site-type] .fiar-credential-copy h3, main[data-site-type] .fiar-faculty-more h3, main[data-site-type] .fd-assessment-grid h3, main[data-site-type] .ev-step-heading h3, main[data-site-type] .ev-skill-rows h3, main[data-site-type] .integrity-event-cards h3, main[data-site-type] .detail-benefits h3, main[data-site-type] .mbr-short-course h3, main[data-site-type] .mbr-cycle-list h3, main[data-site-type] .pt-benefit-list h3, main[data-site-type] .pt-start-steps h3, main[data-site-type] .rg-directory h3, main[data-site-type] .rg-verify-steps h3, main[data-site-type] .brand-card-link h3, main[data-site-type] .partner-card h3, main[data-site-type] .cat-short-course h3, main[data-site-type] .cat-fiar-title p:not(.cat-label), main[data-site-type] .pp-activity-list h3, body[data-page=event] main[data-site-type] aside>div>h3, body[data-page=event] main[data-site-type] article>div>h3, body[data-page=updates] main[data-site-type] article>div>h3, body[data-page=fiar] main[data-site-type] .wrap>aside>h3, body[data-page=recognition] main[data-site-type] li>div>h3{font-size:var(--ds-font-subtitle)!important;line-height:1.3!important;letter-spacing:-.02em!important} /* Item titles */ main[data-site-type] .cat-programme-outcome h4, main[data-site-type] .cat-fiar-outcome, main[data-site-type] .hp-org-client-stories h4, main[data-site-type] .lp-course-detail-list summary, main[data-site-type] .lp-course-detail-list summary strong, main[data-site-type] .lp-curriculum summary>strong, main[data-site-type] .ev-focus-result strong, main[data-site-type] .ev-hero-notes strong, main[data-site-type] .mbr-record-note strong, main[data-site-type] .mbr-shell>p>strong, body[data-page=learning-platform] main[data-site-type] article>div>strong, body[data-page=partnerships] main[data-site-type] dd>strong, body[data-page=about-certifications] main[data-site-type] .brand-link__label>strong{font-size:var(--ds-font-body)!important;line-height:1.4!important} /* Leads */ main[data-site-type] .ph-lead, main[data-site-type] .home-opening-description, main[data-site-type] .home-opening-description>span, main[data-site-type] .cass-spotlight-name, body[data-page=contact] main[data-site-type] header.wrap>h1+p, main[data-site-type] .lp-lead, main[data-site-type] .ev-lead, main[data-site-type] .integrity-hero-lead, main[data-site-type] .in-intro p:not(.in-eyebrow), main[data-site-type] .pt-intro, main[data-site-type] .reviews-hero>h1+p, main[data-site-type] .pp-lead, main[data-site-type] .pp-role, main[data-site-type] .sector-outcomes ol>li>p, main[data-site-type] .lp-body blockquote p{font-size:var(--ds-font-lead)!important;line-height:1.55!important} /* Each template's own hero introduction, as the lead; the lines under it at body size */ main[data-site-type] .cg-hero-copy>h1+p, main[data-site-type] .ac-lead, main[data-site-type] .cc-intro, main[data-site-type] .hero .lead, main[data-site-type] .cat-hero-top>div>p, main[data-site-type] .active-intro, main[data-site-type] .rg-lead, main[data-site-type] .mc-intro, body[data-page=sitemap] main[data-site-type] header.wrap>h1+p, body[data-page=tools] main[data-site-type] header.wrap>h1+p{font-size:var(--ds-font-lead)!important;line-height:1.55!important} main[data-site-type] .pt-hero-detail, main[data-site-type] .rg-hero-detail, main[data-site-type] .pp-intro{font-size:var(--ds-font-body)!important;line-height:var(--ds-leading-body)!important} /* Figures and statistics */ main[data-site-type] .pc-offer-heading strong, main[data-site-type] .cp-final-price strong, main[data-site-type] .cass-spotlight-facts dd, main[data-site-type] .fiar-price, main[data-site-type] .cc-price-main strong, main[data-site-type] .cc-credit-equation strong, main[data-site-type] .mbr-advantages strong, main[data-site-type] .ev-cpd-number, main[data-site-type] .brand-emphasis--number, main[data-site-type] .sector-awards h3, body[data-page=fiar] main[data-site-type] .ph-value{font-size:var(--ds-font-figure)!important;line-height:1.1!important} main[data-site-type] .cfp-review-value strong, main[data-site-type] .session-facts strong, main[data-site-type] .active-price strong, main[data-site-type] .mbr-final-action strong, main[data-site-type] .fd-syllabus-count strong, main[data-site-type] .cc-exam-facts article>div>strong{font-size:var(--ds-font-stat)!important;line-height:1!important} main[data-site-type] .session-facts strong>span{font-size:.7em!important} @media(min-width:651px){body[data-page=fiar] main[data-site-type] .ph-name{font-size:min(104px,8.7vw)!important}} /* Quotes */ main[data-site-type] .voices-lead blockquote p, main[data-site-type] .learner-review blockquote p, main[data-site-type] .partner-quote p, main[data-site-type] .cc-partner blockquote, body[data-page=reviews] main[data-site-type] section.wrap>article>blockquote{font-size:var(--ds-font-quote)!important;line-height:1.35!important} /* A full-length review reads as text, not as a display quote. */ main[data-site-type] .learner-review[data-review-full] blockquote p{font-size:var(--ds-font-lead)!important;line-height:1.6!important} /* Labels */ main[data-site-type] .lp-kicker, main[data-site-type] .ps-eyebrow, main[data-site-type] .cass-spotlight-top span, main[data-site-type] .ph-top span, main[data-site-type] .ph-eyebrow, main[data-site-type] .cc-kicker, main[data-site-type] .mc-label, main[data-site-type] .cc-note-label span, main[data-site-type] .cc-case-label, main[data-site-type] .cc-partner-label, main[data-site-type] .cc-decision>article>span{font-size:var(--ds-font-label)!important;line-height:1.5!important} /* Notes and small print: 12px is the floor */ main[data-site-type] .lp-source span, main[data-site-type] .lp-source>a:not([data-brand-link]), main[data-site-type] .lp-reading-card>p:first-child, main[data-site-type] .lp-reading-card>p:first-child span, main[data-site-type] .lp-reading-card time, main[data-site-type] .lp-toc>p, main[data-site-type] .lp-event-archive-grid p, main[data-site-type] .lp-event-facts dt, main[data-site-type] .mc-facts dt, main[data-site-type] .mc-member-hint, main[data-site-type] .mc-cpd-note, main[data-site-type] .cat-price small, main[data-site-type] .cat-level span, main[data-site-type] .ph-fact-note, main[data-site-type] .pc-offer-heading span, main[data-site-type] .ph-offer-heading span, main[data-site-type] .cw-section-foot p, main[data-site-type] .ps-full-coverage summary span, main[data-site-type] .ps-approach span, main[data-site-type] .lp-course-detail-list summary span, main[data-site-type] .lp-curriculum summary>span, main[data-site-type] .ad-preview-footer li>span, main[data-site-type] .ad-preview-footer>p, main[data-site-type] .cc-index p, main[data-site-type] .cc-index a>span, main[data-site-type] .cc-identity-row span, main[data-site-type] .cc-article th span, main[data-site-type] .ac-office-role, main[data-site-type] .session-facts p, main[data-site-type] .compare-selector-top span, main[data-site-type] .integrity-journey-step span, main[data-site-type] .integrity-record-notice, main[data-site-type] .integrity-review-steps span, main[data-site-type] .integrity-review-foot, main[data-site-type] .cc-identity-row small, main[data-site-type] .cc-byline span, main[data-site-type] .cc-byline time, main[data-site-type] .cc-section-heading span, main[data-site-type] .cc-source p, main[data-site-type] .cc-case-skills span, main[data-site-type] .cc-journey figcaption span, main[data-site-type] .cc-journey li span, main[data-site-type] .cc-faculty article>span, main[data-site-type] .cc-partner-person span, main[data-site-type] .cc-credit-equation span, main[data-site-type] .cc-eligibility small, main[data-site-type] .cc-topic-heading span, main[data-site-type] .cc-exam-facts dd, main[data-site-type] .cc-exam-facts small, main[data-site-type] .cc-price-name span, main[data-site-type] .cc-item-number, main[data-site-type] .cc-guide-end p, main[data-site-type] .cc-mobile-contents summary span, main[data-site-type] .lp-body th{font-size:12px!important} @media(max-width:700px){main[data-site-type] :is(.cc-identity-row p,.cc-article thead th){font-size:12px!important}} /* /styles/palette-fiar.css?v=3 */ /* FIAR's palette throughout the pages built on it (owner, 27 Sep 2026): FIAR and Law enforcement & FIUs. Shared blocks bring the Centre's forest and its green-greys with them; on these pages they take FIAR's blue, blue-grey text and lines, and lime for actions and highlights. The header and the logos keep the Centre's colours, including the AML Active icon. Values live in assets-tokens.css; pages opt in through page-palette.mjs. */ /* Text and lines that shared styles set in the Centre's green-greys. */ body[data-palette="fiar"] .fiar-module-body>p, body[data-palette="fiar"] .cpd-reference, body[data-palette="fiar"] .cpd-reference strong{color:var(--fiar-ink)} body[data-palette="fiar"] .programme-format-note>p, body[data-palette="fiar"] .course-faq header>p:last-child, body[data-palette="fiar"] .course-faq .course-faq-group>h3, body[data-palette="fiar"] .audit-cooperation dt, body[data-palette="fiar"] .cpd-reference p{color:var(--fiar-text-secondary)} body[data-palette="fiar"] .audit-chain-art>i{border-left-color:#8ea6bd} body[data-palette="fiar"] .programme-reviews-link{border-top-color:var(--fiar-line)} /* FAQ (brand-faq.css loads last and marks its rules important). */ :root body[data-palette="fiar"] details.brand-faq__item{border-bottom-color:var(--fiar-line)!important} :root body[data-palette="fiar"] details.brand-faq__item:first-of-type{border-top-color:var(--fiar-line)!important} :root body[data-palette="fiar"] details.brand-faq__item>.brand-faq__answer{color:var(--fiar-text-secondary)!important} @media(hover:hover) and (pointer:fine){:root body[data-palette="fiar"] details.brand-faq__item>summary.brand-faq__question:hover{color:var(--fiar-blue-hover)!important}} /* AML Active: the membership panel sits on FIAR's navy, like the case and the closing panel. */ body[data-palette="fiar"] .cp-active-panel{background:var(--fiar-navy)} body[data-palette="fiar"] .exam-optional-membership .cp-active-lead{color:var(--fiar-on-dark)} body[data-palette="fiar"] .exam-optional-membership .cp-active-benefits p{color:#bcd0e1} body[data-palette="fiar"] .exam-optional-membership .cp-active-note{color:var(--fiar-on-dark-muted)} body[data-palette="fiar"] .exam-optional-membership a.cp-active-link{color:var(--fiar-lime)} body[data-palette="fiar"] .cp-active-art{background:#021f3a;box-shadow:inset 0 0 0 1px #dbe8f224} body[data-palette="fiar"] .cp-active-art--course b{color:var(--fiar-lime)} /* "For organisations" navigation (Law enforcement & FIUs): its near-white ground matches the header and stays. */ body[data-palette="fiar"] main .organisation-navigation{color:var(--fiar-ink);border-bottom-color:var(--fiar-line)} body[data-palette="fiar"] main .organisation-navigation :is(summary,a){color:var(--fiar-ink)} body[data-palette="fiar"] main :is(.organisation-navigation-prompt,.organisation-navigation .organisation-navigation-label){color:var(--fiar-text-secondary)} body[data-palette="fiar"] main .organisation-navigation a[aria-current=page]{text-decoration-color:var(--fiar-blue-hover)} body[data-palette="fiar"] main .organisation-navigation :is(summary,a):focus-visible{outline-color:var(--fiar-blue-hover)} /* Links that fall back to the site's teal on hover. :where keeps this at the default's weight, so the lime of FIAR's dark panels still wins there. Focus rings need no palette: they take each element's own text colour. */ body:where([data-palette="fiar"]) a:hover{color:var(--fiar-blue-hover)} body[data-palette="fiar"] .skip-link{background:var(--fiar-navy)} body[data-palette="fiar"] .skip-link:is(:hover,:focus){color:#fff} /* The announcement bar: FIAR's lime with navy text and a navy button. */ body[data-palette="fiar"] .site-announcement{background:var(--fiar-lime);color:var(--fiar-navy)} body[data-palette="fiar"] .site-announcement .btn{background:var(--fiar-navy);border-color:var(--fiar-navy);color:#fff} body[data-palette="fiar"] .site-announcement .btn:hover{background:var(--fiar-blue-hover);border-color:var(--fiar-blue-hover)} /* The footer: a navy a step deeper than the closing panel, with a hairline where they meet. Links and text are the same as on every page. */ body[data-palette="fiar"] .centre-footer{--cf-ink:#f3f7fb;--cf-muted:var(--fiar-on-dark-muted);--cf-line:#28486a;background:var(--fiar-footer);box-shadow:inset 0 1px 0 #dbe8f21f} body[data-palette="fiar"] .centre-footer .cf-ai-name{background:var(--fiar-paper);color:var(--fiar-navy)} /* /styles/languages.css?v=3 */ /* The language switcher (src/i18n/language-switch.mjs) and room for translated labels (docs/localisation-architecture.md). Loaded only on pages that offer another edition of the site; while English is the only edition, no page loads it. */ /* Context for screen readers after a language's visible name ("Español, ver esta página en español"). */ .lang-hint{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important} /* Header, desktop widths: one control left of "Log in", with a short rule between them. A globe and the current language's name open the list; the width is the same for any number of languages. The globe is a language-neutral cue for a reader who does not read the current language; it never appears alone. */ .site-navigation .lang-switch{position:relative;display:flex;align-items:center;flex:0 0 auto;margin-right:-7px} .site-navigation .lang-switch::after{content:"";flex:none;width:1px;height:20px;margin-left:10px;background:var(--sn-button-border,#afc4b9)} .site-navigation .lang-switch-link{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border-radius:6px;color:var(--sn-ink,#244140)!important;font:500 14px/20px Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;list-style:none;transition:background .15s ease} /* The site's accordion styles (styles.css, disclosure-controls.css) give every details a rule and padding, and every summary a marker, a plus sign and room for it. */ .site-navigation :is(.lang-menu,.sn-language-menu){margin:0;padding:0;border:0} .site-navigation :is(.lang-menu,.sn-language-menu)>summary{list-style:none;padding-inline-end:10px!important} .site-navigation :is(.lang-menu,.sn-language-menu)>summary::-webkit-details-marker{display:none} .site-navigation :is(.lang-menu,.sn-language-menu)>summary::before,.site-navigation :is(.lang-menu,.sn-language-menu)>summary::after{content:none!important;display:none!important} .site-navigation .lang-switch-link:hover,.site-navigation .lang-menu[open] .lang-switch-link{background:var(--sn-button-hover,#eaf2eb)} .site-navigation .lang-switch-link:active{transform:scale(.97)} .site-navigation :is(.lang-switch-link,.sn-language-trigger):focus-visible{outline:2px solid currentColor;outline-offset:3px} .site-navigation[data-pointer-input] :is(.lang-switch-link,.sn-language-trigger):focus{outline:none} .site-navigation .lang-globe{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round} .site-navigation .lang-chevron{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s cubic-bezier(.23,1,.32,1)} .site-navigation :is(.lang-menu,.sn-language-menu)[open] .lang-chevron{transform:rotate(180deg)} /* The list: every language by its own name; one without this page says where it leads, in that language. A white panel on every header palette, like the menu panels, so its ink is fixed. */ .site-navigation .lang-list{position:absolute;top:calc(100% + 10px);right:11px;z-index:3;display:grid;gap:2px;min-width:220px;max-height:min(70vh,560px);overflow-y:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--sn-border,#dce6df);border-radius:10px;box-shadow:0 18px 40px -12px #173b3033,0 4px 12px #173b3008;box-sizing:border-box;transform-origin:top right;animation:lang-open .16s cubic-bezier(.23,1,.32,1)} .site-navigation :is(.lang-list,.sn-language-list) li{margin:0;padding:0} .site-navigation .lang-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;min-height:44px;padding:6px 12px;border-radius:6px;color:#244140!important;font:500 14px/20px Inter,Arial,sans-serif;box-sizing:border-box;transition:background .15s ease} .site-navigation .lang-note{grid-column:1;font-size:12.5px;line-height:17px;font-weight:400;color:#557069} @media(hover:hover){.site-navigation a.lang-list-item:hover{background:#f0f6f1}} .site-navigation a.lang-list-item:focus-visible{background:#f0f6f1;outline:2px solid #244140;outline-offset:-2px} .site-navigation .lang-list-item[aria-current]{font-weight:600;background:#f0f6f1} .site-navigation .lang-list-item[aria-current]::after{content:"";grid-column:2;grid-row:1;width:10px;height:6px;margin-top:-3px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg)} @keyframes lang-open{from{opacity:0;transform:translateY(-4px) scale(.98)}} /* Room. The header's compact sizes (site-navigation.css, up to 1280px) run on to 1366px here, so the jump to full-size type at 1281px cannot push "Create account" out of the bar. Translated editions, whose menu labels run longer, keep the compact sizes up to 1440px and take a slightly smaller logo and gaps below 1280px. Measured on 10 and 12 October 2026 with sample menus, the bar has room at every desktop width when the bar's own labels keep within the budget in docs/localisation-architecture.md. public/site-navigation.js is the last resort for enlarged text: it tightens the switcher (data-lang-tight) and only then steps it aside (data-lang-overflow); the footer keeps every language. Re-measured on 20 October 2026: the Spanish bar ran 15px over at 1181px with 12px gaps and a 160px logo, so the switcher stepped aside up to 1199px; 8px gaps and a 150px logo leave it room there. */ @media(max-width:1366px) and (min-width:1181px){ .site-navigation .nav-inner{gap:15px;padding-inline:24px} .site-navigation .logo{width:175px!important} .site-navigation .sn-top-link{font-size:14px;padding-inline:3px} .site-navigation .sn-groups{gap:2px} .site-navigation .nav-account{gap:12px} .site-navigation .lang-switch{margin-right:-2px} .site-navigation .lang-switch::after{margin-left:8px} .site-navigation .lang-switch-link{padding:0 8px} .site-navigation .lang-menu>summary{padding-inline-end:8px!important} } @media(max-width:1439px) and (min-width:1367px){ html:not([lang="en"]) .site-navigation .nav-inner{gap:15px;padding-inline:24px} html:not([lang="en"]) .site-navigation .logo{width:175px!important} html:not([lang="en"]) .site-navigation .sn-top-link{font-size:14px;padding-inline:3px} html:not([lang="en"]) .site-navigation .sn-groups{gap:2px} html:not([lang="en"]) .site-navigation .nav-account{gap:12px} } @media(max-width:1279px) and (min-width:1181px){ html:not([lang="en"]) .site-navigation .nav-inner{gap:8px} html:not([lang="en"]) .site-navigation .logo{width:150px!important} } .site-navigation[data-lang-tight] .lang-switch{margin-right:0} .site-navigation[data-lang-tight] .lang-switch::after{display:none} .site-navigation[data-lang-tight] .lang-switch-link{padding:0 6px} .site-navigation[data-lang-overflow] .lang-switch{display:none} /* Notes under the switcher: arriving from a page that is not translated yet, and the offer of the reader's own language. They float over the page, so nothing below them moves. */ .site-navigation .lang-note-pop{position:absolute;top:calc(100% + 8px);right:var(--lang-note-right,32px);z-index:4;display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 8px;max-width:400px;padding:12px 6px 12px 16px;background:#fff;color:#244140;border:1px solid var(--sn-border,#dce6df);border-radius:12px;box-shadow:0 18px 40px -12px #173b3033,0 4px 12px #173b3008;font:400 14px/1.55 Inter,Arial,sans-serif;box-sizing:border-box;animation:lang-open .2s cubic-bezier(.23,1,.32,1)} .site-navigation .lang-note-pop p{flex:1 1 220px;margin:0;padding:8px 0} .site-navigation .lang-note-pop p a{font-weight:600;color:#244140!important;text-decoration:underline!important;text-underline-offset:3px;white-space:nowrap} .site-navigation .lang-note-close{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:-2px 0;padding:0;border:0;border-radius:8px;background:none;color:#244140;cursor:pointer} .site-navigation .lang-note-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round} .site-navigation .lang-note-actions{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:0 10px 2px 0} .site-navigation .lang-note-go{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;background:#244140;color:#fff!important;font-weight:600;text-decoration:none!important} .site-navigation .lang-note-no{min-height:44px;padding:0 10px;border:0;border-radius:8px;background:none;color:#244140;font:500 14px/20px Inter,Arial,sans-serif;cursor:pointer} @media(hover:hover){.site-navigation :is(.lang-note-close,.lang-note-no):hover{background:#f0f6f1}.site-navigation .lang-note-go:hover{background:#163830}} .site-navigation :is(.lang-note-close,.lang-note-no,.lang-note-go):focus-visible{outline:2px solid #244140;outline-offset:2px} .site-navigation[data-mobile-open] .lang-note-pop{display:none} /* Phones and tablets: the bar keeps "Log in", so the switcher is a row of the menu instead, last, above the account box (owner, 16 October 2026); the same control opens the list in place, like the menu's sections. */ .site-navigation .sn-languages{display:none} @media(max-width:1180px){ .site-navigation .lang-switch{display:none} .site-navigation .lang-note-pop{left:16px;right:16px;max-width:none} .site-navigation .sn-languages{display:block;flex-shrink:0;margin-top:auto;padding-top:24px} .site-navigation .sn-language-menu{border-top:1px solid #dce6df} .site-navigation .sn-language-trigger{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 0!important;color:var(--sn-ink,#244140);font:500 16px/1.35 Inter,Arial,sans-serif;cursor:pointer} .site-navigation .sn-language-trigger .lang-name{flex:1} .site-navigation .sn-language-trigger .lang-globe{width:18px;height:18px} .site-navigation .sn-language-trigger .lang-chevron{width:16px;height:16px;padding:6px;box-sizing:content-box;border-radius:8px;background:#eaf0e9} .site-navigation .sn-language-menu[open] .sn-language-trigger .lang-chevron{background:#244140;color:#f8faf7} .site-navigation .sn-language-list{display:grid;gap:2px;margin:0;padding:0 0 14px;list-style:none} .site-navigation .sn-language-list .lang-list-item{min-height:48px;padding:6px 12px;font-size:15px} } /* Footer: a second route before the copyright line, never the only one. The dots are drawn, so screen readers say nothing between the names. */ .centre-footer .cf-languages{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none} .centre-footer .cf-languages li{display:flex;align-items:center;margin:0;padding:0} .centre-footer .cf-languages li+li::before{content:"";width:3px;height:3px;margin:0 10px;border-radius:50%;background:var(--cf-muted)} .centre-footer .cf-language{display:inline-flex;align-items:center;min-height:44px} .centre-footer .cf-language[aria-current]{color:var(--cf-ink);font-weight:600} @media(prefers-reduced-motion:reduce){.site-navigation :is(.lang-chevron,.lang-switch-link,.lang-list,.lang-note-pop,.lang-list-item){transition:none;animation:none}.site-navigation .lang-switch-link:active{transform:none}} /* Translated pages: labels run longer than English. In the phone menu's account buttons a long label ("Créer un compte") wraps instead of running under its arrow. English pages keep their layout. */ @media(max-width:680px){ html:not([lang="en"]) .site-navigation .sn-account-panel .nav-account a{white-space:normal;text-align:center;line-height:1.25} html:not([lang="en"]) .site-navigation .sn-account-panel .nav-account a>span{min-width:0} } /* /styles/brand-faq.css?v=4 */ /* 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} } /* /styles/block-labels.css?v=1 */ /* Section labels (owner, 4 October 2026): one treatment for the short line that names a block above its heading, in place of 45 combinations of size, weight and colour. Tagged by src/content/block-labels.mjs and loaded after page styles. Colour stays with the ground: grey on light, lime on forest, FIAR's own palette on FIAR. */ [data-block-label]{font-size:13px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:normal!important;text-transform:none!important;font-style:normal!important} /* The Foundations section labels had taken the heading colour; they join the other labels on light grounds. */ .fd-label[data-block-label]{color:#526d64!important} /* /styles/brand-links.css?v=3 */ /* Canonical contract: docs/link-design-standard.md. Loaded after page styles. */ :root{--link-icon-size:20px;--link-gap:12px;--link-motion:180ms;--link-easing:cubic-bezier(.22,1,.36,1)} a.brand-link{display:inline-flex!important;align-items:center;gap:var(--link-gap)!important;min-height:44px;font-size:var(--ds-font-action,15px)!important;font-weight:600;line-height:1.5} a[data-brand-link],a.brand-link,a.brand-link:is(:hover,:focus,:visited),a.brand-card-link,a.brand-card-link :is(h2,h3,h4,strong){text-decoration:none!important} a.brand-link>.brand-link__label{font:inherit!important;line-height:inherit!important;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;min-width:0} a .brand-link__icon{display:inline-block!important;vertical-align:middle;width:var(--link-icon-size)!important;height:var(--link-icon-size)!important;min-width:var(--link-icon-size);flex:0 0 var(--link-icon-size);fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round;border:0!important;padding:0!important;transform:none!important;transition:transform var(--link-motion) var(--link-easing)!important} a .brand-link__icon path{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important} a[data-brand-link="button"]{gap:var(--link-gap)!important} a[data-brand-link="button"]>.brand-link__label{font:inherit!important;line-height:inherit!important;text-decoration:none!important;min-width:0} a[data-brand-link]:focus-visible,a.brand-link:focus-visible{outline:2px solid currentColor!important;outline-offset:4px} /* Focus rings are drawn in the element's own text colour, which always contrasts with what sits behind that text. Buttons, cards, tabs, pressed filters, the skip link and the article video panel carry the ring inside: outside, a white label's ring vanished on a white section and a dark label's on a dark one (27 Sep 2026: 535 rings under 3:1 across 120 pages). */ :is(a[data-brand-link="button"],a[data-brand-link="card"],.btn,.development-action,.ac-contact-main>.brand-link,[role="tab"],[aria-pressed="true"],.skip-link,.lp-body a.lp-video):focus-visible{outline-color:currentColor!important;outline-offset:-5px!important} a.brand-card-link .brand-link__label{display:inline!important;font:inherit!important;color:inherit!important;text-decoration:none;min-width:0} a.brand-card-link .feature-link{display:inline-flex;gap:var(--link-gap);align-items:center;text-decoration:none!important} a.brand-card-link .feature-link>.brand-link__label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px} @media(hover:hover) and (pointer:fine){ a[data-brand-link]:hover .brand-link__icon,a.brand-link:hover>.brand-link__icon{transform:translateX(4px)!important} a[data-link-direction="external"]:hover .brand-link__icon{transform:translate(3px,-3px)!important} a.brand-card-link:hover .brand-link__label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px} } a.brand-card-link:focus-visible .brand-link__label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px} @media(prefers-reduced-motion:reduce){a .brand-link__icon{transition:none!important}a[data-brand-link]:hover .brand-link__icon,a.brand-link:hover>.brand-link__icon{transform:none!important}} a.brand-link .brand-link__label .link-label{text-decoration:none} a.brand-card-link h4{display:flex!important;align-items:center;justify-content:space-between;gap:12px} .audit-path-step strong>.brand-link__icon{margin-left:9px} /* Preserve hidden enrolment actions despite the shared display rule. */ a[data-brand-link][hidden]{display:none!important} a[data-link-direction="email"]:hover .brand-link__icon{transform:none!important} /* /styles/chat-launch.css?v=1 */ /* The chat button (src/content/tracking.mjs, production builds only): LiveChat loads only when it is pressed, and its own window then takes over. One round control in the corner, forest with a white icon (everyday icon rules) and a light ring, so it stands out on the forest heroes as well as on light sections. Focus adds a forest ring outside the light one: one of the two always shows. It sits under the header (120) and any dialog, and gives way to the phone menu, which covers the whole screen. */ .chat-launch{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:100;display:grid;place-items:center;width:56px;height:56px;margin:0;padding:0;border:0;border-radius:50%;background:#244140;color:#fff;cursor:pointer;box-shadow:0 0 0 2px #f8faf7,0 10px 28px -10px rgba(23,59,48,.55),0 2px 6px rgba(23,59,48,.16);-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s ease} .chat-launch svg{display:block;width:24px;height:24px} @media(hover:hover){.chat-launch:hover{background:#2e504d}} .chat-launch:active{transform:scale(.96)} .chat-launch:focus-visible{outline:2px solid transparent;outline-offset:4px;box-shadow:0 0 0 2px #f8faf7,0 0 0 4px #244140,0 10px 28px -10px rgba(23,59,48,.55)} .chat-launch[aria-busy="true"]{cursor:progress} .chat-launch[aria-busy="true"] svg{animation:chat-launch-wait .9s ease-in-out infinite alternate} @keyframes chat-launch-wait{to{opacity:.45}} @media(max-width:760px){.chat-launch{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:52px;height:52px}} body:has(.site-navigation[data-mobile-open]) .chat-launch{display:none} @media(prefers-reduced-motion:reduce){.chat-launch{transition:none}.chat-launch:active{transform:none}.chat-launch[aria-busy="true"] svg{animation:none;opacity:.6}} @media print{.chat-launch{display:none}}