/* ============================================================
   Amir Institute — css/legal.css
   Shared stylesheet for privacy.html, accessibility.html and
   terms.html. Loaded after css/site.css.
   ============================================================ */
.legal .wrap{max-width:860px}
.legal-body{font-size:1.02rem;line-height:1.75}
.legal-body h2{font-size:clamp(1.3rem,2.3vw,1.72rem);margin:clamp(34px,4vw,52px) 0 14px}
.legal-body h2:first-of-type{margin-top:0}
.legal-body p{margin-bottom:1.05em}
.legal-body a{color:var(--green-700);font-weight:600;text-decoration:underline;
  text-underline-offset:2px}
.legal-body a:hover{color:var(--green-800)}
.legal-updated{font-size:.84rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--muted);margin-bottom:clamp(26px,3vw,38px)}

/* an honest flag where the wording still needs a lawyer */
.legal-flag{background:var(--gold-soft);border-left:4px solid var(--gold);
  border-radius:var(--r);padding:clamp(18px,2.2vw,26px) clamp(20px,2.4vw,30px);
  margin-bottom:clamp(30px,3.6vw,44px)}
.legal-flag b{display:block;color:#241705;margin-bottom:7px;font-size:1.02rem}
.legal-flag p{margin:0;color:#3A2606;font-size:.96rem}
.legal-flag a{color:#241705}

.legal-list{list-style:none;margin:0 0 1.05em;padding:0;display:grid;gap:14px}
.legal-list li{display:flex;gap:12px;align-items:flex-start}
.legal-list li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;
  background:var(--gold);margin-top:.62em}
.legal-list b{color:var(--ink)}