body{margin:0;background:#08121C}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
h1,h2,h3{text-wrap:balance}
.btn{transition:transform .15s ease,filter .15s ease,background-color .15s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.card{transition:border-color .15s ease,transform .15s ease}
.card:hover{border-color:#0B1A26 !important}
.navlink{opacity:.8;transition:opacity .15s}
.navlink:hover{opacity:1}
.arrow{display:inline-flex;transition:transform .15s}
.btn:hover .arrow,.lnk:hover .arrow,.card:hover .arrow{transform:translateX(4px)}
.ic{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ic2{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.toc a{display:block;padding:7px 0 7px 14px;border-left:2px solid #D5DDE4;color:#4E6070;transition:color .15s,border-color .15s}
.toc a:hover{color:#0B1A26;border-color:#0B1A26}
.prose p{margin:0}
.prose h2{scroll-margin-top:100px}
.prose ul,.prose ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.prose li::marker{color:#4E6070}
.inl{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.inl:hover{text-decoration-thickness:2px}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
.plus{transition:transform .15s}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #3DBFE8;outline-offset:3px}
@media (max-width:1100px){.nav-links{display:none !important}}
@media (max-width:640px){.nav-phone{display:none !important}}
@media (max-width:1000px){.aside-sticky{position:static !important}}
@media (prefers-reduced-motion:reduce){.btn,.arrow,.card,.plus{transition:none}}