/* Author: Ahmed Fathy. Design concepts section (concepts_build/build_concepts.py). Tokens only, no inline styles (CSP). */
.cx-note{margin:0 0 40px;color:var(--mut);max-width:46em}
.cx-note a{color:var(--link)}
.cx-flag{display:inline-block;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.5;padding:1px 8px;border:1px solid currentColor;border-radius:4px;color:var(--link);margin-inline-end:8px;vertical-align:baseline}
.phero .cx-flag{color:var(--onnavy2)}
.cx-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 32px}
.cx-p:first-child{grid-column:1/-1}
.cx-img{display:block;overflow:hidden;border-radius:4px;background:var(--soft)}
.cx-img img{display:block;width:100%;height:auto}
.cx-tag{margin:16px 0 6px;color:var(--mut);font-size:14px}
.cx-p h2{margin:0 0 6px;font-weight:800;font-size:clamp(24px,3vw,34px);line-height:1.2}
.cx-p:first-child h2{font-size:clamp(28px,4vw,44px)}
.cx-p h2 a{color:inherit;text-decoration:none}
.cx-p h2 a:hover,.cx-p h2 a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.cx-p p{margin:0 0 12px;color:var(--mut);max-width:38em}
.cx-more{font-weight:700}
.cxg{display:grid;gap:56px}
.cxg-h{margin:0;font-weight:800;font-size:clamp(22px,2.6vw,28px)}
.cxr{display:grid;gap:16px;grid-template-columns:1fr 1fr;align-items:start}
.cxr.one{grid-template-columns:1fr}
.cxr.one.pt{max-width:520px;margin-inline:auto}
.cxr.one.bw{max-width:1100px;margin-inline:auto}
.cxr .pj{margin:0}
.cxr .pj img{aspect-ratio:auto;object-fit:initial;width:100%;height:auto;border-radius:4px}
.cxr .pj picture{border-radius:4px}
.cxr .pj figcaption{padding-top:10px}
.cxr .pj b{font-size:15px;font-weight:700}
.cxr .pj .meta{display:none}
.cx-mat{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.cx-mat li{padding:12px 0;border-top:1px solid var(--line);color:var(--ink)}
.cxv{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.cxv.two{grid-template-columns:repeat(auto-fit,minmax(0,300px))}
.cxv figure{margin:0}
.cxv video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#0B1F3A;border-radius:4px}
.cxv figcaption{padding-top:10px;font-size:15px;font-weight:700}
.cxv figcaption a{color:inherit;text-decoration:none}
.cxv figcaption a:hover{text-decoration:underline}
.cx-next{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none}
.cx-next a{font-weight:700}
.cxs{padding-block:72px}
@media (min-width:721px){.cxr.f20{grid-template-columns:20fr 80fr}.cxr.f21{grid-template-columns:21fr 79fr}.cxr.f22{grid-template-columns:22fr 78fr}.cxr.f23{grid-template-columns:23fr 77fr}.cxr.f24{grid-template-columns:24fr 76fr}.cxr.f25{grid-template-columns:25fr 75fr}.cxr.f26{grid-template-columns:26fr 74fr}.cxr.f27{grid-template-columns:27fr 73fr}.cxr.f28{grid-template-columns:28fr 72fr}.cxr.f29{grid-template-columns:29fr 71fr}.cxr.f30{grid-template-columns:30fr 70fr}.cxr.f31{grid-template-columns:31fr 69fr}.cxr.f32{grid-template-columns:32fr 68fr}.cxr.f33{grid-template-columns:33fr 67fr}.cxr.f34{grid-template-columns:34fr 66fr}.cxr.f35{grid-template-columns:35fr 65fr}.cxr.f36{grid-template-columns:36fr 64fr}.cxr.f37{grid-template-columns:37fr 63fr}.cxr.f38{grid-template-columns:38fr 62fr}.cxr.f39{grid-template-columns:39fr 61fr}.cxr.f40{grid-template-columns:40fr 60fr}.cxr.f41{grid-template-columns:41fr 59fr}.cxr.f42{grid-template-columns:42fr 58fr}.cxr.f43{grid-template-columns:43fr 57fr}.cxr.f44{grid-template-columns:44fr 56fr}.cxr.f45{grid-template-columns:45fr 55fr}.cxr.f46{grid-template-columns:46fr 54fr}.cxr.f47{grid-template-columns:47fr 53fr}.cxr.f48{grid-template-columns:48fr 52fr}.cxr.f49{grid-template-columns:49fr 51fr}.cxr.f50{grid-template-columns:50fr 50fr}.cxr.f51{grid-template-columns:51fr 49fr}.cxr.f52{grid-template-columns:52fr 48fr}.cxr.f53{grid-template-columns:53fr 47fr}.cxr.f54{grid-template-columns:54fr 46fr}.cxr.f55{grid-template-columns:55fr 45fr}.cxr.f56{grid-template-columns:56fr 44fr}.cxr.f57{grid-template-columns:57fr 43fr}.cxr.f58{grid-template-columns:58fr 42fr}.cxr.f59{grid-template-columns:59fr 41fr}.cxr.f60{grid-template-columns:60fr 40fr}.cxr.f61{grid-template-columns:61fr 39fr}.cxr.f62{grid-template-columns:62fr 38fr}.cxr.f63{grid-template-columns:63fr 37fr}.cxr.f64{grid-template-columns:64fr 36fr}.cxr.f65{grid-template-columns:65fr 35fr}.cxr.f66{grid-template-columns:66fr 34fr}.cxr.f67{grid-template-columns:67fr 33fr}.cxr.f68{grid-template-columns:68fr 32fr}.cxr.f69{grid-template-columns:69fr 31fr}.cxr.f70{grid-template-columns:70fr 30fr}.cxr.f71{grid-template-columns:71fr 29fr}.cxr.f72{grid-template-columns:72fr 28fr}.cxr.f73{grid-template-columns:73fr 27fr}.cxr.f74{grid-template-columns:74fr 26fr}.cxr.f75{grid-template-columns:75fr 25fr}.cxr.f76{grid-template-columns:76fr 24fr}.cxr.f77{grid-template-columns:77fr 23fr}.cxr.f78{grid-template-columns:78fr 22fr}.cxr.f79{grid-template-columns:79fr 21fr}.cxr.f80{grid-template-columns:80fr 20fr}}
@media (max-width:980px){.cxv{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.cx-list{grid-template-columns:1fr;gap:56px}.cxr{grid-template-columns:1fr}.cx-mat{grid-template-columns:1fr}.cxg{gap:40px}.cxv.two{grid-template-columns:repeat(auto-fit,minmax(0,260px))}.cxs{padding-block:48px}}
@media (max-width:520px){.cxv{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}