@font-face{font-family:"Fraunces";src:url("/fonts/fraunces.woff2") format("woff2");font-weight:300 400;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/inter.woff2") format("woff2");font-weight:400 700;font-display:swap}

:root{
  --bark:#0B120F;
  --line:#22302A;
  --gold:#F5C852;
  --text:#D8E0DA;
  --text-quiet:#8A9A90;
}

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

body{
  background:var(--bark);
  color:var(--text);
  font-family:"Inter",system-ui,sans-serif;
  font-size:1rem;
  line-height:1.65;
}

header,main,footer{max-width:42rem;margin:0 auto;padding:0 1rem}

header{display:flex;justify-content:space-between;align-items:baseline;padding-top:1.5rem;font-size:.9rem}
header .home{font-family:"Fraunces",Georgia,serif;font-size:1.25rem;font-weight:300;letter-spacing:.055em}

main{padding-top:2rem;padding-bottom:3rem}

h1,h2{font-family:"Fraunces",Georgia,serif;font-weight:300;color:var(--gold);line-height:1.2}
h1{font-size:clamp(2rem,7vw,2.75rem);margin-bottom:1rem}
h2{font-size:1.45rem;margin:2.5rem 0 .75rem}
h3{font-size:1rem;margin:1.75rem 0 .5rem}

p,ul{margin-bottom:1rem}
ul{padding-left:1.25rem}
li{margin-bottom:.4rem}
strong{font-weight:600}
a{color:var(--gold)}

.table{overflow-x:auto;margin-bottom:1rem}
table{border-collapse:collapse;width:100%;font-size:.92rem}
th,td{text-align:left;vertical-align:top;padding:.55rem .75rem .55rem 0;border-bottom:1px solid var(--line)}
th{color:var(--text-quiet);font-weight:400}

footer{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;padding-top:1.25rem;padding-bottom:2.5rem;font-size:.85rem}
footer a{color:var(--text-quiet)}