@media (max-width:768px){
:root{
 --mws-mobile-gap:11px;
 --mws-mobile-radius:14px;
 --mws-mobile-nav-h:66px
}
html{
 -webkit-text-size-adjust:100%;
 text-size-adjust:100%;
 scroll-behavior:smooth
}
body{
 margin:0;
 padding-bottom:calc(var(--mws-mobile-nav-h) + env(safe-area-inset-bottom));
 overflow-x:hidden;
 background:#f4f6f8;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 text-rendering:optimizeLegibility
}
img{image-rendering:auto}
.mws-desktop-only{display:none!important}
.mws-mobile-only{display:block!important}
.mws-site-main,
.mws-page-shell{background:#f4f6f8}
.mws-sheet-backdrop,
.mws-mobile-sheet{display:none!important}
body.mws-sheet-open{overflow:auto!important}

/* Header */
.mws-mobile-header{
 position:sticky;
 top:0;
 z-index:900;
 height:60px;
 background:#fff;
 border-bottom:1px solid #e7ecf0;
 box-shadow:0 2px 10px rgba(16,40,67,.03)
}
body.admin-bar .mws-mobile-header{top:46px}
.mws-mobile-header-inner{
 height:60px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 padding:0 14px
}
.mws-mobile-logo{
 display:flex;
 align-items:center;
 min-width:0
}
.mws-mobile-logo-image{
 display:block;
 max-width:185px;
 max-height:44px;
 width:auto;
 height:auto;
 object-fit:contain
}
.mws-mobile-logo .mws-text-logo{
 color:var(--mws-navy);
 font-size:21px;
 font-weight:900
}
.mws-mobile-header-search{
 width:42px;
 height:42px;
 flex:0 0 42px;
 display:flex;
 align-items:center;
 justify-content:center;
 border:0;
 border-radius:50%;
 background:#f4f7f9;
 color:var(--mws-navy)
}
.mws-mobile-header-search .mws-fa-icon{font-size:17px}

/* Ticker — Arabic direction: left to right */
.mws-news-ticker{
 width:100%;
 height:42px;
 display:block!important;
 overflow:hidden;
 background:var(--mws-navy);
 color:#fff
}
.mws-mobile-ticker-label,
.mws-ticker-label{display:none!important}
.mws-ticker-window{
 width:100%;
 height:42px;
 overflow:hidden;
 direction:ltr
}
.mws-ticker-track{
 width:max-content;
 height:42px;
 display:flex;
 align-items:center;
 animation:mwsMobileTickerProd 165s linear infinite
}
.mws-ticker-group{
 display:flex;
 align-items:center;
 flex-shrink:0
}
.mws-ticker-item{
 height:42px;
 display:flex;
 align-items:center;
 gap:8px;
 padding:0 14px;
 border-left:1px solid rgba(255,255,255,.08);
 white-space:nowrap;
 direction:rtl
}
.mws-ticker-item .source,
.mws-ticker-item .mws-source-identity{
 color:#f2b8bc;
 font-size:10px;
 font-weight:800
}
.mws-ticker-item .mws-source-avatar{
 width:16px;
 height:16px;
 flex-basis:16px;
 border-color:rgba(255,255,255,.28)
}
.mws-ticker-item .title{
 color:#fff;
 font-size:13.8px;
 line-height:1.4;
 font-weight:700
}
@keyframes mwsMobileTickerProd{
 from{transform:translateX(-50%)}
 to{transform:translateX(0)}
}

/* Section/Page heads */
.mws-mobile-page-head,
.mws-mobile-search-head,
.mws-section-hero,
.mws-more-hero{
 background:#fff;
 padding:18px 14px 15px;
 border-bottom:1px solid #e3e9ee
}
.mws-mobile-feed-home>.mws-mobile-page-head{display:none!important}
.mws-mobile-page-head span,
.mws-mobile-search-head>span,
.mws-section-hero>span,
.mws-more-hero>span{
 display:block;
 margin-bottom:3px;
 color:var(--mws-red);
 font-size:10px;
 font-weight:900
}
.mws-mobile-page-head h1,
.mws-mobile-search-head h1,
.mws-section-hero h1,
.mws-more-hero h1{
 margin:0;
 color:var(--mws-navy);
 font-size:25px;
 line-height:1.45;
 font-weight:900
}
.mws-mobile-page-head p,
.mws-mobile-search-head p,
.mws-section-hero p,
.mws-more-hero p{
 margin:6px 0 0;
 color:#7f8b96;
 font-size:12px;
 line-height:1.75
}

/* Feed/cards */
.mws-mobile-card-list{
 display:flex;
 flex-direction:column;
 gap:12px;
 padding:12px var(--mws-mobile-gap)
}
.mws-mobile-card{
 overflow:hidden;
 background:#fff;
 border:1px solid #e3e8ed;
 border-radius:var(--mws-mobile-radius);
 box-shadow:0 4px 16px rgba(14,47,89,.045)
}
.mws-mobile-card-media{
 position:relative;
 overflow:hidden;
 background:#eef2f5
}
.mws-mobile-card-image{
 display:block;
 aspect-ratio:16/9;
 overflow:hidden;
 background:#eef2f5
}
.mws-mobile-card-image img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover
}
.mws-mobile-card-category{
 position:absolute;
 top:10px;
 right:10px;
 z-index:2;
 display:inline-flex;
 align-items:center;
 max-width:72%;
 min-height:27px;
 padding:5px 10px;
 border:0;
 border-radius:20px;
 background:rgba(255,255,255,.95);
 color:var(--mws-red-deep);
 box-shadow:0 3px 12px rgba(15,39,66,.09);
 font-size:10px;
 line-height:1;
 font-weight:900;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.mws-mobile-card-body{padding:14px 14px 12px}
.mws-mobile-card h2{
 margin:0;
 color:#243441;
 font-size:18px;
 line-height:1.62;
 font-weight:900
}
.mws-mobile-card h2 a{color:inherit}
.mws-mobile-card-footer{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 grid-template-areas:"source time";
 align-items:center;
 gap:12px;
 margin-top:12px;
 padding-top:10px;
 border-top:1px solid #edf1f4;
 direction:ltr
}
.mws-mobile-card-source-wrap{
 grid-area:source;
 min-width:0;
 justify-self:start;
 direction:rtl
}
.mws-mobile-card-source{
 max-width:100%;
 color:var(--mws-navy);
 font-size:10px;
 line-height:1.4;
 font-weight:900
}
.mws-mobile-card-source .mws-source-name{
 white-space:normal;
 overflow:visible;
 text-overflow:clip
}
.mws-mobile-card-source .mws-source-avatar{
 width:24px;
 height:24px;
 flex-basis:24px
}
.mws-mobile-card-time{
 grid-area:time;
 display:inline-flex;
 align-items:center;
 justify-content:flex-end;
 gap:5px;
 color:#7e8a95;
 font-size:9.5px;
 line-height:1;
 font-weight:700;
 white-space:nowrap;
 direction:rtl
}
.mws-mobile-card-time .mws-fa-icon{
 color:#71808e;
 font-size:10.5px
}

/* Infinite */
.mws-infinite-status{
 min-height:56px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 padding:11px;
 color:#7f8b96;
 font-size:11px
}
.mws-loader-dot{
 width:7px;
 height:7px;
 border-radius:50%;
 background:var(--mws-red);
 animation:mwsPulseProd 1.2s infinite
}
.mws-infinite-status.is-done .mws-loader-dot{display:none}
.mws-infinite-sentinel{height:1px}
@keyframes mwsPulseProd{
 50%{opacity:.25;transform:scale(.75)}
}

/* Bottom navigation */
.mws-mobile-bottom-nav{
 position:fixed!important;
 z-index:9999;
 right:0;
 left:0;
 bottom:0;
 height:calc(var(--mws-mobile-nav-h) + env(safe-area-inset-bottom));
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr));
 padding:0 5px env(safe-area-inset-bottom);
 background:rgba(255,255,255,.985);
 border-top:1px solid #e3e8ed;
 box-shadow:0 -8px 24px rgba(15,39,66,.075)
}
.mws-mobile-nav-item,
.mws-mobile-bottom-nav>a,
.mws-mobile-bottom-nav>button{
 position:relative;
 min-width:0;
 display:flex!important;
 align-items:center;
 justify-content:center;
 flex-direction:column;
 gap:4px;
 padding:4px 2px;
 border:0;
 border-radius:0;
 background:transparent!important;
 color:#7c8995;
 text-align:center
}
.mws-mobile-bottom-nav .mws-fa-icon{font-size:19px}
.mws-mobile-bottom-nav span{
 display:block!important;
 font-size:9.5px;
 line-height:1.15;
 font-weight:800
}
.mws-mobile-nav-item.is-active,
.mws-mobile-bottom-nav .is-active{
 color:var(--mws-navy)!important;
 background:transparent!important
}
.mws-mobile-nav-item.is-active::before,
.mws-mobile-bottom-nav .is-active::before{
 content:"";
 position:absolute;
 top:0;
 right:29%;
 left:29%;
 height:2px;
 background:var(--mws-red)
}

