yesp.css

html {
  font-family: sans-serif;
  font-size: max(3ch, 3vmax + 2vmin);
  line-height: 1.618;
}

body {
  margin: 0;
  overflow-wrap: anywhere;
}

main {
  contain: layout;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 1em;
}

header {
  max-width: 61.8vw;
}

h1 {
  font-weight: unset;
  display: flow-root;
  padding: 3vmin;
}

h1 a { 
  float: inline-start;
}

h1 code { 
  font-family: unset;
  font-weight: bold;
}

mark {
  border-radius: 13% 8%;
}

a {
  display: inline-block;
  padding-inline: .146rem;
}

p { padding-inline: .146rem }
samp { padding-inline: 1vw; font-size: 1.236em }
small { display: block; font-size: 1ch }
sub { all: unset }
sup { all: unset; font-size: 1.236em }
s { text-decoration-style: wavy }
em { text-shadow: 1vw -1vh 3pc var(--tape-bluv) }
a:hover { text-decoration-style: double }
:any-link { text-decoration-style: dotted }

:focus { 
  text-decoration-style: solid;
  outline: 1ex groove;
}