.nav_tiles {
    --nav-tile-gap: clamp(1.15rem, 1.8vw, 1.55rem);
    --nav-tile-radius: var(--mr-card-border-radius);
    --nav-tile-desktop-column-width: calc((100% - (2 * var(--nav-tile-gap))) / 3);
    --nav-tile-bg: var(--mr-card-background);
    --nav-tile-border: color-mix(in srgb, var(--mr-color-text) 12%, transparent);
    --nav-tile-shadow: none;
    --nav-tile-shadow-hover: none;
    --nav-tile-text: var(--mr-color-text);
    --nav-tile-title: var(--mr-color-text);
    --nav-tile-image-radius: 0;
    --nav-tile-cta: var(--mr-color-primary);
}

.nav_tiles .mr-nav-tiles {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--nav-tile-gap);
}

.nav_tiles .mr-nav-tiles.mr-nav-tiles--count-1 {
    grid-template-columns: minmax(0, var(--nav-tile-desktop-column-width));
    justify-content: start;
}

.nav_tiles .mr-nav-tiles.mr-nav-tiles--count-2 {
    grid-template-columns: repeat(2, minmax(0, var(--nav-tile-desktop-column-width)));
    /* justify-content: center; */
}

.nav_tiles .mr-nav-tiles.mr-nav-tiles--count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nav_tiles .mr-nav-tiles li {

}

@media (max-width: 1200px) {
    .nav_tiles .mr-nav-tiles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nav_tiles .mr-nav-tiles.mr-nav-tiles--count-1 {
        grid-template-columns: minmax(0, min(100%, 34rem));
    }

    .nav_tiles .mr-nav-tiles.mr-nav-tiles--count-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {

    .nav_tiles .mr-nav-tiles,
    .nav_tiles .mr-nav-tiles.mr-nav-tiles--count-2,
    .nav_tiles .mr-nav-tiles.mr-nav-tiles--count-3 {
        grid-template-columns: 1fr;
    }
}

/* Compact / stacked navigation is sized for secondary locations such as the
   footer: quiet type, tight rows, and no card treatment unless media needs it. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles .mr-nav-tiles {
    gap: 0.65rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles .pagename {
    font-family: var(--mr-font-main);
    font-size: 0.95rem;
    line-height: 1.3;
    letter-spacing: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles .pagedescription,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles .navtile-products-cta {
    font-size: 0.875rem;
    line-height: 1.45;
}

/* Title only: a plain, footer-scale list. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles {
    display: block;
    list-style: none;
    padding-inline-start: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) {
    display: list-item;
    list-style: none;
    width: auto;
    margin: 0.25rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    display: inline;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .nav-item-details {
    display: inline;
    padding: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .pagename {
    font-weight: 400;
}

/* Image rows remain horizontal at narrow widths and vertically centre title-only copy. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .mr-nav-tiles > li:not(.tile_spacer) > a {
    flex-direction: row;
    align-items: stretch;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile_image {
    width: 6rem;
    min-height: 4.5rem;
    flex: 0 0 6rem;
    aspect-ratio: 4 / 3;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-no-desc.mr-tiles-no-cta .nav-item-details {
    justify-content: center;
}

/* Image icons sit directly over the media corner, without a badge or circle. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon {
    top: 0.45rem;
    left: 0.45rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon .nav-tile-icon {
    width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 55%);
    backdrop-filter: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon .nav-tile-icon__svg {
    width: 1.1rem;
    height: 1.1rem;
}

/* Image CTA rows reserve the right edge for a chevron-only action. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-cta .nav-item-details {
    position: relative;
    padding-right: 2.65rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-cta .navtile-products-cta {
    position: absolute;
    top: 50%;
    right: 0.85rem;
    width: 1rem;
    height: 1rem;
    margin: 0;
    transform: translateY(-50%);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-cta .navtile-products-cta > span:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* Icon-led rows are unboxed. The icon stays aligned with the title while copy
   and an optional text CTA flow naturally beneath it. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .mr-nav-tiles > li:not(.tile_spacer),
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .mr-nav-tiles > li:not(.tile_spacer) > a {
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .mr-nav-tiles > li:not(.tile_spacer) > a {
    flex-direction: row;
    align-items: flex-start;
    padding: 0.35rem 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-item-details {
    display: grid;
    grid-template-columns: 2.15rem minmax(0, 1fr);
    gap: 0.2rem 0.7rem;
    width: 100%;
    padding: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-item-title-row {
    display: contents;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-item-title-icon {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-tile-icon {
    width: 2.15rem;
    height: 2.15rem;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: var(--mr-color-primary);
    color: var(--mr-color-primary-contrast);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-tile-icon__svg {
    width: 1rem;
    height: 1rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .pagename {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    font-weight: 700;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .pagedescription,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .navtile-products-cta {
    grid-column: 2;
    margin: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .pagedescription {
    grid-row: 2;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .navtile-products-cta {
    grid-row: 3;
    justify-self: start;
    margin-top: 0.2rem;
    font-weight: 700;
}


.nav_tiles .mr-nav-tiles li.tile_spacer,
.nav_tiles .mr-nav-tiles li.active.current-item {
    display: none;
}

.nav_tiles .mr-nav-tiles li a {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
    padding: 0;
    position: relative;
}

.nav_tiles .tile_image {
    width: 100%;
    aspect-ratio: 16 / 8;
    overflow: hidden;
    background: var(--mr-surface-muted);
    border-radius: var(--nav-tile-image-radius);
    border: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.nav_tiles .nav-tile-image-icon {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
    pointer-events: none;
}

.nav_tiles .tile_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: none;
    transition: none;
}

.nav_tiles .nav-item-details {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-height: 0;
    padding: 1.25rem 1.35rem 1.3rem;
    flex: 1 1 auto;
}

.nav_tiles .nav-item-title-row {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.nav_tiles .pagename {
    font-family: var(--mr-font-main);
    font-size: clamp(1.18rem, 1rem + 0.22vw, 1.34rem);
    line-height: 1.2;
    color: var(--nav-tile-title);
    margin: 0;
    letter-spacing: -0.02em;
    font-weight: 800;
}

.nav_tiles .pagedescription {
    font-size: clamp(0.98rem, 0.94rem + 0.08vw, 1.02rem);
    line-height: 1.55;
    color: var(--nav-tile-text);
    margin-bottom: auto;
}

.nav_tiles .tile-no-image .pagedescription {
    margin-bottom: 0
}

.tile-no-image .nav-item-details {
    justify-content: center;
}

.nav_tiles .nav-item-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.nav_tiles .navtile-products-cta,
.nav_tiles .nav-item-details::after {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--nav-tile-cta);
}

.nav_tiles .nav-item-details::after {
    /* content: 'Learn more'; */
}

.nav_tiles .navtile-products-cta__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.nav_tiles .navtile-products-cta__icon--arrow,
.nav_tiles .navtile-title-cta-icon {
    display: none;
}

.nav_tiles .nav-tile-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* width: 4.5rem; */
    /* height: 3.4rem; */
    border-radius: var(--mr-radius-pill);
    background: transparent;
    color: #ffffffd1;
    box-shadow: none;
    border: 1px solid color-mix(in srgb, var(--mr-color-text) 14%, transparent);
    /* margin-bottom: 1rem; */
    flex: 0 0 auto;
}

.nav_tiles .nav-tile-image-icon .nav-tile-icon,
.nav_tiles .nav-item-title-icon .nav-tile-icon {
    margin-bottom: 0;
}

.nav_tiles .nav-item-title-icon .nav-tile-icon {

    color: var(--mr-color-secondary)
}