/* Search */
.mws-mobile-search-wrap,
.mws-search-mobile-main{
 min-height:60vh;
 background:#f4f6f8
}
.mws-mobile-search-form,
.mws-source-search{
 height:52px;
 margin:12px 11px;
 padding:4px 12px;
 display:flex;
 align-items:center;
 gap:9px;
 border:1px solid #d7dfe6;
 border-radius:12px;
 background:#fff
}
.mws-mobile-search-form input,
.mws-source-search input{
 width:100%;
 height:40px;
 border:0;
 outline:0;
 background:transparent;
 color:#263442;
 font-size:14px;
 font-weight:600
}
.mws-mobile-search-form button,
.mws-source-search button{
 width:34px;
 height:34px;
 border:0;
 background:transparent;
 color:#81909e;
 font-size:20px
}

/* Sources */
.mws-sources-shell,
.mws-sources-page{
 display:block!important;
 min-height:calc(100vh - 160px);
 background:#f4f6f8
}
.mws-sources-page{padding-bottom:18px}
.mws-sources-grid{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:9px;
 padding:0 11px 15px
}
.mws-sources-grid article{
 display:block!important;
 overflow:hidden;
 min-height:70px;
 border:1px solid #e1e7ec;
 border-radius:13px;
 background:#fff;
 box-shadow:0 2px 9px rgba(16,40,67,.025)
}
.mws-source-directory-link{
 min-height:70px;
 display:flex!important;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding:11px 13px
}
.mws-source-directory-main{
 display:flex!important;
 align-items:center;
 gap:10px;
 min-width:0;
 flex:1 1 auto
}
.mws-source-directory-avatar{
 width:36px;
 height:36px;
 flex:0 0 36px;
 display:inline-flex!important;
 align-items:center;
 justify-content:center;
 overflow:hidden;
 border:1px solid #e5eaef;
 border-radius:50%;
 background:#fff
}
.mws-source-directory-avatar img{
 width:100%!important;
 height:100%!important;
 display:block!important;
 object-fit:contain;
 padding:3px;
 background:#fff
}
.mws-source-directory-avatar .mws-fa-icon{
 display:inline-flex!important;
 color:#788693;
 font-size:13px
}
.mws-source-directory-name{
 display:block!important;
 min-width:0;
 color:var(--mws-navy);
 font-size:14px;
 line-height:1.45;
 font-weight:900
}
.mws-source-directory-arrow{
 width:22px;
 flex:0 0 22px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#687786
}

