@import 'https://cdn.jsdelivr.net/npm/@webtui/css@0.1.6/dist/full.css';@import 'https://cdn.jsdelivr.net/npm/@webtui/theme-catppuccin@0.0.3/dist/index.css';@layer base, utils, components;:root{--header-height: 4lh;--footer-height: 4lh}body{display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden}.header{height:var(--header-height);flex-shrink:0;z-index:10;display:flex;align-items:center}.header-content{padding:0 2ch;width:100%;display:flex;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1ch}.header-nav{display:flex;gap:1ch;align-items:center}.nav-toggle{display:none}.nav-toggle-glyph{display:inline-block;line-height:1}.site-title{font-weight:bold;font-size:1lh}.site-title a{text-decoration:none;color:inherit}.main-container{display:flex;flex:1;align-items:stretch;min-height:0}.sidebar{width:40ch;flex-shrink:0;height:100%;overflow:visible;padding:1lh 2ch;position:relative;z-index:10}.content-area{flex-grow:1;height:100%;overflow:hidden;padding:0 2ch;display:flex;flex-direction:column;gap:0lh;min-height:0;position:relative;z-index:1}.breadcrumbs-box{flex-shrink:0}.content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;padding:1lh 2ch;min-height:0;position:relative;background-color:var(--background0)}.content-scroll{flex:1 1 auto;overflow:auto;padding:0;min-height:0;position:relative;z-index:1}.content-scroll h1,.content-scroll h2,.content-scroll h3,.content-scroll h4,.content-scroll h5,.content-scroll h6{margin-block:1lh 1lh}.content-scroll p,.content-scroll ul,.content-scroll ol,.content-scroll blockquote,.content-scroll pre,.content-scroll table,.content-scroll figure{margin-block:1lh}.content-scroll ul,.content-scroll ol{padding-left:2ch}.content-scroll>:first-child{margin-top:0}.content-scroll>:last-child{margin-bottom:0}.post-figure{display:inline-block;margin-block:1lh}.post-figure-frame{display:block;position:relative;width:fit-content;max-width:100%;overflow:visible}.post-figure-frame img{display:block;max-width:100%;height:auto;position:relative;z-index:1}.post-figure-frame::after,.post-figure-frame::before{content:"";position:absolute;background-color:#444;background-image:repeating-linear-gradient(0deg, #4a4a4a 0, #4a4a4a 1px, #3f3f3f 1px, #3f3f3f 2px),repeating-linear-gradient(90deg, #4a4a4a 0, #4a4a4a 1px, #3f3f3f 1px, #3f3f3f 2px);z-index:0;pointer-events:none}.post-figure-frame::after{left:1ch;right:-1ch;bottom:-1lh;height:1lh}.post-figure-frame::before{top:1lh;bottom:0;right:-1ch;width:1ch}.post-figure-caption{margin-top:1lh;text-align:center}.footer{height:var(--footer-height);flex-shrink:0;z-index:10;display:flex;align-items:center}.footer-content{padding:0 2ch;width:100%;display:flex;justify-content:space-between;font-size:1lh}.search-dialog-content{display:flex;flex-direction:column;gap:1lh;width:88ch;max-width:100ch}.nav-dialog-content{display:flex;flex-direction:column;gap:1lh;width:70ch;max-width:90ch}.nav-dialog-header{display:flex;justify-content:space-between;align-items:center}.nav-dialog-nav ul{margin:0;padding-left:2ch}.nav-dialog-list{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:1lh}.nav-dialog-section>strong{display:inline-block;margin-bottom:.5lh}.search-dialog-header{display:flex;justify-content:space-between;align-items:center}#search-input{width:100%}#search-results{max-height:24lh;overflow-y:auto}#search-dialog::backdrop{background-color:color-mix(in srgb, var(--background0) 70%, rgba(0,0,0,0))}#nav-dialog::backdrop{background-color:color-mix(in srgb, var(--background0) 70%, rgba(0,0,0,0))}#search-dialog{max-width:104ch;max-height:32lh;overflow:visible}#nav-dialog{max-width:92ch;max-height:32lh;overflow:visible}.breadcrumbs-box [is-~=badge]{margin-right:1ch}.sidebar .nav-tree-branch>ul{position:relative}.sidebar .nav-tree-branch>ul::before{content:"";position:absolute;top:0;bottom:0;left:-1.5ch;width:0;border-left:1px solid currentColor;pointer-events:none}.sidebar .recent-posts li{display:flex;align-items:center}.sidebar .recent-posts li:before{flex:0 0 auto}.sidebar .recent-posts .recent-title-wrap{display:inline-flex;align-items:center;max-width:100%;min-width:0;position:relative;flex:1 1 auto}.sidebar .recent-posts .recent-link{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .recent-posts .recent-link-text{display:inline-block;white-space:nowrap}.sidebar .recent-selected{display:inline-flex;max-width:100%;overflow:hidden;--recent-visible: 30}.sidebar .recent-selected .recent-link{width:calc((var(--recent-visible) + 2)*1ch);padding:0 1ch;text-overflow:clip}.sidebar .recent-selected.recent-marquee .recent-link-text{--marquee-distance: calc(var(--marquee-steps) * 1ch);animation:recent-title-marquee var(--marquee-duration) steps(var(--marquee-steps-total)) infinite}.sidebar .recent-selected.recent-marquee:hover .recent-link-text,.sidebar .recent-selected.recent-marquee:focus-within .recent-link-text{animation-play-state:paused}.sidebar .recent-selected .recent-title-full{display:none}.sidebar .recent-posts .recent-title-full{display:none;position:absolute;left:0;top:0;z-index:20;white-space:nowrap;background-color:var(--background0);color:var(--foreground0);pointer-events:none}.sidebar .recent-posts .recent-title-wrap:hover .recent-title-full,.sidebar .recent-posts .recent-title-wrap:focus-within .recent-title-full{display:inline-flex}@keyframes recent-title-marquee{0%, 15%{transform:translateX(0)}50%{transform:translateX(calc(-1*var(--marquee-distance)))}85%{transform:translateX(calc(-1*var(--marquee-distance)))}100%{transform:translateX(0)}}@keyframes breadcrumbs-marquee{0%, 15%{transform:translateX(0)}50%{transform:translateX(calc(-1*var(--breadcrumb-distance)))}85%{transform:translateX(calc(-1*var(--breadcrumb-distance)))}100%{transform:translateX(0)}}.sidebar [is-~=badge] a{color:#000}.content:before,.content:after{z-index:2}[box-]:before,[box-]:after{pointer-events:none}@media (max-width: 720px){:root{--header-height: 2lh;--footer-height: 2lh;--nav-button-size: 3em;--nav-button-width: 3.5ch;--nav-button-gap: 1ch}body{height:auto;min-height:100dvh;overflow:auto}.header{height:auto;position:relative;overflow:visible}.header-content{padding:0 1ch 0 calc(1ch + var(--nav-button-width) + var(--nav-button-gap));gap:1ch}.site-title{font-size:.9lh}.header-nav button{padding-inline:1ch}#search-button{display:none}.nav-toggle{display:inline-flex;width:var(--nav-button-width);height:var(--nav-button-size);min-height:0;padding:0;font-size:.9lh;line-height:1;align-items:center;justify-content:center;position:absolute;left:1ch;top:0}.main-container{flex-direction:column}.sidebar{display:none}.content-area{padding:0 1ch .5lh;gap:.5lh}.breadcrumbs-box{padding:.5lh 1ch .5lh calc(1ch + var(--nav-button-width) + var(--nav-button-gap))}.breadcrumbs-box[box-]::before,.breadcrumbs-box[box-]::after{display:none}.breadcrumbs-marquee{display:block;max-width:100%;overflow:hidden}.breadcrumbs-marquee-content{display:inline-flex;gap:1ch;white-space:nowrap}.breadcrumbs-marquee-on .breadcrumbs-marquee-content{--breadcrumb-steps-total: 1;animation:breadcrumbs-marquee var(--breadcrumb-duration) steps(var(--breadcrumb-steps-total)) infinite}.content{padding:1lh 1ch;overflow:visible;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.content-scroll{overflow:visible}.content[box-]::before,.content[box-]::after{display:none}.footer{height:auto;margin-top:auto}.footer-content{padding:.25lh 1ch;font-size:.9lh;flex-direction:column;gap:.2lh;line-height:1.1}.footer[box-]::before,.footer[box-]::after{display:none}#nav-dialog{max-width:100%;width:100%}.nav-dialog-content{width:100%;max-width:100%}#search-dialog{max-width:100%;width:100%}.search-dialog-content{width:100%;max-width:100%}}