.meun-root,
.meun-root * {
    box-sizing: border-box;
}

.meun-root {
    --meun-max-width: 1360px;
    --meun-sticky-top: 70px;
    --meun-bg: #ffffff;
    --meun-ink: #111827;
    --meun-ink-soft: #5b6578;
    --meun-line: #d8dee8;
    --meun-line-soft: #e8edf3;
    --meun-accent: #2f4b9a;
    --meun-accent-soft: #eef2ff;
    --meun-radius: 6px;
    --meun-gap: 28px;
    --meun-font: Inter, "Helvetica Neue", Arial, sans-serif;
    --meun-featured-gap-bottom: 44px;
    --meun-featured-gap-bottom-mobile: 34px;
    --meun-hero-gap: 40px;
    --meun-hero-copy-max: 400px;
    --meun-kicker-size: 10px;
    --meun-meta-size: 13px;
    --meun-hero-byline-size: 13px;
    --meun-reading-size: 11px;
    --meun-hero-title-size: 36px;
    --meun-hero-title-size-mobile: 38px;
    --meun-hero-title-weight: 700;
    --meun-special-title-size: 30px;
    --meun-special-title-size-mobile: 28px;
    --meun-special-title-weight: 700;
    --meun-special-label-size: 13px;
    --meun-special-label-color: #0f172a;
    --meun-support-title-size: 17px;
    --meun-support-title-size-mobile: 18px;
    --meun-support-title-weight: 650;
    --meun-story-title-size: 30px;
    --meun-story-title-size-mobile: 32px;
    --meun-story-title-weight: 650;
    --meun-story-excerpt-size: 15px;
    --meun-rail-heading-size: 11px;
    --meun-most-read-kicker-size: 9px;
    --meun-most-read-title-size: 17px;
    --meun-most-read-title-size-mobile: 16px;
    --meun-most-read-title-weight: 650;
    margin: 0 auto 56px;
    padding: 0 18px;
    color: var(--meun-ink);
    font-family: var(--meun-font);
}

.meun-root a,
.meun-root a:hover,
.meun-root a:focus,
.meun-root a:active,
.meun-root button,
.meun-root button:hover,
.meun-root button:focus,
.meun-root button:active {
    -webkit-tap-highlight-color: transparent;
}

.meun-root::before,
.meun-root::after,
.meun-root h1::before,
.meun-root h1::after,
.meun-root h2::before,
.meun-root h2::after,
.meun-root h3::before,
.meun-root h3::after,
.meun-root h4::before,
.meun-root h4::after,
.meun-root h5::before,
.meun-root h5::after,
.meun-root h6::before,
.meun-root h6::after {
    content: none !important;
    display: none !important;
}

.meun-shell {
    max-width: var(--meun-max-width);
    margin: 0 auto;
    overflow: visible;
}

.meun-featured {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(255px, 304px);
    gap: 42px;
    align-items: start;
    margin: 0 0 var(--meun-featured-gap-bottom);
}

.meun-special {
    margin: 24px 0 32px;
    padding: 18px 0 20px;
    border-top: 1px solid var(--meun-line-soft);
    border-bottom: 1px solid var(--meun-line-soft);
}

.meun-special-head {
    margin: 0 0 14px;
}

