/* MOD Education — legal documents: one readable column (~70ch), numbered headings, tables only where they help. */
.legal{padding-top:72px;padding-bottom:112px}
.legal-head,.legal-body{max-width:70ch}
.legal-head{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--line)}
.legal-head h1{font-size:clamp(40px,4.6vw,58px)}
.legal-date{font-size:14px;color:var(--muted);margin:0 0 18px}
.legal-intro{font-size:19px;color:var(--muted)}
.legal-body{font-size:17px;line-height:1.7}
.legal-body h2{font-size:clamp(24px,2.4vw,30px);margin:52px 0 16px;display:flex;gap:14px;align-items:baseline}
.legal-body h2:first-child{margin-top:0}
.legal-body h2 span{font:600 .8em/1 var(--serif);color:var(--clay);min-width:1.6em;font-variant-numeric:lining-nums}
.legal-body h3{font-size:19px;margin:28px 0 8px;font-weight:600}
.legal-body p{margin:0 0 1.05em}
.legal-body a{word-break:break-word}
.legal-list{padding-left:18px;border-left:2px solid var(--leaf-soft)}
.legal-table{overflow-x:auto;margin:8px 0 22px}
.legal-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.legal-table th{text-align:left;font:700 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 14px 10px 0;border-bottom:1.5px solid var(--ink)}
.legal-table td{vertical-align:top;padding:12px 14px 12px 0;border-bottom:1px solid var(--line)}
.legal-table code{font:500 14px/1 ui-monospace,Menlo,monospace;background:var(--paper-2);padding:3px 6px;border-radius:5px;white-space:nowrap}
.legal-body code{font:500 15px/1 ui-monospace,Menlo,monospace}
@media print{
  .site-head,.site-foot,.sc,.sc-launch{display:none!important}
  html.js .reveal{opacity:1;transform:none}
  body{background:#fff}
}