/* Site additions on top of the Modernist design system (styles.css). */
body{margin:0;text-wrap:pretty;background:var(--color-bg)}
a{color:var(--color-text)}
a:hover{color:var(--color-accent)}
.btn-primary,.btn-primary:hover,.btn-primary:active{color:var(--color-bg)}
.nav{flex-wrap:wrap;row-gap:10px}
.email-link{color:var(--color-accent-700)}
.email-link:hover{color:var(--color-accent)}
[hidden]{display:none !important}
@media (max-width:720px){
  .nav{gap:12px 18px}
  .nav .nav-brand{flex-basis:100%}
}