.nav_tiles .nav-tile-image-icon .nav-tile-icon {
    background: #0000005c;
    backdrop-filter: blur(2px);
}

.nav_tiles .tile-has-image .nav-item-title-row {
    display: block;
}

.nav_tiles .nav-tile-icon__svg {
    width: 2rem;
    height: 2rem;
}

.nav_tiles .mr-nav-tiles li:hover {
    transform: none;
    box-shadow: var(--nav-tile-shadow-hover);
}

.nav_tiles .mr-nav-tiles li:hover .tile_image img {
    transform: none;
}

.nav_tiles .mr-nav-tiles li:hover .navtile-products-cta span {
    transform: none;
    transition: none;
}

.nav_tiles.nav_tiles--list .mr-nav-tiles {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.nav_tiles.nav_tiles--list .mr-nav-tiles li a {
    flex-direction: row;
    align-items: center;
    gap: 0 1rem;
}

.nav_tiles.nav_tiles--list .tile_image {
    width: 140px;
    height: 110px;
    flex: 0 0 140px;
    aspect-ratio: 1 / 1;
    margin-bottom: 0;
    border-radius: 1.2rem;
}

.nav_tiles.nav_31 h3.nav_header {
    font-size: clamp(1.6rem, 3.4vw, 2.7rem);
    margin-bottom: 1.4rem;
    border-bottom: 1px solid color-mix(in srgb, var(--mr-color-text) 14%, transparent);
    padding-bottom: 0.45rem;
    color: var(--mr-color-text);
}

/* Photo + icon + description + CTA: an editorial card with the image leading. */
.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .nav_tiles {
    --nav-tile-gap: clamp(1.15rem, 2.2vw, 1.75rem);
    --nav-tile-image-radius: 0;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li.tile-media-slot {
    overflow: hidden;
    background: color-mix(in srgb, var(--mr-card-background) 96%, var(--mr-color-primary));
    border: 1px solid color-mix(in srgb, var(--mr-color-primary) 18%, transparent);
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
    box-shadow: 0 0.45rem 1.5rem rgb(21 55 39 / 7%);
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
                border-color 240ms ease,
                box-shadow 240ms ease;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li.tile-media-slot > a {
    align-items: stretch;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: inherit;
    box-shadow: none;
    text-align: left;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li.tile-media-slot > a:hover,
.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li.tile-media-slot > a:focus {
    border: 0;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .tile_image {
    aspect-ratio: 16 / 9;
    position: relative;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-image-placeholder .tile_image {
    background:
        linear-gradient(164deg,
            transparent 0 54%,
            color-mix(in srgb, var(--mr-color-primary) 13%, transparent) 54% 72%,
            color-mix(in srgb, var(--mr-color-secondary) 10%, transparent) 72% 100%),
        color-mix(in srgb, var(--mr-color-primary) 7%, var(--mr-card-background));
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .tile_image::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    height: 35%;
    background: linear-gradient(to bottom, transparent, rgb(8 37 25 / 28%));
    pointer-events: none;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .tile_image img {
    transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.nav-tile-image-icon {
    top: 1rem;
    left: 1rem;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc .nav-tile-image-icon .nav-tile-icon {
    width: 3.25rem;
    height: 3.25rem;
    padding: 0;
    border: 1px solid rgb(255 255 255 / 45%);
    border-radius: 50%;
    background: color-mix(in srgb, var(--mr-color-primary) 90%, transparent);
    color: #fffdf8;
    box-shadow: 0 0.45rem 1.15rem rgb(7 35 23 / 25%);
    backdrop-filter: blur(6px);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc .tile-media-slot .nav-tile-icon {
    margin: 0;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc .tile-media-slot .nav-tile-icon__svg {
    width: 1.25rem;
    height: 1.25rem;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .nav-item-details {
    align-items: flex-start;
    gap: 0.65rem;
    padding: clamp(1.25rem, 1rem + 0.7vw, 1.65rem);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .pagename {
    font-size: clamp(1.2rem, 1.05rem + 0.35vw, 1.45rem);
    line-height: 1.15;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .pagedescription {
    max-width: 38ch;
    line-height: 1.55;
    color: color-mix(in srgb, var(--nav-tile-text) 86%, transparent);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .navtile-products-cta {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.35rem;
    padding-top: 0.85rem;
    border-top: 1px solid color-mix(in srgb, var(--mr-color-primary) 14%, transparent);
    width: 100%;
    font-size: 0.94rem;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .navtile-products-cta__icon {
    margin-left: auto;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li.tile-media-slot:hover {
    transform: translateY(-0.25rem);
    border-color: color-mix(in srgb, var(--mr-color-primary) 34%, transparent);
    box-shadow: 0 1rem 2.4rem rgb(21 55 39 / 13%);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li.tile-media-slot:hover .tile_image img {
    transform: scale(1.035);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li.tile-media-slot:hover .navtile-products-cta__icon {
    transform: translateX(0.25rem);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li.tile-media-slot > a:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--mr-color-primary) 68%, white);
    outline-offset: -3px;
}

@media (prefers-reduced-motion: reduce) {
    .builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li.tile-media-slot,
    .builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .tile_image img,
    .builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .navtile-products-cta__icon {
        transition: none;
    }
}

/* Compact / tiled title variants collapse the card grid into a wrapping row
   of intrinsic-width pills. Long labels can still shrink and wrap safely. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .mr-nav-tiles {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.55rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .mr-nav-tiles > li:not(.tile_spacer) {
    flex: 0 1 auto;
    width: auto;
    max-width: 100%;
    border: 0;
    border-radius: var(--mr-radius-pill);
    background: transparent;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .mr-nav-tiles > li:not(.tile_spacer) > a {
    display: flex;
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 2.75rem;
    align-items: stretch;
    padding: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--mr-color-primary) 20%, transparent);
    border-radius: var(--mr-radius-pill);
    background: color-mix(in srgb, var(--mr-color-primary) 6%, var(--mr-card-background));
    box-shadow: none;
    color: var(--mr-color-text);
    text-align: left;
    transition: background-color 180ms ease,
                border-color 180ms ease;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    border-color: color-mix(in srgb, var(--mr-color-primary) 38%, transparent);
    background: color-mix(in srgb, var(--mr-color-primary) 11%, var(--mr-card-background));
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .mr-nav-tiles > li:not(.tile_spacer) > a:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--mr-color-primary) 45%, transparent);
    outline-offset: 2px;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .nav-item-details {
    width: auto;
    min-width: 0;
    padding: 0.62rem 0.95rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .nav-item-title-row,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .pagename {
    min-width: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .pagename {
    overflow-wrap: anywhere;
    font-size: 0.78rem;
    line-height: 1.25;
    font-weight: 700;
    text-align: left;
}

/* Title + CTA uses the same pill, with a dedicated arrow column that cannot
   collide with a long or wrapped title. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-details {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 0.9rem;
    gap: 0.65rem;
    align-items: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-title-row {
    grid-column: 1;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta {
    display: inline-flex;
    grid-column: 2;
    align-items: center;
    justify-content: center;
    width: 0.9rem;
    height: 0.9rem;
    margin: 0;
    padding: 0;
    color: var(--mr-color-primary);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta > span:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta__icon--chevron {
    display: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta__icon--arrow {
    display: inline-flex;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) .navtile-products-cta__icon--arrow {
    transform: translateX(0.16rem);
}

@media (prefers-reduced-motion: reduce) {
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
        .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .mr-nav-tiles > li:not(.tile_spacer) > a,
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
        .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta__icon--arrow {
        transition: none;
    }
}

/* Compact / tiled uses the Compact / Stacked component treatments inside a
   responsive grid. Tiled changes the outer flow, not the item design. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles:not(.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc) .mr-nav-tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: 0.85rem;
    align-items: start;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles:not(.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc) .mr-nav-tiles > li:not(.tile_spacer) {
    width: auto;
    min-width: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles:not(.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc) :is(.pagename, .pagedescription, .navtile-products-cta) {
    font-size: 0.9rem;
    line-height: 1.4;
    text-align: left;
    text-transform: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles:not(.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc) .pagename {
    font-weight: 700;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles:not(.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc) .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) .pagename {
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: 0.15em;
}

/* Image variants retain the compact horizontal media row from Stacked. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image .mr-nav-tiles > li.tile-media-slot,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image .mr-nav-tiles > li.tile-media-slot:hover {
    transform: none;
    box-shadow: none;
    transition: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image .mr-nav-tiles > li.tile-media-slot > a {
    flex-direction: row;
    align-items: stretch;
    min-height: 4.5rem;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image .tile-media-slot .tile_image {
    width: 6rem;
    height: auto;
    min-height: 4.5rem;
    flex: 0 0 6rem;
    aspect-ratio: 4 / 3;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image .tile-media-slot .tile_image::after {
    content: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image .tile-media-slot .tile_image img,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image .tile-media-slot:hover .tile_image img {
    transform: none;
    transition: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image .tile-media-slot .nav-item-details {
    align-items: stretch;
    justify-content: center;
    gap: 0.1rem;
    min-width: 0;
    padding: 0.5rem 0.7rem;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-desc .pagename {
    font-size: 1rem;
    line-height: 1.3;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image .tile-media-slot .pagedescription {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* Image icons sit on the title line as small glyphs, matching Stacked. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon {
    position: static;
    align-self: auto;
    font-size: 0.9rem;
    line-height: 1.4;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon .nav-tile-icon {
    display: inline-flex;
    width: 1em;
    height: 1em;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--mr-color-primary);
    box-shadow: none;
    backdrop-filter: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon .nav-tile-icon__svg {
    width: 0.85em;
    height: 0.85em;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-item-title-row {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    width: 100%;
}

/* Image CTA rows keep the Stacked chevron rail and hide the repeated label. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-cta .tile-media-slot .nav-item-details {
    position: relative;
    padding-right: 2.4rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-cta .tile-media-slot .navtile-products-cta {
    position: absolute;
    top: 50%;
    right: 0.7rem;
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    color: var(--mr-color-primary);
    transform: translateY(-50%);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-cta .tile-media-slot .navtile-products-cta > span:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-cta .navtile-products-cta__icon--chevron {
    display: inline-flex;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-cta .navtile-products-cta__icon--arrow {
    display: none;
}

/* Text + description + CTA remains an unboxed compact text group. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer),
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    min-height: 0;
    padding: 0.2rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    transform: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .nav-item-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    width: auto;
    padding: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .nav-item-title-row {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    width: auto;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .navtile-title-cta-icon {
    display: inline-flex;
    width: 0.78em;
    height: 0.78em;
    flex: 0 0 auto;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .navtile-title-cta-icon .icon {
    width: 100%;
    height: 100%;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta {
    display: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .pagedescription {
    width: auto;
    max-width: none;
    margin: 0;
}

/* Icon-led items use the same unboxed grid as Compact / Stacked. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .mr-nav-tiles > li:not(.tile_spacer),
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .mr-nav-tiles > li:not(.tile_spacer) > a,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    min-height: 0;
    padding: 0.2rem 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    transform: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-item-details {
    display: grid;
    grid-template-columns: 2.15rem minmax(0, 1fr);
    gap: 0.1rem 0.55rem;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 0;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-item-title-row {
    display: contents;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-item-title-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-tile-icon {
    width: 2.15rem;
    height: 2.15rem;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: var(--mr-color-primary);
    color: var(--mr-color-primary-contrast);
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-tile-icon__svg {
    width: 1rem;
    height: 1rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .pagename {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    min-width: 0;
    margin: 0;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .pagedescription {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    width: auto;
    max-width: none;
    margin: 0;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc .nav-item-title-icon,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc .pagename {
    grid-row: 1;
    align-self: center;
}

/* Icon + title + CTA attaches the external-link glyph to the title. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-details {
    grid-template-columns: 1.8rem minmax(0, max-content) auto minmax(0, 1fr);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-tile-icon {
    width: 1.8rem;
    height: 1.8rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .pagename {
    grid-column: 2;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-title-cta-icon {
    display: inline-flex;
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    width: 0.78em;
    height: 0.78em;
    margin-left: -0.25rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-title-cta-icon .icon {
    width: 100%;
    height: 100%;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta {
    display: none;
}

/* Icon + title + description + CTA keeps the Stacked text action. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .nav-item-title-icon {
    grid-row: 1 / span 3;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-title-cta-icon,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta__icon--chevron {
    display: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta {
    display: inline-flex;
    grid-column: 2;
    grid-row: 3;
    justify-self: start;
    width: fit-content;
    margin: 0.15rem 0 0;
    padding: 0;
    color: inherit;
    font-weight: 400;
    text-align: left;
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: 0.15em;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta__icon--arrow {
    display: inline-flex;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) .navtile-products-cta__icon--arrow {
    transform: translateX(0.22rem);
}

@media (prefers-reduced-motion: reduce) {
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta__icon--arrow {
        transition: none;
    }
}

/* Icon + description + CTA, with images disabled. */
.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(1rem, 1.8vw, 1.5rem);
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles > li:not(.tile_spacer) {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles > li:not(.tile_spacer) > a {
    align-items: center;
    padding: clamp(1.3rem, 1rem + 0.7vw, 1.7rem) clamp(1rem, 0.8rem + 0.6vw, 1.4rem);
    overflow: hidden;
    background: color-mix(in srgb, var(--mr-card-background) 97%, var(--mr-color-primary));
    border: 1px solid color-mix(in srgb, var(--mr-color-primary) 16%, transparent);
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
    box-shadow: 0 0.45rem 1.5rem rgb(21 55 39 / 6%);
    text-align: center;
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
                border-color 240ms ease,
                box-shadow 240ms ease;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .nav-item-details {
    align-items: center;
    width: 100%;
    gap: 0.9rem;
    padding: 0;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .nav-item-title-row {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .nav-tile-icon {
    width: 4.35rem;
    height: 4.35rem;
    margin: 0;
    border: 1px solid color-mix(in srgb, white 24%, transparent);
    border-radius: 50%;
    background: var(--mr-color-primary);
    color: #fffdf8;
    box-shadow: 0 0.45rem 1rem rgb(7 35 23 / 14%);
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .nav-tile-icon__svg {
    width: 2rem;
    height: 2rem;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .pagename {
    font-size: clamp(1rem, 0.94rem + 0.16vw, 1.12rem);
    line-height: 1.2;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .pagedescription {
    max-width: 29ch;
    margin-inline: auto;
    font-size: 0.98rem;
    line-height: 1.55;
    color: color-mix(in srgb, var(--nav-tile-text) 86%, transparent);
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .navtile-products-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    width: auto;
    margin-top: auto;
    padding-top: 0.65rem;
    font-size: 0.94rem;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .tile-icon-missing .nav-item-title-row {
    margin-top: auto;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .tile-icon-missing .pagedescription {
    margin-bottom: 0;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .tile-icon-missing .navtile-products-cta {
    margin-top: auto;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles > li:not(.tile_spacer) > a:hover,
.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles > li:not(.tile_spacer) > a:focus {
    transform: translateY(-0.25rem);
    border-color: color-mix(in srgb, var(--mr-color-primary) 32%, transparent);
    box-shadow: 0 1rem 2.2rem rgb(21 55 39 / 12%);
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles > li:not(.tile_spacer) > a:hover .navtile-products-cta__icon {
    transform: translateX(0.22rem);
}

@media (max-width: 1000px) {
    .builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles > li:not(.tile_spacer) > a,
    .builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .navtile-products-cta__icon {
        transition: none;
    }
}

/* Title + description + CTA: the editorial card's content panel without media. */
.builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .nav_tiles {
    --nav-tile-gap: clamp(1.15rem, 2.2vw, 1.75rem);
}

.builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .mr-nav-tiles > li:not(.tile_spacer) {
    overflow: hidden;
    background: color-mix(in srgb, var(--mr-card-background) 96%, var(--mr-color-primary));
    border: 1px solid color-mix(in srgb, var(--mr-color-primary) 18%, transparent);
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
    box-shadow: 0 0.45rem 1.5rem rgb(21 55 39 / 7%);
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
                border-color 240ms ease,
                box-shadow 240ms ease;
}

.builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .mr-nav-tiles > li:not(.tile_spacer) > a {
    align-items: stretch;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: inherit;
    box-shadow: none;
    text-align: left;
}

/* Full / tiled title + description + CTA should size to its content rather
   than inheriting the theme's generic 238px Navtile minimum. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled).mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon)
    .mr-nav-tiles > li:not(.tile_spacer) > a {
    min-height: 0;
}

.builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .nav-item-details {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.65rem;
    width: 100%;
    padding: clamp(1.25rem, 1rem + 0.7vw, 1.65rem);
}

.builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .pagename {
    font-size: clamp(1.2rem, 1.05rem + 0.35vw, 1.45rem);
    line-height: 1.15;
}

.builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .pagedescription {
    max-width: 38ch;
    margin-bottom: 0;
    line-height: 1.55;
    color: color-mix(in srgb, var(--nav-tile-text) 86%, transparent);
}

.builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .navtile-products-cta {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    margin-top: auto;
    padding-top: 0.85rem;
    border-top: 1px solid color-mix(in srgb, var(--mr-color-primary) 14%, transparent);
    font-size: 0.94rem;
}

.builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .navtile-products-cta__icon {
    margin-left: auto;
}

.builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .mr-nav-tiles > li:not(.tile_spacer):hover {
    transform: translateY(-0.12rem);
    border-color: color-mix(in srgb, var(--mr-color-primary) 34%, transparent);
    box-shadow: 0 0.8rem 1.8rem rgb(21 55 39 / 12%);
}

.builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .mr-nav-tiles > li:not(.tile_spacer) > a:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--mr-color-primary) 45%, transparent);
    outline-offset: -3px;
}

@media (prefers-reduced-motion: reduce) {
    .builder-block[data-type="Navtiles"].mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image):not(.mr-tiles-icon) .mr-nav-tiles > li:not(.tile_spacer) {
        transition: none;
    }
}

/* Picture requested but unavailable, without an icon to occupy the media slot. */
.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-desc:not(.mr-tiles-icon) .tile-no-image > a,
.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-desc:not(.mr-tiles-icon) .tile-no-image .nav-item-details {
    align-items: flex-start;
    text-align: left;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-desc:not(.mr-tiles-icon) .tile-no-image .pagedescription {
    margin-inline: 0;
    text-align: left;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-icon) .tile-no-image .navtile-products-cta {
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

/* Icon-only Navtiles variant: enabled only when icons are on and image/description are off. */
.builder-block[data-type="Navtiles"].mr-tiles-icon:not(.mr-tiles-image):not(.mr-tiles-desc),
.builder-block[data-type="Navtiles"].ws-tiles-icon:not(.ws-tiles-image):not(.ws-tiles-desc) {
    --nav-tile-gap: clamp(1rem, 1.8vw, 1.4rem);
}

.builder-block[data-type="Navtiles"].mr-tiles-icon:not(.mr-tiles-image):not(.mr-tiles-desc) .mr-nav-tiles li,
.builder-block[data-type="Navtiles"].ws-tiles-icon:not(.ws-tiles-image):not(.ws-tiles-desc) .mr-nav-tiles li {
    background: transparent;
    /* border: 1px solid #dadbda; */
    box-shadow: none;
    border-radius: .5rem;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon:not(.mr-tiles-image):not(.mr-tiles-desc) .mr-nav-tiles li a,
.builder-block[data-type="Navtiles"].ws-tiles-icon:not(.ws-tiles-image):not(.ws-tiles-desc) .mr-nav-tiles li a {
    min-height: 100%;
    padding: 1rem;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon:not(.mr-tiles-image):not(.mr-tiles-desc) .nav-tile-icon,
.builder-block[data-type="Navtiles"].ws-tiles-icon:not(.ws-tiles-image):not(.ws-tiles-desc) .nav-tile-icon {
    width: 4.25rem;
    height: 3.25rem;
    margin: 0;
    border: 0;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.14);
    color: var(--mr-color-primary);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.builder-block[data-type="Navtiles"].mr-tiles-icon:not(.mr-tiles-image):not(.mr-tiles-desc) .nav-tile-icon__svg,
.builder-block[data-type="Navtiles"].ws-tiles-icon:not(.ws-tiles-image):not(.ws-tiles-desc) .nav-tile-icon__svg {
    width: 3.45rem;
    height: 3.45rem;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon:not(.mr-tiles-image):not(.mr-tiles-desc) .nav-item-details,
.builder-block[data-type="Navtiles"].ws-tiles-icon:not(.ws-tiles-image):not(.ws-tiles-desc) .nav-item-details {
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    flex: 0 0 auto;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon:not(.mr-tiles-image):not(.mr-tiles-desc) .nav-item-title-row,
.builder-block[data-type="Navtiles"].ws-tiles-icon:not(.ws-tiles-image):not(.ws-tiles-desc) .nav-item-title-row {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon:not(.mr-tiles-image):not(.mr-tiles-desc) .pagename,
.builder-block[data-type="Navtiles"].ws-tiles-icon:not(.ws-tiles-image):not(.ws-tiles-desc) .pagename {
    color: var(--mr-color-primary);
    font-weight: 600;
    font-size: clamp(1.15rem, 1rem + 0.38vw, 1.5rem);
    font-size: 1.02rem;
    line-height: 1.18;
    margin: 0;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon:not(.mr-tiles-image):not(.mr-tiles-desc) .mr-nav-tiles li:hover,
.builder-block[data-type="Navtiles"].ws-tiles-icon:not(.ws-tiles-image):not(.ws-tiles-desc) .mr-nav-tiles li:hover {
    box-shadow: 0 4px 12px rgb(10 32 58 / 11%);
}

/* Each content combination has its own hierarchy, so audit fixtures make configuration changes obvious. */
.builder-block[data-type="Navtiles"].mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc .mr-nav-tiles > li:not(.tile_spacer) > a {
    min-height: 5.5rem;
    align-items: center;
    justify-content: center;
    padding: 1.15rem 1.3rem;
    background: color-mix(in srgb, var(--mr-card-background) 94%, var(--mr-color-primary));
    border-left: 0.25rem solid var(--mr-color-primary);
    text-align: left;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc .mr-nav-tiles > li.tile-media-slot {
    overflow: hidden;
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc .tile-media-slot .tile_image {
    aspect-ratio: 4 / 3;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc .tile-media-slot .nav-item-details {
    padding: 1rem 1.1rem 1.15rem;
    background: var(--mr-card-background);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-desc:not(.mr-tiles-icon):not(.mr-tiles-cta) .mr-nav-tiles > li.tile-media-slot {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--mr-color-primary) 16%, transparent);
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
    background: var(--mr-card-background);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-desc:not(.mr-tiles-icon):not(.mr-tiles-cta) .tile-media-slot .nav-item-details {
    gap: 0.55rem;
    padding: 1.2rem 1.3rem 1.35rem;
    width: 100%;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc:not(.mr-tiles-cta) .mr-nav-tiles > li.tile-media-slot {
    overflow: hidden;
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
    background: color-mix(in srgb, var(--mr-card-background) 96%, var(--mr-color-primary));
    border: 1px solid color-mix(in srgb, var(--mr-color-primary) 18%, transparent);
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc:not(.mr-tiles-cta) .tile-media-slot .nav-tile-image-icon .nav-tile-icon {
    /* width: 2.8rem; */
    /* height: 2.8rem; */
    border-radius: 50%;
    background: color-mix(in srgb, var(--mr-color-primary) 90%, transparent);
    color: #fffdf8;
}

.builder-block[data-type="Navtiles"].mr-tiles-image.mr-tiles-icon.mr-tiles-desc:not(.mr-tiles-cta) .tile-media-slot .nav-item-details {
    gap: 0.6rem;
    padding: 1.25rem 1.35rem 1.45rem;
    width: 100%;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc:not(.mr-tiles-image):not(.mr-tiles-cta) .mr-nav-tiles > li:not(.tile_spacer) > a {
    min-height: 16rem;
    align-items: center;
    padding: 1.6rem;
    border-top: 0.25rem solid var(--mr-color-secondary);
    background: color-mix(in srgb, var(--mr-card-background) 96%, var(--mr-color-secondary));
    text-align: center;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc:not(.mr-tiles-image):not(.mr-tiles-cta) .nav-item-details,
.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc:not(.mr-tiles-image):not(.mr-tiles-cta) .nav-item-title-row {
    align-items: center;
    text-align: center;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc:not(.mr-tiles-image):not(.mr-tiles-cta) .nav-item-title-row {
    flex-direction: column;
}

.builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc:not(.mr-tiles-image):not(.mr-tiles-cta) .nav-tile-icon {
    width: 3.7rem;
    height: 3.7rem;
    border-radius: 50%;
    background: var(--mr-color-secondary);
    color: #fffdf8;
}

@media (max-width: 920px) {
    .nav_tiles .pagename {
        font-size: clamp(1.08rem, 1rem + 0.35vw, 1.2rem);
    }

    .nav_tiles .pagedescription {
        line-height: 1.52;
    }

    .nav_tiles .nav-item-details {
        padding: 1.1rem 1.15rem 1.15rem;
    }
}

/* Shared widget appearance contract. Tiled produces a responsive card grid;
   Stacked produces full-width horizontal rows. Density adjusts sizing and
   spacing without changing which Navtiles content options are enabled. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .nav_tiles .mr-nav-tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--nav-tile-gap, 1.5rem);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .nav_tiles .mr-nav-tiles > li:not(.tile_spacer) > a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .nav_tiles .tile_image {
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    aspect-ratio: 16 / 9;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .nav_tiles .mr-nav-tiles {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .nav_tiles .mr-nav-tiles > li:not(.tile_spacer) {
    width: 100%;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .nav_tiles .mr-nav-tiles > li:not(.tile_spacer) > a {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    min-height: 0;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .nav_tiles .tile_image {
    width: 200px;
    height: auto;
    min-height: 140px;
    flex: 0 0 200px;
    aspect-ratio: auto;
    margin: 0;
    border-radius: var(--nav-tile-image-radius, 0);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .nav_tiles .nav-item-details {
    min-width: 0;
    padding: 1.35rem 1.5rem;
}

/* Stacked media tiles are a complete horizontal row even when full density is
   represented by the absence of an explicit density class. Compact rules later
   in this file intentionally reduce this same composition. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .mr-nav-tiles > li.tile-media-slot > a {
    min-height: 0;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--nav-tile-border);
    border-radius: var(--nav-tile-radius);
    background: var(--nav-tile-bg);
    box-shadow: var(--nav-tile-shadow);
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile-media-slot .tile_image {
    position: relative;
    width: clamp(11rem, 18vw, 13rem);
    min-height: 9rem;
    flex: 0 0 clamp(11rem, 18vw, 13rem);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile-media-slot .nav-item-details {
    align-items: flex-start;
    justify-content: center;
    width: auto;
    max-width: none;
    padding: clamp(1.15rem, 0.95rem + 0.65vw, 1.55rem);
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile-media-slot :is(.nav-item-title-row, .pagename, .pagedescription) {
    max-width: none;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile-media-slot .pagedescription {
    margin-bottom: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .tile-media-slot .nav-tile-image-icon {
    top: 0.9rem;
    left: 0.9rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .mr-nav-tiles > li.tile-media-slot > a:is(:hover, :focus) {
    border-color: color-mix(in srgb, var(--mr-color-primary) 30%, transparent);
    box-shadow: var(--nav-tile-shadow-hover);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact) .nav_tiles {
    --nav-tile-gap: .85rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .nav_tiles .mr-nav-tiles {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact) .nav_tiles .nav-item-details {
    gap: .5rem;
    padding: .85rem 1rem 1rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact) .nav_tiles .pagename {
    font-size: 1rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact) .nav_tiles .pagedescription {
    font-size: .9rem;
    line-height: 1.4;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact) .nav_tiles .nav-tile-icon {
    width: 2.75rem;
    height: 2.75rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact) .nav_tiles .nav-tile-icon__svg {
    width: 1.45rem;
    height: 1.45rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .nav_tiles .tile_image {
    width: 120px;
    min-height: 88px;
    flex-basis: 120px;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .nav_tiles .nav-item-details {
    padding: .75rem 1rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full) .nav_tiles .nav-item-details {
    padding: 1.4rem 1.5rem 1.55rem;
}

@media (max-width: 640px) {
    .builder-block[data-type="Navtiles"]:is(.mr-widget-layout-tiled, .ws-widget-layout-tiled) .nav_tiles .mr-nav-tiles {
        grid-template-columns: minmax(0, 1fr);
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .nav_tiles .mr-nav-tiles > li:not(.tile_spacer) > a {
        flex-direction: column;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image .tile-media-slot .tile_image {
        width: 100%;
        height: auto;
        min-height: 0;
        flex-basis: auto;
        aspect-ratio: 16 / 9;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image .tile-media-slot .nav-item-details {
        width: 100%;
    }
}

/* Full / tiled title cards use the media area as the complete card surface.
   The shared placeholder remains visible whenever a requested image is absent. */
.nav_tiles .tile_image--placeholder {
    background:
        linear-gradient(164deg,
            transparent 0 54%,
            color-mix(in srgb, var(--mr-color-primary) 13%, transparent) 54% 72%,
            color-mix(in srgb, var(--mr-color-secondary) 10%, transparent) 72% 100%),
        color-mix(in srgb, var(--mr-color-primary) 7%, var(--mr-card-background));
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) > a,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li.tile-media-slot > a {
    overflow: hidden;
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
    isolation: isolate;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    min-height: 0;
    aspect-ratio: 2 / 1;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li.tile-media-slot > a {
    min-height: 0;
    aspect-ratio: 16 / 9;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    background:
        linear-gradient(164deg,
            transparent 0 54%,
            color-mix(in srgb, var(--mr-color-primary) 13%, transparent) 54% 72%,
            color-mix(in srgb, var(--mr-color-secondary) 10%, transparent) 72% 100%),
        color-mix(in srgb, var(--mr-color-primary) 7%, var(--mr-card-background));
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) > a::before,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .tile_image::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to top, rgb(0 0 0 / 72%) 0, rgb(0 0 0 / 22%) 58%, transparent 100%);
    pointer-events: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .tile_image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .tile_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .nav-item-details,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .nav-item-details {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: inherit;
    justify-content: flex-end;
    padding: clamp(1.2rem, 1rem + 0.7vw, 1.65rem);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .pagename,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .pagename {
    color: #fff;
    text-shadow: 0 0.12rem 0.55rem rgb(0 0 0 / 45%);
}

/* Full / tiled title + CTA: a compact link row with a protected chevron rail. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    min-height: 4.75rem;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    background: var(--mr-color-primary);
    border-left-color: transparent;
    color: var(--mr-color-primary-contrast);
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    background: color-mix(in srgb, var(--mr-color-primary) 88%, var(--mr-color-text));
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--mr-color-primary-contrast) 72%, transparent);
    outline-offset: -4px;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-details {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.1rem;
    gap: 0.85rem;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 1rem 1.2rem;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-title-row {
    min-width: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .pagename {
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta :is(.pagename, .navtile-products-cta) {
    color: var(--mr-color-primary-contrast);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta {
    grid-column: 2;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0;
    padding: 0;
    justify-self: end;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta > span:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* Full / tiled icon + title + CTA: use the same centered card language as
   icon + title + description, with the descriptive CTA treatment below it. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    min-height: 13.5rem;
    align-items: center;
    justify-content: center;
    padding: 1.6rem;
    border-top: 0.25rem solid var(--mr-color-secondary);
    background: color-mix(in srgb, var(--mr-card-background) 96%, var(--mr-color-secondary));
    text-align: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-details {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 0;
    text-align: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-title-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-title-icon {
    align-self: auto;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-tile-icon {
    width: 3.7rem;
    height: 3.7rem;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: var(--mr-color-secondary);
    color: #fffdf8;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-tile-icon__svg {
    width: 1.45rem;
    height: 1.45rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .pagename {
    min-width: 0;
    align-self: auto;
    overflow-wrap: anywhere;
    text-align: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    width: auto;
    margin: 0.3rem 0 0;
    padding: 0.65rem 0 0;
    font-size: 0.94rem;
    line-height: 1.4;
    text-align: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-title-cta-icon,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta__icon--arrow {
    display: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta__icon--chevron {
    display: inline-flex;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) .navtile-products-cta__icon--chevron {
    transform: translateX(0.22rem);
}

/* Full / stacked: spacious horizontal rows with content-specific hierarchy. */
.builder-block[data-type="Navtiles"]:not(.mr-widget-density-compact):not(.ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles .pagename {
    font-size: clamp(1.25rem, 1.1rem + 0.35vw, 1.5rem);
    line-height: 1.2;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    background: var(--mr-color-primary);
    border-left-color: transparent;
    color: var(--mr-color-primary-contrast);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .pagename {
    color: var(--mr-color-primary-contrast);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) > a:hover,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) > a:focus {
    background: color-mix(in srgb, var(--mr-color-primary) 88%, var(--mr-color-text));
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) > a:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--mr-color-primary-contrast) 72%, transparent);
    outline-offset: -4px;
}

/* Title + CTA matches the title-only row, with its CTA reduced to a right chevron. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    background: var(--mr-color-primary);
    border-left-color: transparent;
    color: var(--mr-color-primary-contrast);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-details {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.1rem;
    gap: 0.85rem;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta :is(.nav-item-title-row, .pagename) {
    min-width: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta :is(.pagename, .navtile-products-cta) {
    color: var(--mr-color-primary-contrast);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .pagename {
    overflow-wrap: anywhere;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta {
    grid-column: 2;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0;
    padding: 0;
    justify-self: end;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta > span:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    background: color-mix(in srgb, var(--mr-color-primary) 88%, var(--mr-color-text));
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--mr-color-primary-contrast) 72%, transparent);
    outline-offset: -4px;
}

.builder-block[data-type="Navtiles"]:not(.mr-widget-density-compact):not(.ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-no-cta .pagename {
    font-size: clamp(1.35rem, 1.2rem + 0.3vw, 1.6rem);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-no-cta .nav-item-details {
    justify-content: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-no-cta .pagedescription {
    margin-bottom: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .pagedescription {
    max-width: none;
}

/* Crop every Full / Stacked image to a predictable landscape frame. Without
   an explicit ratio, intrinsic square and portrait images make the entire row
   taller even though the image is rendered with object-fit: cover. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile_image {
    aspect-ratio: 16 / 9;
}

/* Image + title is the compact member of the Full / Stacked media family. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li.tile-media-slot {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--mr-color-primary) 16%, transparent);
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
    background: var(--mr-card-background);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li.tile-media-slot > a {
    overflow: hidden;
    border-radius: inherit;
}

@media (min-width: 641px) {
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .tile_image {
        width: 180px;
        min-height: 0;
        flex-basis: 180px;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-no-cta .tile_image {
        width: 250px;
        flex-basis: 250px;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile_image {
        width: 300px;
        flex-basis: 300px;
    }
}

/* On phones the compact row becomes the established Full / Tiles image-title
   card, keeping the title legible over a protected image gradient. */
@media (max-width: 640px) {
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .mr-nav-tiles > li.tile-media-slot > a {
        min-height: 0;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-radius: inherit;
        isolation: isolate;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .tile_image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 0;
        aspect-ratio: auto;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .tile_image::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(to top, rgb(0 0 0 / 72%) 0, rgb(0 0 0 / 22%) 58%, transparent 100%);
        pointer-events: none;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .nav-item-details {
        position: relative;
        z-index: 2;
        width: 100%;
        min-height: inherit;
        justify-content: flex-end;
        padding: clamp(1.2rem, 1rem + 0.7vw, 1.65rem);
        background: transparent;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .pagename {
        color: #fff;
        font-size: clamp(1.05rem, 0.95rem + 0.45vw, 1.2rem);
        text-shadow: 0 0.12rem 0.55rem rgb(0 0 0 / 45%);
    }
}

/* Icon-led rows without a CTA are intentionally unboxed. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    min-height: 0;
    align-items: center;
    justify-content: flex-start;
    padding: clamp(0.75rem, 0.55rem + 0.5vw, 1.1rem) 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta .nav-item-details {
    display: grid;
    grid-template-columns: 4.25rem minmax(0, 1fr);
    column-gap: clamp(1rem, 0.8rem + 0.6vw, 1.5rem);
    row-gap: 0.3rem;
    align-items: center;
    width: 100%;
    padding: 0;
    flex: 1 1 auto;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta .nav-item-title-row {
    display: contents;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta .nav-item-title-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta .nav-tile-icon {
    width: 4.25rem;
    height: 4.25rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--mr-color-primary);
    color: #fffdf8;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta .nav-tile-icon__svg {
    width: 1.65rem;
    height: 1.65rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta .pagename {
    grid-column: 2;
    align-self: end;
    font-size: clamp(1.45rem, 1.25rem + 0.4vw, 1.75rem);
    line-height: 1.15;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta.mr-tiles-no-desc .pagename {
    align-self: center;
    font-weight: 900;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta.mr-tiles-no-desc .nav-item-title-icon {
    grid-row: 1;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta .pagedescription {
    grid-column: 2;
    align-self: start;
    max-width: 68ch;
    margin: 0;
    text-align: left;
}

/* The CTA variation keeps its card, but becomes a single horizontal action row. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    min-height: 0;
    align-items: center;
    padding: clamp(1.15rem, 0.9rem + 0.6vw, 1.55rem);
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .nav-item-details {
    display: grid;
    grid-template-columns: 4.35rem minmax(0, 1fr) auto;
    column-gap: clamp(1rem, 0.8rem + 0.6vw, 1.5rem);
    row-gap: 0.3rem;
    align-items: center;
    width: 100%;
    padding: 0;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .nav-item-title-row {
    display: contents;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .nav-item-title-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .nav-tile-icon {
    margin: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .pagename {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    font-size: clamp(1.4rem, 1.22rem + 0.35vw, 1.65rem);
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .pagedescription {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    max-width: 68ch;
    margin: 0;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    width: auto;
    margin: 0 0 0 clamp(0.5rem, 1.5vw, 1.5rem);
    padding: 0;
    white-space: nowrap;
}

/* Icon + title + CTA is the same horizontal CTA card with no description row. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer):hover {
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    min-height: 0;
    align-items: center;
    padding: clamp(0.85rem, 0.7rem + 0.35vw, 1.05rem);
    overflow: hidden;
    background: color-mix(in srgb, var(--mr-card-background) 97%, var(--mr-color-primary));
    border: 1px solid color-mix(in srgb, var(--mr-color-primary) 16%, transparent);
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
    box-shadow: 0 0.45rem 1.5rem rgb(21 55 39 / 6%);
    text-align: left;
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
                border-color 240ms ease,
                box-shadow 240ms ease;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-details {
    display: grid;
    grid-template-columns: 4.35rem minmax(0, 1fr) auto;
    column-gap: clamp(1rem, 0.8rem + 0.6vw, 1.5rem);
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 0;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-title-row {
    display: contents;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-title-icon {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-tile-icon {
    width: 4.35rem;
    height: 4.35rem;
    margin: 0;
    border: 1px solid color-mix(in srgb, white 24%, transparent);
    border-radius: 50%;
    background: var(--mr-color-primary);
    color: #fffdf8;
    box-shadow: 0 0.45rem 1rem rgb(7 35 23 / 14%);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-tile-icon__svg {
    width: 2rem;
    height: 2rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .pagename {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    align-self: center;
    overflow-wrap: anywhere;
    font-size: clamp(1.4rem, 1.22rem + 0.35vw, 1.65rem);
    font-weight: 900;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    width: auto;
    margin: 0 0 0 clamp(0.5rem, 1.5vw, 1.5rem);
    padding: 0;
    font-size: 0.94rem;
    white-space: nowrap;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    transform: translateY(-0.25rem);
    border-color: color-mix(in srgb, var(--mr-color-primary) 32%, transparent);
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:hover .navtile-products-cta__icon {
    transform: translateX(0.22rem);
}

@media (max-width: 720px) {
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon .mr-nav-tiles > li:not(.tile_spacer) > a {
        flex-direction: row;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-cta .nav-item-details,
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon:is(.mr-tiles-desc, .mr-tiles-no-desc).mr-tiles-cta .nav-item-details {
        grid-template-columns: 3.75rem minmax(0, 1fr);
        column-gap: 0.9rem;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-tile-icon {
        width: 3.75rem;
        height: 3.75rem;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon:is(.mr-tiles-desc, .mr-tiles-no-desc).mr-tiles-cta .navtile-products-cta {
        grid-column: 2;
        grid-row: 3;
        justify-self: start;
        margin: 0.45rem 0 0;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon:is(.mr-tiles-desc, .mr-tiles-no-desc).mr-tiles-cta .pagename {
        font-size: clamp(1.15rem, 1.05rem + 0.45vw, 1.3rem);
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta {
        grid-row: 2;
    }
}

@media (prefers-reduced-motion: reduce) {
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a,
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-full, .ws-widget-density-full):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta__icon {
        transition: none;
    }
}

/* Compact / stacked final cascade: neutralize the richer card presentations
   above and keep these rows as simple, footer-scale navigation. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles :is(.pagename, .pagedescription, .navtile-products-cta) {
    font-size: 0.9rem;
    line-height: 1.4;
    text-align: left;
    text-transform: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles .pagename {
    font-weight: 700;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-desc .pagename {
    font-size: 1rem;
    line-height: 1.3;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) .pagename {
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: 0.15em;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-no-cta .pagename {
    font-weight: 400;
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: 0.15em;
}

/* Image variants: compact media, no icon badge, no decorative divider. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .mr-nav-tiles > li.tile-media-slot,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .mr-nav-tiles > li.tile-media-slot:hover {
    transform: none;
    box-shadow: none;
    transition: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile-media-slot .tile_image {
    width: 6rem;
    height: auto;
    min-height: 4.5rem;
    flex: 0 0 6rem;
    aspect-ratio: 4 / 3;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile-media-slot .tile_image::after {
    content: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile-media-slot .tile_image img,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile-media-slot:hover .tile_image img {
    transform: none;
    transition: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile-media-slot .nav-item-details {
    align-items: stretch;
    justify-content: center;
    gap: 0.2rem;
    padding: 0.5rem 0.7rem;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image .tile-media-slot .pagedescription {
    margin-bottom: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-cta .tile-media-slot .nav-item-details {
    padding-right: 2.4rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon .nav-tile-icon {
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--mr-color-primary);
    box-shadow: none;
    backdrop-filter: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon .nav-tile-icon__svg {
    width: 1rem;
    height: 1rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-cta .tile-media-slot .navtile-products-cta {
    top: 50%;
    right: 0.7rem;
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--mr-color-primary);
    transform: translateY(-50%);
}

/* Preserve the compact horizontal row on very small phones while scaling its
   media, gutter, and inset spacing as one composition. */
@media (max-width: 360px) {
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image .mr-nav-tiles > li.tile-media-slot > a {
        gap: 0 0.5rem;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image .tile-media-slot .tile_image {
        width: 5rem;
        min-height: 3.75rem;
        flex-basis: 5rem;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image .tile-media-slot .nav-item-details {
        padding: 0.4rem 0.5rem;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image.mr-tiles-cta .tile-media-slot .nav-item-details {
        padding-right: 2rem;
    }

    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-image.mr-tiles-cta .tile-media-slot .navtile-products-cta {
        right: 0.55rem;
    }
}

/* Icon-led variants: one unboxed, left-aligned text group with minimal space. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .mr-nav-tiles > li:not(.tile_spacer) > a,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .mr-nav-tiles > li:not(.tile_spacer) > a:hover,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .mr-nav-tiles > li:not(.tile_spacer) > a:focus {
    align-items: flex-start;
    padding: 0.2rem 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    transform: none;
    transition: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-item-details {
    align-items: stretch;
    gap: 0.1rem 0.55rem;
    padding: 0;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon :is(.pagename, .pagedescription) {
    width: auto;
    max-width: none;
    margin: 0;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-item-title-row {
    align-items: flex-start;
    gap: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-tile-icon {
    width: 1.8rem;
    height: 1.8rem;
    border: 0;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .nav-tile-icon__svg {
    width: 0.85rem;
    height: 0.85rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .navtile-products-cta {
    display: inline-flex;
    justify-content: flex-start;
    width: fit-content;
    margin: 0.15rem 0 0;
    padding: 0;
    color: inherit;
    font-weight: 400;
    text-align: left;
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: 0.15em;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon .navtile-products-cta__icon {
    display: none;
}

/* Image + icon compact rows place the icon on the title's first line. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc .tile-media-slot .nav-item-details {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0.1rem;
    padding-left: 0.7rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .nav-item-details {
    padding-right: 2.4rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .pagedescription {
    max-width: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc .nav-tile-image-icon {
    position: static;
    align-self: auto;
    font-size: 0.9rem;
    line-height: 1.4;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc .nav-tile-image-icon .nav-tile-icon {
    display: inline-flex;
    width: 1em;
    height: 1em;
    vertical-align: baseline;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc .nav-tile-image-icon .nav-tile-icon__svg {
    width: 0.85em;
    height: 0.85em;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc .nav-item-title-row {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    width: 100%;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc .pagename {
    align-self: auto;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc .pagedescription {
    width: 100%;
    margin: 0;
}

/* Compact / stacked CTA combinations keep the same footer-scale rhythm as
   their non-CTA counterparts. The title carries the compact action glyph. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-cta .navtile-title-cta-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 0.78em;
    height: 0.78em;
    color: currentColor;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-cta .navtile-title-cta-icon .icon {
    width: 100%;
    height: 100%;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-cta .navtile-products-cta {
    display: none;
}

/* Title + CTA mirrors the plain title-only link list. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles {
    display: block;
    list-style: none;
    padding-inline-start: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) {
    display: list-item;
    list-style: none;
    width: auto;
    margin: 0.25rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a {
    display: inline;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-details {
    display: inline;
    padding: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-title-row {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-no-desc.mr-tiles-cta .pagename {
    font-weight: 400;
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: 0.15em;
}

/* Title + description + CTA uses the same unboxed text stack as the compact
   icon-led row, with the title glyph taking the icon's place. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer),
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer):hover {
    transform: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    min-height: 0;
    align-items: flex-start;
    padding: 0.2rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    transform: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .nav-item-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    width: auto;
    padding: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .nav-item-title-row {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    width: auto;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .pagedescription {
    width: auto;
    max-width: none;
    margin: 0;
}

/* Icon + title + CTA keeps the icon-led row but attaches the action to the
   title instead of creating a second CTA line. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-details {
    grid-template-columns: 1.8rem minmax(0, max-content) auto minmax(0, 1fr);
    align-items: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .nav-item-title-icon {
    grid-column: 1;
    grid-row: 1;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .pagename {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-title-cta-icon {
    display: inline-flex;
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    width: 0.78em;
    height: 0.78em;
    margin-left: -0.25rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-title-cta-icon .icon {
    width: 100%;
    height: 100%;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc.mr-tiles-cta .navtile-products-cta {
    display: none;
}

/* Icon + title + description + CTA retains its text action and uses a true
   arrow that advances on hover or keyboard focus. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-title-cta-icon,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta__icon--chevron {
    display: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta__icon--arrow {
    display: inline-flex;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) .navtile-products-cta__icon--arrow {
    transform: translateX(0.22rem);
}

@media (prefers-reduced-motion: reduce) {
    .builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
        .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta__icon--arrow {
        transition: none;
    }
}

/* Compact / tiled content refinements. These remain last in the cascade so
   richer full-card rules cannot leak back into the compact presentation. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-desc .pagedescription,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .pagedescription {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Image + icon variants use the icon as a plain title glyph. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon .nav-tile-icon {
    display: inline-flex;
    width: 1em;
    height: 1em;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--mr-color-primary);
    box-shadow: none;
    backdrop-filter: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon .nav-tile-icon__svg {
    width: 0.85em;
    height: 0.85em;
}

/* Compact image CTA rails have no text divider. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .tile-media-slot .navtile-products-cta {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

/* Title + description + CTA mirrors the bordered compact image CTA tile,
   with the media and title glyph intentionally omitted. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    min-height: 4.5rem;
    align-items: stretch;
    padding: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--mr-color-primary) 18%, transparent);
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
    background: color-mix(in srgb, var(--mr-card-background) 97%, var(--mr-color-primary));
    box-shadow: none;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    border-color: color-mix(in srgb, var(--mr-color-primary) 32%, transparent);
    background: color-mix(in srgb, var(--mr-card-background) 94%, var(--mr-color-primary));
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .nav-item-details {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0.1rem;
    width: 100%;
    padding: 0.65rem 2.4rem 0.65rem 0.85rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .nav-item-title-row {
    display: flex;
    align-items: baseline;
    width: 100%;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .navtile-title-cta-icon {
    display: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta {
    position: absolute;
    top: 50%;
    right: 0.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--mr-color-primary);
    text-decoration: none;
    transform: translateY(-50%);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta > span:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta__icon--chevron {
    display: inline-flex;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-no-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta__icon--arrow {
    display: none;
}

/* Short icon-only combinations fit more columns without changing the
   descriptive icon variants. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-no-desc .mr-nav-tiles {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
}

/* Descriptive icon rows align the icon with the title rather than centring it
   against the full title/description/CTA stack. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .nav-item-title-icon {
    grid-row: 1;
    align-self: start;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .pagename {
    align-self: start;
}

/* Non-CTA image description rows use the same compact content rhythm as the
   image + icon + title + description + CTA tile. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-desc.mr-tiles-no-cta .tile-media-slot .nav-item-details {
    gap: 0.1rem;
    padding: 0.5rem 0.7rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-image.mr-tiles-desc.mr-tiles-no-cta .pagename {
    font-size: 0.9rem;
    line-height: 1.4;
}

/* Descriptive icon combinations are compact bordered tiles. Their icon is a
   plain title glyph, matching the image + icon compact tile treatment. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .mr-nav-tiles > li:not(.tile_spacer),
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .mr-nav-tiles > li:not(.tile_spacer):hover {
    transform: none;
    background: transparent;
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .mr-nav-tiles > li:not(.tile_spacer) > a,
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    min-height: 4.5rem;
    align-items: stretch;
    padding: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--mr-color-primary) 18%, transparent);
    border-radius: clamp(0.7rem, 1vw, 0.95rem);
    background: color-mix(in srgb, var(--mr-card-background) 97%, var(--mr-color-primary));
    box-shadow: none;
    text-align: left;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .mr-nav-tiles > li:not(.tile_spacer) > a:is(:hover, :focus) {
    border-color: color-mix(in srgb, var(--mr-color-primary) 32%, transparent);
    background: color-mix(in srgb, var(--mr-card-background) 94%, var(--mr-color-primary));
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .nav-item-details {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0.1rem;
    width: 100%;
    padding: 0.5rem 0.7rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .nav-item-title-row {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 0.4rem;
    width: 100%;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .nav-item-title-icon {
    display: inline-flex;
    align-items: center;
    align-self: auto;
    width: auto;
    height: auto;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .nav-tile-icon {
    display: inline-flex;
    width: 1em;
    height: 1em;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--mr-color-primary);
    box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .nav-tile-icon__svg {
    width: 0.85em;
    height: 0.85em;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .pagename {
    align-self: auto;
    min-width: 0;
    font-size: 0.9rem;
    line-height: 1.4;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc .pagedescription {
    display: -webkit-box;
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* The CTA icon tile reserves a compact chevron rail instead of adding a text
   row beneath the description. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .nav-item-details {
    padding-right: 2.4rem;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-title-cta-icon {
    display: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta {
    position: absolute;
    top: 50%;
    right: 0.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--mr-color-primary);
    text-decoration: none;
    transform: translateY(-50%);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta > span:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta__icon--chevron {
    display: inline-flex;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact):is(.mr-widget-layout-tiled, .ws-widget-layout-tiled)
    .nav_tiles.mr-tiles-no-image.mr-tiles-icon.mr-tiles-desc.mr-tiles-cta .navtile-products-cta__icon--arrow {
    display: none;
}