/* conversion-integrations (2026-10-05): the route map.
   Linked only from article-conversion-integrations.html. The article is a
   transit system with two lines: Conversion (gold) and Integrations (navy).
   Both leave from Week one, meet again at the Test ladder, run together to
   Cutover and split for their termini, First close and Hypercare. Every
   section is a station and opens on a platform sign with the line's strip
   map, the current stop marked. */

.cir{
  --ink:#16150f; --ink2:#33312a; --mut:#6b6660; --hair:#d6d0c3; --hair2:#e4dfd3;
  --paper:#f7f5f0; --paper2:#efece4; --navy:#0e1330; --nv:#16304F;
  --red:#e5322d; --red2:#A93A3A; --gold:#B8862F;
  --g:#B8862F; --gt:#e2d3b3; --n:#0003cc; --nt:#bccaee;
  --blue:#0003cc; --btint:#e7edf8; --gdeep:#8A6413;
  background:var(--paper);
}
.cir .ci-main{color:var(--ink2);}
.cir .ci-main ::selection{background:#16304F;color:#f7f5f0;}
.cir .ci-main a:focus-visible,.cir .ci-main button:focus-visible{outline:2px solid var(--red2);outline-offset:3px;border-radius:2px;}
.cir .art-rail{display:none !important;}
.ci-wrap{width:min(1120px,calc(100vw - 32px));margin:0 auto;}
.ci-col{max-width:680px;margin:0 auto;}
.ci-wide{max-width:900px;margin:2.2rem auto;}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* one small-caps label style for the whole page */
.cir .ci-main .ci-lab{margin:0 0 .45rem;font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);}

/* ---------- title ---------- */
.cir .ci-top{padding:clamp(1.8rem,4vw,3rem) 0 clamp(1.6rem,3vw,2.4rem);}
.ci-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:clamp(2rem,5vw,4.5rem);align-items:end;}
.ci-head .back-link,.ci-kind{grid-column:1 / -1;}
.cir .ci-top .back-link{margin-bottom:1.6rem;justify-self:start;}
.ci-kind{margin:0 0 1rem;font-family:var(--sans);font-size:.9rem;font-weight:500;color:var(--mut);}
.cir .ci-top h1{margin:0;font-size:clamp(2.3rem,4.9vw,4.1rem);font-weight:500;line-height:1.03;letter-spacing:-.03em;color:var(--ink);}
.cir .ci-top .dek{margin:0;font-family:var(--serif);font-size:clamp(1.12rem,1.6vw,1.3rem);line-height:1.5;color:var(--ink2);max-width:40ch;}
.cir .ci-top .article-meta{display:flex;flex-wrap:wrap;gap:.3rem 1.3rem;margin-top:1.3rem;font-family:var(--sans);font-size:.86rem;color:var(--mut);}
.cir .ci-top .article-meta b{color:var(--ink);font-weight:600;}

