/* epic-workday-dual-program (2026-10-05): two circles on a collision course.
   Linked only from article-epic-workday-dual-program.html. The page is a
   Venn diagram read from top to bottom: the whole diagram up top, then
   Epic's circle, your ERP's circle, the overlap (dark, where the seams
   live), both circles, and the space between. Green is Epic (since the
   2026-10-09 color pass), gold is the ERP, the filled navy lens is the seam. */

.ewv{
  --ink:#16150f; --ink2:#33312a; --mut:#6b6660; --hair:#d6d0c3;
  --paper:#f7f5f0; --paper2:#efece4; --navy:#0e1330; --nv:#16304F;
  --gold:#B8862F; --red:#e5322d; --red2:#A93A3A;
  --dk:#0e1330; --dtx:#dedbd2; --dmut:#a9adc0; --dhair:rgba(236,233,225,.16);
  background:var(--paper);
}
.ewv .ew-main{color:var(--ink2);}
.ewv .ew-main ::selection{background:var(--nv);color:var(--paper);}
.ewv .ew-zc ::selection{background:var(--gold);color:var(--navy);}
.ewv .ew-main a:focus-visible,.ewv .ew-main button:focus-visible,.ewv .ew-main input:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px;}
.ewv .art-rail{display:none !important;}
.ew-w{width:min(1160px,calc(100vw - 32px));margin:0 auto;}
.vh{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- title ---------- */
.ewv .ew-top{padding:clamp(1.8rem,4vw,3rem) 0 0;}
.ewv .ew-top .back-link{margin-bottom:1.6rem;}
.ew-kind{margin:0 0 1rem;font-family:var(--sans);font-size:.9rem;color:var(--mut);}
.ewv .ew-top h1{margin:0;max-width:17ch;font-size:clamp(2.5rem,5.8vw,4.8rem);font-weight:500;line-height:1.02;letter-spacing:-.032em;color:var(--ink);}
.ew-headrow{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:1rem 3rem;align-items:end;margin-top:1.6rem;}
.ewv .ew-top .dek{margin:0;max-width:56ch;font-family:var(--serif);font-size:clamp(1.15rem,1.7vw,1.32rem);line-height:1.5;color:var(--ink2);}
.ewv .ew-top .article-meta{display:flex;flex-wrap:wrap;gap:.3rem 1.3rem;margin:0;font-family:var(--sans);font-size:.86rem;color:var(--mut);}
.ewv .ew-top .article-meta b{color:var(--ink);font-weight:600;}

/* ---------- the diagram ---------- */
.ew-venn{margin:clamp(1.8rem,4vw,3rem) 0 0;padding:0 0 clamp(1.5rem,3vw,2.5rem);}
.ew-stage{position:relative;max-width:1040px;margin:0 auto;aspect-ratio:1000/560;container-type:inline-size;overflow:hidden;}
.ew-svg,.ew-xv svg,.ew-ostage svg{display:block;width:100%;height:100%;}
.ew-svg{position:absolute;inset:0;}
.ew-c1{fill:rgba(22,48,79,.08);}
.ew-c2{fill:rgba(184,134,47,.15);}
.ew-r1{fill:none;stroke:var(--nv);stroke-width:1.6;}
.ew-r2{fill:none;stroke:var(--gold);stroke-width:1.8;}
.ew-fill,.ew-ofill,.ew-xfill{fill:var(--navy);}
.ew-lghost{fill:none;stroke:var(--navy);stroke-width:1.4;stroke-dasharray:5 7;opacity:0;}
.ew-fill,.ew-xfill{transform-box:fill-box;transform-origin:50% 100%;}

.ew-lab{position:absolute;top:50%;width:22%;translate:-50% -50%;text-align:center;text-decoration:none;color:var(--ink);}
.ew-la{left:24.5%;}
.ew-lb{left:75.5%;}
.ew-nm{display:block;font-family:var(--serif);font-size:clamp(1.05rem,4.2cqw,2.7rem);font-weight:500;line-height:1;letter-spacing:-.025em;color:var(--ink);}
.ew-sub{display:block;margin-top:.7em;font-family:var(--sans);font-size:clamp(.8rem,1.35cqw,.95rem);line-height:1.38;color:var(--ink2);}
.ew-lab:hover .ew-nm{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:5px;}

.ew-lens{position:absolute;left:50%;top:50%;width:23%;translate:-50% -50%;text-align:center;}
.ew-lt{display:block;margin-bottom:.55em;font-family:var(--serif);font-style:italic;font-size:clamp(1rem,2cqw,1.4rem);color:#fff;text-decoration:none;}
.ew-ln{list-style:none;margin:0;padding:0;font-family:var(--sans);font-size:clamp(11px,1.25cqw,13.5px);line-height:1.25;}
.ew-ln li{margin:0 0 .66em;}
.ew-ln a{color:#ece9e1;text-decoration:none;}
.ew-ln a:hover,.ew-lt:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;}
.ew-k{display:inline-block;margin-right:.5em;font-weight:600;font-variant-numeric:tabular-nums;color:var(--gold);}
.ew-lens a:focus-visible{outline-color:#fff;}
.ew-lnum{display:none;}
.ew-key{display:none;}

.ew-venn figcaption{max-width:62ch;margin:1.3rem auto 0;text-align:center;font-family:var(--serif);font-style:italic;font-size:1.06rem;line-height:1.5;color:var(--mut);}
.ew-beat{display:inline;}
.ew-skip{margin-left:.45rem;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(--gold);text-underline-offset:3px;cursor:pointer;}
.ew-skip:hover{color:var(--nv);}

/* ---------- lede ---------- */
.ewv .ew-lede{padding:clamp(1.6rem,4vw,3rem) 0 clamp(2rem,4vw,3rem);}
.ew-col{max-width:680px;margin:0 auto;}
.ewv .ew-main p{margin:0 0 1.15rem;}
.ewv .ew-main .tkband p,.ewv .ew-main .cta-band p{margin:1rem 0 1.7rem;}
.ewv .ew-lede p,.ewv .ew-txt p{font-family:var(--serif);font-size:1.14rem;line-height:1.64;color:var(--ink2);}
.ewv .ew-lede .ew-first{font-size:clamp(1.24rem,1.9vw,1.38rem);line-height:1.55;color:var(--ink);}
.ew-fig{font-family:var(--sans);font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);}
.ewv .ew-txt b,.ewv .ew-lede b{color:var(--ink);font-weight:600;}

/* ---------- zones ---------- */
.ewv .ew-zone{position:relative;isolation:isolate;overflow-x:clip;padding:clamp(4rem,9vw,7rem) 0 clamp(3rem,6vw,5rem);}
.ew-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.4vw,2rem);}
.ew-grid>*{grid-column:1/-1;min-width:0;}
.ew-zl{display:flex;align-items:center;gap:.7rem;margin:0 0 .4rem !important;font-family:var(--sans);font-size:.92rem;font-weight:600;line-height:1;color:var(--ink2);}
.ew-g{width:52px;height:33px;flex:none;}
.g-ln{fill:none;stroke:currentColor;stroke-width:1.3;}
.ew-za .g-on{fill:var(--nv);}
.ew-zb .g-on{fill:var(--gold);}
.ew-zc .g-on{fill:var(--gold);}
.ew-zd .g-on{fill:rgba(22,48,79,.45);}
.ew-ze .g-on{fill:var(--navy);}
.ewv .ew-zone h2{margin:.7rem 0 2rem;max-width:16ch;font-size:clamp(2.1rem,4.1vw,3.35rem);font-weight:500;line-height:1.06;letter-spacing:-.028em;color:var(--ink);}
.ewv .ew-sub2 h2{margin-top:clamp(3.5rem,7vw,5.5rem);}
.ewv .ew-txt h3{margin:2.8rem 0 .8rem;font-family:var(--serif);font-size:clamp(1.32rem,2vw,1.58rem);font-weight:500;line-height:1.22;letter-spacing:-.015em;color:var(--ink);}
.ewv .ew-txt h3:first-child{margin-top:.4rem;}
.ew-cap{margin:0 0 .5rem !important;font-family:var(--sans) !important;font-size:.72rem !important;font-weight:600;line-height:1.3 !important;letter-spacing:.09em;text-transform:uppercase;color:var(--nv) !important;}