.meun-special-head h3 {
    margin: 0;
    color: var(--meun-special-label-color);
    font-size: var(--meun-special-label-size);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.meun-special-grid {
    display: grid;
    gap: 14px;
    align-items: stretch;
}

.meun-special--count-1 .meun-special-grid {
    grid-template-columns: minmax(0, 1fr);
}

.meun-special--count-2 .meun-special-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.meun-special--count-3 .meun-special-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.meun-special-card {
    min-width: 0;
}

.meun-special--count-1 .meun-special-card {
    display: grid;
    grid-template-columns: minmax(180px, 44%) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.meun-special--count-2 .meun-special-card {
    display: grid;
    grid-template-columns: minmax(180px, 54%) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.meun-special--count-2 .meun-special-media {
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
    height: 100%;
    min-height: 220px;
    aspect-ratio: auto;
}

.meun-special--count-2 .meun-special-title {
    grid-column: 2;
    grid-row: 1;
}

.meun-special--count-3 .meun-special-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.meun-special--count-3 .meun-special-title {
    font-size: var(--meun-special-title-size);
    line-height: 1.12;
    font-weight: var(--meun-special-title-weight);
}

.meun-special-media {
    display: block;
    position: relative;
    line-height: 0;
    border-radius: var(--meun-radius);
    overflow: hidden;
    background: var(--meun-bg);
    aspect-ratio: 16 / 10;
}

.meun-special-media > img,
.meun-special-media > iframe,
.meun-special-media > video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block;
}

.meun-special-media > iframe {
    border: 0;
}

.meun-special-media.meun-video-media > .meun-video-hit-area {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.meun-special-media.meun-video-media > .meun-video-volume {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 3;
}

.meun-special-title {
    margin: 0;
    color: var(--meun-ink);
    font-size: var(--meun-special-title-size);
    line-height: 1.08;
    font-weight: var(--meun-special-title-weight);
    letter-spacing: -0.03em;
    text-wrap: pretty;
}

.meun-special-title a {
    color: inherit;
    text-decoration: none;
}

.meun-special-title a:hover {
    color: inherit !important;
    opacity: 0.88;
}

@media (max-width: 980px) {
    .meun-special-grid,
    .meun-special--count-2 .meun-special-grid,
    .meun-special--count-3 .meun-special-grid,
    .meun-special--count-4 .meun-special-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        overflow: visible;
    }

    .meun-special--count-1 .meun-special-card,
    .meun-special--count-2 .meun-special-card,
    .meun-special--count-3 .meun-special-card,
    .meun-special--count-4 .meun-special-card {
        display: grid;
        grid-template-columns: minmax(120px, 42%) minmax(0, 1fr);
        gap: 12px;
        align-items: start;
    }

    .meun-special-media,
    .meun-special--count-2 .meun-special-media,
    .meun-special--count-3 .meun-special-media,
    .meun-special--count-4 .meun-special-media {
        grid-column: 1;
        grid-row: 1;
        aspect-ratio: 16 / 10;
        align-self: start;
        min-height: 0;
        height: auto;
    }

    .meun-special-title,
    .meun-special--count-2 .meun-special-title,
    .meun-special--count-3 .meun-special-title,
    .meun-special--count-4 .meun-special-title {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
    }

    .meun-special-card:nth-child(n+3) {
        display: none;
    }

    .meun-special-title {
        font-size: var(--meun-special-title-size-mobile);
    }
}

.meun-hero {
    display: grid;
    grid-template-columns: minmax(210px, 0.6fr) minmax(0, 1.4fr);
    gap: var(--meun-hero-gap);
    align-items: center;
    padding: 8px 0 18px;
    border-bottom: 0;
}

.meun-hero-copy,
.meun-hero-visual,
.meun-story-visual {
    margin: 0;
    min-width: 0;
}

.meun-hero-copy {
    align-self: center;
    width: 100%;
    max-width: var(--meun-hero-copy-max);
    justify-self: start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.meun-kicker {
    margin: 0 0 10px;
    color: var(--meun-ink-soft);
    font-size: var(--meun-kicker-size);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.meun-kicker::before,
.meun-kicker::after {
    content: none !important;
    display: none !important;
}

.meun-hero-title,
.meun-support-title,
.meun-story-title,
.meun-most-item h4 {
    margin: 0;
    color: var(--meun-ink);
    letter-spacing: -0.04em;
    text-wrap: pretty;
}

.meun-hero-title {
    font-size: var(--meun-hero-title-size);
    line-height: 1.04;
    font-weight: var(--meun-hero-title-weight);
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.meun-hero-title a,
.meun-support-title a,
.meun-story-title a,
.meun-most-item h4 a {
    color: inherit;
    text-decoration: none;
}

.meun-hero-title a:hover,
.meun-support-title a:hover,
.meun-story-title a:hover,
.meun-most-item h4 a:hover {
    opacity: 0.88;
    color: inherit !important;
}

.meun-byline,
.meun-support-meta,
.meun-story-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: var(--meun-ink-soft);
    font-size: var(--meun-meta-size);
    line-height: 1.3;
}

.meun-byline {
    margin: 0;
}

.meun-byline--hero {
    gap: 9px;
    font-size: var(--meun-hero-byline-size);
    margin-top: 16px;
    justify-content: flex-start;
}

.meun-byline--hero .meun-avatar {
    transform: none;
}

.meun-byline--hero span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
}

.meun-reading-time {
    color: var(--meun-ink-soft);
    font-size: var(--meun-reading-size);
    line-height: 1.2;
    white-space: nowrap;
}

.meun-avatar {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50% !important;
    object-fit: cover;
    display: block;
    background: #eef2f7;
    overflow: hidden;
}

.meun-dot {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: currentColor;
    opacity: 0.45;
}

.meun-live-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px;
    border-radius: 999px;
    background: #ef4444;
    vertical-align: middle;
    animation: meunLivePulse 1.2s ease-in-out infinite;
}

@keyframes meunLivePulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.35;
        transform: scale(0.82);
    }
}

