/* Premium Knowledge Hub preview — presentation only; article content remains unchanged. */
.hub-preview-ribbon{position:fixed;right:24px;bottom:18px;z-index:9999;padding:.58rem .9rem;color:#f4f4f4;background:rgba(14,16,20,.9);border:1px solid rgba(255,92,58,.46);border-radius:999px;box-shadow:0 18px 45px rgba(0,0,0,.28);font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}
.hub-preview-ribbon:before{display:inline-block;width:7px;height:7px;margin-right:.5rem;background:#ff5c3a;border-radius:50%;box-shadow:0 0 14px rgba(255,92,58,.75);content:""}
.knowledge-hub-preview .page-header{position:relative;min-height:620px;padding:11rem 0 6rem;overflow:hidden;background:linear-gradient(90deg,rgba(9,12,17,.96) 0%,rgba(9,12,17,.78) 48%,rgba(9,12,17,.28) 100%),url('images/blog/blog-electrical-room.webp') center/cover no-repeat}
.knowledge-hub-preview .page-header:after{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,rgba(0,0,0,.7),transparent 74%);content:""}
.knowledge-hub-preview .page-header .container{position:relative;z-index:2;margin:0 auto}
.knowledge-hub-preview .page-header .section-subtitle{display:block;margin-bottom:1rem}
.knowledge-hub-preview .page-header .hero-title{max-width:800px;margin:0 0 1rem!important;font-size:clamp(3.4rem,6vw,6rem)!important;line-height:.96;letter-spacing:-.05em}
.knowledge-hub-preview .page-header .hero-subtitle{max-width:720px;margin:0!important;color:rgba(237,240,244,.7);font-size:1.08rem;line-height:1.72}
.knowledge-hub-preview section[style*="padding: 5rem 0"]{padding:5.5rem 0 7rem!important;background:linear-gradient(180deg,#15191f,#101419)}

/* Replace the tall sidebar with a horizontal topic rail. */
.knowledge-hub-preview .hub-layout{display:block}
.knowledge-hub-preview .hub-sidebar{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0 0 1.25rem;padding:1.15rem 1.2rem;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.016));box-shadow:0 22px 55px rgba(0,0,0,.15)}
.knowledge-hub-preview .hub-sidebar h3{flex:1 0 100%;margin:0 0 .4rem;color:rgba(241,244,247,.58);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.knowledge-hub-preview .hub-sidebar-item{display:inline-flex;width:auto;min-height:42px;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.065);border-radius:999px;background:rgba(255,255,255,.018);font-size:.83rem;transition:color 180ms ease,border-color 180ms ease,background-color 180ms ease,transform 180ms ease}
.knowledge-hub-preview .hub-sidebar-item:hover{transform:translateY(-1px);color:#fff;border-color:rgba(255,92,58,.28);background:rgba(255,92,58,.05)}
.knowledge-hub-preview .hub-sidebar-item.active{color:#fff;border-color:rgba(255,92,58,.48);background:linear-gradient(135deg,rgba(255,92,58,.18),rgba(255,92,58,.08));box-shadow:inset 0 0 0 1px rgba(255,92,58,.08)}
.knowledge-hub-preview .hub-sidebar-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;margin-left:.45rem;padding:0 .4rem;color:rgba(255,255,255,.72);background:rgba(255,255,255,.07);border-radius:999px;font-size:.7rem}
.knowledge-hub-preview .hub-sidebar-item.active .hub-sidebar-count{color:#fff;background:rgba(255,92,58,.24)}

.knowledge-hub-preview .hub-main{min-width:0}
.knowledge-hub-preview .hub-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;margin:0 0 .85rem;padding:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.022)}
.knowledge-hub-preview .hub-search,.knowledge-hub-preview .hub-sort select{min-height:56px;border:1px solid rgba(255,255,255,.085);border-radius:12px;background:rgba(255,255,255,.03)}
.knowledge-hub-preview .hub-search:focus-within,.knowledge-hub-preview .hub-sort select:focus{border-color:rgba(255,92,58,.42);box-shadow:0 0 0 3px rgba(255,92,58,.08)}
.knowledge-hub-preview .hub-count{display:inline-flex;align-items:center;width:max-content;margin:0 0 1.4rem;padding:.48rem .7rem;color:rgba(230,234,239,.58);background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:999px;font-size:.76rem}

/* Wider two-column editorial cards with a featured latest article. */
.knowledge-hub-preview .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.knowledge-hub-preview .blog-card-link{min-width:0}
.knowledge-hub-preview .blog-card{height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
.knowledge-hub-preview .blog-card:hover{transform:translateY(-5px);border-color:rgba(255,92,58,.4);box-shadow:0 26px 65px rgba(0,0,0,.26)}
.knowledge-hub-preview .blog-card-image{aspect-ratio:16/8.8;height:auto;object-fit:cover;transition:transform 420ms ease,filter 220ms ease}
.knowledge-hub-preview .blog-card:hover .blog-card-image{transform:scale(1.025);filter:saturate(1.04) contrast(1.03)}
.knowledge-hub-preview .blog-card-content{padding:1.45rem 1.55rem 1.5rem}
.knowledge-hub-preview .blog-card-title{font-size:clamp(1.2rem,1.55vw,1.48rem);line-height:1.3;letter-spacing:-.018em}
.knowledge-hub-preview .blog-card-excerpt{line-height:1.65}
.knowledge-hub-preview .blog-card-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.065)}

