.hub{
  max-width:1100px;
  margin:32px auto;
  padding:0 16px;
}

.hub__card{
  background:#171b24;
  border:1px solid rgba(126,145,255,.14);
  border-radius:18px;
  box-shadow:0 12px 34px rgba(0,0,0,.30);
}

.hub__card--hero{overflow:hidden}

.hub__hero{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
  padding:18px;
}
@media (max-width:900px){
  .hub__hero{grid-template-columns:1fr}
}

.hub__heroMedia{
  border-radius:14px;
  overflow:hidden;
  background:#090e1a;
  border:1px solid rgba(126,145,255,.12);
}

.hub__heroImg{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio:16/9;
}

.hub__heroPlaceholder{aspect-ratio:16/9}

.hub__titleRow{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.hub__title{
  margin:0;
  color:#f6f8ff;
  font-size:clamp(20px,3vw,28px)!important;
  line-height:1.15;
}

.hub__pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(104,122,255,.14);
  color:#dbe2ff;
  border:1px solid rgba(126,145,255,.22);
  white-space:nowrap;
}

.hub__pillIcon{
  width:14px;
  height:14px;
  flex:0 0 14px;
}

.hub__badgeRow{
  margin:0 0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.hub__badgeLeft,
.hub__badgeRight{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.hub__accessBadge{
  font-weight:700;
}

.hub__accessBadge--key{
  background:#7a1f35;
  color:#000;
  border-color:rgba(122,31,53,.45);
}

.hub__accessBadge--nokey{
  background:#ffffff;
  color:#000;
  border-color:rgba(255,255,255,.35);
}

.hub__pill--link{
  text-decoration:none;
}

.hub__pill--link:hover{
  color:#f1f4ff;
  border-color:rgba(126,145,255,.3);
  background:rgba(104,122,255,.18);
}

.hub__gamePill{
  max-width:100%;
}

.hub__meta{
  display:flex;
  gap:10px;
  margin:8px 0 14px;
  color:rgba(219,226,255,.78);
  font-size:13px;
  flex-wrap:wrap;
}

.hub__metaItem{padding:4px 0}

.hub__cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.hub__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(126,145,255,.16);
  text-decoration:none;
  color:#f7f8ff;
  background:rgba(255,255,255,.03);
  cursor:pointer;
  font-weight:600;
  transition:all .18s ease;
}
.hub__btn:hover{
  transform:translateY(-1px);
  border-color:rgba(126,145,255,.28);
  background:rgba(255,255,255,.05);
}
.hub__btn--primary{
  background:linear-gradient(180deg,#6f73ff 0%,#5f63f4 100%);
  border-color:rgba(132,146,255,.42);
  box-shadow:0 8px 22px rgba(95,99,244,.28);
}
.hub__btn--primary:hover{
  background:linear-gradient(180deg,#7a7eff 0%,#666af7 100%);
}
.hub__btn--ghost{
  background:rgba(255,255,255,.02);
}

.hub__codeWrap{
  margin-top:10px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(126,145,255,.14);
  background:#080d18;
}

.hub__codeTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border-bottom:1px solid rgba(126,145,255,.10);
}

.hub__codeLabel{
  color:rgba(219,226,255,.78);
  font-size:12px;
}

.hub__copyMini{
  padding:8px 10px;
  border-radius:10px;
  border:1px solid rgba(126,145,255,.16);
  background:rgba(255,255,255,.03);
  color:#f7f8ff;
  cursor:pointer;
  transition:all .18s ease;
}
.hub__copyMini:hover{
  background:rgba(111,115,255,.14);
  border-color:rgba(126,145,255,.28);
}

.hub__code{
  margin:0;
  padding:14px 16px;
  overflow:auto;
  max-height:220px;
  background:transparent;
}

.hub__code code{
  color:#ffb25f;
  font-size:13px;
  line-height:1.7;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

.hub__grid{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:16px;
  margin-top:16px;
}
@media (max-width:900px){
  .hub__grid{grid-template-columns:1fr}
}

.hub__cardHead{
  padding:14px 16px;
  border-bottom:1px solid rgba(126,145,255,.10);
}

.hub__h2{
  margin:0;
  font-size:16px;
  color:#f6f8ff;
}

.hub__cardBody{
  padding:14px 16px;
  color:rgba(229,234,255,.84);
}

.hub__list{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
}

.hub__link{
  color:#90a2ff;
  text-decoration:none;
}
.hub__link:hover{
  color:#b7c3ff;
}

.hub__content :is(p,li){
  color:rgba(229,234,255,.84);
}

/* Block theme fixes */
.hub.wp-block-group{
  max-width:1100px;
  margin:32px auto;
}

.hub .wp-block-columns.hub__hero{
  gap:18px;
  align-items:stretch;
}

.hub .wp-block-column.hub__heroMedia{
  border-radius:14px;
  overflow:hidden;
  background:#090e1a;
  border:1px solid rgba(126,145,255,.12);
}

.hub .wp-block-post-featured-image,
.hub .wp-block-post-featured-image img{
  width:100%;
  height:auto;
}

.hub .wp-block-post-featured-image img{
  display:block;
  aspect-ratio:16/9;
  object-fit:cover;
}

.hub :where(.wp-block-columns,.wp-block-group,.wp-block-post-title,.wp-block-post-featured-image){
  margin-top:0;
  margin-bottom:0;
}

main.hub.is-layout-constrained{
  max-width:none !important;
}

main.hub.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

main.hub{
  width:100%;
  padding:0;
  box-sizing:border-box;
}

main.hub > .hub__card,
main.hub > .wp-block-columns{
  width:100%;
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
}

/* Extra support for moved script block and ad blocks in block template */
.hub__scriptBlock{
  background:#171b24;
}


/* Script block refinements */
.hub__scriptBlock,
.hub__scriptBlock.wp-block-group{
  overflow:hidden;
}

.hub__scriptBlock .hub__cardHead{
  padding:12px 16px;
  border-bottom:1px solid rgba(126,145,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.00) 100%);
}

.hub__scriptBlock .hub__cardBody{
  padding:18px;
  min-height:300px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  background:
    radial-gradient(circle at top left, rgba(111,115,255,.05), transparent 35%),
    linear-gradient(180deg,#09101d 0%,#08101b 100%);
}

.hub__scriptBlock #hub-code,
.hub__scriptBlock .hub__code,
.hub__scriptBlock pre.hub__code{
  width:100%;
  min-height:264px;
  margin:0;
  padding:18px 20px;
  display:block;
  text-align:left;
  white-space:pre-wrap;
  word-break:break-word;
  overflow:auto;
  border:1px solid rgba(126,145,255,.12);
  border-radius:14px;
  background:#060c16;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    inset 0 0 0 1px rgba(8,13,25,.4);
  box-sizing:border-box;
}

.hub__scriptBlock #hub-code code,
.hub__scriptBlock .hub__code code,
.hub__scriptBlock pre.hub__code code{
  display:block;
  width:100%;
  margin:0;
  color:#ffb25f;
  font-size:13px;
  line-height:1.8;
  text-align:left;
  white-space:pre-wrap;
  word-break:break-word;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

.hub__scriptBlock .hub__copyMini{
  min-width:44px;
  height:30px;
  padding:0 12px;
  border-radius:10px;
  font-size:12px;
  font-weight:600;
}

@media (max-width: 782px){
  .hub__scriptBlock .hub__cardBody{
    padding:14px;
  }

  .hub__scriptBlock #hub-code,
  .hub__scriptBlock .hub__code,
  .hub__scriptBlock pre.hub__code{
    padding:14px 16px;
    min-height:220px;
  }
}


/* FINAL FULL WIDTH SCRIPT FIX */
.hub__scriptBlock .hub__cardBody{
  padding:0 !important;
  min-height:300px;
}

.hub__scriptBlock #hub-code,
.hub__scriptBlock .hub__code,
.hub__scriptBlock pre.hub__code{
  width:100% !important;
  height:300px;
  min-height:300px;
  margin:0 !important;
  padding:20px 24px;
  display:block;
  box-sizing:border-box;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}


/* ===== Script block redesign ===== */
.hub__scriptBlock{
  width:100%;
  max-width:100%;
  margin:20px 0;
  padding:0;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(90,120,255,.18);
  background:linear-gradient(180deg,rgba(12,18,42,.96) 0%,rgba(7,11,28,.98) 100%);
  box-shadow:0 18px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);
}
.hub__scriptBlock,
.hub__scriptBlock *{
  text-align:left;
}
.hub__scriptHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px;
  border-bottom:1px solid rgba(120,145,255,.12);
  background:linear-gradient(90deg,rgba(20,30,72,.72) 0%,rgba(8,12,30,.18) 100%);
}
.hub__scriptTitle{
  margin:0;
  font-size:26px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
  color:#f3f7ff;
}
.hub__scriptActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-shrink:0;
}
.hub__scriptBody{padding:0;}
.hub__code{
  margin:0 !important;
  width:100%;
  max-width:100%;
  min-height:280px;
  padding:28px 22px 30px;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg,rgba(6,10,24,.96) 0%,rgba(5,8,18,1) 100%);
  color:#dfe8ff;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  font-size:15px;
  line-height:1.85;
  white-space:pre-wrap;
  word-break:break-word;
  overflow-x:auto;
  max-height:none;
}
.hub__scriptBody .hub__code{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02), inset 0 0 0 1px rgba(88,110,220,.05);
}
.hub__code code{
  display:block;
  width:100%;
  color:inherit;
  background:transparent;
  font:inherit;
  text-align:left;
}
.hub__copyMini{
  appearance:none;
  border:1px solid rgba(130,155,255,.24);
  background:linear-gradient(180deg,rgba(24,34,82,.95) 0%,rgba(13,21,54,.95) 100%);
  color:#f4f7ff;
  border-radius:12px;
  padding:10px 16px;
  min-height:42px;
  font-size:13px;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.hub__copyMini:hover{
  transform:translateY(-1px);
  border-color:rgba(145,170,255,.42);
  box-shadow:0 8px 22px rgba(33,58,155,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
.hub__copyMini:active{transform:translateY(0);}
.hub__copyMini.is-copied{
  border-color:rgba(110,168,255,.42);
  box-shadow:0 0 0 3px rgba(75,118,255,.12);
}
.hub__scriptBlock pre,
.hub__scriptBlock code{
  text-align:left !important;
}
@media (max-width:768px){
  .hub__scriptHead{padding:16px 16px; gap:12px;}
  .hub__scriptTitle{font-size:22px;}
  .hub__code{min-height:220px; padding:20px 16px 22px; font-size:14px; line-height:1.75;}
  .hub__copyMini{padding:9px 13px; min-height:38px;}
}


/* =========================
   SCRIPT BLOCK V2 OVERRIDES
========================= */
.hub__scriptBlock{
  margin:20px 0 !important;
  padding:0 !important;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(92,118,255,.22) !important;
  background:linear-gradient(180deg, rgba(10,16,38,.98) 0%, rgba(5,10,24,.99) 100%) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03);
}

.hub__scriptHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 22px;
  border-bottom:1px solid rgba(108,132,255,.14);
  background:#171b24;
}

.hub__scriptTitle{
  margin:0 !important;
  color:#f4f7ff;
  font-size:clamp(22px, 2.6vw, 26px);
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
}

.hub__scriptActions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}

