html,body{overflow-x:hidden;max-width:100%}html{scroll-behavior:smooth}.container{width:100%;max-width:calc(86ch + 4ch);margin:0 auto;padding:var(--line-rhythm)2ch calc(var(--line-rhythm) * 2);position:relative;z-index:var(--z-index-page)}.container.full{max-width:100%}.container.center{display:flex;flex-direction:column;min-height:100vh}.container.center .content{flex:1}.header{margin-bottom:calc(var(--line-rhythm) * 2)}.header__bar{background:var(--theme-background);box-shadow:inset 0 0 0 1px var(--theme-border);display:flex;align-items:stretch;flex-wrap:wrap;gap:1ch;padding:calc(var(--line-rhythm) * .5)1ch}.header__logo{display:inline-flex;align-items:center;margin-right:auto}.logo{display:inline-block;background:var(--theme-button);color:var(--theme-button-text);font-weight:700;padding:0 2ch;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.header__logo a{background:0 0}.header__logo a:hover .logo,.header__logo a:focus .logo{background:var(--theme-focused-foreground);color:var(--theme-text)}.navigation-menu{display:inline-flex;align-items:center;flex-wrap:wrap;gap:1ch}.navigation-menu ul{display:inline-flex;align-items:center;flex-wrap:wrap;gap:1ch;list-style:none;text-indent:0}.navigation-menu li::before{display:none}.menu--mobile{display:none}@media(max-width:684px){.menu--desktop{display:none}.menu--mobile{display:inline-block}}.index-content{margin-bottom:calc(var(--line-rhythm) * 2)}.posts .post.on-list{margin-bottom:calc(var(--line-rhythm) * 2)}.post-meta{color:var(--theme-text-subdued);text-transform:uppercase;margin-bottom:var(--line-rhythm)}.post-meta time{margin-right:2ch}.post-author::before{content:'BY '}.post-reading-time{margin-left:2ch}.post-tags{display:block;margin:0 0 var(--line-rhythm)}.post-tags .badge{margin:0 1ch calc(var(--line-rhythm) * .25)0}.post-cover{width:100%;border:1px solid var(--theme-border);padding:4px;margin:var(--line-rhythm)0}.post-title{font-size:clamp(1.4em,5vw,1.75em);line-height:1.3;font-weight:700;margin:calc(var(--line-rhythm) * .5)0;word-break:keep-all;overflow-wrap:anywhere}.post-title a{background:0 0}.post-title a:hover,.post-title a:focus{background:var(--theme-focused-foreground)}.read-more,.post-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:1ch;margin-top:var(--line-rhythm)}.comments-count{color:var(--theme-text-subdued)}.post-float-nav{position:fixed;right:10px;bottom:14px;display:flex;flex-direction:column;gap:8px;z-index:var(--z-index-page-dropdown-menus)}.float-btn{display:flex;align-items:center;justify-content:center;width:4ch;height:calc(var(--line-rhythm) * 1.6);background:var(--theme-button-background);box-shadow:inset 0 0 0 2px var(--theme-button-foreground);color:var(--theme-text);text-decoration:none;user-select:none}.float-btn:hover,.float-btn:focus{background:var(--theme-focused-foreground);box-shadow:inset 0 0 0 2px var(--theme-focused-foreground)}.post-header{margin-bottom:calc(var(--line-rhythm) * 1.5)}.table-of-contents{margin:var(--line-rhythm)0}.table-of-contents .card-children{padding-top:calc(var(--theme-line-height-base) * .5rem)}.table-of-contents ul{list-style-type:'·'}.hanchor{color:var(--theme-text-subdued);background:0 0;margin-left:1ch;visibility:hidden}h1:hover .hanchor,h2:hover .hanchor,h3:hover .hanchor,h4:hover .hanchor,h5:hover .hanchor,h6:hover .hanchor{visibility:visible}.post-after{margin-top:calc(var(--line-rhythm) * 2)}.pagination{margin-top:calc(var(--line-rhythm) * 2)}.pagination__title{display:flex;align-items:center;gap:2ch;margin-bottom:var(--line-rhythm);color:var(--theme-text-subdued);text-transform:uppercase;white-space:nowrap}.pagination__title hr{flex:1;margin:0}.pagination__buttons{display:flex;align-items:flex-start;justify-content:space-between;gap:2ch;flex-wrap:wrap}.pagination__buttons .action-button .content{white-space:normal;text-align:left}.pagination__buttons .next{margin-left:auto}.footer{margin-top:calc(var(--line-rhythm) * 3)}.footer__inner{background:var(--theme-background);box-shadow:inset 0 0 0 1px var(--theme-border);padding:var(--line-rhythm)2ch}.footer .copyright{color:var(--theme-text-subdued)}.footer__social{margin-top:calc(var(--line-rhythm) * .5)}.footer__social a{margin-right:1ch}.theme-button{cursor:pointer}@media(max-width:684px){.container{padding-left:1ch;padding-right:1ch}.card-children{padding-left:1ch;padding-right:1ch}}