body.activeplayer-mobile-category { background: #f4f7fa !important; }
.activeplayer-mobile-category .jeg_header_wrapper { position: relative !important; z-index: 1000 !important; }
.activeplayer-mobile-category .jeg_header_sticky,
.activeplayer-mobile-category .jeg_navbar_mobile_wrapper { z-index: 1000 !important; }
.activeplayer-mobile-category .jeg_header_wrapper .jeg_megamenu .sub-menu,
.activeplayer-mobile-category .jeg_header_wrapper .jeg_menu li > ul,
.activeplayer-mobile-category .jeg_header_sticky .jeg_megamenu .sub-menu,
.activeplayer-mobile-category .jeg_header_sticky .jeg_menu li > ul { z-index: 1001 !important; }

.mobile-archive {
    --mc-ink: #101923;
    --mc-blue: #3157e2;
    --mc-cyan: #25b8c7;
    --mc-lime: #a7dc45;
    --mc-muted: #657383;
    --mc-line: #dfe6ed;
    min-height: 100vh;
    background: #f4f7fa;
    color: var(--mc-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.mobile-archive-shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.mobile-archive-hero { position: relative; isolation: isolate; overflow: hidden; padding: 34px 0 72px; background: linear-gradient(120deg, #101a2b 0%, #17284a 54%, #244fc4 100%); color: #fff; }
.mobile-archive-hero::before { position: absolute; z-index: -1; top: -210px; right: -120px; width: 620px; height: 620px; border: 90px solid rgba(255,255,255,.06); border-radius: 50%; content: ""; }
.mobile-archive-hero::after { position: absolute; z-index: -1; right: 26%; bottom: -160px; width: 360px; height: 360px; border-radius: 80px; background: linear-gradient(135deg, rgba(37,184,199,.26), rgba(167,220,69,.13)); content: ""; transform: rotate(28deg); }
.mobile-archive-breadcrumb { display: flex; gap: 9px; align-items: center; margin-bottom: 52px; color: #9eacc2; font-size: 12px; }
.mobile-archive-breadcrumb a { color: #d9e2f1 !important; text-decoration: none !important; }
.mobile-archive-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: end; gap: 72px; }
.mobile-archive-eyebrow { margin: 0 0 9px !important; color: #71d9e5 !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: .16em !important; text-transform: uppercase; }
.mobile-archive-hero h1 { max-width: 850px; margin: 0 !important; color: #fff !important; font-size: clamp(40px, 6vw, 72px) !important; font-weight: 900 !important; letter-spacing: -.045em !important; line-height: .98 !important; }
.mobile-archive-hero__intro { max-width: 780px; margin: 24px 0 0 !important; color: #c9d4e5 !important; font-size: clamp(16px, 2vw, 19px) !important; line-height: 1.7 !important; }
.mobile-archive-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.mobile-archive-hero__actions a { display: inline-flex; align-items: center; min-height: 43px; padding: 10px 17px; border: 1px solid rgba(255,255,255,.22); border-radius: 9px; background: rgba(255,255,255,.08); color: #fff !important; font-size: 12px; font-weight: 800; text-decoration: none !important; }
.mobile-archive-hero__actions a:first-child { border-color: var(--mc-lime); background: var(--mc-lime); color: #17220a !important; }
.mobile-archive-hero__actions a:hover { transform: translateY(-2px); }
.mobile-archive-hero__facts { display: grid; gap: 1px; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.17); border-radius: 16px; background: rgba(255,255,255,.12); box-shadow: 0 24px 60px rgba(0,0,0,.2); }
.mobile-archive-hero__facts div { padding: 18px 20px; background: rgba(10,18,33,.72); }
.mobile-archive-hero__facts dt { color: #8fa0b9; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.mobile-archive-hero__facts dd { margin: 5px 0 0; color: #fff; font-size: 21px; font-weight: 900; }
.mobile-archive-hero__facts div:first-child dd { color: var(--mc-lime); font-size: 31px; }

.mobile-archive-nav { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid #dce3e9; background: rgba(255,255,255,.96); backdrop-filter: blur(14px); }
.admin-bar .mobile-archive-nav { top: 32px; }
.mobile-archive-nav .mobile-archive-shell { display: flex; justify-content: center; min-height: 55px; overflow-x: auto; }
.mobile-archive-nav a { position: relative; padding: 19px 20px 15px; color: #687585 !important; font-size: 12px; font-weight: 800; text-decoration: none !important; white-space: nowrap; }
.mobile-archive-nav a::after { position: absolute; right: 20px; bottom: 0; left: 20px; height: 3px; background: transparent; content: ""; }
.mobile-archive-nav a:hover { color: var(--mc-blue) !important; }
.mobile-archive-nav a:hover::after { background: var(--mc-blue); }

.mobile-archive-body { padding-block: 62px 80px; }
.mobile-archive-section + .mobile-archive-section { margin-top: 74px; }
.mobile-archive-heading { display: flex; align-items: end; justify-content: space-between; gap: 34px; margin-bottom: 23px; }
.mobile-archive-heading h2,
.mobile-archive-context h2,
.mobile-archive-faq h2 { margin: 0 !important; color: var(--mc-ink) !important; font-size: clamp(27px, 4vw, 41px) !important; font-weight: 900 !important; letter-spacing: -.035em !important; line-height: 1.08 !important; }
.mobile-archive-heading > p { max-width: 440px; margin: 0 !important; color: var(--mc-muted) !important; font-size: 14px !important; line-height: 1.65 !important; }
.mobile-archive-featured-grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: 18px; }
.mobile-archive-featured-grid .mobile-archive-card:first-child { grid-row: span 2; }

.mobile-archive-card { min-width: 0; overflow: hidden; border: 1px solid var(--mc-line); border-radius: 15px; background: #fff; box-shadow: 0 10px 34px rgba(21,37,55,.07); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.mobile-archive-card:hover { border-color: #bdcbe0; box-shadow: 0 17px 42px rgba(21,37,55,.13); transform: translateY(-3px); }
.mobile-archive-card__media { position: relative; display: block; height: 174px; overflow: hidden; background: linear-gradient(135deg, #1d3261, #3157e2); text-decoration: none !important; }
.mobile-archive-card__media img { width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover; transition: transform .3s ease; }
.mobile-archive-card:hover .mobile-archive-card__media img { transform: scale(1.035); }
.mobile-archive-card__media > span { display: grid; height: 100%; place-items: center; color: rgba(255,255,255,.75); font-size: 38px; font-weight: 900; }
.mobile-archive-card__media small { position: absolute; bottom: 11px; left: 11px; padding: 6px 9px; border-radius: 6px; background: rgba(10,19,35,.88); color: #fff; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.mobile-archive-card__body { padding: 20px; }
.mobile-archive-card__meta { display: flex; flex-wrap: wrap; gap: 7px 13px; margin: 0 0 10px !important; color: #7d8996 !important; font-size: 10px !important; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.mobile-archive-card__meta span { color: var(--mc-blue); }
.mobile-archive-card h2 { margin: 0 !important; font-size: 20px !important; font-weight: 850 !important; letter-spacing: -.02em !important; line-height: 1.2 !important; }
.mobile-archive-card h2 a { color: #15202b !important; text-decoration: none !important; }
.mobile-archive-card h2 a:hover { color: var(--mc-blue) !important; }
.mobile-archive-card__body > p:not(.mobile-archive-card__meta) { margin: 10px 0 14px !important; color: #667381 !important; font-size: 13px !important; line-height: 1.6 !important; }
.mobile-archive-card__action { color: var(--mc-blue) !important; font-size: 12px; font-weight: 850; text-decoration: none !important; }
.mobile-archive-card__action span { display: inline-block; margin-left: 4px; transition: transform .15s ease; }
.mobile-archive-card__action:hover span { transform: translateX(3px); }
.mobile-archive-card--featured .mobile-archive-card__media { height: 330px; }
.mobile-archive-card--featured .mobile-archive-card__body { padding: 25px; }
.mobile-archive-card--featured h2 { font-size: clamp(25px, 3vw, 33px) !important; }
.mobile-archive-featured-grid .mobile-archive-card:not(:first-child) { display: grid; grid-template-columns: 190px 1fr; }
.mobile-archive-featured-grid .mobile-archive-card:not(:first-child) .mobile-archive-card__media { height: 100%; min-height: 205px; }

.mobile-archive-heading--tools { align-items: center; }
.mobile-archive-filter { display: grid; gap: 6px; width: min(320px, 100%); color: #667381; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.mobile-archive-filter input { width: 100%; height: 44px; padding: 9px 13px; border: 1px solid #cbd5df; border-radius: 9px; background: #fff; color: #17212b; font-size: 14px; text-transform: none; outline: none; }
.mobile-archive-filter input:focus { border-color: var(--mc-blue); box-shadow: 0 0 0 3px rgba(49,87,226,.12); }
.mobile-archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.mobile-archive-grid[aria-busy="true"] { opacity: .5; pointer-events: none; transition: opacity .18s ease; }
.mobile-archive-card[hidden] { display: none !important; }
.mobile-archive-no-results,
.mobile-archive-empty { padding: 28px; border: 1px dashed #bdc9d4; border-radius: 12px; background: #fff; color: #667381; text-align: center; }

.mobile-archive-pagination { margin-top: 32px; }
.mobile-archive-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.mobile-archive-pagination a,
.mobile-archive-pagination span { display: grid; min-width: 40px; height: 40px; padding: 0 11px; place-items: center; border: 1px solid #d6dee6; border-radius: 8px; background: #fff; color: #51606e !important; font-size: 12px; font-weight: 800; text-decoration: none !important; }
.mobile-archive-pagination .current,
.mobile-archive-pagination a:hover { border-color: var(--mc-blue); background: var(--mc-blue); color: #fff !important; }

.mobile-archive-context { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 58px; margin-top: 78px; padding: 42px; border-radius: 18px; background: #111d2c; color: #d5dde7; }
.mobile-archive-context h2 { color: #fff !important; }
.mobile-archive-context > div > p:not(.mobile-archive-eyebrow) { margin: 17px 0 0 !important; color: #bdc8d6 !important; font-size: 15px !important; line-height: 1.8 !important; }
.mobile-archive-context aside { padding-left: 35px; border-left: 1px solid rgba(255,255,255,.12); }
.mobile-archive-context h3 { margin: 0 0 15px !important; color: #fff !important; font-size: 19px !important; }
.mobile-archive-context aside a { display: block; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.12); color: #fff !important; text-decoration: none !important; }
.mobile-archive-context aside strong,
.mobile-archive-context aside span { display: block; }
.mobile-archive-context aside strong { font-size: 13px; }
.mobile-archive-context aside span { margin-top: 4px; color: #8fa0b5; font-size: 11px; }

.mobile-archive-faq { max-width: 960px; margin: 76px auto 0; }
.mobile-archive-faq > h2 { margin-bottom: 22px !important; }
.mobile-archive-faq details { border-top: 1px solid #d5dde5; background: transparent; }
.mobile-archive-faq details:last-child { border-bottom: 1px solid #d5dde5; }
.mobile-archive-faq summary { padding: 19px 35px 19px 0; color: #18232e; font-size: 15px; font-weight: 850; cursor: pointer; }
.mobile-archive-faq details p { margin: 0 !important; padding: 0 0 20px; color: #657381 !important; font-size: 14px !important; line-height: 1.75 !important; }

@media (max-width: 960px) {
    .mobile-archive-hero__grid { grid-template-columns: 1fr; gap: 38px; }
    .mobile-archive-hero__facts { grid-template-columns: repeat(3, 1fr); }
    .mobile-archive-featured-grid { grid-template-columns: 1fr; }
    .mobile-archive-featured-grid .mobile-archive-card:first-child { grid-row: auto; }
    .mobile-archive-grid { grid-template-columns: repeat(2, 1fr); }
    .mobile-archive-context { grid-template-columns: 1fr; gap: 32px; }
    .mobile-archive-context aside { padding: 25px 0 0; border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }
}
@media (max-width: 680px) {
    .mobile-archive-shell { width: min(100% - 28px, 1240px); }
    .mobile-archive-hero { padding: 25px 0 50px; }
    .mobile-archive-breadcrumb { margin-bottom: 34px; }
    .mobile-archive-hero h1 { font-size: 42px !important; }
    .mobile-archive-hero__facts { grid-template-columns: 1fr; }
    .mobile-archive-nav .mobile-archive-shell { justify-content: flex-start; }
    .mobile-archive-nav a { padding-right: 12px; padding-left: 12px; }
    .mobile-archive-body { padding-block: 42px 60px; }
    .mobile-archive-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
    .mobile-archive-featured-grid .mobile-archive-card:not(:first-child) { grid-template-columns: 1fr; }
    .mobile-archive-featured-grid .mobile-archive-card:not(:first-child) .mobile-archive-card__media { height: 190px; min-height: 0; }
    .mobile-archive-card--featured .mobile-archive-card__media { height: 230px; }
    .mobile-archive-grid { grid-template-columns: 1fr; }
    .mobile-archive-context { margin-top: 55px; padding: 27px 20px; }
    .mobile-archive-faq { margin-top: 55px; }
}
@media (max-width: 782px) { .admin-bar .mobile-archive-nav { top: 46px; } }
@media (prefers-reduced-motion: reduce) { .mobile-archive-card, .mobile-archive-card__media img, .mobile-archive-hero__actions a { transition: none; } }