/* Wysem Terms page — standalone document styling. Reuses theme tokens from global.css. */
body.tos-page{
  margin:0;background:var(--bg);color:var(--text);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  line-height:1.65;-webkit-font-smoothing:antialiased;
}
.tos-header{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:14px 20px;background:var(--bg2);
  border-bottom:1px solid var(--border);backdrop-filter:blur(8px);
}
.tos-back{
  color:var(--accent2);text-decoration:none;font-weight:600;font-size:14px;
  padding:6px 4px;white-space:nowrap;
}
.tos-back:hover{color:var(--accent3);}
.tos-langs{display:flex;gap:6px;flex-wrap:wrap;}
.tos-lang-btn{
  background:var(--moc-bg);border:1px solid var(--border2);color:var(--text2);
  font-size:12px;font-weight:600;padding:6px 12px;border-radius:10px;cursor:pointer;
  font-family:inherit;transition:background .15s,color .15s;
}
.tos-lang-btn:hover{background:var(--glass2);color:var(--text);}
.tos-lang-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff;}
.tos-main{max-width:760px;margin:0 auto;padding:32px 22px 80px;}
.tos-title{font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0 0 24px;}
.tos-doc{font-size:14px;color:var(--text2);}
.tos-doc a{color:var(--accent2);}
.tos-doc h2,.tos-doc h3{color:var(--text);margin:26px 0 10px;}
@media(max-width:520px){
  .tos-main{padding:22px 16px 60px;}
  .tos-title{font-size:22px;}
}

/* S311 — the `hidden` attribute is defeated by any author `display` rule, which is why
   non-English sections could render when global.css was in play. Drive visibility with an
   explicit class instead, at a specificity that wins. */
.tos-doc{display:none;}
.tos-doc.tos-show{display:block;}