/* Shared by the three pages. Same shell as wallet-libre's legal.py, with the
   app's own dusk palette in place of Wallet Libre's teal. */
:root { color-scheme: light dark; --ink: #1b1a17; --dim: #5d5a54;
        --bg: #fbf8f2; --rule: #ddd6c9; --link: #9a5a00; --sun: #e89b2d; }
@media (prefers-color-scheme: dark) {
  :root { --ink: #ecebe8; --dim: #a3a09a; --bg: #0b0d17; --rule: #2c2f3d;
          --link: #f2b65a; --sun: #f2b65a; }
}
* { box-sizing: border-box; }
body { margin: 0; padding: 3rem 1.25rem 5rem; background: var(--bg);
       color: var(--ink); font: 17px/1.65 -apple-system, BlinkMacSystemFont,
       "Segoe UI", system-ui, sans-serif; }
main { max-width: 40rem; margin: 0 auto; }
h1, h2 { font-family: "Iowan Old Style", "Palatino Linotype", Palatino,
         Georgia, serif; font-weight: 600; line-height: 1.25; }
h1 { font-size: 2rem; margin: 0 0 .25rem; }
h2 { font-size: 1.2rem; margin: 2.5rem 0 .5rem; }
.sub { color: var(--dim); margin: 0 0 2.5rem; font-size: .95rem; }
.icon { width: 88px; height: 88px; border-radius: 20px; display: block;
        margin: 0 0 1.25rem; }
hr { border: 0; border-top: 1px solid var(--rule); margin: 3rem 0 0; }
a { color: var(--link); }
ul { padding-left: 1.25rem; }
li { margin: .4rem 0; }
nav a { margin-right: 1rem; }
footer { color: var(--dim); font-size: .875rem; margin-top: 1.5rem; }
strong { font-weight: 600; }