body { margin: auto 2vw; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI" }
a { text-decoration: none }
a:hover { text-decoration: underline }
pre { margin: 1.5vw }
summary time, sub a[href^="#"], sup a[href^="#"] { font-weight: normal; font-variant: tabular-nums }
footer, div#footer { margin: 1vh 1vh 2vh; font-size: .89rem }

details { padding-top: 1vh }
summary { font-weight: bold; margin-bottom: 1.5vh; padding-left: .5em; background: white }
summary::after { font-weight: normal; padding: 0 1px; margin-left: .5em; content: '≣' }
details[open] summary::after { content: '↸' }
summary time::after, summary time::before { font-weight: bold;  margin: 1px }
summary time::after { content: '›' }
summary time::before { content: '‹' }

details summary:hover { outline: 1px dashed darkgray; cursor: zoom-in }
details summary:focus { outline: 1px dashed lightgray }
details[open] summary:hover { cursor: n-resize }
details summary:active, details[open] summary:active { cursor: pointer }

pre { white-space-collapse: preserve-breaks; overflow-x: overlay }

pre a { line-height: 2em }