/* BAIZE-050 module renderers, visually aligned for BAIZE-051. */
.baize-incentive-card-label { display: block; margin-bottom: 8px; color: #3375c9; font-size: 12px; font-weight: 850; line-height: 1.45; letter-spacing: .02em; }
.baize-incentive-card-icon { display: inline-flex; width: 52px; height: 52px; flex: 0 0 52px; align-items: center; justify-content: center; margin-bottom: 17px; padding: 0 10px; border: 1px solid #c8dcf6; border-radius: 13px; background: linear-gradient(145deg, #f9fbff, #e4efff); color: #286ac0; box-shadow: inset 0 1px 0 #fff, 0 9px 20px rgba(44, 98, 169, .1); font-size: 17px; font-weight: 850; line-height: 1; }
.baize-incentive-card-icon svg { width: 27px; height: 27px; stroke-width: 1.7; }
.baize-incentive-card-icon.is-configured { width: auto; min-width: 52px; }
.baize-incentive-card-icon.is-configured.is-svg,
.baize-incentive-card-icon.is-configured.is-number { width: 52px; min-width: 52px; }
.baize-incentive-card-icon.is-number { font-size: 15px; }
.baize-incentive-card-icon.is-text { max-width: 100%; min-width: 52px; padding-inline: 12px; overflow-wrap: anywhere; font-size: 12px; line-height: 1.25; }
.baize-incentive-card-icon.is-media { width: 52px; min-width: 52px; overflow: hidden; }
.baize-incentive-card-icon.is-media img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }

.baize-incentive-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 13px; }
.baize-incentive-info-grid.has-4-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.baize-incentive-info-grid.has-5-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.baize-incentive-info-grid.has-6-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.baize-incentive-info-grid article { position: relative; display: flex; min-width: 0; min-height: 100%; flex-direction: column; padding: 20px; border: 1px solid #e2e7ed; border-radius: 14px; background: #fff; box-shadow: 0 6px 18px rgba(29, 49, 75, .04); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.baize-incentive-info-grid article:nth-child(even) { background: #fff; }
.baize-incentive-info-grid article:hover { border-color: #c9d4e1; box-shadow: 0 10px 24px rgba(29, 49, 75, .075); transform: translateY(-2px); }
.baize-incentive-info-grid h3 { margin: 0 0 6px; color: #153760; font-size: 17px; font-weight: 850; line-height: 1.35; letter-spacing: 0; }
.baize-incentive-info-grid p { margin: 0; font-size: 13.5px; line-height: 1.68; }

.baize-incentive-module.variant-four-up .baize-incentive-info-grid article { min-height: 210px; padding: 23px; }
.baize-incentive-module.variant-four-up .baize-incentive-card-icon { width: 54px; height: 54px; flex-basis: 54px; }
.baize-incentive-module.variant-four-up .baize-incentive-card-icon svg { width: 29px; height: 29px; }

.baize-incentive-module.variant-intro { display: grid; grid-template-columns: minmax(250px, .76fr) minmax(0, 1.24fr); gap: clamp(30px, 4vw, 58px); align-items: center; margin-top: 24px; padding: 36px 40px; border: 1px solid #d5dde7 !important; border-radius: 16px; background: #fff; box-shadow: 0 9px 26px rgba(25, 45, 70, .05); }
.baize-incentive-module.variant-intro .baize-incentive-section-head { max-width: 470px; margin: 0; }
.baize-incentive-module.variant-intro .baize-incentive-section-head h2 { font-size: clamp(28px, 2.2vw, 30px); line-height: 1.25; }
.baize-incentive-module.variant-intro .baize-incentive-section-head p { max-width: 42ch; margin-top: 12px; line-height: 1.76; }
.baize-incentive-module.variant-intro .baize-incentive-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 14px; }
.baize-incentive-module.variant-intro .baize-incentive-info-grid:only-child { grid-column: 1 / -1; }
.baize-incentive-module.variant-intro .baize-incentive-info-grid article { display: grid; min-height: 154px; grid-template-columns: 48px minmax(0, 1fr); grid-auto-rows: min-content; align-content: center; column-gap: 14px; padding: 18px; border-color: #e8edf2; background: #fbfcfd; box-shadow: 0 4px 14px rgba(29, 49, 75, .025); text-align: left; }
.baize-incentive-module.variant-intro .baize-incentive-info-grid article:nth-child(even) { background: #fbfcfd; }
.baize-incentive-module.variant-intro .baize-incentive-info-grid article:hover { border-color: #d8e0e9; box-shadow: 0 6px 16px rgba(29, 49, 75, .045); transform: translateY(-1px); }
.baize-incentive-module.variant-intro .baize-incentive-card-icon { grid-column: 1; grid-row: 1 / span 3; width: 48px; min-width: 48px; height: 48px; flex-basis: 48px; align-self: center; margin: 0; border-radius: 12px; }
.baize-incentive-module.variant-intro .baize-incentive-card-icon svg { width: 24px; height: 24px; }
.baize-incentive-module.variant-intro .baize-incentive-card-label,
.baize-incentive-module.variant-intro .baize-incentive-info-grid h3,
.baize-incentive-module.variant-intro .baize-incentive-info-grid p { grid-column: 2; }
.baize-incentive-module.variant-intro .baize-incentive-card-label { margin-bottom: 3px; }
.baize-incentive-module.variant-intro .baize-incentive-info-grid h3 { margin-bottom: 5px; font-size: 17px; }
.baize-incentive-module.variant-intro .baize-incentive-info-grid p { font-size: 13.5px; line-height: 1.68; }

.baize-incentive-module.variant-benefits { margin-top: 22px; padding: 34px 34px 8px; border: 0 !important; border-radius: 0; background: transparent; }
.baize-incentive-module.variant-benefits + .baize-incentive-section { margin-top: 12px; }
.baize-incentive-module.variant-benefits .baize-incentive-section-head { max-width: 920px; margin-right: 0; margin-bottom: 22px; margin-left: 0; text-align: left; }
.baize-incentive-module.variant-benefits .baize-incentive-info-grid { gap: 12px; }
.baize-incentive-module.variant-benefits .baize-incentive-info-grid article { align-items: center; min-height: 216px; padding: 20px 15px 18px; border-color: #e0e6ed; background: #fff; box-shadow: 0 7px 20px rgba(29, 49, 75, .055); text-align: center; }
.baize-incentive-module.variant-benefits .baize-incentive-info-grid article:hover { border-color: #cbd5e0; box-shadow: 0 9px 22px rgba(29, 49, 75, .07); transform: translateY(-1px); }
.baize-incentive-module.variant-benefits .baize-incentive-card-icon { width: 74px; height: 74px; flex-basis: 74px; margin-bottom: 14px; border-radius: 16px; background: linear-gradient(150deg, #fff, #deebff); color: #2469c7; box-shadow: inset 0 1px 0 #fff, 0 10px 21px rgba(40, 100, 181, .13); }
.baize-incentive-module.variant-benefits .baize-incentive-card-icon svg { width: 33px; height: 33px; }
.baize-incentive-module.variant-benefits .baize-incentive-card-label { margin-bottom: 5px; }
.baize-incentive-module.variant-benefits .baize-incentive-info-grid h3 { display: flex; min-height: 46px; align-items: center; justify-content: center; margin-bottom: 6px; font-size: 17px; }
.baize-incentive-module.variant-benefits .baize-incentive-info-grid p { color: #718096; font-size: 13.5px; line-height: 1.66; }

.baize-incentive-module.variant-rules { margin-top: 18px; padding: 30px 34px 4px; border: 0 !important; border-radius: 0; background: transparent; }
.baize-incentive-module.variant-rules .baize-incentive-section-head { margin-right: 0; margin-bottom: 22px; margin-left: 0; text-align: left; }
.baize-incentive-module.variant-rules .baize-incentive-info-grid,
.baize-incentive-module.variant-rules .baize-incentive-info-grid.has-4-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.baize-incentive-module.variant-rules .baize-incentive-info-grid article { display: grid; min-height: 160px; grid-template-columns: 50px minmax(0, 1fr); align-content: start; column-gap: 14px; padding: 20px; border: 1px solid #e1e6ec; border-radius: 14px; background: #fff; box-shadow: 0 6px 18px rgba(29, 49, 75, .04); text-align: left; }
.baize-incentive-module.variant-rules .baize-incentive-info-grid article:nth-child(even) { background: #fff; }
.baize-incentive-module.variant-rules .baize-incentive-info-grid article:hover { border-color: #d3dbe4; box-shadow: 0 8px 20px rgba(29, 49, 75, .055); transform: none; }
.baize-incentive-module.variant-rules .baize-incentive-card-icon { grid-column: 1; grid-row: 1 / span 3; width: 48px; min-width: 48px; height: 48px; flex-basis: 48px; align-self: start; margin: 0; border-color: #dbe3ed; border-radius: 12px; background: #f2f5f9; color: #58718f; box-shadow: none; }
.baize-incentive-module.variant-rules .baize-incentive-card-icon svg { width: 27px; height: 27px; }
.baize-incentive-module.variant-rules .baize-incentive-card-label,
.baize-incentive-module.variant-rules .baize-incentive-info-grid h3,
.baize-incentive-module.variant-rules .baize-incentive-info-grid p { grid-column: 2; }
.baize-incentive-module.variant-rules .baize-incentive-card-label { margin-bottom: 3px; color: #607895; }
.baize-incentive-module.variant-rules .baize-incentive-info-grid h3 { margin-bottom: 5px; font-size: 17px; }
.baize-incentive-module.variant-rules .baize-incentive-info-grid p { line-height: 1.64; }

.baize-incentive-module.variant-flow { margin-top: 16px; padding: 32px 34px 4px; border: 0 !important; border-radius: 0; background: transparent; }
.baize-incentive-module.variant-flow .baize-incentive-section-head { margin-right: 0; margin-bottom: 22px; margin-left: 0; text-align: left; }
.baize-incentive-steps { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 28px; margin: 0; padding: 22px; border: 1px solid #e1e7ef; border-radius: 16px; background: #f6f8fb; list-style: none; }
.baize-incentive-steps.has-4-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.baize-incentive-steps li { position: relative; display: grid; min-width: 0; min-height: 150px; grid-template-columns: 58px minmax(0, 1fr); align-content: center; align-items: center; gap: 16px; padding: 18px 8px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.baize-incentive-steps li > div:last-child { align-self: center; }
.baize-incentive-steps li:not(:last-child)::before { position: absolute; left: calc(100% + 1px); top: 50%; width: 28px; height: 1px; background: #7fa3d1; content: ""; transform: translateY(-50%); }
.baize-incentive-steps li:not(:last-child)::after { position: absolute; right: -27px; top: calc(50% - 4px); width: 8px; height: 8px; border-top: 2px solid #7fa3d1; border-right: 2px solid #7fa3d1; content: ""; transform: rotate(45deg); }
.baize-incentive-step-marker { position: relative; width: 58px; min-height: 56px; }
.baize-incentive-step-marker .baize-incentive-card-icon { width: 56px; height: 56px; flex-basis: 56px; margin: 0; border-radius: 16px; }
.baize-incentive-step-marker .baize-incentive-card-icon svg { width: 29px; height: 29px; }
.baize-incentive-steps strong { display: block; color: #17375f; font-size: 17px; font-weight: 850; line-height: 1.35; }
.baize-incentive-steps p { margin: 5px 0 0; font-size: 13.5px; line-height: 1.68; }

.baize-incentive-comparison { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); gap: 15px; }
.baize-incentive-comparison.has-4-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.baize-incentive-comparison article { position: relative; min-width: 0; padding: 24px; border: 1px solid #d4e2f4; border-radius: 12px; background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(246, 250, 255, .94)); box-shadow: 0 8px 24px rgba(41, 85, 145, .06); }
.baize-incentive-comparison article:nth-child(even) .baize-incentive-card-icon { border-color: #ead8b5; background: linear-gradient(145deg, #fffdf8, #fff1d7); color: #a66d18; }
.baize-incentive-module .baize-incentive-card-icon.is-media { padding: 0; border: 0; background: transparent; box-shadow: none; }
.baize-incentive-comparison h3, .baize-incentive-text h3 { margin: 0 0 8px; color: #17375f; font-weight: 850; letter-spacing: 0; }
.baize-incentive-comparison p, .baize-incentive-text p { margin: 0; }

.baize-incentive-text { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; max-width: none; }
.baize-incentive-text > div { position: relative; padding: 24px 25px 24px 30px; border: 1px solid #d5e3f5; border-radius: 12px; background: rgba(255, 255, 255, .8); }
.baize-incentive-text > div::before { position: absolute; left: 0; top: 22px; bottom: 22px; width: 4px; border-radius: 0 3px 3px 0; background: #3979ce; content: ""; }
.baize-incentive-text > div:only-child, .baize-incentive-text > div:last-child:nth-child(odd) { grid-column: 1 / -1; }

@media (max-width: 1100px) {
  .baize-incentive-info-grid.has-5-items, .baize-incentive-info-grid.has-6-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .baize-incentive-info-grid.has-4-items, .baize-incentive-comparison.has-4-items, .baize-incentive-steps.has-4-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .baize-incentive-steps li:nth-child(2)::before, .baize-incentive-steps li:nth-child(2)::after { display: none; }
}

@media (max-width: 760px) {
  .baize-incentive-info-grid, .baize-incentive-info-grid.has-4-items, .baize-incentive-info-grid.has-5-items, .baize-incentive-info-grid.has-6-items, .baize-incentive-steps, .baize-incentive-steps.has-4-items, .baize-incentive-comparison, .baize-incentive-comparison.has-4-items, .baize-incentive-text { grid-template-columns: 1fr; }
  .baize-incentive-steps { gap: 16px; }
  .baize-incentive-steps li { min-height: 132px; padding: 16px 2px; }
  .baize-incentive-steps li:not(:last-child)::before { left: 42px; top: 100%; width: 1px; height: 16px; transform: none; }
  .baize-incentive-steps li:not(:last-child)::after { left: 38px; right: auto; top: auto; bottom: -14px; transform: rotate(135deg); }
  .baize-incentive-info-grid article, .baize-incentive-comparison article, .baize-incentive-text > div { padding: 19px; }
  .baize-incentive-module.variant-intro { display: block; margin-top: 18px; padding: 24px 18px; border-radius: 14px; }
  .baize-incentive-module.variant-intro .baize-incentive-section-head { margin-bottom: 24px; }
  .baize-incentive-module.variant-intro .baize-incentive-info-grid { grid-template-columns: 1fr; }
  .baize-incentive-module.variant-intro .baize-incentive-info-grid article { min-height: 132px; padding: 17px; }
  .baize-incentive-module.variant-benefits { margin-top: 20px; padding: 30px 16px 12px; }
  .baize-incentive-module.variant-benefits .baize-incentive-info-grid article { min-height: 0; padding: 20px 18px; }
  .baize-incentive-module.variant-flow { margin-top: 18px; padding: 24px 16px 4px; }
  .baize-incentive-steps { padding: 18px 16px; border-radius: 14px; }
  .baize-incentive-module.variant-rules { margin-top: 18px; padding: 24px 16px 4px; }
  .baize-incentive-module.variant-rules .baize-incentive-info-grid,
  .baize-incentive-module.variant-rules .baize-incentive-info-grid.has-4-items { grid-template-columns: 1fr; }
  .baize-incentive-module.variant-rules .baize-incentive-info-grid article { min-height: 0; }
  .baize-incentive-text > div { padding-left: 25px; }
  .baize-incentive-text > div:only-child, .baize-incentive-text > div:last-child:nth-child(odd) { grid-column: auto; }
}