/* more marketplace card layouts (x-cards2.js, ids c2*). 900x1200, 56 px margins; fonts Arial / Arial Black only. */
.xk.x2 .x2-h{margin:0;max-width:100%;font:700 76px/1.06 Arial,sans-serif;letter-spacing:-.025em;color:inherit;text-wrap:balance;overflow-wrap:normal}
.xk.x2 .x2-nv{display:block;max-width:100%;white-space:nowrap;font:700 72px/1.1 Arial,sans-serif;letter-spacing:-.03em}
.xk.x2 .x2-nv small{font-size:.42em;letter-spacing:0}
.xk.x2 .x2-nl{font:600 26px/1.25 Arial,sans-serif;text-wrap:balance}

/* 1. diagonal band */
.x2 .x2-diag{left:56px;right:56px;bottom:56px;height:280px;box-sizing:border-box;padding:76px 56px;display:flex;align-items:center;gap:32px;background:var(--accA);color:var(--accFg);clip-path:polygon(0 24%,100% 0,100% 76%,0 100%)}
.x2 .x2-diag .x2-nv{flex:0 1 auto;max-width:56%;font:700 104px/1 "Arial Black",Arial,sans-serif;letter-spacing:-.04em}
.x2 .x2-diag .x2-nl{flex:1 1 0;min-width:0;padding-left:32px;border-left:4px solid var(--accFg);font:700 34px/1.2 Arial,sans-serif}
.x2 .x2-diag.x2-solo{justify-content:center}

/* 2. receipt */
.x2 .x2-rc{left:56px;right:56px;bottom:56px;padding:20px 36px;display:flex;flex-direction:column}
.x2 .x2-row{display:flex;align-items:baseline;gap:16px;padding:16px 0;min-width:0}
.x2 .x2-row>span{flex:0 1 auto;font:500 26px/1.25 Arial,sans-serif;color:var(--fg2)}
.x2 .x2-row>b{flex:0 1 auto;font:700 30px/1.25 Arial,sans-serif;white-space:nowrap;text-align:right}
.x2 .x2-lead{flex:1 1 24px;align-self:flex-end;min-width:24px;height:0;margin-bottom:10px;border-bottom:3px dotted rgba(127,127,127,.7)}
.x2 .x2-row>.xk-ic{width:40px;height:40px;align-self:center}
.x2 .x2-row>.xk-ic svg{width:22px;height:22px}

/* 3. number tower */
.x2 .x2-tw{right:56px;bottom:56px;width:300px;display:flex;flex-direction:column;border-radius:32px;background:var(--accA);color:var(--accFg);overflow:hidden}
.x2 .x2-tc{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 20px;text-align:center}
.x2 .x2-tc+.x2-tc::before{content:"";position:absolute;top:0;left:32px;right:32px;height:2px;background:var(--accFg);opacity:.35}
.x2 .x2-tc .x2-nv{font-size:48px}
.x2 .x2-tc .x2-nl{max-width:100%;font:600 24px/1.25 Arial,sans-serif}

/* 4. leader lines */
.x2 .x2-sd{top:420px;bottom:56px;width:320px;display:flex;flex-direction:column;justify-content:center;gap:24px}
.x2 .x2-sd:only-of-type{justify-content:center}
.x2 .x2-sd.x2-l{left:56px}.x2 .x2-sd.x2-r{right:56px}
.x2 .x2-lab{display:flex;align-items:center;gap:14px;height:96px;padding:0 20px 0 16px;border-radius:48px;overflow:hidden}
.x2 .x2-lab .xk-ic{width:56px;height:56px}.x2 .x2-lab .xk-ic svg{width:28px;height:28px}
.x2 .x2-lab>b{font:700 26px/1.15 Arial,sans-serif;white-space:nowrap;text-wrap:balance}

