/* Legal documents — terms.html, privacy.html.
   Generated pages; edit docs/legal/*.md and rerun scripts/build-legal-pages.mjs.
   Colours come from the tokens in aevum.css so both themes follow the toggle. */

.legal{ padding:64px 0 96px; }
.legal-doc{ max-width:68ch; margin:0 auto; }

.legal-intro p{
  font-family:'EB Garamond', Georgia, serif;
  font-size:18px; line-height:1.7; color:var(--fg);
  margin:0 0 16px;
}
.legal-intro strong{ font-weight:500; }

/* The standing note about the summaries. Marked as an aside, not a clause. */
.legal-note{
  font-family:'EB Garamond', Georgia, serif;
  font-style:italic; font-size:15px; line-height:1.6;
  color:var(--fg-soft);
  border-left:2px solid var(--accent);
  padding:10px 0 10px 16px;
  margin:28px 0 40px;
}

.legal-index{
  display:flex; flex-wrap:wrap; gap:6px 18px;
  padding:22px 0; margin-bottom:16px;
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
}
.legal-index a{
  font-family:'JetBrains Mono', monospace;
  font-size:11px; letter-spacing:.08em;
  color:var(--fg-soft); text-decoration:none;
}
.legal-index a:hover{ color:var(--accent); }

.legal-sec{
  /* Clears the fixed nav when an index link jumps here. */
  scroll-margin-top:96px;
  padding-top:38px;
}
.legal-sec h2{
  font-family:'Cormorant Garamond', Georgia, serif;
  font-style:italic; font-weight:500;
  font-size:30px; line-height:1.15; color:var(--fg);
  margin:0 0 14px;
}

/* The one distinctive device on the page: a plain-English gist, set apart so it
   reads as commentary. The clause under it is what binds — said once, up top. */
.legal-gist{
  font-family:'EB Garamond', Georgia, serif;
  font-style:italic; font-size:16px; line-height:1.55;
  color:var(--fg-soft);
  background:var(--surf-2);
  border-left:2px solid var(--accent);
  border-radius:0 2px 2px 0;
  padding:12px 18px;
  margin:0 0 20px;
}

.legal-sec p{
  font-family:'EB Garamond', Georgia, serif;
  font-size:17px; line-height:1.65; color:var(--fg);
  margin:0 0 14px;
}
.legal-sec strong{ font-weight:500; color:var(--fg); }
.legal-sec ul{ margin:0 0 14px; padding-left:20px; }
.legal-sec li{
  font-family:'EB Garamond', Georgia, serif;
  font-size:17px; line-height:1.65; color:var(--fg);
  margin-bottom:7px;
}

.legal-foot{
  font-family:'EB Garamond', Georgia, serif;
  font-style:italic; font-size:15px; color:var(--fg-soft);
  border-top:1px solid var(--hairline);
  margin-top:52px; padding-top:24px;
}

.legal a:focus-visible,
.legal-index a:focus-visible{
  outline:2px solid var(--accent); outline-offset:3px; border-radius:1px;
}

@media (max-width:720px){
  .legal{ padding:40px 0 64px; }
  .legal-sec h2{ font-size:25px; }
  .legal-intro p{ font-size:17px; }
  .legal-sec p, .legal-sec li{ font-size:16px; }
}