*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--ink);
  color:var(--paper);
  font-family:var(--sans);
  line-height:1.55;
}
a{color:var(--amber);text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus-visible, button:focus-visible{outline:2px solid var(--amber); outline-offset:3px;}

/* faint blueprint grid */
.grid-bg{
  position:fixed; inset:0; z-index:-1;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size:40px 40px;
  opacity:0.12;
}

.wrap{max-width:760px; margin:0 auto; padding:0 24px;}