/* ForeverTrail — styling for the standalone legal/policy pages
   (terms.html, privacy.html, community-guidelines.html). Loaded
   alongside the shared css/style.css, same pattern as landing.css. */

.legal-page{
  max-width:720px;
  margin:0 auto;
  padding:3rem 1.5rem 4.5rem;
  flex:1;
}
.legal-page h1{
  font-size:1.85rem;
  line-height:1.25;
  margin-bottom:1.4rem;
}
.legal-page h2{
  font-size:1.2rem;
  margin:2.2rem 0 0.75rem;
}
.legal-page p{
  line-height:1.7;
  margin:0 0 1rem;
}
.legal-page ul{
  line-height:1.7;
  margin:0 0 1.2rem;
  padding-left:1.3rem;
}
.legal-page li{ margin-bottom:0.55rem; }
.legal-page strong{ color:var(--ink); }
.legal-page em{ color:var(--ink-dim); }
.legal-page a{ color:var(--moss-dark); font-weight:600; }
.legal-page a:hover{ color:var(--moss); }

/* the "DRAFT — not reviewed by an attorney" notice at the top of
   every one of these documents (a markdown blockquote in the
   source) — deliberately visible, not hidden away, while the
   private beta is running. */
.legal-page blockquote{
  margin:0 0 1.8rem;
  padding:0.85rem 1.1rem;
  background:var(--amber-soft);
  border-left:3px solid var(--amber-dark);
  border-radius:var(--radius-sm);
  font-size:0.86rem;
  color:var(--ink);
}
.legal-page blockquote p{ margin:0; }
.legal-page blockquote strong{ color:var(--amber-dark); }

.legal-page-header{
  padding:0.85rem 1.4rem;
  background:var(--surface);
  border-bottom:1px solid var(--line);
}
.legal-page-header a{
  font-family:'Public Sans', sans-serif;
  font-size:0.85rem;
  font-weight:600;
  color:var(--ink-dim);
  text-decoration:none;
}
.legal-page-header a:hover{ color:var(--ink); }

/* Overrides the shared html,body{height:100%} rule (css/style.css) —
   that rule is meant for the app shell, where header+map fill exactly
   one viewport and nothing scrolls past it. These are long documents,
   so the body needs to grow with their content instead of being
   capped at one screen's height, or .site-footer ends up overlapping
   whatever content overflowed that fixed height instead of following
   it. */
body.legal-page-body{ display:flex; flex-direction:column; height:auto; min-height:100%; }