/* Epic's circle bleeds off the left edge, your ERP's off the right */
.ew-za::before,.ew-zb::before{content:"";position:absolute;z-index:-1;top:clamp(.5rem,2vw,2rem);width:clamp(520px,70vw,980px);aspect-ratio:1;border-radius:50%;}
.ew-za::before{left:calc(clamp(520px,70vw,980px) * -.46);background:rgba(22,48,79,.055);border:1.5px solid rgba(22,48,79,.32);}
.ew-zb::before{right:calc(clamp(520px,70vw,980px) * -.46);background:rgba(184,134,47,.09);border:1.5px solid rgba(184,134,47,.5);}

/* rollout list: each step sits a little further toward the right */
.ew-roll{margin:0 0 2rem;}
.ew-roll figcaption{margin:0 0 1.2rem;font-family:var(--sans);font-size:.82rem;color:var(--mut);}
.ew-roll figcaption b{display:block;margin-bottom:.15rem;font-family:var(--serif);font-size:1.25rem;font-weight:500;color:var(--ink);}
.ew-roll ol{list-style:none;margin:0;padding:0;}
.ew-roll li{position:relative;margin:0;padding:0 0 1.15rem 1.5rem;}
.ew-roll li:nth-child(2){margin-left:.6rem;}
.ew-roll li:nth-child(3){margin-left:1.6rem;}
.ew-roll li:nth-child(4){margin-left:3.1rem;}
.ew-roll li:nth-child(5){margin-left:5rem;padding-bottom:0;}
.ew-roll li::before{content:"";position:absolute;left:0;top:.2rem;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--nv);background:var(--paper);}
.ew-roll .w{display:block;font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--nv);}
.ew-roll b{display:block;margin:.15rem 0 .2rem;font-family:var(--serif);font-size:1.12rem;font-weight:500;color:var(--ink);}
.ew-roll .d{display:block;font-family:var(--serif);font-size:.98rem;line-height:1.45;color:var(--ink2);}

