/* Landing discovery only. Hero, header and fixed entry CTA stay in their existing owner. */
body .mc-landing[data-mc-browse-only] .mc-final-preview__workspace {
    display: block;
    grid-template-columns: minmax(0, 1fr);
}
body .mc-landing[data-mc-browse-only] .mc-final-preview__decision {
    width: 100%;
    max-width: none !important;
    min-width: 0;
}
body .mc-landing[data-mc-browse-only] .mc-skin-card::after {
    content: none;
}
body .mc-landing[data-mc-browse-only] .mc-skin-card:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}
body .mc-landing[data-mc-browse-only] .mc-skin-thumb,
body .mc-landing[data-mc-browse-only] .mc-skin-thumb img {
    border-radius: var(--bj-catalog-media-radius, 8px);
}
body .mc-landing .mc-style-story {
    padding: 72px 0;
    background: var(--bj-paper, #fbfaf7);
    color: var(--bj-ink, #181817);
}
body .mc-landing .mc-style-story__inner {
    width: min(var(--bj-content-max, 1000px), calc(100% - 48px));
    margin-inline: auto;
}
body .mc-landing .mc-style-story__head h2 {
    margin: 0;
    color: var(--bj-ink, #181817);
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.24;
    letter-spacing: -.04em;
}
body .mc-landing .mc-style-story__head > p:last-child,
body .mc-landing .mc-style-story__note {
    margin: 20px 0 0;
    color: var(--bj-muted, #66635e);
    font-size: var(--bj-type-body, 16px);
    line-height: var(--bj-type-body-line, 1.6);
    word-break: keep-all;
}
body .mc-landing .mc-style-story__examples {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 32px;
}
body .mc-landing .mc-style-story__examples figure { min-width: 0; margin: 0; }
body .mc-landing .mc-style-story__examples img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--bj-catalog-media-radius, 8px);
}
body .mc-landing .mc-style-story__examples figcaption { padding-top: 12px; }
body .mc-landing .mc-style-story__examples strong {
    display: block;
    font-size: var(--bj-type-body, 16px);
    font-weight: var(--bj-type-action-weight, 700);
}
body .mc-landing .mc-style-story__examples span {
    display: block;
    margin-top: 4px;
    color: var(--bj-muted, #66635e);
    font-size: var(--bj-type-caption, 14px);
    line-height: 1.6;
    word-break: keep-all;
}
/* A single full-height viewer at every breakpoint, not a cropped phone widget. */
body.mc-mobile-preview-open { overflow: hidden; }
/* Gallery guest portals may live directly under body, outside the viewer stack. */
body.mc-mobile-preview-open > .lightbox {
    z-index: 2147483001;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-overlay.is-open {
    position: fixed;
    z-index: 2147483000;
    inset: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: 0;
    gap: 0;
    overflow: hidden;
    background: var(--bj-stone, #f1efe9);
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    grid-template-rows: 24px 28px;
    min-height: calc(56px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 12px 4px;
    align-items: center;
    background: var(--bj-header-surface, #fdfdfc);
    border-bottom: 1px solid var(--bj-line, #ece9e6);
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-header > span,
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-header > strong {
    grid-column: 2;
    margin: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-header > span {
    font-size: var(--bj-type-caption, 14px);
    color: var(--bj-muted, #66635e);
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-header > strong {
    font-size: var(--bj-type-body, 16px);
    color: var(--bj-ink, #181817);
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-close {
    position: relative;
    top: auto;
    right: auto;
    grid-column: 1;
    grid-row: 1 / span 2;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-close::before,
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-close::after {
    background: var(--bj-ink, #181817);
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-card {
    position: relative;
    grid-row: 2;
    width: min(100%, 430px);
    height: 100%;
    min-height: 0;
    max-height: none;
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-card::before { display: none; }
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-mount,
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-mount > .ed-preview,
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .ed-preview__frame {
    width: 100%;
    height: 100%;
    min-height: 0;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .ed-preview__frame {
    overflow-y: auto;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-card > img {
    object-fit: contain;
    object-position: top;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-feedback:not([hidden]) {
    position: absolute;
    inset: auto 16px 24px;
    padding: 16px;
    background: var(--bj-clean, #fff);
    border: 1px solid var(--bj-line-strong, #938d86);
    border-radius: var(--bj-control-radius, 8px);
    font-size: var(--bj-type-body, 16px);
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-feedback button {
    min-height: 44px;
    width: 100%;
    font-size: var(--bj-type-action, 16px);
}
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-catalog-search,
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-catalog-filter-toggle,
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-catalog-filter-panel,
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-gallery-more { display: none !important; }

@media (min-width: 768px) and (max-width: 1023px) {
    body .mc-landing .mc-mobile-entry-dock { width: 480px; max-width: calc(100% - 32px); margin-inline: auto; bottom: 24px; }
    body .mc-landing .mc-mobile-entry-dock__button { min-height: 56px; }
    body .mc-footer-include-wrap { padding-bottom: 104px; }
}
.mc-desktop-entry { display: none; }
@media (min-width: 1024px) {
    body .mc-landing .mc-desktop-entry { display: block; width: 320px; max-width: 100%; margin: 32px 0 0; }
    body .mc-landing .mc-desktop-entry--closing { margin: 40px auto 0; }
    body.mc-landing-page .mc-mobile-entry-dock { display: none !important; }
    body.mc-landing-page .mc-desktop-entry .mc-mobile-entry-dock__button { min-height: 56px; box-shadow: none; }
    body.mc-landing-page .mc-footer-include-wrap { padding-bottom: 0; }
}
/* Compact catalog flows with its cards at every width. Legacy tablet rails
   kept a 760px editor height and painted thumbnails over the browse button. */
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-final-preview__workspace,
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-final-preview__decision,
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-skin-rail,
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-skin-rail__inner,
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-skin-rail__list {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
@media (min-width: 1024px) {
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-skin-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

/* R1 body rhythm. These are landing-local values, not editor FORM tokens.
   Header / hero / fixed entry CTA and the shared --mc-r2-gutter stay untouched. */
/* The explanatory body has no editor reveal lifecycle. Its content must remain
   readable after viewport changes and when entering at an anchor. Hero motion
   is deliberately outside this rule. */
html body .mc-landing[data-mc-browse-only]:not([data-mc-motion="editorial"]) [data-mc-body-section] .mc-r47-head,
html body .mc-landing[data-mc-browse-only]:not([data-mc-motion="editorial"]) [data-mc-body-section] .mc-r47-head > *,
html body .mc-landing[data-mc-browse-only]:not([data-mc-motion="editorial"]) [data-mc-body-section] .mc-final-preview__head-copy > *,
html body .mc-landing[data-mc-browse-only]:not([data-mc-motion="editorial"]) [data-mc-body-section] .mc-r47-stage,
html body .mc-landing[data-mc-browse-only]:not([data-mc-motion="editorial"]) [data-mc-body-section] .mc-final-preview__decision,
html body .mc-landing[data-mc-browse-only]:not([data-mc-motion="editorial"]) [data-mc-body-section] .mc-skin-card,
html body .mc-landing[data-mc-browse-only]:not([data-mc-motion="editorial"]) [data-mc-body-section] .mc-closing__proof,
html body .mc-landing[data-mc-browse-only]:not([data-mc-motion="editorial"]) [data-mc-body-section] .mc-closing__proof > img,
html body .mc-landing[data-mc-browse-only]:not([data-mc-motion="editorial"]) [data-mc-body-section] .mc-closing__content,
html body .mc-landing[data-mc-browse-only]:not([data-mc-motion="editorial"]) [data-mc-body-section] .mc-benefit-row {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    clip-path: none !important;
    filter: none !important;
    transition: none !important;
    animation: none !important;
}
body .mc-landing[data-mc-browse-only] [data-mc-body-section] {
    --mc-body-gutter: 20px;
    padding: 48px 0 !important;
}
body .mc-landing[data-mc-browse-only] [data-mc-body-section] .mc-rhythm-inner {
    box-sizing: border-box;
    width: min(1000px, calc(100% - (2 * var(--mc-body-gutter)))) !important;
    max-width: none !important;
    min-width: 0;
    margin-inline: auto;
    padding-inline: 0;
}
body.mc-catalog-expanded .mc-landing[data-mc-browse-only] .mc-design-picker[data-mc-body-section] {
    padding: 0 !important;
}
body.mc-catalog-expanded .mc-landing[data-mc-browse-only] .mc-final-preview__workspace.mc-rhythm-inner {
    width: 100% !important;
}
body .mc-landing[data-mc-browse-only] .mc-rhythm-head {
    display: block !important;
    max-width: none;
    margin-block: 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left;
}
body .mc-landing[data-mc-browse-only] .mc-rhythm-head::after { display: none !important; }
body .mc-landing[data-mc-browse-only] .mc-rhythm-head .mc-final-preview__head-copy {
    display: block;
    width: 100%;
    max-width: none;
}
body .mc-landing[data-mc-browse-only] .mc-rhythm-head .mc-r1-kicker {
    margin: 0 0 12px !important;
    font-size: 14px;
    line-height: 22px;
}
body .mc-landing[data-mc-browse-only] .mc-rhythm-head h2 {
    margin: 0;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    letter-spacing: -.04em;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
body .mc-landing[data-mc-browse-only] .mc-rhythm-head > p:last-child,
body .mc-landing[data-mc-browse-only] .mc-rhythm-head .mc-final-preview__head-copy > p:last-child {
    max-width: none;
    margin: 16px 0 0 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-final-preview__workspace {
    margin-top: 0;
}
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-skin-rail,
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-skin-rail__inner {
    padding: 0;
    border: 0;
}
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-final-preview__decision,
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-rail,
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-rail__inner,
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-rail__menu,
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-catalog-search,
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-rail__list,
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-grid,
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-catalog-compact-more {
    width: 100% !important;
    max-width: none !important;
}
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-rail__list,
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-grid {
    padding: 0 !important;
}
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-grid {
    gap: 24px 16px !important;
}
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-rail__list {
    margin-top: 24px !important;
}
body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-rail__menu {
    border-bottom-color: rgba(255, 255, 255, .18) !important;
}
body .mc-landing[data-mc-browse-only] .mc-catalog-browse-link {
    display: inline-flex;
    min-height: 44px;
    padding: 0;
    border: 0;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}
body .mc-landing[data-mc-browse-only] .mc-catalog-browse-link span { font-size: 18px; }
body.mc-catalog-expanded .mc-landing .mc-catalog-browse-link { display: none; }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close {
    color: var(--bj-clean, #fff);
}
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close i::before,
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close i::after {
    background: currentColor;
}
body .mc-landing[data-mc-browse-only] .mc-style-story__examples {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    margin: 0;
}
body .mc-landing[data-mc-browse-only] .mc-style-story__example {
    display: grid;
    grid-template-columns: 144px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-width: 0;
}
body .mc-landing[data-mc-browse-only] .mc-style-story__copy { grid-column: 2; grid-row: 1; width: 100%; margin: 0; }
body .mc-landing[data-mc-browse-only] .mc-style-story__example h3,
body .mc-landing[data-mc-browse-only] .mc-feature-story__copy h3,
body .mc-landing[data-mc-browse-only] .mc-feature-editor-note h3 {
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: -.025em;
}
body .mc-landing[data-mc-browse-only] .mc-style-story__copy > p,
body .mc-landing[data-mc-browse-only] .mc-feature-story__copy > p,
body .mc-landing[data-mc-browse-only] .mc-feature-editor-note p {
    margin: 8px 0 0;
    font-size: 16px;
    line-height: 26px;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
body .mc-landing[data-mc-browse-only] .mc-style-story__copy > p {
    color: var(--bj-muted, #66635e);
}
body .mc-landing[data-mc-browse-only] .mc-style-story__examples figure,
body .mc-landing[data-mc-browse-only] .mc-feature-story__visual {
    display: block;
    width: 100%;
    max-height: none;
    margin: 24px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
}
body .mc-landing[data-mc-browse-only] [data-mc-story-proof] {
    display: block;
    box-sizing: content-box;
    width: 100%;
    max-width: 320px;
    height: auto;
    margin-inline: 0;
    /* Scene captures contain their own safe area; do not add a second canvas. */
    padding: 0;
    background: var(--bj-clean, #fff);
    border-radius: var(--bj-catalog-media-radius, 8px);
}
/* Continue each existing capture's measured canvas color, not a new UI palette. */
body .mc-landing[data-mc-browse-only] [data-mc-story-proof="rhythm-lovely"] { background: #fcf9f4; }
body .mc-landing[data-mc-browse-only] [data-mc-story-proof="rhythm-simple"] { background: #fafafa; }
body .mc-landing[data-mc-browse-only] [data-mc-story-proof="feature-gallery"] { background: #f9f9f9; }
body .mc-landing[data-mc-browse-only] [data-mc-story-proof][hidden] { display: none; }
body .mc-landing[data-mc-browse-only] .mc-style-story__examples figcaption,
body .mc-landing[data-mc-browse-only] .mc-feature-story__visual figcaption {
    margin: 12px 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    color: inherit;
    opacity: .72;
}
body .mc-landing[data-mc-browse-only] .mc-story-proof-error:not([hidden]) {
    display: block;
    padding: 24px 0;
    font-size: 16px;
    line-height: 26px;
}
body .mc-landing[data-mc-browse-only] .mc-style-story__note {
    margin: 32px 0 0;
    font-size: 16px;
    line-height: 26px;
}
body .mc-landing[data-mc-browse-only] .mc-feature-stories {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
body .mc-landing[data-mc-browse-only] .mc-feature-story,
body .mc-landing[data-mc-browse-only] .mc-feature-story:nth-child(even) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "copy" "proof";
    gap: 0;
    min-width: 0;
    padding: 20px 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
}
body .mc-landing[data-mc-browse-only] .mc-feature-story:first-child { padding-top: 0; }
body .mc-landing[data-mc-browse-only] .mc-feature-story:last-child { padding-bottom: 0; border-bottom: 0; }
body .mc-landing[data-mc-browse-only] .mc-feature-story__copy > span {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 22px;
}
body .mc-landing[data-mc-browse-only] .mc-feature-story__related {
    grid-area: related;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}
body .mc-landing[data-mc-browse-only] .mc-feature-story__related li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    border: 0;
    border-radius: 0;
    background: none;
}
body .mc-landing[data-mc-browse-only] .mc-feature-story__related li:not(:last-child)::after { content: "·"; margin-inline: 8px; opacity: .6; }
body .mc-landing[data-mc-browse-only] .mc-feature-story__copy { grid-area: copy; width: 100%; margin: 0; }
body .mc-landing[data-mc-browse-only] .mc-feature-story__visual {
    grid-area: proof;
    display: flex;
    flex-direction: column;
    width: min(100%, 300px);
    margin: 16px auto 0;
}
body .mc-landing[data-mc-browse-only] .mc-feature-story__visual figcaption { order: -1; margin: 0 0 8px; text-align: left; line-height: 21px; }
body .mc-landing[data-mc-browse-only] .mc-style-story__examples figure {
    grid-column: 1;
    grid-row: 1;
    width: 144px;
    margin: 0;
}
body .mc-landing[data-mc-browse-only] .mc-feature-editor-note {
    display: block;
    margin-top: 24px;
    padding-top: 0;
    border: 0;
    border-top-color: rgba(255, 255, 255, .18);
}
body .mc-landing[data-mc-browse-only] .mc-feature-editor-note > span { display: none; }
body .mc-landing[data-mc-browse-only] .mc-closing__body {
    gap: 32px;
    margin: 0;
    padding: 0;
}
body .mc-landing[data-mc-browse-only] .mc-closing[data-mc-body-section] {
    border-top: 1px solid rgba(255, 255, 255, .18);
}
body .mc-landing[data-mc-browse-only] .mc-closing__proof { width: min(100%, 320px); margin: 0 auto; }
body .mc-landing[data-mc-browse-only] .mc-closing__proof > img { width: min(100%, 320px); }
body .mc-landing[data-mc-browse-only] .mc-closing__content { width: 100%; min-width: 0; }
body .mc-landing[data-mc-browse-only] .mc-closing__proof figcaption {
    margin: 12px 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
}
body .mc-landing[data-mc-browse-only] .mc-closing__policies .mc-benefit-row {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 8px;
    margin: 0;
    padding: 24px 0;
    border-bottom-color: rgba(255, 255, 255, .18);
}
body .mc-landing[data-mc-browse-only] .mc-closing__policies .mc-benefit-row > b {
    display: block;
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    font-size: 14px;
    line-height: 28px;
}
body .mc-landing[data-mc-browse-only] .mc-closing__policies .mc-benefit-row > strong {
    display: block;
    margin: 0;
    grid-column: 2;
    grid-row: 1;
    font-size: 20px;
    line-height: 28px;
}
body .mc-landing[data-mc-browse-only] .mc-closing__policies .mc-benefit-row > p {
    grid-column: 2;
    grid-row: 2;
    margin: 8px 0 0;
    font-size: 16px;
    line-height: 26px;
}
@media (min-width: 768px) {
    body .mc-landing[data-mc-browse-only] [data-mc-body-section] { --mc-body-gutter: 32px; padding-block: 64px !important; }
    body .mc-landing[data-mc-browse-only] .mc-style-story__examples { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
    body .mc-landing[data-mc-browse-only] .mc-style-story__example { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
    body .mc-landing[data-mc-browse-only] .mc-style-story__examples figure { order: -1; width: 160px; }
    body .mc-landing[data-mc-browse-only] .mc-feature-story,
    body .mc-landing[data-mc-browse-only] .mc-feature-story:nth-child(even) {
        grid-template-columns: 320px minmax(0, 1fr);
        grid-template-rows: 1fr auto 1fr;
        grid-template-areas: "proof ." "proof copy" "proof .";
        column-gap: 32px;
        padding-block: 32px;
    }
    body .mc-landing[data-mc-browse-only] .mc-feature-story:first-child { padding-top: 0; }
    body .mc-landing[data-mc-browse-only] .mc-feature-story:last-child { padding-bottom: 0; }
    body .mc-landing[data-mc-browse-only] .mc-feature-story__related { align-self: start; }
    body .mc-landing[data-mc-browse-only] .mc-feature-story__visual { width: 320px; margin: 0; }
    body .mc-landing[data-mc-browse-only] .mc-closing__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 48px !important; align-items: center; }
    body .mc-landing[data-mc-browse-only] .mc-closing__proof { width: 100%; grid-column: 1 !important; grid-row: 1 !important; }
    body .mc-landing[data-mc-browse-only] .mc-closing__proof > img { width: 100%; }
    body .mc-landing[data-mc-browse-only] .mc-closing__content { grid-column: 2 !important; grid-row: 1 !important; margin: 0; }
}
@media (max-width: 1023px) {
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-skin-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-skin-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 767px) {
    body .mc-landing[data-mc-browse-only] .mc-closing__body { display: block; }
    body .mc-landing[data-mc-browse-only] .mc-closing__content { margin-top: 32px; }
}
@media (max-width: 359px) {
    body .mc-landing[data-mc-browse-only] .mc-style-story__example { grid-template-columns: 124px minmax(0, 1fr); }
    body .mc-landing[data-mc-browse-only] .mc-style-story__examples figure { width: 124px; }
}
@media (min-width: 1024px) {
    body .mc-landing[data-mc-browse-only] .mc-rhythm-head h2 { font-size: 28px !important; line-height: 38px !important; }
    body .mc-landing[data-mc-browse-only] .mc-style-story__examples { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
    body .mc-landing[data-mc-browse-only] .mc-style-story__example h3,
    body .mc-landing[data-mc-browse-only] .mc-feature-story__copy h3,
    body .mc-landing[data-mc-browse-only] .mc-feature-editor-note h3 { font-size: 20px; line-height: 28px; }
}
/* Explanatory sections share a single measure; discovery and protected hero retain theirs. */
body .mc-landing[data-mc-browse-only] :is(.mc-style-story, .mc-feature-education, .mc-closing) .mc-rhythm-inner {
    width: min(880px, calc(100% - (2 * var(--mc-body-gutter)))) !important;
}
body .mc-landing[data-mc-browse-only] .mc-feature-editor-note p { margin: 0; color: inherit; opacity: .72; }
@media (min-width: 768px) {
    body .mc-landing[data-mc-browse-only] .mc-rhythm-head { margin-bottom: 32px !important; }
}

/* Catalog breathing room: natural aspect ratio, same rule in the full catalog. */
@media (max-width: 767px) {
    html body:not(.mc-catalog-expanded) .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-grid,
    html body.mc-catalog-expanded .mc-landing[data-mc-browse-only] .mc-design-picker .mc-skin-grid { gap: 32px 24px !important; }
    body .mc-landing[data-mc-browse-only] .mc-skin-thumb {
        width: calc(100% - 8px);
        margin-inline: 4px;
    }
    body .mc-landing[data-mc-browse-only] .mc-skin-meta { padding-inline: 4px; }
}

/* The preview owns floating controls, not an opaque toolbar. */
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-overlay.is-open {
    grid-template-rows: minmax(0, 1fr);
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-card { grid-row: 1; }
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-header {
    /* One height for the back circle and the design-name pill so they share edges and centre. */
    --mc-preview-chrome-h: 38px;
    position: absolute;
    z-index: 3;
    top: calc(16px + env(safe-area-inset-top));
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 8px;
    width: min(calc(100% - 32px), 398px);
    min-height: var(--mc-preview-chrome-h);
    padding: 0;
    border: 0;
    background: transparent;
    pointer-events: none;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-header > span { display: none; }
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-header > strong {
    box-sizing: border-box;
    height: var(--mc-preview-chrome-h);
    max-width: calc(100% - 60px);
    padding: 8px 12px;
    border-radius: 24px;
    color: var(--bj-ink, #181817);
    background: rgba(253, 253, 252, .94);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
    font-size: var(--bj-type-caption, 14px);
    line-height: 22px;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-close {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    flex: 0 0 var(--mc-preview-chrome-h);
    width: var(--mc-preview-chrome-h);
    height: var(--mc-preview-chrome-h);
    margin: 0;
    padding: 0;
    border: 1px solid var(--bj-line, #ece9e6);
    border-radius: 50%;
    color: var(--bj-ink, #181817);
    background: var(--bj-header-surface, #fdfdfc);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
    pointer-events: auto;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-close::before,
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-close::after { display: none; }
/* Drawn arrow, not a text glyph: a glyph's ink sits below its line box and reads as sagging. */
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-close svg {
    display: block;
    width: 20px;
    height: 20px;
}
body .mc-landing[data-mc-browse-only] .mc-preview-create {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: calc(16px + env(safe-area-inset-bottom));
    transform: translateX(-50%);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 36px;
    align-items: center;
    width: min(calc(100% - 32px), 398px);
    min-height: 56px;
    padding: 8px 12px 8px 48px;
    gap: 8px;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: var(--bj-control-radius, 8px);
    color: #fff;
    background: var(--bj-ink, #181817);
    box-shadow: 0 4px 16px rgba(0,0,0,.24);
    text-align: center;
    text-decoration: none;
    font-size: var(--bj-type-action, 16px);
    font-weight: 600;
    line-height: 24px;
}
body .mc-landing[data-mc-browse-only] .mc-preview-create i {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    align-self: center;
    width: 34px;
    height: 34px;
    border: 1px solid currentColor;
    border-radius: 50%;
}
body .mc-landing[data-mc-browse-only] .mc-preview-create i svg {
    display: block;
    width: 20px;
    height: 20px;
}
/* Legacy overlay span rules use 12px; the action label must inherit ACTION. */
body .mc-landing[data-mc-browse-only] .mc-preview-create > span { font: inherit !important; }
body .mc-landing[data-mc-browse-only] :is(.mc-preview-create, .mc-mobile-preview-close):focus-visible {
    outline: 2px solid var(--bj-ink, #181817);
    outline-offset: 3px;
    box-shadow: 0 0 0 5px #fff;
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .ed-preview__frame {
    box-sizing: border-box;
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
}
body.mc-mobile-preview-open .mc-landing[data-mc-browse-only] .mc-mobile-preview-feedback:not([hidden]) {
    bottom: calc(88px + env(safe-area-inset-bottom));
}

/* The phone is a viewport onto the whole invitation, not a padded image. */
body .mc-landing[data-mc-browse-only] .mc-feature-phone {
    position: relative; box-sizing: content-box; width: calc(100% - 12px);
    height: clamp(320px, calc(100svh - 372px), 620px); margin: 0; overflow: hidden;
    border: 6px solid var(--bj-charcoal, #1a1a18); border-radius: 32px;
    background: var(--bj-paper, #fbfaf7);
    box-shadow: 0 0 0 1px rgba(255,255,255,.4), 0 16px 32px rgba(0,0,0,.18);
}
body .mc-landing[data-mc-browse-only] .mc-feature-phone iframe {
    display: block; position: absolute; top: 0; left: 0; width: 390px; height: 780px;
    border: 0; max-width: none; transform-origin: top left;
}
body .mc-landing[data-mc-browse-only] .mc-feature-phone__status {
    position: absolute; inset: 0; display: flex; flex-direction: column;
    justify-content: center; align-items: center; gap: 16px; padding: 24px;
    color: var(--bj-ink, #181817); background: var(--bj-paper, #fbfaf7);
    font-size: 14px; line-height: 1.5; text-align: center;
}
body .mc-landing[data-mc-browse-only] .mc-feature-phone__status[hidden] { display: none; }
body .mc-landing[data-mc-browse-only] .mc-feature-phone__status button {
    min-height: 44px; padding: 8px 16px; border: 1px solid currentColor;
    border-radius: var(--bj-control-radius, 8px); background: transparent; color: inherit;
}
body .mc-landing[data-mc-browse-only] .mc-feature-explorer { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; min-width: 0; }
body .mc-landing[data-mc-browse-only] .mc-feature-menu { width: 100%; max-width: 100%; min-width: 0; justify-self: stretch; }
body .mc-landing[data-mc-browse-only] .mc-feature-group-nav,
body .mc-landing[data-mc-browse-only] .mc-feature-links { display: flex; gap: 8px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
body .mc-landing[data-mc-browse-only] .mc-feature-group-nav { border-bottom: 1px solid rgba(255,255,255,.18); margin-bottom: 8px; gap: 20px; }
body .mc-landing[data-mc-browse-only] .mc-feature-group-nav button,
body .mc-landing[data-mc-browse-only] .mc-feature-links button { flex: 0 0 auto; min-height: 44px; padding: 8px 12px; border: 1px solid transparent; background: transparent; color: inherit; font: inherit; font-size: var(--bj-type-body,16px); line-height: 24px; cursor: pointer; white-space: nowrap; }
body .mc-landing[data-mc-browse-only] .mc-feature-group-nav button { padding-inline: 0; border-width: 0 0 2px; opacity: .65; }
body .mc-landing[data-mc-browse-only] .mc-feature-group-nav button[aria-pressed="true"] { border-color: currentColor; opacity: 1; font-weight: 700; }
body .mc-landing[data-mc-browse-only] .mc-feature-links button { border-radius: var(--bj-control-radius,8px); }
body .mc-landing[data-mc-browse-only] .mc-feature-links button[aria-current="true"] { color: var(--bj-charcoal,#1a1a18); background: var(--bj-paper,#fbfaf7); font-weight: 600; }
body .mc-landing[data-mc-browse-only] .mc-feature-explorer button:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
body .mc-landing[data-mc-browse-only] .mc-feature-options h3,
body .mc-landing[data-mc-browse-only] .mc-feature-options p { display: none; }
body .mc-landing[data-mc-browse-only] .mc-feature-options[data-active="false"] { display: none; }
body .mc-landing[data-mc-browse-only] .mc-feature-stage { width: min(100%,340px); min-width: 0; margin: 0 auto; }
body .mc-landing[data-mc-browse-only] .mc-feature-stage__label { display: flex; align-items: center; justify-content: space-between; height: 28px; margin-bottom: 8px; font-size: var(--bj-type-body,16px); }
body .mc-landing[data-mc-browse-only] [data-mc-feature-count] { font-size: var(--bj-type-caption,14px); opacity: .7; white-space: nowrap; }
body .mc-landing[data-mc-browse-only] .mc-feature-step-nav { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; gap: 8px; }
body .mc-landing[data-mc-browse-only] .mc-feature-step-nav button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: inherit; font-size: var(--bj-type-body,16px); cursor: pointer; }
body .mc-landing[data-mc-browse-only] .mc-feature-step-nav button:disabled { opacity: .32; cursor: default; }
body .mc-landing[data-mc-browse-only] .mc-feature-step-nav svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; }
/* On a phone, show the invitation itself at its native portrait ratio. */
@media (max-width: 1023px) {
    body .mc-landing[data-mc-browse-only] .mc-feature-stage { width: min(100%,390px); }
    body .mc-landing[data-mc-browse-only] .mc-feature-phone {
        width: 100%; height: auto; aspect-ratio: 1 / 2;
        border: 0; border-radius: var(--bj-catalog-media-radius,8px); box-shadow: none;
    }
    body .mc-landing[data-mc-browse-only] .mc-feature-stage__label {
        position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
        overflow: hidden; clip-path: inset(50%); white-space: nowrap;
    }
}
@media (min-width: 1024px) {
    body .mc-landing[data-mc-browse-only] [data-mc-feature-count] { position: absolute; top: 4px; right: 0; }
    body .mc-landing[data-mc-browse-only] .mc-feature-explorer { grid-template-columns: minmax(0,390px) minmax(0,1fr); gap: 64px; align-items: start; }
    body .mc-landing[data-mc-browse-only] .mc-feature-stage { grid-column: 1; grid-row: 1; width: 100%; position: sticky; top: 132px; }
    body .mc-landing[data-mc-browse-only] .mc-feature-phone { height: clamp(320px, calc(100svh - 256px), 780px); }
    body .mc-landing[data-mc-browse-only] .mc-feature-menu { grid-column: 2; grid-row: 1; }
    body .mc-landing[data-mc-browse-only] .mc-feature-group-nav { display: none; }
    body .mc-landing[data-mc-browse-only] .mc-feature-options[data-active] { display: block; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
    body .mc-landing[data-mc-browse-only] .mc-feature-options:first-of-type { padding-top: 0; }
    body .mc-landing[data-mc-browse-only] .mc-feature-options:last-child { padding-bottom: 0; border-bottom: 0; }
    body .mc-landing[data-mc-browse-only] .mc-feature-options h3 { display: block; margin: 0 0 8px; font-size: 20px; line-height: 28px; font-weight: 600; }
    body .mc-landing[data-mc-browse-only] .mc-feature-options p { display: block; margin: 0 0 16px; color: rgba(255,255,255,.7); font-size: var(--bj-type-body,16px); line-height: 1.6; }
    body .mc-landing[data-mc-browse-only] .mc-feature-links { flex-wrap: wrap; overflow: visible; }
    body .mc-landing[data-mc-browse-only] .mc-feature-links button { border-color: rgba(255,255,255,.25); }
}
body .mc-site-footer-wrap { width: 100%; margin: 0; }
@media (max-width: 1023px) {
    body .mc-site-footer-wrap { padding-bottom: calc(84px + env(safe-area-inset-bottom)); background: var(--bj-footer-surface, #fdfdfc); }
}
/* One stable reading frame: only the invitation's scroll position changes. */
body .mc-landing[data-mc-browse-only] .mc-feature-carousel {
    grid-area: proof;
    width: min(100%, 300px);
    min-width: 0;
    margin: 16px auto 0;
}
body .mc-landing[data-mc-browse-only] .mc-feature-story h3 { scroll-margin-top: 80px; }
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__track {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding: 0;
    box-sizing: border-box;
}
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__track::-webkit-scrollbar { display: none; }
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__slide {
    position: relative;
    flex: 0 0 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    border: 0;
    background: transparent;
}
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__slide picture {
    display: block;
    width: 100%;
    aspect-ratio: 9 / 16;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid var(--bj-border, #dededb);
    overflow: hidden;
    background: var(--bj-clean, #fff);
    border-radius: var(--bj-catalog-media-radius, 8px);
}
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__slide [data-mc-story-proof] {
    /* Portrait viewport stays fixed; short scenes never stretch to fill it. */
    width: min(100%, 260px);
    max-width: none;
    height: 100%;
    margin-inline: auto;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
}
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__slide .mc-story-proof-error:not([hidden]) {
    position: absolute; inset: 0 0 auto; aspect-ratio: 9 / 16; box-sizing: border-box;
    display: flex; align-items: center; justify-content: center;
    margin: 0; padding: 24px 16px;
    color: var(--bj-ink, #181817); background: var(--bj-clean, #fff);
    border-radius: var(--bj-catalog-media-radius, 8px);
}
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__slide figcaption { margin: 16px 0 0; font-size: 16px; line-height: 24px; }
body .mc-landing[data-mc-browse-only] .mc-feature-carousel.is-enhanced figcaption {
    position: absolute; top: 0; left: 0; margin: 0;
    width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__controls {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    min-height: 44px;
}
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__controls[hidden] { display: none; }
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__identity { flex: 1; min-width: 0; }
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__current { display: block; font-size: 16px; line-height: 24px; font-weight: 600; }
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__up-next { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 20px; opacity: .72; }
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__count { font-size: 14px; line-height: 21px; white-space: nowrap; opacity: .72; }
@media (max-width: 359px) {
    body .mc-landing[data-mc-browse-only] .mc-feature-carousel__slide [data-mc-story-proof] { width: min(100%, 208px); }
}
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__controls button {
    flex: 0 0 44px; width: 44px; height: 44px; padding: 10px;
    display: inline-flex; justify-content: center; align-items: center;
    border: 1px solid currentColor; border-radius: 50%; background: transparent; color: inherit;
}
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__controls button:disabled { opacity: .32; cursor: default; }
body .mc-landing[data-mc-browse-only] .mc-feature-carousel__controls svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; }
body .mc-landing[data-mc-browse-only] .mc-feature-carousel :focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (min-width: 768px) {
    body .mc-landing[data-mc-browse-only] .mc-feature-stories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 32px;
        row-gap: 32px;
    }
    body .mc-landing[data-mc-browse-only] .mc-feature-story,
    body .mc-landing[data-mc-browse-only] .mc-feature-story:nth-child(even) {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 1fr auto;
        grid-template-areas: "copy" "proof";
        align-content: start;
        padding: 0 0 32px;
        position: relative;
        border-bottom: 0;
    }
    body .mc-landing[data-mc-browse-only] .mc-feature-story::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: min(100%, 300px); border-bottom: 1px solid rgba(255, 255, 255, .18); }
    body .mc-landing[data-mc-browse-only] .mc-feature-story:nth-last-child(-n+2)::after { display: none; }
    body .mc-landing[data-mc-browse-only] .mc-feature-story:nth-last-child(-n+2) { border-bottom: 0; padding-bottom: 0; }
    body .mc-landing[data-mc-browse-only] .mc-feature-story__copy { width: min(100%, 300px); margin: 0 auto; }
    body .mc-landing[data-mc-browse-only] .mc-feature-carousel { margin: 16px auto 0; }
}

/* Expanded catalog uses the shared SUBSECTION / ACTION / CAPTION hierarchy. */
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__head { justify-content: space-between !important; gap: 16px; }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__title { position: static !important; transform: none !important; width: auto !important; margin: 0 !important; text-align: left !important; }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__title > strong { display: block; font-size: 20px !important; line-height: 30px !important; font-weight: 600; }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close { min-width: 44px; min-height: 44px; font-size: 16px !important; line-height: 24px !important; }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close span { font: inherit !important; }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close { width: 44px; height: 44px; flex: 0 0 44px; padding: 10px; border: 0; background: transparent; box-shadow: none; border-radius: 8px; }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close span { display: none !important; }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close i { position: relative; display: block; width: 24px; height: 24px; border: 0; border-radius: 0; }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close i::before,
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close i::after { content: ""; position: absolute; top: 11px; left: 0; width: 24px; height: 1.5px; transform: rotate(45deg); }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close i::after { transform: rotate(-45deg); }
body.mc-catalog-expanded .mc-landing .mc-catalog-expanded__close:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-skin-rail__inner { display: flex !important; flex-direction: column; gap: 0 !important; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-catalog-toolbar { order: 0; flex: 0 0 auto; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-catalog-filter-panel { order: 1; flex: 0 0 auto; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-catalog-search { order: 2; flex: 0 0 auto; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-skin-rail__list { order: 3; flex: 1 1 auto; min-height: 0; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-catalog-search { margin-bottom: 24px !important; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-catalog-search > input { font-size: 16px !important; line-height: 24px !important; min-width: 0; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-skin-rail__list { padding-top: 0 !important; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-skin-card { gap: 0 !important; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-skin-meta { display: flex !important; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 16px !important; padding: 0 4px !important; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-skin-name { display: block !important; min-height: 48px; font-size: 16px !important; line-height: 24px !important; white-space: normal !important; overflow: visible !important; word-break: keep-all; overflow-wrap: anywhere; }
body.mc-catalog-expanded .mc-landing .mc-design-picker .mc-skin-meta .mc-badge { display: inline-flex !important; font-size: 14px !important; line-height: 21px !important; }