.knowledge-hub-preview #blogGrid>.blog-card-link:first-child{grid-column:1/-1}
.knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);min-height:420px;background:linear-gradient(125deg,rgba(255,92,58,.075),rgba(255,255,255,.025) 52%,rgba(255,255,255,.014))}
.knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-image{width:100%;height:100%;aspect-ratio:auto}
.knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4rem)}
.knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-title{font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;letter-spacing:-.035em}
.knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-excerpt{font-size:1.02rem}
.knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-footer{margin-top:auto}

@media(max-width:980px){
  .knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card{grid-template-columns:1fr;min-height:0}
  .knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-image{height:auto;aspect-ratio:16/8.8}
  .knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-content{padding:1.65rem}
}
@media(max-width:760px){
  .knowledge-hub-preview .blog-grid{grid-template-columns:1fr}
  .knowledge-hub-preview .hub-toolbar{grid-template-columns:1fr}
  .knowledge-hub-preview .hub-sort select{width:100%}
}
@media(max-width:640px){
  .hub-preview-ribbon{right:12px;bottom:12px;font-size:.56rem}
  .knowledge-hub-preview .page-header{min-height:650px;padding:9.5rem 0 5rem;background:linear-gradient(180deg,rgba(9,12,17,.78),rgba(9,12,17,.97)),url('images/blog/blog-electrical-room.webp') center/cover no-repeat}
  .knowledge-hub-preview .hub-sidebar{padding:1rem}
  .knowledge-hub-preview .hub-sidebar-item{width:100%;justify-content:space-between}
  .knowledge-hub-preview .hub-toolbar{align-items:stretch}
}

/* Compact editorial revision: faster scanning without the oversized lead card. */
@media(min-width:761px){
  .knowledge-hub-preview .page-header{min-height:460px;padding:9rem 0 4rem}
  .knowledge-hub-preview .hub-sidebar{flex-wrap:nowrap;overflow-x:auto;margin-bottom:.9rem;padding:.75rem .85rem;scrollbar-width:thin}
  .knowledge-hub-preview .hub-sidebar h3{flex:0 0 auto;margin:0 .25rem 0 0;white-space:nowrap}
  .knowledge-hub-preview .hub-sidebar-item{flex:0 0 auto;min-height:36px;padding:.48rem .7rem;white-space:nowrap}
  .knowledge-hub-preview .hub-sidebar-count{height:22px;min-width:22px}
  .knowledge-hub-preview .hub-toolbar{margin-bottom:.65rem;padding:.55rem}
  .knowledge-hub-preview .hub-search,.knowledge-hub-preview .hub-sort select{min-height:48px}
  .knowledge-hub-preview .hub-count{margin-bottom:1rem}
  .knowledge-hub-preview .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .knowledge-hub-preview #blogGrid>.blog-card-link:first-child{grid-column:auto}
  .knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card{display:block;min-height:0;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
  .knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-image{width:100%;height:auto;aspect-ratio:16/8.8}
  .knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-content{display:block;padding:1.2rem 1.25rem 1.3rem}
  .knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-title{font-size:1.18rem;line-height:1.28;letter-spacing:-.018em}
  .knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-excerpt{font-size:inherit}
  .knowledge-hub-preview #blogGrid>.blog-card-link:first-child .blog-card-footer{margin-top:0}
  .knowledge-hub-preview .blog-card-content{padding:1.2rem 1.25rem 1.3rem}
  .knowledge-hub-preview .blog-card-title{display:-webkit-box;overflow:hidden;font-size:1.18rem;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .knowledge-hub-preview .blog-card-excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}
@media(min-width:761px) and (max-width:1120px){
  .knowledge-hub-preview .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}