/* where the six applications land */
.ew-place{margin:clamp(2rem,5vw,3.6rem) 0 clamp(2rem,4vw,3rem);}
.ew-pv{display:flex;justify-content:center;align-items:center;}
.ew-pc{position:relative;display:flex;align-items:center;width:min(47%,480px);aspect-ratio:1;border-radius:50% !important;}
.ew-pe{justify-content:flex-start;padding-left:12%;background:rgba(22,48,79,.07);border:1.5px solid var(--nv);}
.ew-pr{justify-content:flex-end;padding-right:9%;margin-left:-11%;background:rgba(184,134,47,.14);border:1.5px solid var(--gold);}
.ew-pin{max-width:56%;}
.ewv .ew-main .ew-pn{margin:0 0 .2rem;font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:500;line-height:1;color:var(--ink);}
.ewv .ew-main .ew-pk{margin:0 0 .7rem;font-family:var(--sans);font-size:.84rem;font-weight:600;color:var(--ink2);}
.ew-pin ul{list-style:none;margin:0 0 .7rem;padding:0;}
.ew-pin li{margin:0 0 .2rem;font-family:var(--serif);font-size:1.12rem;line-height:1.3;color:var(--ink);}
.ew-built li{font-weight:600;color:var(--nv);}
.ew-built li::before{content:"";display:inline-block;width:7px;height:7px;margin:0 .45rem .12rem 0;border-radius:50%;background:var(--nv);}
.ew-built i{font-family:var(--sans);font-style:normal;font-size:.76rem;font-weight:500;color:var(--mut);}
.ewv .ew-main .ew-pf{margin:0;font-family:var(--sans);font-size:.8rem;line-height:1.4;color:var(--mut);}
.ew-place figcaption{max-width:56ch;margin:1.4rem auto 0;text-align:center;font-family:var(--serif);font-style:italic;font-size:1.04rem;line-height:1.5;color:var(--mut);}

/* the one idea to hold onto */
.ew-hold{margin:clamp(2.5rem,5vw,4rem) 0 0;padding:2.2rem 0 1.4rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--hair);}
.ewv .ew-main .ew-holdq{margin:0 0 1rem;max-width:26ch;font-family:var(--serif);font-size:clamp(1.6rem,3.2vw,2.5rem);font-weight:500;line-height:1.16;letter-spacing:-.02em;color:var(--ink);}
.ewv .ew-hold p{max-width:62ch;font-family:var(--serif);font-size:1.12rem;line-height:1.6;color:var(--ink2);}

/* three ways to sign */
.ew-bets{list-style:none;margin:clamp(1.6rem,4vw,2.6rem) 0;padding:0;border-top:1px solid var(--ink);}
.ew-bets>li{display:grid;grid-template-columns:96px minmax(0,4fr) minmax(0,7fr);gap:0 clamp(1.2rem,3vw,2.4rem);align-items:start;padding:1.6rem 0;border-bottom:1px solid var(--hair);}
.ew-bg{width:96px;height:52px;}
.b-ep{fill:none;stroke:var(--nv);stroke-width:1.5;stroke-dasharray:3 3;}
.b-fill{fill:rgba(22,48,79,.16);stroke-dasharray:none;}
.b-erp{fill:rgba(184,134,47,.24);stroke:var(--gold);stroke-width:1.7;}
.b-exit{stroke-dasharray:86 14;stroke-dashoffset:-30;}
.ewv .ew-bets h3{margin:0 0 .3rem;font-family:var(--serif);font-size:1.32rem;font-weight:500;line-height:1.2;color:var(--ink);}
.ewv .ew-main .ew-who{margin:0;font-family:var(--sans);font-size:.85rem;color:var(--mut);}
.ewv .ew-mine .ew-who{font-weight:600;color:var(--nv);}
.ew-mine .ew-who::before{content:"";display:inline-block;width:8px;height:14px;margin:0 .45rem -.12rem 0;background:var(--gold);clip-path:path('M4 0A9 9 0 0 1 4 14A9 9 0 0 1 4 0Z');}
.ewv .ew-bb p{margin:0 0 .7rem;font-family:var(--serif);font-size:1.06rem;line-height:1.56;color:var(--ink2);}
.ewv .ew-bb .ew-risk{margin:0;font-size:1rem;color:var(--ink2);}
.ew-risk b{color:var(--ink);font-weight:600;}
.ew-lever{margin:2.2rem 0 0;padding:1.3rem 0 0;border-top:1px solid var(--gold);}