/* Categories */
.mws-categories-shell,
.mws-categories-page{
 min-height:calc(100vh - 160px);
 background:#f4f6f8
}
.mws-categories-page{padding-bottom:18px}
.mws-categories-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:9px;
 padding:12px 11px 16px
}
.mws-categories-grid article{
 overflow:hidden;
 border:1px solid #e2e8ed;
 border-radius:12px;
 background:#fff
}
.mws-categories-grid article>a{
 min-height:60px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 padding:10px 11px
}
.mws-categories-grid strong{
 color:var(--mws-navy);
 font-size:12px;
 line-height:1.45;
 font-weight:900
}
.mws-categories-grid article>a>div>span{display:none!important}
.mws-categories-grid .mws-fa-icon{
 color:#758492;
 font-size:11px
}

/* More */
.mws-more-shell,
.mws-more-page{
 min-height:calc(100vh - 160px);
 background:#f4f6f8
}
.mws-more-page{padding-bottom:18px}
.mws-more-cards,
.mws-more-list{
 display:flex!important;
 flex-direction:column;
 gap:10px;
 padding:12px 11px 18px
}
.mws-more-card,
.mws-more-item{
 width:100%;
 min-height:82px;
 display:grid!important;
 grid-template-columns:42px minmax(0,1fr) 18px;
 align-items:center;
 gap:11px;
 padding:12px 13px;
 border:1px solid #e1e7ec;
 border-radius:13px;
 background:#fff;
 color:inherit;
 box-shadow:0 3px 12px rgba(16,40,67,.025)
}
.mws-more-card-icon,
.mws-more-item-icon{
 width:40px;
 height:40px;
 display:flex!important;
 align-items:center;
 justify-content:center;
 border-radius:11px;
 background:#eef3f7;
 color:var(--mws-navy)
}
.mws-more-card-icon .mws-fa-icon,
.mws-more-item-icon .mws-fa-icon{font-size:16px}
.mws-more-card-text,
.mws-more-item-content{
 display:flex!important;
 flex-direction:column;
 gap:4px;
 min-width:0
}
.mws-more-card-text strong,
.mws-more-item-content strong{
 display:block;
 color:#263746;
 font-size:13.5px;
 line-height:1.35;
 font-weight:900
}
.mws-more-card-text small,
.mws-more-item-content small{
 display:block;
 color:#85919c;
 font-size:10.5px;
 line-height:1.55;
 font-weight:500
}
.mws-more-card-arrow,
.mws-more-item-arrow{
 display:flex!important;
 align-items:center;
 justify-content:center;
 color:#778592
}

