/* ---------------------------------------------------------
   RajeCalendar — Legal page prose styles
   Depends on the CSS custom properties defined in css/styles.css
   (--paper, --paper-raised, --ink, --ink-soft, --navy, --navy-deep,
   --maroon, --gold, --line, --line-soft, --serif, --sans, --mono).
   Load styles.css before this file.
--------------------------------------------------------- */

.legal-hero{
  padding:44px 0 8px;
  border-bottom:1px solid var(--line);
  margin-bottom:8px;
}
.legal-hero .eyebrow{margin-bottom:12px;}
.legal-hero h1{
  font-family:var(--serif);font-weight:700;
  font-size:clamp(28px,3.6vw,40px);line-height:1.15;
  color:var(--navy-deep);margin:0 0 10px;
}
.legal-hero .updated{
  font-family:var(--mono);font-size:12.5px;color:var(--ink-soft);margin-bottom:24px;
}

.legal-body{
  /* max-width:78ch; */
  padding:32px 0 64px;
}
.legal-body h2{
  font-family:var(--serif);font-size:21px;color:var(--navy-deep);
  margin:36px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--maroon);
}
.legal-body h2:first-child{margin-top:0;}
.legal-body h3{
  font-family:var(--sans);font-size:15px;font-weight:700;color:var(--ink);
  margin:22px 0 8px;
}
.legal-body p{
  font-size:14.5px;line-height:1.7;color:var(--ink-soft);margin:0 0 14px;
}
.legal-body p strong{color:var(--ink);}
.legal-body ul, .legal-body ol{
  margin:0 0 16px;padding-left:22px;
}
.legal-body li{
  font-size:14.5px;line-height:1.7;color:var(--ink-soft);margin-bottom:6px;
}
.legal-body a{color:var(--maroon);text-decoration:underline;text-decoration-color:var(--line);}
.legal-body a:hover{text-decoration-color:var(--maroon);}
.legal-body .callout{
  margin:20px 0;padding:14px 16px;border-left:3px solid var(--gold);
  background:#FBF6EB;font-size:13.5px;color:var(--ink-soft);
}
.legal-body .callout strong{color:var(--ink);}

.legal-nav-links{
  display:flex;gap:18px;flex-wrap:wrap;
  margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--line);
}
.legal-nav-links a{
  font-family:var(--sans);font-size:14px;font-weight:600;
  color:var(--ink-soft);text-decoration:none;padding-bottom:2px;
  border-bottom:1px solid transparent;
}
.legal-nav-links a.active{color:var(--maroon);border-bottom-color:var(--maroon);}
.legal-nav-links a:hover{color:var(--maroon);}