.hub__scriptBody{
  padding:0 !important;
  background:linear-gradient(180deg, rgba(5,9,22,.82) 0%, rgba(4,8,20,1) 100%);
}

.hub__scriptBody .wp-block-shortcode{
  margin:0 !important;
}

.hub__scriptBlock pre,
.hub__scriptBlock code,
.hub__scriptBlock .hub__code,
.hub__scriptBlock .hub__code code{
  text-align:left !important;
}

.hub__scriptBlock .hub__code{
  display:block;
  width:100%;
  max-width:100%;
  min-height:260px;
  max-height:none;
  margin:0 !important;
  padding:26px 22px 28px !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(180deg, rgba(5,9,22,.15) 0%, rgba(3,7,18,0) 100%) !important;
  color:#dbe6ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-word;
}

.hub__scriptBlock .hub__code code{
  display:block;
  width:100%;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size:15px !important;
  line-height:1.85;
  color:#ffb25f;
}

.hub__scriptBlock .hub__copyMini{
  appearance:none;
  padding:10px 16px;
  min-height:40px;
  border-radius:12px;
  border:1px solid rgba(126,145,255,.22);
  background:linear-gradient(180deg, rgba(24,36,88,.94) 0%, rgba(15,24,59,.96) 100%);
  color:#f5f7ff;
  font-size:13px;
  font-weight:700;
  line-height:1;
  box-shadow:0 8px 22px rgba(18,31,79,.24), inset 0 1px 0 rgba(255,255,255,.04);
}

