/* Original versus composition, with bank-specific background tints only.
   Enabled per duel; typography, spacing and shared Yaka controls stay in the base CSS. */
.vd-palette-trial{--vd-left:var(--bank-left-soft);--vd-right:var(--bank-right-soft);--vd-paper:color-mix(in srgb,var(--bank-left-soft) 30%,white)}
.vd-palette-trial .vd-hero{background:linear-gradient(125deg,transparent 73%,var(--bank-right-soft) 73%,var(--bank-right-soft) 85%,transparent 85%) top right/100% 380px no-repeat,color-mix(in srgb,var(--bank-left-soft) 65%,white)}
.vd-palette-trial .vd-bank--left{background:var(--bank-left-soft);border-color:color-mix(in srgb,var(--bank-left-accent) 28%,white)}
.vd-palette-trial .vd-bank--right{background:var(--bank-right-soft);border-color:color-mix(in srgb,var(--bank-right-accent) 28%,white)}
.vd-palette-trial .vd-round--voyage{background:color-mix(in srgb,var(--bank-right-soft) 32%,white)}
.vd-palette-trial .vd-round--ecosysteme{background:color-mix(in srgb,var(--bank-left-soft) 30%,white)}
.vd-palette-trial .vd-round--bourse{background:color-mix(in srgb,var(--bank-right-soft) 25%,white)}
.vd-palette-trial .vd-round:before{background:repeating-radial-gradient(circle at 100% 0,transparent 0 42px,color-mix(in srgb,var(--bank-left-accent) 8%,transparent) 43px 44px,transparent 45px 76px)}
.vd-palette-trial .vd-round--voyage:before{background:repeating-radial-gradient(circle at 100% 0,transparent 0 42px,color-mix(in srgb,var(--bank-right-accent) 8%,transparent) 43px 44px,transparent 45px 76px)}
.vd-palette-trial .vd-round--ecosysteme:before{background:linear-gradient(90deg,color-mix(in srgb,var(--bank-left-accent) 6%,transparent) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(color-mix(in srgb,var(--bank-left-accent) 6%,transparent) 1px,transparent 1px) 0 0/28px 28px,var(--bank-left-soft)}
.vd-palette-trial .vd-round--bourse:before{background:linear-gradient(130deg,transparent 40%,var(--bank-right-soft) 40% 55%,transparent 55% 65%,color-mix(in srgb,var(--bank-right-soft) 65%,transparent) 65% 80%,transparent 80%)}
.vd-palette-trial .vd-round-index:before{background:var(--bank-left-soft)}
.vd-palette-trial .vd-round--voyage .vd-round-index:before,.vd-palette-trial .vd-round--bourse .vd-round-index:before{background:var(--bank-right-soft)}
.vd-palette-trial .vd-choice--left,.vd-palette-trial .vd-mini-choice--left{background:var(--bank-left-soft)}
.vd-palette-trial .vd-choice--right,.vd-palette-trial .vd-mini-choice--right{background:var(--bank-right-soft)}
.vd-palette-trial .vd-choice--left{border-color:color-mix(in srgb,var(--bank-left-accent) 28%,white)}
.vd-palette-trial .vd-choice--right{border-color:color-mix(in srgb,var(--bank-right-accent) 28%,white)}
.vd-palette-trial .vd-guide{background:linear-gradient(120deg,var(--bank-left-soft) 60%,var(--bank-right-soft) 60% 74%,var(--bank-left-soft) 74%)}
.vd-palette-trial .vd-guide-results [data-guide-bank=left]{background:var(--bank-left-soft)}
.vd-palette-trial .vd-guide-results [data-guide-bank=right]{background:var(--bank-right-soft)}
.vd-palette-trial .vd-cost-bank--left{background:linear-gradient(var(--bank-left-soft) 0 235px,#fff 235px);border-color:color-mix(in srgb,var(--bank-left-accent) 28%,white)}
.vd-palette-trial .vd-cost-bank--right{background:linear-gradient(var(--bank-right-soft) 0 235px,#fff 235px);border-color:color-mix(in srgb,var(--bank-right-accent) 28%,white)}
.vd-palette-trial .vd-cards{background:linear-gradient(135deg,var(--bank-left-soft) 48%,var(--bank-right-soft) 48%)}
/* Keep the existing narrow-screen fit for SG's non-numeric hero metric. */
@media(max-width:780px){.vd-palette-trial .vd-bank-body>div{width:100%;min-width:0}.vd-palette-trial .vd-bank--left .vd-bank-metric strong{font-size:var(--text-scale-36-8)}}

/* The source bunq card photo has white margins, unlike the transparent card assets. */
.vd-palette-trial img[src*="/assets/cards/bunq_standard.webp"]{mix-blend-mode:multiply}