/* =========================================================
   clone-shell.css  — Universal clone replica base styles
   Extracted from inline <style> in shell.blade.php.
   Served as a static file: Cache-Control max-age=31536000.
   Version bump via ?v= query in shell.blade.php link tag.
   ========================================================= */
.af-replica-slot--home{display:contents}
.af-replica-slot--page{display:block;position:relative;z-index:1;width:100%;min-height:40vh;background-color:#1a1a1a;background-image:none}
.mag-box .posts-items li .post-thumb,.mag-box.big-posts-box .posts-items li .post-thumb,.posts-items .post-thumb,.posts-list-container .post-thumb,.post-item .post-thumb,a.post-thumb{display:block!important;width:100%!important;aspect-ratio:584/800!important;position:relative!important;overflow:hidden!important;border-radius:8px!important;background:#191722!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important}
.mag-box .posts-items li .post-thumb img,.mag-box.big-posts-box .posts-items li .post-thumb img,.posts-items .post-thumb img,.posts-list-container .post-thumb img,.post-item .post-thumb img,a.post-thumb img,img.thumbnail-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;border-radius:8px!important}
.mag-box.big-posts-box .posts-items.posts-list-container,.mag-box .posts-items.posts-list-container{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;width:100%!important;box-sizing:border-box!important;list-style:none!important;padding:0!important;margin:0 0 25px 0!important}
.mag-box.big-posts-box .posts-items li.post-item,.mag-box .posts-items li.post-item{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;float:none!important;box-sizing:border-box!important}
@media(max-width:1200px){.mag-box.big-posts-box .posts-items.posts-list-container,.mag-box .posts-items.posts-list-container{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}}
@media(max-width:768px){.mag-box.big-posts-box .posts-items.posts-list-container,.mag-box .posts-items.posts-list-container{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}}
@media(max-width:480px){.mag-box.big-posts-box .posts-items.posts-list-container,.mag-box .posts-items.posts-list-container{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}
.archive-box .mag-box-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:20px!important}
.archive-box .archive-count-badge{font-size:13px!important;color:#a8a8b4!important;font-weight:500!important;background:rgba(255,255,255,.05)!important;padding:4px 12px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important}
#tie-breadcrumb,.tie-breadcrumbs{font-size:13.5px!important;color:#8f929b!important;margin:16px 0 20px 0!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0!important}
#tie-breadcrumb a,.tie-breadcrumbs a{color:#d1d5db!important;text-decoration:none!important;transition:color .2s ease!important}
#tie-breadcrumb a:hover,.tie-breadcrumbs a:hover{color:#733d91!important}
#tie-breadcrumb .delimiter,.tie-breadcrumbs .delimiter{color:#6366f1!important;font-weight:700!important;margin:0 4px!important}
#tie-breadcrumb .tie-current,.tie-breadcrumbs .tie-current{color:#fff!important;font-weight:600!important}
.wp-pagenavi,.pages-nav .pages-numbers{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;padding:28px 0 16px!important;margin:0 auto!important;font-size:14px!important;font-weight:600!important}
.wp-pagenavi span.pages{color:#a8a8b4!important;font-size:13px!important;font-weight:500!important;padding:6px 14px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:6px!important;margin-right:4px!important}
.wp-pagenavi a,.wp-pagenavi span.current,.wp-pagenavi span.extend{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;padding:0 12px!important;border-radius:6px!important;box-sizing:border-box!important;text-decoration:none!important;transition:all .2s ease!important}
.wp-pagenavi a{color:#d1d5db!important;background:#1e1d28!important;border:1px solid rgba(255,255,255,.1)!important}
.wp-pagenavi a:hover{color:#fff!important;background:#733d91!important;border-color:#733d91!important;box-shadow:0 4px 12px rgba(115,61,145,.4)!important;transform:translateY(-1px)!important}
.wp-pagenavi span.current{color:#fff!important;background:#733d91!important;border:1px solid #733d91!important;box-shadow:0 2px 8px rgba(115,61,145,.35)!important;cursor:default!important}
.wp-pagenavi span.extend{color:#71717a!important;border:none!important;background:transparent!important;min-width:20px!important}
.slider-area.mag-box{margin-bottom:28px!important;width:100%!important}
.tie-main-slider .tie-slick-slider,.slider-area-inner .tie-slick-slider,.tie-main-slider .main-slider-inner{width:100%!important}
.tie-main-slider .tie-slick-slider:not(.slick-initialized){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important;overflow:hidden!important}
.tie-main-slider .slide,.tie-slick-slider .slide,.main-slider-inner .slide{aspect-ratio:584/800!important;min-height:380px!important;max-height:480px!important;border-radius:15px!important;overflow:hidden!important;background-size:cover!important;background-position:center center!important;position:relative!important}
@media(max-width:991px){.tie-main-slider .tie-slick-slider:not(.slick-initialized){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.tie-main-slider .tie-slick-slider:not(.slick-initialized){grid-template-columns:repeat(1,minmax(0,1fr))!important}}
.mdw-grid.homepage-cover-items,.homepage-cover-items.mdw-grid,.su-trending-grid.mdw-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important;justify-content:center;justify-items:center;align-items:start;gap:14px}
.mdw-grid .cover-item,.su-trending-grid .cover-item{width:100%!important;max-width:220px!important;margin:0!important;align-self:start!important;position:relative;overflow:hidden}
.homepage-cover-items>.homepage-cover-items{width:100%!important;flex:1 1 100%!important}
body.home .homepage-category,body.home .page.homepage>.container,body.home .homepage-search-block>.container{margin-left:auto!important;margin-right:auto!important;max-width:1170px;width:100%;box-sizing:border-box}
body.home .homepage-cover-items{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:14px 1.2%!important;width:100%!important;box-sizing:border-box}
body.home .homepage-cover-items .cover-item{flex:0 0 calc((100% - (5 * 1.2%)) / 6)!important;max-width:none!important;margin:0 0 25px!important;box-sizing:border-box}
@media(min-width:641px)and(max-width:990px){body.home .homepage-cover-items{gap:12px 1.5%!important;padding:0 12px!important}body.home .homepage-cover-items .cover-item{flex:0 0 calc((100% - (3 * 1.5%)) / 4)!important;margin-bottom:18px!important}body.home .homepage-category,body.home .page.homepage>.container,body.home .homepage-search-block>.container{padding-left:12px!important;padding-right:12px!important}}
@media(min-width:481px)and(max-width:640px){body.home .homepage-cover-items{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 14px!important;padding:0 16px!important}body.home .homepage-cover-items .cover-item{flex:none!important;width:100%!important;margin:0!important}body.home .homepage-category{padding-left:16px!important;padding-right:16px!important}}
@media(max-width:480px){body.home .homepage-cover-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;padding:0 14px!important}body.home .homepage-cover-items .cover-item{flex:none!important;width:100%!important;margin:0!important}body.home .homepage-category{padding-left:14px!important;padding-right:14px!important}}
.mdw-grid .cover-item-link,.homepage-cover-items .cover-item-link,.su-trending-grid .cover-item-link{display:block!important;width:100%!important;position:relative!important;overflow:hidden}
.mdw-grid .cover-item-link::before,.homepage-cover-items .cover-item-link::before,.su-trending-grid .cover-item-link::before{content:""!important;display:block!important;width:100%!important;aspect-ratio:287/383!important}
.mdw-grid .cover-item-link>img,.mdw-grid .cover-item-link .wp-post-image,.homepage-cover-items .cover-item-link>img,.homepage-cover-items .cover-item-link .wp-post-image,.su-trending-grid .cover-item-link>img,.su-trending-grid .cover-item-link .wp-post-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;aspect-ratio:auto!important}
.homepage-cover-items>a.cover-item .cover-item-image,.homepage-cover-items .cover-item .cover-item-image{display:block!important;width:100%!important;aspect-ratio:287/383!important;overflow:hidden!important;position:relative!important;background:#111}
.homepage-cover-items>a.cover-item .cover-item-image>img,.homepage-cover-items .cover-item .cover-item-image>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;aspect-ratio:auto!important}
.su-related-thumb,.su-cat__card-img{aspect-ratio:287/383!important;overflow:hidden}
.su-related-thumb img,.su-cat__card-img img,img.su-cover-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
@media(max-width:991px){.mdw-grid.homepage-cover-items,.homepage-cover-items.mdw-grid,.su-trending-grid.mdw-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.mdw-grid .cover-item,.su-trending-grid .cover-item{max-width:200px!important}}
@media(max-width:640px){.mdw-grid.homepage-cover-items,.homepage-cover-items.mdw-grid,.su-trending-grid.mdw-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:10px!important}.mdw-grid .cover-item,.su-trending-grid .cover-item{max-width:180px!important}}
.af-replica-slot>li.post-item,.af-replica-slot>.post-item{display:none!important}
.mag-box.big-posts-box .mag-box-container,.mag-box.big-posts-box .posts-list-container{min-height:0!important}
.mag-box.big-posts-box .container-wrapper{height:auto!important;min-height:0!important}
html.dark-skin,body.dark-skin{background-color:#121017!important;color:#fff!important}
html.dark-skin #tie-wrapper,body.dark-skin #tie-wrapper{background-color:#181621!important}
html.dark-skin .container-wrapper,body.dark-skin .container-wrapper{background-color:#1f1d2b!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell) #tie-wrapper{background-color:#fff!important}
html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell) #content .container-wrapper:not(.post-element),html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell) #tie-wrapper .section-wrapper .container-wrapper,html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell) .main-content .container-wrapper:not(.post-element),html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell) aside.sidebar .container-wrapper,html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell) #the-post.container-wrapper,html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell) .post-content.container-wrapper,html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell) #posts-list-widget-4.container-wrapper,html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell) #related-posts.container-wrapper{background-color:#fff!important;background-image:none!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;box-shadow:0 4px 15px rgba(0,0,0,.06)!important;color:#2c2f34!important}
html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell):not(:has(.wp-theme-jannah)) .mag-box-title h3,html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell):not(:has(.wp-theme-jannah)) .widget-title h3,html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell):not(:has(.wp-theme-jannah)) h1,html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell):not(:has(.wp-theme-jannah)) h2:not(.the-post-title),html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell):not(:has(.wp-theme-jannah)) h3,html:not(.dark-skin):not(:has(.su-cat-page)):not(:has(.navbar.navbar-inverse #menuid)):not(.su-native-shell):not(:has(.wp-theme-jannah)) h4{color:#1a1a1a!important}
.media-page-layout .post-element.container-wrapper,#masonry-grid .post-element.container-wrapper{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.media-page-layout .post-element .slide{border-radius:12px;overflow:hidden;background-size:cover!important;background-position:center center!important;aspect-ratio:584/800;min-height:260px;height:auto!important;position:relative!important}
#masonry-grid.masonry-loaded,.media-page-layout #masonry-grid{height:auto!important;display:flex!important;flex-wrap:wrap!important;gap:15px;align-items:stretch}
#masonry-grid .post-element,.media-page-layout #masonry-grid .post-element{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;flex:0 0 calc(20% - 12px);width:calc(20% - 12px);max-width:calc(20% - 12px);margin:0!important;opacity:1!important;float:none!important}
#masonry-grid .the-post-title,.media-page-layout .the-post-title{display:none!important}
#masonry-grid .thumb-overlay,.media-page-layout .thumb-overlay{position:absolute!important;inset:0;display:flex!important;flex-direction:column;justify-content:flex-end;padding:12px;box-sizing:border-box;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.15) 45%,transparent 70%)}
#masonry-grid .thumb-title,#masonry-grid .thumb-title a,.media-page-layout .thumb-title,.media-page-layout .thumb-title a{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.55)}
@media(max-width:991px){#masonry-grid .post-element,.media-page-layout #masonry-grid .post-element{flex:0 0 calc(33.333% - 10px);width:calc(33.333% - 10px);max-width:calc(33.333% - 10px)}}
@media(max-width:670px){#masonry-grid .post-element,.media-page-layout #masonry-grid .post-element{flex:0 0 100%;width:100%;max-width:100%}}
html #footer.site-footer .container-wrapper,html #footer.dark-skin .container-wrapper,html:not(.dark-skin) #tie-wrapper .section-wrapper #footer .container-wrapper,html:not(.dark-skin) .main-content #footer .container-wrapper,html:not(.dark-skin) #footer .container-wrapper,html:not(.dark-skin) #footer-widgets-container .container-wrapper,#footer .container-wrapper,#footer-widgets-container .container-wrapper{background-color:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;color:#fff!important}
.tolstoycomments-feed,[id^="tolstoycomments"],.fb-comments,#comments.comments-area:empty{display:none!important;height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
@media(max-width:1240px){#outer-wrapper,.content-wrapper,#header-wrapper,#content-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box!important}}
@media(max-width:1024px){#sidebar-narrow{width:100%!important;max-width:100%!important;float:none!important;margin:0 0 15px 0!important;clear:both!important}#sidebar-narrow .widget.Label ul,#sidebar-narrow ul#menu-menu-ben-trai{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:0!important;margin:0!important;list-style:none!important}#sidebar-narrow .widget.Label ul li,#sidebar-narrow ul#menu-menu-ben-trai li{display:inline-block!important;margin:0!important;padding:0!important}#sidebar-narrow .widget.Label ul li a,#sidebar-narrow ul#menu-menu-ben-trai li a{display:inline-block!important;padding:6px 12px!important;font-size:13px!important;border-radius:4px!important}#main-wrapper{width:100%!important;float:none!important;border-right:none!important;box-sizing:border-box!important}#sidebar-wrapper,#sidebar1-wrapper{width:100%!important;float:none!important;padding:15px 10px!important;box-sizing:border-box!important}#header-wrapper{width:100%!important;height:auto!important}#header{width:100%!important;float:none!important;text-align:center!important}}
@media(max-width:768px){html,body{overflow-x:hidden!important;max-width:100vw!important}#outer-wrapper{margin:0!important;padding:0 6px!important;width:100%!important}.post{margin:8px 0!important;padding:12px!important;box-sizing:border-box!important}.bar{width:calc(50% - 10px)!important;margin:5px!important;box-sizing:border-box!important;float:left!important;height:auto!important}.bar .post-body{width:100%!important;height:auto!important}.bar img{max-width:92%!important;height:auto!important;margin:8px auto!important}#main_menu,#menu,.menu,nav.site-nav{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}#comments,#wpdcom{width:100%!important;max-width:100%!important;padding:0 6px!important;box-sizing:border-box!important}.wpd-form-row{flex-direction:column!important}}
@media(max-width:480px){.bar{width:100%!important;margin:8px 0!important;float:none!important;height:auto!important}.post h1.post-title,.post h2.post-title{font-size:16px!important;line-height:1.25em!important}.entry-content table{font-size:12px!important}.wpd-comment-footer{flex-wrap:wrap!important}}

/* Core Web Vitals (CLS/LCP) & Mobile Performance Standards */
.af-ad-slot{min-height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}
.af-ad-slot:empty{display:none!important;min-height:0!important}
.featured-image-wrap{width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:8px!important;background:#1a1a2e}
.featured-image-wrap img.featured-image{width:100%!important;height:100%!important;object-fit:cover!important}
.su-hero__cover{width:100%!important;aspect-ratio:16/9!important;border-radius:8px!important;overflow:hidden!important;background:#1a1a2e}
.su-hero__cover-img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important}
.entry-content iframe,.blog-content iframe,.post-body iframe{max-width:100%!important;aspect-ratio:16/9!important;border:0}
@media(max-width:768px){
    .wp-pagenavi a,.wp-pagenavi span.current{min-width:44px!important;height:44px!important}
    .su-dl-primary,.su-btn{min-height:44px!important}
}