/* Single */
.mws-single-page{background:#f4f6f8}
.mws-mobile-article{
 padding-top:14px;
 background:#f4f6f8
}
.mws-mobile-article-image{
 width:calc(100% - 22px);
 margin:0 11px;
 aspect-ratio:4/3;
 overflow:hidden;
 border-radius:13px 13px 0 0;
 background:#eef2f5
}
.mws-mobile-article-image img{
 width:100%;
 height:100%;
 display:block;
 object-fit:cover
}
.mws-mobile-article-body{
 margin:0 11px 14px;
 padding:18px 16px 20px;
 border:1px solid #e1e7ec;
 border-top:0;
 border-radius:0 0 13px 13px;
 background:#fff
}
.mws-mobile-article-meta>div{
 display:flex;
 align-items:center;
 gap:6px;
 flex-wrap:wrap
}
.mws-mobile-article-meta .cat{
 padding:4px 9px;
 border-radius:20px;
 background:#fff0f1;
 color:var(--mws-red-deep);
 font-size:9.5px;
 font-weight:800
}
.mws-mobile-article-meta .mws-source-identity{
 padding:3px 8px 3px 4px;
 border-radius:20px;
 background:#eff4f8;
 color:var(--mws-navy);
 font-size:9.5px;
 font-weight:800
}
.mws-mobile-article-meta .mws-source-avatar{
 width:20px;
 height:20px;
 flex-basis:20px;
 border:0
}
.mws-mobile-article h1{
 margin:12px 0 0;
 color:#203141;
 font-size:25px;
 line-height:1.58;
 font-weight:900
}
.mws-mobile-article-actions{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 margin-top:13px;
 padding:10px 0;
 border-top:1px solid #edf1f4;
 border-bottom:1px solid #edf1f4
}
.mws-mobile-article-time{
 display:inline-flex;
 align-items:center;
 gap:5px;
 color:#7f8b96;
 font-size:10px;
 font-weight:800;
 white-space:nowrap
}
.mws-mobile-article-share .mws-share-actions{
 display:flex;
 align-items:center;
 gap:8px;
 flex-wrap:nowrap
}
.mws-mobile-article-share .mws-share-actions a,
.mws-mobile-article-share .mws-share-actions button{
 width:28px;
 height:28px;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none
}
.mws-mobile-excerpt-ui{margin:15px 0}
.mws-mobile-excerpt-ui .mws-article-excerpt-text{
 color:#384756;
 font-size:16px;
 line-height:2
}
.mws-mobile-excerpt-ui .mws-excerpt-toggle-link{
 color:var(--mws-navy);
 font-size:12px
}
.mws-mobile-original{
 min-height:56px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 margin-top:16px;
 padding:12px 14px;
 border-radius:10px;
 background:var(--mws-navy);
 color:#fff;
 font-size:12px;
 font-weight:900
}
.mws-mobile-related{
 margin:14px 11px 0;
 overflow:hidden;
 border:1px solid #e1e7ec;
 border-radius:13px;
 background:#fff
}
.mws-mobile-related>header{
 display:flex;
 align-items:center;
 justify-content:flex-start;
 padding:14px 15px;
 border-bottom:1px solid #e5eaef
}
.mws-mobile-related h2{
 margin:0;
 color:var(--mws-navy);
 font-size:18px
}
.mws-mobile-related>header span{display:none!important}

/* Static pages */
.mws-static-page{
 margin:0;
 padding:0 14px 20px;
 background:#fff
}
.mws-static-page>header{padding-top:18px}
.mws-static-page h1{font-size:27px}
.mws-static-content{
 padding-top:18px;
 font-size:15px;
 line-height:2
}

/* Footer desktop hidden on mobile */
.mws-f5,
.mws-desktop-footer{display:none!important}

/* In-feed ads: one after every five news cards */
.mws-mobile-feed-ad{
 position:relative;
 width:100%;
 min-height:150px;
 overflow:hidden;
 display:flex;
 align-items:stretch;
 justify-content:center;
 border:1px solid #e3e8ed;
 border-radius:13px;
 background:#fff;
 contain:layout paint;
}
.mws-mobile-ad-label{
 position:absolute;
 z-index:2;
 top:6px;
 right:8px;
 color:#a0a9b2;
 font-size:8px;
 line-height:1;
 font-weight:600
}
.mws-mobile-ad-content{
 width:100%;
 min-height:150px;
 display:flex;
 align-items:stretch;
 justify-content:center
}
.mws-mobile-ad-content>.widget,
.mws-mobile-ad-content>[class*="widget_"]{
 width:100%;
 margin:0!important
}
.mws-mobile-ad-content .mws-ad-slot{
 width:100%;
 height:auto!important;
 min-height:150px!important;
 max-height:none!important;
 margin:0!important;
 border:0!important;
 background:#fff
}
.mws-mobile-ad-content iframe,
.mws-mobile-ad-content ins,
.mws-mobile-ad-content img{
 max-width:100%
}

/* Accessibility */
.mws-mobile-header-search,
.mws-mobile-nav-item,
.mws-mobile-bottom-nav>a,
.mws-mobile-bottom-nav>button,
.mws-more-card,
.mws-more-item,
.mws-source-directory-link{
 min-height:44px
}
}

