/* 311 Institute codex pages: answer-first, key findings, FAQ, related research and session blocks (13 Oct 2026).
   Self-contained: works on codex.css pages and on the Exponential Technology Codex page (cxr.css). */
.cxp{--cx-ink:#0d0d1f;--cx-blue:#2F2F91;--cx-pink:#D92A79;--cx-paper:#f6f7fb;--cx-muted:#5d6477;--cx-line:#dfe2ea;padding:76px 0;background:#fff;color:var(--cx-ink);font-family:var(--b-font,futura-pt,"Futura PT",Futura,"Helvetica Neue",Arial,sans-serif);font-size:16px;line-height:1.6}
.cxp *{box-sizing:border-box}
.cxp .cxw{width:min(1160px,calc(100vw - 48px));margin:0 auto}
.cxp .cxt{margin:0 0 16px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--cx-blue)}
.cxp h2{margin:0 0 22px;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.08;font-weight:700;letter-spacing:-.01em;text-wrap:balance;max-width:880px;color:var(--cx-ink)}
.cxp p{margin:0 0 14px}
.cxp a{color:var(--cx-blue)}
.cxp-soft{background:var(--cx-paper)}
/* answer-first */
.cxp-ans .cxg{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:56px;align-items:start}
.cxp-ans .cxa{font-size:1.22rem;line-height:1.55;max-width:62ch;color:var(--cx-ink)}
.cxp-ans .cxwho{color:var(--cx-muted);max-width:62ch}
.cxp-ans .cxwho b{color:var(--cx-ink)}
.cxp-facts{border:1px solid var(--cx-line);border-radius:18px;background:var(--cx-paper);padding:26px}
.cxp-facts dl{margin:0 0 20px;display:grid;grid-template-columns:auto 1fr;gap:10px 18px}
.cxp-facts dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--cx-muted);padding-top:3px}
.cxp-facts dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.cxp-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;background:var(--cx-blue);color:#fff!important;font-weight:700;text-decoration:none;line-height:1.2}
.cxp-btn:hover{filter:brightness(1.12)}
.cxp-btn.alt{background:transparent;color:var(--cx-blue)!important;box-shadow:inset 0 0 0 2px var(--cx-blue)}
.cxp-btn svg{width:18px;height:18px}
.cxp-note{margin:12px 0 0;font-size:.85rem;color:var(--cx-muted)}
/* findings */
.cxp-find ol{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--cx-line);counter-reset:cx}
.cxp-find li{counter-increment:cx;display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--cx-line);font-size:1.08rem;max-width:960px}
.cxp-find li::before{content:counter(cx,decimal-leading-zero);font-weight:700;font-size:1.6rem;line-height:1.1;color:var(--cx-pink);font-variant-numeric:tabular-nums}
/* FAQ */
.cxp-faq .cxq{border-top:1px solid var(--cx-line);max-width:920px}
.cxp-faq details{border-bottom:1px solid var(--cx-line)}
.cxp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-weight:700;font-size:1.12rem;line-height:1.35}
.cxp-faq summary::-webkit-details-marker{display:none}
.cxp-faq summary::after{content:"+";flex:0 0 auto;font-size:1.5rem;line-height:1;color:var(--cx-pink);transition:transform .2s}
.cxp-faq details[open] summary::after{transform:rotate(45deg)}
.cxp-faq details p{margin:0 0 22px;color:var(--cx-muted);max-width:70ch}
/* related */
.cxp-rel .cxr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cxp-rel a.cxc{display:flex;flex-direction:column;border:1px solid var(--cx-line);border-radius:16px;overflow:hidden;background:#fff;color:var(--cx-ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.cxp-rel a.cxc:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(20,18,60,.45)}
.cxp-rel .cxi{aspect-ratio:4/3;background:linear-gradient(135deg,#231D63,#7C219E);display:flex;align-items:center;justify-content:center;padding:16px}
.cxp-rel .cxi img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.cxp-rel .cxb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.cxp-rel .cxk{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--cx-pink)}
.cxp-rel .cxn{font-weight:700;line-height:1.3}
/* session CTA (pages without one) */
.cxp-cta{color:#fff;background:linear-gradient(135deg,#bc249f,#262176)}
.cxp-cta h2{color:#fff}
.cxp-cta .cxt{color:#ffc2e2}
.cxp-cta p{color:rgba(255,255,255,.82);max-width:640px}
.cxp-cta .cxp-btn{background:#fff;color:#262176!important}
.cxp-cta .cxp-btn.alt{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8)}
.cxp .cxrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media(max-width:900px){
 .cxp{padding:56px 0}
 .cxp .cxw{width:calc(100vw - 32px)}
 .cxp-ans .cxg{grid-template-columns:minmax(0,1fr);gap:28px}
 .cxp-rel .cxr{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cxp-find li{grid-template-columns:52px minmax(0,1fr);font-size:1rem}
}
@media(max-width:480px){
 .cxp-rel .cxr{grid-template-columns:minmax(0,1fr)}
 .cxp-ans .cxa{font-size:1.1rem}
}
@media(prefers-reduced-motion:reduce){.cxp-rel a.cxc,.cxp-faq summary::after{transition:none}}