main p a, main li a{text-decoration:underline;text-underline-offset:2px}

header{z-index:10}
.nav{max-width:820px;margin:0 auto;padding:18px 28px;gap:16px}
header .logo-tag{color:var(--lavender)}
.back{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--ink-72);transition:color .15s ease}
.back:hover{color:var(--ink)}

main{max-width:820px;margin:0 auto;padding:72px 28px 96px}

h1{font-size:clamp(30px,5vw,42px);line-height:1.15;margin:14px 0 12px}
.maj{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-45);margin-bottom:56px}
h2{font-size:21px;margin:48px 0 14px}
main p{color:var(--ink-72);font-size:15.5px;margin-bottom:14px}
main ul{color:var(--ink-72);font-size:15.5px;margin:0 0 14px 20px}
main li{margin-bottom:7px}
.bloc{border-left:2px solid var(--lavender-30);padding:4px 0 4px 20px;margin:18px 0 22px}
.bloc p{margin-bottom:4px}

footer{padding:38px 28px}
.foot{max-width:820px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.foot span,.foot a{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--cream-50)}
.foot a{transition:color .15s ease}
.foot a:hover{color:var(--lavender)}