:root{--bg:#fdfaf0;--ink:#2a2a22;--mute:#6b6a58;--line:#e2dabd;--accent:#b4442b;--leaf:#4f7a2b;--margin:rgba(180,68,43,.28)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.7 'Trebuchet MS','Gill Sans','Segoe UI',Verdana,sans-serif}
.w{max-width:40rem;margin:0 auto;padding:0 1rem 0 1.4rem;border-left:2px solid var(--margin)}
header{padding:1.8rem 0 .9rem;border-bottom:4px solid var(--leaf);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.3rem 1rem}
header a.t{font-size:1.6rem;color:var(--leaf);text-decoration:none;font-weight:700;font-variant:small-caps;letter-spacing:.04em}
header p{margin:0;order:3;width:100%;color:var(--mute);font-size:.92rem}
nav{display:flex;gap:1rem}nav a{color:var(--accent);text-decoration:none;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}nav a:hover{text-decoration:underline}
main{padding:1.4rem 0 2.4rem}h1{font-size:1.5rem;line-height:1.3}h2{font-size:1rem;margin-top:1.7rem;color:var(--leaf);text-transform:uppercase;letter-spacing:.06em}
a{color:var(--accent)}.d{color:var(--mute);font-size:.88rem}
ul.p{list-style:none;padding:0;counter-reset:n}ul.p li{counter-increment:n;position:relative;padding:.75rem 0 .75rem 2.6rem;border-bottom:1px dashed var(--line)}
ul.p li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:.75rem;font-weight:700;font-size:1.1rem;color:var(--leaf)}
footer{border-top:1px dashed var(--line);padding:1rem 0 2rem;color:var(--mute);font-size:.82rem;font-style:italic}