
/* CloudINX Continuum — 2026 review: editorial + conversion */
:root{--continuum-ink:#061827;--continuum-blue:#5cd9e8}
.cx-continuum{background:linear-gradient(140deg,#071c2d,#102d40 60%,#081724);color:#f1f9fc;padding:clamp(58px,7vw,112px) max(24px,calc((100vw - 1190px)/2));position:relative;overflow:hidden}
.cx-continuum:before{content:"";position:absolute;inset:0;opacity:.10;pointer-events:none;background:radial-gradient(circle at 84% 20%,#51e4ff 0 6px,transparent 7px),radial-gradient(circle at 73% 55%,#51e4ff 0 12px,transparent 13px),radial-gradient(circle at 95% 80%,#51e4ff 0 17px,transparent 18px),linear-gradient(150deg,transparent 66%,#5cd9e8 66.1%,transparent 66.4%)}
.cx-continuum>*{position:relative;z-index:1}.cx-continuum .eyebrow,.cx-archive .eyebrow{color:#67e4ee;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;font-weight:700}
.cx-continuum h2,.cx-archive h1,.cx-sector h1{font-size:clamp(2.25rem,4.8vw,4.9rem);line-height:1.07;letter-spacing:-.035em;max-width:900px;margin:14px 0 25px;color:inherit}
.cx-continuum p{max-width:740px;font-size:clamp(1.06rem,1.7vw,1.28rem);line-height:1.75;color:#c6dce5}.cx-continuum-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}
.cx-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;background:#61d9e9;color:#052032!important;border-radius:4px;font-weight:700;text-decoration:none!important}.cx-action.secondary{background:transparent;border:1px solid #8db6c7;color:#e7f9ff!important}
.cx-archive,.cx-sector{font-family:inherit;color:#112b3b;background:#f6fafb;min-height:65vh}.cx-archive .hero,.cx-sector .hero{background:linear-gradient(120deg,#061827,#14384b);padding:95px max(24px,calc((100vw - 1150px)/2)) 80px;color:#fff}.cx-archive .hero p,.cx-sector .hero p{max-width:760px;color:#cbdce6;font-size:1.2rem;line-height:1.7}
.cx-editorial-wrap{max-width:1150px;margin:auto;padding:68px 24px 90px}.cx-editorial-wrap h2{font-size:clamp(1.75rem,3vw,2.6rem);color:#0b2b40;margin:0 0 20px}.cx-editorial-wrap p{line-height:1.75}.cx-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 70px}.cx-era{background:white;border:1px solid #dce9ee;border-top:3px solid #45bcd1;padding:27px;border-radius:5px}.cx-era .year{font-size:.85rem;font-weight:700;color:#217a94}.cx-era h3{font-size:1.35rem;margin:12px 0}.cx-era p{color:#405b6a}.cx-era a{color:#096c8d;font-weight:650}.cx-sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0 55px}.cx-sector-card{background:white;border:1px solid #dbe9ed;padding:25px;border-radius:5px}.cx-sector-card h3{margin:0 0 10px;color:#10374c}.cx-sector-card p{color:#40596a}.cx-sector-card a{color:#006c88;font-weight:700}.cx-note{border-left:3px solid #51c9d8;padding:15px 20px;background:#e9f4f7;color:#315162;font-size:.93rem}.cx-source-list li{margin:12px 0;line-height:1.6}.cx-source-list a{color:#006c8b}.cx-mini-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:830px}.cx-mini-form label{display:block;font-size:.9rem;font-weight:700}.cx-mini-form input,.cx-mini-form select,.cx-mini-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #a7bfcb;border-radius:3px;padding:12px;margin-top:7px;background:white;color:#102c3d;font:inherit}.cx-mini-form .wide{grid-column:1/-1}.cx-mini-form button{border:0;cursor:pointer}.cx-quick-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
@media(max-width:740px){.cx-timeline,.cx-sector-grid,.cx-mini-form{grid-template-columns:1fr}.cx-archive .hero,.cx-sector .hero{padding-top:65px}.cx-continuum{padding:60px 24px}}
@media(prefers-reduced-motion:reduce){.cx-continuum *{animation:none!important;transition:none!important}}

/* Milestone accessibility and presentation refinement */
.cx-era {min-width:0; height:auto; overflow:visible; overflow-wrap:break-word;}
.cx-era h3,.cx-era p,.cx-era .year {position:relative;z-index:1;max-width:100%;opacity:1;visibility:visible;}
.cx-era h3 {line-height:1.25;text-wrap:balance;}
.cx-era p {line-height:1.65;}
.cx-era .year {display:inline-block;white-space:normal;}
@media(max-width:767px){.cx-era{padding:1.25rem;}.cx-era h3{font-size:clamp(1.05rem,4.5vw,1.4rem);}}