/* ---------- the route map ---------- */
.ci-map{margin:0;padding:clamp(1.6rem,3.5vw,2.8rem) 0 clamp(1.6rem,3vw,2.4rem);background:var(--paper2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}
.ci-mapbox{position:relative;}
.ci-net{display:block;width:100%;height:auto;overflow:visible;}
.ci-t{display:none;max-width:400px;margin:0 auto;}
.ci-net .trk,.ci-net .lit{fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;}
.ci-net .g{stroke:var(--g);}
.ci-net .n{stroke:var(--n);}
.ci-net .lit{stroke-dasharray:1;stroke-dashoffset:0;}
.ci-net .mk{fill:var(--paper);stroke-width:3.5;}
.ci-net circle.mk.g{stroke:var(--g);}
.ci-net circle.mk.n{stroke:var(--n);}
.ci-net .mk.x{stroke:var(--ink);}
.ci-net .mk.t{stroke-width:7;stroke-linecap:butt;}
.ci-net .lb{font-family:var(--sans);font-size:15px;font-weight:600;fill:var(--ink);}
.ci-net .stn{cursor:pointer;}
.ci-net .stn:hover .lb,.ci-net .stn:focus-visible .lb{fill:var(--red2);text-decoration:underline;}
.ci-net .stn:focus-visible{outline:none;}
.ci-net .stn:focus-visible .mk{stroke:var(--red2);}
.ci-net .key text{font-family:var(--sans);font-size:14px;fill:var(--ink2);}
.ci-net .key .trk{stroke-width:8;stroke-linecap:round;}
.ci-net .key .nts{font-size:13px;font-style:italic;fill:var(--mut);}
.ci-net .note{font-family:var(--serif);font-style:italic;font-size:15px;fill:var(--ink2);}
.ci-net .dot{opacity:0;}
.ci-net .dot .core{stroke:var(--paper);stroke-width:3;}
.ci-net .dot.g .core{fill:var(--g);}
.ci-net .dot.n .core{fill:var(--n);}
.ci-net .dot .halo{fill:none;stroke-width:2;opacity:0;}
.ci-net .dot.g .halo{stroke:var(--g);}
.ci-net .dot.n .halo{stroke:var(--n);}
.ci-key{display:none;list-style:none;margin:1rem 0 0;padding:0;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;font-family:var(--sans);font-size:.84rem;color:var(--ink2);}
.ci-key li{display:flex;align-items:center;gap:.45rem;}
.ci-key i{display:inline-block;}
.ci-key .k-g,.ci-key .k-n{width:26px;height:6px;border-radius:3px;background:var(--g);}
.ci-key .k-n{background:var(--n);}
.ci-key .k-x{width:20px;height:14px;border:2.5px solid var(--ink);border-radius:8px;background:var(--paper);}
.ci-key .k-t{width:5px;height:16px;background:var(--g);}
.ci-map figcaption{max-width:62ch;margin:1.2rem auto 0;text-align:center;font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.5;color:var(--mut);}
.ci-play{margin-left:.35rem;padding:0;border:0;background:none;font:inherit;font-family:var(--sans);font-style:normal;font-size:.86rem;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--red2);text-underline-offset:3px;cursor:pointer;}
.ci-play:hover{color:var(--red2);}

/* ---------- opening ---------- */
.ci-open{padding:clamp(2.6rem,5vw,4rem) 0 clamp(1.6rem,4vw,3rem);}
.cir .ci-main p{font-family:var(--serif);font-size:1.13rem;line-height:1.66;color:var(--ink2);margin:0 0 1.15rem;}
.cir .ci-main .ci-first{font-size:clamp(1.22rem,1.9vw,1.36rem);line-height:1.55;color:var(--ink);}
.ci-hold{margin:2.2rem 0 0;padding:1.4rem 0 0;border-top:2px solid var(--ink);}
.cir .ci-main .ci-hold p:last-child{font-size:clamp(1.25rem,2vw,1.45rem);line-height:1.45;color:var(--ink);margin:0;}

/* ---------- a station ---------- */
.ci-stop{padding:clamp(3rem,6vw,5rem) 0 clamp(1.6rem,3vw,2.4rem);}
.ci-g{--lc:var(--g);--lt:var(--gt);}
.ci-n{--lc:var(--n);--lt:var(--nt);}
.ci-x,.ci-tools{--lc:var(--ink2);--lt:var(--hair);}

/* the platform sign */
.ci-sign{margin:0 0 clamp(2rem,4vw,3rem);}
.cir .ci-main .ci-name{display:flex;align-items:center;gap:.9rem;margin:0;font-family:var(--sans);font-size:clamp(2rem,4.2vw,3.1rem);font-weight:600;letter-spacing:-.025em;line-height:1.05;color:var(--ink);}
.ci-bars{display:inline-flex;flex-direction:column;gap:4px;flex:none;}
.ci-bars i{display:block;width:clamp(28px,4vw,44px);height:9px;border-radius:5px;}
.ci-bars .g{background:var(--g);}
.ci-bars .n{background:var(--n);}
.cir .ci-main .ci-meta{margin:.55rem 0 0;font-family:var(--sans);font-size:.92rem;color:var(--mut);}

