/* legal.css — moved out of a <style> block in terms.html and privacy.html by the 2026-10 round-3
   security pass, so soil/web/app.py's CSP can carry `style-src-elem` WITHOUT
   'unsafe-inline': an injected <style> element can no longer apply to this page.

   A per-page file rather than more lines in soil.css, deliberately: terms.html and privacy.html carried byte-identical blocks, and both redefine
   .legal-logo / .legal-nav a, which soil.css already defines -- appending would have
   made those two win app-wide.

   Same reasoning as round 2's inline-<script> removal (see app.py's CSP comment) --
   a file is auditable with one grep over the templates, where a nonce leaves every
   future inline block looking correct until someone forgets the attribute. */

.legal-shell {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 24px 96px;
}
.legal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}
.legal-logo {
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 1.3rem;
  color: var(--text-primary);
  text-decoration: none;
}
.legal-nav a {
  color: var(--text-secondary);
  text-decoration: none;
  font-size: .92rem;
  margin-left: 18px;
}
.legal-nav a:hover { color: var(--accent-text); }
.draft-banner {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: var(--warning-bg);
  border: 1px solid #f1d69a;
  color: var(--warning);
  border-radius: var(--radius-md);
  padding: 14px 18px;
  margin-bottom: 32px;
  font-size: .92rem;
  line-height: 1.5;
}
.draft-banner strong { color: var(--warning); }
.legal-shell h1 {
  font-size: 2rem;
  margin-bottom: 6px;
}
.legal-updated {
  color: var(--text-tertiary);
  font-size: .85rem;
  margin-bottom: 32px;
}
.legal-shell h2 {
  font-size: 1.15rem;
  margin-top: 36px;
  margin-bottom: 10px;
}
.legal-shell p, .legal-shell li {
  color: var(--text-secondary);
  line-height: 1.65;
}
.legal-shell ul {
  margin: 0 0 14px;
  padding-left: 20px;
}
.legal-shell li { margin-bottom: 6px; }
.legal-shell code {
  font-family: var(--font-mono);
  font-size: .85em;
  background: var(--raised-bg);
  padding: 1px 5px;
  border-radius:var(--radius-sm);
}
.todo {
  color: var(--danger);
  font-weight: 600;
}