/* Legal/info pages — extends the live bdag-us.org design tokens.
   Loaded in addition to the inline <style> block each page carries
   for the nav/footer (kept inline to match index.html's pattern). */

.legal-hero{
  padding:64px 0 28px;
  border-bottom:1px solid var(--border);
}
.legal-hero .eyebrow{ margin-bottom:14px; }
.legal-hero h1{
  font-size:clamp(28px,4vw,40px);
  line-height:1.15;
  margin-bottom:10px;
}
.legal-hero .dek{
  color:var(--text-muted);
  font-size:15.5px;
  max-width:640px;
}
.legal-meta{
  font-family:var(--font-mono);
  font-size:12.5px;
  color:var(--text-dim);
  margin-top:16px;
}

.legal-body{
  padding:40px 0 80px;
  max-width:720px;
}
.legal-body h2{
  font-size:21px;
  margin:40px 0 14px;
  color:var(--text);
}
.legal-body h2:first-child{ margin-top:0; }
.legal-body h3{
  font-size:16px;
  margin:26px 0 10px;
  color:var(--mint);
  font-family:var(--font-body);
  font-weight:700;
}
.legal-body p{
  color:var(--text-muted);
  font-size:15px;
  line-height:1.7;
  margin-bottom:14px;
}
.legal-body p.lede{
  color:var(--text);
  font-size:16.5px;
}
.legal-body ul, .legal-body ol{
  color:var(--text-muted);
  font-size:15px;
  line-height:1.7;
  margin:0 0 18px 22px;
}
.legal-body li{ margin-bottom:6px; }
.legal-body strong{ color:var(--text); }
.legal-body a{ color:var(--green); border-bottom:1px solid rgba(126,217,87,0.35); }
.legal-body a:hover{ border-color:var(--green); }

.legal-body code, .legal-body .curl{
  display:block;
  font-family:var(--font-mono);
  font-size:12.5px;
  color:var(--mint);
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:10px;
  padding:14px 16px;
  margin-bottom:16px;
  overflow-x:auto;
  white-space:pre-wrap;
  word-break:break-all;
}

.legal-body blockquote{
  border-left:2px solid var(--green);
  padding:2px 0 2px 16px;
  color:var(--text-muted);
  font-size:14.5px;
  margin:0 0 18px;
}

.replace-flag{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:12.5px;
  font-weight:600;
  color:#1a1206;
  background:var(--copper);
  border-radius:6px;
  padding:2px 8px;
  white-space:nowrap;
}

.checklist{
  list-style:none;
  margin:0 0 18px 0;
}
.checklist li{
  display:flex; gap:10px; align-items:flex-start;
  color:var(--text-muted);
  margin-bottom:10px;
}
.checklist li::before{
  content:"—";
  color:var(--green);
  flex:none;
}

.source-entry{
  border:1px solid var(--border);
  border-radius:10px;
  padding:16px 18px;
  margin-bottom:14px;
  background:var(--surface);
}
.source-entry h3{ margin:0 0 6px; }
.source-entry p{ margin:0; font-size:14px; }

/* Extended footer disclosure block (site-wide, added above the existing
   .foot-tags row so the original footer markup is untouched) */
.foot-disclosure{
  font-size:13px;
  color:var(--text-dim);
  line-height:1.65;
  max-width:820px;
  margin-bottom:26px;
  padding-bottom:26px;
  border-bottom:1px solid var(--border);
}
.foot-disclosure strong{ color:var(--text-muted); }
.foot-legal-links{
  display:flex; flex-wrap:wrap; gap:4px 14px;
  font-size:13px;
  margin-bottom:8px;
}
.foot-legal-links a{ color:var(--text-muted); }
.foot-legal-links a:hover{ color:var(--green); }