/* STS v5.8.1 — readable typography and slightly larger platform UI */
:root{
  --sts-font-ui: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sts-font-display: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sts-base-size:17px;
}
html{font-size:var(--sts-base-size);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body,
button,
input,
select,
textarea{
  font-family:var(--sts-font-ui)!important;
}
body{font-size:1rem;line-height:1.5;letter-spacing:0}

/* General text readability */
p,.muted,.subtext,.meta,.description{line-height:1.55}
button,input,select,textarea{font-size:1rem}
input,select,textarea{min-height:44px}

/* Global navigation */
.sts-mock-header{min-height:72px}
.sts-mock-brand img{height:44px!important;width:auto!important}
.sts-mock-nav{gap:25px!important}
.sts-mock-nav>a,
.sts-mock-more-btn{
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.sts-mock-search{height:44px!important;min-width:280px}
.sts-mock-search input{font-size:15px!important}
.sts-mock-actions a,
.sts-mock-actions button{font-size:15px!important;min-height:44px;padding-inline:18px!important}

/* Homepage sidebar */
.sts-home-side-nav a,
.sts-home-sidebar a,
.sts-home-rail a,
.sts-mock-sidebar a{font-size:15px!important}
.sts-followed-heading,.sts-side-label{font-size:12px!important;letter-spacing:.06em!important}
.sts-followed-name,.sts-rail-name{font-size:14px!important;font-weight:700!important}
.sts-followed-game,.sts-rail-game{font-size:12px!important}

/* Homepage hero */
.sts-mock-hero h1,
.sts-home-hero h1,
.sts-featured-copy h1{
  font-family:var(--sts-font-display)!important;
  font-size:clamp(38px,3.4vw,64px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  font-weight:850!important;
}
.sts-mock-hero p,
.sts-home-hero p,
.sts-featured-copy p{font-size:16px!important;line-height:1.55!important}
.sts-mock-hero .sts-btn,
.sts-home-hero .sts-btn,
.sts-featured-copy .sts-btn,
.sts-mock-hero a[role="button"]{font-size:15px!important;min-height:46px!important;padding:11px 20px!important}

/* Section headings */
.sts-homepage h2,
.sts-mock-home h2,
.sts-home-main h2,
.discovery-section h2,
.sts-section-title{
  font-family:var(--sts-font-display)!important;
  font-size:clamp(24px,2vw,32px)!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  font-weight:800!important;
}
.sts-homepage .view-all,
.sts-mock-home .view-all,
.sts-section-link{font-size:14px!important;font-weight:700!important}

/* Stream, clip and category cards */
.sts-stream-card-title,
.sts-live-card-name,
.sts-channel-name,
.sts-card-title{font-size:15px!important;font-weight:750!important;line-height:1.3!important}
.sts-stream-card-category,
.sts-live-card-game,
.sts-channel-category,
.sts-card-meta{font-size:13px!important;line-height:1.4!important}
.sts-live-badge,.live-badge{font-size:12px!important;padding:4px 8px!important}
.sts-viewer-pill,.viewer-count{font-size:12px!important}
.sts-language-tag,.language-tag{font-size:11px!important;padding:3px 7px!important}
.sts-category-card-title,.sts-category-name{font-size:15px!important;font-weight:750!important}
.sts-clip-title{font-size:14px!important;font-weight:700!important}
.sts-clip-meta,.sts-clip-author{font-size:12px!important}

/* Discord-style link previews */
.sts-link-preview.sts-discord-embed{width:min(100%,580px);padding:15px 15px 15px 18px}
.sts-embed-site{font-size:14px!important}
.sts-embed-title{font-size:18px!important;line-height:1.35!important}
.sts-embed-copy p{font-size:16px!important;line-height:1.55!important}
.sts-embed-meta{font-size:13px!important}
.sts-discord-embed .sts-link-preview-stage{max-width:540px}

/* Forms, modals and dashboard cards */
.sts-panel h1,.sts-page-title,.dashboard-page h1{font-family:var(--sts-font-display)!important;letter-spacing:-.025em!important}
.sts-panel h2,.dashboard-card h2,.settings-card h2{font-size:1.35rem!important}
.sts-panel label,.form-group label,.field-label{font-size:.95rem!important;font-weight:700!important}
.sts-btn,.btn,button[type="submit"]{font-size:15px;min-height:44px}

@media(max-width:1100px){
  html{font-size:16px}
  .sts-mock-nav{gap:16px!important}
  .sts-mock-nav>a,.sts-mock-more-btn{font-size:14px!important}
  .sts-mock-search{min-width:220px}
}
@media(max-width:760px){
  html{font-size:16px}
  .sts-mock-header{min-height:62px}
  .sts-mock-brand img{height:38px!important}
  .sts-link-preview.sts-discord-embed{width:calc(100% - 16px);margin-inline:8px;padding:13px 12px 13px 15px}
  .sts-embed-title{font-size:17px!important}
  .sts-embed-copy p{font-size:15px!important}
  .sts-homepage h2,.sts-mock-home h2,.sts-home-main h2,.discovery-section h2,.sts-section-title{font-size:24px!important}
}