/* MobiLux v10 - magazine archive */
.blog-page{background:#f7f9fc;color:#111827}.blog-main{padding-bottom:78px}.blog-archive-hero{padding:34px 0 22px}.blog-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;margin-bottom:18px}.blog-breadcrumb a{color:#64748b;text-decoration:none}.blog-breadcrumb i{font-size:10px}.blog-hero-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:center;padding:46px;border:1px solid #e7eaf0;border-radius:32px;background:linear-gradient(135deg,#fff 0%,#fff 55%,#f4f7ff 100%);box-shadow:0 24px 60px rgba(15,23,42,.07)}.blog-hero-panel:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(79,70,229,.14),rgba(79,70,229,0) 70%);left:-100px;top:-140px}.blog-hero-panel:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(79,70,229,.08);border-radius:50%;left:130px;bottom:-150px}.blog-hero-copy,.blog-hero-stats{position:relative;z-index:1}.blog-hero-copy h1{font-size:clamp(34px,4.2vw,58px);line-height:1.25;letter-spacing:-1.7px;font-weight:900;max-width:780px;margin:12px 0 16px}.blog-hero-copy h1 span{color:#5048e5}.blog-hero-copy>p{font-size:16px;line-height:2;color:#64748b;max-width:760px;margin:0 0 24px}.blog-hero-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe4ec;border-radius:18px;padding:7px 7px 7px 16px;max-width:720px;box-shadow:0 14px 38px rgba(15,23,42,.07)}.blog-hero-search i{font-size:20px;color:#64748b;margin-right:7px}.blog-hero-search input{flex:1;border:0;outline:0;background:transparent;min-width:0;font-size:14px}.blog-hero-search button{border:0;border-radius:13px;background:#111827;color:#fff;font-weight:800;padding:12px 22px}.blog-trend-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px;font-size:12px}.blog-trend-row>span{color:#94a3b8}.blog-trend-row a{padding:6px 10px;border-radius:999px;background:#f2f4f8;color:#475569;text-decoration:none;font-weight:700}.blog-trend-row a:hover{background:#ebe9ff;color:#4f46e5}.blog-hero-stats{display:grid;gap:12px}.blog-hero-stats>div{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:15px 17px;background:rgba(255,255,255,.88);border:1px solid #e8ebf2;border-radius:19px;backdrop-filter:blur(12px)}.blog-hero-stats span{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#eef2ff;color:#5048e5;font-size:21px}.blog-hero-stats strong{font-size:19px;font-weight:900}.blog-hero-stats small{color:#94a3b8;font-size:11px}.blog-featured-section{padding-top:38px}.blog-section-head{margin-bottom:18px}.blog-featured-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:18px}.featured-story{position:relative;overflow:hidden;min-height:480px;border-radius:27px;background:#0f172a;box-shadow:0 22px 45px rgba(15,23,42,.12)}.featured-story>a{position:absolute;inset:0;color:#fff;text-decoration:none}.featured-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.featured-story:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,23,.92) 0%,rgba(2,6,23,.22) 67%,rgba(2,6,23,.06) 100%);pointer-events:none}.featured-story-content{position:absolute;z-index:2;inset:auto 0 0;padding:35px}.featured-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;margin-bottom:14px}.featured-story h2{font-size:clamp(24px,3vw,39px);line-height:1.55;font-weight:900;max-width:820px;margin:0 0 12px}.featured-story p{max-width:760px;color:#dbe3ef;line-height:1.9;margin-bottom:16px}.featured-story-meta{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:12px;color:#d6dfeb}.featured-story-meta span{display:inline-flex;align-items:center;gap:6px}.featured-side{display:grid;gap:18px}.featured-mini{position:relative;overflow:hidden;min-height:231px;border-radius:24px;background:#fff;border:1px solid #e7eaf0;box-shadow:0 14px 34px rgba(15,23,42,.06)}.featured-mini a{display:grid;grid-template-columns:46% minmax(0,1fr);height:100%;color:inherit;text-decoration:none}.featured-mini-media{position:relative;overflow:hidden}.featured-mini-media img{width:100%;height:100%;object-fit:cover}.featured-mini-media span{position:absolute;right:10px;top:10px;padding:6px 9px;border-radius:10px;background:rgba(15,23,42,.78);backdrop-filter:blur(7px);color:#fff;font-size:10px;font-weight:800}.featured-mini-body{padding:20px;display:flex;flex-direction:column;justify-content:center}.featured-mini-body small{color:#5048e5;font-weight:800}.featured-mini-body h3{font-size:17px;line-height:1.8;font-weight:900;margin:6px 0 14px}.featured-mini-meta{display:flex;flex-wrap:wrap;gap:10px;color:#94a3b8;font-size:10px}.blog-categories-section{padding:27px 12px 4px}.blog-category-strip{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:5px 2px 10px;scrollbar-width:none}.blog-category-strip::-webkit-scrollbar{display:none}.blog-category-btn{flex:0 0 auto;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:11px 15px;color:#64748b;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.blog-category-btn span{min-width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#f1f5f9;font-size:10px}.blog-category-btn:hover,.blog-category-btn.active{border-color:#5048e5;background:#5048e5;color:#fff;box-shadow:0 10px 25px rgba(79,70,229,.16)}.blog-category-btn.active span{background:rgba(255,255,255,.15)}.blog-archive-layout{padding-top:28px}.blog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #e5e9f0;margin-bottom:14px}.blog-toolbar-title{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:10px}.blog-toolbar-title .section-kicker{grid-column:1/3}.blog-toolbar-title h2{font-size:27px;font-weight:900;margin:3px 0 0}.blog-toolbar-title small{color:#94a3b8;font-size:12px;padding-bottom:4px}.blog-toolbar-actions{display:flex;align-items:center;gap:9px}.blog-sort{height:44px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:0 12px;color:#64748b}.blog-sort select{border:0;outline:0;background:transparent;font-size:12px;font-weight:800;color:#334155;padding-left:18px}.blog-view-switch{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:4px}.blog-view-switch button{width:35px;height:34px;border:0;border-radius:9px;background:transparent;color:#94a3b8}.blog-view-switch button.active{background:#111827;color:#fff}.active-blog-filters{display:flex;gap:8px;flex-wrap:wrap;min-height:0;margin:0 0 18px}.active-blog-filters:empty{display:none}.active-blog-filter{border:1px solid #dddafc;background:#f7f6ff;color:#5048e5;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.active-blog-filter i{margin-right:5px}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.archive-article-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e7eaf0;border-radius:22px;transition:.25s ease;box-shadow:0 10px 28px rgba(15,23,42,.035)}.archive-article-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(15,23,42,.09);border-color:#d9dce5}.archive-card-media{position:relative;height:215px;overflow:hidden;display:block;background:#eef2f7}.archive-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.archive-article-card:hover .archive-card-media img{transform:scale(1.04)}.archive-category{position:absolute;right:13px;top:13px;background:rgba(255,255,255,.93);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.7);border-radius:10px;padding:7px 10px;font-size:10px;font-weight:900;color:#334155}.archive-save{position:absolute;left:13px;top:13px;width:35px;height:35px;border:0;border-radius:11px;background:rgba(15,23,42,.72);backdrop-filter:blur(7px);color:#fff}.archive-save.active{background:#5048e5}.archive-card-body{padding:18px}.archive-card-kicker{display:flex;align-items:center;justify-content:space-between;color:#94a3b8;font-size:10px;margin-bottom:8px}.archive-card-kicker span{display:inline-flex;align-items:center;gap:5px}.archive-card-body h3{font-size:17px;line-height:1.75;font-weight:900;margin:0 0 9px;min-height:60px}.archive-card-body h3 a{color:#172033;text-decoration:none}.archive-card-body h3 a:hover{color:#5048e5}.archive-card-body p{font-size:12px;line-height:1.9;color:#64748b;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-card-footer{border-top:1px solid #edf0f4;padding-top:12px;display:flex;align-items:center;justify-content:space-between;color:#94a3b8;font-size:10px}.archive-card-footer span{display:inline-flex;align-items:center;gap:5px}.blog-card-grid.list-view{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.blog-card-grid.list-view .archive-article-card{display:grid;grid-template-columns:280px minmax(0,1fr)}.blog-card-grid.list-view .archive-card-media{height:100%;min-height:205px}.blog-card-grid.list-view .archive-card-body{padding:22px 24px}.blog-card-grid.list-view .archive-card-body h3{min-height:0;font-size:20px}.blog-card-grid.list-view .archive-card-body p{-webkit-line-clamp:3;font-size:13px}.blog-empty{text-align:center;background:#fff;border:1px dashed #d9dee8;border-radius:24px;padding:58px 20px}.blog-empty>span{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;background:#f2f4f8;color:#94a3b8;font-size:28px;margin:0 auto 15px}.blog-empty h3{font-weight:900;font-size:19px}.blog-empty p{color:#94a3b8}.blog-pagination-wrap{display:flex;justify-content:center;padding-top:28px}.blog-pagination{display:flex;align-items:center;gap:7px;list-style:none;padding:0;margin:0}.blog-pagination button{min-width:39px;height:39px;border:1px solid #e2e8f0;background:#fff;border-radius:11px;color:#64748b;font-size:12px;font-weight:800}.blog-pagination button.active{background:#111827;border-color:#111827;color:#fff}.blog-pagination button:disabled{opacity:.4}.blog-sidebar-stack{position:sticky;top:112px;display:grid;gap:16px}.blog-side-card{background:#fff;border:1px solid #e7eaf0;border-radius:22px;padding:18px}.blog-side-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.blog-side-head>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff3ed;color:#f97316}.blog-side-head small{color:#94a3b8;font-size:9px}.blog-side-head h3{font-size:15px;font-weight:900;margin:2px 0 0}.most-read-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid #edf0f4;color:inherit;text-decoration:none}.most-read-item:first-child{border-top:0;padding-top:2px}.most-read-rank{font-size:28px;font-weight:900;color:#e2e8f0;letter-spacing:-1px}.most-read-item:hover .most-read-rank{color:#5048e5}.most-read-item h4{font-size:12px;line-height:1.8;font-weight:900;margin:0 0 4px}.most-read-item small{color:#94a3b8;font-size:9px}.blog-topic-cloud{display:flex;flex-wrap:wrap;gap:7px}.blog-topic-cloud a{padding:8px 10px;border-radius:10px;background:#f5f7fa;color:#64748b;text-decoration:none;font-size:10px;font-weight:800}.blog-topic-cloud a:hover{background:#edeaff;color:#5048e5}.blog-side-newsletter{position:relative;overflow:hidden;background:#111827;color:#fff;border-radius:24px;padding:24px}.blog-side-newsletter:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(79,70,229,.32);left:-80px;top:-70px;filter:blur(4px)}.blog-side-newsletter>*{position:relative}.newsletter-mini-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#5048e5;font-size:20px;margin-bottom:17px}.blog-side-newsletter>small{color:#a5b4fc;font-size:10px;font-weight:800}.blog-side-newsletter h3{font-size:19px;line-height:1.7;font-weight:900;margin:5px 0 8px}.blog-side-newsletter p{font-size:11px;line-height:1.9;color:#cbd5e1}.blog-side-newsletter form{display:grid;gap:8px}.blog-side-newsletter input{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:12px;padding:11px 12px;color:#fff;outline:0}.blog-side-newsletter input::placeholder{color:#94a3b8}.blog-side-newsletter button{border:0;border-radius:12px;background:#fff;color:#111827;font-weight:900;padding:11px}.blog-side-newsletter em{display:block;font-style:normal;color:#94a3b8;font-size:9px;margin-top:11px}.blog-editor-section{padding-top:44px}.editor-picks-panel{display:grid;grid-template-columns:minmax(280px,.6fr) minmax(0,1.4fr);gap:28px;background:linear-gradient(135deg,#eef2ff,#fff);border:1px solid #e0e5f4;border-radius:30px;padding:32px}.editor-picks-copy h2{font-size:30px;line-height:1.55;font-weight:900;margin:7px 0 10px}.editor-picks-copy p{color:#64748b;line-height:1.9;font-size:13px}.editor-picks-copy>a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:12px;font-weight:900;color:#5048e5}.editor-picks-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.editor-pick{background:#fff;border:1px solid #e4e8f0;border-radius:18px;overflow:hidden;color:inherit;text-decoration:none;transition:.2s}.editor-pick:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(15,23,42,.07)}.editor-pick img{width:100%;height:130px;object-fit:cover}.editor-pick div{padding:13px}.editor-pick small{color:#5048e5;font-size:9px;font-weight:800}.editor-pick h3{font-size:12px;line-height:1.8;font-weight:900;margin:4px 0 0}.blog-toast{position:fixed;left:24px;bottom:88px;z-index:1090;display:flex;align-items:center;gap:8px;transform:translateY(20px);opacity:0;pointer-events:none;background:#111827;color:#fff;border-radius:13px;padding:11px 14px;font-size:11px;box-shadow:0 18px 45px rgba(15,23,42,.25);transition:.25s}.blog-toast.show{opacity:1;transform:none}.blog-toast i{color:#86efac}
@media(max-width:1199.98px){.blog-hero-panel{grid-template-columns:minmax(0,1fr)}.blog-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-featured-grid{grid-template-columns:minmax(0,1fr)}.featured-side{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-sidebar-stack{position:static;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.blog-side-newsletter{grid-column:1/3}.editor-picks-panel{grid-template-columns:minmax(0,1fr)}.editor-picks-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){.blog-main{padding-bottom:92px}.blog-archive-hero{padding-top:15px}.blog-hero-panel{padding:26px 20px;border-radius:24px}.blog-hero-copy h1{font-size:31px;letter-spacing:-.8px}.blog-hero-copy>p{font-size:13px}.blog-hero-search{padding:5px}.blog-hero-search i{display:none}.blog-hero-search button{padding:11px 14px}.blog-hero-stats{grid-template-columns:minmax(0,1fr)}.blog-hero-stats>div{grid-template-columns:44px minmax(0,1fr)}.blog-featured-section{padding-top:24px}.featured-story{min-height:450px;border-radius:23px}.featured-story-content{padding:22px}.featured-story h2{font-size:24px}.featured-story p{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-side{grid-template-columns:minmax(0,1fr)}.featured-mini{min-height:180px}.featured-mini a{grid-template-columns:42% minmax(0,1fr)}.blog-toolbar{align-items:flex-start;flex-direction:column}.blog-toolbar-actions{width:100%;justify-content:space-between}.blog-sort{flex:1}.blog-sort select{width:100%}.blog-card-grid{grid-template-columns:minmax(0,1fr)}.archive-card-media{height:235px}.blog-card-grid.list-view .archive-article-card{grid-template-columns:118px minmax(0,1fr)}.blog-card-grid.list-view .archive-card-media{min-height:180px}.blog-card-grid.list-view .archive-card-body{padding:13px}.blog-card-grid.list-view .archive-card-body h3{font-size:14px}.blog-card-grid.list-view .archive-card-body p{display:none}.blog-sidebar-stack{grid-template-columns:minmax(0,1fr)}.blog-side-newsletter{grid-column:auto}.editor-picks-panel{padding:22px 17px;border-radius:24px}.editor-picks-copy h2{font-size:24px}.editor-picks-list{grid-template-columns:minmax(0,1fr)}.editor-pick{display:grid;grid-template-columns:110px minmax(0,1fr)}.editor-pick img{height:100%;min-height:100px}.blog-toast{left:14px;right:14px;bottom:85px;justify-content:center}.blog-trend-row{gap:5px}.blog-trend-row a{font-size:10px}}
@media(max-width:420px){.featured-mini-body{padding:14px}.featured-mini-body h3{font-size:14px}.archive-card-media{height:210px}.blog-hero-search input{font-size:11px}.blog-hero-search button{font-size:11px}.featured-story-meta{gap:10px}.blog-view-switch{display:none}}