@media (max-width:380px){
 .mws-mobile-card h2{font-size:17px}
 .mws-mobile-card-source{font-size:9.5px}
 .mws-mobile-card-time{font-size:9px}
 .mws-categories-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
 .mws-ticker-track,
 .mws-loader-dot{
  animation:none!important
 }
}

@media (max-width:768px){
 .mws-mobile-card:nth-child(n+3){
  content-visibility:auto;
  contain-intrinsic-size:540px
 }
}


@media(max-width:768px){
 .mws-mobile-bottom-nav{
  grid-template-columns:repeat(
   var(--mws-mobile-nav-count,5),
   minmax(0,1fr)
  )!important
 }
}

@media(max-width:768px){
 .mws-desktop-only{
  display:none!important
 }
 .mws-mobile-only{
  display:block!important
 }

 /* Desktop header/footer markup can exist but must never occupy mobile space. */
 .mws-desktop-header{
  display:none!important
 }

 body:not(.mws-footer-mobile-on) .mws-f5,
 body:not(.mws-footer-mobile-on) .mws-desktop-footer{
  display:none!important
 }

 body.mws-footer-mobile-on .mws-f5{
  display:block!important
 }

 .mws-content-anchor{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important
 }
}

@media(max-width:768px){

 /* Advertisement placeholder — same visual language as desktop */
 .mws-mobile-feed-ad.mws-ad-slot{
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--mws-border)!important;
  border-radius:0!important;
  background:#fafbfc!important;
  box-shadow:none!important;
  contain:layout paint
 }

 .mws-mobile-feed-ad .mws-mobile-ad-content{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:block!important
 }

 .mws-mobile-feed-ad .mws-ad-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:3px!important;
  position:relative!important;
  background:#fafbfc!important;
  color:#9aa6b1!important;
  text-align:center!important
 }

 .mws-mobile-feed-ad .mws-ad-placeholder small{
  position:absolute!important;
  top:7px!important;
  right:8px!important;
  color:#9aa6b1!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:500!important
 }

 .mws-mobile-feed-ad .mws-ad-placeholder span{
  display:block!important;
  color:#9aa6b1!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:700!important
 }

 .mws-mobile-feed-ad .mws-ad-placeholder b{
  display:block!important;
  color:#9aa6b1!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:500!important
 }

 .mws-mobile-feed-ad .widget,
 .mws-mobile-feed-ad [class*="widget_"],
 .mws-mobile-feed-ad iframe,
 .mws-mobile-feed-ad ins,
 .mws-mobile-feed-ad img{
  max-width:100%!important
 }

 /* Search results section header */
 .mws-mobile-search-results-head{
  min-height:63px;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  padding:10px 14px;
  border-top:1px solid #e2e8ed;
  border-bottom:1px solid #e2e8ed;
  background:#fff
 }

 .mws-mobile-search-results-head>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px
 }

 .mws-mobile-search-results-kicker{
  color:var(--mws-red);
  font-size:9px;
  line-height:1.2;
  font-weight:800
 }

 .mws-mobile-search-results-head strong{
  display:block;
  color:var(--mws-navy);
  font-size:17px;
  line-height:1.35;
  font-weight:900
 }

 .mws-mobile-search-results-count{
  flex:0 0 auto;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border:1px solid #e2e8ed;
  border-radius:20px;
  background:#f5f7f9;
  color:#778592;
  font-size:9.5px;
  line-height:1;
  font-weight:800;
  white-space:nowrap
 }

 /* No real image = no fake image area */
 .mws-mobile-card-category-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:10px 12px 0
 }

 .mws-mobile-card-category-inline{
  position:static!important;
  width:auto!important;
  max-width:75%!important;
  box-shadow:none!important;
  background:#fff0f1!important
 }

 .mws-mobile-card-image img,
 .mws-mobile-article-image img{
  background:transparent!important
 }
}

