/* Chattr — Privacy, Safety, Terms and Support pages (uses ui.css for tokens and controls). */
body{min-height:100vh;line-height:1.6}
.page{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:1040px;margin:0 auto;padding:12px 16px 56px}
.lnav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 12px;border-bottom:1px solid var(--line)}
.lnav::-webkit-scrollbar{display:none}
.lnav a{flex:none;padding:12px 10px;color:var(--mute);text-decoration:none;font-weight:500;border-bottom:2px solid transparent}
.lnav a:hover{color:var(--ink)}
.lnav a[aria-current=page]{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}
.lnav .home{display:none}
main{min-width:0;max-width:68ch;padding-top:20px;font:400 1.0625rem/1.65 var(--serif)}
h1{margin:0 0 .5em;font:700 clamp(1.8rem,5vw,2.4rem)/1.1 var(--serif);letter-spacing:-.02em}
h2{margin:1.9em 0 .4em;font:700 1.25rem/1.3 var(--serif);letter-spacing:-.01em}
p{margin:.6em 0}
ul{padding-left:1.25em;margin:.6em 0}
li{margin:.4em 0}
li::marker{color:var(--cursor)}
b{font-weight:700}
main a{color:var(--accent)}
.back{margin-top:2.6em;padding-top:1.2em;border-top:1px solid var(--line);color:var(--mute);font:400 .875rem/1.6 var(--sans)}
.back a{color:var(--mute)}
.back a:hover{color:var(--ink)}

/* support form */
.sf{margin-top:1.4em;padding:20px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);font:400 .9375rem/1.5 var(--sans)}
.sf label:first-child{margin-top:0}
.sf label span{font-weight:400;color:var(--mute)}
.pb{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:6px;min-height:46px;padding:0 18px;border:1px solid var(--accent);border-radius:var(--r-s);background:var(--accent);color:var(--accent-ink);font:600 1rem var(--sans);cursor:pointer}
.pb:hover{filter:brightness(1.1)}
.pb:disabled{opacity:.5;cursor:not-allowed}
#msg{margin:12px 0;min-height:1.4em;font-size:.9rem}
.ok{color:var(--ok)}.bad{color:var(--err)}
#th span{display:none}
@media (min-width:640px){#th span{display:inline}}

@media (min-width:900px){
  .page{grid-template-columns:176px minmax(0,1fr);column-gap:56px;padding:36px 32px 80px}
  .lnav{flex-direction:column;gap:2px;margin:0;padding:0;border-bottom:0;position:sticky;top:24px;align-self:start;overflow:visible}
  .lnav a{padding:8px 12px;border-bottom:0;border-radius:var(--r-s);border-left:2px solid transparent;border-radius:0 var(--r-s) var(--r-s) 0}
  .lnav a:hover{background:var(--accent-soft)}
  .lnav a[aria-current=page]{background:var(--accent-soft);border-left-color:var(--cursor)}
  .lnav .home{display:block;margin:14px 0 0;border-top:1px solid var(--line);border-radius:0;padding-top:14px}
  main{padding-top:0}
}
@media print{.top,.lnav,.back{display:none}.page{display:block;padding:0}body{background:#fff;color:#000}}