/* base.css — typography and the default look of raw HTML elements. */
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.65;font-weight:400}
h1,h2,h3{font-weight:500;line-height:1.2;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4.6vw,3.15rem)}
h2{font-size:clamp(1.5rem,3vw,2.05rem);margin-bottom:var(--s6)}
h3{font-size:1.075rem;font-weight:600}
p{max-width:68ch}
strong{font-weight:600}
a{color:var(--copper);text-decoration:none;border-bottom:1px solid rgba(200,139,74,.35);transition:border-color .18s ease}
a:hover{border-bottom-color:var(--copper)}
:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:2px}
/* Skip link — keyboard users press Tab once and jump straight to the content. */
.skip{position:absolute;left:-9999px;top:0;background:var(--copper);color:var(--bg);padding:var(--s3) var(--s5);font-weight:600;z-index:100}
.skip:focus{left:var(--s4);top:var(--s4)}