.meun-summary,
.meun-story-summary {
    margin: 0;
    color: #334155;
    font-size: var(--meun-story-excerpt-size);
    line-height: 1.58;
}

.meun-hero-media,
.meun-story-media,
.meun-most-media {
    display: block;
    position: relative;
    overflow: hidden;
    background: var(--meun-bg);
    line-height: 0;
}

.meun-hero-media {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: var(--meun-radius);
    aspect-ratio: 16 / 9;
}

.meun-hero-visual {
    align-self: center;
    justify-self: start;
    width: 100%;
    margin-left: 0;
}

.meun-image-caption {
    margin: 10px 0 0;
    color: var(--meun-ink-soft);
    font-size: 11px;
    line-height: 1.4;
}

.meun-hero-media img,
.meun-hero-media iframe,
.meun-hero-media video,
.meun-story-media img,
.meun-story-media iframe,
.meun-story-media video,
.meun-most-media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block;
}

.meun-support-list {
    border-top: 1px solid var(--meun-line-soft);
}

.meun-support-item {
    padding: 20px 0 22px;
    border-bottom: 1px solid var(--meun-line-soft);
}

.meun-support-title {
    font-size: var(--meun-support-title-size);
    line-height: 1.16;
    font-weight: var(--meun-support-title-weight);
    margin-bottom: 0;
}

.meun-lower {
    display: grid;
    grid-template-columns: minmax(0, 1.52fr) minmax(260px, 0.7fr);
    gap: 34px;
    align-items: start;
    overflow: visible;
}

.meun-hero-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 0 0 56px;
    align-items: start;
}

.meun-hero-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.meun-hero-card-media {
    display: block;
    position: relative;
    border-radius: var(--meun-radius);
    overflow: hidden;
    background: var(--meun-bg);
    aspect-ratio: 16 / 10;
    line-height: 0;
}

.meun-hero-card-media img,
.meun-hero-card-media iframe,
.meun-hero-card-media video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    max-width: none !important;
}

.meun-root .meun-hero-media img,
.meun-root .meun-hero-media iframe,
.meun-root .meun-hero-media video,
.meun-root .meun-story-media img,
.meun-root .meun-story-media iframe,
.meun-root .meun-story-media video,
.meun-root .meun-most-media img,
.meun-root .meun-special-media img,
.meun-root .meun-special-media iframe,
.meun-root .meun-special-media video,
.meun-root .meun-hero-card-media img,
.meun-root .meun-hero-card-media iframe,
.meun-root .meun-hero-card-media video,
.meun-root .meun-custom-media img,
.meun-root .meun-custom-media iframe,
.meun-root .meun-custom-media video,
.meun-root img[loading="lazy"],
.meun-root img.lazyload,
.meun-root img.lazyloaded,
.meun-root img[data-lazy-src] {
    background: transparent !important;
    background-image: none !important;
    animation: none !important;
    transition: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}

.meun-hero-card-copy {
    min-width: 0;
}

.meun-hero-card-kicker {
    margin: 0 0 6px;
    color: var(--meun-ink-soft);
    font-size: 9px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.meun-hero-card-title {
    margin: 0;
    color: var(--meun-ink);
    font-size: 22px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.025em;
    text-wrap: pretty;
}

.meun-hero-card-title::before,
.meun-hero-card-title::after,
.meun-hero-card-title a::before,
.meun-hero-card-title a::after {
    content: none !important;
    display: none !important;
}

.meun-hero-card-title a {
    color: inherit;
    text-decoration: none;
}

.meun-hero-card-title a:hover {
    opacity: 0.88;
    color: inherit !important;
}

.meun-main {
    min-width: 0;
}

.meun-tabbar {
    position: relative;
    margin: 0 0 12px;
    padding-bottom: 4px;
}

.meun-tabbar::before {
    content: none !important;
    display: none !important;
}

.meun-pill-nav {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #f8fafc;
}

.meun-pill-nav::before,
.meun-pill-nav::after {
    content: none !important;
    display: none !important;
}

.meun-pill {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--meun-accent);
    padding: 10px 18px;
    border-radius: 999px;
    font: inherit;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    box-shadow: none !important;
}

.meun-pill::before,
.meun-pill::after {
    content: none !important;
    display: none !important;
}

