:root{--basalt:#14181B;--limestone:#E4E1D8;--dust:#9C998F;--groove:#0B0E10;--verdigris:#7FB5A6;
--display:"Cinzel","Trajan Pro","Times New Roman",serif;
--text:"Spectral","Iowan Old Style","Songti SC","Noto Serif SC",Georgia,serif;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--basalt);color:var(--limestone);font-family:var(--text);font-weight:300;font-size:1.0625rem;line-height:1.75;
padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}
a{color:inherit;text-decoration-color:var(--dust);text-underline-offset:.25em}
a:hover{color:var(--verdigris);text-decoration-color:var(--verdigris)}
:focus-visible{outline:2px solid var(--verdigris);outline-offset:4px}
.wrap{max-width:44rem;margin:0 auto;padding:0 clamp(1.25rem,5vw,2rem)}
.bar{padding:1.75rem 0;display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.bar .mark{font-family:var(--display);font-weight:600;letter-spacing:.32em;font-size:.95rem;text-decoration:none}
.bar a.back{color:var(--dust);text-decoration:none}
.groove{height:3px;border:0;margin:0;background:var(--groove);box-shadow:0 1px 0 rgba(255,255,255,.07)}
h1{font-family:var(--display);font-weight:600;letter-spacing:.1em;font-size:clamp(1.9rem,6vw,3rem);line-height:1.15;margin:3.5rem 0 .75rem}
.date{color:var(--dust);margin:0 0 3rem}
h2{font-family:var(--display);font-weight:600;letter-spacing:.06em;font-size:1.15rem;margin:2.75rem 0 .75rem}
p,ul{margin:0 0 1rem}
ul{padding-left:1.25rem}
li{margin-bottom:.4rem}
.note{color:var(--dust);border-left:2px solid var(--groove);padding-left:1rem}
footer{padding:3rem 0;color:var(--dust);font-size:.95rem;display:flex;flex-wrap:wrap;gap:.5rem 1.75rem}