/* ---------- the overlap: a dark lens ---------- */
.ewv .ew-zc{margin:clamp(1rem,3vw,2rem) 0;padding:clamp(4.5rem,10vw,8rem) 0 clamp(5rem,11vw,9rem);color:var(--dtx);}
.ew-zc::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-35vw;right:-35vw;background:var(--dk);border-radius:50% / clamp(150px,22vw,380px);}
.ew-zc .ew-zh{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(380px,46vw,560px);margin-bottom:1.5rem;text-align:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 600'%3E%3Ccircle cx='431.8' cy='300' r='288.2' fill='none' stroke='%23c9cbd6' stroke-opacity='.28' stroke-width='1.5'/%3E%3Ccircle cx='568.2' cy='300' r='288.2' fill='none' stroke='%23B8862F' stroke-opacity='.55' stroke-width='1.5'/%3E%3Cpath d='M500 20A288.2 288.2 0 0 1 500 580A288.2 288.2 0 0 1 500 20Z' fill='%23B8862F' fill-opacity='.13' stroke='%23B8862F' stroke-width='2'/%3E%3C/svg%3E") center/auto 100% no-repeat;}
.ewv .ew-zc .ew-zh h2{max-width:10ch;margin:.9rem auto 0;color:#fff;}
.ew-zc .ew-zl{justify-content:center;color:var(--dmut);}
.ewv .ew-zc .ew-txt p{color:var(--dtx);}
.ewv .ew-zc .ew-txt h3,.ewv .ew-zc h2{color:#fff;}
.ewv .ew-zc .ew-txt b{color:#fff;}
.ew-zc .ew-cap{color:var(--gold) !important;}

.ew-seamhead{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:0 2.6rem;margin-top:2.6rem;padding-bottom:.8rem;border-bottom:1px solid var(--dhair);font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);}
.ew-seamhead span:first-child{text-align:right;}
.ew-seamhead span:nth-child(2){text-align:center;}
.ew-seams{list-style:none;margin:0 0 2rem;padding:0;}
.ew-seams>li{display:grid;grid-template-columns:1fr 1.3fr 1fr;grid-template-areas:"e c r";gap:0 2.6rem;align-items:center;padding:1.6rem 0;border-bottom:1px solid var(--dhair);scroll-margin-top:5rem;}
.ew-sc{grid-area:c;position:relative;z-index:0;padding:3rem 3.4rem;text-align:center;}
.ew-sc::before{content:"";position:absolute;z-index:-1;inset:-1.6rem -2.2rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 .5A51 51 0 0 1 50 99.5A51 51 0 0 1 50 .5Z' fill='%23B8862F' fill-opacity='.12' stroke='%23B8862F' stroke-opacity='.75' stroke-width='1.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;}
.ew-se{grid-area:e;text-align:right;}
.ew-sr{grid-area:r;}
.ew-sn{display:block;font-family:var(--sans);font-size:.86rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--gold);}
.ewv .ew-seams h3{margin:.35rem 0 .55rem;font-family:var(--serif);font-size:clamp(1.22rem,1.8vw,1.45rem);font-weight:500;line-height:1.2;color:#fff;}
.ewv .ew-main .ew-fail{margin:0;font-family:var(--sans);font-size:.88rem;line-height:1.4;color:#f1eee6;}
.ew-fail::before{content:"";display:inline-block;width:16px;height:2px;margin:0 .5rem .28rem 0;background:var(--red);}
.ewv .ew-main .ew-sx{margin:.7rem 0 0;font-family:var(--serif);font-size:1rem;line-height:1.45;color:var(--dmut);}
.ewv .ew-se p,.ewv .ew-sr p{margin:0;font-family:var(--serif);font-size:1.04rem;line-height:1.52;color:var(--dtx);}
.ew-side{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.ew-seams>li.ew-wide{grid-template-areas:"c c c";}
.ew-wide .ew-sc{width:min(100%,640px);margin:0 auto;padding:3rem 5.2rem;}

.ew-seq{list-style:none;margin:1.8rem 0 1.4rem;padding:0;border-top:1px solid var(--dhair);}
.ew-seq li{display:grid;grid-template-columns:minmax(0,12rem) 6.5rem minmax(0,1fr);gap:0 1.4rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--dhair);}
.ewv .ew-seq li p{margin:0;font-size:1.04rem;line-height:1.5;}
.ewv .ew-seq .ew-qh{font-family:var(--serif);color:#fff;}
.ew-qh b{display:block;font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--gold) !important;}
.ewv .ew-seq .ew-qm{display:flex;align-items:center;gap:4px;font-family:var(--sans);font-size:.8rem;color:var(--dmut);}
.ew-qm i{display:inline-block;width:12px;height:20px;background:var(--gold);clip-path:path('M6 0A12 12 0 0 1 6 20A12 12 0 0 1 6 0Z');}
.ew-qm span{margin-left:.35rem;}
.ew-owns{margin:1.6rem 0 2.4rem;padding:1rem 0 0;border-top:1px solid rgba(184,134,47,.6);}

/* where the calendars collide: two lanes that overlap */
.ew-col{margin:1.6rem 0 2.4rem;}
.ew-col figcaption{margin:0 0 1rem;font-family:var(--serif);font-size:1.25rem;color:#fff;}
.ew-colhead,.ew-lanes li{display:grid;grid-template-columns:2.6rem repeat(12,minmax(0,1fr));align-items:stretch;}
.ew-colhead{margin-bottom:.5rem;font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--dmut);}
.ew-colhead span:first-child{grid-column:2/span 6;}
.ew-colhead span:last-child{grid-column:8/span 6;text-align:right;}
.ew-lanes{list-style:none;margin:0;padding:0;}
.ew-lanes li{margin:0 0 4px;}
.ew-lanes .q{grid-column:1;grid-row:1;align-self:center;font-family:var(--sans);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--dmut);}
.ew-lanes .a,.ew-lanes .b{grid-row:1;position:relative;padding:.6rem .8rem;font-family:var(--sans);font-size:.88rem;line-height:1.25;color:#f1eee6;}
.ew-lanes .a{grid-column:2/span 6;background:rgba(169,173,192,.16);border:1px solid rgba(201,203,214,.4);}
.ew-lanes .b{grid-column:8/span 6;text-align:right;background:rgba(184,134,47,.22);border:1px solid rgba(184,134,47,.75);}
.ew-lanes .x .a{grid-column:2/span 7;}
.ew-lanes .x .b{grid-column:7/span 7;}
.ew-lanes .x .b::before{content:"";position:absolute;left:0;top:0;bottom:0;width:28.6%;background:repeating-linear-gradient(135deg,rgba(241,238,230,.3) 0 1.5px,transparent 1.5px 7px);}
.ewv .ew-main .ew-read{margin:1.1rem 0 0;max-width:64ch;font-family:var(--serif);font-size:1.04rem;line-height:1.55;color:var(--dmut);}

/* where decisions were made */
.ew-rings{position:relative;width:min(100%,340px);aspect-ratio:1;margin:1rem auto 2rem;}
.ew-r{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;justify-content:center;border-radius:50% !important;text-align:center;}
.ew-r span{font-family:var(--sans);font-size:.78rem;line-height:1.3;color:var(--dtx);}
.ew-r b{display:block;font-weight:600;color:#fff;}
.ew-t3{width:100%;height:100%;background:rgba(184,134,47,.08);border:1px solid rgba(184,134,47,.55);}
.ew-t3 span{margin-top:5.5%;}
.ew-t2{width:66%;height:66%;background:rgba(184,134,47,.12);border:1px solid rgba(184,134,47,.7);}
.ew-t2 span{margin-top:8%;}
.ew-t1{width:35%;height:35%;align-items:center;background:var(--gold);}
.ew-t1 span,.ew-t1 b{color:var(--navy);}
.ew-t1 span{padding:0 .5rem;}

.ew-quote{margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;border:0;text-align:center;}
.ewv .ew-main .ew-quote p{max-width:28ch;margin:0 auto;font-family:var(--serif);font-style:italic;font-size:clamp(1.55rem,3.1vw,2.45rem);line-height:1.24;letter-spacing:-.015em;color:#fff;}

/* ---------- both circles ---------- */
.ew-x{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1.4rem clamp(2rem,5vw,4.5rem);align-items:start;margin:1.6rem 0 1rem;}
.ew-xv{grid-column:1;grid-row:1;}
.ew-xq{grid-column:2;grid-row:1/span 2;}
.ew-xb{grid-column:1;grid-row:2;}
.ew-xv svg{max-width:440px;height:auto;margin:0 auto;}
.ew-xt{font-family:var(--serif);font-size:46px;fill:var(--ink);}
.ew-xfill{transform:scaleY(0);}
.ewv .ew-main .ew-xn{margin:.4rem 0 0;text-align:center;font-family:var(--sans);font-size:.95rem;font-variant-numeric:tabular-nums;color:var(--mut);}
.ew-xn span{font-weight:600;color:var(--ink);}
.ew-xq{margin:0;padding:0;border:0;}
.ew-xq legend{padding:0;margin:0 0 .8rem;font-family:var(--serif);font-size:1.45rem;font-weight:500;color:var(--ink);}
.ew-xq label{display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.5rem;align-items:start;padding:.85rem 0;border-top:1px solid var(--hair);font-family:var(--serif);font-size:1.08rem;line-height:1.45;color:var(--ink);cursor:pointer;}
.ew-xq label:last-of-type{border-bottom:1px solid var(--hair);}
.ew-xq input{width:1.1rem;height:1.1rem;margin:.22rem 0 0;accent-color:var(--nv);cursor:pointer;}
.ew-xb{list-style:none;margin:0;padding:0;}
.ew-xb li{margin:0;padding:.75rem 0;border-top:1px solid var(--hair);font-family:var(--serif);font-size:.98rem;line-height:1.5;color:var(--ink2);}
.ew-xb li b{display:block;margin-bottom:.1rem;font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--ink);}
.ew-xb.live li{color:var(--mut);}
.ew-xb.live li b{color:var(--mut);}
.ew-xb.live li.on{color:var(--ink);}
.ew-xb.live li.on b{color:var(--nv);}
.ew-xb li.on b::before{content:"";display:inline-block;width:8px;height:14px;margin:0 .45rem -.15rem 0;background:var(--nv);clip-path:path('M4 0A9 9 0 0 1 4 14A9 9 0 0 1 4 0Z');}

.ew-flags{list-style:none;counter-reset:f;margin:0 0 2.6rem;padding:0;border-top:1px solid var(--ink);}
.ew-flags li{counter-increment:f;display:grid;grid-template-columns:2.4rem minmax(0,5fr) minmax(0,6fr);gap:0 clamp(1rem,3vw,2.4rem);padding:1.05rem 0;border-bottom:1px solid var(--hair);}
.ew-flags li::before{content:counter(f);padding-top:.2rem;font-family:var(--sans);font-size:.86rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--red2);}
.ewv .ew-flags p{margin:0;font-family:var(--serif);line-height:1.5;}
.ewv .ew-flags .f{font-size:1.12rem;font-weight:500;color:var(--ink);}
.ewv .ew-flags .x{font-size:1.03rem;color:var(--ink2);}
.ew-flags .x b{color:var(--ink);font-weight:600;}
.ewv .ew-zd{background:var(--paper2);}

/* ---------- the space between ---------- */
.ew-owner{margin:clamp(1.6rem,4vw,2.8rem) 0;}
.ew-ostage{position:relative;max-width:900px;margin:0 auto;aspect-ratio:1000/560;container-type:inline-size;}
.ew-ostage svg{position:absolute;inset:0;}
.ew-ol{position:absolute;top:50%;width:21%;margin:0 !important;translate:-50% -50%;text-align:center;font-family:var(--sans);font-size:clamp(.78rem,1.6cqw,.95rem);line-height:1.35;color:var(--ink2);}
.ew-ol b{display:block;margin-bottom:.35em;font-family:var(--serif);font-size:clamp(1rem,2.6cqw,1.6rem);font-weight:500;line-height:1.12;color:var(--ink);}
.ew-ol1{left:24.5%;}
.ew-ol2{left:75.5%;}
.ew-ol3{left:50%;width:18%;}
.ew-ol3 b{margin:0;font-style:italic;color:#fff;}
.ew-owner figcaption{max-width:44ch;margin:1.4rem auto 0;text-align:center;font-family:var(--serif);font-size:clamp(1.15rem,1.8vw,1.32rem);line-height:1.45;color:var(--ink);}
.ew-fits{margin:2.2rem 0;padding:1.5rem 0 .4rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--hair);}
.ewv .ew-main .ew-acts{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.3rem 0 1rem;}
.ewv .ew-txt .ew-rel{font-size:1.02rem;}
.ew-txt a:not(.btn){color:var(--nv);text-decoration:underline;text-decoration-color:rgba(184,134,47,.7);text-underline-offset:3px;}
.ew-refs{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--hair);}
.ewv .ew-txt .ew-refs p{font-family:var(--sans);font-size:.84rem;line-height:1.6;color:var(--mut);}
.ew-refs b{color:var(--ink2) !important;}

.ewv .ew-kit{padding:clamp(2rem,4vw,3rem) 0 .5rem;}
.ew-kgrid{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:2.4rem;align-items:center;}
.ew-kgrid img{display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.16);}
.ewv .ew-cta{padding-top:1.4rem;}

/* ---------- wide screens: the zones sit on their own side ---------- */
@media (min-width:900px){
  .ew-za .ew-zh{grid-column:1/span 8;}
  .ew-za .ew-txt{grid-column:1/span 7;}
  .ew-za .ew-roll{grid-column:9/span 4;grid-row:2/span 2;align-self:start;margin-top:.4rem;}
  .ew-za .ew-txt:not(.ew-two){grid-row:2;}
  .ew-za .ew-two{grid-row:3;}
  .ew-za .ew-two{grid-column:1/span 7;}
  .ew-za .ew-hold{grid-column:2/span 10;}
  .ew-zb .ew-zh{grid-column:5/span 8;}
  .ew-zb .ew-txt{grid-column:6/span 7;}
  .ew-zb .ew-bets{grid-column:2/-1;}
  .ew-zc .ew-zh{grid-column:2/span 10;}
  .ew-zc .ew-txt,.ew-zc .ew-col{grid-column:3/span 8;}
  .ew-zc .ew-gov{grid-column:2/span 6;}
  .ew-zc .ew-rings{grid-column:8/span 5;align-self:center;margin-top:3rem;}
  .ew-zc .ew-quote{grid-column:2/span 10;}
  .ew-zd .ew-zh,.ew-zd .ew-txt{grid-column:2/span 8;}
  .ew-ze .ew-zh,.ew-ze .ew-txt{grid-column:3/span 8;}
  .ew-ze .ew-owner{grid-column:1/-1;}
}

/* ---------- narrower screens ---------- */
@media (max-width:820px){
  .ew-headrow{grid-template-columns:1fr;}
  .ew-sub,.ew-ln{display:none;}
  .ew-lt{font-size:13px;margin-bottom:.35em;}
  .ew-lnum{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:2px 7px;max-width:62px;margin:0 auto;font-family:var(--sans);font-size:12px;line-height:1.15;font-weight:600;color:var(--gold);}
  .ew-lnum i{font-style:normal;font-variant-numeric:tabular-nums;}
  .ew-key{display:grid;grid-template-columns:1fr 1fr;gap:.45rem 1rem;max-width:34rem;list-style:none;margin:1.1rem auto 0;padding:0;font-family:var(--sans);font-size:.9rem;line-height:1.3;}
  .ew-key a{color:var(--ink);text-decoration:none;}
  .ew-key .ew-k{color:var(--nv);}
  .ew-seamhead{display:none;}
  .ew-seams>li,.ew-seams>li.ew-wide{grid-template-columns:1fr;grid-template-areas:"c" "e" "r";gap:.7rem;padding:1.6rem 0;}
  .ew-sc,.ew-wide .ew-sc{width:auto;padding:0;text-align:left;}
  .ew-sc::before{display:none;}
  .ew-se{text-align:left;}
  .ew-side{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:block;margin-bottom:.2rem;font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--gold);}
  .ew-seq li{grid-template-columns:1fr;gap:.45rem;}
  .ew-bets>li{grid-template-columns:72px minmax(0,1fr);gap:.4rem 1rem;}
  .ew-bg{width:72px;height:39px;}
  .ew-bb{grid-column:2;}
  .ew-x{grid-template-columns:1fr;}
  .ew-xv,.ew-xq,.ew-xb{grid-column:1;grid-row:auto;}
  .ew-xv svg{max-width:300px;}
  .ew-flags li{grid-template-columns:2rem minmax(0,1fr);gap:.3rem .8rem;}
  .ew-flags .x{grid-column:2;}
}
@media (max-width:640px){
  .ew-zc .ew-zh{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
  .ew-pv{flex-direction:column;}
  .ew-pc{width:min(92%,340px);align-items:flex-start;justify-content:center;padding:15% 0 0;}
  .ew-pr{margin:-24% 0 0;align-items:flex-end;padding:0 0 13%;}
  .ew-pin{max-width:66%;text-align:center;}
  .ew-pin li{font-size:1.02rem;}
  .ewv .ew-main .ew-pk{margin-bottom:.4rem;}
  .ew-za::before,.ew-zb::before{width:520px;top:1rem;}
  .ew-za::before{left:-300px;}
  .ew-zb::before{right:-300px;}
  .ewv .ew-lede p,.ewv .ew-txt p{font-size:1.08rem;}
  .ew-colhead,.ew-lanes li{grid-template-columns:2rem repeat(12,minmax(0,1fr));}
  .ew-lanes .a,.ew-lanes .b{padding:.55rem .5rem;font-size:.8rem;}
  .ew-ol{width:22%;font-size:11px;line-height:1.3;}
  .ew-ol b{font-size:.86rem;margin-bottom:.3em;}
  .ew-ol1{left:25%;}
  .ew-ol2{left:75%;}
  .ew-ol3{width:17%;}
  .ew-ol3 b{font-size:.8rem;}
  .ew-kgrid{grid-template-columns:1fr;}
  .ew-kgrid img{max-width:220px;}
}

/* ---------- motion: the circles drift together and the lens fills ---------- */
@media screen and (prefers-reduced-motion:no-preference){
  .ew-venn.armed .ew-ca{transform:translateX(-128px);}
  .ew-venn.armed .ew-cb{transform:translateX(128px);}
  .ew-venn.armed .ew-la{transform:translateX(-12.8cqw);}
  .ew-venn.armed .ew-lb{transform:translateX(12.8cqw);}
  .ew-venn.armed .ew-fill{transform:scaleY(0);}
  .ew-venn.armed .ew-lghost{opacity:.4;}
  .ew-venn.armed .ew-lt,.ew-venn.armed .ew-ln li,.ew-venn.armed .ew-lnum i{opacity:0;}
  .ew-venn.armed .ew-beat{transition:opacity .22s ease;}
  .ew-venn.armed .ew-beat.swap{opacity:0;}
  .ew-venn.live .ew-ca,.ew-venn.live .ew-cb,.ew-venn.live .ew-la,.ew-venn.live .ew-lb{transform:none;transition:transform 3.2s cubic-bezier(.3,.14,.18,1);}
  .ew-venn.live.fill .ew-fill{transform:none;transition:transform 1.9s cubic-bezier(.5,0,.3,1);}
  .ew-venn.live.fill .ew-lghost{opacity:0;transition:opacity .6s ease;}
  .ew-venn.live .ew-lt.on,.ew-venn.live .ew-ln li.on,.ew-venn.live .ew-lnum i.on{opacity:1;transition:opacity .45s ease;}
  .ew-xfill{transition:transform .5s cubic-bezier(.4,0,.2,1);}
}

/* ---------- print: everything finished, no motion ---------- */
@media print{
  .ewv .reveal{opacity:1 !important;transform:none !important;}
  .ewv,.ewv .ew-zd{background:#fff !important;}
  .ew-skip{display:none !important;}
  .ew-zc::before{display:none;}
  .ewv .ew-zc{color:var(--ink2);padding:2rem 0;}
  .ewv .ew-zc .ew-txt p,.ewv .ew-se p,.ewv .ew-sr p,.ewv .ew-main .ew-sx,.ewv .ew-main .ew-read,.ewv .ew-main .ew-fail,.ew-r span,.ew-lanes .a,.ew-lanes .b{color:var(--ink2) !important;}
  .ewv .ew-zc h2,.ewv .ew-zc h3,.ewv .ew-zc .ew-txt b,.ewv .ew-seq .ew-qh,.ew-col figcaption,.ew-r b,.ewv .ew-main .ew-quote p{color:var(--ink) !important;}
  .ew-zc .ew-zh{min-height:0;background:none;}
  .ew-seams>li,.ew-flags li,.ew-bets>li{break-inside:avoid;}
}
.ewv .ew-two h3:first-child{margin-top:2.4rem;}

/* ---------- the hero art as an edge to edge band between the diagram and the lede (added 2026-10-05) ---------- */
.ew-span{margin:clamp(1rem,2vw,1.6rem) 0 0;padding:0;background:#141935;}
.ew-span img{display:block;width:100%;max-width:1600px;height:auto;margin:0 auto;}
.ew-span figcaption{max-width:1600px;margin:0 auto;padding:0 16px clamp(1.1rem,2vw,1.5rem);}
.ew-span figcaption span{display:block;width:min(1120px,100%);margin:0 auto;font-family:var(--serif);font-style:italic;font-size:1.05rem;line-height:1.5;color:#cfccd8;text-align:right;}
@media print{.ew-span{background:none;}.ew-span figcaption span{color:#333;}}

/* ---------- color 2026-10-09: green is Epic, gold is the ERP, navy is the seam ---------- */
.ewv{--gr:#2E7D5B;--gr2:#1F5E42;--grt:#F1F8F4;}
.ew-c1{fill:rgba(46,125,91,.13);}
.ew-r1{stroke:var(--gr);}
.ew-za .g-on{fill:var(--gr);}
.ew-za::before{background:rgba(46,125,91,.07);border-color:transparent;}
.ew-zb::before{background:rgba(184,134,47,.08);border-color:transparent;} /* QA 2026-10-10: the zone circles keep their tint but lose the outline, which cut through headings and body text */
.ew-roll li::before{border-color:var(--gr);}
.ew-roll .w{color:var(--gr2);}
.ew-pe{background:rgba(46,125,91,.1);border-color:var(--gr);}
.ew-built li{color:var(--gr2);}
.ew-built li::before{background:var(--gr);}
.b-ep{stroke:var(--gr);}
.b-fill{fill:rgba(46,125,91,.2);}
.ewv .ew-za .ew-cap{color:var(--gr2) !important;}
.ewv .ew-zb .ew-cap{color:#8A6413 !important;}

/* the lede's numbers, in Epic's green */
.ewv .ew-main .ew-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(--gr);}
.ew-figs li{padding:0 .9rem;border-left:1px solid rgba(46,125,91,.3);min-width:0;}
.ew-figs li:first-child{padding-left:0;border-left:0;}
.ewv .ew-main .ew-figs b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,2.7vw,2.15rem);line-height:1;letter-spacing:-.03em;color:var(--gr2);font-variant-numeric:lining-nums;white-space:nowrap;}
.ewv .ew-main .ew-figs span{display:block;margin-top:.6rem;font-family:var(--sans);font-size:.8rem;line-height:1.4;color:var(--ink2);}

/* the collision calendar: the EHR lane in green, the ERP lane in gold, the collision hatched in red */
.ew-lanes .a{background:rgba(46,125,91,.42);border-color:rgba(115,190,155,.75);}
.ew-lanes .x .b::before{background:repeating-linear-gradient(135deg,rgba(229,50,45,.9) 0 2px,transparent 2px 6px);}
.ew-lanes .a,.ew-lanes .b{-webkit-print-color-adjust:exact;print-color-adjust:exact;}

/* the red flags: each fix in navy (QA 2026-10-10: green here meant Epic everywhere else and set up a red against green pair) */
.ew-flags .x b{color:var(--nv);}

@media (max-width:760px){
  .ewv .ew-main .ew-figs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:1.5rem;}
  .ew-figs li:nth-child(3){padding-left:0;border-left:0;}
  .ew-figs li:nth-child(odd){padding-right:.8rem;}
}

/* QA 2026-10-10: the seam band's lower curve now lands straight on the paper-2 band below it.
   A paper sliver sat between the two, so the curve and the band's top edge read as a double rule. */
.ewv .ew-zc{margin-bottom:0;background:linear-gradient(180deg,transparent 50%,var(--paper2) 50%);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
@media print{.ewv .ew-zc{background:none !important;}}