/* Wysem Finance upcoming legal page — standalone temporary deployment */
:root{
  color-scheme:dark;
  --bg:#0c0907;
  --bg2:#15120f;
  --text:#f5f2ef;
  --text2:#c8c5c2;
  --text3:#8e8e93;
  --border:#2a2018;
  --border2:#3b2c21;
  --glass2:#211a15;
  --moc-bg:#12100e;
  --accent:#f2741d;
  --accent2:#ff9a4d;
  --accent3:#ffb26b;
}
*{box-sizing:border-box;}
html{background:var(--bg);color:var(--text);}
body{min-height:100vh;}
button,a{font:inherit;}
button{appearance:none;-webkit-appearance:none;}
::selection{background:rgba(242,116,29,.28);color:#fff;}

/* 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:flex-end;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;}
/* Proposed (Terms paging): the document buttons and pager reuse the language-button look. */
.tos-lang-btn,.tos-doc-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,.tos-doc-btn:hover{background:var(--glass2);color:var(--text);}
.tos-lang-btn.is-active,.tos-doc-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;}

/* Proposed (Terms paging) — Terms of Service and Privacy Policy as two pages of one document.
   Visibility is a class, never `hidden` (bug class 10). Print shows both pages. */
.tos-docnav{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 24px;}
.tos-docnav .tos-doc-btn{font-size:13px;padding:8px 14px;}
.tos-part{display:none;}
.tos-part.tos-show{display:block;}
.tos-part h2:focus{outline:none;}
.tos-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:32px 0 0;padding-top:18px;border-top:1px solid var(--border);}
.tos-pager-num{font-size:12px;font-weight:600;color:var(--text3);}
.tos-pager-gap{flex:0 0 1px;}
@media(max-width:520px){
  .tos-pager{justify-content:center;}
  .tos-pager-num{order:-1;flex-basis:100%;text-align:center;}
  .tos-pager-gap{display:none;}
}
@media print{
  .tos-part{display:block !important;}
  .tos-header,.tos-docnav,.tos-pager{display:none !important;}
}

/* Standalone-preview polish */
.tos-header{background:rgba(21,18,15,.94);}
.tos-main{width:100%;}
.tos-title{color:var(--text);}
.tos-doc{line-height:1.72;}
.tos-doc strong{color:var(--text);}
.tos-doc ul{color:var(--text2);}
.tos-docnav{padding-bottom:2px;}

@media(max-width:520px){
  .tos-header{padding:12px 14px;}
  .tos-langs{width:100%;justify-content:flex-end;}
}