/* STS v5.8.2 — authoritative readable UI
   Loaded LAST. Targets the real v402/v403 homepage selectors that previously
   forced 7–12px text and overrides them with readable Segoe UI typography. */
:root{
  --sts-ui-font:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --sts-ui-purple:#8f35ff;
}
html{
  font-size:16px!important;
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body.streamx-v5.twitch-v53,
html body.streamx-v5.twitch-v53 *:not(code):not(pre):not(.fa):not([class*="icon-"]){
  font-family:var(--sts-ui-font)!important;
  letter-spacing:normal!important;
}
html body.streamx-v5.twitch-v53{font-size:16px!important;line-height:1.45!important}

/* Header */
html body.streamx-v5.twitch-v53 header.sts-mockup-header{height:82px!important;min-height:82px!important}
html body.streamx-v5.twitch-v53 .sts-mock-brand{flex-basis:226px!important;width:226px!important;height:54px!important}
html body.streamx-v5.twitch-v53 .sts-mock-brand img{width:226px!important;height:54px!important}
html body.streamx-v5.twitch-v53 .sts-mock-nav{gap:27px!important}
html body.streamx-v5.twitch-v53 .sts-mock-nav>a,
html body.streamx-v5.twitch-v53 .sts-mock-more-btn{font-size:15px!important;font-weight:650!important}
html body.streamx-v5.twitch-v53 .sts-mock-nav>a.is-active:after{bottom:14px!important}
html body.streamx-v5.twitch-v53 .sts-mock-search{height:45px!important}
html body.streamx-v5.twitch-v53 .sts-mock-search input{font-size:14px!important}
html body.streamx-v5.twitch-v53 .sts-mock-search button{height:43px!important;font-size:19px!important}
html body.streamx-v5.twitch-v53 .sts-mock-actions .tw-btn{height:45px!important;min-width:80px!important;font-size:14px!important;padding:0 18px!important}
html body.streamx-v5.twitch-v53 .sts-mock-actions .tw-btn.primary{min-width:90px!important}

/* Sidebar */
html body.streamx-v5.twitch-v53 main.page.v5-page>.sts402-shell.sts403-fullscreen{grid-template-columns:224px minmax(0,1fr)!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-sidebar{width:224px!important;min-width:224px!important;top:110px!important;height:calc(100vh - 110px)!important;padding:19px 16px 22px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-side-nav>a{height:46px!important;min-height:46px!important;font-size:15px!important;font-weight:600!important;padding:0 13px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-side-nav>a span{font-size:19px!important;margin-right:10px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-side-title{font-size:11px!important;margin-top:19px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-followed>a{grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important;padding:7px 2px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-followed img{width:38px!important;height:38px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-followed b{font-size:13px!important;line-height:1.25!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-followed small{font-size:11px!important;line-height:1.3!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-followed em{font-size:11px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-show-more{height:41px!important;font-size:13px!important}

/* Content + hero */
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-content{padding:18px 20px 34px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-hero{height:350px!important;min-height:350px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-hero-copy{width:510px!important;padding:34px 58px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-live-badge{font-size:12px!important;padding:5px 9px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-hero h1{font-size:clamp(38px,3vw,54px)!important;line-height:1.02!important;font-weight:800!important;letter-spacing:-.035em!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-hero-meta{font-size:15px!important;gap:9px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-hero-copy>p{max-width:410px!important;font-size:16px!important;line-height:1.5!important;margin:14px 0 20px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-hero-actions a{height:46px!important;min-height:46px!important;font-size:15px!important;font-weight:650!important;padding:0 20px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-arrow{width:38px!important;height:38px!important;font-size:25px!important}

/* Section headings */
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-section{margin-top:18px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-heading{margin-bottom:11px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-heading h2{font-size:25px!important;line-height:1.2!important;font-weight:750!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-heading a{font-size:13px!important;font-weight:650!important}

/* Live cards */
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-live-grid{gap:15px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-live-thumb>i{font-size:11px!important;padding:4px 7px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-live-thumb>em{font-size:11px!important;padding:4px 7px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-card-info{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding-top:9px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-card-info>img{width:38px!important;height:38px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-card-info b{font-size:14px!important;line-height:1.25!important;font-weight:700!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-card-info small{font-size:12px!important;line-height:1.3!important;margin-top:3px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-card-info label{font-size:10px!important;padding:3px 7px!important;margin-top:5px!important}

/* Categories + clips */
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-discovery-grid{gap:25px!important;margin-top:12px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-cat-grid{gap:10px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-cat-grid>a{height:145px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-cat-grid b{font-size:13px!important;bottom:30px!important;left:9px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-cat-grid small{font-size:11px!important;left:9px!important;bottom:10px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-clips-grid{gap:12px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-clips-grid span i,
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-clips-grid span b,
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-clips-grid span em{font-size:10px!important;padding:4px 6px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-clips-grid strong{font-size:13px!important;line-height:1.3!important;margin-top:7px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-clips-grid small{font-size:11px!important;line-height:1.3!important}

/* Bottom benefits */
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-benefits{padding:13px 0!important;margin-top:22px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-benefits>a{min-height:52px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-benefits>a>span{font-size:28px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-benefits b{font-size:13px!important}
html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-benefits small{font-size:11px!important}

/* URL embeds and general UI */
html body.streamx-v5.twitch-v53 .sts-embed-site{font-size:14px!important}
html body.streamx-v5.twitch-v53 .sts-embed-title{font-size:19px!important;line-height:1.35!important}
html body.streamx-v5.twitch-v53 .sts-embed-copy p{font-size:16px!important;line-height:1.55!important}
html body.streamx-v5.twitch-v53 .sts-embed-meta{font-size:13px!important}
html body.streamx-v5.twitch-v53 button,
html body.streamx-v5.twitch-v53 input,
html body.streamx-v5.twitch-v53 select,
html body.streamx-v5.twitch-v53 textarea{font-size:15px!important}

@media(max-width:1500px){
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-live-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-live-card:nth-child(n+5){display:none!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-clips-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-clips-grid>a:nth-child(n+5){display:none!important}
}
@media(max-width:1180px){
  html body.streamx-v5.twitch-v53 header.sts-mockup-header{grid-template-columns:minmax(500px,1fr) minmax(210px,280px) auto!important;padding-inline:18px!important}
  html body.streamx-v5.twitch-v53 .sts-mock-nav{gap:16px!important;margin-left:22px!important}
  html body.streamx-v5.twitch-v53 .sts-mock-nav>a{font-size:13px!important}
  html body.streamx-v5.twitch-v53 main.page.v5-page>.sts402-shell.sts403-fullscreen{grid-template-columns:190px minmax(0,1fr)!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-sidebar{width:190px!important;min-width:190px!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-live-card:nth-child(n+4){display:none!important}
}
@media(max-width:760px){
  html{font-size:16px!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-content{padding:10px 11px 88px!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-hero{height:330px!important;min-height:330px!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-hero-copy{width:100%!important;padding:25px 38px!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-hero h1{font-size:32px!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-heading h2{font-size:22px!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-live-grid{grid-template-columns:1fr!important}
  html body.streamx-v5.twitch-v53 .sts403-fullscreen .sts402-live-card:nth-child(n+2){display:none!important}
}