body{
margin:0;
background:#050505;
color:#e6e6e6;
font-family:"IBM Plex Mono", monospace;
line-height:1.6;
}

.wrapper{
max-width:900px;
margin:auto;
padding:60px 24px;
}

.header{
margin-bottom:40px;
}

.header h1{
font-size:28px;
letter-spacing:2px;
font-weight:500;
margin-bottom:10px;
}

.header h1::before{
content:"> ";
color:#4da6ff;
}

.header-nav a{
color:#4da6ff;
text-decoration:none;
transition:0.25s ease;
}

.header-nav a:hover{
color:#4da6ff;
text-decoration:underline;
}

.header-brand a{
color:#4da6ff;
text-decoration:none;
}

.header-brand a:hover{
color:#4da6ff;
text-decoration:underline;
}

.tagline{
color:#aaa;
font-size:14px;
margin-top:8px;
}

.section{
margin:50px 0;
}

.section h2{
font-size:16px;
letter-spacing:2px;
margin-bottom:14px;
color:#ddd;
}

.section h2::before{
content:"# ";
color:#4da6ff;
}

.section ul a{
color:#4da6ff;
text-decoration:none;
}

.section ul a:hover{
text-decoration:underline;
}

.doc-card{
background:rgba(15,20,15,0.6);
border:1px solid rgba(255,255,255,0.08);
padding:20px;
margin-top:16px;
}

.doc-card a{
color:#4da6ff;
text-decoration:none;
}

.doc-card a:hover{
text-decoration:underline;
}

a{
color:#4da6ff;
text-decoration:none;
transition:0.2s ease;
}

a:hover{
text-decoration:underline;
}

.footer{
margin-top:60px;
font-size:12px;
color:rgba(255,255,255,0.35);
text-align:center;
}