pupate

moth.css

 1@import url('base.css');
 2
 3.categorylist .categories {
 4    display: flex;
 5    flex-wrap: wrap;
 6}
 7.categorylist .category {
 8    max-width: 30em;
 9    border: 3pt solid var(--gray);
10    border-radius: 5px;
11    padding: 0.4em;
12    margin: 1em;
13}
14.categorylist .category h1 {
15    margin: 0;
16}
17.categorylist ul {
18    display: flex;
19    flex-wrap: wrap;
20    margin-block: inherit;
21    margin-inline: inherit;
22    padding-inline: inherit;
23}
24.categorylist li {
25    display: block;
26    margin: 0.5em;
27}
28
29.puzzle form .hash {
30    cursor: help;
31    display: none;
32}
33.puzzle form.match .hash.match,
34.puzzle form.no-match .hash.no-match {
35    display: inherit;
36}
37.puzzle .authors {
38    border: solid var(--darker) 2px;
39}
40.puzzle .attachments a {
41    color: var(--darker);
42}
43.puzzle .debug:not(:empty) {
44    border-radius: 4px;
45    background: var(--darkest);
46    color: var(--white);
47    padding: 0.2em 0.5em;
48}
49.puzzle .debug dd {
50    margin-inline-start: 2em;
51}
52.puzzle .debug dd ul {
53    padding-inline-start: 0;
54    white-space-collapse: preserve;
55}
56
57details.errors {
58    position: absolute;
59    right: 1em;
60    background: #800;
61    color: white;
62    padding: 1em;
63}
64details.errors summary {
65        text-align: right;
66}