.compliance-evidence {
  display: grid;
  grid-template-columns: minmax(100px, .2fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: start;
  position: relative;
  margin-block: clamp(52px, 7vw, 88px) 12px;
  padding-block: 10px;
  isolation: isolate;
}
.compliance-evidence::before {
  content: "";
  position: absolute;
  inset: -45% 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 22% 45%, rgb(59 95 119 / .11), transparent 62%);
}
.compliance-evidence-mark {
  display: flex;
  flex-direction: column;
  font-family: var(--display, "Big Shoulders", sans-serif);
  font-size: clamp(2.9rem, 4.8vw, 5.1rem);
  font-weight: 700;
  line-height: .94;
  letter-spacing: -.025em;
  color: #9db8c9;
}
.compliance-evidence-mark span {
  font-size: 2.1em;
  line-height: .9;
  color: #d9e8f2;
}
.compliance-evidence-copy { min-width: 0; }
.compliance-evidence-copy h3 {
  margin: 0;
  max-width: 28ch;
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  line-height: 1.08;
  text-wrap: balance;
}
.compliance-evidence-copy > p {
  margin-top: 15px;
  max-width: 69ch;
  color: #b2c2ce;
  font-size: 1.13rem;
  line-height: 1.5;
  text-wrap: pretty;
}
.compliance-evidence-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 42px);
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}
.compliance-evidence-flow li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
}
.compliance-evidence-index {
  flex: 0 0 2ch;
  white-space: nowrap;
  padding-top: .35em;
  color: #96b7c9;
  font: 500 .71rem/1.4 ui-monospace, monospace;
}
.compliance-evidence-flow strong {
  display: block;
  margin-bottom: 6px;
  font-size: 1.2rem;
  line-height: 1.15;
  color: #e0ebf3;
}
.compliance-evidence-flow div > span {
  display: block;
  color: #acbecd;
  font-size: 1.03rem;
  line-height: 1.4;
}
.compliance-evidence-copy > .compliance-evidence-source {
  margin-top: 26px;
  color: #9cafbe;
  font-size: .94rem;
}
.compliance-evidence-source a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #b0cddd;
  text-decoration: underline;
  text-decoration-color: rgb(176 205 221 / .4);
  text-underline-offset: 4px;
}
.compliance-evidence-source a:hover { color: #e0edf5; }
.compliance-evidence-source a:focus-visible {
  outline: 2px solid #bddbea;
  outline-offset: 5px;
  border-radius: 2px;
}
.audit-challenge {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(28px, 5vw, 74px);
  margin-block: 0 46px;
  padding-block: 16px;
}
.audit-challenge-copy { min-width: 0; }
.audit-challenge-label {
  margin: 0 0 13px;
  color: var(--signal-red-light,#d66655);
  font-size: .86rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.audit-challenge h2,.audit-challenge h3 {
  margin: 0;
  font-size: clamp(2.35rem, 3.8vw, 3.7rem);
  line-height: 1.02;
  max-width: 25ch;
  text-wrap: balance;
}
.audit-challenge-copy > p:last-child {
  margin-top: 18px;
  max-width: 65ch;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #b5c5d2;
  text-wrap: pretty;
}
.audit-challenge-action { max-width: 290px; }
.audit-challenge-action .btn { min-height: 52px; white-space: nowrap; }
.audit-challenge-action > p {
  margin-top: 15px;
  color: #a3b8c7;
  font-size: 1.03rem;
  line-height: 1.4;
}
@media (max-width: 900px) {
  .compliance-evidence { grid-template-columns: 86px minmax(0, 1fr); gap: 26px; }
  .compliance-evidence-mark { font-size: 3.3rem; }
  .compliance-evidence-flow { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .compliance-evidence-flow strong { margin-bottom: 4px; }
  .audit-challenge { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .audit-challenge-action { max-width: none; display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; }
  .audit-challenge-action > p { margin: 0; }
}
@media (max-width: 540px) {
  .compliance-evidence::before { inset: -20% 0; }
  .compliance-evidence { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 48px; }
  .compliance-evidence-mark { flex-direction: row; align-items: baseline; gap: .15em; font-size: 2.75rem; }
  .compliance-evidence-mark span { font-size: 1em; line-height: 1; }
  .compliance-evidence-copy h3 { font-size: 1.9rem; max-width: 22ch; }
  .compliance-evidence-copy > p { font-size: 1.1rem; }
  .compliance-evidence-copy > .compliance-evidence-source { font-size: .91rem; }
  .compliance-evidence-source a { margin-top: 3px; }
  .audit-challenge { margin-bottom: 32px; padding-block: 0; }
  .audit-challenge h2,.audit-challenge h3 { font-size: 2.6rem; }
  .audit-challenge-copy > p:last-child { font-size: 1.14rem; }
}

.compliance-related {font-size:.96rem;color:#9bafbd;max-width:86ch;line-height:1.5;margin-top:25px}
#analyse,#demonstration {scroll-margin-top:calc(var(--header-height) + 26px)}
.why-audit-invitation {display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 22px;width:fit-content;font-size:1.25rem;font-weight:600;margin:-12px 0 30px;min-height:44px;color:var(--text)}
.why-audit-invitation span {font-size:1.03rem;font-weight:400;color:var(--link);text-decoration:underline;text-decoration-color:#6b95a566;text-underline-offset:5px}
.audit-challenge-action {display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.audit-challenge-action>p {margin-top:4px}
@media(max-width:900px) {.audit-challenge-action {flex-direction:row;align-items:center}}