:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#eee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-debug=headline]{position:relative}[data-debug=headline] pre{position:absolute;inset:0;z-index:10000;margin:0;font-family:monospace;font-weight:400}[data-debug=headline] pre:before{position:absolute;inset:0;box-sizing:border-box;pointer-events:none;content:"";border:dotted #333 2px}[data-debug=headline] pre:after{position:absolute;right:0;bottom:0;z-index:10000;padding:5px;font-size:13px;color:#fff;letter-spacing:.1em;content:"H" attr(data-debug-current-level);background:#333}[data-debug],header{padding:20px 10px;margin:20px 10px}[data-debug=container],header{--color-structure-1-bg: #ff8360ff;--color-structure-1-fb: #333;--color-structure-2-bg: #e8e288ff;--color-structure-2-fb: #333;--color-structure-3-bg: #7dce82ff;--color-structure-3-fb: #333;--color-structure-4-bg: #ce5374;--color-structure-4-fb: #333;--color-structure-5-bg: #dbbbf5;--color-structure-5-fb: #333;--color-structure-6-bg: #ccc;--color-structure-6-fb: #333;position:relative}:is([data-debug=container],header) .structure-debug{position:absolute;inset:0;z-index:10000;box-sizing:border-box;margin:0;pointer-events:none}:is([data-debug=container],header) .structure-debug:before{position:absolute;inset:0;z-index:10000;box-sizing:border-box;pointer-events:none;content:"";border:solid var(--tag-color-bg) 4px}:is([data-debug=container],header) .structure-debug:after{position:absolute;top:0;left:0;z-index:10000;padding:.8em .4em;font-family:monospace;font-size:11px;font-weight:700;color:var(--tag-color-fg);pointer-events:none;background:var(--tag-color-bg)}:is([data-debug=container],header) .structure-debug[data-debug-current-tag]:after{content:attr(data-debug-current-tag)}:is([data-debug=container],header) .structure-debug[data-debug-current-tag][data-debug-parent-level][data-debug-current-level]:after{content:attr(data-debug-current-tag) " - pLevel: " attr(data-debug-parent-level) " - Level: " attr(data-debug-current-level)}.structure-debug[data-debug-current-tag=header]{--tag-color-fg: var(--color-structure-6-fg);--tag-color-bg: var(--color-structure-6-bg)}.structure-debug[data-debug-current-tag=article]{--tag-color-fg: var(--color-structure-2-fg);--tag-color-bg: var(--color-structure-2-bg)}.structure-debug[data-debug-current-tag=section]{--tag-color-fg: var(--color-structure-3-fg);--tag-color-bg: var(--color-structure-3-bg)}.structure-debug[data-debug-current-tag=nav]{--tag-color-fg: var(--color-structure-4-fg);--tag-color-bg: var(--color-structure-4-bg)}.structure-debug[data-debug-current-tag=main]{--tag-color-fg: var(--color-structure-1-fg);--tag-color-bg: var(--color-structure-1-bg)}.structure-debug[data-debug-current-tag=div]{--tag-color-fg: var(--color-structure-5-fg);--tag-color-bg: var(--color-structure-5-bg)}.atom-github-corner[data-v-b4465739]{position:fixed;top:0;right:0;z-index:10000}.atom-github-corner svg[data-v-b4465739]{position:absolute;top:0;right:0;color:#fff;border:0;fill:#151513}:is(.atom-github-corner:focus,.atom-github-corner:hover) .octo-arm[data-v-b4465739]{transform-origin:130px 106px;animation:octocat-wave-b4465739 .56s ease-in-out}@media (width <= 500px){.atom-github-corner .octo-arm[data-v-b4465739]{animation:octocat-wave-b4465739 .56s ease-in-out}.atom-github-corner:hover .octo-arm[data-v-b4465739]{animation:none}}@keyframes octocat-wave-b4465739{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}:root{--factor: .5 }h1{font-size:calc(90px * var(--factor))}h2{font-size:calc(80px * var(--factor))}h3{font-size:calc(70px * var(--factor))}h4{font-size:calc(50px * var(--factor))}.columns-3{display:flex;gap:10px}.columns-3>*{flex:1}.gallery{display:flex;gap:10px}.gallery>*{flex:1;height:100px;background-color:#ccc}
