/* All layout overrides are limited to phones. No desktop selectors are changed. */
.neurje-mobile-brand,
.neurje-mobile-featured,
.neurje-mobile-sam,
.neurje-mobile-actions {
    display: none;
}

@media screen and (max-width: 767px) {
    body.neurje-mobile-ready .neurje-appearance-switch {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        margin: 0 8px 0 auto;
        padding: 2px;
        border: 1px solid #c9cdd2;
        border-radius: 8px;
        background: #f0f2f4;
    }
    body.neurje-mobile-ready .neurje-appearance-switch button {
        display: block;
        min-width: 44px;
        min-height: 44px;
        padding: 0 7px;
        margin: 0;
        border: 0;
        border-radius: 5px;
        background: transparent;
        color: #424851;
        font: 600 11px/1.2 Arial, sans-serif;
        text-transform: none;
        cursor: pointer;
    }
    body.neurje-mobile-ready .neurje-appearance-switch button[aria-pressed="true"] {
        background: #fff;
        color: #161b22;
        box-shadow: 0 1px 3px rgba(0,0,0,.15);
    }
    body.neurje-mobile-ready .neurje-appearance-switch button:focus-visible {
        outline: 2px solid #9a7100;
        outline-offset: -2px;
    }
    body.neurje-mobile-ready .neurje-appearance-switch button > svg {
        display: block;
        width: 20px !important;
        height: 20px !important;
        margin: auto;
    }
    /* Gray uses the requested charcoal color, not a filter over the page.
       Warning colors, photos, store badges, ads and iframe content are untouched. */
    body.neurje-mobile-ready.neurje-mobile-gray,
    body.neurje-mobile-ready.neurje-mobile-gray .boxed {
        background: #353537 !important;
        color: #f5f5f5;
        color-scheme: dark;
    }
    body.neurje-mobile-ready.neurje-mobile-gray .boxed > nav.main-menu {
        background: #353537 !important;
        border-bottom-color: #57575b;
    }
    body.neurje-mobile-ready.neurje-mobile-gray .article-content,
    body.neurje-mobile-ready.neurje-mobile-gray .post-body,
    body.neurje-mobile-ready.neurje-mobile-gray .widget-container,
    body.neurje-mobile-ready.neurje-mobile-gray .boxed > footer {
        background: #353537;
        color: #f5f5f5;
    }
    body.neurje-mobile-ready.neurje-mobile-gray .neurje-news-controls {
        color: #f5f5f5;
    }
    body.neurje-mobile-ready.neurje-mobile-gray .neurje-appearance-switch {
        background: #29292b;
        border-color: #66666b;
    }
    body.neurje-mobile-ready.neurje-mobile-gray .neurje-appearance-switch button[aria-pressed="true"] {
        background: #626268;
        color: #fff;
    }
    body.neurje-mobile-ready.neurje-mobile-gray .neurje-appearance-switch button {
        color: #fff;
    }
    body.neurje-mobile-ready.neurje-mobile-gray .neurje-appearance-switch button:focus-visible {
        outline-color: #ffd326;
    }
    body.neurje-mobile-ready.neurje-mobile-gray .neurje-mobile-brand img {
        filter: brightness(0) invert(1);
    }
    body.neurje-mobile-ready.neurje-mobile-gray .neurje-mobile-brand,
    body.neurje-mobile-ready.neurje-mobile-gray nav.main-menu .show-menu {
        color: #fff;
    }
    body.neurje-mobile-ready.neurje-mobile-gray nav.main-menu .show-menu {
        background: #49494d;
    }
    body.neurje-mobile-ready.neurje-mobile-gray #main-mobile-menu,
    body.neurje-mobile-ready.neurje-mobile-gray #main-mobile-menu ul,
    body.neurje-mobile-ready.neurje-mobile-gray #main-mobile-menu li,
    body.neurje-mobile-ready.neurje-mobile-gray #main-mobile-menu a {
        background: #353537 !important;
        color: #fff !important;
        border-color: #626268 !important;
    }
    body.neurje-mobile-ready.neurje-mobile-gray #main-mobile-menu a:hover,
    body.neurje-mobile-ready.neurje-mobile-gray #main-mobile-menu a:focus-visible {
        background: #505054 !important;
    }
    body.neurje-mobile-ready.neurje-mobile-gray .article-content :is(h1,h2,h3,h4,h5,h6,p,li),
    body.neurje-mobile-ready.neurje-mobile-gray .post-body :is(h1,h2,h3,h4,h5,h6,p,li),
    body.neurje-mobile-ready.neurje-mobile-gray .widget-container :is(h1,h2,h3,h4,h5,h6,p,li),
    body.neurje-mobile-ready.neurje-mobile-gray .list-post-body :is(h2,p),
    body.neurje-mobile-ready.neurje-mobile-gray .ot-module :is(h1,h2,h3,h4,h5,h6) {
        color: #f5f5f5;
    }
    body.neurje-mobile-ready.neurje-mobile-gray :is(.article-content,.post-body,.widget-container,.list-post-body) a {
        color: #b7d9ff;
    }
    body.neurje-mobile-ready.neurje-mobile-gray :is(.article-content,.post-body,.widget-container,.list-post-body) :is(h1,h2,h3,h4,h5,h6) a {
        color: #fff;
    }
    body.neurje-mobile-ready.neurje-mobile-gray .post-meta {
        color: #d1d1d5;
    }
    body.neurje-mobile-ready .neurje-mobile-actions {
        display: block;
        width: 100%;
        padding: 0 12px;
        margin: 0 auto 16px;
    }
    body.neurje-mobile-ready .neurje-mobile-actions #neurje-app-actions {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: center;
        gap: 6px !important;
        width: 100% !important;
        max-width: 440px;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    body.neurje-mobile-ready .neurje-mobile-actions #neurje-app-actions > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px;
        height: auto !important;
        margin: 0 !important;
        box-sizing: border-box;
    }
    body.neurje-mobile-ready .neurje-mobile-actions #neurje-app-actions > a:not(.neurje-report-link) img:not(.emoji) {
        width: 100% !important;
        max-width: 130px !important;
        height: auto !important;
        margin: 0 !important;
        object-fit: contain;
    }
    body.neurje-mobile-ready .neurje-mobile-actions #neurje-app-actions > a:last-child {
        height: 44px !important;
        padding: 4px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        text-align: center;
        white-space: normal;
        border-radius: 6px !important;
    }
    body.neurje-mobile-ready #neurje-app-actions > a.neurje-report-link {
        gap: 5px;
        overflow: hidden;
    }
    body.neurje-mobile-ready #neurje-app-actions > a.neurje-report-link > svg {
        display: block;
        flex: 0 0 18px;
        width: 18px !important;
        height: 18px !important;
        max-width: 18px !important;
        margin: 0 !important;
    }
    body.neurje-mobile-ready #neurje-app-actions .neurje-report-label {
        min-width: 0;
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
        line-height: 1.15;
    }
    body.neurje-mobile-ready .neurje-mobile-original-slider {
        display: none !important;
    }

    body.neurje-mobile-ready .neurje-news-carousel { margin: 0; padding: 0; }

    body.neurje-mobile-ready .neurje-news-track {
        display: flex;
        align-items: stretch;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }
    body.neurje-mobile-ready .neurje-news-track::-webkit-scrollbar { display: none; }

    body.neurje-mobile-ready figure.neurje-news-card {
        position: relative;
        display: flex;
        align-items: flex-end;
        flex: 0 0 100%;
        min-width: 0;
        min-height: 280px;
        margin: 0;
        overflow: hidden;
        background: #263238;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        isolation: isolate;
    }
    body.neurje-mobile-ready .neurje-news-card > a { position: absolute; inset: 0; display: block; }
    body.neurje-mobile-ready .neurje-news-card img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-width: none;
        object-fit: cover;
        object-position: center;
        opacity: 1;
    }
    body.neurje-mobile-ready .neurje-news-card::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(to bottom, rgba(0,0,0,0) 10%, rgba(0,0,0,.28) 40%, rgba(0,0,0,.88) 100%);
    }
    body.neurje-mobile-ready .neurje-news-card figcaption {
        position: relative;
        z-index: 2;
        bottom: auto;
        width: 100%;
        margin: 0;
        padding: 80px 16px 20px;
        background: none;
        pointer-events: none;
    }
    body.neurje-mobile-ready .neurje-news-card figcaption a { pointer-events: auto; }
    body.neurje-mobile-ready .neurje-news-card h2 {
        margin: 0;
        padding: 0;
        font-size: 24px;
        line-height: 1.15;
        font-weight: 700;
        letter-spacing: 0;
        border: 0;
        overflow-wrap: break-word;
        text-transform: none;
    }
    body.neurje-mobile-ready .neurje-news-card h2 a { color: #fff; text-decoration: none; }
    body.neurje-mobile-ready .neurje-news-card .post-meta {
        margin-top: 12px;
        color: #e4e7eb;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0;
        text-transform: none;
    }
    body.neurje-mobile-ready .neurje-news-card .post-meta i { margin-right: 5px; }
    body.neurje-mobile-ready .neurje-news-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
        min-height: 44px;
        margin-top: 4px;
        font-size: 12px;
        color: #555;
    }
    body.neurje-mobile-ready .neurje-news-controls button {
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: inherit;
        font: 28px/1 Arial, sans-serif;
        cursor: pointer;
    }
    body.neurje-mobile-ready .neurje-news-controls button[hidden] { display: none; }
    body.neurje-mobile-ready .neurje-news-controls button:focus-visible,
    body.neurje-mobile-ready .neurje-news-track:focus-visible { outline: 2px solid #d9a300; outline-offset: -2px; }
    body.neurje-mobile-ready .boxed > nav.main-menu {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100%;
        margin: 0 0 10px !important;
        padding: 0 !important;
        background: #fff;
        border-bottom: 1px solid #e8e8e8;
        z-index: 1003;
    }

    body.neurje-mobile-ready .boxed > nav.main-menu > .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        width: 100%;
        min-height: 60px;
        padding: 8px 12px;
    }

    body.neurje-mobile-ready .boxed > nav.main-menu > .container::before,
    body.neurje-mobile-ready .boxed > nav.main-menu > .container::after {
        display: none;
    }

    body.neurje-mobile-ready .neurje-mobile-brand {
        display: flex;
        align-items: center;
        width: auto;
        max-width: calc(100% - 154px);
        min-width: 0;
        min-height: 44px;
        padding: 0;
        margin: 0;
        color: #242424;
        font-size: 23px;
        font-weight: 800;
        line-height: 1;
        text-decoration: none;
    }

    body.neurje-mobile-ready .neurje-mobile-brand img {
        display: block;
        width: auto !important;
        height: 44px !important;
        max-width: 100% !important;
        max-height: 44px !important;
        margin: 0 !important;
        object-fit: contain;
        object-position: left center;
    }

    body.neurje-mobile-ready nav.main-menu .show-menu {
        display: flex;
        flex: 0 0 44px;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 6px;
        background: #1d1d1d;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
    }

    body.neurje-mobile-ready nav.main-menu .show-menu:focus-visible,
    body.neurje-mobile-ready .neurje-mobile-brand:focus-visible {
        outline: 3px solid #f6bf00;
        outline-offset: 3px;
    }

    body.neurje-mobile-ready #main-mobile-menu {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 8px;
        text-align: left;
    }

    body.neurje-mobile-ready .neurje-mobile-featured {
        display: block;
        width: 100%;
        margin: 0 auto 16px;
        padding: 0 12px;
    }

    body.neurje-mobile-ready .neurje-mobile-sam {
        display: block;
        width: 100%;
        margin: 0 auto 10px;
        padding: 0 12px;
    }

    body.neurje-mobile-ready .neurje-mobile-sam > #sam-home-status {
        width: 100%;
        height: auto;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        justify-content: center;
        white-space: normal;
        text-align: center;
        line-height: 1.3;
    }

    body.neurje-mobile-ready .neurje-mobile-featured > .ot-module {
        margin: 0;
    }

    body.neurje-mobile-ready .neurje-mobile-ad-header {
        padding: 12px 0 !important;
        margin: 0 0 16px !important;
    }

    body.neurje-mobile-ready .neurje-mobile-ad-header > .container > .logo,
    body.neurje-mobile-ready .neurje-mobile-ad-header > .container > h1,
    body.neurje-mobile-ready .neurje-mobile-ad-header > .container > .description {
        display: none !important;
    }

    body.neurje-mobile-ready .neurje-mobile-ad-header .ad-728x90 {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        float: none;
    }

    body.neurje-mobile-ready .neurje-mobile-empty,
    body.neurje-mobile-ready .neurje-mobile-ad-header.neurje-mobile-no-ad {
        display: none !important;
    }
}