.marketing-path{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.marketing-path span{background:#f7f1eb12;color:#d3dce5;padding:7px 10px;border-radius:6px;font-size:var(--type-label)}
.marketing-path span:first-child{background:var(--orange);color:var(--navy);font-weight:800}
.marketing-flow-title{font-size:var(--type-label);color:#c4d0db;margin-bottom:15px}
.marketing-funnel{display:flex;flex-direction:column;gap:9px;align-items:center;margin-bottom:27px}
.marketing-funnel>div{background:#f285192a;border:1px solid #f2851966;border-radius:9px;width:100%;padding:12px;text-align:center;font-weight:700;font-size:var(--type-body)}
.marketing-funnel>div:nth-child(2){width:84%;background:#f2851945}.marketing-funnel>div:nth-child(3){width:68%;background:var(--orange);color:var(--navy)}
.marketing-channel{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #f7f1eb20;font-size:var(--type-label)}
.marketing-channel strong{font-weight:700}.marketing-channel span{color:#c4d0db;text-align:right}
.marketing-platforms{grid-template-columns:repeat(5,minmax(0,1fr))}
.marketing-platforms .sd-card{padding:26px 20px}
.marketing-platforms h3{font-size:var(--type-title);overflow-wrap:normal}
.marketing-channel-card{position:relative;padding:36px;overflow:hidden}
.marketing-channel-card>h3{margin:0 0 18px}
.marketing-channel-card>.sd-channel-number{display:block;font-size:var(--type-label);color:#985013;font-weight:800;margin-bottom:20px;letter-spacing:.08em}
@media(max-width:1199px){.marketing-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.marketing-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-channel-card{padding:28px}}
@media(max-width:479px){.marketing-platforms{grid-template-columns:1fr}.marketing-channel-card{padding:26px}}

/* Match the reference's campaign dashboard and channel color hierarchy. */
.marketing-example .sd-dashboard{max-width:400px;border-radius:24px 24px 0 0}.marketing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #f7f1eb1a}.marketing-stats>div{padding:16px 14px;border-right:1px solid #f7f1eb1a}.marketing-stats>div:last-child{border:0}.marketing-stats span,.marketing-stats small{display:block;font-size:var(--type-label);color:#b0b9c2}.marketing-stats span{text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px}.marketing-stats strong{display:block;font-size:var(--type-body);font-weight:800}.marketing-stats>div:last-child strong{color:var(--orange)}.marketing-stats small{margin-top:3px;line-height:1.35}.marketing-flow-title{text-transform:uppercase;letter-spacing:.07em}.marketing-bars{height:80px;display:flex;gap:8px;align-items:flex-end}.marketing-bars>i{height:var(--bar);flex:1;background:#f2851966;border-radius:8px 8px 0 0}.marketing-bars>i:nth-child(2n){background:#f2851980}.marketing-bars>i:nth-child(5){background:var(--orange)}.marketing-days{display:flex;justify-content:space-between;font-size:var(--type-label);color:#b0b9c2;margin-top:8px}.marketing-channel-list{padding:12px 24px 18px;border-top:1px solid #f7f1eb1a}.marketing-channel{padding:7px 0;border:0}.marketing-channel>span{color:var(--orange)}
.marketing-channel-card{display:flex;flex-direction:column;padding:40px}.marketing-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.marketing-card-head .sd-card-icon{width:56px;height:56px;margin:0;background:var(--navy);color:var(--orange)}.marketing-card-head .sd-channel-number{font-size:var(--type-heading);line-height:1;font-weight:900;color:#031a301a}.marketing-channel-card>h3{margin:0 0 12px}.marketing-channel-card>.sd-card-link{padding-top:24px;border-top:1px solid #031a3026;margin-top:32px;text-decoration:none}.marketing-channel-card>p{flex:1}.marketing-channel-card:first-child{background:var(--orange);color:var(--navy)}.marketing-channel-card:first-child>p{color:var(--navy)}.marketing-channel-card:first-child .sd-card-icon{background:#031a3026;color:var(--navy)}.marketing-channel-card:nth-child(2){background:#1a2744;color:var(--paper)}.marketing-channel-card:nth-child(2)>p{color:#b0b9c2}.marketing-channel-card:nth-child(2) .sd-card-icon{background:#ffffff1f;color:var(--paper)}.marketing-channel-card:nth-child(2) .sd-channel-number{color:#ffffff0f}.marketing-channel-card:nth-child(2)>.sd-card-link{border-color:#ffffff1a}
.marketing-platforms{grid-template-columns:repeat(5,minmax(0,1fr))}.marketing-platforms .sd-card{padding:28px 22px}.marketing-platforms h3{font-size:var(--type-body)}
@media(max-width:1023px){.marketing-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-channel-card{padding:32px}}
@media(max-width:639px){.marketing-platforms{grid-template-columns:1fr}.marketing-channel-card{padding:28px}.marketing-stats>div{padding:14px 10px}.marketing-stats span{letter-spacing:0}.marketing-days{gap:5px}.marketing-channel-list{padding-inline:20px}}
[aria-labelledby="marketing-tracking-title"] .sd-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:24px;background:#f285191a;border-color:#f2851940}[aria-labelledby="marketing-tracking-title"] .sd-card:nth-child(-n+2){background:var(--navy);border-color:var(--navy);color:var(--paper)}[aria-labelledby="marketing-tracking-title"] .sd-card h3{font-size:var(--type-body);line-height:1.35;margin:0 0 12px}[aria-labelledby="marketing-tracking-title"] .sd-card p{color:var(--muted)}[aria-labelledby="marketing-tracking-title"] .sd-card:nth-child(-n+2) p{color:#b0b9c2}
@media(max-width:639px){[aria-labelledby="marketing-tracking-title"] .sd-card{grid-template-columns:1fr;gap:0}}
/* Align cards and the example with the shared service components. */
.marketing-example .sd-dashboard{max-width:none;border-radius:32px}
.marketing-channel-card,.marketing-platforms .sd-card{border-radius:32px;padding:32px}
.marketing-channel-card:nth-child(2){background:var(--navy)}
.marketing-card-head{margin-bottom:24px}.marketing-card-head .sd-channel-number{display:none}
.marketing-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.marketing-platforms .sd-card:last-child{grid-column:auto}
[aria-labelledby="marketing-tracking-title"] .sd-card{border-radius:32px;background:var(--paper);border-color:var(--line)}
[aria-labelledby="marketing-tracking-title"] .sd-card:nth-child(-n+2){background:var(--navy);border-color:var(--navy);color:var(--paper)}
@media(max-width:1100px){.marketing-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-channel-card,.marketing-platforms .sd-card{padding:28px}}
@media(max-width:600px){.marketing-platforms{grid-template-columns:minmax(0,1fr)}.marketing-channel-card,.marketing-platforms .sd-card{padding:28px 24px}}