.hub__scriptBlock .hub__copyMini:hover{
  transform:translateY(-1px);
  border-color:rgba(150,171,255,.4);
  background:linear-gradient(180deg, rgba(28,43,102,.98) 0%, rgba(18,30,74,.98) 100%);
  box-shadow:0 12px 28px rgba(24,39,102,.3), inset 0 1px 0 rgba(255,255,255,.05);
}

.hub__scriptBlock .hub__copyMini.is-copied{
  border-color:rgba(142,170,255,.48);
  box-shadow:0 0 0 3px rgba(80,118,255,.12), 0 10px 26px rgba(24,39,102,.22);
}

@media (max-width: 768px){
  .hub__scriptHead{
    padding:16px;
  }
  .hub__scriptBlock .hub__code{
    min-height:220px;
    padding:20px 16px 22px !important;
  }
  .hub__scriptBlock .hub__code code{
    font-size:14px !important;
    line-height:1.75;
  }
}


/* ===== User color override ===== */
.hub__card,
.hub__scriptBlock,
.hub__scriptBlock.wp-block-group,
.hub__scriptBody,
.hub__codeWrap,
.hub__scriptBlock .hub__code,
.hub__scriptBlock pre.hub__code,
.hub__scriptBlock #hub-code,
.hub .wp-block-column.hub__heroMedia,
.hub__heroMedia{
  background:#1c1f28 !important;
}

