/* Typography for the legal documents. Deliberately plain: these pages are read,
   not browsed, and they must stay legible on a small phone screen. */
*{box-sizing:border-box}
body.doc{margin:0;background:#f8fafc;color:#0f172a;
  font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;padding:0 0 32px}
.doc main{max-width:760px;margin:0 auto;padding:32px 16px 8px}
.doc h1{font-size:28px;line-height:1.2;margin:0 0 24px}
.doc h2{font-size:20px;margin:32px 0 8px}
.doc h3{font-size:17px;margin:24px 0 6px}
.doc p{margin:0 0 12px}
.doc dl{display:grid;gap:0;margin:0 0 24px;border-top:1px solid #e2e8f0}
.doc dt{font-size:13px;font-weight:600;color:#64748b;padding:12px 0 0}
.doc dd{margin:0;padding:0 0 12px;border-bottom:1px solid #e2e8f0}
@media(min-width:640px){
  .doc dl{grid-template-columns:1fr 2fr}
  .doc dt{padding:12px 16px 12px 0;border-bottom:1px solid #e2e8f0}
  .doc dd{padding:12px 0}
}
.doc table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 12px;
  display:block;overflow-x:auto}
.doc th,.doc td{text-align:left;vertical-align:top;padding:8px 12px 8px 0;
  border-bottom:1px solid #e2e8f0}
.doc ul{margin:0 0 12px;padding-left:20px}
.doc .actions{display:flex;flex-wrap:wrap;gap:10px}
.doc .actions button{width:auto}
.doc .back{margin-top:32px}
.doc a{color:#1f4f8f}