:root{--bg-deep:#0E0A07;--bone:#ECE3C7;--dim:#A2917A;--oxblood:#6E2420;--amber:#C67A2E;--line:rgba(236,227,199,.12);--body:#D8CCB0}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg-deep);color:var(--bone);font-family:'Spectral',Georgia,serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--amber)}
.wrap{max-width:44rem;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line);padding:18px 0;position:sticky;top:0;background:rgba(14,10,7,.9);backdrop-filter:blur(8px)}
header .wrap{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:11px;color:var(--bone);text-decoration:none}
.logo .name{font-family:'Fraunces',serif;font-weight:500;font-size:19px}
.logo .sub{font-size:8px;letter-spacing:.34em;color:var(--amber)}
.back{font-size:14px;color:var(--dim)}
.tri path{fill:none;stroke-width:5;stroke-linejoin:round}
.tri .o{stroke:var(--bone)}.tri .i{stroke:var(--amber)}
main{padding:52px 0 64px}
h1{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(28px,4vw,38px);margin-bottom:8px}
.upd{color:var(--dim);font-size:14px;margin-bottom:34px}
h2{font-family:'Fraunces',serif;font-weight:500;font-size:21px;margin:34px 0 10px;color:var(--bone)}
p,li{color:var(--body);font-size:16px;margin-bottom:12px}
ul{padding-left:22px;margin-bottom:12px}
strong{color:var(--bone);font-weight:500}
.ph{color:var(--amber);font-style:italic}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--dim);font-size:14px}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--dim)}
footer a:hover{color:var(--bone)}