:root{--paper:#f3ead4;--card:#faf5e7;--line:#d8c99e;--graphite:#33302a;--muted:#6f6650;--green:#4c7a30;
  --serif:"Fraunces",Georgia,serif;--sans:"Public Sans",-apple-system,Helvetica,Arial,sans-serif;--mono:"Courier Prime","Courier New",monospace}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--graphite);font-family:var(--sans);font-size:16px;line-height:1.65}
.top{border-bottom:1px solid var(--line);background:var(--card)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:14px}
.top a{color:var(--graphite);text-decoration:none;font-family:var(--serif);font-weight:700;font-size:19px}
.top nav a{font-family:var(--sans);font-weight:400;font-size:14px;color:var(--muted);margin-left:16px}
.wrap{max-width:760px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
main{padding-block:34px 60px}
h1{font-family:var(--serif);font-size:clamp(28px,5vw,38px);line-height:1.15;margin:0 0 6px}
h2{font-family:var(--serif);font-size:21px;margin:34px 0 8px}
.meta{font-family:var(--mono);font-size:12px;color:var(--muted);margin:0 0 22px}
p,li{max-width:68ch}
ul{padding-left:22px}
li{margin:6px 0}
table{border-collapse:collapse;width:100%;font-size:14.5px;margin:10px 0}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400}
.tw{overflow-x:auto}
.mail{font-family:var(--mono);background:var(--card);border:1px solid var(--line);border-radius:4px;padding:1px 6px;user-select:all}
footer{border-top:1px solid var(--line);padding-block:20px 30px;font-size:13px;color:var(--muted)}
footer a{color:var(--muted);margin-right:14px}
a{color:var(--green)}