.msc-entity-card--showcase.msc-compact-card--grid{padding:0;overflow:hidden;border-radius:var(--msc-radius-lg,24px);gap:0;background:#fff}
.msc-entity-card--showcase.msc-compact-card--grid .msc-compact-card__media{display:grid;width:100%;height:9rem;place-items:center;background:color-mix(in srgb,var(--msc-blue,#0099ff) 8%,#fff)}
.msc-entity-card--showcase .msc-compact-card__placeholder{width:3.5rem;height:4.5rem;color:var(--msc-blue,#0099ff)}
.msc-entity-card--showcase.msc-compact-card--grid .msc-compact-card__body{width:100%;padding:1.75rem 1.75rem 1rem;gap:.85rem}
.msc-entity-card--showcase .msc-compact-card__body h3{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.15}
.msc-entity-card--showcase .msc-compact-card__body h3 a{color:var(--msc-blue,#0099ff)}
.msc-entity-card--showcase .msc-compact-card__body p{display:block;overflow:visible;margin:0;color:var(--msc-text,#232c39);font-size:1rem;line-height:1.65;-webkit-line-clamp:unset}
.msc-entity-card--showcase.msc-compact-card--grid .msc-compact-card__footer{padding:0 1.75rem 1.75rem;gap:1.25rem}
.msc-entity-card--showcase .msc-compact-card__pills li{background:color-mix(in srgb,var(--msc-blue,#0099ff) 8%,#fff);color:var(--msc-blue,#0099ff);text-transform:none;letter-spacing:0;font-weight:700}
.msc-entity-card--showcase.msc-compact-card--grid .msc-compact-card__action{align-self:flex-start;margin:0;background:var(--msc-blue,#0099ff);color:#fff!important;text-transform:none;border-radius:999px;font-size:.9rem}
.msc-entity-card--showcase .msc-compact-card__details{font-size:.9rem;color:var(--msc-blue,#0099ff)}
.msc-entity-card--showcase .msc-compact-card__action:is(:hover,:focus-visible){color:#fff!important}

/* The installed Foundation renderer uses the canonical download-card component. */
.msc-entity-card--showcase.msc-download-card--grid{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:26rem;height:100%;padding:0!important;overflow:hidden;border-radius:var(--msc-radius-lg,24px);background:#fff}
.msc-entity-card--showcase.msc-download-card--grid .msc-download-card-main{display:contents}
.msc-entity-card--showcase.msc-download-card--grid .msc-download-card__preview{order:1;display:grid!important;place-items:center;object-fit:cover!important;object-position:center;flex:0 0 13rem;width:100%;height:13rem!important;max-height:13rem;margin:0;background:color-mix(in srgb,var(--msc-blue,#0099ff) 8%,#fff)}

.msc-entity-card--showcase.msc-download-card--grid .msc-download-card-main>h3{order:2;min-height:0;max-height:none;margin:0;padding:1.75rem 1.75rem 0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.15}
.msc-entity-card--showcase .msc-download-card-main>h3 a{color:var(--msc-blue,#0099ff)}
.msc-entity-card--showcase.msc-download-card--grid .msc-download-card__description{order:3;display:block;overflow:visible;max-height:none;margin:.85rem 1.75rem 1.25rem;color:var(--msc-text,#232c39);font-size:1rem;line-height:1.65;-webkit-line-clamp:unset}
.msc-entity-card--showcase.msc-download-card--grid .msc-category-pills{order:4;margin:auto 1.75rem 1.25rem!important;align-self:stretch}
.msc-entity-card--showcase.msc-download-card .msc-category-pills>span{background:color-mix(in srgb,var(--msc-blue,#0099ff) 8%,#fff);color:var(--msc-blue,#0099ff);text-transform:none;letter-spacing:0}
.msc-entity-card--showcase.msc-download-card--grid .msc-download-card__actions{order:5;justify-content:flex-start;padding:0 1.75rem 1.75rem}
.msc-entity-card--showcase .msc-download-card__action{border-radius:999px;background:var(--msc-blue,#0099ff);color:#fff!important;text-transform:none}
.msc-entity-card--showcase .msc-download-card__action:is(:hover,:focus-visible){color:#fff!important}

/* Icon-led feature cards. Shared by public journeys and the central Card Library. */
.msc-feature-card{position:relative;display:flex;width:100%;height:100%;min-height:24rem;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 2rem 4.5rem;border:0;border-radius:var(--msc-radius-lg,28px);background:var(--msc-surface,#fff);color:var(--msc-text,#232c39);font:inherit;line-height:1.4;text-align:left;white-space:normal;box-shadow:0 8px 24px rgba(35,44,57,.05);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
.msc-feature-card:is(:hover,:focus,:active){background:var(--msc-surface,#fff)!important;color:var(--msc-text,#232c39)!important;box-shadow:0 16px 36px rgba(35,44,57,.12);transform:translateY(-4px)}
.msc-feature-card:focus-visible{outline:3px solid var(--msc-blue,#0099ff);outline-offset:4px}
.msc-feature-card__icon .msc-icon{width:2.75rem!important;height:2.75rem!important;color:var(--msc-blue,#0099ff)}
.msc-feature-card__label{color:var(--msc-blue,#0099ff);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.msc-feature-card .msc-feature-card__headline{margin:0;color:var(--msc-text,#232c39);font-size:clamp(1.65rem,2.6vw,2.3rem);font-weight:800;line-height:1.1;letter-spacing:-.025em}
.msc-feature-card__summary{font-size:1rem;line-height:1.6;color:var(--msc-text,#232c39)}
.msc-feature-card__more{position:absolute;right:1.5rem;bottom:1.5rem;display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--msc-canvas,#f4f7fa);color:var(--msc-text,#232c39)}
.msc-feature-card__more .msc-icon{width:1.4rem!important;height:1.4rem!important}
.msc-feature-modal[hidden]{display:none!important}.msc-feature-modal{position:fixed;z-index:100100;inset:0;display:grid;place-items:center;padding:18px}.msc-feature-modal>.msc-modal__backdrop{position:absolute;inset:0}.msc-feature-modal>.msc-modal__dialog{width:min(980px,100%)}
.msc-feature-modal .msc-modal__header{padding:1.5rem 3.5rem 1.5rem 1.5rem}.msc-feature-modal .msc-modal__header h2{margin:0;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.15;color:var(--msc-text,#232c39)}
.msc-feature-modal .msc-modal__body{padding:clamp(1.25rem,3vw,2rem);font-size:1rem;line-height:1.65;color:var(--msc-text,#232c39)}
.msc-feature-modal .msc-modal__body p{margin:0 0 1rem}.msc-feature-modal-open{overflow:hidden}
.msc-entity-card--showcase :is(.msc-download-card__action,.msc-compact-card__action):is(:hover,:focus-visible,:active){background:var(--msc-blue,#0099ff)!important;color:#fff!important}
@media(max-width:767px){.msc-feature-card{min-height:21rem;padding:1.75rem 1.75rem 4.5rem}.msc-feature-modal{padding:8px}}
@media(prefers-reduced-motion:reduce){.msc-feature-card{transition:none}.msc-feature-card:is(:hover,:focus-visible){transform:none}}
