Use :is css pseudo-class

nummi/history/templates/history/plot.html

@@ -18,7 +18,6 @@
             </tr>
         </thead>
         <tbody>
-            {% spaceless %}
             {% for y in history.years reversed %}
                 {% for date in y.d reversed %}
                     {% ifchanged %}
@@ -71,7 +70,6 @@
                     {% endifchanged %}
                 {% endfor %}
             {% endfor %}
-            {% endspaceless %}
         </tbody>
     </table>
 </div>
@@ -95,7 +93,6 @@
             </tr>
         </thead>
         <tbody>
-            {% spaceless %}
             {% for year in history.years reversed %}
                 <tr>
                     <th>{{ year.y }}</th>
@@ -116,7 +113,6 @@
                     {% endfor %}
                 </tr>
             {% endfor %}
-            {% endspaceless %}
         </tbody>
     </table>
 </div>

nummi/main/static/main/css/form.css

@@ -9,9 +9,7 @@ form > table > tbody > tr > th {
   background: var(--bg-01);
   background-clip: padding-box;
 }
-form tbody input,
+form tbody :is(input, select, textarea) {
-form tbody select,
-form tbody textarea {
   font: inherit;
   border: none;
   background: transparent;

nummi/main/static/main/css/main.css

@@ -61,8 +61,7 @@ a {
   text-decoration: none;
   display: inline-block;
 }
-a:hover,
+a:is(:hover, :focus) {
-a:focus {
   text-decoration: underline;
 }
 
@@ -109,8 +108,7 @@ nav ul {
 nav .skip-link {
   font-weight: 300;
 }
-nav .skip-link:active,
+nav .skip-link:is(:active, :focus) {
-nav .skip-link:focus {
   font-weight: 500;
 }
 nav a {
@@ -124,8 +122,7 @@ nav a.cur::after {
   position: absolute;
   right: 0;
 }
-nav > :first-child,
+:is(nav, main) > :first-child {
-main > :first-child {
   margin-top: 0;
 }
 footer {
@@ -146,8 +143,7 @@ footer {
   font-weight: 650;
   text-decoration: underline dotted;
 }
-.pagination a.cur:hover,
+.pagination a.cur:is(:hover, :focus) {
-.pagination a.cur:focus {
   text-decoration: underline;
 }