/* De mockups/privacidad.html (mismo CSS). */
.lg{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(30px,6vw,110px);align-items:start}
.toc{position:sticky;top:110px;display:grid;gap:4px;border-left:1px solid var(--line);padding-left:18px}
.toc a{color:var(--dim);font-size:14px;padding:5px 0;transition:color .3s}
.toc a:hover,.toc a.on{color:var(--paper)}
.toc a.on{box-shadow:-19px 0 0 -18px var(--red)}
.doc{max-width:72ch}
.doc h2{font-family:var(--wide);font-stretch:125%;font-weight:700;text-transform:uppercase;font-size:clamp(18px,1.6vw,24px);letter-spacing:-.01em;margin:56px 0 16px;scroll-margin-top:110px}
.doc h2:first-of-type{margin-top:0}
.doc p,.doc li{color:var(--paper-2)}
.doc p+p{margin-top:1em}
.doc ul{margin:12px 0 0 20px;display:grid;gap:8px}
.note{border:1px dashed var(--line-2);padding:18px 20px;color:var(--dim);font-size:14px;margin-bottom:40px}
@media (max-width:860px){.lg{grid-template-columns:1fr}.toc{display:none}}