@font-face{font-family:'Dela Gothic One';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dela-gothic-one-cyrillic.ec50989f.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Dela Gothic One';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dela-gothic-one-latin.6727f9af.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-cyrillic.95a49306.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-latin.e310b55a.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Marck Script';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/marck-script-cyrillic.ff7a375c.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Marck Script';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/marck-script-latin.d71f9b38.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--ink:#120607;--wine:#2B0B10;--cherry:#E0263A;--paper:#F2E4CC;--gold:#D9A441;--muted:rgba(242,228,204,.66);--line:rgba(242,228,204,.14);
  --display:"Dela Gothic One","Arial Black",sans-serif;--body:"Manrope",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:16.5px;line-height:1.65}
a{color:var(--paper)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.top{border-bottom:1px solid var(--line)}
.top .in,.doc{max-width:780px;margin:0 auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}
.top .in{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:19px}
.logo b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#FFF3B0 0,#FFD83A 18%,#F2B705 55%,#A87600 100%);transform:rotate(-12deg)}
.logo b i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#FFF8E6;color:var(--ink);font-style:normal;font-size:12px}
.back{font-weight:700;font-size:14px;text-decoration:none;color:var(--muted)}
.back:hover{color:var(--paper)}
.doc{padding-top:48px;padding-bottom:80px}
h1{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(28px,5vw,44px);line-height:1;margin:0 0 12px;text-wrap:balance}
.meta{color:var(--muted);font-size:14px;margin:0 0 36px}
h2{font-size:19px;font-weight:800;margin:40px 0 10px}
p,li{color:rgba(242,228,204,.86)}
ul{padding-left:22px}
li{margin:4px 0}
.todo{background:#FFD83A;color:var(--ink);padding:1px 6px;border-radius:4px;font-weight:700;white-space:nowrap}
.note{border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-size:14.5px;color:var(--muted);margin:28px 0}
