/* ===========================================================
   SPECTANT ICONS — CSS data-URI version
   =========================================================== */

/* Base helper — size with font-size (1em) */
.i{
  display:inline-block;
  width:1em; height:1em;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  vertical-align:middle;
  flex-shrink:0;
  padding-right: 70px;
}
.i.sm{font-size:24px;} .i.md{font-size:40px;}
.i.lg{font-size:64px;} .i.xl{font-size:96px;}

/* ---------- Icon data-URIs ---------- */
:root{

  --ic-purple-teaming: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 9 L14 16 V32 C14 44 22 52 32 56' stroke='%23e0314f' stroke-width='2.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M32 9 L50 16 V32 C50 44 42 52 32 56' stroke='%23148aff' stroke-width='2.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M32 9 V56' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' stroke-dasharray='3 4'/%3E%3Ccircle cx='32' cy='31' r='5' stroke='url(%23g)' stroke-width='2.6'/%3E%3C/svg%3E");

  --ic-adversary-emulation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='16' stroke='url(%23g)' stroke-width='2.6'/%3E%3Cpath d='M32 6 V18 M32 46 V58 M6 32 H18 M46 32 H58' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='32' r='5' fill='%23e0314f'/%3E%3C/svg%3E");

  --ic-red-team-augmentation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M28 11 C18 11 12 18 12 28 C12 34 14 37.5 17 40.5 V44 C17 46 19 47 21 47 H35 C37 47 39 46 39 44 V40.5 C42 37.5 44 34 44 28 C44 18 38 11 28 11 Z' stroke='url(%23g)' stroke-width='2.6' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='28' r='3.4' fill='url(%23g)'/%3E%3Ccircle cx='34' cy='28' r='3.4' fill='url(%23g)'/%3E%3Cpath d='M28 33 L25 38 H31 Z' fill='url(%23g)'/%3E%3Cpath d='M24 47 V42 M28 47 V42 M32 47 V42' stroke='url(%23g)' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='15' r='8' stroke='%23e0314f' stroke-width='2.6'/%3E%3Cpath d='M50 11 V19 M46 15 H54' stroke='%23e0314f' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");

  --ic-exposure-reduction: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M16 12 V48 H52' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 20 L29 28 L37 24 L49 41' stroke='%23e0314f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M49 41 L42 40 M49 41 L48 34' stroke='%23e0314f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --ic-ctem-implementation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M48 24 A18 18 0 1 0 50 38' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M48 14 V24 H38' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='33' cy='33' r='6' stroke='%23e0314f' stroke-width='2.6'/%3E%3C/svg%3E");

  --ic-detection-engineering: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 9 L14 16 V32 C14 44 22 52 32 56 C42 52 50 44 50 32 V16 L32 9 Z' stroke='url(%23g)' stroke-width='2.6' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='31' r='5.5' stroke='%23e0314f' stroke-width='2.6'/%3E%3Cpath d='M32 22 V25 M32 37 V40 M23 31 H26 M38 31 H41' stroke='%23e0314f' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");

  --ic-compliance-optimization: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='16' y='12' width='32' height='40' rx='3' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='25' y='8' width='14' height='8' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Cpath d='M23 28 L27 32 L34 24' stroke='%23e0314f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23 42 L27 46 L34 38' stroke='%23e0314f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --ic-third-party-risk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='20' r='7' stroke='%23e0314f' stroke-width='2.6'/%3E%3Ccircle cx='48' cy='20' r='7' stroke='%23e0314f' stroke-width='2.6'/%3E%3Cpath d='M22 20 L42 20' stroke='%23e0314f' stroke-width='2.6' stroke-linecap='round' stroke-dasharray='3 4'/%3E%3Cpath d='M32 30 L21 35 V44 C21 51 32 56 32 56 C32 56 43 51 43 44 V35 L32 30 Z' stroke='url(%23g)' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M28 43 L31 46 L37 40' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --ic-vulnerability-prioritization: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='14' y='14' width='26' height='7' rx='2' stroke='%23e0314f' stroke-width='2.6'/%3E%3Crect x='14' y='28' width='20' height='7' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='14' y='42' width='14' height='7' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Cpath d='M47 14 V50 M47 14 L43 19 M47 14 L51 19' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --ic-security-control-validation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 9 L14 16 V32 C14 44 22 52 32 56 C42 52 50 44 50 32 V16 L32 9 Z' stroke='url(%23g)' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M24 31 L29 36 L40 25' stroke='%23e0314f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --ic-mitre-attack-mapping: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23148aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='13' y='13' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='27' y='13' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='41' y='13' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='13' y='27' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='27' y='27' width='11' height='11' rx='2' fill='%23e0314f' fill-opacity='0.18' stroke='%23e0314f' stroke-width='2.6'/%3E%3Crect x='41' y='27' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='13' y='41' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='27' y='41' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='41' y='41' width='11' height='11' rx='2' fill='%23e0314f' fill-opacity='0.18' stroke='%23e0314f' stroke-width='2.6'/%3E%3C/svg%3E");


  --ic-purple-teaming-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 9 L14 16 V32 C14 44 22 52 32 56' stroke='%2311C3FF' stroke-width='2.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M32 9 L50 16 V32 C50 44 42 52 32 56' stroke='%2311C3FF' stroke-width='2.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M32 9 V56' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' stroke-dasharray='3 4'/%3E%3Ccircle cx='32' cy='31' r='5' stroke='url(%23g)' stroke-width='2.6'/%3E%3C/svg%3E");

  --ic-adversary-emulation-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='16' stroke='url(%23g)' stroke-width='2.6'/%3E%3Cpath d='M32 6 V18 M32 46 V58 M6 32 H18 M46 32 H58' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='32' r='5' fill='%2311C3FF'/%3E%3C/svg%3E");

  --ic-red-team-augmentation-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M28 11 C18 11 12 18 12 28 C12 34 14 37.5 17 40.5 V44 C17 46 19 47 21 47 H35 C37 47 39 46 39 44 V40.5 C42 37.5 44 34 44 28 C44 18 38 11 28 11 Z' stroke='url(%23g)' stroke-width='2.6' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='28' r='3.4' fill='url(%23g)'/%3E%3Ccircle cx='34' cy='28' r='3.4' fill='url(%23g)'/%3E%3Cpath d='M28 33 L25 38 H31 Z' fill='url(%23g)'/%3E%3Cpath d='M24 47 V42 M28 47 V42 M32 47 V42' stroke='url(%23g)' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='15' r='8' stroke='%2311C3FF' stroke-width='2.6'/%3E%3Cpath d='M50 11 V19 M46 15 H54' stroke='%2311C3FF' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");

  --ic-exposure-reduction-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M16 12 V48 H52' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 20 L29 28 L37 24 L49 41' stroke='%2311C3FF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M49 41 L42 40 M49 41 L48 34' stroke='%2311C3FF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --ic-ctem-implementation-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M48 24 A18 18 0 1 0 50 38' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M48 14 V24 H38' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='33' cy='33' r='6' stroke='%2311C3FF' stroke-width='2.6'/%3E%3C/svg%3E");

  --ic-detection-engineering-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 9 L14 16 V32 C14 44 22 52 32 56 C42 52 50 44 50 32 V16 L32 9 Z' stroke='url(%23g)' stroke-width='2.6' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='31' r='5.5' stroke='%2311C3FF' stroke-width='2.6'/%3E%3Cpath d='M32 22 V25 M32 37 V40 M23 31 H26 M38 31 H41' stroke='%2311C3FF' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");

  --ic-compliance-optimization-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='16' y='12' width='32' height='40' rx='3' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='25' y='8' width='14' height='8' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Cpath d='M23 28 L27 32 L34 24' stroke='%2311C3FF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23 42 L27 46 L34 38' stroke='%2311C3FF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --ic-third-party-risk-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='20' r='7' stroke='%2311C3FF' stroke-width='2.6'/%3E%3Ccircle cx='48' cy='20' r='7' stroke='%2311C3FF' stroke-width='2.6'/%3E%3Cpath d='M22 20 L42 20' stroke='%2311C3FF' stroke-width='2.6' stroke-linecap='round' stroke-dasharray='3 4'/%3E%3Cpath d='M32 30 L21 35 V44 C21 51 32 56 32 56 C32 56 43 51 43 44 V35 L32 30 Z' stroke='url(%23g)' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M28 43 L31 46 L37 40' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --ic-vulnerability-prioritization-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='14' y='14' width='26' height='7' rx='2' stroke='%2311C3FF' stroke-width='2.6'/%3E%3Crect x='14' y='28' width='20' height='7' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='14' y='42' width='14' height='7' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Cpath d='M47 14 V50 M47 14 L43 19 M47 14 L51 19' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --ic-security-control-validation-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 9 L14 16 V32 C14 44 22 52 32 56 C42 52 50 44 50 32 V16 L32 9 Z' stroke='url(%23g)' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M24 31 L29 36 L40 25' stroke='%2311C3FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --ic-mitre-attack-mapping-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='64' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2311C3FF'/%3E%3Cstop offset='1' stop-color='%2311C3FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='13' y='13' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='27' y='13' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='41' y='13' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='13' y='27' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='27' y='27' width='11' height='11' rx='2' fill='%2311C3FF' fill-opacity='0.18' stroke='%2311C3FF' stroke-width='2.6'/%3E%3Crect x='41' y='27' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='13' y='41' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='27' y='41' width='11' height='11' rx='2' stroke='url(%23g)' stroke-width='2.6'/%3E%3Crect x='41' y='41' width='11' height='11' rx='2' fill='%2311C3FF' fill-opacity='0.18' stroke='%2311C3FF' stroke-width='2.6'/%3E%3C/svg%3E");

}