.hub__btn,
.hub__btn--primary,
.hub__btn--ghost,
.hub__copyMini,
.hub__scriptBlock .hub__copyMini{
  background:#2c2f38 !important;
}

.hub__card,
.hub__scriptBlock,
.hub__heroMedia,
.hub .wp-block-column.hub__heroMedia,
.hub__btn,
.hub__btn--primary,
.hub__btn--ghost,
.hub__copyMini,
.hub__scriptBlock .hub__copyMini,
.hub__codeWrap,
.hub__scriptHead,
.hub__cardHead,
.hub__codeTop,
.hub__scriptBlock .hub__cardHead,
.hub__scriptBlock #hub-code,
.hub__scriptBlock .hub__code,
.hub__scriptBlock pre.hub__code{
  border-color:#2d3038 !important;
}

.hub__btn:hover,
.hub__btn--primary:hover,
.hub__btn--ghost:hover,
.hub__copyMini:hover,
.hub__scriptBlock .hub__copyMini:hover{
  background:#2c2f38 !important;
  border-color:#2d3038 !important;
}


/* Layout sizing for Description and More cards on desktop */
@media (min-width: 901px){
  .hub__grid{
    align-items:start;
  }

  .hub__card--desc,
  .hub__card--more{
    min-height:500px;
  }
}


.hub__infoBox{
  margin:14px 0 16px;
  padding:14px 16px;
  border:1px solid #2d3038;
  border-radius:16px;
  background:rgba(255,255,255,.02);
  display:grid;
  gap:12px;
}

