/* legal.css — /privacidad: a quiet reading page in the site's stone and ember tokens. Footer styles come from descent.css. */

.legal-page { background: var(--stone-900); }

.legal { padding-block: clamp(3rem, 8vh, 6rem) clamp(3rem, 8vh, 5rem); }
html.js .legal { padding-top: calc(var(--nav-h, 64px) + clamp(1.5rem, 5vh, 3.5rem)); } /* below the fixed menu (nav.css) */
.legal__wrap { max-width: 46rem; }

.legal__back { margin-bottom: var(--s-6); font-size: var(--fs-small); }
.legal__back a { color: var(--bone-400); text-decoration: none; }
.legal__back a:hover, .legal__back a:focus-visible { color: var(--fire-8); }

.legal__title { font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.01em; }
.legal__updated { margin-top: var(--s-3); font-size: var(--fs-small); color: var(--bone-400); }
.legal__intro { margin-top: var(--s-5); font-size: var(--fs-lead); line-height: 1.5; color: var(--bone-100); }

.legal__sec { margin-top: var(--s-7); padding-top: var(--s-5); border-top: 1px solid rgba(192, 138, 62, .22); }
.legal__sec h2 { font-size: var(--fs-h3); line-height: 1.2; color: var(--fire-8); margin-bottom: var(--s-3); }
.legal__sec p { margin-top: var(--s-3); max-width: var(--measure-prose); }
.legal__sec p:first-of-type { margin-top: 0; }
.legal__sec ul { margin: var(--s-3) 0 0; display: grid; gap: var(--s-3); }
.legal__sec li { position: relative; padding-left: 1.3em; max-width: var(--measure-prose); }
.legal__sec li::before {
  content: ""; position: absolute; left: .15em; top: .7em; width: .42em; height: .42em;
  border-radius: 50%; background: var(--fire-6);
}
.legal__sec code {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: .88em;
  padding: .08em .4em; border-radius: var(--r-xs); background: var(--stone-750); color: var(--fire-9);
}
.legal a { color: var(--fire-8); text-underline-offset: .18em; }
.legal a:hover, .legal a:focus-visible { color: var(--fire-9); }