/* ewiday: more slide layouts, part 4: team, pricing, matrix (16:9 only) */
/* ===== team ===== */
.m4-tm{flex:1;min-height:0;display:grid;gap:24px;grid-auto-rows:minmax(0,1fr);--av:112px}
.m4-tm.g{grid-template-columns:repeat(4,1fr)}
.m4-tm.g.n1{grid-template-columns:1fr}.m4-tm.g.n2{grid-template-columns:1fr 1fr}.m4-tm.g.n3,.m4-tm.g.n6{grid-template-columns:repeat(3,1fr)}
.m4-tm.g.n5{grid-template-columns:repeat(6,1fr)}.m4-tm.g.n5>*{grid-column:span 2}.m4-tm.g.n5>:nth-child(4){grid-column:2/4}.m4-tm.g.n5>:nth-child(5){grid-column:4/6}
.m4-tm.g.n7{grid-template-columns:repeat(8,1fr)}.m4-tm.g.n7>*{grid-column:span 2}.m4-tm.g.n7>:nth-child(5){grid-column:2/4}
.m4-tm.n5,.m4-tm.n6,.m4-tm.n7,.m4-tm.n8{--av:72px}
.m4-tc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:0;padding:24px 16px;text-align:center;border-radius:var(--r);background:var(--sf)}
.m4-ta{display:flex;flex:none;align-items:center;justify-content:center;width:var(--av);height:var(--av);margin-bottom:12px;border-radius:50%;background:var(--hi);color:var(--hiFg);font:700 calc(var(--av)*.36)/1 var(--hf);font-style:normal}
.ew-s .m4-tc b{font:700 26px/1.2 var(--hf)}
.m4-tr{font-size:20px;line-height:1.3;color:var(--mu)}
.m4-tx{font-size:20px;line-height:1.3;color:var(--mu)}
/* rows / tiles / lead: avatar left, text right */
.m4-tm.m4row{grid-template-columns:1fr;gap:0 48px;--av:64px}
.m4-tm.m4row.n5,.m4-tm.m4row.n6,.m4-tm.m4row.n7,.m4-tm.m4row.n8{grid-template-columns:1fr 1fr}
.m4-tm.m4two{grid-template-columns:1fr 1fr;gap:16px 24px;--av:64px}
.m4-tm.m4two.n1,.m4-tm.m4two.n3{grid-template-columns:1fr}
.m4-tm.m4two.n5,.m4-tm.m4two.n7{grid-template-columns:repeat(4,1fr)}.m4-tm.m4two.n5>*,.m4-tm.m4two.n7>*{grid-column:span 2}.m4-tm.m4two.n5>:nth-child(5),.m4-tm.m4two.n7>:nth-child(7){grid-column:2/4}
.m4-tm.m4hl{grid-template-columns:4fr 8fr;gap:24px}
.m4-rest{display:grid;gap:16px;grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);min-height:0;--av:64px}
.m4-rest.n4,.m4-rest.n6{grid-template-columns:1fr 1fr}
.m4-tm.m4row .m4-tc,.m4-tm.m4two .m4-tc,.m4-rest .m4-tc{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"a n" "a r" "a x";align-content:center;column-gap:24px;row-gap:2px;justify-items:start;text-align:left;padding:12px 24px}
.m4-tm.m4row .m4-ta,.m4-tm.m4two .m4-ta,.m4-rest .m4-ta{grid-area:a;margin:0}
.m4-tm.m4row .m4-tc>b,.m4-tm.m4two .m4-tc>b,.m4-rest .m4-tc>b{grid-area:n}
.m4-tm.m4row .m4-tr,.m4-tm.m4two .m4-tr,.m4-rest .m4-tr{grid-area:r}
.m4-tm.m4row .m4-tx,.m4-tm.m4two .m4-tx,.m4-rest .m4-tx{grid-area:x}
.m4-tm.m4row .m4-tc{padding:12px 0;border-radius:0;background:none;border-bottom:2px solid var(--ln)}
.m4-tm .m4-tc.lead{--av:144px;display:flex;background:var(--hi);color:var(--hiFg);padding:32px 24px;text-align:center;justify-items:unset}
.m4-tm .m4-tc.lead .m4-ta{background:var(--hiFg);color:var(--hi);margin-bottom:12px}
.ew-s .m4-tc.lead b{font-size:34px}
.m4-tc.lead .m4-tr,.m4-tc.lead .m4-tx{color:inherit}
/* dark */
.m4-tm.m4dark .m4-tc{background:var(--fg);color:var(--bg)}
.m4-tm.m4dark .m4-ta{background:var(--bg);color:var(--fg)}
.m4-tm.m4dark .m4-tr,.m4-tm.m4dark .m4-tx{color:inherit;opacity:.8}
/* ruled */
.m4-tm.m4line .m4-tc{justify-content:flex-start;background:none;border-radius:0;border-top:4px solid var(--fg);padding-top:28px}
.m4-tm.m4line .m4-ta{background:none;color:var(--fg);box-shadow:inset 0 0 0 3px var(--fg)}
/* initial blocks */
.m4-tm.m4big{--bh:144px}.m4-tm.m4big.n5,.m4-tm.m4big.n6,.m4-tm.m4big.n7,.m4-tm.m4big.n8{--bh:72px}
.m4-tm.m4big .m4-tc{padding:0;align-items:stretch;justify-content:flex-start;text-align:left;gap:4px}
.m4-tm.m4big .m4-ta{width:auto;height:var(--bh);margin:0 0 12px;border-radius:var(--r) var(--r) 0 0;font-size:calc(var(--bh)*.36)}
.m4-tm.m4big .m4-tc>:not(.m4-ta){padding:0 24px}.m4-tm.m4big .m4-tc>:last-child{padding-bottom:20px}
/* chip */
.m4-tm.m4bar .m4-tc{align-items:flex-start;text-align:left;padding:24px 28px;border-radius:0 var(--r) var(--r) 0;border-left:8px solid var(--hi)}
.m4-tm.m4bar .m4-ta{width:auto;height:40px;padding:0 20px;margin-bottom:12px;border-radius:999px;font-size:20px;letter-spacing:.08em}
/* ring */
.m4-tm.m4ring .m4-tc{background:none;border:2px solid var(--ln)}
.m4-tm.m4ring .m4-ta{margin:8px 0 20px;background:var(--sf);color:var(--fg);box-shadow:0 0 0 6px var(--hi)}
/* squares */
.m4-tm.m4sq .m4-tc{align-items:flex-start;justify-content:flex-start;text-align:left;padding:28px}
.m4-tm.m4sq .m4-ta{border-radius:var(--r);margin-bottom:20px}
.m4-tm.m4sq.n5 .m4-ta,.m4-tm.m4sq.n6 .m4-ta,.m4-tm.m4sq.n7 .m4-ta,.m4-tm.m4sq.n8 .m4-ta{margin-bottom:8px}

