/* /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/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/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/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/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/organisation-navigation.css?v=shared-3 */
/* Shared section switcher: one DOM and one set of links at every breakpoint. */
main .organisation-navigation{background:#f8faf7;color:#244140;border-bottom:1px solid #d5e2da;font-family:Inter,Arial,sans-serif}
main .organisation-navigation details.organisation-navigation-inner{display:block;max-width:1280px;width:calc(100% - 80px);margin:0 auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
main .organisation-navigation summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:12px 0;margin:0;border:0;list-style:none;cursor:pointer;font-size:14px;line-height:1.4;font-weight:400;color:#244140;text-align:left;box-sizing:border-box}
main .organisation-navigation details.organisation-navigation-inner>summary::before,main .organisation-navigation details.organisation-navigation-inner>summary::after{content:none!important;display:none!important}
main .organisation-navigation summary::-webkit-details-marker{display:none}
main .organisation-navigation summary strong{font:600 14px/1.4 Inter,Arial,sans-serif;color:inherit}
main .organisation-navigation-prompt{display:flex;align-items:center;gap:12px;flex:none;color:#526d64;font-size:13px}
main .organisation-navigation summary svg{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform 160ms ease}
main .organisation-navigation details[open] summary svg{transform:rotate(180deg)}
main .organisation-navigation nav{margin:0;padding:12px 0 24px;border:0;background:none;max-height:60dvh;overflow:auto;overscroll-behavior:contain}
main .organisation-navigation-groups{display:grid;grid-template-columns:1fr 2fr;gap:48px}
main .organisation-navigation-groups section{margin:0;padding:0;border:0;background:none;min-width:0}
main .organisation-navigation .organisation-navigation-label{margin:0 0 8px;padding:0;font:600 12px/1.5 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#526d64}
main .organisation-navigation ul{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none}
main .organisation-navigation-groups section:last-child ul{grid-template-columns:1fr 1fr;column-gap:24px}
main .organisation-navigation li{margin:0;padding:0;list-style:none}
main .organisation-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 0;margin:0;box-sizing:border-box;color:#244140;text-decoration:none;font:400 14px/1.5 Inter,Arial,sans-serif;border:0;border-radius:0;background:none}
main .organisation-navigation a[aria-current=page]{font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#147c69}
main .organisation-navigation a:hover{text-decoration:underline;text-underline-offset:5px}
main .organisation-navigation :is(summary,a):focus-visible{outline:2px solid #147c69;outline-offset:3px}
main .organisation-navigation a.organisation-navigation-contact{margin-top:16px;font-weight:600;width:fit-content}
@media(max-width:760px){
 main .organisation-navigation details.organisation-navigation-inner{width:calc(100% - 40px)}
 main .organisation-navigation summary{gap:14px}
 main .organisation-navigation-groups{grid-template-columns:1fr;gap:24px}
 main .organisation-navigation-groups section:last-child ul{grid-template-columns:1fr}
 main .organisation-navigation nav{padding-top:8px;max-height:55dvh}
}
@media(prefers-reduced-motion:reduce){main .organisation-navigation summary svg{transition:none}}

main .organisation-navigation details.organisation-navigation-inner>summary{padding-inline-end:0!important}
/* Organisation pages: Inter 400 and 600 only (audit, 29 September 2026). Headings and emphasis without a weight of
   their own take 600 instead of the browser's bold; a rule with a class still sets its own. */
:where(main) :is(h1,h2,h3,h4,h5,h6,strong,b,th){font-weight:600}
/* /styles/organisations-plan.css?v=17 */
/* Organisations page, one offer and one form (owner review, 28 Sep 2026), built by src/content/organisations-plan.mjs;
   the industry pages share its parts and scale (sector-plan.mjs, 29 Sep 2026), with their own blocks at the end.
   Grounds alternate: the hero pale with the proof beneath it, the programme white, the manager's view pale, the
   partnerships forest, the sectors white, tailored learning pale, security white, the questions pale, the enquiry
   white. The team story's rules are prefixed tj-; its script is public/scripts/team-story.js. */
main:is([data-org-plan],[data-sector-plan]){--op-ink:#203432;--op-muted:#526b63;--op-line:#d3e0d6;--op-forest:#244140;--op-lime:#c1f99b;--op-cepol:#033b6d;--op-pale:#f3f7f3}

/* Hero: the proof beneath the two columns */
main:is([data-org-plan],[data-sector-plan]) .op-proof-wrap{padding-top:0}
main:is([data-org-plan],[data-sector-plan]) .op-proof{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:24px 64px;margin:56px 0 0;padding:29px 0 0;border-top:1px solid var(--op-line)}
main:is([data-org-plan],[data-sector-plan]) .op-proof>div{padding:0}
main:is([data-org-plan],[data-sector-plan]) .op-proof dt{margin:0 0 8px;font-size:12px;line-height:1.4;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-proof dd{display:grid;justify-items:start;gap:3px;margin:0}
main:is([data-org-plan],[data-sector-plan]) .op-proof strong{font-size:var(--ds-font-subtitle,20px);line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-proof span{font-size:13px;line-height:1.5;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-proof a{margin-top:6px;font-size:14px;font-weight:600;color:var(--op-ink);text-underline-offset:4px}
/* Each column runs to the foot of the row, so the strip's links share a line (owner, 4 October 2026). */
main:is([data-org-plan],[data-sector-plan]) .op-proof>div{display:flex;flex-direction:column}
main:is([data-org-plan],[data-sector-plan]) .op-proof dd{flex:1;grid-template-rows:auto auto 1fr}
main:is([data-org-plan],[data-sector-plan]) .op-proof dd>a{align-self:end}
main:is([data-org-plan],[data-sector-plan]) .org-proof-cepol strong{color:var(--op-cepol)}

/* The team story: one case, eight people, drawn as one mark in the brand's judgement paths */
main:is([data-org-plan],[data-sector-plan]) .tj{--tj-muted:#a9c2b8;--tj-soft:#dbe8e1;--tj-teal:#27b996;--tj-lime:#c1f99b;position:relative;margin:0;width:100%;max-width:580px;justify-self:end;padding:22px 26px 18px;border-radius:18px;background:#244140;color:#fff}
main:is([data-org-plan],[data-sector-plan]) .tj p{margin:0}
main:is([data-org-plan],[data-sector-plan]) .tj-kicker{font-size:13px;line-height:1.4;color:var(--tj-muted)}
main:is([data-org-plan],[data-sector-plan]) .tj-case{max-width:24em;margin-top:6px;font-size:var(--ds-font-subtitle,20px);line-height:1.35;font-weight:600;letter-spacing:-.02em;color:#fff}
main:is([data-org-plan],[data-sector-plan]) .tj-sentence{display:inline-block;text-wrap:balance}
/* One case, eight judgements: paths that end on the decision bar escalate; the rest run out beneath it */
main:is([data-org-plan],[data-sector-plan]) .tj-stage{position:relative;margin-top:16px}
main:is([data-org-plan],[data-sector-plan]) .tj-map{display:block;width:100%;height:auto;overflow:visible}
/* A double click on the corner control selected the nearest word of the picture; the picture and its captions are not text to copy. */
main:is([data-org-plan],[data-sector-plan]) :is(.tj-map,.tj-steps){-webkit-user-select:none;user-select:none}
main:is([data-org-plan],[data-sector-plan]) .tj-esc{fill:none;stroke:var(--tj-teal);stroke-width:8;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
main:is([data-org-plan],[data-sector-plan]) .tj-cls{fill:none;stroke:rgba(238,245,240,.3);stroke-width:4;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
main:is([data-org-plan],[data-sector-plan]) :is(.tj-esc,.tj-cls).off{opacity:0}
main:is([data-org-plan],[data-sector-plan]) .tj-bar{fill:var(--tj-lime)}
main:is([data-org-plan],[data-sector-plan]) .tj-person{fill:var(--tj-soft)}
main:is([data-org-plan],[data-sector-plan]) .tj-person.cert{fill:var(--tj-lime)}
main:is([data-org-plan],[data-sector-plan]) .tj-dash{fill:var(--tj-lime)}
main:is([data-org-plan],[data-sector-plan]) .tj-report{fill:#244140;stroke:var(--tj-lime);stroke-width:1.8}
main:is([data-org-plan],[data-sector-plan]) .tj-report-front{fill:var(--tj-lime)}
main:is([data-org-plan],[data-sector-plan]) .tj-report-ink{fill:#244140}
main:is([data-org-plan],[data-sector-plan]) :is(.tj-person,.tj-dash,.tj-report,.tj-report-front){transform-box:fill-box;transform-origin:center}
main:is([data-org-plan],[data-sector-plan]) .tj-label{font:600 14px Inter,system-ui,sans-serif;fill:var(--tj-lime)}
main:is([data-org-plan],[data-sector-plan]) .tj-label-cls{fill:var(--tj-muted);font-weight:400}
/* The four steps, marked with the brand slant, one line each */
main:is([data-org-plan],[data-sector-plan]) .tj-steps{display:flex;align-items:flex-start;gap:14px;margin-top:12px;padding-right:28px}
/* The motion's control is the site's one (/styles/motion-control.css), in the figure's bottom-right corner. */
main:is([data-org-plan],[data-sector-plan]) .tj-marks{display:flex;flex:none;gap:4px;padding-top:5px}
main:is([data-org-plan],[data-sector-plan]) .tj-marks i{width:15px;height:11px;background:var(--tj-lime);clip-path:polygon(43.9% 0,100% 0,56.1% 100%,0 100%)}
main:is([data-org-plan],[data-sector-plan]) .tj-captions{display:grid;min-height:44px}
main:is([data-org-plan],[data-sector-plan]) .tj-caption{grid-area:1/1;font-size:14px;line-height:1.5;color:var(--tj-soft)}
main:is([data-org-plan],[data-sector-plan]) .tj-caption.off{opacity:0}
main:is([data-org-plan],[data-sector-plan]) .tj-caption b{margin-right:4px;font-weight:600;color:#fff}

/* How the annual programme works */
main:is([data-org-plan],[data-sector-plan]) .op-programme{padding:84px 0 76px;background:#fff}
main:is([data-org-plan],[data-sector-plan]) .op-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 72px;align-items:end;margin-bottom:44px}
main:is([data-org-plan],[data-sector-plan]) .op-head h2{margin:0;font-size:var(--ds-font-section);line-height:var(--ds-leading-heading);font-weight:600;letter-spacing:var(--ds-tracking-heading);color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-head p{max-width:34em;margin:0;font-size:var(--ds-font-body);line-height:var(--ds-leading-body);color:var(--op-muted)}
/* Three stages: a card each, led by a real visual (the example team check, the programme badges, the brand marks),
   with no rules above them. The homepage's organisations block names the same stages and offers in the same words. */
main:is([data-org-plan],[data-sector-plan]) .op-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
main:is([data-org-plan],[data-sector-plan]) .op-stage{display:flex;flex-direction:column;margin:0;border-radius:16px;background:var(--op-pale);overflow:hidden}
main:is([data-org-plan],[data-sector-plan]) .op-visual{display:flex;align-items:center;justify-content:center;gap:18px;min-height:168px;margin:10px 10px 0;padding:20px;border-radius:12px;background:#fff}
main:is([data-org-plan],[data-sector-plan]) .op-visual-assess{display:grid;align-content:center;justify-content:stretch;gap:10px}
main:is([data-org-plan],[data-sector-plan]) .op-visual-assess>p{margin:0;font-size:var(--ds-font-label);line-height:1.4;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-bars{display:grid;gap:9px;list-style:none;margin:0;padding:0}
main:is([data-org-plan],[data-sector-plan]) .op-bars li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 8px;margin:0;font-size:13px;line-height:1.3;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-bars li:not(.op-priority) b{grid-column:3}
main:is([data-org-plan],[data-sector-plan]) .op-bars b{font-weight:600;font-variant-numeric:tabular-nums}
main:is([data-org-plan],[data-sector-plan]) .op-bars mark{padding:2px 8px;border-radius:999px;background:var(--op-lime);color:#193b30;font-size:12px;line-height:1.4;font-weight:600}
main:is([data-org-plan],[data-sector-plan]) .op-bars i{grid-column:1/-1;display:block;height:5px;border-radius:3px;background:#e1ebe4;overflow:hidden}
main:is([data-org-plan],[data-sector-plan]) .op-bars em{display:block;height:100%;border-radius:3px;background:#27b996;transform:scaleX(var(--w));transform-origin:left}
main:is([data-org-plan],[data-sector-plan]) .op-visual>span{display:grid;justify-items:center;gap:7px}
main:is([data-org-plan],[data-sector-plan]) .op-visual img{display:block;object-fit:contain}
main:is([data-org-plan],[data-sector-plan]) .op-visual small{font-size:var(--ds-font-label);line-height:1.3;font-weight:600;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-body{display:flex;flex:1;flex-direction:column;padding:22px 24px 24px}
main:is([data-org-plan],[data-sector-plan]) .op-num{margin:0;font-size:13px;line-height:1.4;color:var(--op-muted);font-variant-numeric:tabular-nums}
main:is([data-org-plan],[data-sector-plan]) .op-stage h3{margin:4px 0 4px;font-size:var(--ds-font-title);line-height:var(--ds-leading-heading);font-weight:600;letter-spacing:-.03em;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-purpose{margin:0 0 14px;font-size:var(--ds-font-body);line-height:1.45;font-weight:600;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-offers{display:grid;gap:8px;list-style:none;margin:0 0 18px;padding:0}
main:is([data-org-plan],[data-sector-plan]) .op-offers li{margin:0;font-size:15px;line-height:1.55;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-offers a{font-weight:600;color:var(--op-ink);text-decoration:none}
main:is([data-org-plan],[data-sector-plan]) .op-offers a:hover{text-decoration:underline;text-underline-offset:4px}
main:is([data-org-plan],[data-sector-plan]) .op-stage-link{margin-top:auto;align-self:flex-start;font-weight:600;color:var(--op-ink);text-underline-offset:4px}
/* Icons from the approved set, on a small tile; no rules above the items */
main:is([data-org-plan],[data-sector-plan]) .op-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e7f0ea;color:var(--op-forest)}
main:is([data-org-plan],[data-sector-plan]) .op-record{display:flex;align-items:center;gap:14px;margin:36px 0 0;font-size:15px;line-height:1.6;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-record .op-icon{flex:none}
main:is([data-org-plan],[data-sector-plan]) .op-record strong{font-weight:600;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-amlr,main:is([data-org-plan],[data-sector-plan]) .op-programme .org-procurement-note{margin:20px 0 0;font-size:15px;line-height:1.6;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-amlr{margin-top:28px}
main:is([data-org-plan],[data-sector-plan]) .op-amlr a,main:is([data-org-plan],[data-sector-plan]) .op-programme .org-procurement-note a{font-weight:600;color:var(--op-ink);text-underline-offset:4px}
main:is([data-org-plan],[data-sector-plan]) :is(#live-development,#amlr-practice,#corporate-preview,#bespoke-learning,#content-licensing,#industry-directory,#supplier-review,#team-enquiry){scroll-margin-top:120px}

/* Learning partnerships in practice, on forest */
main:is([data-org-plan],[data-sector-plan]) .op-partners{padding:80px 0 76px;background:var(--op-forest)}
main:is([data-org-plan],[data-sector-plan]) .op-partners h2{color:#fff}
main:is([data-org-plan],[data-sector-plan]) .op-practice-line{margin:28px 0 0;font-size:15px;line-height:1.6;color:#c9dcd2}
main:is([data-org-plan],[data-sector-plan]) .op-practice-line a{font-weight:600;color:var(--op-lime);text-underline-offset:4px}

/* Training for your sector: a compact directory */
main:is([data-org-plan],[data-sector-plan]) #industry-directory{padding:72px 0;background:#fff}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:24px 64px;align-items:start;padding:0;background:none}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-intro{display:block;margin:0}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-intro h2{margin:0 0 12px;font-size:var(--ds-font-section);line-height:var(--ds-leading-heading);font-weight:600;letter-spacing:var(--ds-tracking-heading)}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-intro p{margin:0;font-size:var(--ds-font-body);line-height:var(--ds-leading-body);color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;border-top:1px solid var(--op-line)}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link{position:relative;display:grid;gap:3px;min-height:0;margin:0;padding:15px 36px 15px 0;border:0;border-bottom:1px solid var(--op-line);border-radius:0;background:none;box-shadow:none;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link>svg{position:absolute;right:4px;top:50%;margin:0;transform:translateY(-50%)}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link,main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link.sector-discovery-link--agency{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;align-content:start;height:auto}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link>:is(h3,p){grid-column:1;grid-row:auto;min-height:0;height:auto;max-width:none}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-industry-name .brand-link__label{display:inline;min-height:0}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link.sector-discovery-link--agency{grid-column:1/-1;gap:3px;padding:15px 36px 15px 0;background:none;color:var(--op-cepol)}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link.sector-discovery-link--agency:hover{background:none}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link.sector-discovery-link--agency h3{color:var(--op-cepol)}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-industry-name{margin:0;font-size:var(--ds-font-body);line-height:1.35;font-weight:600;letter-spacing:-.01em;color:inherit}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-industry-name .brand-link__label{font:inherit;letter-spacing:inherit}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-industry-benefit{margin:0;font-size:15px;line-height:1.55;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link--agency{color:var(--op-cepol)}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link--agency .sector-industry-benefit{color:#40607e}
main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-link:hover .sector-industry-name{text-decoration:underline;text-underline-offset:4px}

/* Tailored learning, then our courses in your LMS on the same ground */
main:is([data-org-plan],[data-sector-plan]) #bespoke-learning{padding-bottom:40px}
main:is([data-org-plan],[data-sector-plan]) #bespoke-learning .org-bespoke-copy>a.text-link{display:inline-block;margin-top:8px;font-weight:600;color:var(--op-ink);text-underline-offset:4px}
main:is([data-org-plan],[data-sector-plan]) .op-lms{padding:0 0 84px;background:var(--op-pale)}
main:is([data-org-plan],[data-sector-plan]) .op-lms-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:28px 72px;padding-top:64px}
main:is([data-org-plan],[data-sector-plan]) .op-lms-copy h2{margin:0 0 14px;font-size:var(--ds-font-section);line-height:var(--ds-leading-heading);font-weight:600;letter-spacing:var(--ds-tracking-heading);color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-lms-copy p{margin:0 0 14px;font-size:var(--ds-font-body);line-height:var(--ds-leading-body);color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-lms-copy a{font-weight:600;color:var(--op-ink);text-underline-offset:4px}
main:is([data-org-plan],[data-sector-plan]) .op-lms-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
main:is([data-org-plan],[data-sector-plan]) .op-lms-routes li{display:grid;align-content:start;gap:12px;margin:0}
main:is([data-org-plan],[data-sector-plan]) .op-lms-routes h3{margin:0;font-size:var(--ds-font-body);line-height:1.35;font-weight:600;letter-spacing:-.01em;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-lms-routes p{margin:0;font-size:15px;line-height:1.6;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-lms .ocl-scope{margin:32px 0 0;padding:0;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line)}
main:is([data-org-plan],[data-sector-plan]) .op-lms .ocl-scope>summary{padding:18px 0;font-size:16px;font-weight:600;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-lms .ocl-scope>div{display:grid;gap:10px;padding:0 0 20px;font-size:15px;line-height:1.6;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-lms .ocl-scope p{margin:0}

/* Security and supplier review: the answers on show */
main:is([data-org-plan],[data-sector-plan]) #supplier-review{background:#fff}
main:is([data-org-plan],[data-sector-plan]) #supplier-review .op-icon,main:is([data-org-plan],[data-sector-plan]) .op-lms .op-icon{background:#e7f0ea}
main:is([data-org-plan],[data-sector-plan]) #supplier-review .procurement-intro a.text-link{display:inline-block;margin-top:8px;font-weight:600;color:var(--op-lime);text-underline-offset:4px}
main:is([data-org-plan],[data-sector-plan]) .op-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 36px;align-content:start;margin:0}
main:is([data-org-plan],[data-sector-plan]) .op-facts>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 16px;align-content:start}
main:is([data-org-plan],[data-sector-plan]) .op-facts .op-icon{grid-row:span 2}
main:is([data-org-plan],[data-sector-plan]) .op-facts dt{margin:8px 0 2px;font-size:var(--ds-font-body);line-height:1.35;font-weight:600;letter-spacing:-.01em;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-facts dd{margin:0;font-size:15px;line-height:1.6;color:var(--op-muted)}

/* One type scale for the page (owner, 29 Sep 2026), from the site's tokens (assets-tokens.css): section headings at
   the section size, section introductions at body size, card titles at the title or subtitle size, item titles at body
   size in 600, card and item text at 15px, labels at 13px, small print at 14px; weights 400 and 600 only. The blocks
   below come from shared stylesheets and are brought onto the same scale here. The product mock-ups (the manager's
   walkthrough, the tailored-learning example) keep their interface sizes; the example's title stays below the
   section heading. The FAQ and the enquiry form are shared across the site and keep its sizes. */
main:is([data-org-plan],[data-sector-plan]) :is(#organisation-flow-title,.op-partners h2,#org-bespoke-title,#supplier-review .procurement-intro h2){font-size:var(--ds-font-section)!important;line-height:var(--ds-leading-heading)!important;font-weight:600!important;letter-spacing:var(--ds-tracking-heading)!important}
main:is([data-org-plan],[data-sector-plan]) :is(#corporate-preview .org-intro,#bespoke-learning .org-intro,#supplier-review .procurement-intro>p){font-size:var(--ds-font-body)!important;line-height:var(--ds-leading-body)!important}
main:is([data-org-plan],[data-sector-plan]) #corporate-preview .org-portal-benefits strong{font-size:var(--ds-font-body)!important;line-height:1.35!important;font-weight:600!important}
main:is([data-org-plan],[data-sector-plan]) #corporate-preview .org-portal-benefits span{font-size:15px!important;line-height:1.6!important}
main:is([data-org-plan],[data-sector-plan]) :is(.op-partners .partner-card h3,#bespoke-learning .org-bespoke-routes h3){font-size:var(--ds-font-subtitle)!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.02em!important}
main:is([data-org-plan],[data-sector-plan]) :is(.op-partners .partner-copy p,#bespoke-learning .org-bespoke-routes p){font-size:15px!important;line-height:1.6!important}
main:is([data-org-plan],[data-sector-plan]) .op-partners .org-client-label{font-size:var(--ds-font-label)!important;font-weight:600!important}
main:is([data-org-plan],[data-sector-plan]) #bespoke-learning .org-bespoke-note{font-size:var(--ds-font-support)!important}
main:is([data-org-plan],[data-sector-plan]) #bespoke-learning .org-bespoke-case h3{font-size:28px!important;line-height:1.15!important;font-weight:600!important;letter-spacing:-.03em!important}
main:is([data-org-plan],[data-sector-plan]) #bespoke-learning :is(.org-case-feedback strong,.org-case-steps strong){font-weight:600!important}
main:is([data-org-plan],[data-sector-plan]) .organisation-hero .org-eyebrow{font-size:var(--ds-font-label)!important;font-weight:600!important}
@media(max-width:700px){main:is([data-org-plan],[data-sector-plan]) #bespoke-learning .org-bespoke-case h3{font-size:24px!important}}

/* Industry pages on the same plan (sector-plan.mjs). Grounds: the hero pale with the proof beneath it, the topics
   white, the stages pale, tailored learning and the partnership forest, records and systems white, the questions pale,
   the enquiry white. The partner card draws as it does on the organisations page (corporate-editorial.css there). */
/* The hero at the organisations page's sizes: heading 40px to 66px, introduction 20px (18px to 1100px, 16px on
   phones), label 13px. */
main[data-sector-plan] .org-sector-kicker{margin:0 0 18px;font-size:var(--ds-font-label);line-height:1.5;font-weight:600}
main[data-sector-plan] .org-sector-hero h1{max-width:760px;margin:0;font-size:clamp(40px,4.4vw,56px);line-height:1.04;font-weight:600;letter-spacing:-.045em}
main[data-sector-plan] .org-sector-lead{max-width:620px;margin:26px 0 32px;font-size:20px;line-height:1.55}
main[data-sector-plan] .org-sector-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:0}
main[data-sector-plan] .org-sector-actions>.text-link{font-weight:600;color:var(--op-ink);text-underline-offset:4px}
/* Who the page is for, just under the lead. */
main[data-sector-plan] .org-sector-lead+.op-audience{max-width:620px;margin:-18px 0 30px;font-size:15px;line-height:1.5;color:var(--op-muted)}
main[data-sector-plan] .org-sector-split{align-items:center}
main[data-sector-plan] :is(.op-record,.op-amlr){max-width:none}
main[data-sector-plan] .op-topics{padding:84px 0 76px;background:#fff}
main[data-sector-plan] .op-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
main[data-sector-plan] .op-topic{display:flex;flex-direction:column;margin:0;padding:24px 24px 26px;border-radius:16px;background:var(--op-pale)}
main[data-sector-plan] .op-topic h3{margin:4px 0 6px;font-size:var(--ds-font-subtitle);line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--op-ink)}
main[data-sector-plan] .op-topic-who{margin:0 0 16px;font-size:var(--ds-font-support);line-height:1.5;color:var(--op-muted)}
main[data-sector-plan] .op-topic .op-offers{margin:0}
/* A policy's lifecycle (insurance, 19 October 2026): its four stages in one numbered row, then the two responsibilities
   that run across them, each at half the width and marked rather than numbered. */
main[data-sector-plan] .op-topic-grid--lifecycle{grid-template-columns:repeat(4,minmax(0,1fr))}
main[data-sector-plan] .op-topic-grid--lifecycle .op-topic--across{grid-column:span 2}
main[data-sector-plan] .op-across{font-weight:600;color:var(--op-ink)}
main[data-sector-plan] .op-programme{background:var(--op-pale)}
main[data-sector-plan] .op-programme .op-stage{background:#fff}
main[data-sector-plan] .op-programme .op-visual{background:var(--op-pale)}
main[data-sector-plan] .op-practice .op-head p{color:#c9dcd2}
/* The workshop example on its own (design review, 18 October 2026): what it is beside its situation, task and output,
   on one white card. */
main[data-sector-plan] .op-workshop{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;margin:0;padding:36px 40px 38px;border-radius:16px;background:#fff}
main[data-sector-plan] .op-workshop-copy{display:flex;flex-direction:column;align-items:flex-start}
main[data-sector-plan] .op-workshop-label{display:block;margin:0 0 8px;font-size:var(--ds-font-label);line-height:1.4;font-weight:600;color:var(--op-muted)}
main[data-sector-plan] .op-workshop h3{margin:0 0 10px;font-size:var(--ds-font-subtitle);line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--op-ink)}
main[data-sector-plan] .op-workshop-copy>p{margin:0 0 22px;font-size:15px;line-height:1.6;color:var(--op-muted)}
main[data-sector-plan] .op-workshop-copy>.text-link{margin-top:auto;font-weight:600;color:var(--op-ink);text-underline-offset:4px}
main[data-sector-plan] .op-workshop-steps{display:grid;gap:14px;align-content:start;list-style:none;margin:0;padding:0}
main[data-sector-plan] .op-workshop-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;margin:0}
main[data-sector-plan] .op-workshop-steps .op-num{padding-top:1px}
main[data-sector-plan] .op-workshop-steps strong{display:block;font-size:15px;line-height:1.45;font-weight:600;color:var(--op-ink)}
main[data-sector-plan] .op-workshop-steps span:not(.op-num){display:block;font-size:15px;line-height:1.55;color:var(--op-muted)}
/* The exercise leads its section (crypto, 19 October 2026): its label and the workshop link along the top, then the
   file, the task and the written output side by side. */
main[data-sector-plan] .op-workshop--exercise{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 40px;padding:28px 40px 34px}
main[data-sector-plan] .op-workshop-head{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;padding-bottom:18px;border-bottom:1px solid var(--op-line)}
main[data-sector-plan] .op-workshop-head .op-workshop-label{margin:0}
main[data-sector-plan] .op-workshop-head>.text-link{font-weight:600;color:var(--op-ink);text-underline-offset:4px}
main[data-sector-plan] .op-workshop--exercise .op-workshop-steps{display:contents}
main[data-sector-plan] .op-workshop--exercise .op-workshop-steps li{grid-template-columns:minmax(0,1fr);gap:8px;align-content:start}
main[data-sector-plan] .op-setup{padding:84px 0 76px;background:#fff}
main[data-sector-plan] .op-setup .op-head{margin-bottom:40px}
main[data-sector-plan] .op-facts dd a{font-weight:600;color:var(--op-ink);text-underline-offset:4px}
@media(max-width:1100px){main[data-sector-plan] .org-sector-lead{font-size:18px}}
@media(max-width:1000px){main[data-sector-plan] .op-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main[data-sector-plan] .op-topic-grid--lifecycle .op-topic--across{grid-column:auto}}
@media(max-width:600px){
 main[data-sector-plan] .org-sector-lead{margin-top:20px;font-size:16px;line-height:1.6}
 /* As on the organisations page: the button across the column, its link beneath on the left. */
 main[data-sector-plan] .org-sector-actions{flex-direction:column;align-items:stretch}
 main[data-sector-plan] .org-sector-actions>.btn{width:100%;justify-content:space-between}
 main[data-sector-plan] .org-sector-actions>.text-link{align-self:flex-start}
}
@media(max-width:760px){
 main[data-sector-plan] :is(.op-topics,.op-setup){padding:56px 0 52px}
}

/* The enquiry closes the page on white */
main:is([data-org-plan],[data-sector-plan]) #team-enquiry{background:#fff}

@media(max-width:1000px){
 main:is([data-org-plan],[data-sector-plan]) .op-stages{grid-template-columns:minmax(0,1fr);gap:18px}
 main:is([data-org-plan],[data-sector-plan]) .op-head{grid-template-columns:minmax(0,1fr);align-items:start}
 main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-panel{grid-template-columns:minmax(0,1fr)}
 main:is([data-org-plan],[data-sector-plan]) .op-lms-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
 main:is([data-org-plan],[data-sector-plan]) .op-proof{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:36px;padding-top:25px}
 main:is([data-org-plan],[data-sector-plan]) .op-programme,main:is([data-org-plan],[data-sector-plan]) .op-partners{padding:56px 0 52px}
 main:is([data-org-plan],[data-sector-plan]) .op-record{align-items:flex-start}
 main:is([data-org-plan],[data-sector-plan]) #industry-directory{padding:52px 0}
 main:is([data-org-plan],[data-sector-plan]) #industry-directory .sector-discovery-options{grid-template-columns:minmax(0,1fr)}
 main:is([data-org-plan],[data-sector-plan]) .op-lms{padding-bottom:56px}
 main:is([data-org-plan],[data-sector-plan]) .op-lms-routes{grid-template-columns:minmax(0,1fr);gap:20px}
 main:is([data-org-plan],[data-sector-plan]) .op-facts{grid-template-columns:minmax(0,1fr);gap:18px}
}
/* The team story's own breakpoints */
@media(max-width:1000px){main:is([data-org-plan],[data-sector-plan]) .tj{justify-self:start}}
@media(max-width:760px){
 main:is([data-org-plan],[data-sector-plan]) .tj{padding:18px 18px 14px}
 main:is([data-org-plan],[data-sector-plan]) .tj-case{font-size:17px}
   main:is([data-org-plan],[data-sector-plan]) .tj-caption{font-size:13.5px}
 main:is([data-org-plan],[data-sector-plan]) .tj-label{font-size:21px}
}
@media(forced-colors:active){main:is([data-org-plan],[data-sector-plan]) :is(.tj-esc,.tj-out){stroke:CanvasText}main:is([data-org-plan],[data-sector-plan]) .tj-bar{fill:CanvasText}}
/* Lines of about 75 characters (audit, 29 September 2026): the training record line ran to 160 at 1440px. */
main:is([data-org-plan],[data-sector-plan]) .op-record{align-items:flex-start}
main:is([data-org-plan],[data-sector-plan]) .op-record>span:not(.op-icon){max-width:40em}
main:is([data-org-plan],[data-sector-plan]) #bespoke-learning .org-bespoke-routes p{max-width:38em}
main[data-org-plan] #content-licensing .ocl-scope p{max-width:38em}
/* The hero on a laptop (audit, 29 September 2026): at 1280 x 720 the lime button shows without scrolling. The space
   above and below the headline tightens; the parent link keeps a 32px target, above the 24px minimum. */
@media(min-width:1025px){
 main:is([data-org-plan],[data-sector-plan]) [data-page-navigation-hero]{padding-top:16px!important}
 main:is([data-org-plan],[data-sector-plan]) .page-navigation{margin-bottom:12px}
 main:is([data-org-plan],[data-sector-plan]) .page-navigation>a{min-height:32px}
 main[data-org-plan] .organisation-hero .org-eyebrow{margin-bottom:12px}
 main[data-org-plan] .organisation-hero-copy .lead{margin:20px 0 24px}
 main[data-sector-plan] .org-sector-kicker{margin-bottom:12px}
 main[data-sector-plan] .org-sector-lead{margin:20px 0 24px}
 main[data-sector-plan] .org-sector-lead+.op-audience{margin:-12px 0 24px}
}

/* A content-licensing block in its own section already has the section's top padding; the grid's own 64px doubled it
   into a 128px band (owner, 2 October 2026: whitespace audit of the organisations page). */
main:is([data-org-plan],[data-sector-plan]) .section.op-lms .op-lms-grid{padding-top:0}
/* Phones stack the three stage cards, so their pictures no longer need one shared height. */
@media(max-width:760px){main:is([data-org-plan],[data-sector-plan]) .op-visual{min-height:0}}

/* A partner's public quote inside its story card (BPO & outsourcing, design review 17 October 2026): the card's ink,
   with the brand slant the scene's answer uses. Not the site's large .partner-quote: this one belongs to the card. */
main[data-sector-plan] .op-client .op-quote{position:relative;margin:0 0 22px;padding:0 0 0 24px;font-size:17px;line-height:1.45;font-weight:600;letter-spacing:-.012em;color:var(--op-ink);text-wrap:pretty}
main[data-sector-plan] .op-client .op-quote::before{content:"";position:absolute;left:0;top:.2em;width:13px;height:18px;background:#27b996;clip-path:polygon(40% 3%,95% 3%,60% 97%,5% 97%)}
main[data-sector-plan] .op-client .op-quote footer{display:grid;gap:2px;margin-top:10px;font-size:13px;line-height:1.45;font-weight:400;letter-spacing:0;color:var(--op-muted)}
main[data-sector-plan] .op-client .op-quote footer strong{font-weight:600;color:var(--op-ink)}

/* Phones (design review, 17 October 2026). The quote link's landing on the form is shared with every sector page
   (organisation-sectors.css). */
@media(max-width:760px){
 /* The proof row: CEPOL across, the accreditation and the rating side by side. */
 main[data-sector-plan] .op-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
 main[data-sector-plan] .op-proof>.org-proof-cepol{grid-column:1/-1}
 /* The stage pictures, a little tighter. */
 main[data-sector-plan] .op-programme .op-visual{margin:8px 8px 0;padding:14px 16px}
 main[data-sector-plan] .op-visual-certify img{width:44px;height:44px}
}
/* Small phones (design review, 17 October 2026): who the page is for follows the buttons, so the quote button shows
   on the first screen at 360 x 740 too. Desktop keeps it under the lead. */
@media(max-width:600px){
 main[data-sector-plan] .org-sector-hero-copy{display:flex;flex-direction:column}
 main[data-sector-plan] .org-sector-lead+.op-audience{order:1;margin:22px 0 0}
}
/* The hero's rhythm where the screen has room (owner, 17 October 2026: "too dense with little space between lines").
   The tight spacing above is for short laptop screens such as 1280 x 720, where the quote button must show without
   scrolling; on taller screens the blocks get their air back: 28px from the back link, 16px from the label to the
   headline, 24px to the lead, 18px to who the page is for and 32px to the buttons. */
@media(min-width:1025px) and (min-height:801px){
 main[data-sector-plan] .page-navigation{margin-bottom:28px}
 main[data-sector-plan] .org-sector-kicker{margin-bottom:16px}
 main[data-sector-plan] .org-sector-lead{margin:24px 0 18px}
 main[data-sector-plan] .org-sector-lead+.op-audience{margin:0 0 32px}
}

/* The partner's story beside the proof (design review, 18 October 2026): one white card on the hero's ground, its photo
   beside the work in one line, the partner's public quote and the story. */
main[data-sector-plan] .op-client-wrap{padding-top:40px}
main[data-sector-plan] .op-client{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin:0;border-radius:16px;overflow:hidden;background:#fff}
main[data-sector-plan] .op-client-photo{display:block;width:100%;height:100%;min-height:270px;object-fit:cover;object-position:center 38%}
main[data-sector-plan] .op-client-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px 44px 36px}
main[data-sector-plan] .op-client-label{margin:0 0 8px;font-size:var(--ds-font-label);line-height:1.4;font-weight:600;color:var(--op-muted)}
main[data-sector-plan] .op-client-title{margin:0 0 8px;font-size:var(--ds-font-subtitle);line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--op-ink)}
main[data-sector-plan] .op-client-line{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--op-muted)}
main[data-sector-plan] .op-client-copy>.text-link{font-weight:600;color:var(--op-ink);text-underline-offset:4px}
/* A practitioner instead of a client story (banking, 18 October 2026): their portrait in a narrow column, their
   published role, then what they bring in the card's ink. */
main[data-sector-plan] .op-client--person{grid-template-columns:260px minmax(0,1fr)}
main[data-sector-plan] .op-client--person .op-client-photo{min-height:300px;object-position:center 18%}
main[data-sector-plan] .op-client--person .op-client-line{margin-bottom:12px}
main[data-sector-plan] .op-client-text{max-width:36em;margin:0 0 22px;font-size:16px;line-height:1.55;color:var(--op-ink)}
/* The sector's own programme in place of a story (crypto, 19 October 2026): its badge and three facts on forest in a
   narrow column, the copy beside them, its entry boundary last before the link. */
main[data-sector-plan] .op-client--programme{grid-template-columns:300px minmax(0,1fr)}
main[data-sector-plan] .op-client-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 24px;background:var(--op-forest)}
main[data-sector-plan] .op-client-panel img{display:block;width:104px;height:104px;object-fit:contain}
main[data-sector-plan] .op-client-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:0;padding:0;list-style:none;text-align:center}
main[data-sector-plan] .op-client-facts li{display:grid;align-content:start;gap:2px;margin:0}
main[data-sector-plan] .op-client-facts strong{font-size:var(--ds-font-subtitle);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--op-lime);font-variant-numeric:tabular-nums}
main[data-sector-plan] .op-client-facts span{font-size:13px;line-height:1.35;color:#c9dcd2}
main[data-sector-plan] .op-client--programme .op-client-line{margin-bottom:12px}
main[data-sector-plan] .op-client--programme .op-client-text{margin-bottom:12px}
main[data-sector-plan] .op-client-note{margin:0 0 22px;font-size:14px;line-height:1.55;color:var(--op-muted)}

/* The quote again at the foot of the topics (conversion review, 18 October 2026): a text link, so the page keeps one
   lime action, at the site's one action size for arrow links (brand-links.css); its own line marks it out. */
main[data-sector-plan] .op-next{margin:32px 0 0}
main[data-sector-plan] .op-next a{color:var(--op-ink);text-underline-offset:4px}

/* A part that folds on a phone: the FAQ's row and angled bars, under the plan's own names. Screens with room show
   the open copy instead (sector-plan.mjs, organisation-parts.mjs). */
main:is([data-org-plan],[data-sector-plan]) :is(.op-topic-folds,.op-stage-fold){display:none}
main:is([data-org-plan],[data-sector-plan]) .op-fold>summary{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:16px;min-height:56px;padding:16px 0;padding-right:0!important;cursor:pointer;list-style:none;color:var(--op-ink)}
main:is([data-org-plan],[data-sector-plan]) .op-fold>summary::-webkit-details-marker{display:none}
/* The site's own disclosure marker (body[data-page] details>summary::after) would add a second icon, and it keeps
   44px clear for that marker; the plan's icon ends the row. */
main:is([data-org-plan],[data-sector-plan]) .op-fold>summary::before,main:is([data-org-plan],[data-sector-plan]) .op-fold>summary::after{content:none!important;display:none!important}
main:is([data-org-plan],[data-sector-plan]) .op-fold>summary::marker{content:''}
main:is([data-org-plan],[data-sector-plan]) .op-fold>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
main:is([data-org-plan],[data-sector-plan]) .op-fold-label{display:grid;gap:3px;min-width:0}
main:is([data-org-plan],[data-sector-plan]) .op-fold-label strong{font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.01em}
main:is([data-org-plan],[data-sector-plan]) .op-fold-label span{font-size:14px;line-height:1.45;font-weight:400;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-fold-icon{display:block;width:24px;height:24px}
main:is([data-org-plan],[data-sector-plan]) .op-fold-vertical{transform:rotate(90deg);transform-origin:12px 12px;transition:transform 360ms cubic-bezier(.22,.7,.25,1),opacity 160ms ease-out}
main:is([data-org-plan],[data-sector-plan]) .op-fold[open]>summary .op-fold-vertical{transform:rotate(270deg);opacity:0;transition:transform 360ms cubic-bezier(.22,.7,.25,1),opacity 140ms ease-out 190ms}
.motion-off main:is([data-org-plan],[data-sector-plan]) .op-fold-vertical{transition:none}
@media(prefers-reduced-motion:reduce){main:is([data-org-plan],[data-sector-plan]) .op-fold-vertical{transition:none}}
main:is([data-org-plan],[data-sector-plan]) .op-fold-offers{display:grid;gap:8px;list-style:none;margin:0;padding:0 0 18px}
main:is([data-org-plan],[data-sector-plan]) .op-fold-offers li{margin:0;font-size:15px;line-height:1.55;color:var(--op-muted)}
main:is([data-org-plan],[data-sector-plan]) .op-fold-offers a{font-weight:600;color:var(--op-ink);text-decoration:none}

@media(max-width:760px){
 main[data-sector-plan] .op-client-wrap{padding-top:28px}
 main[data-sector-plan] .op-client{grid-template-columns:minmax(0,1fr)}
 main[data-sector-plan] .op-client-photo{height:200px;min-height:0}
 main[data-sector-plan] .op-client--person{grid-template-columns:minmax(0,1fr)}
 main[data-sector-plan] .op-client--person .op-client-photo{min-height:0;object-position:center 12%}
 main[data-sector-plan] .op-client-copy{padding:20px 20px 22px}
 main[data-sector-plan] .op-client--programme{grid-template-columns:minmax(0,1fr)}
 main[data-sector-plan] .op-client-panel{flex-direction:row;justify-content:flex-start;gap:20px;padding:18px 20px}
 main[data-sector-plan] .op-client-panel img{width:64px;height:64px}
 main[data-sector-plan] .op-client-facts{gap:10px;text-align:left}
 /* The six areas fold to their titles and who each is for, so all six can be scanned at once; each opens on its tasks. */
 main[data-sector-plan] .op-topic-grid{display:none}
 main[data-sector-plan] .op-topic-folds{display:block;list-style:none;margin:0;padding:0;border-top:1px solid var(--op-line)}
 main[data-sector-plan] .op-topic-folds>li{margin:0;border-bottom:1px solid var(--op-line)}
 /* Each stage on the industry pages: its purpose and one action, with what is included folded; the badges and marks
    repeat the names below them, so only the example team report keeps its picture. The organisations page keeps its
    stages as they are until the owner decides. */
 main[data-sector-plan] .op-stage .op-offers{display:none}
 main[data-sector-plan] .op-stage-fold{display:block;margin:0 0 18px;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line)}
 main[data-sector-plan] .op-stage-fold>summary{min-height:48px;padding:12px 0}
 main[data-sector-plan] .op-stage-fold .op-fold-label{font-size:15px;line-height:1.4;font-weight:600}
 main[data-sector-plan] :is(.op-visual-certify,.op-visual-develop){display:none}
 main[data-sector-plan] .op-purpose{margin-bottom:12px}
 /* The workshop: what it is, then its steps, then the link. */
 main[data-sector-plan] .op-workshop{display:flex;flex-direction:column;gap:0;padding:24px 22px 26px}
 main[data-sector-plan] .op-workshop-copy{display:contents}
 main[data-sector-plan] .op-workshop-steps{order:1;margin:0 0 22px}
 main[data-sector-plan] .op-workshop-copy>.text-link{order:2;margin-top:0;align-self:flex-start}
 /* The exercise: its label, its steps, then the link. */
 main[data-sector-plan] .op-workshop--exercise .op-workshop-head{display:contents}
 main[data-sector-plan] .op-workshop--exercise .op-workshop-label{order:0;margin:0 0 16px}
 main[data-sector-plan] .op-workshop--exercise .op-workshop-steps{display:grid}
 main[data-sector-plan] .op-workshop--exercise .op-workshop-steps li{grid-template-columns:28px minmax(0,1fr);gap:10px}
 main[data-sector-plan] .op-workshop--exercise .op-workshop-head>.text-link{order:2;align-self:flex-start}
}
/* /styles/motion-control.css?v=3 */
/* One control for every video and motion on the site (owner, 29 September 2026; docs/website-house-rules.md): a small,
   quiet icon in the bottom-right corner of the motion, pause while it plays and replay after, with no words on screen.
   Its name says what it does, and it answers anywhere in a 44px target however small the icon looks. It brightens on
   hover and focus. The team story (team-story.js) and the homepage film (home-film.js) draw their own; motions whose
   earlier controls are hidden get theirs from motion-controls.js, which adds motion-control--dark on dark grounds.
   Quiet, but never below 3:1 at rest (owner, 13 October 2026): 60% ink on light grounds, and the film's icons sit on
   a small dark disc, because its end card is bright. */
.motion-control{position:absolute;right:4px;bottom:4px;z-index:3;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--motion-control-ink,rgba(32,52,50,.6));cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.motion-control[hidden]{display:none}
.motion-control::before{content:"";position:absolute;inset:9px;border-radius:50%;background:currentColor;opacity:0}
.motion-control>svg{position:relative;display:block;width:14px;height:14px}
.motion-control:hover,.motion-control:focus-visible{color:var(--motion-control-ink-strong,#203432)}
.motion-control:hover::before{opacity:.12}
.motion-control:focus-visible{outline:2px solid currentColor;outline-offset:-7px}
.motion-control--dark{--motion-control-ink:rgba(238,245,240,.46);--motion-control-ink-strong:#fff}
@media(prefers-reduced-motion:no-preference){.motion-control,.motion-control::before{transition:color .2s,opacity .2s}}
@media(forced-colors:active){.motion-control{color:ButtonText}.motion-control::before{content:none}}
.home-film-controls>.motion-control{--motion-control-ink:rgba(238,245,240,.88)}
.home-film-controls>.motion-control::before{background:rgb(6,18,16);opacity:.6}
.home-film-controls>.motion-control:hover::before{opacity:.75}
/* The motion the control sits in, when it has no position of its own */
.motion-control-host{position:relative}
/* The controls those motions were built with stay in the page for their scripts, out of sight */
[data-motion-proxied]{display:none!important}
/* /styles/organisation-type.css?v=1 */
/* Organisation pages: one type scale (owner, 29 September 2026). An audit of the ten pages that carry the organisation
   menu found 31 font sizes at 1440px and 24 at 390px: page headlines from 52.5 to 64px, third-level headings from 17
   to 34px and body copy from 15 to 21px. Each role now takes one size from the site's tokens (assets-tokens.css):

     role                 desktop → phone   token
     page headline (H1)   56 → 38, fluid    --ds-font-page       46 at 1024, 52 at 1280, 56 from 1440
     section heading      44 → 32           --ds-font-section
     feature heading      28 → 24           --ds-font-headline   one per block, over a case or a feature
     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       the hero's first paragraph
     body                 17 → 16           --ds-font-body       section introductions and running text
     card text            15                --ds-font-card
     small print          14                --ds-font-support
     label                13                --ds-font-label

   Why these: screen body text reads best at 15-25px (Butterick), and 16-17px matches Material's body large (16) and
   Apple's body (17); the headline and the section heading stand at 56:44, Material's display large to display medium
   (57:45); lines stay within 50-75 characters (Baymard). The FAQ, the enquiry form and the organisation menu are shared
   across the site and keep their sizes; illustrations and product mock-ups keep their interface sizes. Sizes are
   !important because several page stylesheets set theirs with !important (organisations-plan.css). */

main[data-org-type] h1{font-size:var(--ds-font-page)!important;line-height:1.05!important;letter-spacing:-.045em!important}
/* Headings share their words across lines, so none ends on a single word. */
main[data-org-type] :is(h1,h2,h3,h4){text-wrap:balance}
main[data-org-type] h2{font-size:var(--ds-font-section)!important;line-height:var(--ds-leading-heading)!important;letter-spacing:var(--ds-tracking-heading)!important}

main[data-org-type] :is(.org-bespoke-case h3,.org-sector-case h3,.wp-session-copy h3,.audit-cepol-heading h3,.dialogue-feature-copy h3){font-size:var(--ds-font-headline)!important;line-height:1.2!important;letter-spacing:-.03em!important}

main[data-org-type] :is(.le-programme h2,.op-stage h3,.org-sector-three h3,.org-sector-programme h3,.wp-formats h3,.wp-process>h3,.wp-person h3,.amlr-team-plan h3,.amlr-format-grid h3,.amlr-faculty-proof h3){font-size:var(--ds-font-title)!important;line-height:1.25!important;letter-spacing:-.02em!important}

main[data-org-type] :is(.partner-card h3,.op-topic h3,.org-bespoke-routes h3,.org-sector-topic-grid h3,.journey-deliverables h3,.journey-setup h3,.wp-topics-grid h3,.wp-reporting-row h3,.wp-recognition-options h3,.wp-cpd-option h3,.audit-framework-explainer section h3,.le-services h3,.dialogue-services h3){font-size:var(--ds-font-subtitle)!important;line-height:1.3!important;letter-spacing:-.02em!important}

main[data-org-type] :is(h4,.sector-discovery-link h3,.op-lms-routes h3,.org-sector-accreditation strong,.org-sector-client strong,.wp-hero-photo figcaption>strong,.amlr-topic-list summary strong,.aml-check-invitation-benefits span){font-size:var(--ds-font-body)!important;line-height:1.4!important}

main[data-org-type] :is(.organisation-hero-copy .lead,.org-sector-lead,.wp-lead,.amlr-hero-copy .lead,.le-hero-grid h1+p,.dialogue-feature-copy h3+p){font-size:var(--ds-font-lead)!important;line-height:1.55!important}

main[data-org-type] :is(.org-sector-heading p,.org-sector-bespoke .org-sector-split>div>p,.wp-section-heading p,.wp-topics-heading p,.wp-takeaway-copy p,.wp-session-copy p,.wp-session-outcome strong,.le-section-head p,.dialogue-intro p,.org-sector-case>p,.org-sector-check p,.b2b-next-step-copy p){font-size:var(--ds-font-body)!important;line-height:var(--ds-leading-body)!important}

main[data-org-type] :is(.org-sector-three p,.org-sector-topic-grid p,.org-sector-full-topics li,.org-sector-programme p,.journey-deliverables p,.amlr-faculty-proof p,.audit-cepol-copy p,.dialogue-feature-copy h3+p~p,.dialogue-services p){font-size:var(--ds-font-card)!important;line-height:1.6!important}
/* /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}}