/* the strip map above the platform */
.ci-strip{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);--sc:var(--g);--st:var(--gt);}
.ci-strip.n{--sc:var(--n);--st:var(--nt);}
.ci-strip.g + .ci-strip.n{margin-top:1.1rem;}
.ci-strip li{position:relative;padding-top:22px;text-align:center;font-family:var(--sans);font-size:.8rem;line-height:1.25;}
.ci-strip li::before{content:"";position:absolute;top:6px;left:0;right:0;height:6px;background:var(--st);}
.ci-strip li.past::before{background:var(--sc);}
.ci-strip li.here::before{background:linear-gradient(90deg,var(--sc) 50%,var(--st) 50%);}
.ci-strip li:first-child::before{left:50%;}
.ci-strip li:last-child::before{right:50%;}
.ci-strip li::after{content:"";position:absolute;top:1px;left:50%;width:10px;height:10px;margin-left:-8px;border:3px solid var(--st);border-radius:50%;background:var(--paper);}
.ci-strip li.past::after,.ci-strip li.here::after{border-color:var(--sc);}
.ci-strip li.x::after{width:16px;margin-left:-11px;border-radius:8px;border-color:var(--mut);}
.ci-strip li.x.past::after,.ci-strip li.x.here::after{border-color:var(--ink);}
.ci-strip li.t::after{top:-1px;width:5px;height:20px;margin-left:-2.5px;border:0;border-radius:0;background:var(--st);}
.ci-strip li.here::after{top:-3px;width:14px;height:14px;margin-left:-10px;background:var(--sc);border-color:var(--sc);box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--sc);}
.ci-strip li.x.here::after{width:20px;margin-left:-13px;background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--ink);}
.ci-strip a{display:inline-block;padding:0 .2rem;color:var(--mut);text-decoration:none;}
.ci-strip li.past a{color:var(--ink2);}
.ci-strip li.gap::after{display:none;}
.ci-strip li.here a{color:var(--ink);font-weight:600;}
.ci-strip a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sc);text-underline-offset:3px;}

.cir .ci-stop h2,.cir .ci-end h2{margin:0 0 1.3rem;font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:500;line-height:1.12;letter-spacing:-.025em;color:var(--ink);}
.cir .ci-stop h3{margin:2.2rem 0 .6rem;font-family:var(--sans);font-size:1.12rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);}

/* the move: a short run of line ending in a station */
.ci-move{position:relative;margin:2.1rem 0;padding:1.5rem 0 0;}
.ci-move::before{content:"";position:absolute;top:0;left:0;width:64px;height:6px;border-radius:3px;background:var(--lc);}
.ci-move::after{content:"";position:absolute;top:-4px;left:58px;width:8px;height:8px;border:3px solid var(--lc);border-radius:50%;background:var(--paper);}
.cir .ci-main .ci-move p:last-child{margin:0;font-size:clamp(1.2rem,1.9vw,1.34rem);line-height:1.48;color:var(--ink);font-weight:500;}

/* from the field */
.ci-field{margin:2.1rem 0;padding:1.2rem 0 .3rem;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}
.cir .ci-main .ci-field p:last-child{font-size:1.02rem;line-height:1.6;}
.ci-field b{font-family:var(--sans);font-weight:600;font-size:.98rem;color:var(--ink);}

/* tables: hairlines only */
.ci-table{width:100%;border-collapse:collapse;margin:1.6rem 0 1.8rem;font-family:var(--sans);font-size:.9rem;line-height:1.45;color:var(--ink2);}
.ci-table caption{caption-side:top;text-align:left;padding:0 0 .6rem;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--mut);}
.ci-table th,.ci-table td{padding:.7rem .9rem .7rem 0;border-bottom:1px solid var(--hair);text-align:left;vertical-align:top;}
.ci-table thead th{padding-top:0;font-weight:600;font-size:.82rem;color:var(--mut);border-bottom:1.5px solid var(--ink);}
.ci-table tbody th{font-weight:600;color:var(--ink);}
.ci-table b{font-weight:600;color:var(--ink);}
.ci-hist td{font-variant-numeric:tabular-nums;}
.cir .ci-main .ci-tnote{margin:-.6rem 0 0;font-family:var(--sans);font-size:.88rem;color:var(--mut);}