.meun-pill.is-active {
    background: var(--meun-accent);
    color: #ffffff;
}

.meun-pill:hover,
.meun-pill:focus,
.meun-pill:active {
    background: transparent !important;
    color: var(--meun-accent) !important;
    box-shadow: none !important;
    outline: none !important;
}

.meun-pill.is-active:hover,
.meun-pill.is-active:focus,
.meun-pill.is-active:active {
    background: var(--meun-accent) !important;
    color: #ffffff !important;
}

.meun-stream {
    border-top: 0;
}

.meun-story {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 0 22px;
    border-bottom: 1px solid var(--meun-line-soft);
    opacity: 0;
    transform: translateY(6px);
    animation: meunFadeIn 0.4s ease forwards;
}

@keyframes meunFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.meun-story-top {
    display: flex;
    align-items: center;
    gap: 9px;
}

.meun-story-meta {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.meun-story-author {
    color: #2f3948;
    font-size: 12px;
    font-weight: 600;
}

.meun-story-tax {
    color: var(--meun-ink-soft);
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.meun-story-title {
    font-size: var(--meun-story-title-size);
    line-height: 1.08;
    font-weight: var(--meun-story-title-weight);
    width: 100%;
    max-width: none;
}

.meun-story-media {
    border-radius: var(--meun-radius);
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
}

.meun-story-foot {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
}

.meun-story-foot-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    justify-content: flex-start;
}

.meun-story-link,
.meun-story-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 10px 20px;
    border: 1.5px solid var(--meun-accent);
    border-radius: 999px;
    background: #fff;
    color: var(--meun-accent);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-transform: none;
    white-space: nowrap;
    box-shadow: none;
}

.meun-story-link:hover,
.meun-story-cta:hover {
    text-decoration: none;
    color: var(--meun-accent) !important;
    opacity: 1;
    background: rgba(47, 75, 154, 0.03);
}

.meun-feedback {
    padding: 14px 0;
    color: var(--meun-ink-soft);
    font-size: 13px;
}

.meun-sentinel {
    width: 100%;
    height: 1px;
}

.meun-rail {
    min-width: 0;
    align-self: start;
    position: relative;
    overflow: visible;
}

