body{margin:0 auto;max-width:900px;background-color:#1d1f21;color:#c9cacc;font-family:jetbrains mono,monospace;font-size:16px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,.recent-posts a,.section-list a,footer .footer-menu ul li a{text-decoration:none;transition:color .2s;color:inherit}a:hover,.recent-posts a:hover,.section-list a:hover,footer .footer-menu ul li a:hover{color:#00ced1;text-decoration:none}header{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem 0}header h1{margin:0;font-size:1.5rem}header nav ul{display:flex;align-items:center;padding:0;margin:0;list-style:none}header nav ul li{position:relative;display:flex;align-items:center;padding:0 1rem}header nav ul li:first-child{padding-left:0}header nav ul li:not(:last-child)::after{content:"";position:absolute;right:0;height:1em;border-right:1px dotted #00ced1}header nav ul li a::after{content:"";display:block;height:2px;background:#00ced1;width:0;position:absolute;bottom:-2px;left:0}header nav ul li a:hover::after{width:100%}header nav ul li a.active{color:#00ced1}.page-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:.5rem}.page-title{margin:0;color:#00ced1;font-size:1.5rem;font-weight:600;line-height:1}.page-date{font-size:.9rem;color:#888;margin:.2rem 0 0;min-width:13ch;white-space:nowrap}.recent-posts ul,.section-list ul{list-style:none;padding:0;margin:0}.recent-posts li.post-item,.section-list li.post-item{display:flex;gap:1rem;margin-bottom:.5rem;line-height:1.3;flex-wrap:nowrap}.recent-posts .post-date,.section-list .post-date{flex-shrink:0;min-width:13ch;color:#888;font-size:.9rem;white-space:nowrap}.recent-posts .post-title,.section-list .post-title{flex-grow:1;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-posts .post-title:hover,.section-list .post-title:hover{color:#00ced1;text-decoration:underline}footer{border-top:1px solid #222;margin-top:1rem;padding:.5rem 0}footer .footer-copyright{font-size:.8rem;color:#888;text-align:left;margin:0}footer .footer-menu ul{display:flex;list-style:none;padding:0;margin:.25rem 0 0}footer .footer-menu ul li{position:relative;display:flex;align-items:center;padding:0 .5rem}footer .footer-menu ul li:first-child{padding-left:0}footer .footer-menu ul li:not(:last-child)::after{content:"";position:absolute;right:0;height:.8em;border-right:1px dotted #00ced1}footer .footer-menu ul li a{font-size:.9rem;font-weight:500}.toc{margin:1rem 0;padding:.5rem 1rem;font-size:.95rem;line-height:1.4;border-left:3px solid #00ced1;background:0 0}.toc ul,.toc li{display:block;margin:0;padding:0;list-style:none}.toc ul ul{padding-left:1.5rem}.toc li{margin:.25rem 0}.toc a{color:#c9cacc;text-decoration:none}.toc a:hover{color:#00ced1;text-decoration:underline}