:root{--mid:#0B0910;--cndl:#E8A85C;--parch:#EDE3D1}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(80% 60% at 70% 0%,#2a1c14 0%,rgba(42,28,20,0) 60%),#0B0910;color:rgba(237,227,209,.84);
  font:16px/1.75 Manrope,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;padding:28px 16px 80px}
.sheet{max-width:760px;margin:0 auto;padding:36px 34px 44px;border-radius:30px;background:linear-gradient(135deg,rgba(255,244,228,.08),rgba(255,244,228,.03));
  border:1px solid rgba(255,244,228,.14);box-shadow:0 30px 70px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.12)}
.back{display:inline-block;color:var(--cndl);text-decoration:none;font-weight:700;letter-spacing:.06em;margin-bottom:18px}
.langs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.langs a{color:var(--parch);text-decoration:none;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;
  background:linear-gradient(145deg,#262031,#15111C);box-shadow:6px 8px 16px rgba(0,0,0,.5),inset 2px 2px 3px rgba(255,236,210,.08),inset -3px -4px 8px rgba(0,0,0,.45)}
section{padding-top:24px;border-top:1px solid rgba(237,227,209,.1);margin-top:24px}
section:first-of-type{border-top:0;margin-top:6px}
h1{font:400 44px/1.05 'Playfair Display',Georgia,serif;color:var(--parch);margin:0 0 6px;letter-spacing:-.02em}
h2{font:600 19px/1.3 'Playfair Display',Georgia,serif;color:var(--parch);margin:28px 0 6px}
.upd{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cndl);margin:0 0 18px}
a{color:var(--cndl)}
code{font-size:.9em;color:var(--parch)}
ul{padding-left:20px}
li{margin:6px 0}
b{color:var(--parch)}
@media(max-width:600px){.sheet{padding:26px 20px 34px;border-radius:24px}h1{font-size:34px}}