:root{--plum:#2e1f2c;--plum-2:#5a4253;--blush:#fbf1f1;--tint:#f3e2e5;--tint-2:#e9d0d6;--rose:#b3476b;--m:clamp(16px,2.6vw,40px)}
*{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip}
body{margin:0;background:var(--blush);color:var(--plum);font:400 17px/1.6 'Jost',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--rose);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:4px}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px var(--m);background:var(--plum);color:var(--blush)}
.bar .name{font:500 24px/1 'Bodoni Moda',serif;color:var(--blush);text-decoration:none}
.bar .back{color:var(--blush);text-decoration:none;font-weight:500}
.bar .back:hover{text-decoration:underline}
.doc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:40px 64px;max-width:1180px;margin:0 auto;padding:96px var(--m) 160px}
.doc>header{position:sticky;top:40px;align-self:start}
h1{margin:0;font:400 clamp(44px,6vw,88px)/.98 'Bodoni Moda',serif;letter-spacing:-.03em}
.intro{margin:20px 0 0;font-size:20px;max-width:30ch}
.body{max-width:68ch}
h2{margin:48px 0 10px;font:400 26px/1.2 'Bodoni Moda',serif;letter-spacing:-.01em}
.body>h2:first-of-type{margin-top:0}
p,li{max-width:65ch}
.callout{margin:0 0 48px;padding:20px 24px;border-radius:18px;background:var(--tint)}
mark{background:var(--tint-2);color:var(--plum);padding:1px 5px;border-radius:5px}
.updated{margin-top:56px;font-size:15px;color:var(--plum-2)}
@media (max-width:820px){.doc{grid-template-columns:1fr;padding:56px var(--m) 96px}.doc>header{position:static}.body,p,li{max-width:none}}