/* Shared styling for the Tenden legal pages (privacy, terms).
   Same night-studio tokens as index.html, minus the animation machinery. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#101418;color:#E8ECF1;font-family:"Instrument Sans","Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:#7EE0C3;text-decoration:none}
a:hover{color:#A8ECD8}
.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 16px}

.nav{position:sticky;top:0;z-index:50;background:rgba(16,20,24,.86);backdrop-filter:blur(10px);border-bottom:1px solid #262D36}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;max-width:1216px;margin:0 auto;padding:0 16px}
.mark{display:flex;align-items:center;gap:9px;color:#E8ECF1}
.wordmark{font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",sans-serif;font-weight:700;font-size:20px;letter-spacing:-.02em}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;color:#8B95A3}
.nav-links a{color:#8B95A3}
.nav-links a:hover{color:#E8ECF1}

main{padding:56px 0 72px}
h1{font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",sans-serif;font-weight:700;font-size:clamp(32px,5vw,46px);line-height:1.08;letter-spacing:-.02em;margin:0 0 10px}
h2{font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",sans-serif;font-weight:700;font-size:21px;letter-spacing:-.01em;margin:38px 0 10px;color:#E8ECF1}
h3{font-size:16px;font-weight:600;margin:22px 0 6px;color:#E8ECF1}
p,li{color:#B6BFCB}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:20px}
li{margin:0 0 7px}
strong{color:#E8ECF1;font-weight:600}
.lede{font-size:18px;color:#8B95A3;margin-bottom:6px}
.updated{font-size:14px;color:#6E7887;margin:0 0 30px}
.note{border:1px solid #262D36;background:#171C22;border-radius:12px;padding:16px 18px;margin:0 0 22px}
.note p:last-child{margin-bottom:0}
.ph{color:#F2C46D;font-family:"JetBrains Mono",Consolas,monospace;font-size:13px}
table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}
th,td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid #262D36}
th{color:#E8ECF1;font-weight:600}
td{color:#B6BFCB}
.toc{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;margin:0 0 26px}

footer{border-top:1px solid #262D36;padding:28px 0 44px;margin-top:40px}
.foot-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1216px;margin:0 auto;padding:0 16px}
.foot-links{display:flex;align-items:center;gap:20px;font-size:14px;color:#8B95A3;flex-wrap:wrap}
.foot-links a{color:#8B95A3}
.foot-links a:hover{color:#E8ECF1}
.foot-abn{color:#6E7887;font-size:13px}

@media (max-width:560px){
  .nav-in{height:60px}
  .nav-links{gap:16px}
  main{padding:40px 0 56px}
}