.hub__infoRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.hub__infoRow--author{
  align-items:center;
  justify-content:flex-start;
}

.hub__infoAvatar{
  display:inline-flex;
  flex:0 0 auto;
}

.hub__infoAvatar img{
  display:block;
  width:32px;
  height:32px;
  border-radius:10px;
}

.hub__infoContent{
  display:grid;
  gap:2px;
}

.hub__infoLabel{
  color:rgba(219,226,255,.64);
  font-size:12px;
  line-height:1.2;
}

.hub__infoValue{
  color:#f3f6ff;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.hub__moreLink{
  display:inline-block;
  margin:0 0 12px;
  font-weight:600;
}

@media (max-width:768px){
  .hub__infoRow{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }

  .hub__infoRow--author{
    flex-direction:row;
    align-items:center;
    gap:12px;
  }
}

.hub__muted{
  margin:0;
  color:rgba(229,234,255,.64);
}

.hub__relatedTitle{
  margin:0 0 12px;
  color:#f6f8ff;
  font-size:14px;
}

.hub__relatedList{
  display:grid;
  gap:10px;
}

.hub__relatedItem{
  display:block;
  padding:12px 14px;
  border:1px solid #2d3038;
  border-radius:12px;
  background:#1c1f28;
  color:inherit;
  text-decoration:none;
  transition:border-color .18s ease, transform .18s ease, background .18s ease;
}

.hub__relatedItem:hover{
  transform:translateY(-1px);
  background:#232733;
}

.hub__relatedText{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.hub__relatedName{
  color:#f6f8ff;
  font-weight:600;
  line-height:1.35;
}

.hub__relatedMeta{
  color:rgba(229,234,255,.68);
  font-size:12px;
}


.hub__relatedMetaRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:6px;
}

.hub__relatedViews{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(229,234,255,.72);
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

.hub__relatedViewsIcon{
  width:14px;
  height:14px;
  flex:0 0 14px;
}


/* ===== Fixed 500px cards with custom scroll ===== */
@media (min-width: 782px){
  .hub__grid{
    align-items:stretch;
  }

  .hub__card--desc,
  .hub__card--more{
    height:500px;
    min-height:500px;
    max-height:500px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }

  .hub__card--desc .hub__cardBody,
  .hub__card--more .hub__cardBody{
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    scrollbar-width:thin;
    scrollbar-color:#4b67b8 #151b28;
  }

  .hub__card--desc .hub__cardBody::-webkit-scrollbar,
  .hub__card--more .hub__cardBody::-webkit-scrollbar{
    width:10px;
  }

  .hub__card--desc .hub__cardBody::-webkit-scrollbar-track,
  .hub__card--more .hub__cardBody::-webkit-scrollbar-track{
    background:linear-gradient(180deg,#111725 0%,#161d2d 100%);
    border-radius:999px;
  }

  .hub__card--desc .hub__cardBody::-webkit-scrollbar-thumb,
  .hub__card--more .hub__cardBody::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#5e79d8 0%,#3e568f 100%);
    border:2px solid #151b28;
    border-radius:999px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  }

  .hub__card--desc .hub__cardBody::-webkit-scrollbar-thumb:hover,
  .hub__card--more .hub__cardBody::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#738df0 0%,#4964aa 100%);
  }

  .hub__card--more .hub__cardBody{
    display:flex;
    flex-direction:column;
    gap:12px;
  }

  .hub__card--more .hub__cardBody > p{
    margin:0;
    flex:0 0 auto;
  }

  .hub__relatedTitle{
    margin:0;
    flex:0 0 auto;
  }

  .hub__relatedList{
    flex:1 1 auto;
    min-height:0;
    display:grid;
    grid-template-rows:repeat(3, minmax(104px, 1fr));
    gap:12px;
  }

  .hub__relatedItem{
    min-height:104px;
    height:100%;
  }
}

.hub__relatedTitle{
  margin:0 0 2px;
  font-size:14px;
  line-height:1.3;
  color:#f3f6ff;
}

