/* Burke page layouts (page-burke.php). Built on the Breakdance global tokens, like kb.css; only
   derived --bp- variables are added. One bold element per page: the navy closing CTA band. */
.bp {
  --bp-ink: var(--bde-palette-color-3, #1a1a1b);
  --bp-navy: var(--bde-palette-color-2, #111727);
  --bp-green: var(--bde-palette-color-1, #017260);
  --bp-mint: var(--bde-palette-color-8, #E9FEF6);
  --bp-mist: var(--bde-palette-light-bg-5d4f3b3e-80b1-40e8-a1f1-8bf0c437ee22-13, #F3F7F5);
  --bp-red: var(--bde-palette-red-color-2df4552e-ec13-401c-9a7f-f00a296eca50-11, #DA2E2E);
  --bp-red-hover: var(--bde-palette-hover-red-b8c452b1-794b-43cc-8301-676e235811ee-12, #574240);
  --bp-rule: var(--grey-200, #e5e7eb);
  --bp-muted: var(--grey-600, #4b5563);
  --bp-radius: var(--bde-button-border-radius, 3px);
  --bp-measure: 68ch;
  --bp-ease: var(--bde-transition-duration, 300ms) ease-in-out;
  color: var(--bp-ink);
  font-family: var(--bde-body-font-family);
  font-size: var(--bde-body-font-size, 18px);
  line-height: 1.65;
  background: #fff;
}
.bp *, .bp *::before, .bp *::after { box-sizing: border-box; }
.bp p, .bp li, .bp dd, .bp td { overflow-wrap: break-word; }
.bp-wrap { max-width: var(--bde-section-width, 1120px); margin: 0 auto; padding: 0 var(--bde-section-horizontal-padding, 20px); }

/* Headings: the site's global H1 is white and H3 green uppercase (hero styles), and Breakdance's CSS
   loads after this file, so the reset uses a doubled class to outrank `.breakdance h1/h3`. */
.bp.bp h1, .bp.bp h2, .bp.bp h3 { color: var(--bp-ink); font-family: var(--bde-heading-font-family); text-transform: none; letter-spacing: normal; text-wrap: balance; }
.bp h2 { margin: 0 0 .7em; font-size: clamp(1.625rem, 1.25rem + 1.3vw, 2.25rem); font-weight: 800; line-height: 1.15; max-width: 28ch; }
.bp h3 { margin: 1.4em 0 .35em; font-size: 1.25rem; font-weight: 700; line-height: 1.3; }
.bp p, .bp ul, .bp ol { margin: 0 0 1.05em; max-width: var(--bp-measure); }
.bp ul, .bp ol { padding-left: 1.3em; }
.bp li { margin-bottom: .4em; }
.bp a { color: var(--bp-ink); text-decoration: underline; text-decoration-color: var(--bp-red); text-decoration-thickness: 2px; text-underline-offset: 3px; transition: color var(--bp-ease); }
.bp a:hover { color: var(--bp-red-hover); }
.bp strong { font-weight: 600; }
.bp a:focus-visible, .bp summary:focus-visible, .bp [tabindex]:focus-visible { outline: 3px solid var(--bp-green); outline-offset: 2px; border-radius: 2px; }

/* Hero band */
.bp-hero { background: var(--bp-mist); border-bottom: 1px solid var(--bp-rule); padding: 32px 0 44px; }
.bp-crumbs ol { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-wrap: wrap; font-size: 15px; color: var(--bp-muted); max-width: none; }
.bp-crumbs li { margin: 0; display: inline-flex; align-items: center; }
.bp-crumbs li + li::before { content: "/"; margin: 0 10px; color: var(--grey-400, #9ca3af); }
.bp-crumbs a { color: var(--bp-muted); text-decoration-color: var(--grey-400, #9ca3af); text-decoration-thickness: 1px; }
.bp-crumbs [aria-current] { color: var(--bp-ink); }
@media (max-width: 767px) { .bp-crumbs li[aria-current] { display: none; } }
.bp .bp-title { margin: 0; max-width: 24ch; font-size: clamp(2.125rem, 1.4rem + 2.8vw, 3.25rem); font-weight: 800; line-height: 1.08; letter-spacing: -.01em; }
.bp .bp-lead { margin: 20px 0 0; max-width: 62ch; font-size: clamp(1.0625rem, 1rem + .3vw, 1.1875rem); line-height: 1.6; color: var(--bp-ink); }
.bp .bp-hero .bp-actions { margin: 28px 0 0; }

/* Buttons: the site's red uppercase button, paired with an outlined call button */
.bp-actions { display: flex; flex-wrap: wrap; gap: 12px; max-width: none; }
.bp .bp-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 14px 24px; border-radius: var(--bp-radius); font-family: var(--bde-body-font-family); font-size: 15px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; text-decoration: none; transition: background-color var(--bp-ease), color var(--bp-ease), border-color var(--bp-ease); }
.bp .bp-btn--primary { background: var(--bp-red); color: #fff; border: 2px solid var(--bp-red); }
.bp .bp-btn--primary:hover { background: var(--bp-red-hover); border-color: var(--bp-red-hover); color: #fff; }
.bp .bp-btn--outline { background: transparent; color: var(--bp-ink); border: 2px solid var(--bp-ink); }
.bp .bp-btn--outline:hover { background: var(--bp-ink); color: #fff; }

/* Featured image */
.bp .bp-feature { margin: 0 auto; padding-top: 36px; }
.bp-feature__img, .bp-photo__img { display: block; width: 100%; height: auto; border-radius: var(--bp-radius); background: var(--bp-mist); }
.bp-feature__img { aspect-ratio: 16 / 9; object-fit: cover; }
.bp-feature figcaption, .bp-photo figcaption { margin-top: 8px; font-size: 14px; color: var(--bp-muted); }

/* Inline photo placed at the copy's own photo-slot marker */
.bp .bp-photo { margin: 8px 0 32px; max-width: var(--bp-measure); }

/* Sections alternate white and mist so long pages read as chapters */
.bp-sec { padding: 64px 0; scroll-margin-top: 72px; }
.bp-sec:nth-of-type(even) { background: var(--bp-mist); }
.bp-sec--intro { padding-bottom: 0; }
.bp-sec--intro + .bp-sec { padding-top: 48px; }

/* Cards: parallel items (services, challenges, topics, guides) */
.bp-cards { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin-top: 8px; }
@media (min-width: 700px) { .bp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .bp-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bp-card { display: flex; flex-direction: column; padding: 22px 22px 18px; background: #fff; border: 1px solid var(--bp-rule); border-radius: var(--bp-radius); }
.bp-sec:nth-of-type(odd) .bp-card { background: var(--bp-mist); border-color: transparent; }
.bp .bp-card h3 { margin: 0 0 8px; font-size: 1.125rem; }
.bp-card p { font-size: 16px; line-height: 1.55; max-width: none; }
.bp-card > :last-child { margin-bottom: 0; }
.bp-card .bp-more { margin-top: auto; padding-top: 6px; }
.bp .bp-card--link { color: var(--bp-ink); text-decoration: none; transition: border-color var(--bp-ease), box-shadow var(--bp-ease); }
.bp .bp-card--link:hover { border-color: var(--bp-green); box-shadow: 0 6px 18px -10px rgba(17, 23, 39, .35); color: var(--bp-ink); }
.bp-card__meta { margin-top: auto; padding-top: 10px; font-size: 14px; color: var(--bp-muted); }
.bp-card__meta:first-child { margin: 0 0 6px; padding: 0; color: var(--bp-green); font-weight: 600; }
.bp-more a { font-weight: 600; text-decoration-thickness: 2px; }
.bp-more--pending { color: var(--bp-muted); font-size: 15px; }

/* Evidence tables (contracts, licences, project facts) */
.bp-table { max-width: 100%; margin: 8px 0 1.4em; overflow-x: auto; background: #fff; border: 1px solid var(--bp-rule); border-radius: var(--bp-radius); }
.bp-table table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 16px; line-height: 1.45; }
.bp-table th, .bp-table td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--bp-rule); }
.bp-table thead th { background: var(--bp-navy); color: #fff; font-family: var(--bde-heading-font-family); font-weight: 700; font-size: 15px; }
.bp-table tbody tr:nth-child(even) td { background: var(--bp-mist); }
.bp-table tbody tr:last-child td { border-bottom: 0; }
.bp-table td a { font-weight: 600; }

/* Fact list (two-column key/value tables) */
.bp-facts { display: grid; gap: 1px; margin: 8px 0 1.4em; padding: 0; max-width: 820px; background: var(--bp-rule); border: 1px solid var(--bp-rule); border-radius: var(--bp-radius); overflow: hidden; }
@media (min-width: 700px) { .bp-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bp-facts > div { padding: 14px 18px; background: #fff; }
.bp-facts dt { margin: 0 0 2px; font-size: 14px; font-weight: 600; color: var(--bp-muted); }
.bp-facts dd { margin: 0; font-size: 17px; }

/* Stat row: measured figures stated in the copy */
.bp-stats { list-style: none; display: grid; gap: 16px; padding: 0; margin: 8px 0 1.4em; max-width: none; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.bp-stats li { margin: 0; padding: 20px; background: #fff; border-top: 3px solid var(--bp-green); border-radius: var(--bp-radius); }
.bp-stats__fig { display: block; font-family: var(--bde-heading-font-family); font-size: clamp(1.875rem, 1.4rem + 1.6vw, 2.5rem); font-weight: 800; line-height: 1.1; color: var(--bp-ink); }
.bp-stats__label { display: block; margin-top: 6px; font-size: 16px; color: var(--bp-muted); }

/* FAQ accordion (same text as the FAQPage JSON-LD) */
.bp-faq { max-width: 820px; border-top: 1px solid var(--bp-rule); }
.bp-faq__item { border-bottom: 1px solid var(--bp-rule); }
.bp-faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 0; cursor: pointer; list-style: none; }
.bp-faq__item summary::-webkit-details-marker { display: none; }
.bp-faq__item summary::after { content: "+"; flex: none; width: 28px; height: 28px; display: grid; place-items: center; border: 2px solid var(--bp-green); border-radius: 50%; color: var(--bp-green); font-weight: 700; transition: transform var(--bp-ease); }
.bp-faq__item[open] summary::after { content: "\2212"; }
.bp .bp-faq__q { margin: 0; font-size: 1.0625rem; font-weight: 700; }
.bp-faq__a { padding: 0 0 18px; }
.bp-faq__a > :last-child { margin-bottom: 0; }

/* Closing CTA: the page's one bold element */
.bp-cta { padding: 64px 0; background: var(--bp-navy); color: #fff; }
.bp .bp-cta h2 { color: #fff; }
.bp-cta p { color: rgba(255, 255, 255, .88); }
.bp-cta a:not(.bp-btn) { color: #fff; }
.bp-cta .bp-actions { margin-top: 24px; }
.bp-cta .bp-btn--outline { color: #fff; border-color: #fff; }
.bp-cta .bp-btn--outline:hover { background: #fff; color: var(--bp-navy); }

/* Sources */
.bp-sources { padding: 48px 0 64px; background: #fff; border-top: 1px solid var(--bp-rule); }
.bp .bp-sources h2 { font-size: 1.375rem; }
.bp-sources ol, .bp-sources ul { font-size: 15px; line-height: 1.5; color: var(--bp-muted); max-width: 90ch; }
.bp-sources li { overflow-wrap: anywhere; }
.bp-sources a { color: var(--bp-ink); text-decoration-thickness: 1px; }

.bp-empty { color: var(--bp-muted); }

@media (prefers-reduced-motion: reduce) { .bp * { transition: none !important; } }
@media print {
  .bp-actions, .bp-cta .bp-actions { display: none; }
  .bp-sec:nth-of-type(even), .bp-hero { background: none; }
  .bp-cta { background: none; color: #000; border-top: 2px solid #000; }
  .bp .bp-cta h2, .bp-cta p { color: #000; }
}

/* Refinements after round-1 screenshots */
.bp .bp-stats, .bp .bp-cards, .bp .bp-facts { max-width: none; }
.bp .bp-facts { max-width: 820px; background: #fff; }
@media (min-width: 700px) { .bp-facts > div:last-child:nth-child(odd) { grid-column: 1 / -1; } }

/* Round-2 review fixes ------------------------------------------------------------------ */

/* Hero: more room above the H1, matching the incumbent heroes' generosity */
.bp-hero { padding: 40px 0 56px; }
.bp .bp-title { margin-top: 8px; }
@media (min-width: 1024px) {
  .bp-hero__inner--split { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; align-items: start; }
}

/* "Check us" card: the sector page's licence list, first thing a procurement reader sees */
.bp-check { margin-top: 32px; padding: 22px 24px; background: #fff; border: 1px solid var(--bp-rule); border-radius: var(--bp-radius); }
@media (min-width: 1024px) { .bp-check { margin-top: 44px; } }
.bp.bp .bp-check__h { margin: 0 0 12px; font-size: 1.0625rem; font-weight: 700; max-width: none; }
.bp .bp-check .bp-facts { grid-template-columns: minmax(0, 1fr); margin: 0 0 12px; border: 0; background: none; gap: 0; }
.bp-check .bp-facts > div { padding: 10px 0; border-bottom: 1px solid var(--bp-rule); background: none; grid-column: auto; }
.bp-check .bp-more { margin: 0; font-size: 16px; }

/* Fact lists made from bold-led lists: the identifier never wraps */
.bp-facts--list dt.bp-facts__id { font-family: var(--bde-heading-font-family); font-size: 17px; font-weight: 800; color: var(--bp-ink); white-space: nowrap; }
.bp-facts--list dd { font-size: 16px; color: var(--bp-muted); }

/* Card grids balance by count: 2 and 4 in two columns; 5 as 3 + 2 */
@media (min-width: 1024px) {
  .bp-cards--n2, .bp-cards--n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 820px; }
  .bp-cards--n5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .bp-cards--n5 > .bp-card { grid-column: span 2; }
  .bp-cards--n5 > .bp-card:nth-child(n+4) { grid-column: span 3; }
}

/* Linked row (e.g. services used on a project) */
.bp .bp-linkrow { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; max-width: none; }
.bp-linkrow li { margin: 0; }
.bp .bp-linkrow a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; background: #fff; border: 1px solid var(--bp-rule); border-radius: var(--bp-radius); font-weight: 600; text-decoration: none; transition: border-color var(--bp-ease); }
.bp .bp-linkrow a:hover { border-color: var(--bp-green); }

/* Case study pager */
.bp-pager__inner { display: grid; gap: 16px; }
@media (min-width: 700px) { .bp-pager__inner { grid-template-columns: 1fr 1fr; } }
.bp .bp-pager__link { display: block; padding: 20px 22px; background: #fff; border: 1px solid var(--bp-rule); border-radius: var(--bp-radius); font-family: var(--bde-heading-font-family); font-weight: 700; text-decoration: none; transition: border-color var(--bp-ease); }
.bp .bp-pager__link:hover { border-color: var(--bp-green); }
.bp-pager__link span { display: block; margin-bottom: 4px; font-family: var(--bde-body-font-family); font-size: 14px; font-weight: 400; color: var(--bp-muted); }
.bp-pager__link--next { text-align: right; }

/* FAQ marker: a drawn chevron (no text glyph), rotates when open */
.bp-faq__item summary::after { content: ""; border: 0; border-radius: 0; width: 20px; height: 20px; background: var(--bp-green);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; }
.bp-faq__item[open] summary::after { content: ""; transform: rotate(180deg); }

/* Verdict-round fixes ------------------------------------------------------------------- */
/* Balanced grids for any count: even counts that don't fill rows of three use two columns;
   5 = 3 + 2, 7 = 3 + 2 + 2 on a six-track grid. */
@media (min-width: 1024px) {
  .bp-cards--n8, .bp-cards--n10, .bp-cards--n14 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bp-cards--n7 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .bp-cards--n7 > .bp-card { grid-column: span 3; }
  .bp-cards--n7 > .bp-card:nth-child(-n+3) { grid-column: span 2; }
}
/* Term + description lists read best as one column at the measure: no empty cells. */
.bp .bp-facts--list { grid-template-columns: minmax(0, 1fr); max-width: var(--bp-measure); }
.bp .bp-facts--list > div { grid-column: auto; }
/* Inside the navy band: no light box, just light dividers. */
.bp .bp-cta .bp-facts { background: transparent; border: 0; gap: 0; }
.bp .bp-cta .bp-facts > div { background: transparent; padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, .2); }
.bp .bp-cta .bp-facts dt, .bp .bp-cta .bp-facts dd { color: #fff; }
.bp .bp-cta .bp-facts dd { color: rgba(255, 255, 255, .82); }
/* The check card's own paragraph */
.bp-check > p { font-size: 16px; line-height: 1.55; }

/* Links: Breakdance's `.breakdance a { text-decoration: none }` loads after this file and has the same
   specificity as `.bp a`, which left every inline link looking like plain text. The doubled class
   restores the underline; components that are already obviously clickable opt back out. */
.bp.bp a { text-decoration: underline; text-decoration-color: var(--bp-red); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.bp.bp .bp-crumbs a { text-decoration-color: var(--grey-400, #9ca3af); text-decoration-thickness: 1px; }
.bp.bp .bp-sources a { text-decoration-thickness: 1px; }
.bp.bp .bp-cta a:not(.bp-btn) { text-decoration-color: rgba(255, 255, 255, .7); }
.bp.bp .bp-btn, .bp.bp .bp-card--link, .bp.bp .bp-pager__link, .bp.bp .bp-linkrow a { text-decoration: none; }