/* scope: the junction */
.ci-junction{display:grid;grid-template-columns:auto 170px minmax(0,1fr);grid-template-rows:repeat(3,60px);align-items:center;}
.cir .ci-main .j-src{grid-row:1 / 4;margin:0;padding-right:.8rem;font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--ink);}
.ci-fork{grid-row:1 / 4;width:170px;height:180px;overflow:visible;}
.ci-fork path{fill:none;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;}
.ci-fork .f-src{stroke:var(--ink2);}
.ci-fork .f-g{stroke:var(--g);}
.ci-fork .f-m{stroke:var(--mut);stroke-dasharray:2 12;}
.ci-fork .f-n{stroke:var(--n);}
.ci-fork .f-j{fill:var(--paper);stroke:var(--ink);stroke-width:3;}
.j-out{grid-row:1 / 4;display:grid;grid-template-rows:repeat(3,60px);align-items:center;list-style:none;margin:0;padding:0 0 0 .9rem;font-family:var(--sans);font-size:.92rem;line-height:1.35;color:var(--ink2);}
.j-out b{display:block;font-weight:600;color:var(--ink);}

/* cleanse: where to fix a record, best first */
.ci-where{list-style:none;counter-reset:w;margin:1.8rem 0 2rem;padding:0;}
.ci-where li{counter-increment:w;position:relative;padding:.85rem 0 .85rem 2.6rem;border-top:1px solid var(--hair);font-family:var(--sans);font-size:.95rem;line-height:1.5;color:var(--ink2);}
.ci-where li:last-child{border-bottom:1px solid var(--hair);}
.ci-where li::before{content:counter(w);position:absolute;left:0;top:.8rem;width:1.6rem;height:1.6rem;border:2.5px solid var(--g);border-radius:50%;font-size:.78rem;font-weight:600;line-height:1.6rem;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums;}
.ci-where li:nth-child(2)::before{border-color:var(--gt);}
.ci-where li:nth-child(3)::before{border-color:var(--hair);}
.ci-where b{font-weight:600;color:var(--ink);}

