/* Shared mobile app shell: one responsive UI for mobile web, PWA, Android and iOS wrappers. */
@media (max-width: 991px) {
    :root {
        --lc-mobile-gutter: 12px;
        --lc-mobile-row-image: 88px;
        --lc-mobile-row-min: 96px;
        --lc-mobile-card-radius: 16px;
        --lc-mobile-divider: rgba(30, 82, 136, .10);
        --lc-mobile-ease: cubic-bezier(.22, 1, .36, 1);
    }

    html { background: #dfeffc; }
    body {
        -webkit-tap-highlight-color: transparent;
        overscroll-behavior-y: none;
    }

    html body :where(.explore-page-v4, .market-page-v5, .agri-page-v2, .news-page) {
        padding-right: var(--lc-mobile-gutter) !important;
        padding-left: var(--lc-mobile-gutter) !important;
    }

    html body :where(.explore-page-v4, .market-page-v5, .agri-page-v2) > :where(header, section, nav, form) {
        scroll-margin-top: 68px;
    }

    /* Khám phá: compact app header, then a single grouped list. */
    html body .explore-page-v4 .explore-v3-hero {
        gap: 6px !important;
        padding: 10px !important;
    }
    html body .explore-page-v4 .explore-v3-hero h1 {
        margin: 3px 0 0 !important;
        font-size: 22px !important;
    }
    html body .explore-page-v4 .explore-v3-hero__copy > p { display: none !important; }
    html body .explore-page-v4 .explore-v3-hero__facts { gap: 5px !important; }
    html body .explore-page-v4 .explore-v3-hero__facts > span,
    html body .explore-page-v4 .explore-v3-hero__facts > a {
        min-height: 44px !important;
        padding: 5px 7px !important;
    }
    html body .explore-page-v4 .local-content-search { margin: 6px 0 2px !important; }
    html body .explore-page-v4 .explore-v3-list { padding-top: 6px !important; }
    html body .explore-page-v4 .explore-v3-list__head { margin: 0 2px 7px !important; }
    html body .explore-page-v4 .explore-v3-list__head > p { display: none !important; }
    html body .explore-page-v4 .explore-v3-list__head h2 { font-size: 20px !important; }
    html body .explore-page-v4 .explore-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        border: 1px solid var(--lc-mobile-divider) !important;
        border-radius: var(--lc-mobile-card-radius) !important;
        background: #fff !important;
        box-shadow: 0 5px 16px rgba(15, 45, 75, .055) !important;
    }
    html body .explore-page-v4 .explore-grid > article.explore-card,
    html body .explore-page-v4 .explore-grid > article.explore-card.explore-card--featured {
        position: relative !important;
        display: grid !important;
        min-height: var(--lc-mobile-row-min) !important;
        grid-template-columns: var(--lc-mobile-row-image) minmax(0, 1fr) !important;
        gap: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-bottom: 1px solid var(--lc-mobile-divider) !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    html body .explore-page-v4 .explore-grid > article.explore-card:last-child { border-bottom: 0 !important; }
    html body .explore-page-v4 .explore-grid > article.explore-card .explore-card-media,
    html body .explore-page-v4 .explore-grid > article.explore-card:not(.explore-card--featured) .explore-card-media {
        width: var(--lc-mobile-row-image) !important;
        height: 100% !important;
        min-height: var(--lc-mobile-row-min) !important;
        aspect-ratio: auto !important;
        align-self: stretch !important;
        border-radius: 0 !important;
    }
    html body .explore-page-v4 article.explore-card .explore-card-media img { transition: none !important; }
    html body .explore-page-v4 article.explore-card .explore-card-badge {
        display: none !important;
    }

    /* Explore list polish v10: keep the 44px bookmark in the metadata row so
       compact screens do not have to trade saving for a readable title. */
    html body .explore-page-v4 article.explore-card > .lc-save-floating {
        top: 4px !important;
        right: 4px !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 13px !important;
        background: transparent !important;
        color: #466986 !important;
        box-shadow: none !important;
        z-index: 3 !important;
        transform: none !important;
        -webkit-tap-highlight-color: transparent;
    }
    html body .explore-page-v4 article.explore-card > .lc-save-floating i {
        width: 34px !important;
        height: 34px !important;
        display: grid !important;
        place-items: center !important;
        border: 1px solid rgba(30, 82, 136, .12) !important;
        border-radius: 11px !important;
        background: #f4f8fc !important;
        font-size: 16px !important;
    }
    html body .explore-page-v4 article.explore-card > .lc-save-floating.is-saved i {
        border-color: rgba(30, 82, 136, .22) !important;
        background: #e6f1ff !important;
        color: #1e5288 !important;
    }
    html body .explore-page-v4 article.explore-card > .lc-save-floating:focus-visible {
        outline: 3px solid rgba(14, 116, 218, .28) !important;
        outline-offset: -2px !important;
    }
    html body .explore-page-v4 .explore-grid > article.explore-card .explore-card-body {
        display: flex !important;
        min-width: 0 !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        padding: 4px 8px 5px 11px !important;
    }
    html body .explore-page-v4 .explore-grid > article.explore-card .explore-card-meta,
    html body .explore-page-v4 .explore-grid > article.explore-card:not(.explore-card--featured) .explore-card-meta {
        display: flex !important;
        min-width: 0 !important;
        min-height: 44px !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        padding-right: 46px !important;
        overflow: hidden !important;
    }
    html body .explore-page-v4 .explore-grid > article.explore-card .explore-card-meta span,
    html body .explore-page-v4 .explore-grid > article.explore-card:not(.explore-card--featured) .explore-card-meta span {
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        background: transparent !important;
        color: #718096 !important;
        font-size: 11px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    html body .explore-page-v4 .explore-grid > article.explore-card .explore-card-meta span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
    }
    html body .explore-page-v4 .explore-grid > article.explore-card .explore-card-meta i {
        width: 13px !important;
        height: 13px !important;
        display: grid !important;
        place-items: center !important;
        color: #54738d !important;
        font-size: 11px !important;
    }
    html body .explore-page-v4 .explore-grid > article.explore-card .explore-card-meta span:first-child { flex: 1 1 auto !important; }
    html body .explore-page-v4 article.explore-card h3 { margin: 0 !important; }
    html body .explore-page-v4 article.explore-card h3 a {
        display: -webkit-box !important;
        min-height: 44px !important;
        overflow: hidden !important;
        color: #193653 !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }
    html body .explore-page-v4 article.explore-card h3 a::after {
        position: absolute;
        inset: 0;
        z-index: 1;
        content: "";
    }
    html body .explore-page-v4 article.explore-card .explore-card-body > p,
    html body .explore-page-v4 article.explore-card .explore-card-read { display: none !important; }

    /* Cẩm nang: the same compact row language, preserving locality. */
    html body .agri-page-v2 .agri-hero {
        gap: 6px !important;
        padding: 10px !important;
    }
    html body .agri-page-v2 .agri-hero h1 {
        margin-top: 3px !important;
        font-size: 20px !important;
    }
    html body .agri-page-v2 .agri-hero .section-desc { display: none !important; }
    html body .agri-page-v2 .agri-note {
        margin-top: 6px !important;
        padding: 6px 8px !important;
    }
    html body .agri-page-v2 .agri-note span { -webkit-line-clamp: 1 !important; }
    html body .agri-page-v2 .agri-hero__facts { gap: 5px !important; }
    html body .agri-page-v2 .agri-fact,
    html body .agri-page-v2 .agri-fact--wide { min-height: 44px !important; }
    html body .agri-page-v2 .agri-category-bar { margin-top: 6px !important; }
    html body .agri-page-v2 .agri-list-head { margin: 7px 2px 6px !important; }
    html body .agri-page-v2 .agri-list-head h2 { font-size: 19px !important; }
    html body .agri-page-v2 .agri-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        overflow: hidden !important;
        border: 1px solid var(--lc-mobile-divider) !important;
        border-radius: var(--lc-mobile-card-radius) !important;
        background: #fff !important;
        box-shadow: 0 5px 16px rgba(15, 45, 75, .055) !important;
    }
    html body .agri-page-v2 .agri-guide-card,
    html body .agri-page-v2 .agri-guide-card:only-child {
        position: relative !important;
        display: grid !important;
        min-height: var(--lc-mobile-row-min) !important;
        grid-template-columns: var(--lc-mobile-row-image) minmax(0, 1fr) !important;
        gap: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-bottom: 1px solid var(--lc-mobile-divider) !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    html body .agri-page-v2 .agri-guide-card:last-child { border-bottom: 0 !important; }
    html body .agri-page-v2 .agri-guide-card.agri-guide-card--no-photo,
    html body .agri-page-v2 .agri-guide-card.agri-guide-card--no-photo:only-child {
        min-height: 108px !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }
    html body .agri-page-v2 .agri-guide-card--no-photo .agri-guide-card__media {
        display: none !important;
    }
    html body .agri-page-v2 .agri-guide-card__media {
        width: var(--lc-mobile-row-image) !important;
        height: 100% !important;
        min-height: var(--lc-mobile-row-min) !important;
        align-self: stretch !important;
        aspect-ratio: auto !important;
        border-radius: 0 !important;
    }
    html body .agri-page-v2 .agri-guide-card__body {
        display: flex !important;
        min-width: 0 !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 10px 11px !important;
    }
    html body .agri-page-v2 .agri-guide-card--no-photo .agri-guide-card__body {
        min-height: 108px !important;
        padding-right: 56px !important;
    }
    html body .agri-page-v2 .agri-guide-card__meta {
        display: block !important;
        min-width: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    html body .agri-page-v2 .agri-guide-card__meta span:first-child {
        display: block !important;
        overflow: hidden !important;
        padding: 0 !important;
        background: transparent !important;
        color: #3f8066 !important;
        font-size: 11px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    html body .agri-page-v2 .agri-guide-card h3 { margin: 0 !important; }
    html body .agri-page-v2 .agri-guide-card h3 a {
        display: -webkit-box !important;
        overflow: hidden !important;
        color: #18382c !important;
        font-size: 14.5px !important;
        line-height: 1.35 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }
    html body .agri-page-v2 .agri-guide-card h3 a::after {
        position: absolute;
        inset: 0;
        z-index: 1;
        content: "";
    }
    html body .agri-page-v2 .agri-guide-card p,
    html body .agri-page-v2 .agri-guide-card__read { display: none !important; }

    /* Tin tức: turn large cards into a quiet native-style list. */
    html body .news-page .news-main-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        overflow: hidden !important;
        border: 1px solid var(--lc-mobile-divider) !important;
        border-radius: var(--lc-mobile-card-radius) !important;
        background: #fff !important;
        box-shadow: 0 5px 16px rgba(15, 45, 75, .055) !important;
    }
    html body .news-page .news-main-grid > .news-card {
        display: grid !important;
        min-height: var(--lc-mobile-row-min) !important;
        height: var(--lc-mobile-row-min) !important;
        grid-template-columns: var(--lc-mobile-row-image) minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 4px 8px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--lc-mobile-divider) !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    html body .news-page .news-main-grid > .news-card:last-child { border-bottom: 0 !important; }
    html body .news-page .news-card-thumb {
        width: var(--lc-mobile-row-image) !important;
        height: var(--lc-mobile-row-image) !important;
        min-height: 0 !important;
        align-self: center !important;
        border-radius: 13px !important;
    }
    html body .news-page .news-card-body {
        display: flex !important;
        min-width: 0 !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 0 !important;
    }
    html body .news-page .news-card h3 {
        display: -webkit-box !important;
        overflow: hidden !important;
        margin: 0 !important;
        color: #1d334b !important;
        font-size: 15px !important;
        line-height: 1.38 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }
    html body .news-page .news-card-body > p { display: none !important; }
    html body .news-page .news-card-tags {
        display: flex !important;
        min-width: 0 !important;
        gap: 6px !important;
        overflow: hidden !important;
    }
    html body .news-page .news-card-tags .news-pill {
        min-width: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        background: transparent !important;
        color: #718096 !important;
        font-size: 11px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    html body .news-page .news-card-tags .pill-area { display: none !important; }
    html body .news-page .news-more-wrap { margin-top: 8px !important; }
    html body .news-page .news-more-btn.is-auto-load {
        border-color: transparent !important;
        background: transparent !important;
        color: #718096 !important;
        box-shadow: none !important;
        pointer-events: none;
    }

    /* Chợ: preserve transactional details, compact only the shell and filters. */
    html body .market-page-v5 .market-local-hero {
        gap: 8px !important;
        padding: 10px !important;
    }
    html body .market-page-v5 .market-local-hero h1 {
        margin: 3px 0 0 !important;
        font-size: 22px !important;
    }
    html body .market-page-v5 .market-local-hero p { display: none !important; }
    html body .market-page-v5 .market-quick-search { margin-top: 7px !important; }
    html body .market-page-v5 .market-page-categories {
        margin-bottom: 8px !important;
        padding: 7px !important;
    }
    html body .market-page-v5 .market-category-head { margin: 0 4px 5px !important; }
    html body .market-page-v5 .market-category-head h2 { font-size: 13px !important; }
    html body .market-page-v5 .market-page-list { padding: 12px !important; }
    html body .market-page-v5 .market-empty-visual {
        display: flex !important;
        gap: 7px !important;
        max-width: none !important;
        margin: 10px -2px !important;
        padding: 0 2px 3px !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
    html body .market-page-v5 .market-empty-visual::-webkit-scrollbar { display: none; }
    html body .market-page-v5 .market-empty-step {
        display: grid !important;
        min-height: 68px !important;
        flex: 0 0 178px !important;
        grid-template-columns: 38px minmax(0, 1fr) !important;
        gap: 3px 8px !important;
        padding: 8px !important;
        scroll-snap-align: start;
    }
    html body .market-page-v5 .market-empty-step i {
        grid-row: 1 / 3 !important;
        width: 38px !important;
        height: 38px !important;
    }

    @media (prefers-reduced-motion: no-preference) {
        html body :where(.explore-page-v4 article.explore-card, .agri-page-v2 .agri-guide-card, .news-page .news-card) {
            transition: background-color .16s var(--lc-mobile-ease), transform .12s var(--lc-mobile-ease) !important;
        }
        html body :where(.explore-page-v4 article.explore-card, .agri-page-v2 .agri-guide-card, .news-page .news-card):active {
            background: #f7fbff !important;
            transform: scale(.992) !important;
        }
        html body .explore-page-v4 article.explore-card:active {
            background: #f4f8fc !important;
            transform: none !important;
        }
        html body .explore-page-v4 article.explore-card > .lc-save-floating:active {
            transform: scale(.90) !important;
        }
    }
}

/* Context markup remains available to desktop/PJAX code, but the canonical
   mobile shell below hides the global header and lets each screen own its title. */
.mobile-context-link {
    display: none;
}

/* Smooth-scroll budget for the shared mobile/PWA shell. */
@media (max-width: 991px) {
    html body #app.is-pjax-leaving,
    html body #app.is-pjax-entering {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    html body #app.is-pjax-entering {
        animation: none !important;
    }

    html body.page-ui-home #app :where(
        .app-card,
        .home-digital-card,
        .home-explore-card,
        .market-post-card,
        .home-agri-card,
        .home-explore-card img,
        .market-post-card img,
        .home-agri-card img
    ) {
        transition: none !important;
    }

    html body.page-ui-home #app :where(
        .app-card,
        .home-digital-card,
        .home-explore-card,
        .market-post-card,
        .home-agri-card
    ):hover {
        transform: none !important;
    }

    html body.page-ui-home #app :where(
        .home-explore-card:hover img,
        .market-post-card:hover .market-post-image img,
        .home-agri-card:hover img
    ) {
        transform: none !important;
    }

    html body.page-ui-home :where(
        #homeDigitalGrid,
        #homeMarketGrid,
        #kham-pha-ban-dia .home-explore-grid,
        #cam-nang-nong-nghiep .home-agri-grid
    ) {
        scroll-snap-type: inline proximity !important;
    }

    html body.page-ui-home .hw-scene::before,
    html body.page-ui-home .hw-scene::after,
    html body.page-ui-home .hw-anim-icon .hw-sun,
    html body.page-ui-home .hw-anim-icon .hw-sun::before,
    html body.page-ui-home .hw-anim-icon .hw-cloud,
    html body.page-ui-home .home-digital-skeleton {
        animation: none !important;
    }

    /* Home is a short app dashboard, not a long article feed. Deferred
       content-visibility caused a first-reveal height correction while the
       user was swiping; eager layout here is small and scrolls more steadily. */
    html body.page-ui-home :where(
        #kham-pha-ban-dia,
        #cho-lao-cai,
        #cam-nang-nong-nghiep,
        #laocaiso-beta
    ) {
        content-visibility: visible !important;
        contain-intrinsic-size: none !important;
    }
}

@media (max-width: 350px) {
    :root {
        --lc-mobile-gutter: 9px;
        --lc-mobile-row-image: 88px;
        --lc-mobile-row-min: 96px;
    }

}

/* Long Explore and Agriculture lists skip off-screen layout/paint work where
   supported; older browsers keep the ordinary flow. */
@supports (content-visibility: auto) {
    @media (max-width: 991.98px) {
        html body .explore-grid > .explore-card:nth-child(n+7),
        html body .agri-grid > .agri-guide-card:nth-child(n+7) {
            content-visibility: auto;
            contain-intrinsic-size: auto var(--lc-mobile-row-min, 96px);
        }
    }
}

/* Hub app density v2: the first useful article should appear within the first
   comfortable thumb reach. Secondary metrics stay available as concise trust
   summaries instead of large dashboard tiles. */
@media (max-width: 991px) {
    html body .explore-page-v4 .explore-v3-hero {
        padding: 8px 9px !important;
        border-radius: 15px !important;
    }

    html body .explore-page-v4 .explore-v3-eyebrow {
        display: none !important;
    }

    html body .explore-page-v4 .explore-v3-hero h1 {
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 1.2 !important;
    }

    html body .explore-page-v4 .explore-v3-hero__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    html body .explore-page-v4 .explore-v3-hero__facts > span:first-child {
        display: none !important;
    }

    html body .explore-page-v4 .explore-v3-hero__facts > a {
        min-height: 44px !important;
        height: 44px !important;
        padding: 4px 8px !important;
        border-radius: 11px !important;
        font-size: 11px !important;
        box-shadow: none !important;
    }

    html body .explore-page-v4 .local-content-search {
        min-height: 48px !important;
        margin: 5px 0 2px !important;
        padding: 2px 4px !important;
        border-radius: 13px !important;
        box-shadow: none !important;
    }

    html body .explore-page-v4 .explore-v3-filters,
    html body .explore-page-v4 .explore-region-links {
        min-height: 46px !important;
        height: 46px !important;
    }

    html body .explore-page-v4 .explore-v3-list {
        padding-top: 3px !important;
    }

    html body .explore-page-v4 .explore-v3-list__head {
        min-height: 39px !important;
        margin: 0 2px 4px !important;
    }

    html body .explore-page-v4 .explore-v3-list__head h2 {
        font-size: 18px !important;
        line-height: 1.15 !important;
    }

    html body .agri-page-v2 .agri-hero {
        padding: 8px 9px !important;
        border-radius: 15px !important;
    }

    html body .agri-page-v2 .agri-hero .section-kicker {
        display: none !important;
    }

    html body .agri-page-v2 .agri-hero h1 {
        margin: 0 !important;
        font-size: 19px !important;
        line-height: 1.25 !important;
    }

    html body .agri-page-v2 .agri-title-icon {
        width: 27px !important;
        height: 27px !important;
        margin-right: 6px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    html body .agri-page-v2 .agri-note {
        min-height: 28px !important;
        margin-top: 5px !important;
        padding: 4px 7px !important;
        border-radius: 10px !important;
    }

    html body .agri-page-v2 .agri-note span {
        display: block !important;
        overflow: visible !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        text-overflow: clip !important;
        white-space: normal !important;
        -webkit-line-clamp: unset !important;
    }

    html body .agri-page-v2 .agri-hero__facts {
        display: none !important;
    }

    html body .agri-page-v2 .agri-mobile-quality-summary {
        display: flex !important;
        min-height: 28px !important;
        margin: 5px 0 0 !important;
        padding: 4px 7px !important;
        align-items: center !important;
        gap: 6px !important;
        overflow: hidden !important;
        border-radius: 9px !important;
        background: rgba(24, 128, 86, .075) !important;
        color: #236348 !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .agri-page-v2 .agri-category-bar {
        min-height: 52px !important;
        margin-top: 6px !important;
        padding: 4px !important;
        border-radius: 14px !important;
    }

    html body .agri-page-v2 .agri-coverage-status {
        margin: 4px 2px 2px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
    }

    html body .agri-page-v2 .agri-list-head {
        min-height: 38px !important;
        margin: 4px 2px 4px !important;
    }

    html body .agri-page-v2 .agri-list-head h2 {
        font-size: 17px !important;
        line-height: 1.2 !important;
    }
}

/* Explore app header v4 final: authoritative after the shared hub density
   layer, so later maintenance cannot silently restore the two-row hero. */
@media (max-width: 991px) {
    html body .explore-page-v4 .explore-v3-hero {
        display: grid !important;
        min-height: 56px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 6px 8px !important;
    }

    html body .explore-page-v4 .explore-v3-hero__copy {
        min-width: 0 !important;
    }

    html body .explore-page-v4 .explore-v3-hero__facts {
        display: block !important;
        min-width: 0 !important;
    }

    html body .explore-page-v4 .explore-v3-hero__facts > a:last-child,
    html body .explore-page-v4 .explore-v3-hero__facts > span {
        display: none !important;
    }

    html body .explore-page-v4 .explore-v3-hero__facts > .explore-fact-saved {
        display: inline-flex !important;
        min-width: 78px !important;
        height: 44px !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        padding: 0 8px !important;
    }

    html body .explore-page-v4 .local-content-search > label {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    html body .explore-page-v4 .local-content-search > div {
        min-height: 44px !important;
        height: 44px !important;
    }

    html body .explore-page-v4 .explore-v3-list__head {
        min-height: 34px !important;
    }
}

    /* Canonical app dock: one edge-to-edge tab bar for phones, iPad and PWA. */
    @media (max-width: 991.98px) {
        html {
            scroll-padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
        }

        /* Match the legacy shell's important selector so the final content
           cannot slide under the fixed dock at the end of a long page. */
        html body .main {
            padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
        }

        /* Legacy page CSS reserves a second dock gap on .main-wrap. The fixed
           dock is already guarded by .main, so keep only normal card spacing
           here and avoid a visibly empty final screen. */
        html body .main-wrap {
            padding-bottom: 8px !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none,
        html body footer.footer nav.bottom-nav.d-lg-none.nav-lowered {
            position: fixed !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            z-index: 1040 !important;
            width: 100vw !important;
            width: 100dvw !important;
            min-width: 0 !important;
            max-width: 100vw !important;
            max-width: 100dvw !important;
            height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
            min-height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
            margin: 0 !important;
            padding: 3px max(7px, env(safe-area-inset-right, 0px)) max(3px, env(safe-area-inset-bottom, 0px)) max(7px, env(safe-area-inset-left, 0px)) !important;
            display: grid !important;
            grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
            grid-template-rows: minmax(0, 1fr) !important;
            grid-auto-flow: row !important;
            grid-auto-columns: auto !important;
            gap: 1px !important;
            box-sizing: border-box !important;
            transform: none !important;
            overflow: visible !important;
            border: 0 !important;
            border-top: 1px solid rgba(18, 58, 92, .10) !important;
            border-radius: 0 !important;
            background: #fff !important;
            box-shadow: 0 -2px 10px rgba(15, 45, 75, .08) !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            /* The compose action intentionally rises above the dock. Paint
               containment clips that native-app affordance and its shadow. */
            contain: layout !important;
            isolation: isolate !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none::after {
            content: none !important;
            display: none !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link,
        html body footer.footer nav.bottom-nav.d-lg-none.nav-lowered > .bottom-nav__link {
            position: relative !important;
            min-width: 0 !important;
            grid-row: 1 !important;
            width: 100% !important;
            max-width: 100% !important;
            min-height: 54px !important;
            height: 54px !important;
            padding: 3px 1px 2px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 2px !important;
            overflow: visible !important;
            border: 0 !important;
            border-radius: 12px !important;
            background: transparent !important;
            color: #687786 !important;
            font: inherit !important;
            text-decoration: none !important;
            box-shadow: none !important;
            appearance: none !important;
            -webkit-appearance: none !important;
            cursor: pointer !important;
            box-sizing: border-box !important;
            -webkit-tap-highlight-color: transparent !important;
            touch-action: manipulation;
            transition: color .12s ease !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > [data-nav-key="home"] { grid-column: 1 !important; }
        html body footer.footer nav.bottom-nav.d-lg-none > [data-nav-key="news"] { grid-column: 2 !important; }
        html body footer.footer nav.bottom-nav.d-lg-none > [data-nav-key="compose"] { grid-column: 3 !important; }
        html body footer.footer nav.bottom-nav.d-lg-none > [data-nav-key="notifications"] { grid-column: 4 !important; }
        html body footer.footer nav.bottom-nav.d-lg-none > [data-nav-key="account"] { grid-column: 5 !important; }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link::before,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link::after {
            content: none !important;
            display: none !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link .bottom-nav__icon {
            width: 38px !important;
            height: 26px !important;
            flex: 0 0 26px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 999px !important;
            background: transparent !important;
            color: #536779 !important;
            line-height: 1 !important;
            fill: none !important;
            stroke: currentColor !important;
            stroke-width: 1.9 !important;
            stroke-linecap: round !important;
            stroke-linejoin: round !important;
            shape-rendering: geometricPrecision;
            box-shadow: none !important;
            transform: none !important;
            transition: color .14s ease, background-color .14s ease !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link .bottom-nav__icon path {
            vector-effect: non-scaling-stroke;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link > .bottom-nav__label {
            width: 100% !important;
            max-width: 100% !important;
            overflow: hidden !important;
            color: currentColor !important;
            font-size: 11.5px !important;
            font-weight: 700 !important;
            line-height: 1.05 !important;
            letter-spacing: -.01em !important;
            text-align: center !important;
            text-overflow: ellipsis !important;
            white-space: nowrap !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__account > .bottom-nav__avatar {
            display: grid !important;
            width: 32px !important;
            min-width: 32px !important;
            max-width: 32px !important;
            height: 32px !important;
            min-height: 32px !important;
            max-height: 32px !important;
            flex: 0 0 32px !important;
            place-items: center !important;
            box-sizing: border-box !important;
            overflow: hidden !important;
            padding: 0 !important;
            border: 2px solid #d8e4ed !important;
            border-radius: 999px !important;
            background: #eef4f8 !important;
            color: transparent !important;
            font-size: 0 !important;
            line-height: 0 !important;
            white-space: normal !important;
            box-shadow: 0 2px 7px rgba(15,45,75,.12) !important;
            transform: none !important;
            transition: border-color .12s ease, transform .10s ease-out !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__account > .bottom-nav__avatar > img {
            display: block !important;
            width: 100% !important;
            min-width: 100% !important;
            max-width: 100% !important;
            height: 100% !important;
            min-height: 100% !important;
            max-height: 100% !important;
            aspect-ratio: 1 / 1 !important;
            border-radius: 50% !important;
            object-fit: cover !important;
            object-position: center !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__account > .bottom-nav__avatar > img[data-avatar-fallback="1"] {
            background: #eef4f8 !important;
            object-fit: contain !important;
        }

        /* A page kept alive across a shell upgrade can retain the old fallback
           icon beside a valid avatar. Render one account visual only. */
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__account > .bottom-nav__avatar ~ .bottom-nav__icon {
            display: none !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__account.active .bottom-nav__avatar,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__account[aria-expanded="true"] > .bottom-nav__avatar {
            border-color: #168ddd !important;
            box-shadow: 0 0 0 3px #dff1ff, 0 2px 7px rgba(15,45,75,.12) !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link[aria-expanded="true"] {
            color: #0878cf !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link[aria-expanded="true"] > .bottom-nav__label {
            font-weight: 850 !important;
        }

        /* Five clear labels must remain readable on compact Android devices.
           Keep the 54px tap target; only tighten glyph/icon sizing below 360px. */
        @media (max-width: 359px) {
            html body footer.footer nav.bottom-nav.d-lg-none,
            html body footer.footer nav.bottom-nav.d-lg-none.nav-lowered {
                padding-left: max(6px, env(safe-area-inset-left, 0px)) !important;
                padding-right: max(6px, env(safe-area-inset-right, 0px)) !important;
                gap: 0 !important;
            }

            html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link,
            html body footer.footer nav.bottom-nav.d-lg-none.nav-lowered > .bottom-nav__link {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link .bottom-nav__icon {
                width: 32px !important;
            }

            html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link > .bottom-nav__label {
                font-size: 10.5px !important;
                letter-spacing: -.025em !important;
                text-overflow: clip !important;
            }
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.active,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.is-pending {
            background: transparent !important;
            color: #0878cf !important;
            box-shadow: none !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.active .bottom-nav__icon,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.is-pending .bottom-nav__icon {
            background: #dff1ff !important;
            color: #0878cf !important;
            box-shadow: none !important;
            transform: none !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.active .bottom-nav__icon path,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.is-pending .bottom-nav__icon path {
            stroke-width: 2.1 !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.active::after,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.is-pending::after {
            content: none !important;
            display: none !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.active > .bottom-nav__label,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.is-pending > .bottom-nav__label {
            font-weight: 850 !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link:active {
            transform: none !important;
            background: #f1f7fc !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link:not(.bottom-nav__compose):active > .bottom-nav__icon,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__account:active > .bottom-nav__avatar {
            transform: scale(.95) !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none[aria-busy="true"] > .bottom-nav__link:not(.is-pending) {
            opacity: 1 !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link:focus-visible {
            outline: none !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link:focus-visible .bottom-nav__icon {
            outline: 2px solid rgba(8, 120, 207, .55) !important;
            outline-offset: 2px !important;
        }

        /* Home previously retained one full-card reveal animation even after
           route transitions were made static. Removing it avoids a large
           first-screen paint/composite on entry-level Android WebViews. */
        html body.page-ui-home .home-weather-strip {
            animation: none !important;
        }

        .floating-ai-shortcut {
            bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
        }

    }

    @media (min-width: 992px) {
        html body footer.footer nav.bottom-nav.d-lg-none {
            display: none !important;
        }
    }

    /* Five stable tabs mirror the information architecture used by the app:
       Home, News, Create, Notifications and Account. Labels stay short enough
       to remain readable on 320px phones without a separate compact template. */

    @media (max-width: 767px) {
        /* On touch screens keep only compositor-friendly press feedback.
           Legacy global anchor rules transition shadows, borders and colours,
           which can repaint most of a compact Home screen while scrolling. */
        html body.page-ui-home #app :where(
            .home-weather-stat,
            .home-primary-action
        ) {
            transition: transform .10s ease-out, opacity .10s ease-out !important;
        }

        html body.page-ui-home #app :where(
            .home-weather-link,
            .home-weather-link i,
            .trend-item,
            .trend-top-link,
            .trend-top-link i,
            .home-showcase-link,
            .home-showcase-link i,
            .market-empty__cta
        ) {
            transition: none !important;
        }

        html body.page-ui-home #app :where(
            .home-weather-stat,
            .home-primary-action
        ):active {
            opacity: .88 !important;
            transform: scale(.99) !important;
        }
    }

    @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link .bottom-nav__icon,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__account > .bottom-nav__avatar {
            transition: none !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.is-pending .bottom-nav__icon {
            animation: none !important;
        }

        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link:active,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__account:active > .bottom-nav__avatar,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.active .bottom-nav__icon,
        html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__link.is-pending .bottom-nav__icon {
            transform: none !important;
        }

    }

    /* Mobile utility icon system: one optical box for lightweight action glyphs. */
    @media (max-width: 991px) {
        html body:not(.page-ui-home) .main
            :where(.section-link, .btn:not(.round-btn):not(.avatar-btn))
            > :where(i.bi, svg):not(.bi-google) {
            width: 16px !important;
            height: 16px !important;
            flex: 0 0 16px !important;
            display: inline-grid !important;
            place-items: center !important;
            font-size: 16px !important;
            line-height: 1 !important;
            vertical-align: middle !important;
        }

        html body:not(.page-ui-home) .main
            :where(.section-link, .btn:not(.round-btn):not(.avatar-btn))
            > i.bi:not(.bi-google)::before {
            line-height: 1 !important;
        }

        html body:not(.page-ui-home) .main .section-link
            > :where(i.bi, svg):not(.bi-google) {
            color: currentColor !important;
        }
    }

    /* Native mobile type stack. */
    @media (max-width: 991px) {
        html,
        body.layout-page,
        body.layout-page button,
        body.layout-page input,
        body.layout-page select,
        body.layout-page textarea {
            font-family: system-ui, -apple-system, BlinkMacSystemFont,
                "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
        }
    }

/* Mobile app shell v20: extend the canonical dock with a content-first header,
   central create action and lightweight bottom sheets. Dock geometry stays in
   the canonical block above so cascade order cannot silently resize its tabs. */
.loader {
    position: fixed;
    top: env(safe-area-inset-top, 0px);
    left: 0;
    z-index: 1200;
    width: 100%;
    height: 3px;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    background: rgba(16, 102, 176, .12);
    transition: opacity .12s ease;
    contain: layout paint style;
}

.loader::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 100%;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(90deg, #0b77cf, #25b7f2);
    box-shadow: 0 0 7px rgba(11, 119, 207, .28);
    transform: scale3d(.025, 1, 1);
    transform-origin: 0 50%;
}

.loader.show {
    opacity: 1;
    transform: translateZ(0);
    will-change: opacity;
}
.loader.show::after {
    animation: lc-route-progress 1.1s cubic-bezier(.22, .61, .36, 1) forwards;
    will-change: transform;
}
.loader.show.is-complete::after {
    animation: none;
    transform: scale3d(1, 1, 1);
    transition: transform .13s ease-out;
    will-change: auto;
}

@keyframes lc-route-progress {
    0% { transform: scale3d(.025, 1, 1); }
    52% { transform: scale3d(.58, 1, 1); }
    100% { transform: scale3d(.88, 1, 1); }
}

@media (max-width: 991.98px) {
    /* Each mobile screen owns its own title. Removing the repeated product
       header returns 52px to useful content and matches the future wrappers. */
    html body .lc-header { display: none !important; }

    html body .main {
        padding-top: env(safe-area-inset-top, 0px) !important;
    }

    html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__compose {
        overflow: visible !important;
    }

    html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__compose .bottom-nav__icon {
        position: absolute !important;
        top: -10px !important;
        left: 50% !important;
        box-sizing: border-box !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        flex: 0 0 48px !important;
        padding: 11px !important;
        border: 2px solid #fff !important;
        border-radius: 16px !important;
        background: linear-gradient(145deg, #129be6, #1e5288) !important;
        color: #fff !important;
        stroke-width: 2.2 !important;
        box-shadow: 0 4px 10px rgba(23, 93, 151, .18) !important;
        transform: translateX(-50%) !important;
    }

    html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__compose > .bottom-nav__label {
        position: absolute !important;
        right: 0 !important;
        bottom: 2px !important;
        left: 0 !important;
        color: #34536e !important;
        font-weight: 850 !important;
    }

    html body footer.footer nav.bottom-nav.d-lg-none > .bottom-nav__compose:active .bottom-nav__icon {
        background: linear-gradient(145deg, #0e8ed4, #194a7b) !important;
        transform: translateX(-50%) scale(.96) !important;
    }

    body.lc-app-sheet-open {
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }

    .lc-app-sheet {
        position: fixed;
        inset: 0;
        z-index: 1100;
        display: grid;
        align-items: end;
        opacity: 0;
        pointer-events: none;
        transition: opacity .16s ease;
        contain: layout paint style;
    }

    .lc-app-sheet[hidden] { display: none !important; }

    .lc-app-sheet.is-open {
        opacity: 1;
        pointer-events: auto;
    }

    .lc-app-sheet__backdrop {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        background: rgba(7, 24, 42, .46);
        touch-action: manipulation;
    }

    .lc-app-sheet__panel {
        position: relative;
        width: min(100%, 560px);
        max-height: min(78vh, 650px);
        margin: 0 auto;
        padding: 9px 14px calc(16px + env(safe-area-inset-bottom, 0px));
        overflow-y: auto;
        border-radius: 24px 24px 0 0;
        background: #fff;
        color: #122b43;
        box-shadow: 0 -12px 36px rgba(7, 32, 54, .18);
        transform: translate3d(0, 24px, 0);
        transition: transform .18s ease-out;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }

    .lc-app-sheet.is-open .lc-app-sheet__panel { transform: translate3d(0, 0, 0); }

    .lc-app-sheet__panel::before {
        content: "";
        display: block;
        width: 38px;
        height: 4px;
        margin: 0 auto 8px;
        border-radius: 999px;
        background: #d4dee7;
    }

    .lc-app-sheet__head {
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 1px 1px 8px;
    }

    .lc-app-sheet__head div { display: grid; gap: 1px; }
    .lc-app-sheet__head small { color: #6c7c8d; font-size: 11px; font-weight: 800; }
    .lc-app-sheet__head h2 { margin: 0; font-size: 20px; line-height: 1.15; font-weight: 900; letter-spacing: -.025em; }

    .lc-app-sheet__close {
        width: 44px;
        height: 44px;
        display: grid;
        place-items: center;
        flex: 0 0 44px;
        border: 0;
        border-radius: 14px;
        background: #f1f5f8;
        color: #284761;
        font-size: 17px;
        touch-action: manipulation;
    }

    .lc-app-sheet__actions {
        display: grid;
        overflow: hidden;
        border: 1px solid #e1e9f0;
        border-radius: 18px;
        background: #fff;
    }

    .lc-app-sheet__actions > a {
        min-height: 58px;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) 18px;
        align-items: center;
        gap: 10px;
        padding: 8px 11px;
        border-bottom: 1px solid #e8eef3;
        color: #153a5d;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    .lc-app-sheet__actions > a:last-child { border-bottom: 0; }
    .lc-app-sheet__actions > a:active { background: #f2f7fb; }
    .lc-app-sheet__actions > a[hidden] { display: none !important; }

    .lc-app-sheet__actions > a > i:first-child,
    .lc-app-sheet__action-icon {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        padding: 10px;
        border-radius: 14px;
        background: #e9f5ff;
        color: #0878cf;
        font-size: 19px;
        vector-effect: non-scaling-stroke;
        shape-rendering: geometricPrecision;
    }

    .lc-app-sheet__action-icon--market { background: #eaf8f1; color: #168456; }
    .lc-app-sheet__action-icon--place { background: #e9f5ff; color: #0878cf; }
    .lc-app-sheet__action-icon--feedback { background: #fff4df; color: #bc6b0a; }
    .lc-app-sheet__action-icon--support { background: #f0edff; color: #6a51c8; }
    .lc-app-sheet__action-icon--profile { background: #e9f5ff; color: #0878cf; }
    .lc-app-sheet__action-icon--posts { background: #eaf8f1; color: #168456; }
    .lc-app-sheet__action-icon--saved { background: #fff4df; color: #bc6b0a; }
    .lc-app-sheet__action-icon--settings { background: #eef1f5; color: #53697d; }
    .lc-app-sheet__action-icon--login { background: #f0edff; color: #6a51c8; }
    .lc-app-sheet__action-icon--install { background: #e3f4ff; color: #086cae; }

    .lc-app-sheet__actions > a > i:last-child,
    .lc-app-sheet__chevron {
        width: 18px;
        height: 18px;
        color: #90a1b1;
        font-size: 14px;
        vector-effect: non-scaling-stroke;
    }
    .lc-app-sheet__actions span { min-width: 0; display: grid; gap: 2px; }
    .lc-app-sheet__actions b { font-size: 14px; line-height: 1.25; font-weight: 900; }
    .lc-app-sheet__actions small { color: #68798b; font-size: 11.5px; line-height: 1.35; font-weight: 650; }

    .lc-app-sheet__note {
        display: flex;
        align-items: flex-start;
        gap: 7px;
        margin: 10px 3px 0;
        color: #5e7183;
        font-size: 11px;
        line-height: 1.4;
        font-weight: 700;
    }

    .lc-app-sheet__note i { color: #168456; font-size: 14px; }
}

@media (min-width: 992px) {
    .lc-app-sheet { display: none !important; }
}

.lc-legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; padding: 10px 12px 4px; }
.lc-legal-links a { display: inline-flex; align-items: center; gap: 6px; color: #5b6f87; font-size: 12px; font-weight: 800; text-decoration: none; }
.lc-legal-links a:hover { color: #1e5288; }

@media (prefers-reduced-motion: reduce) {
    .loader,
    .lc-app-sheet,
    .lc-app-sheet__panel { transition: none !important; }
    .loader.show::after {
        animation: none !important;
        transform: scale3d(.62, 1, 1) !important;
    }
}

/* Tablet content canvas v1: compact guide hubs. */
@media (min-width: 768px) and (max-width: 991px) {
    html body .container-xxl.main-wrap.explore-page-v4,
    html body .container-xxl.main-wrap.agri-page-v2 {
        width: min(calc(100% - 24px), 880px) !important;
        max-width: 880px !important;
        min-width: 0 !important;
        margin-inline: auto !important;
        box-sizing: border-box !important;
    }

    html body .container-xxl.main-wrap.explore-page-v4 {
        display: flex !important;
        flex-direction: column !important;
    }

    html body .explore-page-v4 > .explore-v3-hero { order: 1; }
    html body .explore-page-v4 > .local-content-search { order: 2; }
    html body .explore-page-v4 > .explore-v3-filters { order: 3; }
    html body .explore-page-v4 > .explore-region-links { order: 4; }
    html body .explore-page-v4 > .explore-v3-list,
    html body .explore-page-v4 > .explore-empty { order: 5; width: 100%; }

    html body .explore-page-v4 .explore-region-links > div {
        display: none !important;
    }

    html body .explore-page-v4 .explore-region-links {
        display: block !important;
        width: 100% !important;
    }

    html body .explore-page-v4 .explore-region-links nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none;
    }

    html body .explore-page-v4 .explore-region-links nav::-webkit-scrollbar {
        display: none;
    }

    html body .explore-page-v4 .explore-region-links a {
        flex: 0 0 auto !important;
    }
}