.s8tv-page--content-hub{max-width:1480px;margin:0 auto;padding:34px 28px 56px}.s8tv-public-nav a.is-active{color:#0fa965}.s8tv-public-nav a.is-active:after{transform:scaleX(1)}
.s8tv-content-hub{display:flex;flex-direction:column;gap:22px}.s8tv-content-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:38px 42px;border:1px solid #dceee7;border-radius:28px;background:radial-gradient(circle at 88% 5%,rgba(42,203,149,.18),transparent 30%),linear-gradient(135deg,#f4fff9 0%,#ecfbf5 52%,#eef9ff 100%);box-shadow:0 20px 55px rgba(21,93,68,.08)}.s8tv-content-hero>div{max-width:760px}.s8tv-content-hero span{display:inline-flex;color:#12a966;font-size:12px;font-weight:900;letter-spacing:.11em}.s8tv-content-hero h1{margin:8px 0 10px;color:#0b3026;font-size:clamp(36px,5vw,64px);line-height:.98;letter-spacing:-.05em}.s8tv-content-hero p{margin:0;color:#66847a;font-size:16px;line-height:1.7}.s8tv-content-hero nav{display:flex;gap:10px;flex-wrap:wrap}.s8tv-content-hero nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #cfe8df;border-radius:14px;background:#fff;color:#24473d;text-decoration:none;font-size:14px;font-weight:800;transition:.2s}.s8tv-content-hero nav a:hover,.s8tv-content-hero nav a.is-active{border-color:#18bd75;background:#18bd75;color:#fff;box-shadow:0 10px 22px rgba(24,189,117,.2)}
.s8tv-content-note{padding:13px 16px;border:1px solid #dceee7;border-radius:14px;background:#fffdf1;color:#806f27;font-size:13px;font-weight:700}.s8tv-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.s8tv-content-card{overflow:hidden;border:1px solid #dceae5;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(25,76,58,.07);transition:transform .22s ease,box-shadow .22s ease}.s8tv-content-card:hover{transform:translateY(-4px);box-shadow:0 24px 46px rgba(25,76,58,.12)}.s8tv-content-card--featured{grid-column:span 2;display:grid;grid-template-columns:1.15fr .85fr}.s8tv-content-card__media{position:relative;display:block;min-height:220px;overflow:hidden;background:linear-gradient(135deg,#0c6e4d,#27c98b)}.s8tv-content-card--featured .s8tv-content-card__media{min-height:390px}.s8tv-content-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.s8tv-content-card:hover .s8tv-content-card__media img{transform:scale(1.035)}.s8tv-content-card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.86);font-size:22px;font-weight:900;letter-spacing:.04em}.s8tv-content-card__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.92);color:#11a968;font-style:normal;box-shadow:0 12px 35px rgba(0,0,0,.2)}.s8tv-content-card__body{padding:22px}.s8tv-content-card--featured .s8tv-content-card__body{display:flex;flex-direction:column;justify-content:center;padding:34px}.s8tv-content-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.s8tv-content-card__meta span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8faf2;color:#0ca661;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.s8tv-content-card__meta time{color:#8aa096;font-size:12px;font-weight:700}.s8tv-content-card h2{margin:0 0 12px;color:#102f27;font-size:22px;line-height:1.35;letter-spacing:-.02em}.s8tv-content-card--featured h2{font-size:34px}.s8tv-content-card h2 a{color:inherit;text-decoration:none}.s8tv-content-card p{margin:0 0 18px;color:#6d857d;font-size:14px;line-height:1.65}.s8tv-content-card__read{display:inline-flex;align-items:center;gap:8px;color:#0ca661;text-decoration:none;font-size:13px;font-weight:900}.s8tv-content-card__read span{font-size:18px}.s8tv-content-pagination{display:flex;justify-content:center;gap:8px;margin-top:4px}.s8tv-content-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border:1px solid #d8eae3;border-radius:12px;background:#fff;color:#245047;text-decoration:none;font-weight:800}.s8tv-content-pagination .current,.s8tv-content-pagination a:hover{border-color:#18bd75;background:#18bd75;color:#fff}.s8tv-content-empty{padding:54px 28px;text-align:center;border:1px dashed #cfe7de;border-radius:22px;background:#fff}.s8tv-content-empty strong{display:block;color:#11382d;font-size:24px}.s8tv-content-empty p{margin:10px 0 0;color:#718c83}
@media(max-width:1100px){.s8tv-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s8tv-content-card--featured{grid-column:span 2}.s8tv-content-hero{align-items:flex-start;flex-direction:column}.s8tv-content-hero nav{width:100%}}
@media(max-width:760px){.s8tv-page--content-hub{padding:20px 14px 38px}.s8tv-content-hero{padding:28px 22px;border-radius:22px}.s8tv-content-hero h1{font-size:42px}.s8tv-content-grid{grid-template-columns:1fr;gap:16px}.s8tv-content-card--featured{grid-column:auto;display:block}.s8tv-content-card--featured .s8tv-content-card__media{min-height:240px}.s8tv-content-card--featured .s8tv-content-card__body{padding:22px}.s8tv-content-card--featured h2{font-size:25px}.s8tv-content-card__media{min-height:210px}}


/* v0.8.8.9: harden standalone hub layout against theme/global CSS collisions */
html body.s8tv-content-hub-page{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html body.s8tv-content-hub-page .s8tv-public-site{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
}
html body.s8tv-content-hub-page .s8tv-public-header,
html body.s8tv-content-hub-page .s8tv-public-ticker,
html body.s8tv-content-hub-page .s8tv-public-footer{
  width:100%!important;
  max-width:none!important;
}
html body.s8tv-content-hub-page .s8tv-public-header__inner,
html body.s8tv-content-hub-page .s8tv-public-ticker__inner,
html body.s8tv-content-hub-page .s8tv-public-footer__inner{
  width:min(1600px,calc(100vw - 48px))!important;
  max-width:none!important;
}
html body.s8tv-content-hub-page .s8tv-page--content-hub{
  width:min(1480px,calc(100vw - 48px))!important;
  max-width:none!important;
}
@media(max-width:760px){
  html body.s8tv-content-hub-page .s8tv-public-header__inner,
  html body.s8tv-content-hub-page .s8tv-public-ticker__inner,
  html body.s8tv-content-hub-page .s8tv-public-footer__inner,
  html body.s8tv-content-hub-page .s8tv-page--content-hub{
    width:calc(100vw - 24px)!important;
  }
}