body { font-family: sans-serif; }
details summary { cursor: pointer; }
table { border-collapse: collapse; }

body>svg { display: none; }

body>header, body>footer { position: sticky; z-index: 1; color: #2a5fcd; background-color: #d9e3f7; display: flex; justify-content: space-between; align-items: center; }
body>header>div, body>footer>div { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 0.5rem; }
body>header { top: 0; }

body>header>:first-child>:first-child { font-family: monospace, monospace; font-size: 1.5rem; }
body>header>:first-child>:first-child, body>footer>:first-child>:first-child { text-decoration: none; }
body>header>:first-child>:first-child:visited, body>footer>:first-child>:first-child:visited { color: inherit; }

body>footer { top: 100vh; }
body>footer>:first-child { font-family: monospace; }

dialog { margin: auto; }

@media (max-width: 45rem) { 
  body>footer>div+div { display: none; }
}