body{
  max-width:760px;margin:0 auto;padding:0 20px 80px;
  font-family:var(--f-body);color:var(--ink);background:var(--bg);
  line-height:1.85
}


.legal-top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 0;margin-bottom:34px;
  border-bottom:1px solid var(--line)
}
.legal-brand{
  display:inline-flex;align-items:center;gap:10px;min-height:44px;
  font-weight:700;font-size:16px;color:var(--ink);text-decoration:none
}
.legal-brand img{width:30px;height:30px;display:block}
.back{
  display:inline-flex;align-items:center;min-height:44px;
  color:var(--brand);font-weight:600;text-decoration:none;font-size:14px
}


h1{
  font-family:var(--f-lat);font-weight:500;letter-spacing:-.01em;
  font-size:clamp(28px,5vw,36px);line-height:1.2;margin-bottom:6px
}
h2{
  font-family:var(--f-lat);font-weight:500;
  font-size:22px;margin:38px 0 10px;scroll-margin-top:20px
}
.updated{color:var(--ink-faint);font-size:12px;margin-bottom:28px}


.legal-toc{
  background:var(--bg-2);border:1px solid var(--line);
  border-radius:var(--r-m);padding:14px 16px;margin:0 0 30px
}
.legal-toc b{
  display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:8px;font-family:var(--f-num)
}
.legal-toc ol{margin:0;padding-inline-start:18px;display:grid;gap:2px}

.legal-toc a{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:14px;color:var(--brand-text);text-decoration:none
}
.legal-toc a:hover{text-decoration:underline}

a{color:var(--brand)}
a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px}


section[dir="rtl"]{
  margin-top:56px;padding-top:34px;
  border-top:1px solid var(--line);text-align:right
}


.todo{
  background:var(--brand-wash);border:1px dashed var(--brand);
  border-radius:var(--r-m);padding:12px 16px;font-size:14px;
  color:var(--brand-deep);margin:20px 0
}