/* Mobile education is a non-scrolling example, not a nested invitation. */
body .mc-landing[data-mc-browse-only] .mc-feature-cards { display: none; width: min(100%,390px); margin-inline: auto; }
@media (max-width: 1023px) {
    body .mc-landing[data-mc-browse-only] .mc-feature-explorer { display: none; }
    body .mc-landing[data-mc-browse-only] .mc-feature-cards { display: block; min-width: 0; }
}
body .mc-landing[data-mc-browse-only] .mc-feature-cards__heading {
    display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; margin: 4px 0 8px;
}
body .mc-landing[data-mc-browse-only] .mc-feature-cards__heading h3 {
    margin: 0; font-size: var(--bj-type-body,16px); line-height: 24px; font-weight: 600;
}
body .mc-landing[data-mc-browse-only] .mc-feature-cards__heading button {
    min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: inherit;
    font: inherit; font-size: var(--bj-type-caption,14px); white-space: nowrap;
}
body .mc-landing[data-mc-browse-only] .mc-feature-cards__track {
    display: flex; width: 100%; min-width: 0; gap: 16px; overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x mandatory; scroll-behavior: auto; overscroll-behavior-x: contain; scrollbar-width: none;
    border-radius: var(--bj-catalog-media-radius,8px);
}
body .mc-landing[data-mc-browse-only] .mc-feature-cards__track::-webkit-scrollbar { display: none; }
body .mc-landing[data-mc-browse-only] .mc-feature-cards__card {
    position: relative; flex: 0 0 100%; width: 100%; min-width: 0; height: 320px;
    display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box;
    border: 0; border-radius: var(--bj-catalog-media-radius,8px); overflow: hidden;
    background: var(--bj-clean,#fff); color: var(--bj-ink,#181817); font: inherit; cursor: pointer; scroll-snap-align: start;
}
body .mc-landing[data-mc-browse-only] .mc-feature-example { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 12px; width: 100%; height: 100%; text-align: center; font-family: inherit; font-size: var(--invite-common-body-size,15px); line-height: 1.6; word-break: keep-all; }
body .mc-landing[data-mc-browse-only] .mc-feature-example > strong { font-size: var(--bj-type-body,16px); line-height: 1.5; font-weight: 600; }
/* Legacy landing span rules must not shrink the invitation example text. */
body .mc-landing[data-mc-browse-only] .mc-feature-example span,
body .mc-landing[data-mc-browse-only] .mc-feature-example b { font-size: inherit; line-height: inherit; }
body .mc-landing[data-mc-browse-only] .mc-feature-example img { display: block; width: 100%; height: 144px; min-height: 0; max-width: 100%; object-fit: cover; border-radius: var(--bj-catalog-media-radius,8px); }
body .mc-landing[data-mc-browse-only] .mc-feature-example .mc-example__pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
body .mc-landing[data-mc-browse-only] .mc-example__pair > span { display: flex; flex-direction: column; align-items: stretch; gap: 8px; min-width: 0; }
body .mc-landing[data-mc-browse-only] .mc-example__pair img { height: 112px; }
body .mc-landing[data-mc-browse-only] .mc-example__gallery img { height: 184px; }
body .mc-landing[data-mc-browse-only] .mc-example__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
body .mc-landing[data-mc-browse-only] .mc-example__action { display: block; border: 1px solid var(--bj-border,#dededb); padding: 8px; border-radius: var(--bj-control-radius,8px); line-height: 1.5; }
body .mc-landing[data-mc-browse-only] .mc-example__bubble { display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid var(--bj-border,#dededb); border-radius: var(--bj-control-radius,8px); text-align: left; }
body .mc-landing[data-mc-browse-only] .mc-example__family { margin-top: 8px; line-height: 2; }
body .mc-landing[data-mc-browse-only] .mc-example__calendar { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); row-gap: 4px; }
body .mc-landing[data-mc-browse-only] .mc-example__calendar > span { height: 24px; display: grid; place-items: center; }
body .mc-landing[data-mc-browse-only] .mc-example__date { width: 24px; justify-self: center; border-radius: 50%; color: var(--bj-paper,#fbfaf7); background: var(--bj-charcoal,#1a1a18); }
body .mc-landing[data-mc-browse-only] .mc-feature-example .mc-example__map,
body .mc-landing[data-mc-browse-only] .mc-feature-example .mc-example__flower { object-fit: contain; }
body .mc-landing[data-mc-browse-only] .mc-example__movie { position: relative; }
body .mc-landing[data-mc-browse-only] .mc-feature-example .mc-example__play { position: absolute; inset: 0; display: grid; place-items: center; color: var(--bj-clean,#fff); font-size: 32px; text-shadow: 0 1px 6px var(--bj-charcoal,#1a1a18); }
body .mc-landing[data-mc-browse-only] .mc-feature-cards__error { font-size: var(--bj-type-body,16px); line-height: 1.6; }
@media (max-width: 359px) {
    body .mc-landing[data-mc-browse-only] .mc-feature-cards__card { padding: 14px; }
}
body .mc-landing[data-mc-browse-only] [data-mc-card-count] { font-size: var(--bj-type-caption,14px); opacity: .7; white-space: nowrap; }
body .mc-landing[data-mc-browse-only] .mc-feature-cards button:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
/* Block surface focus: example cards underline their title instead of drawing a box. */
body .mc-landing[data-mc-browse-only] .mc-feature-cards .mc-feature-cards__card:focus-visible { outline: none; }
body .mc-landing[data-mc-browse-only] .mc-feature-cards__card:focus-visible .mc-feature-example > strong { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
body .mc-landing[data-mc-browse-only] .mc-feature-experience {
    position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; height: 100dvh;
    max-height: none; margin: 0; padding: 0; border: 0; overflow: hidden;
    color: var(--bj-ink,#181817); background: var(--bj-paper,#fbfaf7);
}
body .mc-landing[data-mc-browse-only] .mc-feature-experience::backdrop { background: var(--bj-paper,#fbfaf7); }
body .mc-landing[data-mc-browse-only] .mc-feature-experience__viewport,
body .mc-landing[data-mc-browse-only] .mc-feature-experience iframe { display: block; width: 100%; height: 100%; border: 0; }
body .mc-landing[data-mc-browse-only] .mc-feature-experience__close {
    position: absolute; right: 16px; top: calc(12px + env(safe-area-inset-top)); width: 44px; height: 44px;
    display: grid; place-items: center; padding: 10px; border: 1px solid var(--bj-border,#dededb); border-radius: 50%;
    background: var(--bj-paper,#fbfaf7); color: var(--bj-ink,#181817); box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
body .mc-landing[data-mc-browse-only] .mc-feature-experience__close svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; }
body .mc-landing[data-mc-browse-only] .mc-feature-experience__title {
    position: absolute; left: 16px; top: calc(12px + env(safe-area-inset-top)); max-width: calc(100% - 92px);
    padding: 10px 16px; border-radius: var(--bj-control-radius,8px); background: var(--bj-paper,#fbfaf7);
    font-size: var(--bj-type-body,16px); line-height: 24px;
}
body .mc-landing[data-mc-browse-only] .mc-feature-experience__status {
    position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px;
    padding: 24px; background: var(--bj-paper,#fbfaf7); font-size: var(--bj-type-body,16px); line-height: 1.6;
}
body .mc-landing[data-mc-browse-only] .mc-feature-experience [hidden],
body .mc-landing[data-mc-browse-only] .mc-feature-cards__card [hidden] { display: none; }
body .mc-landing[data-mc-browse-only] .mc-feature-experience__status button {
    min-height: 44px; padding: 8px 16px; border: 1px solid currentColor; border-radius: var(--bj-control-radius,8px); background: transparent; color: inherit; font: inherit;
}