/* mapping: track patterns */
.ci-tracks{list-style:none;margin:1.6rem 0 2rem;padding:0;}
.ci-tracks li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1.1rem;align-items:center;padding:.8rem 0;border-top:1px solid var(--hair);}
.ci-tracks li:last-child{border-bottom:1px solid var(--hair);}
.ci-tracks svg{width:110px;height:auto;overflow:visible;}
.cir .ci-main .ci-tracks p{margin:0;font-family:var(--sans);font-size:.95rem;line-height:1.5;}
.ci-tracks b{display:block;font-weight:600;color:var(--ink);}
.ci-tracks .gl,.ci-dir .gl{fill:none;stroke:var(--g);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
.ci-tracks .gd{fill:none;stroke:var(--mut);stroke-width:3;stroke-dasharray:3 5;}
.ci-tracks .gb{stroke:var(--ink);stroke-width:4;}
.ci-tracks .gs,.ci-dir .gs{fill:var(--paper);stroke:var(--ink);stroke-width:2.5;}
.ci-tracks .gx{fill:var(--paper);stroke:var(--ink);stroke-width:2.5;}

/* mocks: three proofs */
.ci-proofs{list-style:none;counter-reset:p;margin:1.4rem 0 1.8rem;padding:0;}
.ci-proofs li{counter-increment:p;padding:.8rem 0 .8rem 2.4rem;position:relative;border-top:1px solid var(--hair);font-family:var(--sans);font-size:.95rem;line-height:1.5;color:var(--ink2);}
.ci-proofs li:last-child{border-bottom:1px solid var(--hair);}
.ci-proofs li::before{content:counter(p);position:absolute;left:0;top:.8rem;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums;}
.ci-proofs b{font-weight:600;color:var(--ink);}

/* inventory: directions */
.ci-dir svg{display:block;width:64px;height:24px;margin:0 0 .3rem;overflow:visible;}
.ci-dir .gl{stroke:var(--n);}
.ci-dir .ga{fill:none;stroke:var(--n);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.ci-dir tbody th{width:9rem;}

/* architecture: two networks */
.ci-nets{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,4vw,3rem);max-width:640px;}
.ci-nets figure{margin:0;text-align:center;}
.ci-nets svg{display:block;width:100%;max-width:240px;height:auto;margin:0 auto;}
.ci-nets .nl{stroke:var(--n);stroke-width:2.5;}
.ci-nets .nn{fill:var(--paper);stroke:var(--ink);stroke-width:2.5;}
.ci-nets .nh{fill:var(--n);}
.ci-nets figcaption{margin-top:.6rem;font-family:var(--sans);font-size:.88rem;line-height:1.4;color:var(--ink2);}
.ci-nets figcaption b{display:block;font-weight:600;color:var(--ink);}

/* test ladder: a short branch line */
.ci-ladder{list-style:none;margin:1.8rem 0 2rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:l;}
.ci-ladder li{counter-increment:l;position:relative;padding:30px .4rem 0 0;font-family:var(--sans);font-size:.88rem;line-height:1.35;color:var(--ink);}
.ci-ladder li::before{content:"";position:absolute;top:9px;left:0;right:0;height:6px;background:linear-gradient(180deg,var(--g) 0 3px,var(--n) 3px 6px);}
.ci-ladder li:last-child::before{right:auto;width:14px;}
.ci-ladder li::after{content:"";position:absolute;top:2px;left:0;width:14px;height:14px;border:3px solid var(--ink);border-radius:50%;background:var(--paper);}

/* cutover: the switch for one interface */
.ci-switch{list-style:none;counter-reset:s;margin:1.4rem 0 2rem;padding:0;}
.ci-switch li{counter-increment:s;display:grid;grid-template-columns:2.2rem minmax(0,1fr);padding:.65rem 0;border-top:1px solid var(--hair);font-family:var(--sans);font-size:.95rem;color:var(--ink);}
.ci-switch li:last-child{border-bottom:1px solid var(--hair);}
.ci-switch li::before{content:counter(s);font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums;}
.cir .ci-stop h3.ci-term{display:flex;align-items:center;gap:.7rem;font-size:1.35rem;margin-top:2.6rem;}
.ci-tbar{display:inline-block;width:34px;height:7px;border-radius:4px;background:var(--g);position:relative;}
.ci-tbar::after{content:"";position:absolute;right:-3px;top:-7px;width:6px;height:21px;background:var(--g);}
.ci-term.n .ci-tbar,.ci-term.n .ci-tbar::after{background:var(--n);}

/* tools */
.ci-names td{width:40%;}
.ci-names tbody th{width:20%;}

/* end of the line */
.ci-end{padding:clamp(3rem,6vw,5rem) 0 clamp(2.4rem,5vw,4rem);background:var(--paper2);border-top:1px solid var(--hair);}
.ci-end blockquote{margin:0 0 2.6rem;padding:0;font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,1.95rem);line-height:1.36;font-weight:400;letter-spacing:-.012em;color:var(--ink);}
.cir .ci-main .ci-related{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--hair);font-size:1rem;}
.cir .ci-main .ci-related a,.cir .ci-main .ci-col p a{color:var(--nv);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;}
.cir .ci-main .ci-src{font-family:var(--sans);font-size:.84rem;line-height:1.55;color:var(--mut);}
.ci-src b{color:var(--ink);}

