:root { --bg: #f6f6fa; --surface: #fff; --ink: #12131c; --muted: #646a7d; --line: #e3e4ed; --brand: #4a3bd8; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg: #0b0c14; --surface: #13141f; --ink: #eef0f7; --muted: #9aa0b5; --line: #24263a; --brand: #a99fff; color-scheme: dark; } }
html, body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 2.5rem 16px 4rem; }
h1 { font-size: 1.8rem; line-height: 1.2; margin: 0 0 .25rem; } h2 { font-size: 1.15rem; margin: 2rem 0 .5rem; }
p, li { color: var(--ink); } .muted { color: var(--muted); } a { color: var(--brand); }
ul { padding-left: 1.2rem; } .back { display: inline-block; margin-bottom: 1.5rem; text-decoration: none; }

/* Signatory authority letter */
  .form { border: 1px solid #cfd1de; border-radius: 10px; padding: 1.25rem 1.5rem; margin: 1.5rem 0; background: #fff; color: #12131c; }
  .blank { display: inline-block; min-width: 14rem; border-bottom: 1px solid #12131c; margin: 0 .25rem; }
  .sign { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1.5rem; }
  .sign div { border-top: 1px solid #12131c; padding-top: .3rem; font-size: .9rem; }
  @media print { .no-print { display: none; } body { background: #fff; } .form { border: 0; padding: 0; } }
  @media (max-width: 560px) { .sign { grid-template-columns: 1fr; } .blank { min-width: 9rem; } }