#complior-foundation .cf-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;background:var(--cf-deep);padding:24px 6% 28px;margin:0;max-width:none}
#complior-foundation .cf-evidence li{border-top:1px solid #b3dfc83d}
#complior-foundation .cf-evidence a{display:block;text-decoration:none;padding:16px 0;min-height:44px}
#complior-foundation .cf-evidence strong{display:block;font-size:15px;line-height:1.45;font-weight:600;color:#f5faf9}
#complior-foundation .cf-evidence span{display:block;font-size:14px;line-height:1.5;margin-top:5px;color:#b3dfc8}
#complior-foundation .cf-evidence b{font-weight:400;margin-left:7px}
#complior-foundation .cf-evidence a:hover strong{text-decoration:underline;text-underline-offset:4px}
#complior-foundation .cf-evidence a:focus-visible{outline:3px solid #b3dfc8;outline-offset:4px}
#complior-foundation .cf-detail-panel{min-height:300px;align-content:start}
#complior-foundation .cf-detail-panel>div>p{max-width:48ch}
#complior-foundation .cf-detail-link{display:inline-flex;align-items:center;gap:12px;min-height:44px}
/* IAM is part of the customer journey, on a full-width reading surface. */
#complior-foundation .cf-identity{margin:0;padding:60px 6%;background:#eaf1e9;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center;border:0;border-radius:0;box-shadow:none;scroll-margin-top:28px}
#complior-foundation .cf-identity .cf-kicker{font-size:12px;margin-bottom:16px;color:var(--cf-brand)}
#complior-foundation .cf-identity h2{font-size:clamp(32px,3.1vw,44px);line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:0;color:var(--cf-ink)}
#complior-foundation .cf-identity h2 em{color:var(--cf-brand);font-style:normal}
#complior-foundation .cf-identity p{font-size:18px;line-height:1.65;max-width:50ch;margin:0;color:var(--cf-muted)}
#complior-foundation .cf-identity a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;max-width:100%;margin-top:24px;padding:13px 24px;font-size:16px;font-weight:600;line-height:1.45;white-space:normal;border:1px solid var(--cf-brand);border-radius:999px;background:var(--cf-brand);color:#fff;text-decoration:none}
#complior-foundation .cf-identity a>span{flex-shrink:0;font-size:21px;line-height:1}
#complior-foundation .cf-identity a:hover{background:#245840;border-color:#245840}
#complior-foundation .cf-identity a:focus-visible{outline:3px solid var(--cf-brand);outline-offset:5px}
@media(max-width:760px){#complior-foundation .cf-identity{grid-template-columns:1fr;margin:0;padding:40px 6%;gap:24px}#complior-foundation .cf-identity p{font-size:17px}#complior-foundation .cf-identity a{width:100%;padding:13px 20px}}
@media(max-width:1100px){#complior-foundation .cf-map-heading span:last-child{max-width:12ch;white-space:normal;text-align:right}}
@media(max-width:900px){#complior-foundation .cf-evidence{gap:20px}#complior-foundation .cf-detail-panel{min-height:0}}
@media(max-width:600px){#complior-foundation .cf-evidence{display:block}#complior-foundation .cf-evidence a{padding:12px 0}#complior-foundation .cf-map-heading{gap:15px}#complior-foundation .cf-map-heading span:last-child{max-width:11ch}#complior-foundation .cf-detail-panel{gap:25px}}

/* Long translated labels must not widen the mobile grid track. */
@media(max-width:900px){#complior-foundation .cf-hero{grid-template-columns:minmax(0,1fr)}#complior-foundation .cf-hero>div{min-width:0}#complior-foundation .cf-map{width:100%}}