/* 5. header plate + circles */
.x2 .xk-top.x2-hd{padding:32px 40px 40px;background:var(--pl);border-radius:32px}
.x2 .x2-hd::after{content:"";order:9;width:96px;height:8px;margin-top:8px;border-radius:4px;background:var(--acc)}
.x2 .x2-cs{left:56px;right:56px;bottom:56px;display:grid;grid-template-columns:repeat(var(--n,3),246px);justify-content:center;gap:24px}
.x2 .x2-cc{display:flex;flex-direction:column;align-items:center;gap:24px}
.x2 .x2-cc>.xk-ic{width:144px;height:144px;box-shadow:0 0 0 8px var(--pl)}
.x2 .x2-cc>.xk-ic svg{width:68px;height:68px}
.x2 .x2-cap{align-self:stretch;display:flex;justify-content:center;padding:18px 12px;text-align:center}
.x2 .x2-cap>b{max-width:100%;font:700 28px/1.2 Arial,sans-serif;white-space:nowrap;text-wrap:balance}

/* 6. top panel */
.x2 .xk-top.x2-pn{box-sizing:border-box;padding:40px;justify-content:center;background:var(--accA);color:var(--accFg);border-radius:32px}
.x2 .x2-pn .x2-h{font-size:88px}
.x2 .x2-pn .xk-sub{color:var(--accFg);opacity:.92}
.x2 .x2-pn .xk-badge{background:var(--accFg);color:var(--acc)}
.x2 .x2-spw{left:56px;right:56px;bottom:56px;display:flex;justify-content:center}
.x2 .x2-sp{display:flex;align-items:baseline;gap:24px;max-width:100%;box-sizing:border-box;padding:20px 40px;overflow:hidden}
.x2 .x2-sp .x2-nv{flex:0 1 auto;font-size:80px}
.x2 .x2-sp .x2-nl{flex:0 1 auto;font:600 28px/1.2 Arial,sans-serif}

/* 7. tilted badge */
.x2 .x2-bdw{left:50%;bottom:208px;width:560px;margin-left:-280px;display:block}
.x2 .x2-bd{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 40px;text-align:center} /* straight: PowerPoint cannot turn the text inside a turned plate */
.x2 .x2-bd>b{font:700 52px/1.1 Arial,sans-serif;letter-spacing:-.02em;text-wrap:balance}
.x2 .x2-bd>span{font:500 26px/1.3 Arial,sans-serif;text-wrap:balance}
.x2 .x2-duo2{left:56px;right:56px;bottom:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.x2 .x2-duo2:has(>:only-child){grid-template-columns:minmax(0,1fr)}

/* 8. timeline */
.x2 .x2-tl{left:56px;right:56px;bottom:56px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:32px 20px 28px;box-sizing:border-box}
.x2 .x2-st{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 10px;text-align:center}
.x2 .x2-st>.xk-sn{position:relative;z-index:1}
.x2 .x2-st::before,.x2 .x2-st::after{content:"";position:absolute;top:34px;height:4px;background:var(--acc)}
.x2 .x2-st::before{left:0;right:calc(50% + 44px)}.x2 .x2-st::after{left:calc(50% + 44px);right:0}
.x2 .x2-st:first-child::before,.x2 .x2-st:last-child::after{display:none}
.x2 .x2-st>b{max-width:100%;font:700 28px/1.15 Arial,sans-serif;white-space:nowrap}
.x2 .x2-st>span{max-width:100%;font:500 22px/1.3 Arial,sans-serif;color:var(--fg2);text-wrap:balance}

/* 9. magazine */
.xk.x2 .x2-shade-m{left:0;right:0;bottom:0;height:640px;z-index:1;pointer-events:none;opacity:var(--ga,1);background:linear-gradient(0deg,rgba(var(--g),.92) 0,rgba(var(--g),.82) 50%,rgba(var(--g),0) 100%)}
.x2 .x2-mag{left:56px;right:56px;bottom:56px;display:flex;flex-direction:column;gap:32px;color:var(--fg)}
.x2 .x2-rule{display:block;width:96px;height:8px;border-radius:4px;background:var(--acc)}
.x2 .x2-mn{display:flex;flex-direction:column;gap:8px}
.x2 .x2-mn .x2-nv{margin-top:-44px;font:700 240px/1.4 "Arial Black",Arial,sans-serif;letter-spacing:-.05em}
.x2 .x2-mn .x2-nl{font:700 36px/1.2 Arial,sans-serif;color:var(--fg)}

/* 10. two plates and a disc */
.x2 .x2-duo{left:56px;right:56px;bottom:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.x2 .x2-duo>.xk-tile{padding:28px 16px}