:root{
  --noir:#0A0A08; --ivoire:#F5F1E8; --ivoire-2:#EDE7D8;
  --champagne:#A9855A; --champagne-text:#7C5F3A;
  --pierre:#6B655A; --pierre-line:#DBD5C7; --ink:#17140F;
  --serif:'Fraunces', serif; --sans:'Archivo', sans-serif;
}
*{box-sizing:border-box;}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--ivoire);line-height:1.7;-webkit-font-smoothing:antialiased;}
.wrap{max-width:760px;margin:0 auto;padding:0 24px;}
header{padding:32px 0;border-bottom:1px solid var(--pierre-line);}
header .wrap{display:flex;align-items:center;justify-content:space-between;max-width:900px;}
.brand{display:flex;align-items:center;text-decoration:none;}
.brand img{height:30px;width:auto;}
.back{font-size:13px;color:var(--pierre);text-decoration:none;border-bottom:1px solid var(--pierre-line);padding-bottom:2px;}
.back:hover{color:var(--champagne-text);border-bottom-color:var(--champagne);}
main{padding:64px 0 100px;}
h1{font-family:var(--serif);font-weight:440;font-size:clamp(30px,4vw,44px);line-height:1.15;margin:0 0 12px;}
.updated{font-size:13px;color:var(--pierre);margin-bottom:56px;}
h2{font-family:var(--serif);font-weight:440;font-size:22px;margin:48px 0 16px;}
p{margin:0 0 16px;font-size:15.5px;color:#3A362E;}
ul{margin:0 0 16px;padding-left:20px;}
li{margin-bottom:8px;font-size:15.5px;color:#3A362E;}
a{color:var(--champagne-text);}
.placeholder{background:#FBF3E4;border:1px dashed var(--champagne);padding:2px 6px;color:var(--champagne-text);font-style:italic;}
.note{margin-top:56px;padding:20px 24px;background:var(--ivoire-2);border-left:3px solid var(--champagne);font-size:13.5px;color:var(--pierre);}
footer{padding:32px 0;border-top:1px solid var(--pierre-line);text-align:center;font-size:12px;color:var(--pierre);}
