/* Turningline Desktop — content/legal page styles.
   Loaded only on non-app pages (legal, contact, generic Pages). The main
   app.css is intentionally NOT used here because it forces a fixed,
   overflow-hidden app shell; content pages need normal document flow. */

:root{
  --tl-bg:#060a18;
  --tl-line:rgba(255,255,255,.105);
  --tl-text:#eef5ff;
  --tl-muted:#aebce0;
  --tl-cyan:#69ebff;
  --tl-violet:#b24cff;
}

html{ -webkit-text-size-adjust:100%; }
body.turningline-desktop-theme{
  margin:0;
  min-height:100vh;
  color:var(--tl-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.6;
  background:
    radial-gradient(circle at 10% 8%,rgba(59,130,246,.20),transparent 38%),
    radial-gradient(circle at 85% 12%,rgba(139,92,246,.22),transparent 36%),
    linear-gradient(135deg,#050817 0%,#09122a 46%,#0c1026 100%);
  background-attachment:fixed;
}
body.turningline-desktop-theme *{ box-sizing:border-box; }

/* ── Header ─────────────────────────────────────────────── */
.tl-wp-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  max-width:920px;
  margin:0 auto;
  padding:18px 22px;
}
.tl-wp-brand{
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  color:var(--tl-text);
}
.tl-wp-brand .tl-wp-mark{ color:var(--tl-cyan); display:grid; place-items:center; }
.tl-wp-brand strong{ font-size:22px; letter-spacing:1px; line-height:1; }
.tl-wp-brand small{ display:block; color:#a9b7dc; font-size:11px; margin-top:3px; letter-spacing:.2px; }
.tl-wp-back{
  flex:0 0 auto;
  text-decoration:none;
  color:#d6e1ff;
  font-size:13px;
  font-weight:700;
  padding:9px 14px;
  border:1px solid var(--tl-line);
  border-radius:999px;
  background:rgba(255,255,255,.05);
}
.tl-wp-back:hover{ border-color:rgba(52,217,255,.4); color:#fff; }

/* ── Content card ───────────────────────────────────────── */
.tl-wp-page{
  max-width:920px;
  margin:8px auto 28px;
  padding:0 22px;
}
.tl-wp-page article{
  border:1px solid var(--tl-line);
  border-radius:20px;
  background:rgba(9,18,42,.72);
  box-shadow:0 24px 80px rgba(0,0,0,.28);
  padding:34px 38px;
}
.tl-wp-page h1{
  margin:0 0 18px;
  font-size:clamp(28px,4.4vw,40px);
  line-height:1.08;
  letter-spacing:-.02em;
  color:#fff;
}
.tl-wp-page h2{
  margin:30px 0 10px;
  font-size:20px;
  color:var(--tl-cyan);
  letter-spacing:-.01em;
}
.tl-wp-page h3{ margin:22px 0 8px; font-size:16px; color:#dbe6ff; }
.tl-wp-page p{ margin:0 0 14px; color:#d6e1ff; }
.tl-wp-page em{ color:var(--tl-muted); }
.tl-wp-page strong{ color:#fff; }
.tl-wp-page a{ color:var(--tl-cyan); text-decoration:underline; }
.tl-wp-page a:hover{ color:#fff; }
.tl-wp-page ul,
.tl-wp-page ol{ margin:0 0 16px; padding-left:22px; color:#d6e1ff; }
.tl-wp-page li{ margin:6px 0; }
.tl-wp-page hr{ border:0; border-top:1px solid var(--tl-line); margin:26px 0; }
.tl-wp-page blockquote{
  margin:0 0 16px;
  padding:10px 16px;
  border-left:3px solid var(--tl-violet);
  background:rgba(255,255,255,.035);
  border-radius:0 10px 10px 0;
  color:#cdd9f5;
}
.tl-wp-page table{ width:100%; border-collapse:collapse; margin:0 0 16px; }
.tl-wp-page th,
.tl-wp-page td{ border:1px solid var(--tl-line); padding:8px 10px; text-align:left; }

/* ── Footer legal bar ───────────────────────────────────── */
.tl-wp-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px 18px;
  max-width:920px;
  margin:0 auto;
  padding:18px 22px 40px;
  font-size:12px;
}
.tl-wp-foot a{ color:#b9c7ea; text-decoration:none; }
.tl-wp-foot a:hover{ color:var(--tl-cyan); text-decoration:underline; }
.tl-wp-foot .tl-wp-copy{ color:#7d8cb2; }

@media (max-width: 640px){
  .tl-wp-page article{ padding:24px 20px; }
  .tl-wp-header{ padding:14px 16px; }
  .tl-wp-page{ padding:0 16px; }
  .tl-wp-foot{ padding:16px 16px 32px; gap:6px 12px; }
}