.hub__relatedList{
  display:grid;
  gap:12px;
}

.hub__relatedItem{
  display:flex;
  align-items:center;
  width:100%;
  padding:16px 18px;
  border-radius:14px;
  border:1px solid #2d3038;
  background:linear-gradient(180deg,#1c1f28 0%,#181c26 100%);
  text-decoration:none;
  transition:border-color .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease;
  box-sizing:border-box;
}

.hub__relatedItem:hover{
  transform:translateY(-1px);
  border-color:rgba(126,145,255,.26);
  background:linear-gradient(180deg,#202431 0%,#1b1f2a 100%);
  box-shadow:0 10px 22px rgba(0,0,0,.20);
}

.hub__relatedText{
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  gap:10px;
}

.hub__relatedName{
  display:block;
  color:#f6f8ff;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  word-break:break-word;
}

.hub__relatedMetaRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.hub__relatedMeta{
  color:rgba(229,234,255,.72);
  font-size:12px;
  line-height:1.2;
}

.hub__relatedViews{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(229,234,255,.82);
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

.hub__relatedViewsIcon{
  width:14px;
  height:14px;
  flex:0 0 14px;
}


/* ===== Script block custom scroll + no inner padding ===== */
.hub__scriptBody,
.hub__scriptBody .wp-block-shortcode{
  padding:0 !important;
  margin:0 !important;
}

.hub__scriptBlock .hub__code,
.hub__scriptBlock pre.hub__code,
.hub__scriptBlock #hub-code{
  padding:0 !important;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#5e79d8 #151b28;
}

.hub__scriptBlock .hub__code code,
.hub__scriptBlock pre.hub__code code,
.hub__scriptBlock #hub-code code{
  display:block;
  margin:0;
  padding:22px 24px 24px;
}

.hub__scriptBlock .hub__code::-webkit-scrollbar,
.hub__scriptBlock pre.hub__code::-webkit-scrollbar,
.hub__scriptBlock #hub-code::-webkit-scrollbar{
  width:12px;
  height:12px;
}

.hub__scriptBlock .hub__code::-webkit-scrollbar-track,
.hub__scriptBlock pre.hub__code::-webkit-scrollbar-track,
.hub__scriptBlock #hub-code::-webkit-scrollbar-track{
  background:#151b28;
  border-left:1px solid rgba(255,255,255,.04);
}

.hub__scriptBlock .hub__code::-webkit-scrollbar-thumb,
.hub__scriptBlock pre.hub__code::-webkit-scrollbar-thumb,
.hub__scriptBlock #hub-code::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#5e79d8 0%,#3e568f 100%);
  border:2px solid #151b28;
  border-radius:999px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

.hub__scriptBlock .hub__code::-webkit-scrollbar-thumb:hover,
.hub__scriptBlock pre.hub__code::-webkit-scrollbar-thumb:hover,
.hub__scriptBlock #hub-code::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#738df0 0%,#4964aa 100%);
}

@media (max-width:768px){
  .hub__scriptBlock .hub__code code,
  .hub__scriptBlock pre.hub__code code,
  .hub__scriptBlock #hub-code code{
    padding:18px 16px 20px;
  }
}

/* ===== Script block spacing refinement ===== */
.hub__scriptBody,
.hub__scriptBody .wp-block-shortcode{
  padding:16px 18px 18px !important;
  margin:0 !important;
}

.hub__scriptBlock .hub__code,
.hub__scriptBlock pre.hub__code,
.hub__scriptBlock #hub-code{
  padding:0 !important;
  margin:0 !important;
  border:1px solid #2d3038;
  border-radius:16px;
  background:rgba(255,255,255,.02);
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#5e79d8 #151b28;
}

.hub__scriptBlock .hub__code code,
.hub__scriptBlock pre.hub__code code,
.hub__scriptBlock #hub-code code{
  display:block;
  margin:0;
  padding:18px 20px 20px;
  line-height:1.7;
}

