/* === Legal pages (privacy + terms) === */

.legal-hero{
  border-top: 1px solid #e2efe8;
  background:
    linear-gradient(180deg, rgba(223,238,231,.45), rgba(223,238,231,0)) 0 0 / 100% 54px no-repeat;
  padding-top: 8px;
}
.legal-hero h1{
  font-family: "Merriweather", serif;
  color: var(--hedge);
  margin: 8px 0 6px;
}
.legal-hero .updated{ color:#2a4439; margin: 0 0 10px; }
.legal-hero .lede{ max-width: 76ch; color:#2a4439; }

.legal-toc{
  margin-top: 12px;
  background: #ffffff;
  border: 1px solid #ecf3ef;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  padding: 12px 14px;
}
.legal-toc ol{
  margin: 0; padding-left: 18px;
  columns: 2; column-gap: 28px;
}
.legal-toc a{ text-decoration: none; color: var(--hedge); }
.legal-toc a:hover{ text-decoration: underline; }

.legal-section{
  padding: 16px 0;
  border-top: 1px solid #e2efe8;
}
.legal-section h2{
  font-family: "Merriweather", serif;
  color: var(--hedge);
  margin: 0 0 8px;
}
.legal-section p{ color:#2a4439; max-width: 76ch; }
.legal-section .bullets{ color:#2a4439; }

/* Responsive */
@media (max-width: 700px){
  .legal-toc ol{ columns: 1; }
}