/* ---------- Map variables to classes ---------- */
.i-purple-teaming               { background-image: var(--ic-purple-teaming); }
.i-adversary-emulation          { background-image: var(--ic-adversary-emulation); }
.i-red-team-augmentation        { background-image: var(--ic-red-team-augmentation); }
.i-exposure-reduction           { background-image: var(--ic-exposure-reduction); }
.i-ctem-implementation          { background-image: var(--ic-ctem-implementation); }
.i-detection-engineering         { background-image: var(--ic-detection-engineering); }
.i-compliance-optimization      { background-image: var(--ic-compliance-optimization); }
.i-third-party-risk             { background-image: var(--ic-third-party-risk); }
.i-vulnerability-prioritization { background-image: var(--ic-vulnerability-prioritization); }
.i-security-control-validation  { background-image: var(--ic-security-control-validation); }
.i-mitre-attack-mapping         { background-image: var(--ic-mitre-attack-mapping); }

.i-purple-teaming-b               { background-image: var(--ic-purple-teaming-b); }
.i-adversary-emulation-b          { background-image: var(--ic-adversary-emulation-b); }
.i-red-team-augmentation-b        { background-image: var(--ic-red-team-augmentation-b); }
.i-exposure-reduction-b           { background-image: var(--ic-exposure-reduction-b); }
.i-ctem-implementation-b          { background-image: var(--ic-ctem-implementation-b); }
.i-detection-engineering-b         { background-image: var(--ic-detection-engineering-b); }
.i-compliance-optimization-b      { background-image: var(--ic-compliance-optimization-b); }
.i-third-party-risk-b             { background-image: var(--ic-third-party-risk-b); }
.i-vulnerability-prioritization-b { background-image: var(--ic-vulnerability-prioritization-b); }
.i-security-control-validation-b  { background-image: var(--ic-security-control-validation-b); }
.i-mitre-attack-mapping-b         { background-image: var(--ic-mitre-attack-mapping-b); }