:root{--void:#08080D;--ink:#0F0F16;--paper:#F4EEE0;--paper-2:rgba(244,238,224,.82);--paper-3:rgba(244,238,224,.6);
  --gold:#E8CC8C;--gold-line:rgba(232,204,140,.24)}
@font-face{font-family:"Cormorant Garamond";font-weight:300;font-style:normal;font-display:swap;src:url(fonts/cormorant-garamond-latin-300-normal.woff2) format("woff2")}
*{box-sizing:border-box}
body{margin:0;background:var(--void);color:var(--paper);
  font:16px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:680px;margin:0 auto;padding:56px 22px 88px}
header{border-bottom:1px solid var(--gold-line);padding-bottom:26px;margin-bottom:36px}
.brand{font-size:13px;letter-spacing:.36em;color:var(--gold);text-decoration:none}
h1{font:300 40px/1.15 "Cormorant Garamond",Georgia,serif;margin:16px 0 8px}
h2{font:300 25px/1.3 "Cormorant Garamond",Georgia,serif;margin:38px 0 8px;color:#fff}
.updated{color:var(--paper-3);font-size:13.5px;margin:0}
p,li{color:var(--paper-2)}
ul{padding-left:20px} li{margin-bottom:7px}
strong{color:var(--paper);font-weight:600}
a{color:var(--gold)}
.note{border:1px solid var(--gold-line);border-left:3px solid var(--gold);border-radius:8px;padding:16px 18px;margin:26px 0;
  background:rgba(232,204,140,.05)}
.note p{margin:0}
nav{margin-top:44px;padding-top:22px;border-top:1px solid var(--gold-line);font-size:14px}
nav a{margin-right:18px;text-decoration:none}
footer{margin-top:34px;color:var(--paper-3);font-size:12.5px;text-align:center;letter-spacing:.08em}