.ci-kit{padding:clamp(2rem,4vw,3rem) 0 1rem;}
.ci-cta{padding:1rem 0 clamp(2.4rem,5vw,3.6rem);}
.cir .tkband{background:var(--nv);border-radius:var(--r-lg,18px);padding:clamp(1.8rem,4vw,2.8rem);color:#fff;position:relative;overflow:hidden;}
.cir .tkband .eyebrow{color:#d9b26a;} /* QA 2026-10-10: brand gold measured 4.1:1 on the navy at this size */
.cir .tkband h2{color:#fff;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:500;margin:.4rem 0 .6rem;letter-spacing:-.02em;max-width:24ch;}
.cir .ci-main .tkband p{color:#d3dce8;max-width:56ch;margin:0 0 1.3rem;font-family:var(--sans);font-size:1rem;}
.cir .tkband .btn-gold{background:var(--gold);border-color:var(--gold);color:#16150f;}
.cir .tkband .btn-gold:hover{background:#a9791f;border-color:#a9791f;}
.cir .tkband .textlink{color:#fff;}
.cir .ci-main .cta-band p{font-family:var(--sans);font-size:1rem;color:#d3dce8;margin:1rem 0 1.7rem;}

/* ---------- phones and small tablets ---------- */
@media (max-width:760px){
  .ci-head{grid-template-columns:1fr;}
  .ci-headside{margin-top:1.2rem;}
  .ci-wide.ci-nets{gap:1rem;}
  .ci-net.ci-w{display:none;}
  .ci-net.ci-t{display:block;}
  .ci-key{display:flex;}
  .ci-strip a{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  .ci-strip li{padding-top:12px;}
  .cir .ci-main p{font-size:1.06rem;}
  .ci-junction{grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto repeat(3,60px);}
  .cir .ci-main .j-src{grid-row:1;grid-column:1 / -1;padding:0 0 .4rem;}
  .ci-fork{grid-row:2 / 5;grid-column:1;width:110px;}
  .j-out{grid-row:2 / 5;grid-column:2;font-size:.86rem;}
  .ci-hist thead{display:none;}
  .ci-hist tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--hair);padding:.4rem 0;}
  .ci-hist th,.ci-hist td{border:0;padding:.3rem .6rem .3rem 0;}
  .ci-hist tbody th{grid-column:1 / -1;}
  .ci-hist td:nth-of-type(1)::before{content:"Timeline: ";color:var(--mut);}
  .ci-hist td:nth-of-type(2)::before{content:"Risk and cost: ";color:var(--mut);}
  .ci-hist td:nth-of-type(3){grid-column:1 / -1;}
  .ci-hist td:nth-of-type(3)::before{content:"Prior years: ";color:var(--mut);}
  .ci-roles thead,.ci-names thead{display:none;}
  .ci-roles tr,.ci-names tr{display:block;border-bottom:1px solid var(--hair);padding:.5rem 0;}
  .ci-roles th,.ci-roles td,.ci-names th,.ci-names td,.ci-names tbody th{display:block;width:auto;border:0;padding:.2rem 0;}
  .ci-strip.g + .ci-strip.n{margin-top:1.6rem;}
  .ci-names td:nth-of-type(1)::before{content:"Workday: ";color:var(--mut);}
  .ci-names td:nth-of-type(2)::before{content:"Oracle Cloud: ";color:var(--mut);}
  .ci-dir tbody th{width:6.5rem;}
  .ci-tracks li{grid-template-columns:84px minmax(0,1fr);gap:.8rem;}
  .ci-tracks svg{width:84px;}
  .ci-ladder li{font-size:.8rem;}
}

/* ---------- motion: the map plays once it is in view ---------- */
@media screen and (prefers-reduced-motion:no-preference){
  .ci-map.armed .trk{opacity:.2;}
  .ci-map.armed .key .trk{opacity:1;}
  .ci-map.armed .lit{stroke-dashoffset:1;}
  .ci-map.armed .stn .mk{opacity:.3;transition:opacity .25s;}
  .ci-map.armed .stn .lb{opacity:.45;transition:opacity .25s;}
  .ci-map.armed .stn.on .mk,.ci-map.armed .stn.on .lb{opacity:1;}
  .ci-map.armed .stn .mk{transform-box:fill-box;transform-origin:center;}
  .ci-map.armed .stn.pop .mk{animation:ci-pop .5s ease-out;}
  .ci-map.armed .note{opacity:0;transition:opacity .5s;}
  .ci-map.armed.wait .note{opacity:1;}
  .ci-map.live .dot{opacity:1;}
  .ci-map.live .dot .halo{transform-box:fill-box;transform-origin:center;}
  .ci-map.live .dot.hold .halo{animation:ci-hold 1s ease-out infinite;}
  @keyframes ci-pop{0%{transform:scale(1.5);}100%{transform:scale(1);}}
  @keyframes ci-hold{0%{opacity:.9;transform:scale(.6);}100%{opacity:0;transform:scale(1.5);}}
}

@media print{
  .cir .reveal{opacity:1 !important;transform:none !important;}
  .ci-map{background:none;}
  .ci-play{display:none !important;}
  .ci-stop,.ci-end{padding:1.6rem 0;}
}

/* ---------- restored images (2026-10-05) ----------
   The lifecycle poster closes Week one as a wide plate, broader than the reading
   column; the red-flag checklist sits beside the last run of the Test ladder.
   Captions take the map's italic. No frames, no motion. */
.ci-plate{max-width:840px;margin:clamp(2.4rem,5vw,3.4rem) auto 0;}
.ci-plate img,.ci-inset img{display:block;width:100%;height:auto;}
.ci-plate figcaption,.ci-inset figcaption{margin:.8rem 0 0;font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.5;color:var(--mut);}
.ci-inset{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem 3.4rem;align-items:start;max-width:1040px;margin:1rem auto 0;}
.ci-inset figure{margin:0;}
.ci-inset-t .ci-field{margin-top:1.6rem;}
@media (max-width:760px){
  .ci-inset{grid-template-columns:minmax(0,1fr);}
}

/* ---------- color 2026-10-09: electric blue lead (the Integrations line), gold Conversion line ---------- */
.ci-g{--ld:var(--gdeep);}
.ci-n{--ld:var(--blue);}
.ci-x,.ci-tools{--ld:var(--ink2);}
.cir .ci-main .ci-move .ci-lab{color:var(--ld,var(--mut));}

/* the route map and the closing band sit on blue-tinted transit paper */
.ci-map,.ci-end{background-color:var(--btint);background-image:linear-gradient(rgba(22,48,79,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,48,79,.06) 1px,transparent 1px);
  background-size:24px 24px;border-top-color:rgba(22,48,79,.22);border-bottom-color:rgba(22,48,79,.22);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.ci-end{border-top:3px solid var(--blue);}

/* opening figures */
.cir .ci-main .ci-figs{list-style:none;margin:2.4rem 0 2.2rem;padding:1rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--blue);}
.ci-figs li{padding:0 1rem;border-left:1px solid rgba(0,3,204,.22);}
.ci-figs li:first-child{padding-left:0;border-left:0;}
.ci-figs b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.3vw,2.5rem);line-height:1;letter-spacing:-.03em;color:var(--blue);font-variant-numeric:lining-nums;white-space:nowrap;}
.ci-figs span{display:block;margin-top:.6rem;font-family:var(--sans);font-size:.8rem;line-height:1.4;color:var(--ink2);}

/* week one: the count you were given against the real count */
.ci-cnt{margin:1.1rem 0 .9rem;display:grid;gap:.55rem;}
.ci-cnt-r{display:grid;grid-template-columns:11.5rem minmax(0,1fr) auto;align-items:center;gap:.8rem;font-family:var(--sans);font-size:.82rem;color:var(--ink2);}
.ci-cnt-b{position:relative;height:16px;}
.ci-cnt-b i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v) / 90 * 100%);background:var(--nt);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.ci-cnt-real .ci-cnt-b i{background:var(--blue);}
.ci-cnt-r b{white-space:nowrap;font-family:var(--serif);font-size:1.25rem;font-weight:500;color:var(--ink);font-variant-numeric:lining-nums;}
.ci-cnt-real b{color:var(--blue);}

/* architecture: the iPaaS market, two columns */
.ci-mkt{margin:1.8rem 0 2rem;display:grid;grid-template-columns:repeat(2,minmax(0,8rem)) minmax(0,1fr);column-gap:1.4rem;align-items:end;}
.ci-mkt-c{display:flex;flex-direction:column;justify-content:flex-end;}
.ci-mkt-c i{display:block;height:calc(var(--v) / 17 * 9rem);background:var(--nt);border-bottom:1.5px solid var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.ci-mkt-f i{background:var(--blue);}
.ci-mkt-v{font-family:var(--serif);font-size:1.6rem;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin-bottom:.4rem;}
.ci-mkt-f .ci-mkt-v{color:var(--blue);}
.ci-mkt-y{margin-top:.45rem;font-family:var(--sans);font-size:.8rem;color:var(--mut);min-height:1.2em;}
.ci-mkt figcaption{align-self:end;padding-bottom:1.7rem;font-family:var(--sans);font-size:.82rem;line-height:1.45;color:var(--mut);max-width:24ch;}

@media (max-width:760px){
  .cir .ci-main .ci-figs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:1.6rem;}
  .ci-figs li:nth-child(3){padding-left:0;border-left:0;}
  .ci-figs li:nth-child(odd){padding-right:.8rem;}
  .ci-cnt-r{grid-template-columns:minmax(0,1fr) auto;row-gap:.25rem;}
  .ci-cnt-k{grid-column:1 / -1;}
  .ci-mkt{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1rem;}
  .ci-mkt figcaption{grid-column:1 / -1;max-width:none;padding-bottom:0;}
}