/* =============================== */
/* Prospector – Hero Layout CSS */
/* =============================== */
#pgl-hero .pgl-hero-header{margin:0;padding-top:10px;text-align:center;position:relative;}
#pgl-hero .pgl-hero-title{margin:0;padding:0;font-family:var(--ct-headings-font-family,"Cinzel",serif);text-transform:uppercase;letter-spacing:0.18em;font-weight:700;font-size:clamp(30px,4vw,75px);background-image:linear-gradient(120deg,#ffffff 0%,#ffffff 100%);background-size:100% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 6px rgba(255,255,255,0.25),0 0 12px rgba(160,220,255,0.25);position:relative;overflow:hidden;animation:pglDiamondSweep 10s ease-in-out infinite;}
@keyframes pglDiamondSweep{0%,8%,32%,100%{background-image:linear-gradient(120deg,#ffffff 0%,#ffffff 100%);background-size:100% 100%;background-position:0 0;}10%{background-image:linear-gradient(120deg,#ffffff 0%,#fff5c7 18%,#ffd700 30%,#c8f3ff 40%,#ffffff 50%,#c8f3ff 60%,#ffd700 70%,#fff5c7 82%,#ffffff 100%);background-size:220% 100%;background-position:-120% 0;}20%{background-position:40% 0;}30%{background-position:120% 0;}}
@media(prefers-reduced-motion:reduce){#pgl-hero .pgl-hero-title{animation:none;background-image:linear-gradient(120deg,#ffffff 0%,#ffffff 100%);}}
#pgl-hero{--pgg-gap:12px;}
#pgl-hero .pgl-inner{max-width:1250px;margin:0 auto;}
.single-hero .entry-title,.single-hero .ct-page-title,.post-type-hero .entry-title,.post-type-hero .ct-page-title{display:none!important;}
#pgl-hero .pgl-tab.is-active{outline:2px solid rgba(255,215,0,.35);outline-offset:2px;}
#pgl-hero .pgl-panel{background:transparent;border:0;padding:0;min-height:600px;}
#pgl-hero .pgl-panel.is-loading{display:grid;place-items:center;}
#pgl-hero .pgl-loading{opacity:.75;}
#pgl-hero .pgl-stacked>*+*{margin-top:18px;}
/* Desktop refinement – hero body overlay */
@media(min-width:1025px){.pgl-hero-body-overlay{position:fixed;inset:0;pointer-events:none;z-index:1;background-repeat:no-repeat;background-size:auto 100%;background-position:calc(100% + 120px) bottom;mask-size:160% 150%;mask-position:calc(100% + 400px) 80%;mask-image:radial-gradient(ellipse 60% 60% at center,rgba(0,0,0,1) 20%,rgba(0,0,0,0.85) 35%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.45) 65%,rgba(0,0,0,0.25) 75%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0.05) 92%,rgba(0,0,0,0) 100%);opacity:.4!important;}}
/* =============================== */
/* Loader Animation When Switching Sections */
/* =============================== */
.pgl-panel--swap{position:relative;overflow:visible;transform-origin:center center;}
.pgl-loader-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50;backdrop-filter:blur(5px);background:rgba(0,0,0,.35);mask-image:radial-gradient(ellipse 75% 55% at center,#000 0%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 55% at center,#000 0%,#000 45%,transparent 100%);}
.pgl-loader-overlay.is-on{opacity:1;pointer-events:auto;}
.loader{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid transparent;border-right-color:#ffa50097;position:relative;animation:pgl-spin 1s linear infinite;z-index:1;}
.loader::before,.loader::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:inherit;animation:pgl-spin 2s linear infinite;}
.loader::after{animation-duration:4s;}
@keyframes pgl-spin{to{transform:rotate(360deg);}}
.pgl-hero-zoom-out{animation:pglZoomOut .22s ease forwards;}
@keyframes pglZoomOut{to{transform:scale(.94);opacity:.2;filter:blur(2px);}}
.pgl-hero-zoom-in{animation:pglZoomIn .22s ease forwards;}
@keyframes pglZoomIn{from{transform:scale(.94);opacity:0;}to{transform:scale(1);opacity:1;}}
/* =============================== */
/* Page layout: LEFT (hero) + RIGHT (swappable) */
/* =============================== */
#pgl-hero .pgl-inner{display:block;}
#pgl-hero .pgl-layout__left{max-width:250px;}
#pgl-hero .pgl-layout__right{min-width:0; padding: 10px;}
#pgl-hero .pgl-panel--swap{min-height:420px;}
#pgl-hero .pgl-panel--swap:empty::before{content:"";display:block;min-height:420px;}
@media(max-width:1100px){#pgl-hero .pgl-layout{grid-template-columns:300px minmax(560px,1fr);gap:28px;}}
#pgl-hero .pgl-layout{display:grid;grid-template-columns:320px minmax(720px,1fr);gap:0px;align-items:start;}
#pgl-hero .pgl-layout__left{position:relative;z-index:1;}
#pgl-hero .pgl-layout__left.is-sticky{position:sticky;top:86px;}
#pgl-hero .pgl-layout__right{position:relative;z-index:2;min-width:0;}
@media(max-width:1100px){#pgl-hero .pgl-layout{grid-template-columns:300px minmax(560px,1fr);gap:28px;}}
/* ≤1024px: same card size/absolutes, just stacked + centered */
@media(max-width:1024px){#pgl-hero .pgl-layout{display:block;}#pgl-hero .pgl-layout__left{order:0;width:100%;max-width:none;display:flex;justify-content:center;padding:16px 0;}#pgl-hero .pgl-layout__right{order:1;width:100%;max-width:100%;margin-top:20px;}}
.pgl-identity-grid .pgl-portrait-card,#pgl-hero .pgl-layout__left .pgl-portrait-card{position:relative;width:250px;height:350px;overflow:visible;margin:0 auto;}
.pgl-identity-grid .pgl-portrait-card .pgl-img,#pgl-hero .pgl-layout__left .pgl-portrait-card .pgl-img{position:relative;z-index:0;object-fit:cover;display:block;transform-origin:center;transform:scale(1.0) translateX(0px);}
.pgl-identity-grid .pgl-badge,#pgl-hero .pgl-layout__left .pgl-badge{position:absolute;left:-18px;width:80px;height:auto;z-index:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6));cursor:help;}
.pgl-identity-grid .pgl-badge--1,#pgl-hero .pgl-layout__left .pgl-badge--1{top:140px;cursor:help;}
.pgl-identity-grid .pgl-badge--2,#pgl-hero .pgl-layout__left .pgl-badge--2{top:220px;cursor:help;}
.pgl-identity-grid .pgl-badge--class,#pgl-hero .pgl-layout__left .pgl-badge--class{bottom:140px;left:210px;width:60px;height:auto;cursor:help;}
.pgl-identity-grid .pgl-badge--dmg,#pgl-hero .pgl-layout__left .pgl-badge--dmg{bottom:60px;left:210px;width:60px;height:auto;cursor:help;}
.pgl-identity-grid .pgl-lord,#pgl-hero .pgl-layout__left .pgl-lord{position:absolute;z-index:2;left:-12px;top:125px;width:65px;height:auto;line-height:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.7));}
.pgl-identity-grid .pgl-starsbar,#pgl-hero .pgl-layout__left .pgl-starsbar{position:absolute;left:50%;transform:translateX(-50%);bottom:-40px;z-index:1;display:inline-flex;gap:2px;padding:0px 10px 6px 10px;font-size:40px;}
.pgl-identity-grid .fade-edge,#pgl-hero .pgl-layout__left .fade-edge{display:block;-webkit-mask-image:linear-gradient(to right,transparent 0 8%,#000 22% 78%,transparent 96% 100%),linear-gradient(to bottom,transparent 0 6%,#000 20% 80%,transparent 94% 100%);mask-image:linear-gradient(to right,transparent 0 8%,#000 22% 78%,transparent 96% 100%),linear-gradient(to bottom,transparent 0 6%,#000 20% 80%,transparent 94% 100%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.pgl-identity-grid .pgl-lord,#pgl-hero .pgl-layout__left .pgl-lord{pointer-events:none;}
/* Additional Tags – See More button */
.pgl-see-more {
    display: inline-block;
    margin-top: 6px;
    padding: 3px 10px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 6px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    line-height: 1.2;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.pgl-see-more:hover {
    background: rgba(255,255,255,0.18);
    border-color: rgba(255,255,255,0.35);
}

/* Hidden extra tags */
.pgl-extra {
    display: none;
}

/* ------------------------------ */
/* Responsive behavior – tabs vs stacked */
/* ------------------------------ */
@media(max-width:1024px){#pgl-hero .pgl-tabs{display:none!important;}#pgl-hero .pgl-panel--swap{display:none!important;}#pgl-hero .pgl-stacked{display:block!important;}#pgl-hero .pgl-col-accordion,#pgl-hero .hsa{width:100%!important;}}
@media(min-width:1025px){#pgl-hero .pgl-stacked{display:none!important;}}
#pgl-hero .pgl-identity-grid{display:grid;grid-template-columns:300px 1fr 360px;gap:18px;align-items:start;}
@media(max-width:1100px){#pgl-hero .pgl-identity-grid{grid-template-columns:260px 1fr;}#pgl-hero .pgl-col-accordion{grid-column:1 / -1;}}
@media(max-width:1024px){#pgl-hero .pgl-identity-grid{grid-template-columns:1fr;gap:14px;}}
#pgl-hero .pgl-col-details .pgl-label{margin:0 0 8px;}
#pgl-hero .pgl-col-details ul{margin:0;padding-left:16px;}
#pgl-hero .pgl-hero-frame{position:relative;overflow:visible;}
#pgl-hero .pgl-hero-name{display:inline-block;margin:0 0 6px;padding:6px 10px;border-radius:20px;font-weight:800;letter-spacing:.5px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(2px);}
#pgl-hero .pgl-portrait{position:relative;margin:0;}
#pgl-hero .pgl-portrait-img{width:100%;height:auto;display:block;}
#pgl-hero .pgl-portrait-fallback{width:100%;aspect-ratio:3/4;display:grid;place-items:center;opacity:.6;border:1px dashed rgba(255,255,255,.1);}
#pgl-hero .pgl-faction{position:absolute;left:-10px;width:56px;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));}
#pgl-hero .pgl-faction--one{bottom:110px;}
#pgl-hero .pgl-faction--two{bottom:46px;}
#pgl-hero .pgl-rarity{position:absolute;left:6px;right:6px;bottom:8px;text-align:center;text-shadow:0 1px 0 #000,0 0 14px rgba(255,215,0,.35);}
#pgl-hero .pgl-stars{display:inline-block;letter-spacing:2px;font-size:22px;}
#pgl-hero .pgl-star{opacity:.25;}
#pgl-hero .pgl-star.is-on{color:#ffd700;opacity:1;}
#pgl-hero .pgl-bp{margin-top:8px;font-weight:800;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;}
#pgl-hero .pgl-bp-label{background:rgba(0,0,0,.35);padding:4px 8px;border-radius:999px;}
#pgl-hero .pgl-bp-by{grid-column:1 / -1;font-size:12px;opacity:.85;}
#pgl-hero .pgl-idgrid{display:grid;grid-template-columns:max-content 1fr;column-gap:14px;row-gap:20px;align-items:start;}
#pgl-hero .pgl-idrow{display:contents;}
#pgl-hero .pgl-idlabel{margin:0;white-space:nowrap;align-self:start;justify-self:start;}
#pgl-hero .pgl-idrow .pgl-idval .pgl-pills--stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;}
#pgl-hero .pgl-idrow .pgl-idval .pgl-pills--stack>.pgl-pill,#pgl-hero .pgl-idrow .pgl-idval .pgl-pills--stack>a.pgl-pill,#pgl-hero .pgl-idrow .pgl-idval .pgl-pills--stack>span.pgl-pill{display:inline-block;padding:4px 8px;font-size:12px;font-weight:600;line-height:1;color:#fff;background-color:rgba(170,190,255,.18);border:1px solid rgba(160,180,255,.28);border-radius:4px;letter-spacing:.2px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease;cursor:help;}
#pgl-hero .pgl-idrow .pgl-idval .pgl-pills--stack>.pgl-pill:hover{background-color:rgba(0,170,255,.25);border-color:rgba(0,190,255,.4);}

/* ============================= */
/* START SKILLS ACCORDION CSS */
/* ============================= */
@media(min-width:1025px){.pgl-skills-container{background:var(--pgg-surface,rgba(255,255,255,0.02));border:2px solid rgba(255,255,255,0.2);border-radius:var(--pgg-radius,12px);box-shadow:inset 0 2px 4px rgba(255,255,255,0.05),inset 0 -2px 4px rgba(0,0,0,0.5),0 0 15px rgba(0,0,0,0.5);padding:12px;margin-top:0px;}}
.hsa{background:transparent;}
.hsa-acc{display:grid;gap:6px;}
.hsa-item{background:transparent;border:0;}
.hsa .hsa-h{margin:0;}
.hsa-btn{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:0;margin:0;padding:2px 0;text-align:left;cursor:pointer;}
.hsa-ico{width:40px;height:auto;object-fit:contain;display:block;flex:0 0 30px;}
.hsa-title{display:block;margin:0;font:inherit;font-weight:700;line-height:1.15;font-size:16px;color:#ffd700;transition:color .3s ease;}
.hsa-btn:hover .hsa-title{color:#ffffff;}
.hsa-btn{position:relative;}
.hsa-btn .hsa-toggle{margin-left:auto;font-weight:700;font-size:1.8em;line-height:1;}
.hsa-btn[aria-expanded="false"] .hsa-toggle::before{content:"+";color:#ffd700;transition:color .18s ease;}
.hsa-btn[aria-expanded="true"] .hsa-toggle::before{content:"−";color:#ffd700;transition:color .18s ease;}
.hsa-btn:hover .hsa-toggle::before,
.hsa-btn:focus-visible .hsa-toggle::before{color:#ffffff;}
.hsa-pills{display:inline-flex;gap:6px;margin-left:0px;align-self:flex-start;margin-top:5px;}
.hsa-pill{font-size:10px;line-height:1;padding:2px 3px;border-radius:3px;font-weight:600;}
.hsa-btn>.hsa-pills{align-self:flex-start!important;}
.hsa-pill.is-gray{background:rgba(115,115,115,1);color:black;box-shadow:0 0 8px rgba(115,115,115,.6);}
.hsa-pill.is-green{background:rgba(0,255,140,1);color:black;box-shadow:0 0 8px rgba(0,255,140,.6);}
.hsa-pill.is-yellow{background:rgba(255,215,0,1);color:black;box-shadow:0 0 8px rgba(255,215,0,.6);}
.hsa-pill.is-blue{background:rgba(0,81,121,1);color:white;box-shadow:0 0 8px rgba(0,81,121,.6);}
.hsa-body{overflow:hidden;height:0;transition:height .28s ease;will-change:height;padding-left:12px;}
.hsa-meta{display:flex;gap:10px;align-items:center;margin:2px 0 6px;}
.hsa-m{display:inline-flex;gap:6px;align-items:center;font-weight:600;padding:2px 6px;border-radius:999px;}
.hsa-ic{width:22px;height:22px;display:inline-block;}
.hsa-ic--bolt path{fill:#ffd54d;}
.hsa-ic--init path{fill:#7CFC00;}
.hsa-ic--clock path{fill:#ccc;}
.hsa-levels{display:grid;margin-top:4px;}
.hsa-level{display:grid;grid-template-columns:max-content max-content 1fr;gap:3px;align-items:flex-start;border-radius:6px;padding:5px;}
.hsa-level:hover{background:rgba(255,255,255,.04);transition:background .8s ease,transform .8s ease;}
.hsa-level-tag{background:rgb(0 255 20 / 38%);border:0px solid rgba(0,255,140,.6);color:white;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 3px;border-radius:4px;line-height:1;align-self:start;margin-top:3px;}
.hsa-level-colon{color:rgba(255,255,255,.65);font-weight:600;line-height:1;align-self:flex-start;padding-top:1px;pointer-events:none;line-height:1;}
.hsa-level-text{align-self:flex-start;font-size:14px;font-weight:600;color:#D3D3D3;line-height:1;margin-top:3px;}
.hsa-desc{margin:4px 0 10px;font-size:14px;font-weight:600;color:#D3D3D3;}
.hsa-desc p{margin-top:0;margin-bottom:8px;line-height:1.4;}
.hsa-desc p:last-child{margin-bottom:2px;}
.hsa-num{color:#00ccff;font-weight:700;font-size:12px;}
/* Floating tooltip */
.hsa-tip{position:fixed;left:-9999px;top:-9999px;width:auto;max-width:320px;min-width:140px;max-width:min(320px,90vw);background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.12);padding:10px 12px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);color:#ffff00;pointer-events:none;z-index:9999;opacity:0;transition:opacity .12s ease;white-space:normal;}
.hsa-tip.is-on{opacity:1;}
.hsa-tip__inner .hsa-tip-line+.hsa-tip-line{margin-top:8px;}
/* Glossary term look inside the accordion */
.hsa-glossary{background:transparent;border:none;color:#0dff00;font-weight:600;cursor:help;padding:0;margin:0;text-decoration:underline;}
.hsa-glossary:hover,.hsa-glossary:focus{color:#ffffff;text-shadow:0 0 6px rgba(0,204,255,.5);}
/* Cinematic button in identity rows */
.pgl-cinematic-btn{display:inline-block;background:linear-gradient(135deg,#ffd700 0%,#ffbb00 100%);color:#000;font-weight:700;border:none;border-radius:6px;padding:5px 12px;cursor:pointer;font-size:13px;box-shadow:0 3px 8px rgba(0,0,0,.35);transition:transform .15s ease,box-shadow .15s ease;}
.pgl-cinematic-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.35);}
.pgl-cinematic-overlay{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;}
.pgl-cinematic-overlay.is-on{display:flex;}
.pgl-cinematic-backdrop{position:absolute;inset:0;background:radial-gradient(circle,rgba(0,0,0,.85),rgba(0,0,0,.5));backdrop-filter:blur(10px);}
.pgl-cinematic-dialog{position:relative;z-index:1;width:65vw;aspect-ratio:16/9;background:#000;border:3px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;box-shadow:0 0 17px rgb(87 87 87 / 49%);}
.pgl-cinematic-frame{width:100%;height:100%;}
.pgl-cinematic-frame iframe{width:100%;height:100%;border:none;display:block;}
.pgl-cinematic-close{position:fixed;top:0;right:25px;background:none;color:#fff;font-size:80px;border:none;cursor:pointer;z-index:2147483648;transition:color .2s ease;line-height:1;}
.pgl-cinematic-close:hover{color:#ffd700;}
@media(max-width:767px){.pgl-cinematic-dialog{width:100vw;height:56.25vw;aspect-ratio:auto;border-radius:0;}}
@media(min-width:768px)and (max-width:1024px){.pgl-cinematic-dialog{width:min(90vw,90vh*1.777);height:min(90vh,90vw/1.777);border-radius:8px;}}
.hsa-ic--cooldown {
  width: 30px;
  height: auto;
}

/* ============================= */
/* TALENT BLOCK (matches skills) */
/* ============================= */
.hsa-talent{margin-bottom:15px;margin-top:15px;}
.hsa-talent-title{font-weight:700;font-size:18px;color:#ffd700;margin:0 0 6px 0;line-height:1.15;transition:color .3s ease;}
.hsa-talent:hover .hsa-talent-title{color:#ffffff;}
.hsa-talent-body{margin-top:0;font-size:14px;font-weight:600;color:#D3D3D3;line-height:1.4;}
.hsa-talent-body p{margin:0 0 8px 0;}
.hsa-talent-body p:last-child{margin-bottom:2px;}
.hsa-talent-body .hsa-num{color:#00ccff;font-weight:700;font-size:12px;}

/* =============================== */
/* Powered by Sebastian Badge */
/* =============================== */
.pgl-bp-powered{
  margin:0;               /* no extra top margin now that it's in the grid */
  text-align:center;
}
.pgl-bp-powered a{
  text-decoration:none;
  display:inline-block;
  color:#ffd700;
}
.pgl-bp-powered-logo{
  width:120px;
  height:auto;
  margin:0 auto 6px;
  border-radius:50%;
  padding:4px;
  background:radial-gradient(circle,rgba(255,215,0,0.8) 0%,rgba(255,215,0,0.25) 70%,rgba(0,0,0,0) 100%);
  box-shadow:0 0 18px rgba(255,215,0,0.5);
  transition:transform .25s ease,box-shadow .25s ease;
}
.pgl-bp-powered-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
}
.pgl-bp-powered a:hover .pgl-bp-powered-logo{
  transform:scale(1.06);
  box-shadow:0 0 26px rgba(255,215,0,0.75);
}
.pgl-bp-powered-text{
  font-size:14px;
  font-weight:700;
  color:#ffd700;
  text-shadow:1px 1px 2px #000;
}
.pgl-bp-powered-text span{
  color:#ffffff;
}

/* ============================ */
/* Hero Tabs – Pill Hover Menu */
/* ============================ */
.pgl-inner{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.pgl-tabs{display:flex;justify-content:center;align-items:center;padding:0px 0px 25px;width:100%;}
.pgl-tab{position:relative;display:inline-block;font-family:"Inter","Segoe UI",sans-serif;font-weight:700;letter-spacing:.3px;font-size:15px;line-height:1;text-decoration:none;text-transform:none;color:#fff;padding:10px 18px;margin:0 10px;border-radius:22px;background:transparent;border:none;cursor:pointer;z-index:0;transition:color .2s ease,transform .2s ease,box-shadow .2s ease;isolation:isolate;}
.pgl-tab::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,#e8edec,#d2d1d3);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1;}
.pgl-tab:hover::before,.pgl-tab:focus-visible::before{opacity:1;}
.pgl-tab:hover,.pgl-tab:focus-visible{color:#000;box-shadow:0 3px 20px 0 rgba(0,0,0,.8);transform:scale(1);outline:none;}
.pgl-tab.is-active{color:#000;background:linear-gradient(to bottom,#e8edec,#FFD700);box-shadow:0 3px 20px 0 rgba(0,0,0,.8);transform:scale(1.2)!important;}
.pgl-tab:active{transform:scale(1.3);box-shadow:0 1px 10px rgba(0,0,0,.7);}
@media(prefers-reduced-motion:reduce){.pgl-tab{transition:none;}}
@media(max-width:1024px){.pgl-tabs{flex-wrap:wrap;row-gap:6px;padding:6px 8px;}.pgl-tab{font-size:14px;padding:8px 14px;}}
.pgl-tabs .pgl-tab.ct-button.wp-element-button.is-active,.pgl-tabs .pgl-tab.ct-button.wp-element-button[aria-current="page"]{color:#000!important;background:linear-gradient(to bottom,#e8edec,#d2d1d3)!important;box-shadow:0 3px 20px rgba(0,0,0,.8)!important;transform:scale(1.30);}
@media(prefers-reduced-motion:reduce){.pgl-tabs .pgl-tab.ct-button.wp-element-button{transition:none;}}
/* =============================== */
/* Identity details + accordion (2 cols -> stacked on ≤1024px) */
/* =============================== */
#pgl-hero .pgl-identity-main{display:grid;grid-template-columns:.6fr .4fr;gap:10px;align-items:start;}
@media(max-width:1100px){#pgl-hero .pgl-identity-main{grid-template-columns:1fr;}#pgl-hero .pgl-col-accordion{width:100%;}}
#pgl-hero .pgl-col-accordion,#pgl-hero .hsa{width:auto;}
/* =============================== */
/* Attributes Stat Bars Styling */
/* =============================== */
#pgl-hero .pgl-attrs{max-width:900px;margin:0 auto;}
#pgl-hero .pgl-attrs-toggle{display:flex;gap:10px;margin:0 0 12px;justify-content:center;}
#pgl-hero .pgl-attr-toggle.is-active{outline:2px solid rgba(255,215,0,.35);outline-offset:2px;}
#pgl-hero .pgl-attrs-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}
@media(max-width:1024px){
  #pgl-hero .pgl-attrs-grid{grid-template-columns:1fr;}
  #pgl-hero .pgl-attrs{padding-left:16px;padding-right:16px;}
}
#pgl-hero .pgl-attrs-h{margin:0 0 8px;font-size:18px;line-height:1.2;color:#ffd700;}
#pgl-hero .stat-group.hidden{display:none;}
#pgl-hero .stat-container{width:100%;margin:0px 0 5px;padding:0px;}
#pgl-hero .stat-row{display:flex;gap:12px;align-items:center;}
#pgl-hero .stat-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;opacity:.95;}
#pgl-hero .stat-icon img{max-width:100%;max-height:100%;display:block;object-fit:contain;}
#pgl-hero .stat-content{flex:1 1 auto;min-width:0;}
#pgl-hero .stat-label{font-size:12px;font-weight:700;margin-bottom:0px;text-shadow:1px 1px 2px #000;}
#pgl-hero .stat-bar{position:relative;width:100%;height:16px;background:#2e2e2e;border-radius:6px;overflow:hidden;}
#pgl-hero .stat-fill{position:relative;height:100%;width:0;border-radius:6px;transition:width .8s ease-out;}
#pgl-hero .stat-values{position:absolute;right:10px;top:0;height:100%;display:flex;align-items:center;font-size:14px;font-weight:800;color:#fff;text-shadow:2px 2px 2px #000;pointer-events:none;}
#pgl-hero .bar-red{background-color:#913333;}
#pgl-hero .bar-sky{background-color:#29b6f6;}
#pgl-hero .bar-light-purple{background-color:#433aa6;}
#pgl-hero .bar-purple{background-color:#8719e0;}
#pgl-hero .bar-green{background-color:#fcb103;}

/* Battle Power row as 2-column grid */
#pgl-hero .pgl-attrs-bp{
  padding-top:28px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:24px;
  align-items:center;
}
#pgl-hero .pgl-attrs-bp-main{
  min-width:0;
}

@media(max-width:768px){
  #pgl-hero .pgl-attrs-bp{
    grid-template-columns:1fr;
  }
}
/* =============================== */
/* Tablet+Mobile Awakenings Layout */
/* =============================== */
#pgl-hero .pgl-awakenings{max-width:900px;margin:20px auto 0;}
#pgl-hero .pgl-awak-listrows{display:grid;gap:0px;}
#pgl-hero .pgl-awak-row{position:relative;display:flex;gap:12px;align-items:center;padding:5px 7px;border-radius:12px;background:rgba(255,255,255,.06);border:0px solid rgba(255,255,255,.10);}
#pgl-hero .pgl-awak-row.has-evs{padding-right:160px;}
#pgl-hero .pgl-awak-listrows .pgl-awak-row:nth-child(2),#pgl-hero .pgl-awak-listrows .pgl-awak-row:nth-child(4){background:transparent;border:none;}
#pgl-hero .pgl-awak-ico{width:60px;object-fit:contain;flex:0 0 32px;align-self:flex-start;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));}
#pgl-hero .pgl-awak-text{flex:1 1 auto;min-width:0;display:flex;align-items:center;}
#pgl-hero .pgl-awak-text p{margin:0;color:#d3d3d3;font-size:14px;font-weight:600;line-height:1.35;}
#pgl-hero .pgl-awak-text p+p{margin-top:6px;}
@media(max-width:1024px){#pgl-hero .pgl-awakenings{padding:0 16px;}}
.pgl-section-title{display:none;}
@media(max-width:1024px){.pgl-section-title{position:relative;display:block;text-align:center;font-weight:700;font-size:30px;text-transform:uppercase;color:#e2c56a;margin:32px 0 14px;line-height:2;}.pgl-section-title::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.15);z-index:0;}.pgl-section-title>span{position:relative;background:rgba(0,0,0,.6);padding:0 12px;z-index:1;border-radius:6px;}}
@media(min-width:1025px){.pgl-section-title--skills{display:block!important;position:relative;text-align:center;font-weight:700;font-size:22px;text-transform:uppercase;color:#e2c56a;margin:0 0 0;}.pgl-section-title--skills::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.15);z-index:0;}.pgl-section-title--skills>span{position:relative;background:rgba(0,0,0,.6);padding:0 12px;z-index:1;border-radius:6px;}}
#pgl-hero .pgl-awak-ico-wrap{position:relative;width:60px;height:60px;flex:0 0 60px;align-self:flex-start;overflow:visible;}
#pgl-hero .pgl-awak-ico{width:60px;height:60px;object-fit:contain;display:block;}
#pgl-hero .pgl-awak-keyimg{position:absolute;top:-20px;left:-20px;width:40px;height:auto;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));}
#pgl-hero .pgl-awak-row.is-key{position:relative;background:rgba(255,215,0,0.06);box-shadow:0 0 8px rgba(255,255,255,0.15);border-radius:12px;}
#pgl-hero .pgl-awak-row.is-key::before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(255,215,0,0.05),rgba(255,215,0,0.1),rgba(255,215,0,0.05));opacity:0.4;border-radius:inherit;pointer-events:none;}

/* ============================= */
/* EVS Badge (Effective Awakening Score) */
/* ============================= */

#pgl-hero .pgl-awak-row{
  position:relative;
}

/* Remove any previous forced spacing */
#pgl-hero .pgl-awak-row.has-evs{
  padding-right:0 !important;
}

/* EVS container - overlay only */
#pgl-hero .pgl-awak-evs{
  position:absolute;
  top:-3px;                 /* <-- key: keep it inside the row */
  right:3px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:8px;
  pointer-events:none;
}

/* Label */
#pgl-hero .pgl-awak-evs__label{
  font-size:12px;
  font-weight:800;
  letter-spacing:.3px;
  color:rgba(255,255,255,0.9);
}

/* Star sizing */
#pgl-hero .pgl-awak-evs__stars .pgl-stars{
  font-size:20px;
  letter-spacing:1.5px;
  line-height:1;
}

/* Silver stars */
#pgl-hero .pgl-stars--evs .pgl-star{opacity:.25;color:#d0d0d0;}
#pgl-hero .pgl-stars--evs .pgl-star.is-on{opacity:1;color:#c0c0c0;text-shadow:0 0 10px rgba(255,255,255,0.18);}

/* IMPORTANT: remove this — it causes vertical shifting */
/* #pgl-hero .pgl-awak-text{ padding-top:12px; } */

/* ============================= */
/* Mobile Adjustments */
/* ============================= */

@media (max-width: 600px){
  #pgl-hero .pgl-awak-evs{
    top:-14px;
    right:10px;
  }
  #pgl-hero .pgl-awak-evs__stars .pgl-stars{
    font-size:18px;
  }

  /* IMPORTANT: remove this too — it causes vertical shifting */
  /* #pgl-hero .pgl-awak-text{ padding-top:18px; } */
}
/* =============================== */
/* Builds Layout */
/* =============================== */
#pgl-hero .pgl-builds-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:26px;max-width:700px;margin:0 auto;}
#pgl-hero .pgl-builds-col{display:flex;flex-direction:column;gap:10px;align-items:center;}
#pgl-hero .pgl-builds-h{margin:0;font-size:20px;font-weight:700;color:#fff;}
#pgl-hero .pgl-builds-setname{margin:0;font-size:14px;color:#d6c26a;}
#pgl-hero .pgl-builds-setname--missing{color:rgba(255,255,255,.35);}
#pgl-hero .pgl-builds-stack{display:flex;flex-direction:column;gap:14px;}
#pgl-hero .pgl-builds-slot{display:flex;gap:10px;align-items:center;text-decoration:none;background:transparent;border:0;padding:0;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer;}
#pgl-hero .pgl-builds-slot:hover{transform:translateY(-1px);box-shadow:0 4px 18px rgba(0,0,0,.35);}
#pgl-hero .pgl-builds-slot-imgwrap{position:relative;width:120px;aspect-ratio:1/1;overflow:visible;background:rgba(255,255,255,.02);flex:0 0 120px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;}
#pgl-hero .pgl-builds-slot-imgwrap img{width:100%;height:100%;object-fit:cover;display:block;}
#pgl-hero .pgl-builds-slot-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:11px;color:#fff;background:rgba(255,215,0,.05);}
#pgl-hero .pgl-builds-pill{position:absolute;right:0;bottom:0;background:rgba(0,0,0,.85);border:1px solid rgba(255,215,0,.7);border-radius:10px 0 0 0;padding:3px 10px 4px;font-size:11px;font-weight:700;color:#ffd700;line-height:1;pointer-events:none;}
#pgl-hero .pgl-builds-slot:hover .pgl-builds-slot-imgwrap{transform:scale(1.2);box-shadow:0 0 20px rgba(255,215,0,.45);}
#pgl-hero .pgl-builds-slot:hover .pgl-builds-slot-imgwrap::after{content:'';position:absolute;inset:0;border:2px solid rgba(255,215,0,.6);border-radius:inherit;pointer-events:none;opacity:1;transition:opacity .3s ease;}
#pgl-hero .pgl-builds-slot-imgwrap img.pgl-builds-exclusive{position:absolute;top:0;left:0;width:37px;height:auto;z-index:2;pointer-events:none;object-fit:contain;}
#pgl-hero .pgl-builds-slot-imgwrap img.pgl-builds-exclusive-faction,#pgl-hero .pgl-builds-slot-imgwrap img.pgl-builds-exclusive-hero{position:absolute;top:0;right:0;z-index:1;pointer-events:none;overflow:visible;}
#pgl-hero .pgl-builds-slot-imgwrap img.pgl-builds-exclusive-faction{width:34px;height:auto;transform:translate(4px,-4px);object-fit:contain;}
#pgl-hero .pgl-builds-slot-imgwrap img.pgl-builds-exclusive-hero{width:140px;height:auto;transform:translate(10px,-18px);object-fit:contain;}
#pgl-hero .pgl-gear-overlay{position:fixed;inset:0;z-index:2147483647;display:none;}
#pgl-hero .pgl-gear-overlay.is-open{display:block;}
#pgl-hero .pgl-gear-overlay__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(3px);}
#pgl-hero .pgl-gear-overlay__panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid rgba(255,215,0,.35);border-radius:0;width:min(360px,90vw);max-height:88vh;overflow-y:auto;padding:0;box-shadow:0 12px 40px rgba(0,0,0,.55);}
#pgl-hero .pgl-gear-overlay__close{position:absolute;top:6px;right:8px;background:transparent;border:0;color:#fff;font-size:25px;line-height:1;width:28px;height:28px;border-radius:999px;cursor:pointer;z-index:10;}
#pgl-hero .pgl-gear-overlay__content .pgl-gear-vignette{background-color:#1f2225ad;border:none;padding:0;width:100%;max-width:none;display:block;}
#pgl-hero .pgl-builds-slot .pgl-gear-vignette{display:none;}
#pgl-hero .pgl-gear-vignette{display:flex;flex-direction:column;gap:10px;width:100%;max-width:none;padding:10px;box-sizing:border-box;}
#pgl-hero .pgl-gear-topband{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#6f0505 0%,#b62121 100%);border:1px solid rgba(255,215,0,.18);padding:10px 45px 10px 10px;}
#pgl-hero .pgl-gear-topband-img{width:80px;height:80px;overflow:hidden;flex:0 0 80px;background:rgba(0,0,0,.25);}
#pgl-hero .pgl-gear-topband-img img{width:100%;height:100%;object-fit:cover;display:block;}
#pgl-hero .pgl-gear-topband-title{margin:0;font-weight:700;color:#fff;font-size:20px;line-height:1.2;text-align:center;}
#pgl-hero .pgl-gear-mainrow{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.02);padding:6px 8px;justify-content:space-between;}
#pgl-hero .pgl-gear-mainrow-icon img{width:40px;object-fit:contain;display:block;filter:brightness(0)saturate(100%)invert(68%)sepia(85%)saturate(412%)hue-rotate(10deg)brightness(105%)contrast(103%);}
#pgl-hero .pgl-gear-mainrow-name{font-size:25px;color:#ffca00;font-weight:900;width:60%;}
#pgl-hero .pgl-gear-mainrow-val{font-size:35px;color:#ffca00;font-weight:900;}
#pgl-hero .pgl-gear-divider{width:90%;margin:0 auto;height:1px;background:linear-gradient(90deg,rgba(0,0,0,0)0%,rgba(255,215,0,.6)50%,rgba(0,0,0,0)100%);opacity:.6;}
#pgl-hero .pgl-gear-scroll{max-height:170px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-top:15px;padding-bottom:15px;scrollbar-width:thin;scrollbar-color:#ffca00 rgba(0,0,0,.2);}
#pgl-hero .pgl-gear-scroll::-webkit-scrollbar{width:8px;}
#pgl-hero .pgl-gear-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:10px;}
#pgl-hero .pgl-gear-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffea80 0%,#ffca00 50%,#a67600 100%);border-radius:10px;box-shadow:0 0 8px rgba(255,215,0,.5);}
#pgl-hero .pgl-gear-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff099 0%,#ffd700 50%,#b98600 100%);box-shadow:0 0 10px rgba(255,215,0,.7);}
#pgl-hero .pgl-gear-substats{display:flex;flex-direction:column;gap:6px;padding:10px 2px 20px 2px;}
#pgl-hero .pgl-gear-substat{padding:5px 15px;display:flex;gap:6px;}
#pgl-hero .pgl-gear-substat-icon{width:30px;object-fit:contain;flex:0 0 22px;}
#pgl-hero .pgl-gear-substat-meta{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;}
#pgl-hero .pgl-gear-substat-top{display:flex;justify-content:space-between;align-items:center;gap:10px;}
#pgl-hero .pgl-gear-substat-name{font-size:20px;color:#fff;}
#pgl-hero .pgl-gear-substat-val{font-size:20px;color:#fff;}
#pgl-hero .pgl-gear-substat-bar{height:10px;background:rgba(255,255,255,.03);border-radius:80px;overflow:hidden;}
#pgl-hero .pgl-gear-substat-fill{height:100%;display:block;background:linear-gradient(90deg,#4da9ff 0%,#9dd4ff 100%);}
#pgl-hero .pgl-gear-substat-fill.is-purple{background:linear-gradient(90deg,#b266ff 0%,#e0c4ff 100%);}
#pgl-hero .pgl-gear-substat-fill.is-yellow{background:linear-gradient(90deg,#ffe083 0%,#fff2bf 100%);}
#pgl-hero .pgl-gear-substat-fill.is-red{background:linear-gradient(90deg,#ff6a6a 0%,#ffb2b2 100%);box-shadow:0 0 8px rgba(255,106,106,.4);}
#pgl-hero .pgl-gear-block{padding:5px 6px 6px;}
#pgl-hero .pgl-gear-block-head{display:flex;gap:6px;align-items:center;margin-bottom:4px;background-color:rgb(85 85 85 / 30%);border-radius:12px;height:35px;}
#pgl-hero .pgl-gear-block-head img{width:40px;object-fit:contain;}
#pgl-hero .pgl-gear-block-title{font-size:20px;font-weight:600;color:#fff;}
#pgl-hero .pgl-gear-block-text{font-size:18px;color:rgba(255,255,255,.8);margin:0;line-height:1.3;padding:15px 15px 0px 15px;}
#pgl-hero .pgl-gear-substat-iconwrap{flex:0 0 22px;display:flex;align-items:center;}
#pgl-hero .pgl-gear-substat-body{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;}
#pgl-hero .pgl-gear-substat-head{display:flex;align-items:center;justify-content:space-between;gap:6px;}
/* Artifact column refined styling */
.pgl-builds-col--artifact{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:0;}
.pgl-artifact-container{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;padding:0;}
.pgl-artifact-link{display:block;line-height:0;transition:transform .4s ease;}
.pgl-artifact-link:hover{transform:scale(1.2);}
.pgl-artifact-img{width:120px;height:auto;display:block;margin:0 auto;}
.pgl-artifact-desc{text-align:center;font-size:.8rem;line-height:1.4;color:rgba(255,255,255,.8);max-width:240px;}
.pgl-artifact-container-empty{background:none;border:none;text-align:center;color:rgba(255,255,255,.4);font-size:.75rem;}
@media(max-width:1024px){#pgl-hero .pgl-builds-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:40px;}#pgl-hero .pgl-builds-col--left .pgl-builds-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}#pgl-hero .pgl-builds-col--right .pgl-builds-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}#pgl-hero .pgl-builds-col--artifact{display:flex;flex-direction:column;align-items:center;text-align:center;}}
/* =============================== */
/* Hero Ratings Layout (ACF Groups) */
/* =============================== */
#pgl-ratings.pgl-ratings-wrap{max-width:960px;margin:0 auto;}
#pgl-ratings .pgl-ratings-average{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 12px;font-weight:800;font-size:30px;color:#fff;line-height:1.1;}
#pgl-ratings .pgl-ratings-avg-stars .pgl-stars{font-size:30px;line-height:1;letter-spacing:2px;padding-bottom:3px;}
#pgl-ratings .pgl-ratings-avg-stars .pgl-star{line-height:1;vertical-align:middle;}
#pgl-ratings .pgl-ratings-grid{display:grid;grid-template-columns:repeat(3,320px);justify-content:center;justify-items:center;gap:20px;}
#pgl-ratings .pgl-rating-group{width:320px;}
#pgl-ratings .pgl-rating-group__title{display:block;width:100%;margin:0 0 8px!important;padding:0!important;text-align:center!important;color:#ffd700;font-weight:800;font-size:20px;line-height:1.15;}
#pgl-ratings .pgl-rating-rows{display:grid;grid-auto-rows:auto;gap:0;}
#pgl-ratings .pgl-rating-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:5px;padding:0;margin:0;line-height:1;}
#pgl-ratings .pgl-rating-label{display:flex;align-items:center;justify-content:flex-end;color:#e9edf9;font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;}
#pgl-ratings .pgl-rating-label__text::after{content:":";}
#pgl-ratings .pgl-rating-stars{display:flex;align-items:center;justify-content:flex-start;}
#pgl-ratings .pgl-rating-stars .pgl-stars{font-size:16px;letter-spacing:1.5px;line-height:1;padding-bottom:3px;}
#pgl-ratings .pgl-rating-stars .pgl-star{opacity:.3;line-height:1;vertical-align:middle;}
#pgl-ratings .pgl-rating-stars .pgl-star.is-on{color:#ffd700;opacity:1;}
@media(max-width:1024px){#pgl-ratings.pgl-ratings-wrap{max-width:100%;padding:0 12px;}#pgl-ratings .pgl-ratings-grid{grid-template-columns:repeat(auto-fill,minmax(260px,320px));justify-content:center;gap:16px;}#pgl-ratings .pgl-rating-group{width:auto;max-width:320px;}#pgl-ratings .pgl-rating-group__title{font-size:18px;}#pgl-ratings .pgl-rating-stars .pgl-stars{font-size:16px;}}
/* ====================================*/
/* Video Guides Official and Community */
/* =================================== */
#pgl-hero .pgl-vg-wrap{display:flex;flex-direction:column;gap:32px;padding:0 0 24px;}
@media(max-width:1024px){#pgl-hero .pgl-vg-wrap{padding:0 16px 24px;}}
#pgl-hero .pgl-vg-title{font-size:1.4rem;font-weight:700;margin-bottom:4px;color:#fff;}
#pgl-hero .pgl-vg-subtitle{font-size:.9rem;opacity:.85;}
#pgl-hero .pgl-vg-pros{display:flex;flex-direction:column;gap:16px;}
#pgl-hero .pgl-vg-pros-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:flex-start;}
#pgl-hero .pgl-vg-pros-grid--single{grid-template-columns:minmax(0,1fr);}
#pgl-hero .pgl-vg-featured.pgl-cinematic-btn,#pgl-hero .pgl-vg-row.pgl-cinematic-btn,#pgl-hero .pgl-vg-comm-card.pgl-cinematic-btn{border:0;padding:5px!important;margin:0;background:none;box-shadow:none;text-align:left;color:inherit;cursor:pointer;}
#pgl-hero .pgl-vg-featured{display:flex;flex-direction:column;gap:10px;padding-right:12px;}
#pgl-hero .pgl-vg-thumbwrap{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#000;border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,.85),0 0 10px rgba(255,215,0,.35);}
#pgl-hero .pgl-vg-thumb,#pgl-hero .pgl-vg-row-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.96;transition:transform .25s ease,opacity .25s ease;}
#pgl-hero .pgl-vg-featured:hover .pgl-vg-thumb,#pgl-hero .pgl-vg-row:hover .pgl-vg-row-thumb,#pgl-hero .pgl-vg-comm-card:hover .pgl-vg-thumb{transform:scale(1.06);opacity:1;}
#pgl-hero .pgl-vg-featured:hover .pgl-vg-thumbwrap,#pgl-hero .pgl-vg-row:hover .pgl-vg-row-thumbwrap,#pgl-hero .pgl-vg-comm-card:hover .pgl-vg-thumbwrap{box-shadow:0 0 0 rgba(255,215,0,0);}
#pgl-hero .pgl-vg-meta{font-size:.85rem;opacity:.85;}
#pgl-hero .pgl-vg-featured-title,#pgl-hero .pgl-vg-row-title,#pgl-hero .pgl-vg-comm-title{font-size:.95rem;font-weight:600;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;}
#pgl-hero .pgl-vg-featured-title{font-size:1.05rem;}
#pgl-hero .pgl-vg-list-wrap{display:flex;flex-direction:column;gap:10px;}
#pgl-hero .pgl-vg-list-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
#pgl-hero .pgl-vg-list-title{font-size:1rem;font-weight:600;color:#fff;}
#pgl-hero .pgl-vg-count{font-size:.8rem;opacity:.8;}
#pgl-hero .pgl-vg-list{flex:1 1 auto;max-height:320px;overflow-y:auto;padding-right:4px;}
#pgl-hero .pgl-vg-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;align-items:center;padding:6px 0;margin-bottom:10px;}
#pgl-hero .pgl-vg-row-thumbwrap{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#000;border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,.85),0 0 10px rgba(255,215,0,.35);}
#pgl-hero .pgl-vg-row-main{display:flex;flex-direction:column;gap:4px;}
#pgl-hero .pgl-vg-row-meta{font-size:.8rem;opacity:.8;}
#pgl-hero .pgl-vg-comm{display:flex;flex-direction:column;gap:12px;padding-bottom:6px;}
#pgl-hero .pgl-vg-comm-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
#pgl-hero .pgl-vg-hscroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:4px;}
#pgl-hero .pgl-vg-comm-card{flex:0 0 230px;display:flex;flex-direction:column;gap:6px;margin-bottom:10px;}
#pgl-hero .pgl-vg-comm-author{font-size:.85rem;opacity:.9;}
#pgl-hero .pgl-vg-list::-webkit-scrollbar,#pgl-hero .pgl-vg-hscroll::-webkit-scrollbar{width:6px;height:6px;}
#pgl-hero .pgl-vg-list::-webkit-scrollbar-thumb,#pgl-hero .pgl-vg-hscroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:3px;}
@media(max-width:1024px){
  #pgl-hero .pgl-vg-pros-grid{grid-template-columns:minmax(0,1fr);}
  #pgl-hero .pgl-vg-hscroll{display:block;overflow-x:visible;}
  #pgl-hero .pgl-vg-comm-card{flex:none;width:100%;display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;padding:6px 0;}
  #pgl-hero .pgl-vg-comm-card .pgl-vg-thumbwrap{grid-column:1;grid-row:1/span 2;}
  #pgl-hero .pgl-vg-comm-card .pgl-vg-comm-author,#pgl-hero .pgl-vg-comm-card .pgl-vg-comm-title{grid-column:2;}
}
.pgl-build-tabs {
    display: flex;
    justify-content: center;   /* centers buttons horizontally */
    gap: 20px;                 /* space BETWEEN buttons */
    margin-bottom: 25px;       /* space BELOW the button row */
    width: 100%;
}