@media(max-width:768px){

 /* =========================================================
    ANDROID SCROLL / FIXED NAV STABILITY
    ======================================================= */

 /*
  * content-visibility was useful synthetically, but on some Android
  * Chrome/WebView builds it causes paint invalidation while cards enter
  * the viewport and makes a fixed bottom bar appear to blink.
  */
 .mws-mobile-card,
 .mws-mobile-card:nth-child(n+3){
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important;
  contain:none!important
 }

 html,
 body{
  overscroll-behavior-y:none;
  -webkit-overflow-scrolling:touch
 }

 .mws-mobile-bottom-nav{
  position:fixed!important;
  right:0!important;
  left:0!important;
  bottom:0!important;
  z-index:2147480!important;

  /* Force one stable compositor layer on real Android devices */
  transform:translate3d(0,0,0)!important;
  -webkit-transform:translate3d(0,0,0)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  perspective:1000px;
  -webkit-perspective:1000px;
  will-change:transform;
  isolation:isolate;
  contain:layout paint style;

  /* Opaque background avoids translucent repaint while scrolling */
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  /* Heavy fixed shadows can repaint every scroll frame on Android */
  box-shadow:0 -1px 0 #e3e8ed!important;
  border-top:0!important;

  transition:none!important;
  animation:none!important
 }

 .mws-mobile-bottom-nav *,
 .mws-mobile-bottom-nav *::before,
 .mws-mobile-bottom-nav *::after{
  transition:none!important
 }

 .mws-mobile-nav-item{
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent
 }

 /*
  * Keep the scrolling feed on its own normal paint flow.
  * Do not promote hundreds of cards to compositor layers.
  */
 .mws-mobile-card-list{
  contain:none!important;
  transform:none!important;
  will-change:auto!important
 }

 .mws-infinite-sentinel{
  contain:strict;
  height:1px!important
 }
}