/* Syconium — one column, one typeface, no ornament. */

:root{
  --paper: #EFF4EA;   /* pale green */
  --ink:   #1C231C;   /* 14.4:1 on paper */
  --link:  #2F5D3A;   /*  6.8:1 on paper */
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

html{ background:var(--paper); -webkit-text-size-adjust:100%; }

body{
  background:var(--paper);
  color:var(--ink);
  font-family:"Newsreader", Georgia, "Times New Roman", serif;
  font-optical-sizing:auto;
  font-size:clamp(1.05rem, .95rem + .3vw, 1.19rem);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

main{
  max-width:36rem;
  margin:0 auto;
  padding:clamp(3rem,9vh,5.5rem) clamp(1.25rem,5vw,2rem) clamp(3rem,9vh,5rem);
}

h1{
  font-size:1.5em;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.01em;
  margin-bottom:1.4rem;
}

p{ text-wrap:pretty; }
p + p{ margin-top:1.1rem; }

a{
  color:var(--link);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
}
a:hover{ text-decoration-thickness:2px; }