style Put the footer in a rounded raised card

The copyright and version line sat under a bare top rule. Give it the page surface's box treatment — raised paper, border, radius, shadow — minus the oxblood accent, so it reads as a small card beneath the main one.

Commit
12a111a77a9d85095a16057a7dc8368e6836ea8d
Author
Marius Peter <dev@marius-peter.com>
Author date
Committer
Marius Peter <dev@marius-peter.com>
Committer date
lib/web/assets/hito.css
index 6b0eb1b9..ea832cd4 100644..100644
@@ -96,10 +96,15 @@
96 96 gap: 1rem;
97 97 }
98 98
99 Added: /* The footer is a small card beneath the page surface: same raised paper,
100 Added: border, and radius, without the surface's oxblood accent. */
99 101 .site-footer {
100 Removed: margin: 2rem 0 0;
101 Removed: padding: 1rem 0 0;
102 Removed: border-top: 1px solid var(--rule);
102 Added: margin: 1.25rem 0 0;
103 Added: padding: 0.85rem 1rem;
104 Added: border: 1px solid var(--rule-strong);
105 Added: border-radius: var(--radius);
106 Added: background: var(--paper-raised);
107 Added: box-shadow: 0 0.4rem 1.5rem rgba(26, 26, 22, 0.09);
103 108 color: var(--muted-ink);
104 109 font-size: var(--font-size-small);
105 110 text-align: center;