/* ===== pricing ===== */
.m4-pr{flex:1;min-height:0;display:grid;gap:24px;grid-auto-rows:auto;align-content:center;grid-template-columns:repeat(4,1fr)}
.m4-pr.n1{grid-template-columns:1fr}.m4-pr.n2{grid-template-columns:1fr 1fr}.m4-pr.n3{grid-template-columns:repeat(3,1fr)}
.m4-pc{display:flex;flex-direction:column;gap:16px;min-height:0;padding:32px;border-radius:var(--r);background:var(--sf)}
.ew-s .m4-pn{font:700 26px/1.2 var(--hf)}
.m4-pp{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ew-s .m4-pp b{font:700 52px/1 var(--hf);letter-spacing:-.03em}
.m4-pr.n4 .m4-pp b{font-size:40px}
.m4-pp span{font-size:20px;color:var(--mu)}
.m4-pf{flex:none;display:flex;flex-direction:column;gap:12px;min-height:0;margin:8px 0 0;padding:24px 0 0;list-style:none;border-top:2px solid var(--ln);font-size:20px;line-height:1.3}
.m4-pf li{display:flex;align-items:center;gap:12px;padding:0}
.m4-pf .xs-cl-i{--s:24px}
.m4-pc.hot{background:var(--hi);color:var(--hiFg);--chk:var(--hi)}
.m4-pc.hot .m4-pp span{color:inherit}
.m4-pc.hot .xs-cl-i.ok{background:var(--hiFg)}
.m4-pc.hot .m4-pf{border-color:var(--hiFg)}
/* ruled */
.m4-pr.m4line{gap:0}
.m4-pr.m4line .m4-pc{background:none;border-radius:0;border-left:2px solid var(--ln)}
.m4-pr.m4line .m4-pc:first-child{border-left:0}
.m4-pr.m4line .m4-pc.hot{background:var(--hi);border-radius:var(--r);border-left-color:transparent}
.m4-pr.m4line .m4-pc.hot+.m4-pc{border-left-color:transparent}
.m4-pr.m4line .m4-pf{border-top:0;padding-top:8px}
/* header */
.m4-pr.m4head .m4-pc{padding:0;gap:0;overflow:hidden}
.m4-pr.m4head .m4-ph{display:flex;flex-direction:column;gap:16px;padding:28px 32px;border-radius:var(--r) var(--r) 0 0;background:var(--fg);color:var(--bg)}
.m4-pr.m4head .m4-pp span{color:inherit;opacity:.8}
.m4-pr.m4head .m4-pf{border-top:0;padding:28px 32px;gap:12px}
.m4-pr.m4head .m4-pc.hot{background:var(--sf);color:var(--fg);--chk:var(--hiFg)}
.m4-pr.m4head .m4-pc.hot .xs-cl-i.ok{background:var(--hi)}
.m4-pr.m4head .m4-pc.hot .m4-ph{background:var(--hi);color:var(--hiFg)}
/* rows */
.m4-pr.m4rows{grid-template-columns:1fr;gap:16px}
.m4-pr.m4rows .m4-pc{display:grid;grid-template-columns:200px 240px 1fr;align-items:center;gap:32px;padding:20px 32px}
.m4-pr.m4rows .m4-pp{flex-direction:column;align-items:flex-start;gap:4px}
.m4-pr.m4rows .m4-pf{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding:0 0 0 32px;border-top:0;border-left:2px solid var(--ln);align-content:center}
.m4-pr.m4rows .m4-pc.hot .m4-pf{border-left-color:var(--hiFg)}
/* big price */
.m4-pr.m4big .m4-pc{align-items:center;text-align:center;gap:12px;padding:32px 24px}
.ew-s .m4-pr.m4big .m4-pp b{font-size:60px}.ew-s .m4-pr.m4big.n4 .m4-pp b{font-size:44px}
.m4-pr.m4big .m4-pp{flex-direction:column;align-items:center;gap:8px}
.m4-pr.m4big .m4-pf{align-self:stretch}
/* dark */
.m4-pr.m4dark .m4-pc{background:var(--fg);color:var(--bg);--chk:var(--fg)}
.m4-pr.m4dark .m4-pp span{color:inherit;opacity:.8}
.m4-pr.m4dark .xs-cl-i.ok{background:var(--bg)}
.m4-pr.m4dark .m4-pf{border-color:var(--mu)}
.m4-pr.m4dark .m4-pc.hot{background:var(--hi);color:var(--hiFg);--chk:var(--hi)}
.m4-pr.m4dark .m4-pc.hot .xs-cl-i.ok{background:var(--hiFg)}
.m4-pr.m4dark .m4-pc.hot .m4-pf{border-color:var(--hiFg)}
/* outline */
.m4-pr.m4out .m4-pc{background:none;border:2px solid var(--ln);padding:30px}
.m4-pr.m4out .m4-pc.hot{border:6px solid var(--hi);padding:26px;background:none;color:var(--fg);--chk:var(--hiFg)}
.m4-pr.m4out .m4-pc.hot .m4-pp span{color:var(--mu)}
.m4-pr.m4out .m4-pc.hot .xs-cl-i.ok{background:var(--hi)}
.m4-pr.m4out .m4-pc.hot .m4-pf{border-color:var(--ln)}
/* grid of rows */
.m4-pr.m4tab .m4-pf{display:grid;grid-auto-rows:minmax(44px,auto);gap:0;padding:0;border-top:0}
.m4-pr.m4tab .m4-pf li{border-top:2px solid var(--ln)}
.m4-pr.m4tab .m4-pc.hot .m4-pf li{border-top-color:var(--hiFg)}
/* tag */
.m4-pr.m4pill .m4-pc{align-items:center;text-align:center;padding:32px 24px}
.m4-pr.m4pill .m4-pp{flex-direction:column;align-items:center;gap:4px;align-self:stretch;padding:16px 12px;border-radius:var(--r);background:var(--hi);color:var(--hiFg)}
.m4-pr.m4pill .m4-pp span{color:inherit}
.m4-pr.m4pill .m4-pf{align-self:stretch;border-top:0;padding-top:8px}
.m4-pr.m4pill .m4-pc.hot{background:var(--fg);color:var(--bg);--chk:var(--fg)}
.m4-pr.m4pill .m4-pc.hot .xs-cl-i.ok{background:var(--bg)}
.m4-pr.m4pill .m4-pc.hot .m4-pp{background:var(--bg);color:var(--fg)}
/* top bar */
.m4-pr.m4acc .m4-pc{border-radius:0 0 var(--r) var(--r);border-top:8px solid var(--hi);padding-top:24px}
.m4-pr.m4acc .m4-pc.hot{border-top-color:var(--hiFg)}

/* ===== matrix ===== */
.m4-mx{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px}
.m4-mg{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:16px}
.m4-my,.m4-mxl{font-size:22px;line-height:1.2;text-align:center;color:var(--mu)}
.m4-my::before{content:"\2191  "}.m4-mxl::after{content:"  \2192"}
.m4-mc{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:0;padding:24px 36px;border-radius:var(--r);background:var(--sf)}
.ew-s .m4-mc b{font:700 30px/1.2 var(--hf)}
.m4-mc span{font-size:22px;line-height:1.35;color:var(--mu)}
:is(.m4num,.m4cross,.m4dark,.m4bar,.m4side) .m4-mc.c1{background:var(--hi);color:var(--hiFg)}
:is(.m4num,.m4cross,.m4dark,.m4bar,.m4side) .m4-mc.c1 span{color:inherit}
/* numbers */
.m4-mx.m4num .m4-mc::before{display:block;font:700 24px/1 var(--hf);opacity:.6}
.m4-mx.m4num .c0::before{content:"01"}.m4-mx.m4num .c1::before{content:"02"}.m4-mx.m4num .c2::before{content:"03"}.m4-mx.m4num .c3::before{content:"04"}
/* crosshair */
.m4-mx.m4cross .m4-mg{gap:0}
.m4-mx.m4cross .m4-mc{border-radius:0;background:none;padding:24px 48px}
.m4-mx.m4cross .m4-mc.c1{background:var(--hi)}
.m4-mx.m4cross .c0,.m4-mx.m4cross .c2{border-right:4px solid var(--fg)}
.m4-mx.m4cross .c0,.m4-mx.m4cross .c1{border-bottom:4px solid var(--fg)}
/* dark */
.m4-mx.m4dark .m4-mc{background:var(--fg);color:var(--bg)}
.m4-mx.m4dark .m4-mc span{color:inherit;opacity:.8}
.m4-mx.m4dark .m4-mc.c1{background:var(--hi);color:var(--hiFg)}
/* side bar */
.m4-mx.m4bar .m4-mc{border-radius:0 var(--r) var(--r) 0;border-left:8px solid var(--hi)}
.m4-mx.m4bar .m4-mc.c1{border-left-color:var(--hiFg)}
/* headers */
.m4-mx.m4head .m4-mc{padding:0;gap:0;justify-content:flex-start;overflow:hidden}
.ew-s .m4-mx.m4head .m4-mc b{padding:14px 36px;border-radius:var(--r) var(--r) 0 0;background:var(--fg);color:var(--bg)}
.ew-s .m4-mx.m4head .m4-mc.c1 b{background:var(--hi);color:var(--hiFg)}
.m4-mx.m4head .m4-mc span{padding:20px 36px;flex:1;display:flex;align-items:center}
/* tags */
.m4-mx.m4tag .m4-mc{background:none;border:2px solid var(--ln);align-items:flex-start;padding:22px 34px}
.ew-s .m4-mx.m4tag .m4-mc b{padding:6px 20px;border-radius:999px;background:var(--hi);color:var(--hiFg);font-size:26px}
/* chequer */
.m4-mx.m4chess .c0,.m4-mx.m4chess .c3{background:var(--fg);color:var(--bg)}
.m4-mx.m4chess .c0 span,.m4-mx.m4chess .c3 span{color:inherit;opacity:.8}
/* outline */
.m4-mx.m4gap .m4-mg{gap:24px}
.m4-mx.m4gap .m4-mc{background:none;border:2px solid var(--ln);align-items:center;text-align:center;padding:24px 48px}
.m4-mx.m4gap .m4-mc.c1{border:6px solid var(--hi);padding:20px 44px}
/* side axis */
.m4-mx.m4side{display:grid;grid-template-columns:152px 1fr;grid-template-rows:minmax(0,1fr) auto;gap:0 16px}
.m4-mx.m4side.noy{grid-template-columns:1fr}
.m4-mx.m4side .m4-mg{grid-column:-2/-1;grid-row:1}
.m4-mx.m4side .m4-my{grid-column:1;grid-row:1;align-self:center;text-align:right}
.m4-mx.m4side .m4-my::before{content:"\2191";display:block;margin-bottom:8px}
.m4-mx.m4side .m4-mxl{grid-column:-2/-1;grid-row:2;margin-top:16px}
.m4-pc>*{flex:none}
.ew-s .m4-pp b{line-height:1.15}
.m4-pr.m4big .m4-pp,.m4-pr.m4pill .m4-pp,.m4-pr.m4rows .m4-pp{gap:6px}

/* side block */
.m4-tm.m4half{grid-template-columns:1fr;gap:16px 24px}
.m4-tm.m4half.n4,.m4-tm.m4half.n5,.m4-tm.m4half.n6,.m4-tm.m4half.n7,.m4-tm.m4half.n8{grid-template-columns:1fr 1fr}
.m4-tm.m4half.n5,.m4-tm.m4half.n7{grid-template-columns:repeat(4,1fr)}.m4-tm.m4half.n5>*,.m4-tm.m4half.n7>*{grid-column:span 2}.m4-tm.m4half.n5>:nth-child(5),.m4-tm.m4half.n7>:nth-child(7){grid-column:2/4}
.m4-tm.m4half .m4-tc{display:grid;grid-template-columns:112px 1fr;grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:"a ." "a n" "a r" "a x" "a .";align-content:stretch;column-gap:24px;row-gap:2px;justify-items:start;text-align:left;padding:0 24px 0 0;overflow:hidden}
.m4-tm.m4half .m4-ta{grid-area:a;min-height:0;align-self:stretch;justify-self:stretch;width:auto;height:auto;margin:0;border-radius:var(--r) 0 0 var(--r);font-size:36px}
.m4-tm.m4half .m4-tc>b{grid-area:n}.m4-tm.m4half .m4-tr{grid-area:r}.m4-tm.m4half .m4-tx{grid-area:x}
/* bottom rule */
.m4-pr.m4rule .m4-pc{background:none;border-radius:0;border-bottom:8px solid var(--fg);padding:24px 24px 28px}
.m4-pr.m4rule .m4-pf{border-top:0;padding-top:0;gap:10px}
.m4-pr.m4rule .m4-pf li{align-items:flex-start;gap:10px}
.m4-pr.m4rule .m4-pf .xs-cl-i{display:none}
.m4-pr.m4rule .m4-pf li::before{content:"–";flex:none}
.m4-pr.m4rule .m4-pc.hot{background:var(--hi);border-radius:var(--r) var(--r) 0 0;border-bottom-color:var(--hiFg)}
.ew-s .m4-pf{margin-top:8px;padding-top:24px} /* .ew-s ul resets margins and paddings: the line under the price keeps air on both sides */
.ew-s .m4-pr.m4big .m4-pf{margin-top:12px}