@media (max-width:768px){
  .hub__scriptBody,
  .hub__scriptBody .wp-block-shortcode{
    padding:14px !important;
  }

  .hub__scriptBlock .hub__code code,
  .hub__scriptBlock pre.hub__code code,
  .hub__scriptBlock #hub-code code{
    padding:16px;
  }
}


.hub__btnSvg{
  width:16px;
  height:16px;
  flex:0 0 16px;
}

.hub__btnIcon{
  font-size:14px;
  line-height:1;
}

.hub__videoModal[hidden]{display:none !important;}
.hub__videoModal{
  position:fixed;
  inset:0;
  z-index:99999;
}
.hub__videoBackdrop{
  position:absolute;
  inset:0;
  background:rgba(5,8,16,.78);
  backdrop-filter:blur(2px);
}
.hub__videoDialog{
  position:relative;
  z-index:1;
  width:min(1000px, calc(100vw - 32px));
  margin:40px auto;
  background:#171b24;
  border:1px solid rgba(126,145,255,.18);
  border-radius:20px;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
  padding:18px;
}
.hub__videoClose{
  position:absolute;
  top:10px;
  right:10px;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(126,145,255,.18);
  background:rgba(255,255,255,.04);
  color:#f6f8ff;
  cursor:pointer;
  font-size:24px;
  line-height:1;
}
.hub__videoFrameWrap{
  position:relative;
  width:100%;
  padding-top:56.25%;
  border-radius:16px;
  overflow:hidden;
  background:#0a0f1b;
}
.hub__videoFrameWrap iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* framed sections in hero right column */
.hub__topFrame,
.hub__titleFrame,
.hub__ctaFrame{
  border:1px solid #2d3038;
  border-radius:16px;
  background:rgba(255,255,255,.02);
}

.hub__topFrame{
  padding:14px 16px;
  margin:0 0 14px;
}

.hub__titleFrame{
  padding:12px 16px;
  margin:0 0 14px;
}

.hub__titleFrame .hub__titleRow{
  margin:0;
}

.hub__ctaFrame{
  padding:10px 12px;
  margin:0;
}

.hub__ctaFrame .hub__cta{
  margin:0;
}

@media (max-width:768px){
  .hub__topFrame,
  .hub__titleFrame,
  .hub__ctaFrame{
    border-radius:14px;
  }

  .hub__topFrame{
    padding:12px 14px;
  }

  .hub__titleFrame{
    padding:10px 14px;
  }

  .hub__ctaFrame{
    padding:10px;
  }
}


/* Uniform hero CTA buttons */
.hub__cta{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}

.hub__cta > *{
  min-width:0;
  margin:0;
}

.hub__cta > p,
.hub__cta > div,
.hub__cta > span{
  display:flex;
  min-width:0;
  margin:0;
}

.hub__cta .hub__btn,
.hub__cta .hub__btn--primary,
.hub__cta .hub__btn--ghost,
.hub__cta .srp-report-btn-inline{
  width:100%;
  min-width:0;
  min-height:54px;
  height:54px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:14px;
  text-align:center;
  white-space:nowrap;
  font-size:18px;
  line-height:1;
  font-weight:700;
  box-sizing:border-box;
}

.hub__cta .hub__btn span,
.hub__cta .hub__btn--primary span,
.hub__cta .hub__btn--ghost span,
.hub__cta .srp-report-btn-inline span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
}

.hub__cta .hub__btnSvg,
.hub__cta .hub__btnIcon,
.hub__cta .srp-report-btn-inline .hub__btnSvg{
  width:16px;
  height:16px;
  flex:0 0 16px;
}

.hub__cta .hub__btnIcon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  line-height:1;
}

@media (max-width: 1024px){
  .hub__cta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 640px){
  .hub__cta{
    grid-template-columns:1fr;
  }

  .hub__cta .hub__btn,
  .hub__cta .hub__btn--primary,
  .hub__cta .hub__btn--ghost,
  .hub__cta .srp-report-btn-inline{
    height:auto;
    min-height:50px;
    padding:12px 16px;
    font-size:16px;
  }
}