.meun-rail-inner {
    position: -webkit-sticky;
    position: sticky;
    top: var(--meun-sticky-top);
    padding-left: 18px;
    border-left: 1px solid var(--meun-line);
    width: 100%;
    max-height: calc(100vh - var(--meun-sticky-top) - 20px);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.meun-rail-inner.is-rail-fixed {
    z-index: 8;
}

.meun-rail-inner.is-rail-bottom {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
}

.meun-rail-head {
    margin: 0 0 14px;
}

.meun-rail-head h3 {
    margin: 0;
    color: var(--meun-ink-soft);
    font-size: var(--meun-rail-heading-size);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.meun-rail-head h3::after {
    content: "" !important;
    display: block !important;
    width: 56px;
    height: 2px;
    margin-top: 10px;
    background: #8a929f;
}

.meun-most-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.meun-most-item {
    display: grid;
    grid-template-columns: 24px 96px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 14px 0 16px;
    border-bottom: 1px solid var(--meun-line-soft);
}

.meun-most-item:last-child {
    border-bottom: none;
}

.meun-most-index {
    display: inline-block;
    color: #94a3b8;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    padding-top: 3px;
}

.meun-most-media {
    border-radius: 4px;
    aspect-ratio: 16 / 10;
    position: relative;
    overflow: hidden;
}

.meun-most-copy {
    min-width: 0;
}

.meun-most-copy .meun-kicker {
    margin-bottom: 6px;
    font-size: var(--meun-most-read-kicker-size);
}

.meun-most-item h4 {
    font-size: var(--meun-most-read-title-size);
    line-height: 1.1;
    font-weight: var(--meun-most-read-title-weight);
}

.meun-custom-module {
    max-width: var(--meun-max-width);
    margin: 42px auto;
    padding: 0 18px;
    color: var(--meun-ink);
    font-family: var(--meun-font);
}

.meun-custom-head {
    margin: 0 0 18px;
}

.meun-custom-head h2 {
    margin: 0;
    font-size: 27px;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-weight: 750;
}

.meun-custom-grid {
    display: grid;
    grid-template-columns: repeat(var(--meun-custom-columns, 4), minmax(0, 1fr));
    gap: 22px;
}

.meun-custom-card {
    display: flex;
    flex-direction: column;
    gap: 11px;
    min-width: 0;
}

.meun-custom-media {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: var(--meun-radius);
    background: var(--meun-bg);
    aspect-ratio: var(--meun-custom-ratio, 16 / 9);
    line-height: 0;
}

.meun-custom-media img,
.meun-custom-media iframe,
.meun-custom-media video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block;
}

.meun-custom-copy {
    min-width: 0;
}

.meun-custom-kicker {
    margin: 0 0 6px;
    color: var(--meun-ink-soft);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.meun-custom-title {
    margin: 0;
    color: var(--meun-ink);
    font-size: var(--meun-custom-title-size, 29px);
    line-height: 1.06;
    font-weight: var(--meun-custom-title-weight, 700);
    letter-spacing: -0.03em;
    text-wrap: pretty;
}

.meun-custom-title a {
    color: inherit;
    text-decoration: none;
}

.meun-custom-title a:hover {
    opacity: 0.88;
    color: inherit !important;
}

.meun-custom-excerpt {
    margin: 9px 0 0;
    color: #334155;
    font-size: 15px;
    line-height: 1.55;
}

.meun-custom-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 9px;
    color: var(--meun-ink-soft);
    font-size: 12px;
    line-height: 1.3;
}

@media (max-width: 1180px) {
    .meun-featured,
    .meun-lower {
        grid-template-columns: 1fr;
    }

    .meun-hero-cards {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .meun-rail {
        order: -1;
    }

    .meun-rail-inner {
        position: relative;
        top: auto;
        padding-left: 0;
        border-left: 0;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--meun-line-soft);
        margin-bottom: 14px;
        max-height: none;
        overflow: visible;
    }

    .meun-custom-module {
        padding: 0 14px;
    }

    .meun-custom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .meun-root {
        padding: 0 14px;
    }

    .meun-featured {
        gap: 20px;
        margin-bottom: var(--meun-featured-gap-bottom-mobile);
    }

    .meun-hero {
        grid-template-columns: 1fr;
        gap: 18px;
        padding-bottom: 20px;
    }

    .meun-hero-copy {
        align-self: start;
        max-width: none;
        justify-self: start;
        align-items: flex-start;
        text-align: left;
    }

    .meun-hero-title {
        max-width: none;
        font-size: var(--meun-hero-title-size-mobile);
    }

    .meun-hero-visual {
        width: 100%;
        margin-left: 0;
    }

    .meun-support-title {
        font-size: var(--meun-support-title-size-mobile);
    }

    .meun-story-title {
        max-width: none;
        font-size: var(--meun-story-title-size-mobile);
    }

    .meun-most-item h4 {
        font-size: var(--meun-most-read-title-size-mobile);
    }
}

@media (max-width: 640px) {
    .meun-root {
        padding: 0 12px;
    }

    .meun-pill-nav {
        width: 100%;
    }

    .meun-pill {
        flex: 1 1 0;
        padding: 10px 12px;
        text-align: center;
    }

    .meun-story {
        gap: 10px;
        padding: 16px 0 20px;
    }

    .meun-story-media {
        aspect-ratio: 16 / 10;
    }

    .meun-story-foot {
        align-items: stretch;
    }

    .meun-story-link,
    .meun-story-cta {
        min-height: 44px;
        padding: 10px 18px;
        font-size: 14px;
    }

    .meun-image-caption {
        font-size: 10px;
    }

    .meun-most-item {
        grid-template-columns: 22px 80px minmax(0, 1fr);
        gap: 9px;
    }

    .meun-most-item h4 {
        font-size: var(--meun-most-read-title-size-mobile);
    }

    .meun-hero-cards {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 10px;
        margin-bottom: 44px;
        padding-bottom: 2px;
        padding-right: 24px;
    }

    .meun-hero-card {
        flex: 0 0 72vw;
        max-width: 320px;
        display: grid;
        grid-template-columns: minmax(100px, 42%) minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        scroll-snap-align: start;
    }

    .meun-hero-card-media {
        aspect-ratio: 16 / 10;
        width: 100%;
        align-self: start;
    }

    .meun-hero-card-media img,
    .meun-hero-card-media iframe,
    .meun-hero-card-media video {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block;
        max-width: none !important;
    }

    .meun-hero-card-title {
        font-size: var(--meun-hero-card-title-size-mobile);
        line-height: 1.1;
    }

    .meun-custom-module {
        padding: 0 12px;
        margin: 34px auto;
    }

    .meun-custom-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .meun-custom-title {
        font-size: clamp(20px, var(--meun-custom-title-size, 29px), 25px);
    }
}