/* ==========================================================================
   VPNOh — legal-terms.css
   Page-scoped typography for the terms of service document.
   Only design tokens are referenced; no hard-coded colour values.
   ========================================================================== */

.prose .legal-updated{
  display:inline-flex;align-items:center;gap:8px;
  margin:12px 0 var(--sp-5);
  padding:5px 12px;
  border:1px solid var(--border);
  border-radius:var(--r-pill);
  background:var(--bg-panel);
  box-shadow:var(--hl-edge);
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--text-muted);
}
.prose .legal-updated i{
  width:7px;height:7px;border-radius:50%;
  background:var(--accent);flex:none;
}

.prose a{
  color:var(--accent);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.prose a:hover{color:var(--accent-dark)}

.prose .callout{margin-top:var(--sp-2)}
.prose .callout a{white-space:nowrap}

.prose .legal-close{
  margin-top:var(--sp-5);
  padding-top:var(--sp-4);
  border-top:1px solid var(--border);
  font-size:14.5px;
  color:var(--text-muted);
}
.prose .legal-close a{color:var(--accent)}

@media (max-width:640px){
  .prose .callout a{white-space:normal}
}