/* jeskoiptv — Clean Premium Blog UI */
.blog-archive-page main,.blog-category-page main{background:radial-gradient(circle at 50% -10%,rgba(0, 119, 255, ,.07),rgba(18, 18, 18, ,0) 34rem)}
.blog-archive-shell,.blog-category-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 72px}
.blog-archive-nav,.blog-category-nav{display:flex;gap:8px;align-items:center;overflow-x:auto;#F1F1F1-space:nowrap;padding:4px 0 18px;scrollbar-width:none}
.blog-archive-nav::-webkit-scrollbar,.blog-category-nav::-webkit-scrollbar{display:none}
.blog-archive-nav a,.blog-category-nav a{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid rgba(241, 241, 241, ,.09);background:rgba(241, 241, 241, ,.025);border-radius:999px;color:#F1F1F1;font-size:12px;font-weight:800;transition:.2s;flex:0 0 auto}
.blog-archive-nav a:hover,.blog-category-nav a:hover{color:#121212;background:var(--green);border-color:var(--green)}
.blog-archive-hero,.blog-category-hero{position:relative;overflow:hidden;margin:8px 0 42px;padding:52px 54px;border:1px solid rgba(0, 119, 255, ,.2);border-radius:28px;background:linear-gradient(135deg,rgba(0, 119, 255, ,.08),rgba(241, 241, 241, ,.025) 48%,rgba(241, 241, 241, ,.015));box-shadow:0 25px 70px rgba(18, 18, 18, ,.3)}
.blog-archive-hero:after,.blog-category-hero:after{content:"";position:absolute;width:280px;height:280px;right:-120px;top:-150px;border-radius:50%;background:rgba(0, 119, 255, ,.1);filter:blur(35px);pointer-events:none}
.blog-archive-kicker,.blog-category-kicker{position:relative;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.blog-archive-hero h1,.blog-category-hero h1{position:relative;max-width:850px;font-size:clamp(34px,5vw,58px);margin:0 0 16px}
.blog-archive-hero p,.blog-category-hero p{position:relative;max-width:820px;color:#F1F1F1;font-size:17px;line-height:1.75;margin:0}
.blog-archive-section>h2{font-size:30px;margin:0}.section-note{color:var(--muted);margin:8px 0 24px}
.blog-archive-grid,.blog-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.blog-archive-card,.blog-category-card{min-width:0;display:flex;flex-direction:column;min-height:260px;padding:22px;border:1px solid rgba(241, 241, 241, ,.09);border-radius:20px;background:linear-gradient(145deg,rgba(241, 241, 241, ,.055),rgba(241, 241, 241, ,.018));box-shadow:0 12px 38px rgba(18, 18, 18, ,.2);transition:transform .2s,border-color .2s,box-shadow .2s}
.blog-archive-card:hover,.blog-category-card:hover{transform:translateY(-4px);border-color:rgba(0, 119, 255, ,.38);box-shadow:0 18px 48px rgba(18, 18, 18, ,.3),0 0 28px rgba(0, 119, 255, ,.06)}
.blog-archive-card h3,.blog-category-card h3{font-size:18px;line-height:1.3;margin:0 0 12px}.blog-archive-card h3 a,.blog-category-card h3 a{color:#F1F1F1}.blog-archive-card p,.blog-category-card p{color:#F1F1F1;font-size:13px;line-height:1.65;margin:0 0 18px}.blog-archive-card .read-link,.blog-category-card .read-link{margin-top:auto;color:var(--green);font-size:12px;font-weight:900}
.blog-category-actions{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.blog-archive-pagination,.blog-category-page .pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:34px 0 0}.blog-archive-pagination a,.blog-category-page .pagination a{min-width:38px;height:38px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(241, 241, 241, ,.09);border-radius:11px;color:#F1F1F1;background:rgba(241, 241, 241, ,.025);font-size:12px;font-weight:850}.blog-archive-pagination a:hover,.blog-category-page .pagination a:hover,.blog-archive-pagination .active,.blog-category-page .pagination .active{color:#121212;background:var(--green);border-color:var(--green)}
.blog-category-page>main{min-height:60vh}.blog-category-shell>section:not(.blog-category-hero){margin-top:8px}
/* Keep article pages coherent with the same design language */
.blog-article-page .content-wrap,.blog-article-page .article-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.blog-article-page .article-header,.blog-article-page .article-main,.blog-article-page .article-aside,.blog-article-page .source-box,.blog-article-page .related-grid{border-color:rgba(241, 241, 241, ,.09)}
@media(max-width:1000px){.blog-archive-grid,.blog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-archive-hero,.blog-category-hero{padding:42px 38px}}
@media(max-width:640px){.blog-archive-shell,.blog-category-shell{width:min(100% - 28px,1180px);padding-top:18px}.blog-archive-nav,.blog-category-nav{margin-inline:-2px;padding-bottom:14px}.blog-archive-hero,.blog-category-hero{padding:32px 24px;border-radius:22px;margin-bottom:30px}.blog-archive-hero h1,.blog-category-hero h1{font-size:34px}.blog-archive-hero p,.blog-category-hero p{font-size:15px;line-height:1.65}.blog-archive-grid,.blog-category-grid{grid-template-columns:1fr;gap:14px}.blog-archive-card,.blog-category-card{min-height:0;padding:20px}.blog-archive-pagination,.blog-category-page .pagination{gap:5px}.blog-archive-pagination a,.blog-category-page .pagination a{min-width:34px;height:34px;padding:0 9px}}

/* Reference palette override */
.blog-archive-page main,.blog-category-page main{
  background:radial-gradient(circle at 50% -10%,rgba(0, 119, 255, ,.12),rgba(18, 18, 18, ,0) 34rem)
}
.blog-archive-hero,.blog-category-hero{
  border-color:rgba(0, 119, 255, ,.20);
  background:linear-gradient(135deg,rgba(0, 119, 255, ,.08),rgba(0, 119, 255, ,.055) 48%,rgba(18, 18, 18, ,.20));
}
.blog-archive-hero:after,.blog-category-hero:after{background:rgba(0, 119, 255, ,.12)}
.blog-archive-card:hover,.blog-category-card:hover{
  border-color:rgba(0, 119, 255, ,.38);
  box-shadow:0 18px 48px rgba(18, 18, 18, ,.35),0 0 28px rgba(0, 119, 255, ,.08)
}
.blog-archive-card .read-link,.blog-category-card .read-link{color:#0077FF}
.blog-archive-nav a:hover,.blog-category-nav a:hover,
.blog-archive-pagination a:hover,.blog-category-page .pagination a:hover,
.blog-archive-pagination .active,.blog-category-page .pagination .active{
  color:#121212;background:#0077FF;border-color:#0077FF
}