.le-page{--le-ink:var(--fiar-blue);--le-muted:var(--fiar-text-secondary);--le-paper:var(--fiar-paper);--le-line:var(--fiar-line);color:var(--le-ink);background:#fff;font-size:16px;line-height:1.65}
.le-page *{box-sizing:border-box}
.le-page :is(h1,h2,h3,p,figure,dl,dd){margin:0}
.le-wrap{max-width:1320px;margin-inline:auto;padding-inline:44px}
.le-page h1{font-size:clamp(40px,4.4vw,62px);line-height:1.08;letter-spacing:-.045em;font-weight:600;max-width:15ch}
.le-page h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-.035em;font-weight:600}
.le-page .audit-cepol.institution-proof h3{font-weight:600}
.le-page h3{font-size:23px;line-height:1.3;letter-spacing:-.025em}
.le-page svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.le-page :is(a,button):focus-visible{outline:2px solid var(--fiar-blue-hover);outline-offset:5px}
.le-link{display:inline-flex;align-items:center;gap:14px;font-size:15px;font-weight:600;line-height:1.5;text-decoration:underline;text-underline-offset:5px}
.le-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--le-ink);color:#fff;border:1px solid var(--le-ink);border-radius:8px;padding:14px 22px;min-height:52px;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none}
.le-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}
.le-hero{background:var(--le-ink);color:#fff}
.le-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--fiar-on-dark);font-size:12px;padding-block:24px 0}
.le-breadcrumb a{color:inherit;text-decoration:none}
.le-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center;padding-block:48px}
.le-hero-grid>div>p{font-size:18px;line-height:1.7;color:var(--fiar-on-dark);max-width:52ch;margin-top:26px}
.le-hero .le-button{background:var(--fiar-lime);border-color:var(--fiar-lime);color:var(--fiar-blue)}
.le-hero .le-link{color:#fff}
.le-hero :is(a,button):focus-visible{outline-color:var(--fiar-lime)}
/* FIAR beside the promise: its short name as the title, the formal one beneath it (design review, 19 October 2026:
   the full title made the panel dense on phones and tablets). */
.le-programme{padding:32px;border:1px solid #668eaf;border-radius:14px;background:var(--fiar-panel)}
.le-programme>img{display:block;width:100px;height:100px;object-fit:contain;margin-bottom:25px}
.le-programme h2{font-size:29px;line-height:1.22;letter-spacing:-.025em}
.le-programme .le-programme-name{font-size:14px;line-height:1.5;margin-top:8px}
.le-programme p{font-size:15px;color:var(--fiar-on-dark);margin-top:17px}
.le-programme .le-link{margin-top:24px}
.le-audiences{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:25px 0 32px;margin:0;border-top:1px solid var(--fiar-text-secondary);font-size:14px;line-height:1.55;color:var(--fiar-on-dark)}
.le-section{padding-block:72px;scroll-margin-top:110px}
.le-section-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:35px}
.le-section-head>p{color:var(--le-muted);max-width:52ch}
/* The CEPOL programme straight after the promise, as the evidence for it, in a light band rather than a second navy
   block under the navy hero; the distinction from FIAR beneath (design review, 19 October 2026). The shared card's
   rules are !important (shared-institution-proof.css), so these are too. */
.le-proof{padding-block:36px 0}
.le-proof .audit-cepol.institution-proof{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;gap:48px!important;padding:24px 0!important;border-radius:0!important;background:none!important;color:var(--le-ink)!important;border-top:1px solid var(--le-line);border-bottom:1px solid var(--le-line)}
.le-proof .audit-cepol.institution-proof p{margin:0 0 12px!important;font-size:15px;color:var(--le-muted)!important}
.le-proof .audit-cepol.institution-proof .audit-cepol-heading p{margin:0 0 6px!important;font-size:13px}
.le-proof .audit-cepol.institution-proof h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;color:var(--le-ink)!important}
.le-proof .audit-cepol.institution-proof a.text-link{font-size:15px;color:var(--le-ink)!important}
.le-proof .audit-cepol.institution-proof a.text-link:hover{color:var(--fiar-blue-hover)!important}
.le-proof .audit-cepol.institution-proof a:focus-visible{outline-color:var(--fiar-blue-hover)}
.le-proof .le-proof-note{margin-top:14px;font-size:14px;line-height:1.6;color:var(--le-muted);max-width:78ch}
/* Three routes side by side: each its scope and one action, the actions on one line. */
.le-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.le-routes article{display:flex;flex-direction:column;align-items:flex-start;padding-top:24px;border-top:1px solid var(--le-line)}
.le-routes p{flex:1;margin-top:14px;font-size:15px;color:var(--le-muted)}
.le-routes .le-link{margin-top:22px}
/* What people practise beside one illustrative scenario, a teaching artefact rather than a product screen. */
.le-practice{background:var(--le-paper)}
.le-practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.le-capabilities{list-style:none;margin:0;padding:0}
.le-capabilities li{padding-block:20px;border-top:1px solid var(--le-line)}
.le-capabilities li:first-child{padding-top:0;border-top:0}
.le-capabilities h3{font-size:19px;line-height:1.35}
.le-capabilities p{margin-top:8px;font-size:15px;color:var(--le-muted)}
.le-example{padding:32px;border:1px solid var(--le-line);border-radius:14px;background:#fff}
.le-example .le-example-label{font-size:13px;color:var(--le-muted)}
.le-example h3{margin-top:10px}
.le-example>p:not(.le-example-label){margin-top:12px;font-size:15px;color:var(--le-muted)}
.le-evidence{margin:24px 0 22px;padding:20px;border-radius:12px;background:var(--le-paper)}
.le-evidence figcaption{font-size:13px;color:var(--le-muted)}
.le-evidence ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:12px 0 0;padding:0}
.le-evidence li{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--le-line);border-radius:10px;background:#fff}
.le-evidence li span,.le-evidence li small{font-size:13px;color:var(--le-muted)}
.le-evidence li strong{font-size:15px;font-weight:600}
.le-evidence .le-evidence-question{display:grid;grid-template-columns:28px 1fr;gap:2px 12px;margin-top:12px;padding:14px 16px;border:1px dashed var(--fiar-blue-hover);border-radius:10px;background:#fff;font-size:15px}
.le-evidence-question>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--le-ink);color:#fff;font-size:15px;font-weight:600}
.le-evidence-question strong{font-weight:600}
.le-evidence .le-evidence-note{margin-top:12px;font-size:13px;color:var(--le-muted)}
/* Two practitioners, as the FIAR page presents them. */
.le-people{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.le-person{display:grid;grid-template-columns:112px 1fr;gap:26px;align-items:start;padding-top:28px;border-top:1px solid var(--le-line)}
.le-person img{display:block;width:112px;height:112px;object-fit:cover;border-radius:14px;background:var(--le-paper)}
.le-person .le-person-role{font-size:13px;color:var(--le-muted)}
.le-person h3{margin-top:4px}
.le-person p:not(.le-person-role){margin-top:10px;font-size:15px;color:var(--le-muted)}
.le-person .le-link{margin-top:16px}
/* Delivery, records and procurement: the buyer's questions, answered once. */
.le-facts-section{border-top:1px solid var(--le-line)}
.le-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.le-facts>div{padding-block:22px;border-top:1px solid var(--le-line)}
.le-page .le-facts dt{font-size:16px;line-height:1.4;font-weight:600;color:var(--le-ink)}
.le-facts dd{margin-top:8px;font-size:15px;color:var(--le-muted)}
.le-page :is(.le-facts,.le-fact-folds) a{color:var(--le-ink);font-weight:600;text-underline-offset:4px}
/* On a phone the six questions fold to one line each; the answer opens beneath. */
.le-fact-folds{display:none}
.le-page .le-fold{margin:0;padding:0;border:0;border-top:1px solid var(--le-line)}
.le-page .le-fold:last-child{border-bottom:1px solid var(--le-line)}
.le-fold summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding-block:12px;font-weight:600;cursor:pointer;list-style:none}
.le-fold summary::-webkit-details-marker{display:none}
.le-fold summary::after{content:"";flex:none;width:10px;height:10px;margin-right:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.le-fold[open] summary::after{transform:translateY(3px) rotate(225deg)}
.le-fold p{padding-bottom:18px;font-size:15px;color:var(--le-muted)}
.le-dialogue{background:var(--le-paper);padding-block:72px}
.le-dialogue .institutional-dialogue{max-width:none;padding:0;margin:0}
.le-page .le-button:hover{background:var(--fiar-blue-hover);color:#fff}.le-hero .le-button:hover{background:#dcffa8;color:var(--fiar-blue)}
@media(max-width:1000px){.le-wrap{padding-inline:32px}.le-hero-grid{gap:35px}.le-programme{padding:26px}.le-programme h2{font-size:25px}.le-programme>img{width:80px;height:80px}.le-hero-grid>div>p{font-size:16px}.le-section-head{gap:35px}.le-audiences{gap:20px}.le-practice-grid{grid-template-columns:1fr;gap:40px}.le-routes{gap:28px}.le-facts{grid-template-columns:1fr 1fr}.le-people{gap:28px}.le-person{grid-template-columns:88px 1fr;gap:20px}.le-person img{width:88px;height:88px}}
@media(max-width:860px){.le-routes{grid-template-columns:1fr;gap:0}.le-routes article{padding-block:22px}.le-routes p{flex:none}.le-people{grid-template-columns:1fr;gap:0}.le-person{padding-block:24px}}
@media(max-width:760px){.le-hero-grid{grid-template-columns:1fr;padding-block:35px}.le-page h1{max-width:19ch;font-size:clamp(39px,7vw,54px)}.le-programme{display:grid;grid-template-columns:76px 1fr;gap:4px 24px;align-items:start}.le-programme>img{grid-row:1/3;width:76px;height:76px;margin:0}.le-programme h2{font-size:25px}.le-programme .le-programme-name{margin:0}.le-programme p:not(.le-programme-name),.le-programme .le-link{grid-column:1/-1}.le-programme p:not(.le-programme-name){margin-top:14px}.le-programme .le-link{margin-top:14px}.le-audiences{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 25px}.le-section,.le-dialogue{padding-block:50px}.le-proof{padding-block:36px 0}.le-section-head{grid-template-columns:1fr;gap:20px}.le-page h2 br{display:none}.le-facts{display:none}.le-fact-folds{display:block}.le-proof .audit-cepol.institution-proof{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:20px 0!important}.le-proof .audit-cepol.institution-proof h3{font-size:21px}.le-example{padding:24px}}
@media(max-width:520px){.le-wrap{padding-inline:22px}.le-breadcrumb{font-size:11px}.le-programme{grid-template-columns:60px 1fr;gap:4px 18px}.le-programme>img{width:60px;height:60px}.le-programme h2{font-size:21px}.le-actions{align-items:start;gap:20px;flex-direction:column}.le-page .le-button{padding-block:14px}.le-page .le-link{padding-block:0}.le-evidence{padding:16px}.le-evidence ul{gap:10px}.le-evidence li{padding:12px}.le-person{grid-template-columns:72px 1fr;gap:16px}.le-person img{width:72px;height:72px;border-radius:12px}}

/* Keep the agency story readable and the next action within reach on phones. */
@media (max-width: 600px) {
  .le-hero-grid { padding-block: 28px; gap: 26px; }
  .le-hero-grid > div > p { margin-top: 20px; line-height: 1.6; }
  .le-hero .le-actions { display: grid; justify-items: start; margin-top: 24px; gap: 4px; }
  .le-hero .le-button { width: 100%; justify-content: space-between; }
  .le-hero .le-actions .le-link, .le-programme .le-link { min-height: 44px; }
  .le-programme { padding: 20px; }
  .le-audiences { padding-block: 20px 24px; gap: 12px 20px; font-size: 13px; }
  .le-section, .le-dialogue { padding-block: 40px; }
  .le-proof { padding-block: 32px 0; }
  .le-section-head { gap: 16px; margin-bottom: 26px; }
  .le-capabilities h3 { font-size: 18px; }
}