:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:rgb(255,255,255);--entry:rgb(255,255,255);--primary:rgb(30,30,30);--secondary:rgb(108,108,108);--tertiary:rgb(214,214,214);--content:rgb(31,31,31);--hljs-bg:rgb(28,29,33);--code-bg:rgb(245,245,245);--border:rgb(238,238,238)}.dark{--theme:rgb(29,30,32);--entry:rgb(46,46,51);--primary:rgb(218,218,219);--secondary:rgb(155,156,157);--tertiary:rgb(65,66,68);--content:rgb(196,196,197);--hljs-bg:rgb(46,46,51);--code-bg:rgb(55,56,62);--border:rgb(51,51,51)}.list{background:var(--code-bg)}.dark.list{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;scroll-behavior:smooth}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:16px;line-height:1.6;word-break:break-word;background:var(--theme);margin:0}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}img{display:block;max-width:100%}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:calc(var(--nav-width) + var(--gap)*2);margin-inline-start:auto;margin-inline-end:auto;line-height:var(--header-height)}.nav a{display:block}.logo,#menu{display:flex;gap:20px}.logo{flex-wrap:inherit;position:fixed;top:10px;left:calc((100vw - var(--main-width) - var(--gap)*2)/2 - 138px)}.logo a{font-size:24px;font-weight:700}#menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap}#menu a{font-size:16px}#menu .active{font-weight:500;border-bottom:2px solid}.main{position:relative;max-width:calc(var(--main-width) + var(--gap)*2);margin:auto;padding:var(--gap);margin-top:0;padding-top:10px}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;margin:var(--gap) 0 calc(var(--gap)*2)}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h1{font-size:34px;line-height:1.3}.first-entry .entry-content{margin:14px 0;font-size:16px;display:block;-webkit-line-clamp:unset;overflow:visible}.first-entry .entry-footer{font-size:14px}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .1s;border:1px solid var(--border)}.post-entry:first-of-type{margin-top:var(--gap)}.post-entry:active{transform:scale(.96)}.entry-header h2{font-size:24px;line-height:1.3}.entry-content{margin:8px 0;color:var(--secondary);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-footer{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0}.social-icons{padding:0;margin:20px;margin-bottom:30px}.social-icons a:not(:last-of-type){margin-inline-end:12px}.social-icons a svg{height:26px;width:26px}.post-single{margin-top:0;padding-top:0}.post-title{font-size:2.5rem;font-weight:800;text-align:left;margin-bottom:20px}.post-meta{font-size:1rem;margin-top:10px;margin-bottom:40px;color:var(--secondary);display:flex;flex-wrap:wrap}.post-content{color:var(--content)}.post-content p:first-child{margin-top:45px}.post-content h1{margin-top:30px;padding-top:10px;margin-bottom:15px;font-size:28px}.post-content h2{margin:24px auto 16px;font-size:24px}.post-content h3{margin:24px 0 16px;font-size:18px}.post-content dl,.post-content ol,.post-content p,.post-content figure,.post-content ul{margin-bottom:var(--content-gap)}.post-content ol,.post-content ul{padding-inline-start:20px}.post-content li{margin-top:5px}.post-content a:hover{color:#aaa}.post-content a{box-shadow:0 1px}.post-content blockquote{margin:20px 0;padding:0 14px;border-inline-start:3px solid var(--primary)}.post-content hr{margin:30px 0;height:2px;background:var(--tertiary);border-top:0;border-bottom:0}.post-content img{border-radius:4px;margin:1rem 0}.post-content code{margin:auto 4px;padding:4px 6px;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:2px}.post-content pre code{display:block;margin:auto 0;padding:10px;color:#d5d5d6;background:0 0;border-radius:0;overflow-x:auto;word-break:break-all}.post-content .highlight:not(table),.post-content pre{margin:10px auto;background:var(--hljs-bg)!important;border-radius:var(--radius)}.centered-text{text-align:center;margin-top:10px;margin-bottom:10px}.styled-link{color:rgb(88,174,201);text-decoration:underline}.sub-heading{font-size:1.2rem;font-weight:bold;margin-top:20px;margin-bottom:15px}.center-image{display:block;margin-left:auto;margin-right:auto;padding:20px 0}.container{max-width:var(--main-width);margin:40px auto;padding:0 var(--gap)}.container h1{font-size:48px;margin-bottom:40px;text-align:left;font-weight:500}.intro-text{margin-bottom:40px;color:var(--secondary);line-height:1.6;font-size:16px;text-align:left}.topic-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.topic-nav a{padding:6px 14px;border:1px solid var(--tertiary);border-radius:20px;font-size:14px;color:var(--secondary);transition:color .2s,border-color .2s}.topic-nav a:hover{color:var(--primary);border-color:var(--primary)}.genre-section{margin-bottom:48px}.genre-header{font-size:24px;font-weight:500;margin-bottom:20px;color:var(--primary);padding-bottom:8px}.book-list{display:flex;flex-direction:column;gap:6px}.book-item{padding:1px 0;text-align:center;font-size:16px;color:var(--primary);line-height:1.4}.book-title{display:inline;font-size:16px;font-weight:400;color:var(--primary)}.book-author{display:inline;font-size:16px;color:var(--primary);font-style:italic}.resource-desc{font-size:14px;color:var(--secondary);margin-top:2px;font-style:italic}.faq-item{background:var(--entry);border-radius:var(--radius);padding:20px;margin-bottom:20px}.question{color:var(--primary);font-weight:500;margin-bottom:10px;font-size:18px}.answer{color:var(--secondary);line-height:1.6}.answer a{color:#3291ff;text-decoration:none}.answer a:hover{text-decoration:underline}.hljs{display:block;overflow-x:auto;background:#1c1d21;color:#c0c5ce;padding:.5em}.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#4fb4d7}.hljs-section,.hljs-title{color:#78bb65}.hljs-keyword,.hljs-selector-tag{color:#b45ea4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (max-width:768px){.logo{position:static}.nav{justify-content:center;flex-direction:column;align-items:center;gap:0}.container{padding:0 20px}.genre-header{font-size:20px}.book-item{padding:12px 16px}}